/* An editorial journey through the threshold of a Manhattan residence. */
.architectural-home{--paper:#eae7df;--ink:#242622;--accent:#ac4933;background:var(--paper);font-size:16px}
.architectural-journey{height:270svh;position:relative}.journey-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;background:#242622;isolation:isolate}
.interior-scene{position:absolute;inset:0;transform:scale(var(--zoom,1.19));will-change:transform}.interior-scene img{width:100%;height:100%;object-fit:cover;object-position:center 53%}.interior-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111a17b8,#111a1755 58%,transparent),linear-gradient(0deg,#111a176b,transparent 35%)}
.facade-scene{position:absolute;inset:0 0 0 43%;overflow:hidden;mask-image:linear-gradient(90deg,transparent var(--erase-edge,-12%),#000 calc(var(--erase-edge,-12%) + 5%));-webkit-mask-image:linear-gradient(90deg,transparent var(--erase-edge,-12%),#000 calc(var(--erase-edge,-12%) + 5%))}.facade-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--facade-scale,1));will-change:transform}

.facade-caption{position:absolute;right:26px;top:155px;writing-mode:vertical-rl;color:#fff;font:9px var(--sans);letter-spacing:.19em;opacity:var(--title-opacity,1)}
.journey-paper{position:absolute;inset:0 57% 0 0;background:var(--paper);opacity:var(--paper-opacity,1)}
.arrival-copy{position:absolute;top:24%;left:6vw;width:65%;opacity:var(--title-opacity,1);transform:translateY(calc(var(--open,0)*-70px))}.arrival-copy .eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:24px}.arrival-copy h1{font:400 clamp(75px,9vw,155px)/.91 var(--serif);letter-spacing:-.065em;margin:0}.arrival-copy h1 em{font-weight:400;color:#a44330}.arrival-bottom{margin-top:30px;max-width:330px;font-size:13px;line-height:1.6}.arrival-bottom p{margin:0 0 17px}.arrival-link{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #24262266;padding-bottom:10px;font-size:10px;text-decoration:none}.arrival-link span{font-size:20px;line-height:1}.arrival-link:hover span{transform:translate(3px,-3px)}
.architectural-plan{position:absolute;inset:15% 12%;color:#fff;opacity:var(--plan-opacity,0);transform:scale(calc(.88 + var(--open,0)*.2));pointer-events:none;filter:drop-shadow(0 1px 5px #0006)}.architectural-plan svg{width:100%;height:100%;stroke-width:1.4}.architectural-plan .plan-wall{stroke-width:3}.architectural-plan span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.23em}
.inside-copy{position:absolute;left:8vw;top:30%;color:#fff;opacity:var(--inside-opacity,0);transform:translateY(var(--inside-rise,35px))}.inside-copy h2{font:400 clamp(56px,6.5vw,100px)/1.04 var(--serif);letter-spacing:-.045em;margin:0 0 30px}.inside-copy h2 em{font-weight:400}.inside-copy .button{font-size:10px;background:var(--paper);border-color:var(--paper);color:var(--ink)}
.journey-footer{position:absolute;bottom:35px;left:6vw;right:4vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.15em;color:#fff;mix-blend-mode:difference}.journey-scroll{text-decoration:none;display:flex;gap:35px;align-items:center}.journey-scroll span{font-size:25px}.journey-location{font-size:9px}.motion-toggle{position:fixed;bottom:10px;right:12px;z-index:90;color:#fff;background:#242622c9;border:0;padding:6px 10px;font:9px var(--sans);letter-spacing:.06em;cursor:pointer}
.editorial-statement{padding:130px 8vw;display:grid;grid-template-columns:1fr 2.2fr;column-gap:50px}.editorial-statement .eyebrow{font-size:9px;letter-spacing:.15em;padding-top:15px}.editorial-statement h2{font:400 clamp(36px,4vw,64px)/1.18 var(--serif);letter-spacing:-.04em;margin:0}.editorial-statement h2 span{color:#85867d}.editorial-statement p{grid-column:2;font-size:14px;margin-top:30px;line-height:1.8}
.architectural-home .split{grid-template-columns:1fr 1fr;padding:0 6vw 100px;gap:8vw;min-height:0}.architectural-home .split-media{min-height:660px}.architectural-home .split-content{padding:45px 0;background:transparent;color:var(--ink)}.architectural-home .split-copy p:not(.eyebrow){font-size:14px;color:#606359}.architectural-home .display{font-size:clamp(36px,3.6vw,57px);line-height:1.1}.architectural-home .split-content .text-link.light{color:var(--ink)}.architectural-home .eyebrow{font-size:10px}.architectural-home .button,.architectural-home .text-link{font-size:11px}.architectural-home .showcase{background:#252a25;color:var(--paper);padding:100px 6vw}.architectural-home .showcase-inner{max-width:none;display:block}.architectural-home .vertical-label{writing-mode:initial;transform:none;margin-bottom:40px;font:10px var(--sans);letter-spacing:.16em}.architectural-home .district-grid{grid-template-columns:repeat(4,1fr);gap:22px;align-items:start}.architectural-home .district-card{min-height:350px;padding:24px 20px;text-decoration:none}.architectural-home .district-card:nth-child(even){margin-top:65px}.architectural-home .district-card span:not(.map-line){font:400 30px/1.05 var(--serif);text-transform:none;letter-spacing:-.035em;margin-top:225px}.architectural-home .district-card small{font-size:9px}.architectural-home .district-card .map-line{display:none}.architectural-home .district-card::before{transition:opacity .7s;background:linear-gradient(0deg,#000a,transparent 70%)}.architectural-home .district-card:hover::before{opacity:.5}.architectural-home .saved-panel{border-color:#eae7df33;margin-top:55px;font-size:13px}.architectural-home .feature-split{background:var(--paper);padding:100px 6vw;gap:8vw;grid-template-columns:1fr 1fr}.architectural-home .feature-copy{padding:20px 0}.architectural-home .feature-image{overflow:hidden}.architectural-home .feature-image img{transition:transform 1.5s}.architectural-home .feature-image:hover img{transform:scale(1.04)}.architectural-home .cta-band{background:#d9d6cc;padding:100px 24px}.architectural-home .cta-band h2{font:400 clamp(45px,5.5vw,80px)/1.06 var(--serif);letter-spacing:-.04em;margin-bottom:30px}.architectural-home .cta-band>p:not(.eyebrow){font-size:14px}.architectural-home .triptych{display:none}.architectural-home .site-footer{background:var(--paper)}.architectural-home .footer-main{padding:65px 6vw;gap:30px}.architectural-home .footer-main p{font-size:13px}.architectural-home .footer-nav a,.architectural-home .footer-nav button{font-size:12px}.architectural-home .footer-legal{font-size:11px}.architectural-home .footer-brand img{width:190px}
.architectural-reveal{opacity:0;transform:translateY(45px);transition:opacity 1s,transform 1.2s cubic-bezier(.16,1,.3,1)}.architectural-reveal.is-in-view{opacity:1;transform:none}
.motion-paused .architectural-journey{height:auto}.motion-paused .journey-stage{position:relative}.motion-paused .inside-copy{display:none}.motion-paused .architectural-reveal{opacity:1;transform:none}.motion-paused *{animation:none!important;transition:none!important}
@media(min-width:901px) and (max-height:760px){.arrival-copy{top:22%}.arrival-copy h1{font-size:clamp(75px,8vw,110px)}.arrival-bottom{margin-top:20px}}
@media(max-width:1100px){.architectural-home .district-grid{grid-template-columns:1fr 1fr}.architectural-home .district-card{min-height:360px}.architectural-home .district-card:nth-child(even){margin-top:35px}.architectural-home .district-card span:not(.map-line){margin-top:240px}}
@media(max-width:900px){.arrival-copy{top:24%;left:6vw}.arrival-copy h1{font-size:clamp(70px,11vw,110px)}.journey-stage{min-height:720px}.arrival-bottom{max-width:280px}.editorial-statement{padding:80px 6vw;grid-template-columns:1fr;gap:20px}.editorial-statement p{grid-column:1}.architectural-home .split{gap:35px;padding-bottom:70px}.architectural-home .split-media{min-height:540px}.architectural-home .feature-split{gap:35px}.architectural-home .footer-main{overflow-wrap:anywhere}}
@media(max-width:600px){.architectural-journey{height:230svh}.journey-stage{min-height:700px}.journey-paper{right:32%}.facade-scene{left:40%}.arrival-copy{top:22%;width:88%}.arrival-copy h1{font-size:clamp(72px,18vw,104px)}.arrival-copy .eyebrow{font-size:8px;letter-spacing:.08em}.arrival-bottom{max-width:220px;margin-top:30px}.arrival-bottom p{font-size:12px}.arrival-link{font-size:9px}.facade-caption{display:none}.journey-footer{bottom:45px;left:6vw;right:6vw;flex-wrap:wrap;font-size:8px;gap:15px}.journey-location{display:none}.journey-scroll{gap:12px;font-size:8px}.inside-copy{left:7vw;top:30%}.inside-copy h2{font-size:56px}.architectural-plan{inset:22% 2%}.architectural-home .split,.architectural-home .feature-split{grid-template-columns:1fr}.architectural-home .split-media{min-height:460px}.architectural-home .split-content{padding:0}.architectural-home .feature-copy{order:0}.architectural-home .feature-image{min-height:420px}.architectural-home .district-grid{gap:14px}.architectural-home .district-card{min-height:280px;padding:18px 12px}.architectural-home .district-card span:not(.map-line){margin-top:180px;font-size:25px}.architectural-home .district-card:nth-child(4){display:block}.architectural-home .district-card small{font-size:8px}.architectural-home .showcase{padding-block:65px}.architectural-home .feature-split{padding-block:65px}.architectural-home .saved-panel{align-items:flex-start}.architectural-home .footer-main{grid-template-columns:1fr 1fr}.architectural-home .footer-main>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.architectural-reveal{opacity:1;transform:none}}

/* A scroll-controlled procession of architectural thresholds. */
.architectural-journey{height:320svh}.journey-stage{perspective:1000px}.threshold-tunnel{position:absolute;inset:0;perspective:900px;pointer-events:none;opacity:var(--tunnel-opacity,0);transform:rotateY(var(--camera-x,0deg)) rotateX(var(--camera-y,0deg));transform-style:preserve-3d;transition:rotate .2s}.threshold-frame{position:absolute;inset:10% 24%;border:clamp(12px,2.5vw,40px) solid #d3ccbd;box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 1px #5b554a,18px 12px 40px #15171255;transform:translateZ(calc(var(--depth)*-280px + var(--journey,0)*1500px - 460px));background:linear-gradient(90deg,#f1ede125,transparent);outline:1px solid #f5ede6;outline-offset:5px}.architectural-plan{transform:perspective(900px) rotateX(calc((1 - var(--open,0))*48deg)) rotateZ(calc((1 - var(--open,0))*-12deg)) scale(calc(.88 + var(--open,0)*.2))}.architectural-plan path{stroke-dasharray:1;stroke-dashoffset:var(--plan-draw,1)}.architectural-plan svg{background:#22291f15;backdrop-filter:blur(2px)}
.architectural-home .district-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;transition:grid-template-columns .85s cubic-bezier(.22,1,.36,1);align-items:stretch}.architectural-home .district-card{min-width:0;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;transition:filter .7s,transform 1.2s,opacity 1s}.architectural-home .district-card:nth-child(even){margin-top:0}.architectural-home .district-card span:not(.map-line){margin-top:280px;font-size:clamp(25px,2.6vw,40px)}.architectural-home .district-card:focus-visible{outline-offset:5px;z-index:1}
.space-study{padding:110px 6vw 30px;background:var(--paper)}.study-heading{display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:30px;align-items:start;margin-bottom:55px}.study-heading .eyebrow{margin-top:15px}.study-heading h2{font:400 clamp(42px,4.8vw,74px)/1.05 var(--serif);letter-spacing:-.045em;margin:0}.study-heading h2 em{color:#a44330;font-weight:400}.study-heading>p:last-child{font-size:12px;line-height:1.8;margin-top:15px;color:#63655d}.study-visual{height:min(66vw,760px);min-height:420px;position:relative;overflow:hidden;background:#29302a;isolation:isolate}.study-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.study-drawing{position:absolute;inset:0;background:#28332e;color:#dedbcb;clip-path:inset(0 var(--reality) 0 0)}.study-drawing svg{width:100%;height:100%;opacity:.8}.study-drawing>span{position:absolute;left:28px;bottom:55px;font:8px var(--sans);letter-spacing:.16em}.study-divider{position:absolute;top:0;bottom:0;left:calc(100% - var(--reality));width:1px;background:#f4f0e5;pointer-events:none}.study-divider>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#eae7df;color:#242622;font:25px var(--sans);box-shadow:0 2px 25px #0003}.study-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;direction:rtl}.study-visual:focus-within{outline:3px solid #a44330;outline-offset:5px}.study-captions{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;color:#fff;font-size:9px;letter-spacing:.18em;pointer-events:none;text-shadow:0 1px 4px #000}.motion-paused .threshold-tunnel{display:none}
@media(max-width:900px){.architectural-home .district-grid{grid-template-columns:1fr 1fr}.architectural-home .district-card{min-height:350px}.architectural-home .district-card span:not(.map-line){margin-top:200px}.study-heading{grid-template-columns:1fr 2fr}.study-heading>p:last-child{grid-column:2}.space-study{padding-top:70px}.threshold-frame{inset:14% 17%;border-width:18px}}
@media(max-width:600px){.architectural-journey{height:270svh}.study-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.study-heading>p:last-child{grid-column:1;margin:0}.study-visual{min-height:480px}.study-drawing>span{left:14px;font-size:6px}.study-captions{left:14px;right:14px;font-size:8px}.study-divider>span{width:46px;height:46px}.architectural-home .district-card{min-height:280px}.architectural-home .district-card span:not(.map-line){margin-top:180px}.threshold-frame{inset:16% 12%;border-width:15px}}

/* Canvas optics progressively enhance the static, masked photograph. */
.facade-glass{position:absolute;inset:0;width:100%;height:100%;display:none;pointer-events:none}.facade-scene.glass-ready{mask-image:none;-webkit-mask-image:none}.glass-ready .facade-glass{display:block}.glass-ready .facade-photo{visibility:hidden}

/* Restrained bronze detailing and a choreographed editorial finish. */
.threshold-frame{border-width:3px;border-color:#b5a18480;outline-color:#e6d5b22b;outline-offset:7px;background:none;box-shadow:inset 0 0 0 1px #ffefd52b,0 0 24px #1517121a}
.architectural-plan{color:#f2eadb}.architectural-plan svg{background:none;backdrop-filter:none}.architectural-plan .plan-wall{stroke-width:2}
.interior-scene{filter:saturate(.78) brightness(calc(.86 + var(--light,0)*.14))}
.journey-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 25%,#f3d9a014 48%,transparent 65%);opacity:var(--light,0);mix-blend-mode:soft-light}
.inside-copy{opacity:1;transform:none}.inside-copy>.eyebrow,.inside-copy>.button{opacity:var(--inside-opacity,0);transform:translateY(var(--inside-rise,35px))}.inside-line{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}.inside-line>span{display:block;transform:translateY(var(--line-rise,110%));opacity:var(--line-opacity,0);will-change:transform}.inside-copy h2 em{color:#dfceb2}.inside-copy .button{background:transparent;color:#f5edde;border-color:#e3d6bf66;padding:17px 24px;backdrop-filter:blur(12px)}.inside-copy .button:hover{background:#ede3cf;color:#252a25}
@media(max-width:900px){.threshold-frame{border-width:2px;outline-offset:4px}}

/* Use the shared navigation, including its original brand palette. */
.architectural-home .site-header{--accent:#ef675f;--ink:#0a0a09;color:var(--ink)}
@media(min-width:901px){.arrival-copy{top:max(195px,27%)}}
@media(min-width:901px) and (max-height:760px){.arrival-copy h1{font-size:90px}.arrival-bottom{margin-top:20px}}
@media(max-width:900px){.architectural-home .site-header:has(.primary-nav.open){clip-path:none}}

/* Five distinct movements with room to settle between them. */
.architectural-journey{height:500svh}
.journey-timeline{position:absolute;left:6vw;right:4vw;bottom:19px;display:flex;gap:7px;pointer-events:none}.journey-timeline i{height:1px;flex:1;background:#a28e6c30;overflow:hidden}.journey-timeline i::after{content:'';display:block;height:100%;background:#b4a084;transform:scaleX(var(--filled,0));transform-origin:left}
.interior-light-pass{position:absolute;inset:-20% -25%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#edd8ad24 46%,#fcebd438 50%,#edd8ad12 54%,transparent 65%);transform:translateX(var(--light-travel,-110%));opacity:var(--light-pass,0);mix-blend-mode:soft-light}
.motion-paused .journey-timeline,.motion-paused .interior-light-pass{display:none}
@media(max-width:600px){.architectural-journey{height:400svh}.journey-timeline{left:6vw;right:6vw;bottom:32px}}
.motion-paused .architectural-journey{height:auto}

/* Editorial motion below the opening sequence. */
.word-reveal .motion-word{display:inline-block;opacity:0;transform:translateY(.7em) rotate(2deg);filter:blur(3px);transition:opacity .85s ease,transform 1.1s cubic-bezier(.16,1,.3,1),filter .8s ease;transition-delay:var(--word-delay,0ms)}
.word-reveal.is-in-view .motion-word{opacity:1;transform:none;filter:none}.editorial-statement h2 .motion-word{color:inherit}
.photo-reveal{overflow:hidden}.photo-reveal>img{clip-path:inset(0 0 100% 0);transform:translateY(var(--photo-offset,0px)) scale(1.12);transition:clip-path 1.5s cubic-bezier(.16,1,.3,1);will-change:transform}.photo-reveal.photo-visible>img{clip-path:inset(0 0 -8% 0)}
.architectural-home .feature-image.photo-reveal img,.architectural-home .feature-image.photo-reveal:hover img{transform:translateY(var(--photo-offset,0px)) scale(1.12);transition:clip-path 1.5s cubic-bezier(.16,1,.3,1)}
.magnetic-button{translate:var(--button-x,0px) var(--button-y,0px);transition:translate .4s cubic-bezier(.16,1,.3,1),background .3s,color .3s}
.architectural-home .cta-band{position:relative;overflow:hidden}.cta-band::before,.cta-band::after{content:'';position:absolute;left:8%;right:8%;height:1px;background:#88725055;transform:scaleX(0);transition:transform 1.7s cubic-bezier(.16,1,.3,1);pointer-events:none}.cta-band::before{top:40px;transform-origin:left}.cta-band::after{bottom:40px;transform-origin:right;transition-delay:.2s}.cta-band.is-in-view::before,.cta-band.is-in-view::after{transform:scaleX(1)}
.motion-paused .word-reveal .motion-word{opacity:1;transform:none;filter:none}.motion-paused .photo-reveal>img,.motion-paused .feature-image.photo-reveal img{clip-path:none;transform:none!important}.motion-paused .magnetic-button{translate:none}.motion-paused .cta-band::before,.motion-paused .cta-band::after{transform:none}
@media(prefers-reduced-motion:reduce){.word-reveal .motion-word{opacity:1;transform:none;filter:none}.photo-reveal>img{clip-path:none;transform:none!important}.magnetic-button{translate:none}}

/* Keep the scroll cue legible over both the facade and bright interiors. */
.journey-footer{mix-blend-mode:normal}
.journey-scroll{color:#fff;background:rgba(20,25,23,.9);border:1px solid rgba(255,255,255,.32);padding:11px 17px;font-size:11px;font-weight:600;letter-spacing:.12em;line-height:1.4;backdrop-filter:blur(12px);text-shadow:none;transition:background .2s,border-color .2s}
.journey-scroll:hover,.journey-scroll:focus-visible{background:#202722;border-color:#e3d6bf}
.journey-scroll span{color:#f5e6c9;font-size:25px}
.journey-chapter,.journey-location{color:#fff;background:rgba(20,25,23,.85);padding:5px 8px;text-shadow:none}
@media(max-width:600px){.journey-scroll{font-size:9px;letter-spacing:.07em;padding:10px 12px;gap:12px}.journey-scroll span{font-size:22px}.journey-chapter{font-size:8px;padding:5px 6px}}

.study-drawing .interior-contours{opacity:1}.study-photo{object-position:50% 50%}

/* Defer neighborhood photographs until they approach the viewport. */
.deferred-photos .district-grid:not(.photos-ready) .district-card{background-image:none}