@font-face{font-family:Caslon;src:url("assets/LibreCaslonDisplay-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("assets/BodoniModa-Medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Source;src:url("assets/SourceSans3-Variable.ttf") format("truetype");font-weight:200 900;font-display:swap}
:root{color-scheme:light;--paper:#fffdfa;--stone:#f2eee8;--ink:#272521;--muted:#655f58;--line:#dcd6cd;--night:#f2eee8;--light:#ffffff;--side:clamp(20px,4vw,168px);--header-height:64px;--body-size:clamp(18px,1.12vw,30px);--small-size:clamp(14px,.8vw,22px);font-family:Source,Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
html{scroll-behavior:auto;scroll-padding-top:0}
#details,#construction-detail,#physical-sample,#finishes,.journal-prose section[id],.journal-prose h2[id],.journal-sources li[id]{scroll-margin-top:calc(var(--header-height) + 16px)}
body{margin:0;font-size:var(--body-size);line-height:1.5;-webkit-font-smoothing:antialiased;background:var(--paper)}
main,section,article,figure,nav,div{min-width:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid #a75f2d;outline-offset:5px}
img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
svg{display:block;max-width:100%}
[hidden]{display:none!important}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;line-height:1.02;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}
p{overflow-wrap:break-word}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 18px;background:var(--paper);color:var(--ink)}
.skip-link:focus{top:12px}
.site-header{position:fixed;inset:0 0 auto;z-index:20;height:var(--header-height);display:flex;align-items:center;gap:clamp(20px,1.8vw,48px);padding:6px var(--side);color:var(--ink);background:var(--paper);border-bottom:1px solid #e6e0d6;transition:background .2s ease,box-shadow .2s ease}
.site-header::before{content:none;background:none}
.wordmark{display:inline-flex;align-items:center;min-height:44px;font:clamp(32px,1.9vw,52px)/1 Caslon,Georgia,serif;letter-spacing:.2em;white-space:nowrap;flex-shrink:0}
.site-header nav{display:flex;align-items:center;gap:clamp(22px,2vw,52px);margin-left:auto}
.site-header nav a{display:flex;align-items:center;min-height:44px;font-size:clamp(18px,1vw,28px);font-weight:500;white-space:nowrap;text-shadow:none}
.site-header nav a:hover,.site-header nav a[aria-current=page],.site-header nav a[aria-current=location]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.index-open{display:inline-flex;align-items:center;min-height:44px;padding:6px 15px;border:1px solid #bdb4a8;border-radius:0;background:transparent;color:var(--ink);font-size:clamp(16px,.9vw,24px);line-height:1.25;white-space:nowrap;flex-shrink:0}
.index-open span{font-size:clamp(12px,.65vw,18px);margin-left:12px;font-variant-numeric:tabular-nums}
.site-header.is-scrolled,.is-scrolled .site-header{background:rgba(255,253,250,.97);color:var(--ink);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 6px #2725210a}
.section-shell{width:calc(100% - var(--side)*2);max-width:2800px;margin-inline:auto}
.eyebrow{font-size:clamp(13px,.8vw,24px);font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(17px,1vw,28px);border-bottom:1px solid currentColor}
.text-link:hover,.caption-action:hover{text-decoration:underline;text-underline-offset:5px}
.space-gallery{padding:0;background:var(--paper)}
.gallery-row,.gallery-row:last-child,.gallery-row.opening-row{width:100%;max-width:none;margin:0;padding:0}
.room-card{position:relative;display:block;width:100%;height:100svh;height:100dvh;min-width:0;margin:0;padding:0;scroll-margin-top:0;background:var(--paper);color:var(--ink);isolation:isolate;overflow:hidden}
.room-media{position:absolute;inset:0;display:block;min-width:0;min-height:0;width:100%;height:100%;line-height:0;overflow:hidden;opacity:1;filter:none}
.room-media picture,.room-picture{display:block;width:100%;height:100%;overflow:hidden}
.room-media img{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:50% 50%;opacity:1;filter:none}
.room-card::after{content:none;background:none}
.room-caption{position:absolute;z-index:2;left:var(--side);right:auto;bottom:clamp(20px,3svh,64px);display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(20px,2vw,52px);width:max-content;max-width:min(1220px,calc(100% - var(--side)*2));padding:clamp(16px,1vw,32px) clamp(20px,1.5vw,44px);background:var(--paper);color:var(--ink);text-shadow:none}
.caption-title{max-width:42rem;min-width:0}
.caption-title .eyebrow{font-size:clamp(12px,.72vw,22px);margin-bottom:8px;letter-spacing:.08em;color:var(--muted)}
.image-number{font-size:clamp(12px,.7vw,20px);font-weight:500;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.room-caption h1,.room-caption h3{font-size:clamp(34px,2.6vw,88px);line-height:1.02;max-width:22ch}
.room-finish{font-size:clamp(16px,.95vw,28px);line-height:1.4;margin-top:8px;color:var(--muted)}
.caption-meta{display:flex;flex-shrink:0;align-items:flex-end;justify-content:flex-end;min-height:44px;font-size:var(--small-size)}
.caption-action{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:clamp(15px,.9vw,26px);border-bottom:1px solid currentColor;color:inherit}
.hero{height:100svh;height:100dvh;margin:0}
.hero::after{content:none;background:none}
.hero .room-caption{left:var(--side);right:var(--side);bottom:clamp(112px,12svh,260px);display:block;width:auto;max-width:none;padding:0;background:none;color:white;text-shadow:0 2px 9px #0005}
.hero-kicker{font:500 clamp(15px,1vw,30px)/1.4 Source,Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-bottom:clamp(16px,2svh,40px);color:white}
.hero .room-caption h1{font-size:clamp(64px,min(7.2vw,14svh),260px);line-height:.9;letter-spacing:-.035em;max-width:10ch}
.hero .room-caption h1 span{display:block}
.hero .caption-title{max-width:none}
.hero .caption-meta{display:none}
.hero .room-finish{margin-top:clamp(18px,2svh,38px);font-size:clamp(18px,1.25vw,36px);color:white}
.hero-bottom{position:absolute;z-index:3;left:var(--side);right:var(--side);bottom:clamp(16px,2.5svh,54px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:white;font-size:clamp(17px,1vw,30px);letter-spacing:.02em;text-shadow:0 1px 6px #0005}
.hero-bottom a{display:inline-flex;align-items:center;gap:20px;min-height:44px}
.hero-bottom>span{font-size:clamp(15px,.85vw,26px);letter-spacing:.08em;font-variant-numeric:tabular-nums}
.hero-bottom>span span{margin-inline:8px}
.picture-credit{position:absolute;z-index:3;right:var(--side);bottom:clamp(72px,6svh,132px);font-size:clamp(13px,.75vw,22px);color:white;text-shadow:0 1px 6px #0005}
.editorial-intro{width:100%;max-width:none;margin:0;padding:clamp(56px,6vw,160px) var(--side);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 8%;align-items:end;background:var(--paper);color:var(--ink)}
.editorial-intro>.eyebrow{grid-column:1/-1}
.editorial-intro h2{font-size:clamp(56px,5.5vw,200px);max-width:13ch;line-height:.98}
.editorial-intro>div{justify-self:end;max-width:40ch;padding-bottom:7px}
.editorial-intro>div>p{font-size:var(--body-size);line-height:1.6;color:var(--muted)}
.editorial-intro .text-link{margin-top:22px}
.chapter-heading{width:100%;max-width:none;margin:0;padding:clamp(56px,6vw,160px) var(--side);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:44px 9%;background:var(--paper);color:var(--ink)}
.chapter-heading h2{font-size:clamp(60px,5.6vw,210px);line-height:.98;margin-top:18px;max-width:12ch}
.chapter-heading>div:last-child{max-width:42ch;justify-self:end;font-size:var(--body-size);line-height:1.6;color:var(--muted)}
.chapter-heading .text-link{margin-top:20px;color:var(--ink)}
.palette.section-shell{width:100%;max-width:none;margin:0;padding:clamp(64px,7vw,116px) var(--side);background:var(--paper);color:var(--ink)}
.palette>*{max-width:2800px;margin-inline:auto}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:54px}
.section-top h1,.section-top h2{font-size:clamp(56px,5.4vw,200px);line-height:.98;margin-top:16px;max-width:14ch}
.section-top>p{font-size:var(--body-size);line-height:1.6;max-width:43ch;color:var(--muted);padding-bottom:5px}
.door-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 28px;align-items:start}
.finish-card{min-width:0;scroll-margin-top:calc(var(--header-height) + 20px)}
.door-link{display:flex;justify-content:center;align-items:center;padding:0;background:transparent;min-height:0}
.door-image{display:block;width:100%;height:auto;aspect-ratio:324/388;overflow:hidden}
.door-link .door-image{width:100%;max-width:340px;aspect-ratio:324/388}
.finish-card-title{display:flex;align-items:baseline;gap:9px;margin-top:20px}
.finish-card-title .image-number{color:var(--muted);font-size:clamp(12px,.7vw,20px)}
.finish-card h3{font:500 clamp(17px,.95vw,28px)/1.35 Source,Arial,sans-serif;letter-spacing:0;text-wrap:initial}
.finish-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:7px}
.finish-links a{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(15px,.8vw,24px);color:var(--muted)}
.finish-links a:hover{text-decoration:underline;text-underline-offset:5px}
.palette-note{margin-top:35px;font-size:var(--small-size);color:var(--muted)}
.details{background:var(--stone);color:var(--ink);padding-block:clamp(56px,6vw,156px)}
.details .eyebrow,.details .section-top>p{color:var(--muted)}
.details .section-top{margin-bottom:54px}
.details .section-top h2{font-size:clamp(60px,5.8vw,210px);max-width:12ch}
.study-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:clamp(28px,4vw,72px)}
.study-grid figure,.sample-grid figure{min-width:0}
.study-grid figure>a,.sample-grid figure>a{display:block;position:relative}
.study-grid img{width:100%;height:auto;max-height:68svh;object-fit:contain}
.details figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:18px}
.details figcaption>span:first-child{font-size:clamp(20px,1.2vw,34px)}
.details figcaption>span:last-child{font-size:var(--small-size);color:var(--muted)}
.enlarge-mark{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #c8bfb3;background:var(--paper);color:var(--ink);font-size:28px;pointer-events:none}
.sample-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-block:clamp(64px,8vw,130px) 38px;scroll-margin-top:calc(var(--header-height) + 24px)}
.sample-heading h3{font-size:clamp(44px,3.8vw,136px);max-width:15ch}
.sample-heading p{font-size:var(--body-size);line-height:1.6;color:var(--muted);max-width:45ch}
.sample-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,120px);max-width:2200px;margin-inline:auto}
.sample-grid img{height:min(68svh,1100px);object-fit:contain}
.sample-grid figure>a{padding:clamp(12px,1.5vw,40px);background:#e9e3d9}
.material-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:28px 7%;margin-bottom:clamp(36px,5vw,68px)}
.material-intro h2{font-size:clamp(60px,5.6vw,210px);line-height:.98;margin-top:16px;max-width:15ch}
.material-lead{max-width:45ch;justify-self:end;color:var(--muted);font-size:var(--body-size);line-height:1.6}
.material-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,72px)}
.material-image{width:min(100%,1100px,70svh);justify-self:center}
.material-image-stage{position:relative;background:#e9e3d9}
.material-image-stage>img{display:block;width:100%;height:auto;object-fit:contain}
.material-image figcaption{font-size:var(--small-size);line-height:1.5;color:var(--muted);max-width:60ch}
.material-pin{--callout-shift:48px;position:absolute;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #827665;border-radius:50%;background:var(--paper);color:var(--ink);font-size:14px;font-weight:600;line-height:1;translate:-50% -50%;transform:translateX(var(--callout-shift));box-shadow:0 2px 8px #27252120;transition:background .2s,color .2s,border-color .2s}
/* Percentage anchors follow the photograph; offset labels leave the cut surfaces visible. */
.material-pin::before{content:"";position:absolute;pointer-events:none;top:50%;left:calc(50% - 48px);width:26px;height:1.5px;background:#fffdfa;box-shadow:0 1px 2px #27252180}
.material-pin::after{content:"";position:absolute;pointer-events:none;left:calc(50% - var(--callout-shift));top:50%;width:7px;height:7px;border:1px solid #6d5943;border-radius:50%;background:#fffdfa;translate:-50% -50%;box-shadow:0 0 0 2px #fffdfa80}
.material-pin[data-material-target=door]{--callout-shift:-48px;left:82.6%;top:31%}
.material-pin[data-material-target=door]::before{left:calc(50% + 22px)}
.material-pin[data-material-target=frame]{left:55.3%;top:47.5%}
.material-pin[data-material-target=box]{left:17.8%;top:40%}
.material-pin:hover,.material-pin[data-active=true],.material-pin[aria-pressed=true]{background:#c9b497;color:#221f1b;border-color:#6d5943;box-shadow:0 0 0 3px #fffdfab3}
.material-copy{max-width:45ch;min-width:0;padding-block:12px}
.material-copy h3{font-size:clamp(44px,3.5vw,128px);line-height:1.04;margin-block:18px 26px}
.material-copy>p:not(.eyebrow),#material-focus-description{font-size:var(--body-size);line-height:1.65;color:#514a42}
.material-copy .text-link{font-size:clamp(17px,1vw,28px);margin-top:24px}
.material-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.material-tabs button{min-height:44px;padding:10px 16px;border:1px solid #b3a695;border-radius:0;background:transparent;color:var(--ink);font-size:clamp(16px,.9vw,26px);line-height:1.4;text-align:left;max-width:100%}
.material-tabs button:hover,.material-tabs button[data-active=true],.material-tabs button[aria-pressed=true]{background:#ddd0bd;border-color:#a78d6b;color:#272521}
.material-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,104px);margin-top:clamp(42px,5vw,120px);padding-top:30px;border-top:1px solid #c8bfb3}
.material-facts article{min-width:0}
.material-facts article>span,.material-facts .image-number{display:block;font-size:var(--small-size);letter-spacing:.05em;color:var(--muted);margin-bottom:20px}
.material-facts h3{font-size:clamp(32px,2.5vw,86px);line-height:1.1;margin-bottom:18px}
.material-facts article>p{font-size:clamp(18px,1vw,28px);line-height:1.65;color:var(--muted);max-width:42ch}
.material-scope{font-size:var(--small-size);line-height:1.6;color:var(--muted);max-width:100ch;margin-top:28px}
.material-scope+.study-grid{margin-top:clamp(48px,6vw,120px);padding-top:clamp(32px,4vw,76px);border-top:1px solid #c8bfb3}
.collection-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:calc(var(--header-height) + 26px);padding-bottom:28px;color:var(--ink)}
.collection-intro h1{font-size:clamp(62px,5.4vw,190px);margin-top:10px}
.collection-links{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:clamp(17px,1vw,28px)}
.collection-links a{display:inline-flex;align-items:center;min-height:44px}
.palette.palette-primary{padding-top:calc(var(--header-height) + 46px)}
.case-page main{padding-top:var(--header-height)}
.case-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding-block:2px;font-size:clamp(15px,.85vw,25px);color:var(--muted)}
.case-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.case-stage{position:relative;display:block;width:100%;height:auto;margin:0;padding:0;background:var(--paper);color:var(--ink)}
.case-stage::after{content:none;background:none}
.case-image{position:relative;display:block;min-height:0;width:100%;height:calc(100svh - var(--header-height) - 48px);height:calc(100dvh - var(--header-height) - 48px);margin:0;overflow:hidden;opacity:1;filter:none}
.case-image img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:none}
.case-image .enlarge-mark{top:24px;bottom:auto;right:var(--side);z-index:2}
.case-caption{position:relative;width:100%;max-width:none;margin:0;padding:clamp(28px,3.5vw,96px) var(--side);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:7%;background:var(--paper);color:var(--ink);text-shadow:none}
.case-caption .eyebrow{color:var(--muted)}
.case-caption h1{font-size:clamp(48px,4.6vw,168px);margin-top:14px;max-width:24ch}
.case-caption>div:last-child{max-width:50ch;margin-left:auto;font-size:var(--body-size);line-height:1.6}
.render-label{display:block;margin-top:14px;font-size:var(--small-size);color:var(--muted)}
.case-follow.section-shell{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:72px var(--side);background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.selected-finish{display:flex;align-items:center;gap:34px}
.selected-door{display:block;width:35%;max-width:210px;flex-shrink:0}
.selected-finish h2{font-size:clamp(42px,3vw,110px);margin-block:12px}
.selected-finish p:not(.eyebrow){font-size:var(--body-size);color:var(--muted)}
.selected-finish .text-link{font-size:clamp(17px,1vw,28px);margin-top:20px}
.paired-room img{width:100%;height:auto;object-fit:contain}
.paired-room a>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:17px;font-size:clamp(17px,.9vw,26px)}
.paired-room a>div>span:first-child{font:clamp(34px,2.5vw,86px)/1.1 Caslon,Georgia,serif;text-transform:capitalize}
footer{padding:56px var(--side) 28px;background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px}
.footer-top p{font-size:var(--body-size);color:var(--muted)}
footer nav{display:flex;flex-wrap:wrap;gap:10px 32px;font-size:clamp(17px,1vw,28px)}
footer nav a{display:inline-flex;align-items:center;min-height:44px}
.footer-signature{display:block;margin-block:clamp(42px,6vw,140px);font:clamp(72px,21vw,780px)/.8 Caslon,Georgia,serif;letter-spacing:.04em;white-space:nowrap;max-width:100%}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted)}
.footer-bottom small{font-size:var(--small-size)}
.space-index{width:min(2200px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:32px 36px 44px;border:0;border-radius:0;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.space-index:not([open]){display:none}
.space-index::backdrop{background:rgba(75,68,59,.18);backdrop-filter:blur(5px)}
.index-header{position:sticky;top:-32px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;padding-block:8px 22px;background:var(--paper);border-bottom:1px solid var(--line)}
.index-header h2{font-size:clamp(40px,4vw,116px);margin-top:8px}
.index-header button{min-height:44px;min-width:44px;padding:8px 14px;border:1px solid var(--line);border-radius:0;background:transparent;font-size:clamp(16px,.9vw,26px);white-space:nowrap}
.index-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 30px;margin:0 0 34px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.index-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(18px,1vw,28px)}
.index-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.index-group+.index-group{margin-top:44px}
.index-group h3{font-size:clamp(34px,2.7vw,86px);margin-bottom:22px}
.index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}
.index-item{display:block;min-width:0;padding-bottom:12px;border-bottom:1px solid var(--line)}
.index-item img{width:100%;height:auto;object-fit:contain}
.index-item strong{display:block;font-size:clamp(18px,1vw,30px);line-height:1.35;font-weight:500;margin-top:12px}
.index-item span{display:block;font-size:clamp(16px,.85vw,26px);color:var(--muted);margin-top:5px}
.index-item:hover strong{text-decoration:underline;text-underline-offset:5px}
.lightbox{width:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;padding:58px 24px 20px;border:0;border-radius:0;background:var(--paper);color:var(--ink);overflow:auto}
.lightbox:not([open]){display:none}
.lightbox::backdrop{background:var(--paper)}
.lightbox figure{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.lightbox img{max-width:100%;width:auto;max-height:calc(100dvh - 126px);height:auto;object-fit:contain}
.lightbox figcaption{font-size:clamp(16px,1vw,28px);line-height:1.4;color:var(--muted);text-align:center;max-width:90ch}
.lightbox-close{position:absolute;top:8px;right:18px;min-width:44px;min-height:44px;padding:3px 10px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font-size:28px;z-index:1}
.reveal{opacity:1;transform:none}


@media(min-width:1300px){
 .door-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:40px clamp(22px,1.5vw,56px)}
 .finish-card-title{gap:8px;margin-top:20px}
 .finish-links{gap:4px 18px}
}
@media(max-height:650px) and (min-width:761px){
 .hero .room-caption{bottom:100px}
 .hero .room-caption h1{font-size:clamp(56px,12svh,96px)}
 .hero-kicker{font-size:15px;margin-bottom:12px}
 .hero .room-finish{font-size:18px;margin-top:14px}
 .hero-bottom{bottom:12px;font-size:16px}.picture-credit{bottom:66px;font-size:13px}
 .room-caption{padding:14px 20px;bottom:20px}.room-caption h3{font-size:32px}
 .room-finish{font-size:16px}.caption-title .eyebrow{font-size:12px}
}
@media(max-width:1100px){
 .site-header{gap:18px}.site-header nav{gap:20px}.index-open{padding-inline:12px}
 .room-caption{max-width:calc(100% - var(--side)*2);gap:24px}
 .room-caption h3{font-size:34px}
 .section-top{gap:32px}.material-feature{gap:32px}
 .case-follow.section-shell{gap:40px}.selected-finish{gap:24px}
 .paired-room a>div{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:960px){
 :root{--header-height:60px}
 .site-header{justify-content:space-between;gap:16px;padding-block:8px}
 .site-header nav{display:none}.site-header .wordmark{font-size:32px}
 .site-header>.index-open{font-size:16px;padding:6px 12px;min-height:44px}
 .index-open span{font-size:12px;margin-left:10px}
 .editorial-intro{padding-block:56px;gap:24px 7%}.editorial-intro h2{font-size:clamp(48px,7vw,68px)}
 .chapter-heading{padding-block:56px;gap:30px 6%}.chapter-heading h2{font-size:clamp(52px,7vw,70px)}
 .study-grid{gap:28px}.details figcaption{flex-direction:column;align-items:flex-start;gap:6px}
 .material-intro{gap:28px 6%}.material-intro h2{font-size:clamp(50px,7vw,70px)}
 .material-copy h3{font-size:44px}.material-tabs{gap:8px;margin-top:24px}
 .material-facts{gap:28px}.material-facts h3{font-size:32px}
}
@media(max-width:899px){.door-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}}
@media(max-width:760px){
 .hero .room-caption{bottom:128px}
 .hero .room-caption h1{font-size:clamp(52px,min(14vw,10svh),82px);line-height:.93}
 .hero-kicker{font-size:15px;letter-spacing:.1em;margin-bottom:18px}
 .hero .room-finish{font-size:18px;margin-top:20px}
 .hero-bottom{bottom:18px;gap:18px;font-size:16px}.hero-bottom a{gap:12px}
 .hero-bottom>span{font-size:13px;white-space:nowrap}.picture-credit{bottom:76px;font-size:12px}
 .case-caption{grid-template-columns:1fr;gap:24px}.case-caption h1{font-size:48px}
 .case-caption>div:last-child{margin-left:0;max-width:44ch}
}
@media(max-width:620px){
 :root{--side:20px;--body-size:18px;--small-size:14px}
 .room-caption{left:14px;bottom:20px;max-width:calc(100% - 28px);padding:16px 18px;gap:18px}
 .caption-title{max-width:23ch}.caption-title .eyebrow{font-size:12px;margin-bottom:8px}
 .room-caption h3{font-size:32px;max-width:16ch}.room-finish{font-size:15px;margin-top:8px}
 .caption-meta{max-width:88px;flex-shrink:1}.caption-action{font-size:14px;line-height:1.35;gap:6px}
 .hero .room-caption{left:var(--side);right:var(--side);bottom:128px;max-width:none;padding:0;gap:0}
 .hero .caption-title{max-width:none}
 .editorial-intro{grid-template-columns:1fr;padding-block:48px;gap:24px}.editorial-intro h2{font-size:52px}
 .editorial-intro>div{justify-self:start;max-width:38ch;padding:0}.editorial-intro .text-link{margin-top:18px}
 .chapter-heading{grid-template-columns:1fr;padding-block:48px;gap:24px}.chapter-heading h2{font-size:56px;margin-top:12px}.chapter-heading>div:last-child{justify-self:start;max-width:38ch}
 .palette.section-shell{padding-block:48px}.palette.palette-primary{padding-top:calc(var(--header-height) + 28px)}
 .section-top{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:34px}.section-top h1,.section-top h2{font-size:52px;margin-top:13px}.section-top>p{max-width:38ch;padding:0}
 .door-grid{gap:32px 22px}.finish-card-title{gap:7px;margin-top:14px}.finish-card-title .image-number{font-size:12px}.finish-card h3{font-size:17px}.finish-links{gap:2px 16px;margin-top:5px}.finish-links a{font-size:15px}
 .palette-note{font-size:14px;margin-top:26px;line-height:1.6}
 .details{padding-block:48px}.details .section-top h2{font-size:56px}.study-grid{grid-template-columns:1fr;gap:36px}
 .details figcaption>span:first-child{font-size:20px}.details figcaption>span:last-child{font-size:14px}
 .sample-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-block:52px 28px}.sample-heading h3{font-size:44px}.sample-heading p{max-width:38ch}
 .sample-grid{gap:18px}.sample-grid figure>a{padding:10px}.sample-grid img{height:auto;max-height:55svh}.sample-grid figcaption>span:first-child{font-size:18px}.sample-grid .enlarge-mark{right:8px;bottom:8px}
 .material-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.material-intro h2{font-size:56px;margin-top:14px}.material-lead{justify-self:start;max-width:40ch}
 .material-feature{grid-template-columns:1fr;gap:30px}.material-image{width:min(100%,440px)}.material-image figcaption{font-size:14px}
 .material-copy{padding:0;max-width:42ch}.material-copy h3{font-size:44px;margin-block:14px 20px}.material-copy .text-link{margin-top:18px}
 .material-tabs button{font-size:16px;padding-inline:12px}.material-facts{grid-template-columns:1fr;gap:30px;margin-top:38px;padding-top:28px}.material-facts article>span,.material-facts .image-number{margin:0 0 14px}.material-facts h3{font-size:34px;margin-bottom:12px}.material-facts article>p{max-width:44ch}
 .material-scope{font-size:14px;margin-top:26px}.material-scope+.study-grid{margin-top:36px;padding-top:32px}
 .collection-intro{align-items:flex-end;gap:20px;padding-top:calc(var(--header-height) + 20px);padding-bottom:24px}.collection-intro h1{font-size:54px}.collection-links{flex-direction:column;gap:0;align-items:flex-end;font-size:15px}
 .case-breadcrumb{min-height:48px;font-size:14px;gap:16px;padding-block:2px}.case-breadcrumb>span{text-align:right;max-width:55%;line-height:1.3}
 .case-caption{padding-block:28px 32px}.case-caption h1{font-size:46px}.case-image .enlarge-mark{top:12px;right:12px}
 .case-follow.section-shell{grid-template-columns:1fr;padding-block:40px;gap:36px}.selected-finish{gap:24px}.selected-door{width:32%;max-width:150px}.selected-finish h2{font-size:38px}.selected-finish .text-link{margin-top:14px}
 .paired-room a>div{flex-direction:row;align-items:baseline;gap:16px}.paired-room a>div>span:first-child{font-size:32px}.paired-room a>div>span:last-child{font-size:15px;text-align:right}
 footer{padding:32px var(--side) 24px}.footer-top{flex-direction:column;align-items:flex-start;gap:18px}footer nav{gap:6px 22px;font-size:17px}.footer-signature{margin-block:44px;font-size:21vw;letter-spacing:.035em}.footer-bottom{flex-direction:column;gap:10px;padding-top:18px}
 .space-index{width:100%;max-height:100dvh;height:100dvh;margin:0;padding:20px 20px 32px}.index-header{top:-20px;gap:20px;padding-top:4px;padding-bottom:20px;margin-bottom:24px}.index-header h2{font-size:40px}.index-header .eyebrow{font-size:12px}.index-header button{font-size:16px;padding-inline:12px}
 .index-nav{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}.index-nav a{font-size:18px}.index-group h3{font-size:32px;margin-bottom:18px}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.index-item strong{font-size:18px}.index-item span{font-size:15px}
 .lightbox{padding-inline:12px}.lightbox figcaption{font-size:16px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}