.custom-opening{min-height:100svh;display:grid;grid-template-columns:44% 56%}.custom-title{padding:170px 11% 70px;display:flex;flex-direction:column;justify-content:center}.custom-title h1{font-size:clamp(65px,7vw,130px);line-height:.96;font-weight:400;letter-spacing:-.065em;margin:40px 0}.custom-title>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:280px;color:var(--silver)}.custom-title .text-link{margin-top:55px;max-width:320px}.custom-opening figure{margin:0;position:relative;overflow:hidden}.custom-opening img{height:100%;position:absolute;object-fit:cover;object-position:62% center}.custom-opening figcaption{position:absolute;bottom:45px;left:35px;font-size:9px;letter-spacing:.2em;text-shadow:0 1px 6px #000}.custom-living{padding-top:120px}.custom-living-title{padding:0 7% 65px;display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.custom-living-title .eyebrow{grid-column:1/-1}.custom-page h2{font-size:clamp(42px,5.5vw,88px);font-weight:400;line-height:1.04;letter-spacing:-.055em}.custom-living-title>p:last-child{max-width:300px;align-self:end;color:var(--silver);font-size:16px;line-height:1.8}.custom-living figure{margin:0;height:95svh;overflow:hidden}.custom-living img{height:100%;object-fit:cover}.custom-caption{display:flex;justify-content:space-between;gap:30px;padding:30px 7% 80px}.custom-caption>span,.chapter-list article>span,.custom-process article>span{font-size:10px;letter-spacing:.12em;color:var(--silver)}.custom-caption p{max-width:400px;font-size:14px;line-height:1.8;color:var(--silver)}.custom-chapters{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:70px 7% 120px}.chapter-title{position:sticky;top:90px;align-self:start}.chapter-title h2{margin:30px 0}.chapter-title .text-link{max-width:310px}.chapter-list article{margin-bottom:85px}.chapter-list figure{margin:0 0 25px;overflow:hidden;height:65svh}.chapter-list img{height:100%;object-fit:cover}.chapter-list h3{font-size:33px;font-weight:400;letter-spacing:-.04em;margin:20px 0}.chapter-list p,.custom-process p{font-size:14px;line-height:1.9;color:var(--silver)}.custom-process{padding:90px 7%;background:#000000}.custom-process h2{margin:30px 0}.process-intro{max-width:620px}.custom-process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:70px}.custom-process article{border-top:1px solid var(--line);padding-top:25px}.custom-process h3{font-size:22px;font-weight:400;letter-spacing:-.03em;margin:30px 0 20px}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference) and (min-width:761px){.custom-opening{view-timeline-name:--custom-open}.custom-opening img{animation:custom-opening-zoom linear both;animation-timeline:--custom-open;animation-range:exit 0% exit 100%}.chapter-list img{animation:custom-detail-zoom linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes custom-opening-zoom{to{transform:scale(1.14) translateY(4%)}}@keyframes custom-detail-zoom{from{transform:scale(1.13)}to{transform:scale(1)}}}}
@media(max-width:760px){.custom-opening{display:flex;flex-direction:column;min-height:0}.custom-title{padding:145px 6% 45px}.custom-title h1{font-size:76px;margin:30px 0}.custom-title .text-link{margin-top:20px;width:100%}.custom-opening figure{height:65svh;min-height:410px}.custom-living{padding-top:65px}.custom-living-title{display:block;padding:0 6% 35px}.custom-living-title h2{margin:25px 0}.custom-living-title>p:last-child{font-size:14px}.custom-living figure{height:75svh}.custom-living img{object-position:57% center}.custom-caption{display:block;padding:25px 6% 50px}.custom-caption p{margin-top:20px}.custom-chapters{display:block;padding:20px 6% 40px}.chapter-title{position:static;margin-bottom:45px}.chapter-list figure{height:65svh}.chapter-list article{margin-bottom:50px}.custom-process{padding:60px 6%}.custom-process>div{grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.custom-process h3{font-size:22px}.custom-page h2{font-size:45px}}
@media(max-width:420px){.custom-process>div{grid-template-columns:1fr}.custom-process h3{margin:15px 0}}
/* A single continuous sequence: aperture, full frame, lateral travel, editorial reveal. */
.architectural-sequence{position:relative;background:#000000}.sequence-stage{position:relative}.sequence-intro{padding:160px 6% 65px;text-align:center}.sequence-intro h1{font-size:clamp(80px,13vw,220px);font-weight:400;letter-spacing:-.075em;line-height:.86;margin:45px 0}.sequence-subtitle{font-size:12px;color:var(--silver)}.sequence-window{overflow:hidden}.sequence-film{display:block}.sequence-frame{margin:0;position:relative;height:85svh;overflow:hidden}.sequence-frame img{height:100%;object-fit:cover}.sequence-frame figcaption{position:absolute;left:5%;bottom:7%;font-size:9px;letter-spacing:.15em;text-shadow:0 1px 5px #000}.sequence-outro{padding:70px 7%;background:#000000}.sequence-outro h2{margin:25px 0}.sequence-outro>p:last-child{font-size:15px;line-height:1.85;max-width:390px;color:var(--silver)}.sequence-guide{display:flex;align-items:center;gap:25px;padding:20px 5%;font-size:9px;letter-spacing:.12em}.motion-toggle{margin-left:auto;background:#000000df;color:#fff;border:1px solid #ffffff60;padding:12px 18px;font:inherit;cursor:pointer;min-height:44px}.motion-toggle:focus-visible{outline:2px solid white;outline-offset:4px}.sequence-progress{flex:1;height:1px;background:#ffffff40;max-width:220px}.sequence-progress i{display:block;height:100%;width:100%;background:white;transform:scaleX(var(--progress,0));transform-origin:left}
.sequence-active{height:430svh;--cut-x:34%;--cut-y:22%;--film-x:0%;--image-scale:1.18;--panel-x:100%;--panel-opacity:0;--title-opacity:1;--title-y:0px}.sequence-active .sequence-stage{height:100svh;position:sticky;top:0;overflow:hidden}.sequence-active .sequence-intro{position:absolute;inset:0;padding:135px 5% 80px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(var(--title-y));opacity:var(--title-opacity)}.sequence-active .sequence-intro h1{font-size:clamp(100px,17vw,290px);position:absolute;inset:22% 0 auto;margin:0;line-height:.85;z-index:0}.sequence-active .sequence-subtitle{margin-top:auto}.sequence-active .sequence-window{position:absolute;inset:0;clip-path:inset(var(--cut-y) var(--cut-x));z-index:1}.sequence-active .sequence-film{display:flex;width:200%;height:100%;transform:translateX(var(--film-x));will-change:transform}.sequence-active .sequence-frame{width:50%;flex:0 0 50%;height:100%;isolation:isolate}.sequence-active .sequence-frame img{transform:scale(var(--image-scale));will-change:transform}.sequence-active .sequence-outro{position:absolute;z-index:2;right:0;top:0;bottom:0;width:43%;padding:10% 5%;display:flex;flex-direction:column;justify-content:center;transform:translateX(var(--panel-x));opacity:var(--panel-opacity)}.sequence-active .sequence-outro h2{font-size:clamp(42px,4.6vw,78px)}.sequence-active .sequence-guide{position:absolute;z-index:3;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);color:white}
@media(max-width:760px){.sequence-intro{padding-top:150px}.sequence-intro h1{font-size:90px}.sequence-active{height:350svh}.sequence-active .sequence-intro{padding-top:145px}.sequence-active .sequence-intro h1{font-size:22vw;top:18%}.sequence-active .sequence-outro{top:auto;bottom:70px;width:100%;padding:30px 6%;background:#000000ed}.sequence-active .sequence-outro h2{font-size:42px;margin:15px 0}.sequence-active .sequence-outro>p:last-child{font-size:13px}.sequence-guide{gap:15px;padding:12px 5%}.sequence-progress{display:none}.sequence-frame img{object-position:58% center}.motion-toggle{font-size:9px}}
.architectural-sequence:not(.sequence-active) .sequence-guide{position:absolute;top:105px;left:0;right:0;padding-block:0}.architectural-sequence:not(.sequence-active) .sequence-guide>span{visibility:hidden}

/* Keep the entire headline readable around the opening image. */
.sequence-intro h1 span{display:block}
.sequence-active .sequence-intro h1{inset:15% 0 12%;font-size:clamp(70px,9vw,150px);display:flex;flex-direction:column;justify-content:space-between;line-height:1;pointer-events:none}
.sequence-active .sequence-intro{padding-top:115px;padding-bottom:55px}
.sequence-active .sequence-subtitle{display:none}
@media(max-width:760px){.sequence-active .sequence-intro{padding-top:115px}.sequence-active .sequence-intro h1{inset:23% 0 19%;font-size:18vw;line-height:1}.sequence-active .sequence-intro>.eyebrow{font-size:8px}}
/* Reference-grounded opening: independently framed image, caption and title. */
.sequence-active .sequence-window{inset:auto;width:var(--window-width,30%);height:var(--window-height,46%);left:var(--window-left,35%);top:var(--window-top,20%);clip-path:none}
.sequence-active .sequence-intro h1{inset:auto 3% 7%;display:block;font-size:clamp(65px,11.5vw,190px);font-weight:500;letter-spacing:-.075em;line-height:1;white-space:nowrap}
.sequence-active .sequence-intro>.eyebrow{position:absolute;top:16%;left:0;right:0;font-size:9px}
.sequence-active .sequence-subtitle{display:block;position:absolute;top:69%;left:0;right:0;font-size:12px;line-height:1.5}
.sequence-active .sequence-frame figcaption{opacity:var(--progress,0)}
@media(max-width:760px){.sequence-active .sequence-intro h1{font-size:11.5vw;bottom:13%}.sequence-active .sequence-intro>.eyebrow{top:16%;font-size:8px}.sequence-active .sequence-subtitle{font-size:11px;top:69%}}
/* An editorial sequence below the opening, not repeated text columns. */
.custom-chapters{display:block;padding:120px 0 60px}.chapter-title{position:relative;top:auto;padding:0 7%;display:grid;grid-template-columns:1.8fr 1fr;gap:30px;align-items:end}.chapter-title>.eyebrow{grid-column:1/-1}.chapter-title h2{font-size:clamp(54px,7.5vw,126px);margin:0}.chapter-title .text-link{width:100%;justify-self:end}.chapter-list{margin-top:100px}.chapter-list article{width:78%;margin:0 0 120px auto;display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;padding-right:5%}.chapter-list article:nth-child(2){margin-left:0;margin-right:auto;padding:0 0 0 5%;width:86%}.chapter-list figure{grid-column:1/-1;height:80svh;min-height:500px;margin:0 0 18px}.chapter-list article>span{grid-column:1;grid-row:2;padding-top:8px}.chapter-list h3{grid-column:1;grid-row:3;font-size:clamp(30px,3.6vw,58px);line-height:1.08;margin:0;max-width:450px}.chapter-list p{grid-column:2;grid-row:2/4;max-width:370px;justify-self:end;font-size:15px}.chapter-list .text-link{grid-column:2;margin:0;width:100%;max-width:370px;justify-self:end}.custom-process{padding:100px 5%;display:grid;grid-template-columns:1fr 1fr;gap:30px 8%;position:relative}.custom-process>.eyebrow{grid-column:1/-1}.custom-process>h2{grid-column:1;grid-row:2;font-size:clamp(48px,6vw,94px);margin:0 0 25px}.process-image{grid-column:1;grid-row:3/5;position:sticky;top:40px;align-self:start;height:72svh;margin:0;overflow:hidden}.process-image img{height:100%;object-fit:cover;object-position:48% center}.custom-process>.process-intro{grid-column:2;grid-row:2;align-self:end;margin-bottom:25px;font-size:15px}.custom-process>div{display:block;grid-column:2;grid-row:3/5;margin:0}.custom-process article{padding:30px 0 45px;display:grid;grid-template-columns:55px 1fr;gap:15px 20px}.custom-process article>span{font-size:30px;letter-spacing:-.04em;grid-row:1/3}.custom-process h3{font-size:clamp(25px,2.5vw,40px);margin:0}.custom-process article p{grid-column:2;max-width:380px}.custom-invitation{margin:0;padding:100px 7%;align-items:end;background:#000000}.custom-invitation h2{font-size:clamp(70px,10vw,160px);line-height:.95}.custom-invitation .text-link{max-width:350px}.custom-invitation .closing-phone{padding-bottom:5px}
@media(max-width:760px){.custom-chapters{padding:65px 0 20px}.chapter-title{display:block;padding:0 6%}.chapter-title h2{font-size:49px;margin:25px 0}.chapter-title .text-link{max-width:330px}.chapter-list{margin-top:50px}.chapter-list article,.chapter-list article:nth-child(2){width:100%;padding:0 6%;margin:0 0 65px;display:block}.chapter-list figure{margin-inline:-6.82%;height:65svh;min-height:380px;margin-bottom:25px}.chapter-list h3{font-size:35px;margin:18px 0}.chapter-list p{font-size:14px;max-width:100%}.chapter-list .text-link{margin-top:20px;max-width:100%}.custom-process{display:block;padding:60px 6%}.custom-process>h2{font-size:48px;margin-top:25px}.process-image{position:relative;top:auto;height:58svh;margin:30px -6.82%}.custom-process>.process-intro{font-size:14px;margin:25px 0 40px}.custom-process article{grid-template-columns:40px 1fr;gap:15px}.custom-process h3{font-size:29px}.custom-invitation{padding:60px 6%}.custom-invitation h2{font-size:72px}.custom-invitation .closing-phone{margin-top:45px}}

/* Owner rejected the oversized process/FAQ/closing composition. */
.custom-process.process-editorial{display:grid;grid-template-columns:1fr 1fr;padding:0 5% 64px;gap:20px 6%;background:#000}
.process-editorial>.eyebrow{grid-column:1/-1;grid-row:1;margin:0}
.custom-process.process-editorial>h2{grid-column:1;grid-row:2;font-size:clamp(30px,3.2vw,52px);margin:0;align-self:center}
.custom-process.process-editorial>.process-intro{grid-column:2;grid-row:2;font-size:13px;line-height:1.75;margin:0;max-width:440px}
.process-editorial .process-image{position:relative;top:auto;grid-column:1/-1;grid-row:3;height:76svh;min-height:420px;margin:20px 0 0;overflow:hidden}
.process-editorial .process-image img{object-position:center;height:100%;width:100%}
.custom-process.process-editorial>div{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:0}
.custom-process.process-editorial article{display:block;padding:18px 0 0;border:0}
.custom-process.process-editorial article>span{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:12px}
.custom-process.process-editorial h3{font-size:20px;line-height:1.25;margin:0 0 12px}
.custom-process.process-editorial article p{font-size:12px;line-height:1.8;max-width:270px;margin:0}
.custom-page .planning.planning-compact{padding:36px 5% 55px;display:grid;grid-template-columns:1fr 2fr;gap:6%;border-top:1px solid var(--line);align-items:start}
.planning-compact .eyebrow{font-size:8px;margin-bottom:16px}
.custom-page .planning-compact h2{font-size:27px;letter-spacing:-.03em;line-height:1.2}
.planning-compact .planning-copy details{padding:0;border-top:0;border-bottom:1px solid var(--line)}
.planning-compact .planning-copy summary{font-size:14px;min-height:58px;padding:15px 0;line-height:1.4}
.planning-compact .planning-copy details p{font-size:13px;line-height:1.8;margin:0 0 20px;max-width:620px}
.custom-invitation.invitation-image{position:relative;isolation:isolate;overflow:hidden;min-height:78svh;padding:55px 5%;margin:0;display:flex;align-items:end;gap:30px;border:0}
.invitation-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.invitation-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000d,transparent 80%);z-index:-1}
.custom-page .invitation-image h2{font-size:clamp(42px,5.5vw,85px);letter-spacing:-.045em;line-height:1.04;margin-top:18px}
.invitation-image .eyebrow{color:#fff;font-size:8px}.invitation-image .text-link{width:100%;font-size:13px;margin-top:25px}.invitation-image .closing-phone{font-size:18px;gap:25px;white-space:nowrap}
@media(max-width:760px){
.custom-process.process-editorial{display:block;padding:0 6% 35px}.process-editorial>.eyebrow{margin-bottom:18px}.custom-process.process-editorial>h2{font-size:34px;margin-bottom:20px}.custom-process.process-editorial>.process-intro{font-size:13px}.process-editorial .process-image{height:62svh;min-height:360px;margin:28px -6.82% 10px}.custom-process.process-editorial>div{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px}.custom-process.process-editorial h3{font-size:19px}.custom-page .planning.planning-compact{display:block;padding:30px 6% 40px}.planning-compact .planning-copy{margin-top:22px}.custom-page .planning-compact h2{font-size:28px}.custom-invitation.invitation-image{min-height:72svh;padding:35px 6%;display:block;align-content:end}.custom-page .invitation-image h2{font-size:49px}.invitation-image .closing-phone{margin-top:25px;justify-content:start}.invitation-image>img{object-position:58% center}
}

/* Three equal opening views; the original center frame retains its sequence. */
.sequence-side{margin:0;overflow:hidden}.sequence-side img{width:100%;height:100%;object-fit:cover}
.sequence-active .sequence-side{position:absolute;top:20%;width:30%;height:46%;opacity:var(--side-opacity,1);pointer-events:none}
.sequence-active .sequence-left{left:3%;transform:translateX(calc(-1 * var(--side-shift,0px)))}
.sequence-active .sequence-right{right:3%;transform:translateX(var(--side-shift,0px))}
.architectural-sequence:not(.sequence-active) .sequence-side{display:none}
@media(max-width:760px){.sequence-active .sequence-window{width:var(--window-width,30%);left:var(--window-left,35%)}.sequence-active .sequence-side img{object-position:center}}

/* Full-width spaces and homesite chapters with stationary, readable overlays. */
.custom-chapters{padding:60px 0 45px}.custom-chapters .chapter-title{gap:20px 5vw}.custom-chapters .chapter-list{margin-top:45px}
.custom-chapters .chapter-list article,.custom-chapters .chapter-list article:nth-child(2){position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:650px;height:88svh;margin:0 0 28px;padding:50px 7vw;display:flex;flex-direction:column;justify-content:end;align-items:start;gap:0}
.custom-chapters .chapter-list figure{position:absolute;inset:0;z-index:-2;height:100%;min-height:0;margin:0;width:100%}
.custom-chapters .chapter-list img{width:100%;height:100%;object-fit:cover;animation:none}
.custom-chapters .chapter-list article:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#000d,transparent 85%),linear-gradient(90deg,#0006,transparent 80%)}
.custom-chapters .chapter-list article>span{color:#eee;padding:0;margin-bottom:18px;font-size:10px}
.custom-chapters .chapter-list h3{font-size:clamp(30px,3.5vw,48px);max-width:560px;margin:0 0 18px}
.custom-chapters .chapter-list p{font-size:16px;line-height:1.75;color:#eee;max-width:45ch;margin:0}
.custom-chapters .chapter-list .text-link{max-width:360px;margin:20px 0 0;font-size:14px;min-height:48px}
@media(max-width:760px){.custom-chapters{padding:35px 0 25px}.custom-chapters .chapter-title{display:block;padding:0 6%}.custom-chapters .chapter-title .text-link{margin-top:22px}.custom-chapters .chapter-list{margin-top:30px}.custom-chapters .chapter-list article,.custom-chapters .chapter-list article:nth-child(2){min-height:610px;height:82svh;padding:35px 6%;margin-bottom:20px}.custom-chapters .chapter-list h3{font-size:32px}.custom-chapters .chapter-list p{font-size:16px}.custom-chapters .chapter-list figure{margin:0}}

/* Photo-led process introduction, with compact planning steps below. */
.custom-process.process-editorial{display:block;padding:0 0 64px}
.process-editorial .process-cover{position:relative;isolation:isolate;overflow:hidden;min-height:650px;height:82svh;display:flex;flex-direction:column;justify-content:end;align-items:start;padding:48px 7vw}
.process-editorial .process-cover .process-image{position:absolute;inset:0;z-index:-2;height:100%;width:100%;min-height:0;margin:0}
.process-cover:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#000e,transparent 85%),linear-gradient(90deg,#0005,transparent 80%)}
.process-editorial .process-cover .eyebrow{font-size:10px;color:#eee;margin:0 0 20px}
.custom-process.process-editorial .process-cover h2{font-size:clamp(32px,3.5vw,48px);margin:0 0 20px;line-height:1.1}
.custom-process.process-editorial .process-cover .process-intro{color:#eee;font-size:16px;line-height:1.75;max-width:49ch;margin:0}
.custom-process.process-editorial>div{padding:28px 7vw 0}
@media(max-width:760px){.custom-process.process-editorial{padding-bottom:35px}.process-editorial .process-cover{min-height:610px;height:82svh;padding:35px 6%}.custom-process.process-editorial .process-cover h2{font-size:32px}.custom-process.process-editorial>div{padding:22px 6% 0}}

/* Static and reduced-motion arrivals keep the same photographic emphasis. */
.architectural-sequence:not(.sequence-active) .sequence-frame:first-child{height:100svh;min-height:650px;isolation:isolate}
.architectural-sequence:not(.sequence-active) .sequence-frame:first-child::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0007,transparent 35%,#000b);pointer-events:none}
.architectural-sequence:not(.sequence-active) .sequence-frame:first-child figcaption{z-index:1}
.architectural-sequence:not(.sequence-active) .sequence-intro{position:absolute;inset:0 0 auto;height:100svh;min-height:650px;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:160px 7% 125px;text-align:left;pointer-events:none}
.architectural-sequence:not(.sequence-active) .sequence-intro h1{font-size:clamp(52px,7vw,96px);line-height:1.04;letter-spacing:-.055em;margin:24px 0}
.architectural-sequence:not(.sequence-active) .sequence-subtitle{font-size:16px;line-height:1.6;color:#fff}
.architectural-sequence:not(.sequence-active) .sequence-guide{z-index:3}
@media(max-width:600px){.architectural-sequence:not(.sequence-active) .sequence-intro{padding:150px 6% 115px}.architectural-sequence:not(.sequence-active) .sequence-intro h1{font-size:clamp(42px,10vw,60px)}.architectural-sequence:not(.sequence-active) .sequence-intro>.eyebrow{font-size:9px}.architectural-sequence:not(.sequence-active) .sequence-frame:first-child figcaption{font-size:8px;bottom:5%;max-width:85%}}