/* Editorial presentation — Dom Slavkov */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#17352b;--paper:#faf8f3;--line:#ded9cc;--muted:#686c62;--gold:#8b7754}
body{background:var(--paper)}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}
.preview-note{background:transparent;color:var(--gold);padding:9px 4.5%;border-bottom:1px solid #ebe6dc;font-size:12px;letter-spacing:.1em}
header{height:115px;border:0;padding-inline:4.5%;position:relative;z-index:3}
.brand{font-size:26px;letter-spacing:.12em}.brand small{font-size:10px;letter-spacing:.38em;color:var(--gold)}
nav{gap:38px}nav a{font-size:15px;position:relative}nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:right .25s}nav a:hover:after{right:0}
.button{border-radius:3px;min-height:57px;padding:15px 28px;font-size:15px;box-shadow:0 5px 20px #17352b0b;transition:background .25s,transform .25s}.button:hover{transform:translateY(-2px)}.header-cta{min-height:49px;padding:10px 28px;box-shadow:none}
.hero{min-height:620px;padding:62px 4.5% 95px;display:block;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 77% 50%,#e9e5d955,transparent 65%)}
.hero-copy{position:relative;z-index:2;width:46%;max-width:660px;padding:0}
.eyebrow{font-size:12px;font-weight:500;color:var(--gold);letter-spacing:.2em;margin-bottom:23px}
h1{font-size:clamp(58px,5.9vw,92px);line-height:.99;letter-spacing:-.045em}h1 em{font-style:normal;font-weight:500}
.lead{font-size:18px;line-height:1.7;margin-top:26px;max-width:380px}.actions{margin-top:31px;gap:26px}.text-link{font-size:14px}
.hero-image{position:absolute;z-index:1;left:43%;right:-4%;top:55px;bottom:5px;margin:0;display:flex;justify-content:center;align-items:center}
.hero-image img{height:auto;width:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;filter:drop-shadow(0 22px 20px #38442b12)}
.hero-image figcaption{position:absolute;right:8%;bottom:15px;padding:0;font-size:11px;letter-spacing:.05em;color:#797a6c}
.hero-index{left:4.5%;bottom:25px;font-size:11px;letter-spacing:.2em}
.hero-mark{position:absolute;right:5%;top:8px;text-align:center;color:var(--gold);font-size:10px;letter-spacing:.28em;line-height:2.2;z-index:2}.hero-mark:after{content:'';display:block;width:35px;height:1px;background:#b8a784;margin:11px auto}
.numbers{margin:0;padding:30px 4.5% 32px;background:#fffaf3b3;border-block:1px solid #ded6c9;position:relative;z-index:2}
.numbers>div{padding:0 20px}.numbers strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:64px;font-weight:500;line-height:1}.numbers strong small{font-size:38px}.numbers span{max-width:230px;margin:12px auto 0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.7}
.area-note{margin:13px 4.5% 0;font-size:12px;color:#7a7c71}
.section{padding:100px 7%}.section-heading{grid-template-columns:1.35fr 1fr;gap:12%;margin-bottom:52px}.section-heading>p{font-size:16px;line-height:1.9}
h2{font-size:clamp(42px,4.5vw,68px);line-height:1.04;letter-spacing:-.035em}h3{font-size:31px}
.intro{padding-top:75px;padding-bottom:80px}.intro .section-heading{margin-bottom:36px}.intro .section-heading h2{max-width:720px}
.features{gap:4%;margin-top:35px}.features article{position:relative;padding:27px 0 0 0;border-color:#d9cfbd}.feature-number{font-family:'Cormorant Garamond',serif;font-size:29px;color:#a9926c}.features h3{font-size:29px;margin:13px 0}.features p{font-size:15px;line-height:1.9}
.wide-photo{margin:0 3%;overflow:hidden;border-radius:3px}.wide-photo img{height:620px;object-position:center 59%}.wide-photo figcaption{padding:95px 4.5% 37px;font-family:'Cormorant Garamond',Georgia,serif;font-size:44px;background:linear-gradient(transparent,#11291eb3)}.wide-photo figcaption span{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.13em}
.floor-section{background:linear-gradient(180deg,#faf8f3,#f2efe6);margin-top:28px}.floor-tabs{border:0;gap:10px;margin-bottom:34px}.floor-tabs button{padding:17px 29px;border:1px solid var(--line);border-radius:2px;background:transparent;transition:background .25s}.floor-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.floor-tabs button span{font-size:16px}.floor-layout{gap:6%;grid-template-columns:1.15fr 1fr}.plan-button{border:0;padding:35px;box-shadow:0 15px 55px #4b4b3420;border-radius:3px}.plan-button img{height:705px}.plan-button>span{background:transparent;color:var(--ink);border-bottom:1px solid #b9a47e;padding:10px 0;margin-top:10px}.floor-info{padding-top:10px}.floor-info h3{font-size:37px}.floor-info>p{line-height:1.8}.floor-area{padding:20px 0;margin:23px 0}.floor-area strong{font-family:'Cormorant Garamond',serif;font-size:47px}.floor-area span{font-size:13px}td,th{padding:7px 0}.floor-section .fine-print{margin-top:30px;font-size:12px;max-width:1000px}
.gallery-section{background:var(--paper);padding-bottom:90px}.gallery{grid-template-columns:1.4fr 1fr;grid-template-rows:265px 265px;gap:23px}.gallery button{border-radius:3px}.gallery img{transition:transform .7s;object-position:center}.gallery span{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;padding:65px 28px 23px}.gallery button:not(.gallery-main) span{font-size:24px}.gallery-section .fine-print{margin-top:22px}
.location{position:relative;background:#193a2e;padding:88px 8%;gap:13%;overflow:hidden}.location:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff0d;border-radius:50%;right:-130px;top:-160px;pointer-events:none}.location .eyebrow{color:#c4b48e}.location h2{font-size:clamp(48px,5vw,76px)}.location-card>p:not(.eyebrow){line-height:1.9}.location-facts h3{font-size:33px}.location-facts>div{border-color:#71847266}.location-facts small{color:#d0c3a4;font-size:12px}.location .map-note{color:#bdc7b9}
.specs{gap:0 7%}.specs details{padding:24px 0}.specs summary{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px}.specs details p{font-size:15px;line-height:1.85}.specs summary:after{font-family:'DM Sans',sans-serif;color:var(--gold)}
.construction{padding:70px 8%;background:#efeade}.construction h2{font-size:56px}.construction dl>div{padding:16px 0;border-color:#d5cbbc}.construction dd{font-weight:500}.contact{padding:105px 8%;gap:10%;background:radial-gradient(ellipse at bottom left,#eee5d440,transparent 60%)}.contact h2{font-size:clamp(48px,5.5vw,80px)}.contact-options>a{padding:27px 0}.contact-options strong{font-family:'Cormorant Garamond',serif;font-size:clamp(27px,3vw,42px);letter-spacing:-.02em}.contact-options small{font-size:12px}.contact-options strong span{font-family:'DM Sans',sans-serif;font-size:23px}.disclaimer{margin-inline:8%;font-size:12px;color:#77796e}footer{padding:40px 8%;background:#f0ece2;border-color:#ddd5c6}footer .brand{font-size:22px}
@media(min-width:1600px){.hero{padding-top:85px;min-height:740px}.hero-image{left:41%;top:60px;right:0}.hero-copy{max-width:720px}.lead{max-width:410px}}
@media(min-width:901px) and (max-width:1100px){.hero{min-height:590px;padding-top:50px}.hero-copy{width:49%}h1{font-size:61px}.hero-image{left:44%;right:-13%;top:80px}.hero-mark{display:none}.hero-image figcaption{right:19%}.actions{gap:20px}.button{padding:14px 20px}.hero .text-link{font-size:13px}}
@media(max-width:900px){header{height:100px;padding-inline:5%}.brand{font-size:23px}nav{gap:25px}.hero{min-height:0;padding:35px 5% 45px;overflow:hidden}.hero-copy{width:100%;max-width:630px}h1{font-size:70px;max-width:620px}.hero-image{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:block;margin:-30px -7% -10px 18%;width:95%}.hero-image img{width:100%;height:auto}.hero-image figcaption{position:static;padding:0 14% 0 0;text-align:right}.hero-mark{display:none}.hero-index{display:none}.lead{max-width:425px}.hero .actions{position:relative;z-index:3}.numbers{grid-template-columns:repeat(4,1fr);gap:0;padding:28px 3%}.numbers strong{font-size:50px}.numbers strong small{font-size:29px}.numbers span{font-size:11px;letter-spacing:.05em}.numbers>div:nth-child(3){border-left:1px solid var(--line)}.section{padding:75px 6%}.section-heading{gap:7%}h2{font-size:48px}.wide-photo img{height:470px}.wide-photo figcaption{font-size:37px}.features h3{font-size:26px}.floor-layout{grid-template-columns:1fr 1fr;gap:5%}.plan-button{padding:20px}.plan-button img{height:620px}.gallery{grid-template-rows:215px 215px}.contact{gap:6%}.contact-options strong{font-size:30px}.construction h2{font-size:47px}}
@media(max-width:600px){.preview-note{padding:7px 5%;font-size:10px;text-align:center;justify-content:center}header{height:auto;padding:25px 5% 20px;gap:24px}.brand{font-size:24px}nav{gap:25px}nav a{font-size:14px}.hero{padding:24px 6% 29px}.hero-copy{max-width:none}h1{font-size:clamp(47px,12vw,65px);line-height:1.02;letter-spacing:-.045em}.eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:20px}.lead{font-size:16px;line-height:1.8;margin-top:22px;max-width:330px}.actions{margin-top:23px;gap:20px}.button{font-size:14px;padding:13px 21px;min-height:51px}.text-link{font-size:13px}.hero-image{margin:12px -11% 0;width:122%;position:relative;left:auto;right:auto}.hero-image figcaption{font-size:10px;padding:0 12%}.numbers{grid-template-columns:1fr 1fr;gap:24px 0;padding:28px 5%}.numbers>div{padding:0 16px}.numbers>div:nth-child(3){border:0}.numbers strong{font-size:51px}.numbers span{font-size:11px;max-width:180px;line-height:1.6}.area-note{margin:13px 6% 0;font-size:11px}.section{padding:57px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;font-size:15px;line-height:1.8}h2{font-size:44px}.intro{padding-top:52px}.features{display:block;margin-top:0}.features article{padding:22px 0 23px}.feature-number{float:left;margin-right:21px;font-size:29px}.features h3{font-size:29px;margin:0 0 15px;padding-top:4px}.features p{clear:both;font-size:15px}.wide-photo{margin:0 3%}.wide-photo img{height:340px;object-position:55% center}.wide-photo figcaption{font-size:30px;padding:70px 22px 23px}.floor-section{margin-top:15px}.floor-tabs{gap:9px}.floor-tabs button{flex:1;padding:14px 12px}.floor-tabs button span{font-size:15px;margin-left:13px}.floor-layout{grid-template-columns:1fr;gap:35px}.plan-button{padding:23px 20px}.plan-button img{height:465px}.floor-info h3{font-size:34px}.floor-info{padding:0}.floor-area strong{font-size:47px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:280px 180px;gap:12px}.gallery-main{grid-column:span 2}.gallery span{font-size:27px;padding:60px 20px 18px}.gallery button:not(.gallery-main) span{font-size:20px;padding:45px 13px 15px}.location{padding:62px 7%;gap:38px}.location h2{font-size:55px}.location-facts{gap:27px}.location-facts h3{font-size:31px}.specs summary{font-size:26px}.construction h2{font-size:47px}.construction{gap:30px}.contact{gap:34px;padding:65px 7%}.contact h2{font-size:57px}.contact-options strong{font-size:31px}.contact-options>a{padding:22px 0}.disclaimer{margin:0 7% 35px}footer{padding:35px 7%}.gallery-section{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.button,nav a:after,.gallery img{transition:none}.button:hover{transform:none}}

@media(min-width:901px){.hero-image img{transform:translate(-6%,-3%) scale(1.18);transform-origin:center center}}

/* Presentation floor plans, aligned with the room schedule. */
.floor-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:5%}
.plan-button{background:#faf8f2;padding:22px;border:1px solid #e3ded2;box-shadow:0 12px 40px #4b4b3410}
.plan-button img{height:auto;width:100%;aspect-ratio:932/1220;object-fit:contain}
.floor-info td:first-child,.floor-info th:first-child{width:34px;color:var(--gold);font-size:13px}
.floor-info td:nth-child(2){padding-right:12px}
.plan-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.plan-note p{font-size:14px;color:var(--muted);max-width:640px;line-height:1.7}
.plan-note a{flex-shrink:0}
.plan-view .viewer-image-wrap{background:#faf8f2}
.plan-view .viewer-image-wrap img{max-width:1100px;margin:auto;min-width:800px}
@media(max-width:700px){.floor-layout{grid-template-columns:1fr}.plan-button{padding:14px}.plan-note{align-items:flex-start;flex-direction:column;gap:15px}.floor-info td{font-size:14px}.viewer-bar p{font-size:13px}}

.location-facts .parcel-use{margin-top:14px;font-size:14px;line-height:1.8}.location-facts strong{font-weight:500;color:var(--paper)}

.property-map{padding:44px 8% 50px;background:#f0ece2}.property-map-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.property-map-heading .eyebrow{margin-bottom:10px}.property-map-heading h3{font-size:36px}.property-map iframe{display:block;width:100%;height:440px;border:1px solid #d8d1c1;border-radius:3px;background:#e5e7df}.map-accuracy{font-size:13px;color:var(--muted);line-height:1.7;margin-top:15px;max-width:850px}.map-accuracy a{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.property-map{padding:32px 7% 38px}.property-map-heading{align-items:flex-start;flex-direction:column;gap:16px}.property-map-heading h3{font-size:30px}.property-map iframe{height:340px}}

.interior-section{background:#eee9df}.interior-standard{display:flex;gap:35px;align-items:flex-start;padding:22px 0;margin:-12px 0 32px;border-block:1px solid #d5cbb8}.interior-standard strong{white-space:nowrap;font-size:16px;font-weight:500}.interior-standard p{max-width:780px;font-size:14px;color:var(--muted);line-height:1.8}.interior-gallery small{display:block;font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.04em;margin-top:7px}.interior-gallery .gallery-main img{object-position:48% center}@media(max-width:600px){.interior-standard{flex-direction:column;gap:10px}.interior-gallery{grid-template-columns:1fr;grid-template-rows:auto;gap:18px}.interior-gallery .gallery-main{grid-column:auto}.interior-gallery button{aspect-ratio:3/2}.interior-gallery img{width:100%;height:100%}}

/* Independent Tatra backdrop; original house image remains unchanged. */
.hero-image{isolation:isolate}
.hero-image .tatry-backdrop{position:absolute;z-index:-1;pointer-events:none;left:-13%;top:0;width:115%;height:65%;object-fit:contain;object-position:center bottom;transform:none;filter:none;opacity:.42;mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
.hero-image .house-render{position:relative;z-index:1}
.hero-image figcaption{z-index:2}
@media(max-width:900px){.hero-image .tatry-backdrop{left:-8%;top:-11%;width:108%;height:67%;opacity:.37}}
@media(max-width:600px){.hero-image .tatry-backdrop{left:0;top:-8%;width:100%;height:66%;opacity:.36}}
.hero-image .tatry-backdrop{mask-image:linear-gradient(to bottom,#000 55%,transparent 100%),linear-gradient(to right,transparent 0%,#000 18%,#000 90%,transparent 100%);mask-composite:intersect}

/* Third proposal: full-width mountain backdrop, behind the heading and house. */
.hero>.tatry-wide-backdrop{position:absolute;z-index:0;pointer-events:none;left:-3%;top:5%;width:106%;height:78%;object-fit:fill;opacity:.34;mask-image:linear-gradient(to bottom,#000 48%,transparent 94%),linear-gradient(to right,transparent 0%,#000 7%,#000 94%,transparent 100%);mask-composite:intersect}
.hero-copy{z-index:2}.hero-image{z-index:1}.hero-copy h1{ text-shadow:0 1px 16px #faf8f355}
@media(max-width:900px){.hero>.tatry-wide-backdrop{left:-26%;top:2%;width:152%;height:76%;opacity:.24}}
@media(max-width:600px){.hero>.tatry-wide-backdrop{left:-48%;top:8%;width:196%;height:68%;opacity:.22}}
.hero>.tatry-wide-backdrop{mask-image:linear-gradient(to bottom,#000 45%,rgba(0,0,0,.65) 64%,transparent 94%),linear-gradient(to right,transparent 0%,#000 7%,#000 94%,transparent 100%)}


.construction-progress{background:#efeade;padding:78px 7% 45px}.progress-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end;margin-bottom:52px}.progress-heading h2{font-size:62px}.progress-intro p{max-width:380px;font-size:16px;color:var(--muted);line-height:1.9;margin-top:16px}.building-label{font-size:12px;letter-spacing:.15em;color:var(--ink);border:1px solid #adbaa9;padding:7px 13px;display:inline-block}.build-timeline{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:0}.milestone{position:relative;padding:0 30px 28px 0}.milestone-track{height:51px;position:relative}.milestone-track:before{content:'';height:1px;background:#a5af9d;position:absolute;left:0;right:-30px;top:17px}.milestone:last-child .milestone-track:before{display:none}.milestone-dot{position:relative;width:35px;height:35px;border-radius:50%;background:#f7f4ec;border:1px solid #91a18d;display:flex;align-items:center;justify-content:center;color:#304c3a;font-size:16px}.current .milestone-dot{background:var(--ink);color:#faf8f3;border:0;box-shadow:0 0 0 7px #17352b0b;font-size:12px}.milestone-date{font-size:12px;letter-spacing:.12em;color:#806e4f;margin:12px 0 17px}.milestone h3{font-size:32px;line-height:1.08;margin-bottom:18px}.milestone>p:not(.milestone-date){font-size:15px;line-height:1.8;max-width:290px;color:var(--muted)}.milestone-state{display:inline-block;font-size:12px;margin-top:22px;color:#5f6d5c}.current{padding-left:23px;padding-right:23px;background:linear-gradient(180deg,transparent 34px,#e3e6d8 34px);border-radius:3px}.current .milestone-date{color:var(--ink);font-weight:600}.current .milestone-state{background:var(--ink);color:#fff;padding:4px 12px}.progress-footer{border-top:1px solid #d5cbb8;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}
@media(max-width:600px){.construction-progress{padding:45px 7% 30px}.progress-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.progress-heading h2{font-size:44px}.build-timeline{grid-template-columns:1fr}.milestone{padding:0 0 32px 54px}.milestone-track{position:absolute;left:0;top:0;height:100%;width:35px}.milestone-track:before{left:17px;top:17px;bottom:0;width:1px;height:auto;right:auto}.milestone-date{margin-top:0;padding-top:8px}.milestone h3{font-size:30px}.current{padding:0 18px 24px 54px;background:#e3e6d8}.current .milestone-track{left:0}.progress-footer{flex-direction:column;gap:12px}.progress-intro p{font-size:15px}}

.site-photo-proposal{margin:40px 0 30px;padding-top:38px;border-top:1px solid #d5cbb8}.photo-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.photo-heading h3{font-size:40px}.photo-heading .eyebrow{margin-bottom:12px}.photo-heading>p{font-size:14px;color:var(--muted)}.site-photo-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.photo-placeholder{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #c6cabb;background:#e2e6da;color:#586950;overflow:hidden}.photo-placeholder>div{padding:30px}.photo-placeholder strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;font-weight:500}.photo-placeholder small{display:block;font-size:10px;letter-spacing:.12em;margin-top:12px;color:#68715f}.photo-number{position:absolute;top:16px;left:20px;font-size:12px;letter-spacing:.1em}.photo-symbol{display:block;font-size:38px;font-weight:300;margin-bottom:18px;color:#93a087}.photo-enlarge{position:absolute;bottom:15px;right:20px;font-size:12px}.site-photo-main .photo-placeholder{height:461px}.photo-secondary{display:grid;gap:22px}.photo-secondary .photo-placeholder{height:190px;background:#e8e6dd}.site-photo-grid figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px}.site-photo-grid figcaption strong{font-weight:500}.site-photo-grid figcaption span{color:var(--muted);font-size:11px}.photo-design-note{font-size:11px;color:var(--muted);margin-top:24px;line-height:1.7}.photo-secondary figcaption{flex-direction:column;gap:3px}@media(max-width:600px){.site-photo-grid{grid-template-columns:1fr}.photo-heading{display:block}.photo-heading>p{margin-top:14px}.photo-heading h3{font-size:34px}.site-photo-main .photo-placeholder{height:250px}.photo-secondary{grid-template-columns:1fr 1fr;gap:12px}.photo-secondary .photo-placeholder{height:175px}.photo-placeholder>div{padding:12px}.photo-secondary .photo-placeholder strong{font-size:23px}.photo-placeholder small{font-size:9px}.site-photo-grid figcaption{flex-direction:column}.photo-design-note{font-size:11px}}
.construction-sale{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #d5cbb8;padding:24px 0}.construction-sale span,.construction-sale strong{display:block;font-size:14px}.construction-sale span{color:var(--muted);margin-bottom:8px}.construction-sale strong{font-weight:500}@media(max-width:600px){.construction-sale{grid-template-columns:1fr;gap:20px}}
/* A single, gentle camera move; the architecture remains an unchanged image. */
@keyframes hero-camera{from{transform:scale(1) translateY(0)}to{transform:scale(1.035) translateY(-3px)}}
@keyframes hero-distance{from{transform:translateX(-.35%) scale(1.012)}to{transform:translateX(.35%) scale(1)}}
@keyframes hero-arrival{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
.hero.motion-ready .house-render{transform-origin:55% 65%;animation:hero-camera 12s cubic-bezier(.2,.1,.25,1) both}
.hero.motion-ready>.tatry-wide-backdrop{animation:hero-distance 12s ease-out both}
.hero.motion-ready .hero-copy{animation:hero-arrival 1.1s ease-out both}
.hero.motion-paused .house-render,.hero.motion-paused>.tatry-wide-backdrop,.hero.motion-paused .hero-copy{animation-play-state:paused}
}
.hero-motion-toggle{position:absolute;right:5%;bottom:12px;z-index:4;border:1px solid #d5cbb8;background:#faf8f3eb;color:var(--ink);border-radius:3px;padding:7px 12px;font-size:14px;min-height:40px}
.hero-image figcaption{bottom:57px}
@media(max-width:900px){.hero-motion-toggle{position:relative;display:block;margin:16px 0 0 auto;right:auto;bottom:auto}}
.hero-motion-toggle[hidden]{display:none}
/* Explicit row spacing contributes to the stacked layout's intrinsic height. */
.floor-layout{row-gap:35px;column-gap:5%}
/* Keep navigation available when the visitor reverses scroll direction. */
body>header{position:sticky;top:0;z-index:30;background:var(--paper);transition:transform .24s ease,box-shadow .24s ease}
body>header.nav-scrolled{box-shadow:0 5px 18px #1b352b0d}
body>header.nav-hidden{transform:translateY(-105%);pointer-events:none}
body>header:focus-within{transform:translateY(0);pointer-events:auto}
html{scroll-padding-top:calc(var(--navigation-height,112px) + 16px)}
@media(prefers-reduced-motion:reduce){body>header{transition:none}}