/* VSX15: clean, Bellini-scoped extraction of the final Nancy F1 effective
   typography, surfaces and grid. Source-specific picture ratios stay Bellini. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Inter:wght@300;400;500;600&display=swap');
:root{--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:Inter,Arial,Helvetica,sans-serif;--paper:#fbf8f2;--alternate:#f0ece4;--ink:#151411;--body:#35322e;--bronze:#a35f30;--rule:#d7cec1;--gutter:40px;--content:1360px;--header:82px;--h1:68px;--h1-lh:.94;--h1-track:-.04em;--h2:58px;--h2-lh:.98;--h2-track:-.035em;--weight:300;--body-size:16.5px;--body-lh:1.55;--body-track:-.004em;--caption:9px;--caption-weight:500;--caption-track:.18em;--caption-gap:12px;--copy-gap:26px;--composition-gap:46px;--section-pad:108px;--intro-lead:18.5px;--intro-lead-lh:1.52;--intro-body:17px;--intro-body-lh:1.58;--name-size:11px;--cta-title:66px}
*{box-sizing:border-box}html{scroll-padding-top:var(--header);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}p,h1,h2,figure{margin:0}img,picture{display:block}a{color:inherit}button{cursor:pointer}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:200;padding:18px;background:var(--paper)}
:is(a,button):focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:38px;height:var(--header);padding:0 52px;border-bottom:1px solid var(--rule);background:rgba(251,248,242,.97);backdrop-filter:blur(12px)}
.brand{display:block;width:307.1875px;line-height:0}.brand img{width:100%;height:56.921875px;object-fit:contain;object-position:left center}
.primary-nav{display:flex;align-items:center;justify-content:center;gap:34px}.primary-nav a{text-decoration:none;font:500 11px/1.55 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:47px;padding:12px 18px;border:1px solid var(--bronze);border-radius:0;background:var(--bronze);color:white;font:500 11px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase;text-decoration:none;transition:background .25s ease,color .25s ease}
.button:hover{background:#7d431f}.button span{transition:transform .3s ease}.button:hover span{transform:translateX(4px)}
.header-cta{justify-self:end;width:330px;height:58px;padding:12px 25px;background:transparent;color:var(--bronze);font-size:11.5px;white-space:nowrap}.header-cta:hover{color:var(--paper)}
.menu-toggle{display:none;width:46px;height:46px;padding:11px;background:transparent;border:1px solid #d1c7bb;border-radius:0;color:var(--ink)}.menu-toggle span:not(.sr-only){display:block;width:20px;height:1px;margin:5px 0;background:currentColor}
.container{width:min(calc(100% - 2 * var(--gutter)),var(--content));margin-inline:auto;min-width:0}
.chapter{border-bottom:1px solid var(--rule);background:var(--alternate);scroll-margin-top:var(--header)}.chapter:nth-child(even){background:var(--paper)}
.chapter>.container{padding-block:var(--section-pad)}h1,h2{font-family:var(--serif);font-weight:var(--weight)}h1{font-size:var(--h1);line-height:var(--h1-lh);letter-spacing:var(--h1-track);color:#111}h2{font-size:var(--h2);line-height:var(--h2-lh);letter-spacing:var(--h2-track);color:var(--ink)}
.body-copy{font:400 var(--body-size)/var(--body-lh) var(--sans);letter-spacing:var(--body-track);color:var(--body)}h2+.body-copy{margin-top:var(--copy-gap)}.body-copy p+p{margin-top:18px}
.figure{min-width:0}.image-frame{width:100%;aspect-ratio:var(--image-ratio,1.25);border:1px solid var(--bronze);background:var(--paper);overflow:hidden;line-height:0}.image-frame picture,.image-frame img{width:100%;height:100%}.image-frame img{object-fit:contain;object-position:center;cursor:default}
.figure figcaption,.caption{font:var(--caption-weight) var(--caption)/1.35 var(--sans);letter-spacing:var(--caption-track);color:var(--bronze);text-transform:uppercase;margin-top:var(--caption-gap)}
.project-identity{margin-bottom:40px}.project-name{font:500 var(--name-size)/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#111}.project-meta{margin-top:10px;font:400 var(--name-size)/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#4e4e4e}
.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:calc(100svh - var(--header))}.project-intro>.container{padding-block:38px}.intro-copy{min-width:0}.intro-body{margin-top:34px;font:400 var(--intro-body)/var(--intro-body-lh) var(--sans);letter-spacing:normal;color:#4e4e4e}.intro-body p:first-child{font:500 var(--intro-lead)/var(--intro-lead-lh) var(--sans);letter-spacing:-.006em;color:#35322e}.intro-body p+p{margin-top:22px}
.hero-frame{--image-ratio:1.009956}.hero-frame img{object-fit:cover}.hero-figure{width:100%;max-width:calc((100svh - 180px)*1.009956);justify-self:end}
.motorcycle-layout,.fireplace-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--composition-gap);align-items:center}.motorcycle-layout .figure{width:min(100%,calc(100svh - 2 * var(--section-pad) - 110px))}.motorcycle-layout .image-frame{--image-ratio:1}.fireplace-layout{grid-template-columns:1fr 1.6fr}.fireplace-layout .figure{width:min(100%,calc((100svh - 2 * var(--section-pad) - 110px)*1.25));justify-self:end}
.chapter-stack{display:flex;flex-direction:column;gap:var(--composition-gap)}.chapter-heading{width:100%}.chapter-heading .body-copy{max-width:100%}
.chapter-panorama .chapter-heading{text-align:center}.panorama-proof{width:100%}.chapter-panorama .image-frame{--image-ratio:3800/2138}
.composition-pair{display:grid;gap:24px;align-items:start}.pair-caption{grid-column:1/-1;margin-top:calc(var(--caption-gap) - 24px)}
.pair-kitchen{grid-template-columns:1.777362fr .649926fr}.pair-kitchen .figure:first-child .image-frame{--image-ratio:3800/2138}.pair-kitchen .figure:nth-child(2) .image-frame{--image-ratio:2200/3385}
.suite-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--composition-gap);align-items:center}.suite-copy>.figure{width:70%;margin-top:var(--composition-gap)}.suite-main{width:100%}
.pair-bath{grid-template-columns:1fr 1fr}.pair-office{grid-template-columns:1.248581fr .699964fr}.pair-office .figure:first-child .image-frame{--image-ratio:3300/2643}.pair-office .figure:nth-child(2) .image-frame{--image-ratio:2500/3571}
.pair-guest{grid-template-columns:.71991fr 1.777778fr}.pair-guest .figure:first-child .image-frame{--image-ratio:2160/3000}.pair-guest .figure:nth-child(2) .image-frame{--image-ratio:16/9}
[data-image="bellini-archive-primary-bath-vanity"] img{transform:scale(1.33);transform-origin:18% 60%}
[data-image="bellini-apartment-guest-bath-front-view"] img{transform:scale(1.142857142857);transform-origin:100% 53.333333%}
.final-cta{background:#e7ded3!important;border-top:1px solid var(--bronze)}.cta-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center}.final-cta h2{font-size:var(--cta-title)}.cta-action .body-copy{font:400 17px/1.6 Georgia,"Times New Roman",serif;letter-spacing:normal;color:#655f57;margin-bottom:30px}.cta-action .button{display:flex;width:100%}
.project-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 72px;background:rgba(251,248,242,.97)}.project-footer img{width:220px;height:40px;object-fit:contain;object-position:left center}.project-footer p,.project-footer span{font:700 8px/1 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.project-footer span{justify-self:end}.mobile-sticky-cta{display:none}
@media (max-width:1550px) and (min-width:1401px){:root{--gutter:117.333px;--h1:52px;--h1-lh:.95;--h2:50px;--body-size:15px;--body-lh:1.52;--copy-gap:22px;--composition-gap:40px;--section-pad:72px;--intro-lead:17px;--intro-lead-lh:1.5;--intro-body:15.5px;--intro-body-lh:1.52;--name-size:10px;--cta-title:58px}.intro-layout{gap:64px}.project-intro>.container{padding-block:24px}.site-header{gap:26px;padding-inline:36px}.brand{width:286px}.header-cta{width:300px;font-size:10.5px;padding-inline:18px}.project-footer{padding-inline:var(--gutter)}}
@media (max-width:1400px){:root{--gutter:105.6px;--h1:46px;--h1-lh:.95;--h2:44px;--body-size:13.75px;--body-lh:1.48;--caption:8.25px;--caption-gap:9px;--copy-gap:18px;--composition-gap:34px;--section-pad:52px;--intro-lead:16.5px;--intro-lead-lh:1.48;--intro-body:14.5px;--intro-body-lh:1.48;--name-size:9.5px;--cta-title:50px}.intro-layout{gap:56px}.project-intro>.container{padding-block:20px}.project-meta{margin-top:7px}.site-header{gap:24px;padding-inline:36px}.brand{width:286px}.header-cta{width:300px;font-size:10.5px;padding-inline:18px}.project-footer{padding-inline:var(--gutter)}}
/* Exact landscape profiles from Nancy T1 → T2 → T4. */
@media (width:1024px) and (height:768px),(width:1280px) and (height:800px),(width:1366px) and (height:1024px){
:root{--gutter:clamp(48px,5.5vw,75px);--content:1216px;--ink:#2a2925;--body:#4c4842;--h1:clamp(42px,4.5vw,61px);--h1-lh:.98;--h1-track:-.035em;--h2:clamp(33px,3.35vw,46px);--h2-lh:1.03;--h2-track:-.026em;--weight:400;--body-size:clamp(13.5px,1.18vw,16px);--body-lh:1.58;--body-track:-.006em;--caption:9px;--caption-gap:11px;--caption-track:1.45px;--copy-gap:clamp(10px,1.25vh,14px);--composition-gap:clamp(38px,4.5vw,66px);--section-pad:clamp(32px,4svh,44px);--intro-body:clamp(13px,1.12vw,15.5px);--intro-body-lh:1.55;--cta-title:clamp(44px,4.35vw,60px)}
.site-header{padding-inline:clamp(41px,4vw,48px);gap:clamp(18px,2.5vw,34px);grid-template-columns:auto 1fr auto;background:rgba(255,253,249,.98);border-color:rgba(163,95,48,.28)}.brand{width:clamp(235.5px,21.36vw,252px)}.brand img{height:auto}.primary-nav{gap:clamp(28px,2.55vw,35px)}.primary-nav a{font-size:10px;letter-spacing:1.4px;min-height:44px;display:flex;align-items:center}.header-cta{width:330px;font-size:11.5px;padding:12px 24px}
.chapter{min-height:min(calc(100svh - 82px),820px);display:grid;align-items:center}.project-intro>.container{padding-block:var(--section-pad);min-height:0;gap:clamp(42px,5.2vw,72px)}h1{color:var(--ink)}.project-name{font:400 clamp(18px,1.75vw,24px)/1.1 var(--serif);letter-spacing:.04em;color:var(--ink)}.project-meta{font:500 clamp(9px,.8vw,10.5px)/1.45 var(--sans);letter-spacing:.13em;color:var(--bronze);margin-top:10px}.project-identity{margin-bottom:26px}.intro-body{color:var(--body);margin-top:26px}.image-frame{background:#e9e2d9}.final-cta h2{line-height:1;letter-spacing:-.032em}.cta-action .body-copy{font:400 var(--body-size)/1.58 var(--sans);color:var(--body)}.cta-action .button{min-height:54px;padding:15px 22px}.project-footer{gap:24px}.project-footer p,.project-footer span{font:500 8px/1.2 var(--sans);letter-spacing:.16em}
}
@media (width:1024px) and (height:768px){:root{--h1:42px;--intro-body-lh:1.5}.site-header{gap:18px}.menu-toggle{display:block;justify-self:center}.primary-nav{display:none;position:absolute;top:82px;left:0;right:0;padding:20px 41px;background:var(--paper);border-bottom:1px solid var(--rule)}.primary-nav.is-open{display:flex}.header-cta{width:320px;height:46px;font-size:11px;padding:12px 25px}}
/* Portrait typography and menu follow final P1–P5; proof ratios remain Bellini. */
@media (orientation:portrait) and (min-width:768px) and (max-width:1024px){
:root{--gutter:clamp(40px,6.25vw,64px);--ink:#2a2925;--body:#4c4842;--h1:clamp(44px,5.25vw,58px);--h1-lh:1;--h1-track:-.035em;--h2:clamp(44px,5.25vw,58px);--h2-lh:1;--h2-track:-.035em;--weight:300;--body-size:clamp(15px,1.72vw,17px);--body-lh:1.62;--caption:10px;--caption-weight:600;--caption-track:.15em;--caption-gap:12px;--copy-gap:18px;--composition-gap:clamp(34px,4.2vw,48px);--section-pad:52px;--cta-title:clamp(48px,5.6vw,60px)}
.site-header{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);padding-inline:clamp(24px,3.25vw,34px);gap:16px;background:rgba(255,253,249,.98);border-color:#d1c7bb}.brand{width:clamp(210px,27vw,244px)}.brand img{height:auto}.menu-toggle{display:block;grid-column:2}.header-cta{grid-column:3;width:clamp(240px,30.5vw,270px);height:46px;font-size:9px;font-weight:600;letter-spacing:.055em;padding:0 12px}.primary-nav{display:none;position:absolute;inset:82px 0 auto;padding:22px var(--gutter);background:var(--paper);border-bottom:1px solid var(--rule)}.primary-nav.is-open{display:flex;flex-wrap:wrap;gap:26px}.primary-nav a{font-size:12px;line-height:1.2;letter-spacing:.08em;min-height:44px;display:flex;align-items:center}
.chapter{background:var(--paper)}.chapter:nth-child(even){background:var(--alternate)}h1{color:var(--ink)}.project-intro>.container{padding-block:52px}.intro-layout{min-height:0;grid-template-columns:1fr 1fr;gap:clamp(34px,4.5vw,42px);align-items:center}.project-identity{margin-bottom:28px}.project-name{font:500 12px/1.3 var(--sans);letter-spacing:.14em;color:var(--ink)}.project-meta{font:500 9px/1.45 var(--sans);letter-spacing:.12em;color:#6f685f;margin-top:10px}.intro-body{margin-top:28px}.intro-body p+p{margin-top:14px}.image-frame{background:transparent}
.motorcycle-layout{grid-template-columns:1.12fr 1fr}.motorcycle-layout .figure{width:100%}.fireplace-layout{grid-template-columns:1fr;gap:var(--composition-gap)}.fireplace-layout .body-copy{max-width:520px}.fireplace-layout .figure{width:100%;max-width:calc((100svh - 470px)*1.25);justify-self:center}.chapter-panorama .chapter-heading{text-align:left}
.suite-layout{grid-template-columns:1fr 1fr;align-items:center}.suite-copy>.figure{width:100%}.chapter-guest .chapter-stack{gap:var(--composition-gap)}
.cta-layout{grid-template-columns:1fr;gap:30px}.final-cta h2{line-height:.99}.cta-action .body-copy{font:400 var(--body-size)/1.62 var(--sans);color:var(--body);max-width:540px;margin-bottom:0}.cta-action .button{max-width:430px;min-height:54px;padding:12px 22px;margin-top:24px}.project-footer{padding-inline:var(--gutter);gap:26px}.project-footer img{width:190px}.project-footer p,.project-footer span{font:500 9px/1.35 var(--sans);letter-spacing:.11em}.project-footer p{text-align:center}
}
/* Final Nancy M3 visual language, natural phone scroll and all 14 Bellini proofs. */
@media(max-width:767.98px){
:root{--header:64px;--gutter:20px;--alternate:#f3efe8;--ink:#181714;--body:#4d4842;--h1:clamp(40px,11vw,47px);--h1-lh:.94;--h1-track:-.027em;--h2:clamp(38px,10.5vw,45px);--h2-lh:.96;--h2-track:-.025em;--weight:400;--body-size:16px;--body-lh:1.58;--body-track:normal;--caption:10px;--caption-weight:600;--caption-track:.13em;--caption-gap:11px;--copy-gap:17px;--composition-gap:31px;--section-pad:clamp(48px,12vw,58px)}
.site-header{grid-template-columns:1fr 48px;height:64px;padding:0 18px;gap:24px;border-color:#bbb3a8}.brand{width:min(190px,calc(100vw - 92px))}.brand img{height:auto}.header-cta{display:none}.menu-toggle{display:block;justify-self:end;width:44px;height:44px;border-color:var(--bronze)}.menu-toggle span:not(.sr-only){margin:2.5px 0}.primary-nav{display:none;position:fixed;inset:64px 0 auto;width:100%;padding:12px 20px 20px;background:var(--paper);border-bottom:1px solid rgba(35,31,27,.2)}.primary-nav.is-open{display:grid;grid-template-columns:1fr;gap:0}.primary-nav a{display:flex;align-items:center;min-height:48px;padding:12px 4px;border-bottom:1px solid rgba(35,31,27,.2);font:500 12px/1.3 Inter,Arial,sans-serif;letter-spacing:.08em}
.chapter{height:auto;min-height:0;background:var(--paper)}.chapter:nth-child(even){background:var(--alternate)}.chapter>.container{display:flex;flex-direction:column;gap:31px;min-height:0;padding-block:var(--section-pad);align-items:stretch}
h1,h2{color:var(--ink)}h1,h2,.body-copy{overflow-wrap:break-word}h1,h2{font-family:"Cormorant Garamond",Georgia,serif}.body-copy{font-family:Inter,Arial,sans-serif}
.chapter .chapter-heading{text-align:left}.chapter-heading .body-copy{max-width:none}.motorcycle-copy{order:-1}.motorcycle-layout .figure,.fireplace-layout .figure,.hero-figure{width:calc(100% + 2 * var(--gutter));max-width:none;margin-inline:calc(-1 * var(--gutter))}
.project-intro>.container{padding-top:34px}.project-identity{margin:0 0 29px;padding-bottom:17px;border-bottom:1px solid rgba(35,31,27,.2)}.project-name{font:400 26px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.015em;text-transform:none;color:var(--ink)}.project-meta{margin-top:7px;font:600 9.5px/1.5 Inter,Arial,sans-serif;letter-spacing:.105em;color:#6d675f}.intro-body{margin-top:34px;color:var(--body);font:400 14px/21.5px Inter,Arial,sans-serif}.intro-body p:first-child{font:400 14px/21.5px Inter,Arial,sans-serif;letter-spacing:normal;color:var(--body)}.intro-body p{max-width:39ch}.intro-body p+p{margin-top:8px}
.panorama-proof,.composition-pair{width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter))}.composition-pair{grid-template-columns:1fr;gap:14px}.pair-caption{margin-top:calc(var(--caption-gap) - 14px)}
.image-frame{background:transparent}.figure figcaption,.caption{padding-inline:var(--gutter);color:var(--ink);font-family:Inter,Arial,sans-serif}.suite-copy>.figure{width:65%;margin-top:31px}.suite-main{width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter))}
.final-cta{background:#e5ded3!important;border-block:1px solid var(--bronze)}.final-cta>.container{padding-block:58px 60px;gap:30px}.final-cta h2{font-size:var(--h2);line-height:.96;letter-spacing:-.025em}.cta-action .body-copy{font:400 16px/1.58 Inter,Arial,sans-serif;color:var(--body);margin:17px 0 0}.cta-action .button{min-height:52px;margin-top:23px;padding:13px 14px;font:600 11px/1.3 Inter,Arial,sans-serif;letter-spacing:.045em;color:#fffaf3}
.project-footer{height:auto;display:grid;grid-template-columns:1fr;justify-items:center;gap:11px;padding:23px var(--gutter) calc(76px + env(safe-area-inset-bottom));background:#ddd5ca;text-align:center}.project-footer img{width:190px;height:auto}.project-footer p,.project-footer span{justify-self:center;font:600 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.105em;color:#6d675f}
.mobile-sticky-cta{position:fixed;z-index:75;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;min-height:49px;padding:10px 14px;background:var(--bronze);border:1px solid var(--bronze);color:#fffaf3;font:600 clamp(10.5px,2.9vw,12px)/1.25 Inter,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;text-align:center;text-decoration:none;visibility:hidden;opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s ease,visibility .42s}.mobile-sticky-cta.is-visible{visibility:visible;opacity:1;transform:none}
}
@media(max-width:374px){:root{--gutter:18px;--h1:40px;--h2:38px}.project-name{font-size:24px}}
@media(min-width:420px) and (max-width:767.98px){:root{--gutter:22px}}
/* Exact visible introduction detailing, measured in the final reference. */
.project-identity{padding-bottom:24px;border-bottom:1px solid #d9d3c7;margin-bottom:44px}
.copy-rule{width:52px;height:1px;background:var(--bronze);margin:31px 0}
.intro-body{margin-top:0}
@media(max-width:1550px) and (min-width:1401px){.project-identity{padding-bottom:20px;margin-bottom:34px}.copy-rule{margin-block:25px}}
@media(max-width:1400px){.project-identity{padding-bottom:17px;margin-bottom:28px}.copy-rule{margin-block:22px}}
@media(width:1024px) and (height:768px),(width:1280px) and (height:800px),(width:1366px) and (height:1024px){.project-identity{margin-bottom:clamp(25px,3.25vh,34px)}.copy-rule{margin-block:clamp(20px,2.6vh,28px)}}
@media(orientation:portrait) and (min-width:768px) and (max-width:1024px){.intro-layout{position:relative}.project-intro>.container{padding-top:134px}.project-identity{position:absolute;top:40px;left:0;width:100%;margin:0;border-color:#d1c7bb}.copy-rule{margin-block:22px}}
@media(max-width:767.98px){.project-identity{padding-bottom:17px;margin-bottom:29px;border-color:rgba(35,31,27,.2)}.copy-rule{margin:18px 0 16px}}
.chapter{scroll-margin-top:0}
.primary-nav a{color:#2a2925}
.cta-action .button span{font-size:22px;font-weight:400;line-height:inherit;transition:transform 260ms cubic-bezier(.22,1,.36,1)}
.cta-action .button:is(:hover,:focus-visible) span{transform:translateX(5px)}
@media(min-width:768px){.cta-action .button:focus-visible{outline:3px solid color-mix(in srgb,var(--bronze),white 28%);outline-offset:3px}}
.menu-toggle{place-content:center}
@media(width:1024px) and (height:768px),(orientation:portrait) and (min-width:768px) and (max-width:1024px),(max-width:767.98px){
 .menu-toggle{display:inline-grid}
 .menu-toggle span:not(.sr-only){margin:2.5px 0;transition:transform .26s ease,opacity .2s ease}
 .menu-toggle[aria-expanded="true"] span:nth-child(2){transform:translateY(6px) rotate(45deg)}
 .menu-toggle[aria-expanded="true"] span:nth-child(3){opacity:0}
 .menu-toggle[aria-expanded="true"] span:nth-child(4){transform:translateY(-6px) rotate(-45deg)}
}
@media(min-width:1025px) and (orientation:landscape){.project-footer{color:#211f1b}}
@media(width:1280px) and (height:800px),(width:1366px) and (height:1024px){.project-footer{color:#2a2925}}
@media(max-width:767.98px){.primary-nav a{color:var(--ink)}}
/* Wide/paired desktop proofs use the remaining chapter row. Container units
   bound complete source-ratio images without clipping copy or forcing a crop. */
@media(min-width:1025px) and (orientation:landscape),(width:1024px) and (height:768px){
 .chapter-stack{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100svh - var(--header) - 1px);min-height:0}
 .panorama-proof,.composition-pair{height:100%;min-height:0;container-type:size;display:grid;grid-template-columns:auto;grid-template-rows:auto auto;align-content:center;justify-content:center;gap:var(--caption-gap) 24px}
 .panorama-proof>.figure{width:min(100cqw,calc((100cqh - 26px)*1.777362))}
 .panorama-proof>.caption,.composition-pair>.caption{margin-top:0}
 .composition-pair{grid-template-columns:auto auto;--r1:1.25;--r2:1.25;--rh:min(calc((100cqw - 24px)/(var(--r1) + var(--r2))),calc(100cqh - 26px))}
 .composition-pair>.figure:first-child{width:calc(var(--rh)*var(--r1))}
 .composition-pair>.figure:nth-child(2){width:calc(var(--rh)*var(--r2))}
 .pair-kitchen{--r1:1.777362;--r2:.649926}.pair-office{--r1:1.248581;--r2:.699964}.pair-guest{--r1:.71991;--r2:1.777778}
 .chapter-panorama>.container{padding-block:calc(var(--section-pad)*.76)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}