/* An image-led journey driven by native page scrolling. */
:root{--night:#14271f;--highlight:#c6d1b8}
.story-run,.detail-journey{scroll-margin-top:-80px}
@media(max-width:760px){.story-run,.detail-journey{scroll-margin-top:-72px}}
html{scroll-padding-top:80px}.site-header{position:fixed;height:84px;transition:background .3s,height .3s;isolation:isolate;gap:20px}.site-header.is-scrolled{background:#172b24f5;height:72px;backdrop-filter:blur(12px)}.site-header nav{gap:24px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:31;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:#c9d7b4;transform:scaleX(var(--read-progress,0));transform-origin:left}.motion-toggle{font-size:.875rem;background:none;color:inherit;border:1px solid #ffffff70;padding:10px 13px;white-space:nowrap;cursor:pointer}.motion-toggle[aria-pressed=true]{background:#f4f5ed;color:#18352a}.hero{height:100svh;min-height:660px;max-height:none;overflow:visible}.hero-stage{height:100svh;min-height:660px;position:relative;overflow:hidden}.motion-enabled .hero{height:160svh}.motion-enabled .hero-stage{position:sticky;top:0}.hero-image{transform:scale(var(--hero-scale,1));will-change:transform}.hero-title{transform:translateY(var(--hero-y,0px));opacity:var(--hero-opacity,1)}.hero h1{font-size:clamp(8rem,17vw,18rem)}.hero-shade{background:linear-gradient(180deg,#10241d66,transparent 40%,#0a19114d 70%,#10241daa)}.hero-bottom>.image-open{position:static}.hero-bottom>a{margin-left:auto;margin-right:auto}.image-open{display:flex;align-items:center;gap:10px;background:#14271fbb;color:#fff;border:1px solid #ffffff75;padding:12px 16px;min-height:46px;cursor:pointer;font-size:.875rem;line-height:1.3;backdrop-filter:blur(8px);transition:background .2s}.image-open:hover{background:#203b31}.image-open>span:first-child{font-size:21px}.vision{padding-top:110px;padding-bottom:115px}.vision .text-link{margin-top:22px}.vision h2{font-size:clamp(3rem,5.5vw,5.5rem)}.intro-strip{font-size:.875rem}.motion-enabled .reveal{transition:opacity .8s,transform .8s}.motion-enabled .reveal.pending{opacity:0;transform:translateY(24px)}
/* Scenes remain a normal, readable sequence without JavaScript or motion. */
.story-run{background:var(--night);color:white}.story-stage{position:relative}.story-scene{position:relative;min-height:740px;height:100svh;overflow:hidden}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015)}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0817109c,transparent 80%),linear-gradient(0deg,#081710b3,transparent 65%)}.scene-copy{position:absolute;left:6.2%;bottom:140px;max-width:620px;width:50%}.scene-copy .eyebrow{color:#e3e9da;margin-bottom:23px}.scene-copy h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:1.02;letter-spacing:-.045em}.scene-copy h2 em{color:#d4dec9}.scene-copy p{max-width:440px;font-size:1rem;line-height:1.7;color:#f0f2eb;margin-top:28px}.story-scene>.image-open{position:absolute;top:112px;right:4.5%;z-index:3}.scene-credit{position:absolute;bottom:35px;right:4.5%;font-size:.75rem;letter-spacing:.05em}.story-controls{display:none}.motion-enabled .story-run{height:calc(100svh + var(--scene-count) * 75svh)}.motion-enabled .story-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden}.motion-enabled .story-scene{position:absolute;inset:0;height:100%;min-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s,visibility .7s}.motion-enabled .story-scene.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.motion-enabled .scene-image{transform:scale(var(--scene-scale,1.015));will-change:transform}.motion-enabled .scene-copy{transform:translateY(18px);transition:transform .8s}.motion-enabled .story-scene.is-active .scene-copy{transform:translateY(0)}.motion-enabled .story-controls{position:absolute;bottom:26px;left:6.2%;right:6.2%;display:flex;align-items:center;gap:40px;z-index:5;border-top:1px solid #ffffff50;padding-top:19px}.story-current{font-size:.875rem;min-width:120px}.story-controls>div{display:flex;gap:16px}.story-controls button{min-height:44px;width:74px;border:0;background:none;color:#ffffffaa;padding:6px 0;cursor:pointer;text-align:left;font-size:.875rem}.story-controls button i{display:block;height:2px;background:#ffffff50;margin-top:10px;position:relative;overflow:hidden}.story-controls button i:after{content:'';position:absolute;inset:0;background:#d9e1cd;transform:scaleX(0);transform-origin:left}.story-controls button[aria-pressed=true]{color:white}.story-controls button[aria-pressed=true] i:after{transform:scaleX(var(--scene-progress,0))}.story-skip{font-size:.875rem;margin-left:auto;padding:12px 0}.motion-enabled .scene-credit{bottom:116px}.story-scene:has([data-image=bedroom]) .scene-image{object-position:60% center}.story-scene:has([data-image=living]) .scene-image{object-position:62% center}
/* A horizontal material sequence, travelled with the same vertical scroll. */
.detail-journey{background:#ecece4}.detail-stage{padding:95px 0 45px}.detail-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 6.2%;margin-bottom:35px}.detail-heading h2{font-size:clamp(2.8rem,4.4vw,4.5rem);margin-top:16px}.detail-heading p{font-size:1rem;color:var(--muted)}.detail-window{overflow:hidden}.detail-track{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 6.2%}.detail-card{min-width:0}.detail-photo{position:relative;overflow:hidden}.detail-photo>img{width:100%;aspect-ratio:16/9;object-fit:cover}.detail-photo .image-open{position:absolute;right:18px;bottom:18px}.detail-caption{display:flex;gap:24px;margin-top:22px}.detail-caption>span{font:.875rem var(--sans);color:#75816b;padding-top:9px}.detail-caption h3{font:clamp(1.8rem,2.6vw,2.7rem)/1.18 var(--serif);letter-spacing:-.03em}.detail-caption p{font-size:1rem;color:var(--muted);margin-top:8px}.detail-bottom{padding:30px 6.2% 0;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:.75rem;color:var(--muted)}.detail-bottom>a{font-size:.875rem}.detail-progress{display:none}.motion-enabled .detail-journey{height:var(--rail-height,320vh)}.motion-enabled .detail-stage{position:sticky;top:0;height:100svh;min-height:680px;display:flex;flex-direction:column;justify-content:center;padding-top:100px;padding-bottom:30px;overflow:hidden}.motion-enabled .detail-heading{margin-bottom:27px}.motion-enabled .detail-track{display:flex;gap:3vw;padding-left:6.2vw;padding-right:6.2vw;transform:translate3d(var(--rail-x,0px),0,0);will-change:transform;width:max-content}.motion-enabled .detail-card{width:64vw;max-width:1080px;flex:none}.motion-enabled .detail-photo>img{height:46svh;max-height:580px;aspect-ratio:auto}.motion-enabled .detail-caption{margin-top:18px}.motion-enabled .detail-caption p{margin-top:7px}.motion-enabled .detail-bottom{padding-top:22px}.motion-enabled .detail-progress{display:block;width:150px;height:2px;background:#bbc3b1}.detail-progress i{height:2px;width:100%;display:block;background:#314d3b;transform:scaleX(var(--rail-progress,0));transform-origin:left}
.landscape-top{padding-top:110px}.water-scene{position:relative;height:95svh;min-height:680px;overflow:hidden;background:var(--forest)}.water-image{width:100%;height:100%;object-fit:cover;object-position:center 58%;transform:scale(var(--water-scale,1))}.water-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 35%,#1024198c)}.water-overlay{position:absolute;bottom:110px;left:6.2%;z-index:1}.water-overlay>p{font:italic clamp(3rem,7vw,7rem)/1.1 var(--serif);letter-spacing:-.04em;margin-top:20px}.water-scene>.image-open{position:absolute;top:40px;right:4.5%;z-index:2}.water-scene>figcaption{position:absolute;bottom:35px;left:6.2%;right:6.2%;z-index:1;font-size:.75rem;line-height:1.6}.landscape-bottom{padding-top:75px}.location-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:30px 0 65px}.location-layout>figure{position:relative}.location-layout>figure>img{width:100%;max-height:500px;object-fit:cover;aspect-ratio:1.15}.location-layout .image-open{position:absolute;right:16px;bottom:50px}.location-layout figcaption{font-size:.75rem;color:var(--muted);padding-top:14px}.location-copy h3{font:clamp(2.2rem,3.7vw,3.8rem)/1.15 var(--serif);letter-spacing:-.035em;margin:24px 0}.location-copy p{font-size:1rem}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}.context-pair{min-width:0;background:#eeeee8}.context-label{border-top:1px solid #bac3b1;padding:22px 0;display:flex;justify-content:space-between;gap:15px;background:var(--paper);font-size:.75rem;letter-spacing:.08em}.context-art,.context-elevation{position:relative;overflow:hidden}.context-art>img{width:100%;aspect-ratio:1.36;object-fit:contain;mix-blend-mode:multiply}.context-art>.image-open{position:absolute;bottom:15px;right:15px}.context-elevation{background:#f5f5f5;border-top:1px solid var(--line)}.context-elevation>img{width:100%;height:235px;object-fit:cover;object-position:center 73%}.context-elevation>.image-open{position:absolute;right:15px;bottom:15px}.context-note{font-size:.75rem;color:var(--muted);max-width:900px;margin-top:32px}.neighbours-layout{padding-top:105px}.proposal{padding-top:95px}.footer-logo{font-size:100px}.image-dialog{border:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#101b17;color:white;overflow:auto;margin:0}.image-dialog::backdrop{background:#101b17f5}.image-dialog[open]{display:flex;flex-direction:column}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:23px 4%;min-height:82px;gap:20px;font-size:.875rem}.lightbox-close,.lightbox-prev,.lightbox-next{color:white;background:transparent;border:1px solid #ffffff70;cursor:pointer;min-height:46px}.lightbox-close{padding:8px 17px;font-size:.875rem;display:flex;align-items:center;gap:20px}.lightbox-close>span{font-size:25px}.lightbox-stage{display:grid;grid-template-columns:55px minmax(0,1fr) 55px;gap:25px;align-items:center;flex:1;min-height:0;padding:0 3%}.lightbox-image{width:100%;height:100%;max-height:calc(100dvh - 205px);object-fit:contain}.lightbox-prev,.lightbox-next{width:50px;height:50px;border-radius:50%;font-size:23px}.lightbox-caption{text-align:center;padding:25px 6% 30px}.lightbox-caption h2{font:1.4rem/1.3 var(--serif);letter-spacing:0}.lightbox-caption p{font-size:.75rem;color:#bdc7b6;margin-top:7px}.lightbox-loading .lightbox-image{opacity:.35}.lightbox-image{transition:opacity .2s}.image-dialog button:focus-visible{outline-color:#dce8c6}.no-scroll{overflow:hidden}.reduced-motion .hero,.reduced-motion .hero-stage{height:100svh}.reduced-motion .hero-title,.reduced-motion .hero-image{transform:none;opacity:1}.reduced-motion .reveal{opacity:1;transform:none}.reduced-motion{scroll-behavior:auto}
@media(min-width:1600px){.scene-copy{left:max(6.2%,calc((100vw - 1400px)/2))}.detail-heading,.detail-bottom{padding-left:6.2%;padding-right:6.2%}}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header{padding:0 4%;gap:15px}.wordmark{font-size:18px;gap:12px}.wordmark-line{width:20px}.motion-toggle{font-size:.75rem;padding:10px}.scene-copy{width:65%}.detail-heading{align-items:center}.detail-heading p{font-size:.875rem}.detail-caption h3{font-size:2rem}.context-elevation>img{height:180px}.story-controls{gap:25px}.motion-enabled .detail-card{width:74vw}}
@media(max-width:850px) and (min-width:761px){.wordmark-line{display:none}.site-header nav{gap:11px}.site-header nav a{font-size:.75rem}}
@media(max-width:760px){html{scroll-padding-top:72px}.site-header,.site-header.is-scrolled{height:74px;padding:0 5.5%}.wordmark{font-size:17px;gap:11px}.wordmark-line{width:19px}.site-header nav{padding:140px 8% 60px;gap:7px;overflow:auto}.site-header nav a{font-size:2rem;line-height:1.2;padding:15px 0}.menu-button{margin-left:auto;order:3}.motion-toggle{font-size:.75rem;padding:9px;border-color:#ffffff65;position:relative;z-index:23}.hero,.hero-stage{min-height:620px}.hero h1{font-size:clamp(6rem,24vw,10rem)}.hero-title{bottom:170px}.hero-title>.eyebrow{max-width:260px;line-height:1.65}.hero-title>p:last-child{font-size:1rem;max-width:265px}.hero-bottom{min-height:135px;padding:19px 0;gap:14px;display:grid;grid-template-columns:1fr auto}.hero-bottom>span:first-child{display:none}.hero-bottom>a{margin:0;font-size:.875rem;max-width:170px;line-height:1.5;gap:10px}.hero-bottom>.image-open{width:48px;height:48px;padding:10px;justify-content:center}.hero-bottom>.image-open>span:last-child{display:none}.hero-location{top:110px;font-size:.75rem}.vision{padding-top:68px;padding-bottom:72px}.vision h2{font-size:clamp(3rem,10vw,4.5rem)}.image-open{font-size:.75rem;min-height:44px;padding:10px 12px}.story-scene{height:100svh;min-height:720px}.motion-enabled .story-stage{min-height:610px}.motion-enabled .story-run{height:calc(100svh + var(--scene-count) * 70svh)}.scene-copy{left:7%;bottom:140px;width:86%;max-width:none}.scene-copy .eyebrow{font-size:.75rem;margin-bottom:20px;letter-spacing:.1em}.scene-copy h2{font-size:clamp(3rem,12vw,4.5rem);line-height:1.02}.scene-copy p{font-size:1rem;line-height:1.6;margin-top:22px;max-width:370px}.scene-image{object-position:59% center}.scene-shade{background:linear-gradient(0deg,#091b12e6 0%,#091b1280 47%,transparent 76%,#091b1266)}.story-scene>.image-open{top:96px;right:6%}.motion-enabled .story-controls{left:7%;right:7%;bottom:22px;gap:14px;flex-wrap:wrap;padding-top:12px}.story-current{display:none}.story-controls>div{gap:13px}.story-controls button{width:42px;font-size:.875rem}.story-skip{font-size:.75rem;padding:12px 0}.motion-enabled .scene-credit{bottom:104px;right:7%;font-size:.75rem}.scene-credit{bottom:30px}.detail-stage{padding:67px 0 40px}.detail-heading{display:block;padding:0 7%;margin-bottom:28px}.detail-heading .eyebrow{font-size:.75rem}.detail-heading h2{font-size:clamp(2.35rem,9vw,3.8rem);margin-top:12px}.detail-heading p{display:none}.detail-track{grid-template-columns:1fr;gap:35px;padding:0 7%}.detail-caption{gap:17px;margin-top:18px}.detail-caption h3{font-size:1.8rem}.detail-caption p{font-size:1rem;line-height:1.6}.detail-photo .image-open{right:12px;bottom:12px}.detail-bottom{padding:28px 7% 0;gap:20px;align-items:start}.detail-bottom>span{max-width:155px;line-height:1.6}.detail-bottom>a{font-size:.75rem;white-space:nowrap}.motion-enabled .detail-stage{min-height:630px;padding-top:97px;padding-bottom:26px;justify-content:center}.motion-enabled .detail-heading{margin-bottom:23px}.motion-enabled .detail-card{width:86vw}.motion-enabled .detail-track{gap:5vw;padding-left:7vw;padding-right:7vw}.motion-enabled .detail-photo>img{height:38svh;min-height:235px;object-position:center}.motion-enabled .detail-caption{min-height:130px}.motion-enabled .detail-bottom{padding-top:15px}.motion-enabled .detail-progress{width:65px;margin-top:10px;flex:none}.detail-bottom>a{display:none}.water-scene{height:88svh;min-height:590px}.water-image{object-position:50%}.water-overlay{left:7%;right:7%;bottom:125px}.water-overlay .eyebrow{font-size:.75rem;max-width:240px;line-height:1.7}.water-overlay>p{font-size:clamp(3rem,13vw,4.5rem)}.water-scene>.image-open{top:25px;right:6%}.water-scene>figcaption{font-size:.75rem;left:7%;right:7%;bottom:28px;max-width:310px}.landscape-top{padding-top:70px}.landscape-bottom{padding-top:50px}.location-layout{grid-template-columns:1fr;gap:30px;padding:10px 0 50px}.location-layout>figure>img{aspect-ratio:1.08}.location-copy h3{font-size:2.55rem;margin:18px 0}.context-grid{grid-template-columns:1fr;gap:36px}.context-label{font-size:.75rem;letter-spacing:.025em;padding:18px 0}.context-elevation>img{height:175px}.context-note{font-size:.75rem}.neighbours-layout{padding-top:65px}.proposal{padding-top:65px}.footer-logo{font-size:65px}.lightbox-header{padding:15px 5%;min-height:76px}.lightbox-stage{grid-template-columns:minmax(0,1fr);position:relative;gap:0;padding:0 3%;min-height:200px}.lightbox-image{max-height:calc(100dvh - 220px);min-height:200px}.lightbox-prev,.lightbox-next{position:absolute;bottom:0;width:44px;height:44px;font-size:20px;background:#14271fcc;z-index:1}.lightbox-prev{left:6%}.lightbox-next{right:6%}.lightbox-caption{padding-top:25px;padding-bottom:35px}.lightbox-caption h2{font-size:1.2rem}}
@media(max-height:650px){.motion-enabled .story-stage,.motion-enabled .detail-stage{min-height:100svh}.motion-enabled .story-scene .scene-copy{bottom:105px}.scene-copy h2{font-size:clamp(2.5rem,5vw,4.2rem)}.scene-copy p{font-size:.875rem;line-height:1.5;margin-top:16px;max-width:550px}.scene-copy .eyebrow{margin-bottom:12px}.motion-enabled .scene-credit{display:none}.motion-enabled .detail-stage{padding-top:90px}.motion-enabled .detail-heading h2{font-size:2.6rem}.motion-enabled .detail-photo>img{height:31svh;min-height:0}.motion-enabled .detail-caption{min-height:0}.detail-caption h3{font-size:1.5rem}.detail-caption p{font-size:.875rem}.detail-heading{margin-bottom:15px!important}.hero-stage,.hero{min-height:100svh}.hero-title{bottom:130px}.hero h1{font-size:clamp(5.5rem,13vw,10rem)}.hero-location{top:90px}.hero-title .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-title,.hero-image,.water-image{transform:none!important;opacity:1!important}.reveal{opacity:1!important;transform:none!important}}
.reduced-motion .story-scene{height:auto;min-height:0;overflow:visible}.reduced-motion .scene-image{position:relative;width:100%;height:auto;aspect-ratio:16/9;transform:none;object-fit:contain}.reduced-motion .scene-copy{position:relative;left:auto;bottom:auto;width:auto;max-width:950px;padding:45px 6.2% 25px;transform:none}.reduced-motion .scene-copy h2{font-size:clamp(2.4rem,5vw,5rem)}.reduced-motion .scene-shade{display:none}.reduced-motion .scene-credit{position:static;display:block;padding:0 6.2% 35px}.reduced-motion .story-scene>.image-open{top:30px}.lightbox-error{text-align:center;padding:20px;font-size:1rem;color:#f1cfb3}
@media(max-width:380px){.site-header,.site-header.is-scrolled{gap:8px}.wordmark-line{display:none}.wordmark{font-size:15px;letter-spacing:.17em}.menu-button{gap:8px;padding-left:2px}.motion-toggle{padding:9px 7px}.hero h1{font-size:24vw}}
@media print{.reading-progress,.motion-toggle,.image-open,.story-controls,.detail-bottom,.image-dialog{display:none!important}.motion-enabled .hero,.motion-enabled .story-run,.motion-enabled .detail-journey{height:auto!important}.motion-enabled .hero-stage,.motion-enabled .story-stage,.motion-enabled .detail-stage{position:relative;height:auto;overflow:visible;min-height:0}.hero-stage{height:450px!important}.motion-enabled .story-scene{position:relative;opacity:1;visibility:visible;height:600px;page-break-inside:avoid}.motion-enabled .detail-track{display:grid;width:auto;transform:none!important}.motion-enabled .detail-card{width:auto}.motion-enabled .reveal{opacity:1;transform:none}.scene-copy{bottom:80px}.detail-heading{padding-top:25px}.water-scene{height:550px}}

/* Landscape presentation and the courtyard */
.courtyard-feature{background:#f4f2ea}.courtyard-intro{padding-top:95px;padding-bottom:65px}.courtyard-intro>.eyebrow{display:block;margin-bottom:30px}.courtyard-intro p+p{margin-top:20px}.courtyard-image{position:relative;margin:0;background:#17271e}.courtyard-image>img{display:block;width:100%;height:auto;max-height:100svh;object-fit:contain}.courtyard-image>.image-open{position:absolute;right:5%;top:30px}.courtyard-image>figcaption{padding:20px 6%;color:#e8eddf;font-size:.875rem}
#setting{max-width:none;padding-left:4%;padding-right:4%}.location-layout{display:flex;flex-direction:column;gap:35px;padding-bottom:85px}.location-layout>figure{width:100%;order:2}.location-layout>figure>img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.location-copy{width:100%;max-width:900px;align-self:flex-start}.location-copy h3{margin:15px 0}.location-copy p+p{margin-top:12px}.location-layout figcaption{font-size:.875rem}.context-index{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:25px 0 45px;flex-wrap:wrap}.context-index>span{margin-right:auto;font-size:1rem}.context-index a{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%}.context-index a:hover{background:var(--forest);color:white}.context-grid{display:block}.context-pair{margin-bottom:90px;background:transparent}.context-label{align-items:center;padding:25px 0;font-size:.875rem}.context-label h3{font:clamp(2rem,4vw,3.5rem)/1.2 var(--serif);scroll-margin-top:110px}.context-art{background:#f5f4ef}.context-art>img{display:block;aspect-ratio:auto;height:auto;width:100%;object-fit:contain;mix-blend-mode:normal}.context-art figcaption,.context-elevation figcaption{padding:18px 22px;font-size:.875rem;letter-spacing:.04em;background:var(--paper);color:var(--muted)}.context-elevation{margin-top:28px;border:1px solid var(--line)}.context-elevation>img{display:block;width:100%;height:36vw;max-height:650px;min-height:260px;object-fit:cover;object-position:center 67%}.context-elevation>.image-open,.context-art>.image-open{bottom:22px;right:22px}.context-note{font-size:.875rem}.context-pair:last-child{margin-bottom:30px}
@media(max-width:760px){.courtyard-intro{padding-top:65px;padding-bottom:40px}.courtyard-intro h2{font-size:3rem}.courtyard-image>img{height:75svh;max-height:760px;object-fit:cover;object-position:43% center}.courtyard-image>.image-open{top:18px;right:5%}#setting{padding-left:5%;padding-right:5%}.location-layout{padding-bottom:45px}.location-layout .image-open{position:static;margin-top:14px}.location-layout figcaption{line-height:1.6}.context-index{gap:10px;padding-bottom:25px}.context-index>span{width:100%}.context-pair{margin-bottom:55px}.context-label{align-items:flex-start;flex-direction:column;gap:8px}.context-art figcaption,.context-elevation figcaption{font-size:.875rem;padding:16px}.context-elevation>img{min-height:0;height:40vw;object-position:center 65%}.context-elevation>.image-open,.context-art>.image-open{position:static;margin:14px}.context-elevation{margin-top:20px}.context-note{line-height:1.6}}
/* Four scroll-driven transitions: realistic elevation into artistic landscape. */
.context-sequence{margin:0 -4.35%}.context-transition{background:#f5f5f3;border-top:1px solid var(--line);scroll-margin-top:0}.context-stage{padding:35px 4%;position:relative}.context-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px}.context-top h3{font:clamp(2rem,3vw,3rem)/1.1 var(--serif)}.context-top>span{font-size:.875rem;color:var(--muted)}.context-canvas{position:relative}.context-canvas figure{margin:0}.context-canvas img{display:block;width:100%;height:auto}.context-canvas figcaption{padding:15px 0;font-size:.875rem}.context-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px}.context-bottom>p{font-size:.875rem;color:var(--muted)}.context-modes{display:none;align-items:center;gap:12px}.context-modes button{border:0;background:none;font:inherit;color:var(--muted);padding:12px 4px;cursor:pointer;min-height:44px}.context-modes button[aria-pressed=true]{color:var(--forest);box-shadow:inset 0 -2px var(--forest)}.context-open{display:flex;gap:10px}.context-open .image-open{font-size:.875rem}.context-seam,.context-meter{display:none}.motion-enabled .context-transition{height:250svh;scroll-margin-top:-80px}.motion-enabled .context-stage{position:sticky;top:0;height:100svh;min-height:600px;display:flex;flex-direction:column;padding-top:100px;padding-bottom:28px;overflow:hidden}.motion-enabled .context-canvas{flex:1;min-height:0;overflow:hidden;background:#f5f5f3}.motion-enabled .context-canvas figure{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.motion-enabled .context-real>img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.motion-enabled .context-paint{clip-path:inset(0 calc(100% - var(--reveal,0%)) 0 0);background:#f5f4ef;will-change:clip-path}.motion-enabled .context-paint>img{width:100%;height:100%;object-fit:contain}.motion-enabled .context-canvas figcaption{position:absolute;left:20px;top:16px;background:#f7f6efed;padding:10px 14px;color:#203b31;font-size:.875rem}.motion-enabled .context-seam{display:block;position:absolute;top:0;bottom:0;left:var(--reveal,0%);width:2px;background:#fff9;box-shadow:0 0 22px #f4ecd8;pointer-events:none}.motion-enabled .context-modes{display:flex}.motion-enabled .context-meter{display:block;height:2px;position:absolute;bottom:0;left:4%;right:4%;background:#ccd0c6}.context-meter>span{display:block;height:100%;background:var(--forest);transform:scaleX(var(--context-progress,0));transform-origin:left}.reduced-motion .context-bottom>p{display:none}
@media(max-width:760px){.context-sequence{margin:0 -5.56%}.context-stage{padding:30px 5%}.motion-enabled .context-transition{height:230svh;scroll-margin-top:-72px}.motion-enabled .context-stage{min-height:560px;padding:96px 5% 24px}.context-top{align-items:flex-start;flex-direction:column;gap:8px;padding-bottom:20px}.context-top>span{font-size:.875rem}.motion-enabled .context-real>img{height:auto;object-fit:contain}.motion-enabled .context-paint>img{object-fit:contain}.context-bottom{flex-wrap:wrap;gap:12px;padding-top:18px}.context-bottom>p{font-size:.875rem;max-width:145px}.context-open{width:100%;justify-content:space-between;gap:8px}.context-open .image-open{font-size:.8125rem;padding:10px}.motion-enabled .context-canvas figcaption{top:8px;left:8px;font-size:.8125rem;padding:8px}.context-modes{gap:8px;font-size:.875rem}}
@media(max-height:650px) and (min-width:761px){.motion-enabled .context-stage{min-height:100svh;padding-top:85px;padding-bottom:12px}.context-top{padding-bottom:12px}.context-bottom{padding-top:12px}.context-top h3{font-size:2rem}}

.architect-link{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;text-decoration-thickness:1px;transition:text-decoration-color .2s}.architect-link:hover,.architect-link:focus-visible{text-decoration-color:currentColor}.architect-link:focus-visible{outline:1px solid currentColor;outline-offset:6px}

.floorplan-section{background:#f8f7f2;padding-bottom:75px}.floorplan-intro{padding-top:95px;padding-bottom:45px}.floorplan-intro>.eyebrow{display:block;margin-bottom:28px}.floorplan-intro p+p{margin-top:18px}.floorplan-figure{margin:0 4%;background:white;border:1px solid #e6e4dc}.floorplan-figure>img{display:block;width:100%;height:auto}.floorplan-figure>figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 3%;border-top:1px solid #e6e4dc;font-size:.875rem;color:var(--muted)}.floorplan-note{font-size:.875rem;line-height:1.6;color:var(--muted);padding:22px 6% 0;max-width:900px}@media(max-width:760px){.floorplan-intro{padding-top:65px;padding-bottom:32px}.floorplan-intro h2{font-size:3rem}.floorplan-figure{margin:0 3%}.floorplan-figure>figcaption{align-items:flex-start;flex-direction:column;padding:18px;gap:16px}.floorplan-section{padding-bottom:48px}.floorplan-note{padding-top:18px}}

/* Let the floor plan sit directly on the white page, at 80% of its former width. */
.floorplan-section{background:#fff}.floorplan-figure{width:73.6%;max-width:1240px;margin:0 auto;background:#fff;border:0}.floorplan-figure>figcaption{border:0;justify-content:center;text-align:center;padding:20px 0}.floorplan-figure>img{background:#fff}@media(max-width:760px){.floorplan-figure{width:75.2%;margin:0 auto}.floorplan-figure>figcaption{align-items:center;padding:18px 0}}