#ps-gallery{padding:60px 6vw 70px;border-top:1px solid transparent;background:#f6f3eb;color:#304c41}
#ps-gallery *{box-sizing:border-box}#ps-gallery h2{font:800 36px Arial,Helvetica,sans-serif;margin:0 0 10px;letter-spacing:-.04em}#ps-gallery [data-gallery-status]{font-size:13px;line-height:1.6;margin:0 0 30px}#ps-gallery [data-original-logo]{display:block;max-width:190px;max-height:70px;margin:0 0 25px}#ps-gallery [data-original-logo][hidden]{display:none}
#ps-gallery [data-gallery-grid]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1120px;max-height:min(72vh,760px);overflow-y:auto;overscroll-behavior:contain;padding-right:8px;margin:auto}#ps-gallery .ps-gallery-column{display:flex;flex-direction:column;gap:20px}#ps-gallery .ps-gallery-column button{border:1px solid #d0d8c3;border-radius:3px;background:#fffdf5;padding:12px;display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;color:#234c40;text-align:center}#ps-gallery .ps-gallery-column img{display:block;width:100%;aspect-ratio:4.4/1;object-fit:contain}#ps-gallery .ps-gallery-column span{font-size:13px;line-height:1.4}#ps-gallery .ps-gallery-column button:hover{border-color:#78956a;box-shadow:0 3px 14px #234c4010}
#ps-gallery .ps-gallery-column button.selected{border-color:#234c40;box-shadow:inset 0 0 0 2px #234c40;transition:border-color 240ms,box-shadow 240ms}
#ps-gallery dialog{width:min(1100px,95vw);max-height:94dvh;padding:16px;border:1px solid #8da380;border-radius:6px;background:#f6f3eb;color:#234c40}#ps-gallery dialog::backdrop{background:#1b352bba}#ps-gallery .ps-gallery-modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}#ps-gallery dialog button{background:#f6f3eb;color:#234c40;border:1px solid #aabc9d;border-radius:3px;padding:8px 14px;min-height:38px}
@media(max-width:650px){#ps-gallery{padding:38px 6vw}#ps-gallery h2{font-size:28px}#ps-gallery [data-gallery-grid]{gap:9px;max-height:600px}#ps-gallery .ps-gallery-column{gap:10px}#ps-gallery .ps-gallery-column button{padding:5px}#ps-gallery dialog{padding:10px}#ps-gallery dialog button{padding:6px 9px;font-size:11px}}
#ps-gallery .ps-product-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;transition:transform 220ms cubic-bezier(.22,1,.36,1),box-shadow 220ms}
#ps-gallery .ps-product-button:hover{filter:brightness(1.025);box-shadow:none}
#ps-gallery .ps-product-button:active{transform:scale(.995)}
#ps-gallery .ps-product-button:focus-visible{outline:3px solid #234c40;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#ps-gallery .ps-product-button{transition:none}}

/* Continuous source-media tracks; copies supply visual continuity only. */
.ps-motion-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-y;overflow-anchor:none;scroll-behavior:auto}
.ps-motion-viewport::-webkit-scrollbar{display:none}
.ps-motion-track{display:flex;width:max-content;will-change:transform}
.ps-motion-group{display:flex;flex:none;width:max-content;gap:20px;padding-right:20px;align-items:stretch}
.ps-motion-copy{user-select:none}
.ps-motion-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:32px;margin:10px 0 0 16px;padding:5px 11px;border:1px solid #8da380;border-radius:3px;background:transparent;color:#234c40;font:600 12px Arial,Helvetica,sans-serif;cursor:pointer;transition:background 180ms,color 180ms,transform 180ms}
.ps-motion-toggle:hover{background:#e9efe5;transform:scale(1.035)}
.ps-motion-toggle:active{transform:scale(.97)}
.ps-motion-toggle:focus-visible{outline:3px solid #234c40;outline-offset:2px}
#ps-gallery .ps-gallery-motion-controls{display:flex;justify-content:flex-end;max-width:1120px;margin:-51px auto 24px}
#ps-gallery .ps-gallery-motion-controls .ps-motion-toggle{margin:0}
#ps-gallery [data-gallery-grid].ps-sample-rows{display:flex;flex-direction:column;gap:22px;max-width:1120px;max-height:none;overflow:visible;padding:0;margin:auto}
#ps-gallery .ps-sample-row{width:100%}
#ps-gallery .ps-sample-preview,#ps-gallery .ps-sample-clone{display:block;flex:none;width:clamp(245px,25vw,330px);aspect-ratio:3.15;overflow:hidden;border:0;border-radius:1px;padding:0;background:#e7e4dd;cursor:zoom-in;transition:filter 180ms,transform 180ms}
/* Retain fluid card geometry while showing only the source's left-hand texture. */
#ps-gallery .ps-sample-preview img,#ps-gallery .ps-sample-clone img{display:block;width:140%;max-width:none;height:100%;aspect-ratio:auto;object-fit:cover;object-position:left center}
#ps-gallery .ps-sample-preview:hover,#ps-gallery .ps-sample-clone:hover{filter:brightness(1.045)}
#ps-gallery .ps-sample-preview:focus-visible{outline:none}
#ps-gallery .ps-sample-row-shell{position:relative;min-width:0;border-radius:2px}
#ps-gallery [data-gallery-grid].ps-sample-rows{position:relative}
#ps-gallery [data-gallery-grid]:focus-visible,#ps-gallery .ps-sample-row:focus-visible{outline:none}
/* Keyboard focus belongs to a compact inspection affordance, not an image frame. */
#ps-gallery .ps-sample-preview::after,#ps-gallery .ps-sample-row-shell::after,#ps-gallery [data-gallery-grid]::after{content:'';position:absolute;right:12px;bottom:12px;z-index:2;width:22px;height:22px;border-radius:50%;background-color:#f8f7f0;background-image:linear-gradient(#234c40,#234c40),linear-gradient(#234c40,#234c40);background-size:12px 2px,2px 12px;background-position:center;background-repeat:no-repeat;outline:2px solid #234c40;outline-offset:2px;opacity:0;transform:scale(.85);transition:opacity 120ms,transform 120ms;pointer-events:none}
#ps-gallery [data-gallery-grid]::after{top:12px;bottom:auto}
#ps-gallery .ps-sample-preview:focus-visible::after,#ps-gallery .ps-sample-row-shell:has(.ps-sample-row:focus-visible)::after,#ps-gallery [data-gallery-grid]:focus-visible::after{opacity:1;transform:none}
@media(forced-colors:active){#ps-gallery .ps-sample-preview::after,#ps-gallery .ps-sample-row-shell::after,#ps-gallery [data-gallery-grid]::after{background-color:Canvas;outline-color:Highlight;forced-color-adjust:none;background-image:linear-gradient(CanvasText,CanvasText),linear-gradient(CanvasText,CanvasText)}}
@media(prefers-reduced-motion:reduce){#ps-gallery .ps-sample-preview::after,#ps-gallery .ps-sample-row-shell::after,#ps-gallery [data-gallery-grid]::after{transition:none}}
#ps-gallery .ps-sample-row{--edge-fade:clamp(18px,4vw,68px);mask-image:linear-gradient(to right,transparent,#000 var(--edge-fade),#000 calc(100% - var(--edge-fade)),transparent)}
#ps-gallery .ps-sample-preview.selected{box-shadow:none}
@media(max-width:650px){
 .ps-motion-group{gap:14px;padding-right:14px}
 .finishes .ps-motion-group{gap:12px;padding-right:12px}
 .featured-finishes .ps-featured-preview{width:72vw}
 .ps-motion-toggle{margin:12px 0 0 0}
 .finishes .ps-motion-toggle{margin-left:14px}
 #ps-gallery .ps-gallery-motion-controls{margin:-4px auto 20px}
 #ps-gallery [data-gallery-grid].ps-sample-rows{gap:15px;max-height:none}
 #ps-gallery .ps-sample-preview,#ps-gallery .ps-sample-clone{width:72vw}
}
@media(prefers-reduced-motion:reduce){.ps-motion-toggle,#ps-gallery .ps-sample-preview,#ps-gallery .ps-sample-clone{transition:none}}

/* One source collection chapter, followed by a composed product showcase. */
#ps-gallery{padding:0}
#ps-gallery .ps-gallery-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,auto);align-items:end;gap:14px clamp(28px,4vw,70px);width:100%;max-width:1800px;margin:0 auto 28px}
#ps-gallery .ps-gallery-intro>div:first-child{grid-column:1;grid-row:1 / span 2;min-width:0;max-width:850px}
#ps-gallery .ps-gallery-intro .eyebrow,#ps-gallery .ps-products-intro .eyebrow{display:block;font:800 11px Arial,Helvetica,sans-serif;letter-spacing:.15em;color:#164332;margin-bottom:10px}
#ps-gallery .ps-gallery-intro h2{font-size:clamp(42px,3.6vw,84px);line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}
#ps-gallery .ps-gallery-intro p{font-size:clamp(14px,.95vw,18px);line-height:1.5;margin:0;color:#5d655e;max-width:65ch}
#ps-gallery .ps-gallery-intro [data-gallery-status]{grid-column:2;grid-row:1;justify-self:end;text-align:right;margin:0;white-space:normal;max-width:35ch}
#ps-gallery .ps-gallery-motion-controls{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;max-width:none;margin:0}
.ps-motion-toggle{min-height:44px;padding:8px 14px}
#ps-gallery [data-gallery-grid].ps-sample-rows{max-width:1800px;gap:clamp(16px,2.3svh,30px);container-type:inline-size}
#ps-gallery .ps-sample-row{--edge-fade:clamp(12px,2.5cqi,42px)}
#ps-gallery .ps-sample-preview,#ps-gallery .ps-sample-clone{position:relative;width:min(calc(100cqi - 2 * var(--edge-fade) - 16px),clamp(16rem,calc(20cqi + 18rem),42rem));height:auto;aspect-ratio:1280/291;background:transparent}
#ps-gallery .ps-product-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:1fr 1fr;grid-template-areas:'intro photo' 'controls photo';align-items:center;column-gap:clamp(28px,5vw,100px);row-gap:25px;width:min(1800px,calc(100% - clamp(38px,8vw,160px)));max-width:none;margin:0 auto;padding:clamp(36px,6svh,80px) 0;border-top:1px solid transparent}
#ps-gallery .ps-products-intro{grid-area:intro;align-self:end;max-width:540px}
#ps-gallery .ps-products-intro h2{font-size:clamp(37px,3.8vw,54px);line-height:1.02;letter-spacing:-.055em;margin:0 0 17px}
#ps-gallery .ps-products-intro p{font-size:clamp(14px,1.15vw,16px);line-height:1.55;margin:0;color:#5d655e;max-width:30ch}
#ps-gallery .ps-product-meta{display:flex;align-items:baseline;gap:13px;margin-top:38px;font:700 13px Arial,Helvetica,sans-serif;letter-spacing:.12em;color:#164332}
#ps-gallery .ps-product-meta [data-product-count]{font-size:11px;font-weight:500;letter-spacing:.08em;color:#67736a}
#ps-gallery [data-products]{grid-area:photo;justify-self:end;position:relative;width:min(100%,min(48vw,780px));aspect-ratio:1;background:#eeeae2;isolation:isolate;overflow:clip}
#ps-gallery [data-products] .ps-product-button{width:100%;height:100%;margin:0}
#ps-gallery [data-products] .ps-product-button img,#ps-gallery [data-products] .ps-product-incoming{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;background:#eeeae2}
#ps-gallery [data-products] .ps-product-incoming{position:absolute;inset:0;pointer-events:none}
#ps-gallery .ps-product-controls{grid-area:controls;align-self:start;display:flex;flex-direction:column;gap:20px;max-width:540px;padding-bottom:7px}
#ps-gallery .ps-product-progress{height:2px;width:100%;background:#c9d2c5;overflow:hidden}
#ps-gallery .ps-product-progress span{display:block;width:100%;height:100%;background:#164332;transform:scaleX(0);transform-origin:left center;will-change:transform}
#ps-gallery .ps-product-control-buttons{display:flex;align-items:center;gap:9px}
#ps-gallery .ps-product-control-buttons button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid #aabdac;border-radius:2px;background:transparent;color:#164332;font:500 18px Arial,Helvetica,sans-serif;cursor:pointer;transition:background 180ms,transform 180ms,border-color 180ms}
#ps-gallery .ps-product-control-buttons button:hover{background:#e6ece3;border-color:#164332;transform:scale(1.045)}
#ps-gallery .ps-product-control-buttons button:active{transform:scale(.955)}
#ps-gallery .ps-product-control-buttons button:focus-visible{outline:3px solid #164332;outline-offset:2px}
#ps-gallery .ps-product-control-buttons .ps-motion-toggle{width:auto;min-width:94px;padding:0 13px;font-size:12px;margin:0;white-space:nowrap}
#ps-gallery .ps-gallery-motion-controls .ps-motion-toggle{white-space:nowrap;min-width:max-content}
#ps-gallery .ps-sample-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;outline:none;box-shadow:none;border-radius:0;background:transparent;overflow:hidden;color:white}
#ps-gallery .ps-sample-dialog::backdrop{background:transparent}
#ps-gallery .ps-sample-backdrop{position:fixed;inset:0;background:#07120ee0;opacity:0;cursor:zoom-out}
#ps-gallery .ps-sample-dialog .ps-sample-backdrop{background:radial-gradient(ellipse 42vw 42vh at 50% 50%,#f6edcfb3 0%,#ded7b85c 32%,transparent 75%),#05100ddb;backdrop-filter:blur(2px) saturate(.72);opacity:0;cursor:zoom-out}
#ps-gallery .ps-sample-stage{position:fixed;display:block;overflow:visible;padding:0;border:0;outline:none;box-shadow:none;background:transparent;touch-action:none;will-change:left,top,width,height;cursor:default}
#ps-gallery .ps-sample-stage.is-grabbing{cursor:grabbing}
#ps-gallery .ps-sample-settle,#ps-gallery .ps-sample-inspection{position:absolute;inset:0;transform-origin:center;will-change:transform}
#ps-gallery .ps-sample-inspection{filter:drop-shadow(0 20px 32px #0008)}
#ps-gallery .ps-sample-stage:focus-visible::after{content:'';position:absolute;left:0;top:calc(100% + 5px);width:18px;height:2px;background:#eee8d9;pointer-events:none}
#ps-gallery .ps-sample-stage img{position:absolute;display:block;max-width:none;max-height:none;border:0;outline:none;box-shadow:none;object-fit:fill;user-select:none;pointer-events:none;transform-origin:center center;will-change:transform,width,height}
#ps-gallery .ps-sample-stage img.ps-sample-swap{inset:0;width:100%;height:100%;object-fit:contain}
#ps-gallery .ps-sample-inspection[data-surface="curved-css"]{transform-style:preserve-3d;filter:none}
#ps-gallery .ps-sample-curved{position:absolute;pointer-events:none;transform-style:preserve-3d;transform-origin:center;opacity:0}
#ps-gallery .ps-slat-band{position:absolute;left:0;background-repeat:no-repeat;transform-origin:0 0;backface-visibility:hidden;will-change:transform}
#ps-gallery .ps-slat-end{position:absolute;top:0;transform-origin:0 0;transform-style:preserve-3d;color:var(--slat-core,#e9e2d4);filter:brightness(.95)}
#ps-gallery .ps-slat-end[data-side="right"]{filter:brightness(1.03)}
#ps-gallery .ps-slat-end svg{display:block;width:100%;height:100%;fill:currentColor;overflow:visible}
#ps-gallery .ps-slat-edge{position:absolute;left:0;background:var(--slat-edge);transform-origin:0 0;transform:rotateX(-90deg);filter:brightness(.8)}
#ps-gallery .ps-sample-curved.ps-sample-swap{z-index:1}
#ps-gallery .ps-sample-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#ps-gallery .ps-product-modal{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;color:white}
#ps-gallery .ps-product-modal::backdrop{background:transparent}
#ps-gallery .ps-product-stage{position:fixed;display:block;overflow:hidden;padding:0;border:0;background:transparent;touch-action:none;cursor:zoom-in;will-change:left,top,width,height}
#ps-gallery .ps-product-stage img{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none;max-height:none;object-fit:contain;user-select:none;pointer-events:none;transform-origin:center center}
#ps-gallery .ps-product-modal .ps-sample-close{position:fixed;top:max(15px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#0c201aaa;color:#fff;font:300 27px/1 Arial,Helvetica,sans-serif;opacity:0;cursor:pointer;transition:background 180ms,transform 180ms,opacity 180ms}
#ps-gallery .ps-product-modal .ps-sample-close:hover{background:#244936;transform:scale(1.07)}
#ps-gallery .ps-product-modal .ps-sample-close:active{transform:scale(.94)}
#ps-gallery .ps-product-modal .ps-sample-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){
 #ps-gallery{padding:0}
 #ps-gallery .ps-gallery-intro{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:18px}
 #ps-gallery .ps-gallery-intro>div:first-child{grid-column:1;grid-row:1}
 #ps-gallery .ps-gallery-intro h2{font-size:clamp(2rem,8.5vw,2.625rem)}
 #ps-gallery .ps-gallery-intro p{font-size:14px}
 #ps-gallery .ps-gallery-intro [data-gallery-status]{grid-column:1;grid-row:2;justify-self:start;text-align:left;margin:0}
 #ps-gallery .ps-gallery-motion-controls{grid-column:1;grid-row:3;justify-content:flex-start;margin:0 0 6px}
 #ps-gallery [data-gallery-grid].ps-sample-rows{gap:16px}
 #ps-gallery .ps-sample-preview,#ps-gallery .ps-sample-clone{height:auto}
 #ps-gallery .ps-product-showcase{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:'intro' 'photo' 'controls';gap:19px;width:calc(100% - 38px);margin:0 auto;padding:42px 0 48px}
 #ps-gallery .ps-products-intro{max-width:420px}
 #ps-gallery .ps-products-intro h2{font-size:clamp(34px,9vw,43px);margin-bottom:10px}
 #ps-gallery .ps-products-intro p{font-size:14px}
 #ps-gallery .ps-product-meta{margin-top:17px}
 #ps-gallery [data-products]{width:min(100%,420px);justify-self:center}
 #ps-gallery .ps-product-controls{max-width:none;gap:14px;padding:0}
 #ps-gallery .ps-product-control-buttons{justify-content:flex-end}
}
@media(min-width:701px) and (max-width:980px){
 #ps-gallery .ps-gallery-intro{grid-template-columns:1fr;gap:12px}
 #ps-gallery .ps-gallery-intro>div:first-child{grid-column:1;grid-row:1}
 #ps-gallery .ps-gallery-intro [data-gallery-status]{grid-column:1;grid-row:2;justify-self:start;text-align:left}
 #ps-gallery .ps-gallery-motion-controls{grid-column:1;grid-row:3;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){#ps-gallery .ps-product-control-buttons button,#ps-gallery .ps-product-button{transition:none}}

/* Controls float around the original sample; its silhouette remains unframed. */
#ps-gallery .ps-inspect-close,#ps-gallery .ps-inspect-controls button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #f0ebdc55;border-radius:50%;background:#152c2499;color:#f7f3e9;font:400 24px/1 Arial,sans-serif;cursor:pointer;transition:background 180ms,scale 180ms;touch-action:manipulation}
#ps-gallery .ps-inspect-close{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:3}
#ps-gallery .ps-inspect-controls{position:fixed;left:50%;bottom:calc(max(22px,env(safe-area-inset-bottom)) + 24px);translate:-50% 0;z-index:3;display:flex;align-items:center;gap:20px;white-space:nowrap}
#ps-gallery [data-sample-position]{min-width:150px;text-align:center;font:500 13px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.04em}
#ps-gallery .ps-inspect-hint{position:fixed;left:16px;right:16px;bottom:max(8px,env(safe-area-inset-bottom));margin:0;text-align:center;color:#e2e6dd;font:11px/1.5 Arial,sans-serif;pointer-events:none}
#ps-gallery .ps-inspect-close:hover,#ps-gallery .ps-inspect-controls button:hover{background:#46634d}
#ps-gallery .ps-inspect-close:active,#ps-gallery .ps-inspect-controls button:active{scale:.94}
#ps-gallery .ps-inspect-close:focus-visible,#ps-gallery .ps-inspect-controls button:focus-visible{outline:2px solid #f7f3e9;outline-offset:4px}
#ps-gallery .ps-sample-stage{cursor:grab}
@media(max-height:420px){#ps-gallery .ps-inspect-controls{bottom:max(10px,env(safe-area-inset-bottom))}#ps-gallery .ps-inspect-hint{display:none}}
@media(prefers-reduced-motion:reduce){#ps-gallery .ps-inspect-close,#ps-gallery .ps-inspect-controls button{transition:none}}

:root{--motion-micro:160ms;--motion-state:320ms;--motion-enter:560ms;--motion-shared:720ms;--motion-ease:cubic-bezier(.22,1,.36,1);--motion-out:cubic-bezier(.55,0,1,.45)}
@media(prefers-reduced-motion:reduce){:root{--motion-micro:90ms;--motion-state:120ms;--motion-enter:130ms;--motion-shared:150ms}}

:root{--paper:#f8f7f2;--ivory:#f4f1e9;--forest:#0d3a2b;--ink:#121815;--muted:#5c625d;--line:#d8dbd3;--sand:#e9dfce}
*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:auto;scrollbar-gutter:auto;scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%}
figure{margin:0}
a{color:inherit}
:where(a,button,input,summary):focus-visible{outline:3px solid #b5854e;outline-offset:3px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-shell{width:min(1800px,calc(100% - clamp(38px,8vw,160px)));margin-inline:auto}
#site,#site-tail{background:var(--paper)}
#site h1,#site h2,#site h3,#site-tail h2,#site-tail h3,#ps-gallery h2{font-family:Arial,Helvetica,sans-serif}
.eyebrow{display:block;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--forest)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 24px;border:1px solid var(--forest);border-radius:3px;background:var(--forest);color:white;text-decoration:none;text-align:center;font-size:13px;font-weight:700;transition:background var(--motion-state),color var(--motion-state),box-shadow var(--motion-state)}
.button:hover,.button:focus-visible{background:#17533c;box-shadow:0 7px 20px #0d3a2b24}
.button.secondary{background:transparent;color:var(--forest)}
.button.secondary:hover,.button.secondary:focus-visible{background:#ecf0e8}
.arrow{display:inline-block;transition:transform var(--motion-state) var(--motion-ease)}
:is(.button,.text-link):hover .arrow,:is(.button,.text-link):focus-visible .arrow{transform:translateX(4px)}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;font-size:14px;font-weight:700;text-underline-offset:5px}
.short-rule{display:block;width:45px;height:2px;background:transparent;margin-top:24px}

.site-header{height:126px;display:flex;align-items:flex-start;padding-top:25px;justify-content:space-between;gap:28px;position:relative;z-index:30}
.site-logo{display:inline-flex;flex-direction:column;align-items:flex-start;min-width:190px;color:var(--forest);text-decoration:none;line-height:1}
.site-logo{transition:transform var(--motion-micro) var(--motion-ease)}
.site-logo:hover,.site-logo:focus-visible{transform:scale(1.025)}
.brand-image{display:block;width:125px;height:77px;object-fit:contain}
.site-header .site-logo{margin-top:-12px}
.desktop-nav{display:flex;align-items:center;gap:48px;position:relative;padding-top:5px}
.desktop-nav a{padding:7px 0;text-decoration:none;font-size:12px;white-space:nowrap}
.nav-indicator{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--forest);pointer-events:none;transition:left var(--motion-state) var(--motion-ease),width var(--motion-state) var(--motion-ease)}
.header-cta{min-height:45px;padding:11px 19px;margin-top:-5px;font-size:12px}
.menu-toggle,.mobile-nav{display:none}

.hero{text-align:center;background:var(--paper)}
.hero-copy{position:relative;z-index:2}
.hero h1{color:var(--forest);font-size:clamp(64px,6.5vw,105px);font-weight:800;letter-spacing:-.06em;line-height:.95;margin:0}
.hero p{font-size:18px;line-height:1.4;color:var(--muted);margin:17px 0 18px}
.hero-actions{display:flex;justify-content:center;gap:22px;align-items:center;margin-bottom:0}
.hero-actions .button{min-width:165px}
.hero-media{position:relative;overflow:hidden;width:100%;aspect-ratio:2.47;background:#dfd3c0;clip-path:polygon(0 0,12% 5%,25% 13%,38% 18%,50% 20%,62% 18%,75% 13%,88% 5%,100% 0,100% 100%,0 100%);margin-top:-60px}
.hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.journey{background:#fdfcf9;padding:14px 0 22px}
.hero .journey{text-align:left}
.journey-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);gap:24px;align-items:start}
.journey-step{min-width:0}
.journey-step figure{height:190px;overflow:hidden}
.journey-step img{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--motion-state) var(--motion-ease)}
.journey-step:hover img{transform:scale(1.025)}
.journey-step:nth-of-type(-n+2) img{mix-blend-mode:multiply}
.journey-step:last-child img{object-fit:cover;object-position:21% 30%}
.journey-step h2{font-size:20px;line-height:1.1;margin:0 0 7px;font-weight:800}
.journey-step p{font-size:14px;line-height:1.34;color:var(--muted);margin:0;max-width:320px}
.journey-arrow{display:block;align-self:center;text-align:center;font-size:35px;font-weight:300;color:#4e5d55;margin-top:-8px}

.problem{display:grid;grid-template-columns:55% 45%;min-height:318px;background:#fafaf7}
.problem-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:34px max(4vw,calc((100vw - 1320px)/2))}
.problem h2{font-size:clamp(40px,4.25vw,64px);letter-spacing:-.05em;line-height:.99;margin:6px 0 13px;font-weight:800}
.problem p{max-width:535px;margin:0;color:var(--muted);font-size:16px;line-height:1.45}
.problem .quiet-line{margin-top:16px;font-size:14px;color:#394d43}
.problem .quiet-line::after{content:'';display:block;width:38px;height:2px;background:transparent;margin-top:11px}
.problem-media{min-height:318px;overflow:hidden}
.problem-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.problem-media img,.material-media img,.interior-media img{transition:transform var(--motion-state) var(--motion-ease)}
:is(.problem-media,.material-media,.interior-media):hover img{transform:scale(1.015)}

.process{background:#fbfaf7;padding:52px 0 45px}
.process-heading{text-align:center;margin-bottom:20px}
.process-heading h2{font-size:clamp(38px,4.35vw,64px);letter-spacing:-.045em;font-weight:800;line-height:1.05;margin:0}
.process-heading p{color:var(--muted);font-size:16px;margin:7px 0 0}
.process-media{position:relative;aspect-ratio:4.78;overflow:hidden;background:#d5d9d7}
.process-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.process-media-label{position:absolute;left:22px;bottom:17px;padding:7px 10px;background:#f8f7f0e8;color:var(--forest);font-size:11px;font-weight:800;letter-spacing:.06em}
.process-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:24px}
.process-step{display:flex;align-items:flex-start;gap:14px;min-width:0;min-height:104px;padding:6px 16px 16px;border:0;border-left:1px solid transparent;background:transparent;color:var(--ink);text-align:left;position:relative}
.process-step:first-child{border-left:0;padding-left:0}
.process-step:last-child{padding-right:0}
.process-step::after{content:'';position:absolute;left:16px;right:16px;bottom:1px;height:2px;background:var(--forest);transform:scaleX(0);transform-origin:left;transition:transform var(--motion-state) var(--motion-ease)}
.process-step:first-child::after{left:0}
.process-step:is(:hover,:focus-visible,.active)::after{transform:scaleX(1)}
.process-step .number{font-size:18px;font-weight:400;line-height:1}
.step-text{display:block}
.step-text strong{display:block;font-size:15px;font-weight:800;margin-bottom:5px}
.step-text small{display:block;font-size:12px;color:var(--muted);line-height:1.32}
.process-focal{display:flex;align-items:center;gap:20px;border-top:1px solid transparent;padding-top:14px;min-height:66px}
.stage-id{min-width:158px;color:var(--forest);font-size:11px;letter-spacing:.07em;font-weight:800}
.stage-copy{display:flex;align-items:baseline;gap:16px;min-width:0}
.stage-copy h3{font-size:17px;white-space:nowrap;margin:0;font-weight:800}
.stage-copy p{font-size:13px;line-height:1.3;color:var(--muted);margin:0}
.stage-progress{margin-left:auto;flex:0 0 88px;height:2px;background:#c7d1c8}
.stage-progress span{display:block;width:20%;height:100%;background:var(--forest);transition:width var(--motion-state) var(--motion-ease)}

.material-intention{height:345px;display:grid;grid-template-columns:34% 66%;background:#f7f5ee}
.material-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px max(4vw,calc((100vw - 1320px)/2))}
.material-copy h2{font-size:clamp(43px,4.5vw,66px);letter-spacing:-.05em;line-height:.99;font-weight:800;margin:8px 0 12px}
.material-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.45}
.material-media{height:345px;min-height:0;overflow:hidden;background:#f5f1e8}
.material-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.interior{display:grid;grid-template-columns:61% 39%;height:310px;background:#fbfaf7}
.interior-media{height:310px;min-height:0;overflow:hidden}
.interior-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.interior-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px max(4vw,calc((100vw - 1320px)/2))}
.interior-copy h2{font-size:clamp(43px,4.3vw,64px);font-weight:800;letter-spacing:-.05em;line-height:.99;margin:0 0 13px}
.interior-copy p{max-width:410px;font-size:16px;line-height:1.5;color:var(--muted);margin:0}

.finishes{background:#fdfcf9;border-bottom:1px solid transparent}
.finishes-inner{min-height:178px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px 35px;padding-top:28px;padding-bottom:31px}
.finishes h2{font-size:clamp(42px,4.4vw,64px);letter-spacing:-.05em;line-height:1.05;font-weight:800;margin:8px 0 0}
.finishes p{font-size:16px;color:var(--muted);line-height:1.55;margin:0;max-width:410px}
.finishes .text-link{color:var(--forest);margin-top:8px}
.featured-finishes{flex:0 0 100%;width:100%;margin-top:2px}
.featured-finishes .ps-featured-preview{display:block;flex:none;width:clamp(235px,25vw,335px);aspect-ratio:3.15;overflow:hidden;margin:0}
.featured-finishes .ps-featured-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}

.values{padding:37px 0 42px;background:#fafaf7}
.values-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);align-items:start}
.values-grid>div{padding-right:35px}
.values h2{font-size:clamp(36px,3vw,48px);line-height:1;letter-spacing:-.045em;margin:7px 0 0;font-weight:800}
.values article{min-height:113px;border-left:1px solid transparent;padding:10px 26px;transition:border-color var(--motion-state),transform var(--motion-state) var(--motion-ease)}
.values article:hover{border-color:transparent;transform:translateY(-2px)}
.values article h3{font-size:16px;line-height:1.15;margin:0 0 9px;font-weight:800}
.values article p{font-size:13px;line-height:1.36;margin:0;color:var(--muted)}
.final-cta{background:#063e2a;color:#fff;padding:34px 0 35px}
.final-cta .eyebrow{color:#fff}
.cta-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.cta-row>div:first-child{border-right:1px solid transparent;padding-right:45px}
.cta-row h2{font-size:clamp(38px,3.3vw,54px);font-weight:800;letter-spacing:-.05em;line-height:1;margin:6px 0 0}
.cta-actions p{font-size:14px;line-height:1.4;max-width:425px;margin:0 0 18px}
.cta-actions>div{display:flex;gap:14px}
.final-cta .button{background:#fff;color:var(--forest);border-color:#fff;min-height:44px}
.final-cta .button:hover{background:#e9eee7}
.final-cta .button.secondary{color:white;background:transparent;border-color:#a8bfb0}
.final-cta .button.secondary:hover{background:#ffffff22}
.site-footer{background:#fff;padding:18px 0}
.footer-row{display:flex;align-items:center;justify-content:space-between;gap:22px}
.footer-row .site-logo{min-width:165px}
.footer-row .brand-image{width:75px;height:auto}
.footer-nav{display:flex;align-items:center;gap:29px}
.footer-nav a{font-size:11px;text-decoration:none;transition:color var(--motion-micro),transform var(--motion-micro);display:inline-block}
.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--forest);transform:translateY(-2px);text-decoration:underline}
.footer-row>small{font-size:9px;letter-spacing:.04em;color:var(--forest);white-space:nowrap}
#ps-gallery[hidden]{display:none!important}
#ps-gallery:not([hidden]) h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;color:var(--forest)}
.notes{padding:8px 4vw 20px;background:#fff;border-top:1px solid transparent;font-size:11px;line-height:1.55;color:#5e695e}
.notes summary{cursor:pointer;transition:color var(--motion-micro),transform var(--motion-micro)}
.notes summary:hover,.notes summary:focus-visible{color:var(--forest);transform:translateX(2px)}
.notes details[open] p{animation:notes-enter var(--motion-state) var(--motion-ease) both}
@keyframes notes-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.notes a{color:var(--forest)}
.notes p{max-width:850px}
.noscript-note{padding:20px;background:#fff}

@media(max-width:1000px){
 .site-header{height:109px}
 .desktop-nav{gap:21px}
 .site-logo{min-width:155px}
 .hero h1{font-size:clamp(56px,7vw,80px)}
 .journey-step figure{height:145px}
 .journey-step h2{font-size:17px}
 .journey-step p{font-size:12px}
 .problem-copy,.material-copy,.interior-copy{padding-left:4vw;padding-right:4vw}
 .process-step{gap:8px;padding-inline:9px}
 .process-step .number{font-size:15px}
 .step-text strong{font-size:13px}
 .step-text small{font-size:11px}
 .stage-copy p{display:none}
 .values article{padding-inline:16px}
}
@media(max-width:700px){
 .site-shell{width:calc(100% - 38px)}
 .site-header{height:74px;align-items:center;padding-top:0}
 .site-logo{min-width:130px}
 .site-header .brand-image{width:100px;height:auto}
 .desktop-nav,.header-cta{display:none}
 .menu-toggle{display:block;width:44px;height:44px;border:1px solid #b8c7bb;background:transparent;color:var(--forest);position:relative;z-index:32}
 .menu-toggle span{display:block;width:18px;height:2px;background:currentColor;margin:5px auto;transition:transform var(--motion-state),opacity var(--motion-state)}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .mobile-nav{display:block;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:10px 20px 25px;z-index:31;box-shadow:0 20px 25px #12372919;transform-origin:top}
 .mobile-nav[hidden]{display:none}
 .mobile-nav a{display:block;padding:13px 0;border-bottom:1px solid #d1d9cd;text-decoration:none;font-size:21px;font-weight:700}
 .mobile-nav .button{font-size:13px;margin-top:15px;color:#fff}
 .hero h1{font-size:clamp(43px,11vw,62px);letter-spacing:-.06em}
 .hero p{font-size:13px;line-height:1.4;margin:14px auto 15px;max-width:320px}
 .hero-actions{gap:8px}
 .hero-actions .button{min-width:0;min-height:41px;padding:9px 13px;font-size:11px}
 .hero-media{margin-top:22px;clip-path:none;aspect-ratio:4/3}
 .hero-media img{object-position:48% center}
 .journey{padding:18px 0 24px}
 .journey-grid{display:block}
 .journey-step{display:grid;grid-template-columns:35% 1fr;column-gap:16px;align-items:center;padding:8px 0;border-bottom:1px solid transparent}
 .journey-step figure{grid-row:1/3;height:90px}
 .journey-step h2{font-size:16px;margin:0 0 3px;align-self:end}
 .journey-step p{font-size:12px;align-self:start}
 .journey-arrow{display:none}
 .problem{display:flex;flex-direction:column;min-height:0}
 .problem-copy{padding:39px 19px 30px}
 .problem h2{font-size:clamp(40px,10vw,54px)}
 .problem p{font-size:14px}
 .problem-media{min-height:0;height:240px}
 .process{padding:41px 0 34px}
 .process-heading{text-align:left}
 .process-heading h2{font-size:clamp(37px,9vw,52px)}
 .process-heading p{font-size:13px}
 .process-media{aspect-ratio:16/10}
 .process-media-label{font-size:9px;left:11px;bottom:10px}
 .process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-top:14px}
 .process-step{border-left:0;border-bottom:1px solid transparent;min-height:88px;padding:12px 8px 13px}
 .process-step:nth-child(odd){padding-left:0}
 .process-step:nth-child(even){border-left:1px solid transparent;padding-left:12px}
 .step-text strong{font-size:13px}
 .step-text small{font-size:10px}
 .process-step .number{font-size:14px}
 .process-focal{display:block;padding-top:14px}
 .stage-id{display:block;margin-bottom:6px}
 .stage-copy{display:block}
 .stage-copy h3{white-space:normal;font-size:16px}
 .stage-copy p{display:block;font-size:12px;margin:4px 0 0}
 .stage-progress{margin-top:13px;width:100%}
 .material-intention{display:flex;flex-direction:column;height:auto;min-height:0}
 .material-copy{padding:40px 19px 30px}
 .material-copy h2{font-size:46px}
 .material-copy p{font-size:14px}
 .material-media{height:230px;min-height:0}
 .interior{display:flex;flex-direction:column;height:auto;min-height:0}
 .interior-media{height:230px;min-height:0}
 .interior-copy{padding:42px 19px 43px}
 .interior-copy h2{font-size:46px}
 .interior-copy p{font-size:14px}
 .finishes-inner{min-height:0;padding:48px 0;display:block}
 .finishes h2{font-size:42px}
 .finishes p{font-size:14px;margin-top:17px}
 .featured-finishes{margin-top:23px}
 .values{padding:39px 0}
 .values-grid{display:block}
 .values h2{font-size:40px;margin-bottom:27px}
 .values article{min-height:0;padding:17px 0 17px 17px;margin:0 0 10px}
 .values article h3{font-size:16px}
 .values article p{font-size:12px}
 .final-cta{padding:38px 0 43px}
 .cta-row{display:block}
 .cta-row>div:first-child{border-right:0;padding:0}
 .cta-row h2{font-size:42px}
 .cta-actions p{margin:23px 0 15px;font-size:13px}
 .cta-actions>div{gap:8px}
 .cta-actions .button{padding:9px 11px;font-size:11px}
 .footer-row{display:block}
 .footer-nav{gap:15px;flex-wrap:wrap;margin:18px 0}
 .footer-row>small{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .nav-indicator,.arrow,.process-step::after,.stage-progress span,.menu-toggle span{transition-duration:90ms}
 .journey-step img,.problem-media img,.material-media img,.interior-media img,.values article,.site-logo,.footer-nav a,.notes summary{transition-duration:90ms}
}

/* Editorial process: one continuous visual story with legible material states. */
.process{padding:76px 0 58px}
.process-heading{margin-bottom:29px}
.process-heading .eyebrow{display:block;margin-bottom:10px}
.process-heading p{max-width:680px;margin:10px auto 0;line-height:1.5}
.process-story{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.9fr);min-height:480px;background:#f2f0e9}
.process-media{min-width:0;min-height:480px;aspect-ratio:auto;margin:0;isolation:isolate}
.process-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.process-media .process-media-label{z-index:2;left:18px;bottom:18px;max-width:calc(100% - 36px);font-size:10px;letter-spacing:.03em;text-transform:none}
.process-detail{padding:clamp(28px,3.4vw,52px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.process-detail .stage-id{font-size:12px;letter-spacing:.16em;min-width:0}
.process-detail h3{font-size:clamp(27px,2.75vw,40px);line-height:1.07;letter-spacing:-.045em;margin:17px 0 29px;color:var(--forest)}
.process-detail dl{margin:0;display:grid;gap:18px}
.process-detail dl>div{display:grid;grid-template-columns:65px 1fr;gap:12px;border-top:1px solid transparent;padding-top:13px}
.process-detail dt{font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--forest)}
.process-detail dd{margin:0;font-size:14px;line-height:1.45;color:var(--ink)}
.process-provenance{font-size:11px;color:var(--muted);line-height:1.4;margin:27px 0 0}
.process-controls{display:flex;align-items:center;gap:22px;border-bottom:1px solid transparent}
.process-list{display:flex;flex:1;min-width:0;gap:0;padding:13px 0}
.process-step,.process-step:first-child,.process-step:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:0;min-height:74px;padding:9px 10px 11px;border:0;border-right:1px solid transparent;font:inherit;cursor:pointer}
.process-step:first-child{padding-left:0}
.process-step:last-child{border-right:0}
.process-step .number{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--forest)}
.process-step .step-text{font-size:11px;line-height:1.18;font-weight:700}
.process-step.active .step-text{color:var(--forest)}
.process-step::after{left:10px;right:10px;bottom:4px}
.process-actions{display:flex;flex:none;align-items:center;gap:5px}
.process-actions button{border:1px solid #aabc9d;background:transparent;color:var(--forest);min-width:42px;min-height:44px;padding:8px 10px;font:700 13px Arial,Helvetica,sans-serif;cursor:pointer;transition:background var(--motion-micro),transform var(--motion-micro)}
.process-actions button:hover{background:#e9efe5;transform:scale(1.04)}
.process-actions button:active{transform:scale(.96)}
.process-actions button:focus-visible,.process-step:focus-visible{outline:2px solid var(--forest);outline-offset:2px}
.process-actions [data-process-pause]{min-width:108px;font-size:11px}
.process-disclaimer{margin:15px 0 0;font-size:11px;line-height:1.45;color:var(--muted)}
@media(max-width:1100px){
 .process-story{grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr)}
 .process-controls{display:block}
 .process-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:5px}
 .process-step,.process-step:first-child,.process-step:last-child{min-height:58px;padding:8px;border:0;border-bottom:1px solid transparent}
 .process-actions{justify-content:flex-end;padding:8px 0 13px}
}
@media(max-width:700px){
 .process{padding:49px 0 39px}
 .process-heading{margin-bottom:22px}
 .process-heading p{margin:9px 0 0}
 .process-story{display:block;min-height:0}
 .process-media{min-height:0;aspect-ratio:1.55}
 .process-detail{padding:27px 23px 30px}
 .process-detail h3{font-size:31px;margin:10px 0 20px}
 .process-detail dl{gap:12px}
 .process-detail dl>div{grid-template-columns:56px 1fr;padding-top:10px}
 .process-detail dd{font-size:12px}
 .process-provenance{margin-top:18px}
 .process-list{grid-template-columns:repeat(5,minmax(0,1fr))}
 .process-step,.process-step:first-child,.process-step:last-child{min-height:44px;align-items:center;justify-content:center;padding:5px;gap:0}
 .process-step .step-text{display:none}
 .process-step .number{font-size:14px}
 .process-disclaimer{font-size:10px}
}

/* Full-width editorial chapters; content shares the established 1320px grid. */
#site .chapter{min-height:100svh;height:auto;display:flex;align-items:center;padding:clamp(54px,7svh,82px) 0;position:relative;isolation:isolate;overflow:visible}
#site .chapter::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:transparent;pointer-events:none;z-index:1}
#site .problem.chapter{background:#f8f7f2}
#site .process.chapter{background:#f3f2eb}
#site .material-intention.chapter{background:#eeeae1}
#site .interior.chapter{background:#f8f7f2}
#site .chapter-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(42px,5.6vw,92px);min-width:0}
#site .chapter-copy{width:100%;min-width:0;max-width:660px;padding:0;margin:0}
#site .chapter-copy h2{max-width:100%;overflow-wrap:normal;word-break:normal}
#site .chapter-copy p{max-width:46ch}
#site .chapter-media{width:100%;min-width:0;height:min(64svh,720px);max-height:720px;aspect-ratio:auto;margin:0;overflow:hidden;background:#e7e4da}
#site .chapter-media img{display:block;width:100%;height:100%;object-fit:cover}
#site [data-chapter] .chapter-media img{transition:none}
#site .problem-media img{object-position:center}
#site .material-media{background:#eae7df}
#site .material-media img{object-fit:contain}
#site .interior-media img{object-position:center}
#site .process.chapter>.site-shell{min-width:0}
#site .process-story{grid-template-columns:minmax(0,1.45fr) minmax(390px,1fr);min-height:clamp(480px,54svh,700px)}
#site .process-media{min-height:clamp(480px,54svh,700px)}
#site .process-detail{padding:clamp(30px,3.6vw,52px)}
#site .process-heading{margin-bottom:25px}
#site .process-disclaimer{max-width:105ch}
@media(max-width:1100px){
 #site .chapter-layout{gap:clamp(30px,4vw,55px)}
 #site .process-story{grid-template-columns:minmax(0,1.15fr) minmax(350px,1fr)}
 #site .process-detail{padding:30px}
}
@media(max-width:900px){
 #site .chapter{min-height:100svh;padding:clamp(55px,7vw,74px) 0}
 #site .chapter-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 #site .chapter-copy{max-width:680px}
 #site .chapter-copy h2{max-width:640px}
 #site .chapter-media{height:clamp(330px,54vw,460px);max-height:none}
 #site .interior.chapter .chapter-media{order:2}
 #site .interior.chapter .chapter-copy{order:1}
 #site .process-story{display:block;min-height:0}
 #site .process-media{height:clamp(330px,48vw,420px);min-height:0}
 #site .process-detail{padding:29px 34px 34px}
 #site .process-detail h3{margin:9px 0 20px}
 #site .process-detail dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
 #site .process-detail dl>div{display:block;min-width:0}
 #site .process-detail dt{margin-bottom:7px}
 #site .process-detail dd{font-size:13px}
 #site .process-provenance{margin-top:17px}
}
@media(max-width:700px){
 #site .chapter{min-height:0;padding:43px 0 47px}
 #site .chapter-layout{gap:24px}
 #site .chapter-copy{max-width:none}
 #site .chapter-media{height:240px}
 #site .material-media{height:min(90vw,355px)}
 #site .process-media{height:auto;aspect-ratio:1.55;min-height:0}
 #site .process-detail{padding:27px 23px 30px}
 #site .process-detail dl{display:grid;grid-template-columns:1fr;gap:12px}
 #site .process-detail dl>div{display:grid;grid-template-columns:56px 1fr;gap:12px}
 #site .process-detail dd{font-size:12px}
 #site .process-heading{margin-bottom:22px}
}
/* Temporary scene layers contain inert DOM clones; the original chapters remain accessible. */
#site .cinematic-layer{position:fixed;inset:0;z-index:100;overflow:hidden;pointer-events:auto;isolation:isolate}
#site .cinematic-scene{position:absolute;inset:0;overflow:hidden;will-change:transform,clip-path,filter;backface-visibility:hidden}
#site .cinematic-scene .chapter{margin:0}
#site .cinematic-filter-defs{position:absolute;width:0;height:0;overflow:hidden}
#site .chapter h2[tabindex="-1"]:focus-visible{outline:none;position:relative}
#site .chapter h2[tabindex="-1"]:focus-visible::after{content:'';position:absolute;left:-14px;top:.08em;width:3px;height:1.1em;background:var(--forest)}
/* The opening is composed against both viewport axes; short screens scroll naturally. */
@media(min-width:701px){
 #site .site-header{height:clamp(78px,9.5svh,110px);padding-top:clamp(16px,2.3svh,28px)}
 #site .hero{min-height:0}
 #site .hero h1{font-size:clamp(49px,min(5.3vw,8.1svh),86px);line-height:.96}
 #site .hero p{font-size:clamp(14px,1.25vw,17px);margin:clamp(9px,1.3svh,15px) 0 clamp(10px,1.4svh,16px)}
 #site .hero-media{height:clamp(300px,calc(70svh - 165px),800px);aspect-ratio:auto;margin-top:clamp(-42px,-4.4svh,-24px)}
 #site .hero-media img{object-position:center 56%}
 #site .hero .journey{padding:clamp(9px,1.2svh,18px) 0 clamp(13px,1.9svh,27px)}
 #site .hero .journey-step figure{height:clamp(92px,11.6svh,160px);background:#f7f5ef}
 #site .hero .journey-step h2{font-size:clamp(16px,1.18vw,19px)}
 #site .hero .journey-step p{font-size:clamp(11px,.86vw,13px);margin:0;max-width:35ch}
 #site .hero .journey-step:nth-of-type(-n+2) img{object-fit:cover;object-position:center 64%}
 #site .hero .journey-step:last-child img{object-fit:cover;object-position:center 28%}
}
@media(min-width:701px) and (max-height:650px){
 #site .hero-media{height:max(235px,55svh);margin-top:-22px}
 #site .hero .journey-step figure{height:95px}
 #site .hero .journey{padding:12px 0 20px}
}
@media(max-width:700px){
 #site .hero{min-height:0}
 #site .journey-step figure{background:#f7f5ef}
 #site .journey-step:nth-of-type(-n+2) img{object-fit:cover;object-position:center 64%}
 #site .journey-step:last-child img{object-fit:cover;object-position:center 28%}
}
/* Keep the added explanation readable while preserving the editorial layout. */
#site .chapter-copy p+p{margin-top:13px}
#site .chapter-copy p{line-height:1.52}
#site .problem .quiet-line{margin-top:16px}
#site .process-heading p{max-width:70ch}
#site .process-detail dl{gap:12px}
#site .process-detail dl>div{padding-top:10px}
#site .process-detail h3{margin-bottom:18px}
#site .process-provenance{margin-top:17px}
#ps-gallery .ps-gallery-intro p{max-width:65ch}
#ps-gallery .ps-products-intro p{max-width:36ch}
@media(max-width:900px) and (min-width:701px){#site .process-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#site .process-detail dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#site .chapter-copy,#site .process-heading,#site .process-story,#site .chapter-media{transform:none!important;opacity:1!important;clip-path:none!important}#site .process-media{clip-path:none!important}}

/* Gesture-driven chapters settle at their natural reading height. */
#site .chapter{scroll-margin-top:0}
#site .problem.chapter,#site .process.chapter,#site .material-intention.chapter,#site .interior.chapter{height:auto;min-height:100svh;overflow:visible}
#site .problem .chapter-layout,#site .material-intention .chapter-layout,#site .interior .chapter-layout{position:relative;top:auto;height:auto}
#site .problem .chapter-copy,#site .problem .chapter-media,#site .interior .chapter-copy,#site .interior .chapter-media{position:relative;left:auto;top:auto;width:100%;max-width:660px;height:auto;opacity:1}
#site .problem .chapter-media,#site .interior .chapter-media{max-width:none;height:min(64svh,720px)}
#site .problem .chapter-copy :is(.eyebrow,h2,p){opacity:1}
#site .process.chapter>.site-shell{position:relative;top:auto;height:auto;padding-top:0;padding-bottom:0}
#site .material-intention .chapter-media{height:min(68svh,700px);max-height:none}
#site .material-intention .chapter-copy{max-width:660px}
#site .interior .chapter-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(42px,5.6vw,92px)}
#site .interior .chapter-media{grid-column:1;grid-row:1}
#site .interior .chapter-copy{grid-column:2;grid-row:1}
#ps-gallery .finish-scene{display:flex;flex-direction:column;justify-content:center;padding:clamp(46px,7svh,90px) max(4vw,calc((100vw - 1800px)/2)) clamp(42px,6svh,86px);min-height:100svh;background:#f3f2eb}
#ps-gallery .finish-scene .ps-gallery-intro{padding-top:0}
#ps-gallery .finish-scene [data-gallery-grid]{width:100%;margin:24px auto 0}
#ps-gallery .ps-product-showcase{min-height:100svh;height:auto;margin:0 auto;scroll-margin-top:0}
#site-tail .values{min-height:100svh;display:flex;align-items:center}
/* One ending destination: the green contact area uses the space left by
   the real footer and notes. Intrinsic sizing lets short screens/text grow. */
#site-tail .ending-scene{min-height:100svh;display:flex;flex-direction:column;overflow-anchor:none}
#site-tail .ending-scene .final-cta{min-height:0;flex:1 0 auto;display:flex;align-items:center;padding-block:clamp(38px,8svh,96px)}
#site-tail .ending-scene>.site-footer,#site-tail .ending-scene>.notes{flex:0 0 auto}
#site-tail .ending-scene .footer-row{min-height:94px;flex-wrap:wrap}
#site-tail .ending-scene .footer-nav{flex-wrap:wrap}
#site-tail .ending-scene .footer-row>small{white-space:normal}
#site-tail .ending-scene .cta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,70px)}
#site-tail .ending-scene .cta-actions>div{flex-wrap:wrap}
#site-tail .ending-scene .button{flex:0 0 auto;white-space:nowrap}
#site-tail .site-footer{min-height:130px}

/* Source swatches select a separately labelled finish visualisation. */
#site .material-selector{width:100%;max-width:630px;margin-top:25px}
#site .material-selector-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:11px;color:var(--forest)}
#site .material-selector-heading>span{font-size:11px;font-weight:800;letter-spacing:.09em}
#site .material-selector-heading strong{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
#site .material-carousel-row{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px}
#site .material-carousel-arrow{width:34px;height:54px;border:1px solid #b8c4b9;border-radius:3px;background:#f8f7f2;color:var(--forest);font-size:20px;transition:background .2s,transform .2s,border-color .2s}
#site .material-carousel-arrow:is(:hover,:focus-visible){background:#e3eadf;border-color:var(--forest);transform:scale(1.055)}
#site .material-carousel-arrow:active{transform:scale(.96)}
#site .material-carousel{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:auto;touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;cursor:grab}
#site .material-carousel::-webkit-scrollbar{display:none}
#site .material-carousel.is-dragging{cursor:grabbing;scroll-behavior:auto}
#site .material-swatch{flex:0 0 clamp(92px,9vw,132px);height:54px;position:relative;display:block;overflow:hidden;padding:0;border:2px solid transparent;border-radius:2px;background:#e6e4dc;transition:border-color .2s,transform .2s,box-shadow .2s}
#site .material-swatch img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center;pointer-events:none}
#site .material-swatch:is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 5px 12px #0d3a2b21}
#site .material-swatch[aria-pressed="true"]{border-color:var(--forest);box-shadow:0 0 0 1px #fff inset,0 0 0 2px var(--forest)}
#site .material-swatch:active{transform:scale(.98)}
#site .material-media{display:flex;flex-direction:column;justify-content:center;overflow:visible;background:transparent}
#site .material-preview-frame{position:relative;width:min(100%,min(68svh,700px));aspect-ratio:1;max-height:none;margin-inline:auto;overflow:hidden;background:#ece9e1}
#site .material-preview-frame>img,#site .material-preview-frame>canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#site .material-preview-frame>canvas{opacity:0;transition:opacity .32s ease}
#site .material-preview-frame>canvas.is-ready{opacity:1}
#site .material-preview-caption{display:flex;justify-content:space-between;gap:12px;padding-top:10px;color:#3c5145;font-size:12px;font-weight:700;letter-spacing:.02em}
#site .material-preview-caption span:last-child{font-variant-numeric:tabular-nums}
#site .material-preview-frame[aria-busy="true"]{cursor:progress}

@media(max-width:900px){
 #site .interior .chapter-layout{grid-template-columns:1fr;gap:30px}
 #site .interior .chapter-copy{grid-column:1;grid-row:1}
 #site .interior .chapter-media{grid-column:1;grid-row:2;height:clamp(330px,54vw,460px)}
 #site .problem .chapter-media{height:clamp(330px,54vw,460px)}
 #site .material-intention .chapter-media{height:auto}
 #site .material-preview-frame{width:min(100%,min(52svh,480px))}
}
@media(max-width:700px){
 #site .problem.chapter,#site .process.chapter,#site .material-intention.chapter,#site .interior.chapter{min-height:100svh;padding:43px 0 47px}
 #site .problem .chapter-media,#site .interior .chapter-media{height:240px}
 #site .material-intention .chapter-media{height:auto}
 #site .material-preview-frame{width:100%}
 #site .material-selector{margin-top:21px}
 #site .material-swatch{flex-basis:106px}
 #ps-gallery .finish-scene{padding:42px 19px 35px;min-height:100svh}
 #ps-gallery .ps-product-showcase{min-height:100svh}
 #site-tail .values{min-height:100svh}
}
@media(prefers-reduced-motion:reduce){#site .material-carousel{scroll-behavior:auto}#site .material-preview-frame>canvas,#site .material-swatch,#site .material-carousel-arrow{transition-duration:.01ms}}
@media(min-width:1600px){
 #site .chapter-layout{gap:clamp(74px,5vw,124px)}
 #site .chapter-copy h2{font-size:clamp(58px,3.3vw,82px)}
 #site .chapter-copy p{font-size:clamp(16px,.85vw,20px)}
 #site .material-swatch{flex-basis:clamp(132px,7.2vw,172px);height:64px}
 #site .material-carousel-arrow{height:64px}
 #site-tail .values h2,#site-tail .cta-row h2{font-size:clamp(52px,3vw,72px)}
}
@media(min-width:701px) and (max-width:1100px){
 #site-tail .values-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(25px,4vw,42px)}
 #site-tail .values-grid>div:first-child{grid-column:1 / -1;padding-right:0}
 #site-tail .values-grid>article:first-of-type{border-left:0;padding-left:0}
}
@media(max-width:700px){#site-tail .cta-actions>div{flex-wrap:wrap}#site-tail .cta-actions .button{white-space:nowrap;flex:0 0 auto}}
/* The material guide fits the settled opening before the one-gesture exit. */
@media(min-width:701px) and (min-height:700px){#site .hero-media{height:clamp(280px,calc(70svh - 200px),765px)}}
/* A centered, finite source carousel. Endpoints reverse playback instead of jumping. */
#site .material-intention .chapter-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(35px,4.4vw,96px)}
#site .material-intention .material-copy{max-width:none;min-width:0}
#site .material-copy h2{font-size:clamp(44px,4vw,72px)}
#site .material-copy p{max-width:53ch;font-size:clamp(14px,1.05vw,18px)}
#site .material-selector{max-width:none;margin-top:clamp(22px,3svh,35px);--finish-card-width:clamp(280px,29vw,465px);--finish-gap:14px}
#site .material-selector-heading{align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px 22px}
#site .material-selector-heading strong{font-size:clamp(15px,1.2vw,20px);letter-spacing:.02em}
#site .material-carousel-row{display:block}
#site .material-carousel{position:relative;gap:var(--finish-gap);padding-block:12px;min-width:0;scroll-behavior:auto;overflow-anchor:none;touch-action:pan-y;align-items:center}
#site .material-carousel-spacer{flex:0 0 max(0px,calc((100% - var(--finish-card-width))/2 - var(--finish-gap)));height:1px;pointer-events:none}
#site .material-swatch{flex:0 0 var(--finish-card-width);height:clamp(132px,18svh,190px);border:3px solid transparent;border-radius:2px;opacity:.58;transition:opacity 240ms,border-color 240ms,box-shadow 240ms,transform 220ms}
#site .material-swatch img{width:135.2%;max-width:none;height:100%;object-fit:cover;object-position:left center}
#site .material-swatch>span{position:absolute;left:12px;bottom:10px;padding:5px 8px;background:#f8f7f2ed;color:var(--forest);font-size:12px;font-weight:800;letter-spacing:.04em}
#site .material-swatch[aria-pressed="true"]{opacity:1;border-color:var(--forest);box-shadow:0 5px 12px #0d3a2b18}
#site .material-swatch:is(:hover,:focus-visible){opacity:1;transform:translateY(-2px)}
#site .material-swatch:focus-visible{outline:2px solid #a47b48;outline-offset:3px}
#site .material-progress{height:2px;background:#bcc7bb;margin:12px 0 17px;overflow:hidden}
#site .material-progress>span{display:block;height:100%;width:100%;background:var(--forest);transform-origin:left;transition:transform 280ms}
#site .material-selector-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#site .material-selector-controls button{flex:none;min-height:44px;border:1px solid #8b9f8e;background:transparent;color:var(--forest);border-radius:2px;padding:10px 14px;white-space:nowrap;font-size:12px;font-weight:700;transition:background 180ms,transform 180ms}
#site .material-selector-controls .material-carousel-arrow{width:44px;height:44px;padding:0;font-size:20px}
#site .material-selector-controls .material-play{min-width:120px}
#site .material-selector-controls .material-detail{margin-left:auto;border-color:transparent;padding-inline:0;text-decoration:underline;text-underline-offset:5px}
#site .material-selector-controls button:hover{background:#e0e6dc;transform:translateY(-1px)}
#site .material-selector-controls button:active{transform:scale(.96)}
#site .material-selector-controls button:disabled{opacity:.3;cursor:default;transform:none}
#site .material-selector-controls button:focus-visible{outline:2px solid #a47b48;outline-offset:3px}
@media(max-width:1050px){
 #site .material-intention .chapter-layout{grid-template-columns:1fr;gap:34px}
 #site .material-intention .material-copy{width:100%;max-width:none}
 #site .material-copy p{max-width:65ch}
 #site .material-selector{--finish-card-width:clamp(280px,60vw,560px)}
 #site .material-preview-frame{width:min(100%,min(62svh,640px))}
}
@media(max-width:700px){
 #site .material-selector{--finish-card-width:76vw;--finish-gap:12px;margin-top:24px}
 #site .material-swatch{height:144px}
 #site .material-selector-controls{gap:8px}
 #site .material-selector-controls .material-detail{margin-left:0;flex-basis:100%;text-align:left;min-height:36px}
 #site .material-preview-frame{width:100%}
}
@media(prefers-reduced-motion:reduce){#site .material-swatch,#site .material-progress>span,#site .material-selector-controls button{transition:none}}
@media(max-width:700px) and (min-height:760px){#site .hero-media{aspect-ratio:1.57}#site .journey-step{padding:6px 0}#site .journey-step figure{height:72px}}

/* Finish selector refinement: fixed cards, local edge mask, separate focus. */
#materials .material-selector{--finish-card-width:clamp(260px,27vw,450px);--finish-gap:16px;--finish-edge:clamp(18px,2.6vw,38px)}
#materials .material-selector-heading{flex-wrap:nowrap;min-height:25px}
#materials .material-selector-heading strong{white-space:nowrap;min-width:13ch;text-align:right;font-variant-numeric:tabular-nums}
#materials .material-carousel{display:block;overflow:hidden;padding-block:12px;mask-image:linear-gradient(to right,transparent,#000 var(--finish-edge),#000 calc(100% - var(--finish-edge)),transparent)}
#materials .material-carousel-track{position:relative;display:flex;align-items:center;gap:var(--finish-gap);width:max-content;will-change:transform}
#materials .material-swatch{flex:0 0 var(--finish-card-width);width:var(--finish-card-width);height:clamp(132px,18svh,190px);border:0;border-radius:2px;background:transparent;opacity:1;box-shadow:none;transform:none;transition:none}
#materials .material-swatch img{height:calc(100% - 10px)}
#materials .material-swatch::after{content:'';position:absolute;left:34%;right:34%;bottom:2px;height:2px;background:var(--forest);opacity:0;transition:opacity 180ms}
#materials .material-swatch[aria-pressed="true"]{border:0;opacity:1;box-shadow:none;transform:none}
#materials .material-swatch[aria-pressed="true"]::after{opacity:1}
#materials .material-swatch:is(:hover,:active,:focus-visible){transform:none;box-shadow:none}
#materials .material-swatch:focus-visible{outline:2px solid #a47b48;outline-offset:3px}
#materials .material-swatch:active::after{opacity:.55}
#materials .material-progress{height:1px;background:#d6ddd2;margin:10px 0 16px}
#materials .material-selector-controls{gap:8px;align-items:center}
#materials .material-selector-controls button{border-color:#c4cfc1;font-weight:600;background:transparent;min-height:44px}
#materials .material-selector-controls .material-play{min-width:120px}
#materials .material-selector-controls .material-detail{border-color:transparent}
#materials .material-preview-frame>canvas{transition:none}
@media(max-width:1050px){#materials .material-selector{--finish-card-width:clamp(260px,52vw,560px)}}
@media(max-width:700px){#materials .material-selector{--finish-card-width:clamp(196px,66vw,360px);--finish-gap:12px;--finish-edge:20px}#materials .material-swatch{height:144px}#materials .material-selector-controls .material-detail{min-height:44px}#materials .material-selector-heading strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){#materials .material-swatch::after{transition:none}}

/* Materials only: compact editorial copy beside a generous complete preview. */
#materials.material-intention.chapter{padding-block:clamp(40px,5svh,72px)}
#materials.material-intention .chapter-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(26px,3.4vw,68px);align-items:center}
#materials .material-copy{max-width:none}
#materials .material-copy h2{font-size:clamp(44px,3.9vw,78px);line-height:1.02;margin-bottom:18px}
#materials .material-copy p{max-width:48ch;margin:0;line-height:1.55}
#materials .material-copy .short-rule{margin-block:22px}
#materials .material-selector{margin-top:22px;--finish-card-width:clamp(250px,24vw,520px)}
#materials .material-swatch,#materials .material-loop-card{height:clamp(124px,17svh,185px)}
#materials .chapter-layout .material-media{height:auto;max-height:none;align-self:center}
#materials .material-preview-frame,#materials .material-preview-caption{width:min(100%,clamp(380px,calc(100svh - 150px),1100px));margin-inline:auto;flex:none}
#materials .material-progress{margin-block:8px 12px}
#materials .material-loop-card{flex:0 0 var(--finish-card-width);width:var(--finish-card-width);position:relative;display:block;overflow:hidden;padding:0;border:0;border-radius:2px;background:transparent}
#materials .material-loop-card img{display:block;width:135.2%;max-width:none;height:calc(100% - 10px);object-fit:cover;object-position:left center;pointer-events:none}
#materials .material-loop-card::after{content:'';position:absolute;left:34%;right:34%;bottom:2px;height:2px;background:var(--forest);opacity:0;transition:opacity 180ms}
#materials .material-loop-card.is-selected::after{opacity:1}
@media(max-width:1050px){
 #materials.material-intention .chapter-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 #materials .material-copy{width:100%}
 #materials .material-copy p{max-width:65ch}
 #materials .material-selector{--finish-card-width:clamp(260px,49vw,560px)}
 #materials .material-preview-frame,#materials .material-preview-caption{width:min(100%,clamp(340px,68svh,650px))}
}
@media(max-width:700px){
 #materials.material-intention.chapter{padding-block:38px}
 #materials.material-intention .chapter-layout{gap:26px}
 #materials .material-copy h2{font-size:clamp(42px,11vw,60px)}
 #materials .material-selector{margin-top:20px;--finish-card-width:clamp(196px,66vw,360px)}
 #materials .material-swatch,#materials .material-loop-card{height:144px}
 #materials .material-preview-frame,#materials .material-preview-caption{width:100%}
 #materials .material-copy .short-rule{margin-block:18px}
}
@media(prefers-reduced-motion:reduce){#materials .material-loop-card::after{transition:none}}

/* Compact swatches only; preserve the editorial columns, text and controls. */
#materials .material-selector{--finish-card-width:clamp(150px,14.4vw,312px);--finish-gap:10px;--finish-edge:clamp(14px,2vw,30px);margin-top:12px}
#materials .material-selector-heading{margin-bottom:6px}
#materials .material-carousel{padding-block:9px}
#materials .material-swatch,#materials .material-loop-card{height:clamp(74.4px,10.2svh,111px)}
#materials .material-progress{margin-block:6px 10px}
@media(max-width:1050px){#materials .material-selector{--finish-card-width:clamp(160px,29.4vw,336px)}}
@media(max-width:700px){
 #materials .material-selector{--finish-card-width:clamp(140px,43vw,200px);--finish-edge:18px;margin-top:12px}
 #materials .material-swatch,#materials .material-loop-card{height:88px}
}

/* Intrinsic responsive composition: tracks may overflow locally, chapters may
   grow vertically. Neither the document nor an entire chapter is scaled. */
.site-shell,#ps-gallery .ps-product-showcase{max-width:100%}
.chapter-layout>*,.journey-grid>*,.values-grid>*,.cta-row>*,.footer-row>*{min-width:0}
#site :is(h1,h2,h3),#ps-gallery :is(h2,h3),#site-tail :is(h2,h3){overflow-wrap:break-word;hyphens:auto}
.hero-actions,.ps-product-control-buttons,.process-actions{flex-wrap:wrap}
.button,.material-play,.ps-motion-toggle{flex-shrink:0;white-space:normal;overflow-wrap:normal}
.hero-actions .button{white-space:nowrap}
.desktop-nav a,.footer-nav a{min-height:44px;display:inline-flex;align-items:center}
.footer-nav{gap:clamp(12px,2vw,29px)}
.notes summary{min-height:44px;align-content:center;cursor:pointer}
#site .process-heading p{margin-inline:auto}
#site .process-detail dl>div{grid-template-columns:minmax(3rem,auto) minmax(0,1fr)}
#site .process-detail dd{overflow-wrap:break-word}
#site .process-actions{gap:8px}
#site .process-actions button{min-width:44px}
#ps-gallery .ps-product-control-buttons{flex-wrap:wrap}
#ps-gallery .ps-product-control-buttons button{min-width:44px;min-height:44px}
#ps-gallery .ps-gallery-intro{column-gap:clamp(24px,4vw,65px)}
#ps-gallery .ps-gallery-intro [data-gallery-status]{max-width:35ch}
#ps-gallery .ps-sample-row-shell{min-width:0}

/* Header switches before its navigation can become a narrow desktop row. */
@media(max-width:980px){
 .site-header{height:auto;min-height:78px;padding-block:12px;align-items:center;gap:16px}
 .site-header .site-logo{margin:0;min-width:0}
 .site-header .brand-image{width:100px;height:auto}
 .desktop-nav,.header-cta{display:none}
 .menu-toggle{display:block;flex:0 0 44px;width:44px;height:44px;border:1px solid #b8c7bb;background:transparent;color:var(--forest);position:relative;z-index:32}
 .menu-toggle span{display:block;width:18px;height:2px;background:currentColor;margin:5px auto;transition:transform var(--motion-state),opacity var(--motion-state)}
 .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:10px 20px 20px;z-index:31;box-shadow:0 20px 25px #12372919;transform-origin:top;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
 .mobile-nav[hidden]{display:none}
 .mobile-nav a{display:flex;align-items:center;min-height:48px;padding:12px 0;border-bottom:1px solid #d1d9cd;text-decoration:none;font-size:clamp(1rem,2.7vw,1.3rem);font-weight:700}
 .mobile-nav a:not(.button){border-bottom-color:transparent}
 .mobile-nav .button{justify-content:center;font-size:14px;margin-top:12px;color:white}
 #ps-gallery .ps-product-showcase{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:'intro' 'photo' 'controls';gap:22px}
 #ps-gallery .ps-products-intro,#ps-gallery .ps-product-controls{max-width:none}
 #ps-gallery .ps-products-intro p{max-width:60ch}
 #ps-gallery [data-products]{width:min(100%,36rem);justify-self:center}
 #ps-gallery .ps-product-meta{margin-top:18px}
}
@media(max-width:700px){
 .hero h1{font-size:clamp(2.1rem,9.7vw,3.75rem)}
 .hero-actions .button{min-height:44px;font-size:12px;padding:10px 12px}
 #site .chapter-copy h2{font-size:clamp(2.1rem,10.5vw,3.4rem)}
 #site .process-heading h2{font-size:clamp(2rem,9vw,3.25rem)}
 #site .process-detail{padding:24px 18px}
 #site .process-detail h3{font-size:clamp(1.6rem,7.8vw,2rem)}
 #site .process-detail dd,#site .process-provenance,#site .process-disclaimer{font-size:13px}
 #site .process-detail dl>div{column-gap:10px}
 #site .process-step{min-width:44px;min-height:44px}
 #site .process-list{grid-template-columns:repeat(5,minmax(0,1fr))}
 #materials .material-selector-heading{align-items:flex-start}
 #materials .material-selector-heading strong{font-size:14px;white-space:nowrap}
 #materials .material-selector-controls{gap:8px}
 #materials .material-selector-controls .material-play{min-width:0;padding-inline:12px}
 #site-tail .ending-scene .final-cta{padding-block:34px}
 #site-tail .ending-scene .cta-row{display:block}
 #site-tail .cta-row h2,#site-tail .values h2{font-size:clamp(2rem,9.2vw,2.75rem)}
 #site-tail .cta-actions .button{min-height:44px;font-size:12px;padding:10px 12px}
 .footer-nav{gap:6px 16px;margin-block:10px}
 .footer-row .site-logo{min-height:44px}
}
/* Short landscape windows retain a meaningful image beside readable copy. */
@media(min-width:701px) and (max-height:600px){
 #site .problem .chapter-layout,#site .interior .chapter-layout,#materials.material-intention .chapter-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,54px)}
 #site .interior .chapter-copy{grid-column:2;grid-row:1}
 #site .interior .chapter-media{grid-column:1;grid-row:1}
 #site .chapter{padding-block:32px}
 #site .chapter-copy h2{font-size:clamp(2rem,3.8vw,3.25rem)}
 #site .problem .chapter-media,#site .interior .chapter-media{height:clamp(230px,62svh,380px)}
 #materials .material-preview-frame,#materials .material-preview-caption{width:100%}
 #site .process-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}
 #site .process-media{height:auto;min-height:280px}
 #site .process-detail{padding:22px}
 #site .process-detail dl{grid-template-columns:minmax(0,1fr)}
 #site .process-detail dl>div{display:grid}
 #ps-gallery .finish-scene{padding-block:32px}
 #ps-gallery .ps-product-showcase{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:1fr 1fr;grid-template-areas:'intro photo' 'controls photo';padding-block:32px}
 #ps-gallery .ps-products-intro h2{font-size:clamp(2rem,3.8vw,3.25rem)}
}


/* Approved Corner Light opening. Both photographic plates share one coordinate system. */
@font-face{font-family:Corner Manrope;src:url("/site/fonts/Manrope-Variable.ttf") format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Corner Roboto Flex';src:url("/site/fonts/RobotoFlex-Variable.ttf") format('truetype');font-style:normal;font-weight:100 1000;font-stretch:25% 151%;font-display:swap}
#site>.corner-header{position:absolute;inset:0 0 auto;width:calc(100% - clamp(36px,6.5vw,112px));z-index:35;color:#f5f0e4;pointer-events:none}
.corner-header .site-header>*{pointer-events:auto}
.corner-header .site-header{height:100px;padding-top:26px;align-items:flex-start}
.corner-header .site-logo{min-width:150px;margin-top:-10px}
.corner-header .brand-image{width:110px;height:68px}
.corner-header .desktop-nav{gap:clamp(28px,4vw,60px)}
.corner-header .desktop-nav a{font:400 14px 'Corner Manrope',Arial,sans-serif}
.corner-header .nav-indicator{background:#efe8d5}
.corner-header .header-cta{border:1px solid #e1d8bc;color:#f5f0e4;background:#17180d60;font-weight:400;border-radius:5px}
.corner-header .header-cta:hover{background:#454634b0}
#site .hero.corner-light{position:relative;text-align:left;background:#252519}
#site .corner-stage{position:relative;isolation:isolate;height:100svh;min-height:620px;color:#f5f0e4;font-family:'Corner Manrope',Arial,sans-serif}
#site .corner-light .hero-media{position:absolute;inset:0;width:100%;height:100%;margin:0;aspect-ratio:auto;clip-path:none;background:#29291b;overflow:hidden}
#site .corner-light .hero-media img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform:none}
.corner-after{visibility:hidden}
.corner-brush{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cinematic-scene .corner-brush{visibility:hidden}
.cinematic-scene [data-corner-view="revealed"] .corner-after{visibility:visible}
#site .corner-light .hero-copy{position:absolute;left:73.6%;top:29%;width:23%;margin:0;padding:0;z-index:3}
#site .corner-light h1{font-family:'Corner Roboto Flex',Arial,sans-serif;font-size:clamp(25px,3.5vw,90px);line-height:1.1;font-weight:500;letter-spacing:-.035em;color:#f5f0e4;font-optical-sizing:none;font-synthesis:none}
.corner-line{display:block;white-space:nowrap;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em;min-height:1.1em}
.corner-line>span{display:inline-block;white-space:pre;font-variation-settings:'opsz' 72,'wdth' 88,'wght' 500}
/* The invisible maximum-axis glyph reserves the widest word. */
.corner-line strong{display:inline-grid;vertical-align:baseline;font-weight:inherit}
.corner-line strong::after{content:attr(data-word);visibility:hidden;grid-area:1/1;font-variation-settings:'opsz' 72,'wdth' 100,'wght' 720}
.corner-word{display:block;grid-area:1/1;font-variation-settings:'opsz' 72,'wdth' 80,'wght' 500}
#site .corner-light .hero-copy p{font-size:clamp(11px,1.05vw,17px);font-weight:400;color:#eee8d9;line-height:1.6;margin:22px 0 0;max-width:32ch}
.corner-actions{position:absolute;right:3.4%;bottom:5%;z-index:5;display:grid;gap:12px;color:#f1e9d5}
.corner-actions>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.corner-cue{font-size:12px;line-height:1.5;min-height:18px}
.corner-actions button{min-height:44px;padding:10px 15px;border:1px solid #f1e9d575;border-radius:3px;background:#20231780;color:inherit;font:500 12px/1.3 'Corner Manrope',Arial,sans-serif;white-space:nowrap;transition:background 180ms,transform 180ms;cursor:pointer}
.corner-actions button:hover{background:#43513bc0;transform:translateY(-2px)}
.corner-actions button:active{transform:translateY(0) scale(.97)}
.corner-actions button:focus-visible{outline:2px solid #f1e9d5;outline-offset:4px}
.corner-actions button:disabled{opacity:.6;cursor:progress}
@media(min-width:701px) and (max-height:650px){#site .corner-stage{min-height:500px}#site .corner-light .hero-copy{top:31%}}
@media(max-width:980px){.corner-header .menu-toggle{color:#f5f0e4;border-color:#f1e9d56b}.corner-header .mobile-nav{color:var(--ink)}.corner-header .site-header{height:88px;padding-top:16px;align-items:center}.corner-header .site-logo{margin:0}.corner-header .brand-image{width:100px;height:62px}}
@media(max-width:700px){
 #site>.corner-header{width:calc(100% - 36px)}
 .corner-header .site-header{height:88px;padding:0}.corner-header .site-logo{min-width:100px}
 #site .corner-stage{display:flex;flex-direction:column;height:auto;min-height:0;padding-top:116px;background:#292b1d}
 #site .corner-light .hero-copy{position:relative;left:auto;top:auto;width:auto;margin:0 60px 30px 24px;padding:0}
 #site .corner-light h1{font-size:clamp(34px,9.8vw,58px);line-height:1.1}
 #site .corner-light .hero-copy p{font-size:13px;margin:18px 0 0;max-width:29ch}
 #site .corner-light .hero-media{position:relative;inset:auto;order:2;width:100%;height:clamp(300px,75vw,430px);aspect-ratio:auto;flex:none;margin:0}
 #site .corner-light .hero-media img{object-fit:cover;object-position:45% center}
 .corner-actions{position:relative;right:auto;bottom:auto;order:3;padding:18px 24px 24px;gap:9px}
 .corner-actions button{background:#f1e9d50c}
}
@media(max-height:500px) and (min-width:701px){#site .corner-stage{min-height:390px}.corner-actions{bottom:5%;right:3%}.corner-header .site-header{height:80px}#site .corner-light .hero-copy{top:30%}.corner-actions>div{gap:8px}.corner-actions button{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.corner-actions button{transition:none}.corner-actions button:hover{transform:none}.corner-word{font-variation-settings:'opsz' 72,'wdth' 90,'wght' 640}}

/* Complete appearance groups. Only the inner library is bounded on desktop. */
#ps-gallery .sample-library{position:relative;box-sizing:border-box;height:100svh;min-height:680px;padding:clamp(28px,4vh,58px) clamp(20px,4vw,100px);background:#f4f3ed;color:#153e30;overflow:visible;overflow-anchor:none;transform:none;scroll-margin-top:0}
.library-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.library-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,2.8vw,58px);max-width:2300px;margin:auto;align-items:center;height:100%}
.library-main{min-width:0}
#ps-gallery .library-heading{margin:0 0 20px}
#ps-gallery .library-heading .eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:10px}
#ps-gallery .library-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,3.55vw,66px);font-weight:800;line-height:1.08;letter-spacing:-.045em;margin:0 0 10px;color:#153e30}
#ps-gallery .library-heading p{font-size:clamp(14px,1.18vw,20px);line-height:1.5;color:#687168;margin:0}
.library-tools{display:grid;gap:12px;margin-bottom:22px}.library-filters{display:flex;gap:7px;flex-wrap:wrap}.library-category{display:none}
#ps-gallery .library-filters button,#ps-gallery .library-empty button{min-height:36px;padding:8px 10px;border:1px solid #c7cebf;border-radius:1px;background:transparent;color:#153e30;font:600 11px/1.4 Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background 160ms,color 160ms,translate 160ms}
#ps-gallery .library-filters button[aria-pressed=true]{background:#173e30;color:#fff;border-color:#173e30}
#ps-gallery .library-filters button:hover{translate:0 -1px;background:#e8eade}#ps-gallery .library-filters button[aria-pressed=true]:hover{background:#254f3d}
.library-search{min-width:0;width:100%}.library-search input,.library-category select{box-sizing:border-box;display:block;width:100%;min-height:42px;padding:9px 12px;border:1px solid #c7cebf;border-radius:1px;background:#f4f3ed;font:13px/1.5 Arial,sans-serif;color:#153e30}
#ps-gallery .sample-library [data-gallery-grid]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:max-content;align-content:start;align-items:start;gap:18px 14px;max-width:none;max-height:none;width:100%;height:auto;min-height:var(--library-grid-height,320px);padding:0;margin:0;overflow:visible;mask:none;border:0;outline:0;box-shadow:none}
#ps-gallery .sample-library [data-gallery-grid]::after{content:none}
#ps-gallery .library-sample{display:flex;flex-direction:column;gap:7px;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;text-align:left;color:#24483a;cursor:pointer;transform:none;box-shadow:none;outline:0;scroll-margin-block:130px 24px}
#ps-gallery .library-sample[hidden]{display:none}.library-texture{display:block;position:relative;width:100%;aspect-ratio:2.85;overflow:hidden;background:#e2e2d7;outline:1px solid transparent;outline-offset:3px;transition:translate 180ms,outline-color 180ms}
#ps-gallery .library-texture img{display:block;width:145%;max-width:none;height:100%;object-fit:cover;object-position:left center;transform-origin:left center;transition:scale 200ms}
#ps-gallery .library-sample>span:last-child{display:block;font:12px/1.35 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}
#ps-gallery .library-sample:focus-visible .library-texture{outline-color:#44725a}
#ps-gallery .library-sample[aria-pressed=true] .library-texture{outline-color:#1e523b}
#ps-gallery .library-sample:focus-visible .library-texture{outline:2px solid #153e30;outline-offset:4px}#ps-gallery .library-sample:active .library-texture{translate:0 0}
#ps-gallery .library-result{margin:18px 0 0;font:12px/1.5 Arial,sans-serif;color:#687168;min-height:20px;font-variant-numeric:tabular-nums}
.library-empty{padding:18px 0}.library-empty[hidden]{display:none}.library-empty p{margin:0 0 15px}
.library-preview{min-width:0;position:sticky;top:24px;align-self:center;z-index:1}.library-preview-inner{width:100%}
.library-preview-frame{position:relative;isolation:isolate;aspect-ratio:.96;width:100%;max-height:67svh;background:#ecece4;overflow:hidden}
.library-preview-frame img,.library-preview-frame canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;max-width:none;pointer-events:none}
.library-preview-frame [data-library-preview]{z-index:1;opacity:0}.library-preview-frame [data-library-blend]{z-index:2;opacity:0}
.library-preview-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 0 0}.library-preview-meta>div{min-width:0}
.library-preview-meta strong{display:block;font:800 clamp(20px,1.7vw,32px)/1.2 Arial,sans-serif;min-width:7ch;font-variant-numeric:tabular-nums}
.library-preview-meta span{display:block;font:14px/1.5 Arial,sans-serif;color:#687168;margin-top:4px}
#ps-gallery [data-library-original]{border:0;border-bottom:1px solid #51745b;border-radius:0;background:transparent;min-height:40px;padding:9px 0;font:600 12px/1.5 Arial,sans-serif;color:#153e30;cursor:pointer;white-space:nowrap}
#ps-gallery .library-tools button:focus-visible,#ps-gallery .library-tools input:focus-visible,#ps-gallery .library-tools select:focus-visible,#ps-gallery [data-library-original]:focus-visible,#ps-gallery .library-empty button:focus-visible{outline:2px solid #24533c;outline-offset:3px}
#ps-gallery .sample-library.library-searching{height:auto;min-height:100svh}.library-searching .library-layout{height:auto;align-items:start}.library-searching .library-preview{align-self:start}
@media(min-width:1200px){#ps-gallery .sample-library [data-gallery-grid]{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px}}
@media(max-width:1199px) and (min-width:701px){.library-layout{gap:24px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.library-preview-meta{flex-direction:column;align-items:flex-start;gap:5px}.library-preview-meta span{font-size:12px}#ps-gallery .sample-library [data-gallery-grid]{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 12px}}
@media(max-width:900px) and (min-width:701px){.library-filters{display:none}.library-category{display:block}.library-tools{grid-template-columns:1fr 1fr}#ps-gallery .sample-library [data-gallery-grid]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:701px) and (max-height:679px){#ps-gallery .sample-library{height:auto;min-height:680px}.library-layout{height:auto}.library-preview-frame{max-height:none;aspect-ratio:1.15}}
@media(max-width:700px){
 #ps-gallery .sample-library{height:auto;min-height:100svh;padding:28px 20px}
 .library-layout{grid-template-columns:minmax(0,1fr);gap:18px;height:auto}.library-main{display:contents}
 #ps-gallery .library-heading{order:0;margin:0}#ps-gallery .library-heading h2{font-size:32px;margin-bottom:8px}#ps-gallery .library-heading p{font-size:14px}
 .library-preview{order:1;position:sticky;top:0;align-self:start;background:#f4f3ed;z-index:6;padding:6px 0}
 .library-preview-inner{display:grid;grid-template-columns:clamp(72px,12svh,104px) minmax(0,1fr);gap:14px;align-items:center}
 .library-preview-frame{height:auto;aspect-ratio:1;max-height:none}.library-preview-meta{display:block;padding:0}
 .library-preview-meta strong{font-size:21px}.library-preview-meta span{font-size:11px;line-height:1.4;margin-top:2px}
 #ps-gallery [data-library-original]{white-space:normal;font-size:11px;line-height:1.4;margin-top:4px;min-height:44px}
 .library-tools{order:2;gap:9px;margin:0}.library-filters{display:none}.library-category{display:block}
 .library-search input,.library-category select{min-height:44px;font-size:14px}
 #ps-gallery .sample-library [data-gallery-grid]{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
 #ps-gallery .library-result{order:5;margin:0;font-size:11px}.library-empty{order:4}
}
@media(max-width:350px){#ps-gallery .sample-library{padding:22px 16px}.library-layout{gap:14px}#ps-gallery .library-heading h2{font-size:29px}.library-preview-inner{grid-template-columns:72px minmax(0,1fr);gap:12px}}
@media(prefers-reduced-motion:reduce){#ps-gallery .sample-library *{transition:none!important;scroll-behavior:auto}.library-sample:hover img{scale:none}}

/* Reference glass material, fitted to the original swatch silhouette. */
.library-lens{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;z-index:1;pointer-events:none;overflow:hidden;border:1px solid #ffffffb0;border-radius:inherit;background:#ffffff2b;opacity:0;visibility:hidden;box-shadow:inset 0 1px 1px #fff9;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity 160ms ease,visibility 160ms;isolation:isolate}
.library-lens[data-visible=true]{opacity:1;visibility:visible}
.library-lens-optic{position:absolute;inset:0;overflow:hidden;border-radius:inherit;filter:blur(.35px)}
#ps-gallery .library-lens img{position:absolute;left:0;top:0;display:block;width:145%;height:100%;max-width:none;object-fit:cover;object-position:left center;transform:scale(1.12);transform-origin:34.482759% center;transition:none}
.library-lens::before{content:'';position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(125deg,#ffffff35,transparent 33%,transparent 70%,#ffffff17);box-shadow:inset 2px 2px 2px #ffffffb5,inset -2px -2px 3px #ffffff75,inset 0 0 0 4px #ffffff20}
.library-lens::after{content:'';position:absolute;inset:3px;z-index:2;border:1px solid #ffffff52;border-radius:inherit;background:radial-gradient(ellipse 70% 18% at 50% 0%,#ffffff80,transparent 90%);box-shadow:0 0 2px #ffffff40,inset 0 -1px 1px #153e3020}
@media(hover:none),(pointer:coarse){.library-lens{display:none}}
@media(prefers-reduced-motion:reduce){.library-lens{transition:none}.library-lens img{transform:none}}

@font-face{font-family:TechwoodFraunces;src:url("/site/refresh-20261020/fonts/Fraunces-Italic-VF.ttf") format('truetype');font-style:italic;font-weight:100 900;font-display:swap}
.tw-refresh{--tw-paper:#eee9de;--tw-ink:#282c24;--tw-olive:#666b40;--tw-line:#c7c6b7;color:var(--tw-ink);background:var(--tw-paper);padding:clamp(24px,6vw,96px);font-family:inherit;box-sizing:border-box}
.tw-refresh *{box-sizing:border-box}.tw-refresh button,.tw-refresh select,.tw-refresh input{font:inherit}.tw-refresh button,.tw-refresh a,.tw-refresh summary,.tw-refresh select{touch-action:manipulation}.tw-refresh button:focus-visible,.tw-refresh a:focus-visible,.tw-refresh select:focus-visible,.tw-refresh summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.tw-eyebrow{display:block;font-size:11px;line-height:1.4;letter-spacing:.17em;font-weight:600;text-transform:uppercase}.tw-section-head{max-width:950px}.tw-section-head h2{font-size:clamp(40px,5.8vw,84px);font-weight:400;letter-spacing:-.05em;line-height:1.02;margin:24px 0}.tw-section-head h2 em{font-family:TechwoodFraunces,Georgia,serif;font-weight:450;font-variation-settings:'SOFT' 60,'WONK' 1,'opsz' 100}.tw-section-head>p:last-of-type{line-height:1.6;max-width:58ch}
/* Replace only the existing title, preserving the photograph / brush controller. */
/* Attach this to the INNER sample library, never its parent containing 24 photos. */
.tw-finish-stage{height:100svh;min-height:600px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:clip}.tw-finish-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:32px}.tw-finish-page{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;min-height:0}.tw-finish-preview{position:relative;min-height:0;align-self:stretch}.tw-finish-pager{display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px}.tw-finish-pager button{min-height:44px;min-width:44px}
.tw-impact{background:#dfe2d4}.tw-impact-equation{display:grid;grid-template-columns:1fr auto 1.3fr;align-items:start;gap:5vw;padding:54px 0 36px;border-bottom:1px solid var(--tw-line)}.tw-impact-equation strong{display:block;font-size:clamp(64px,8.8vw,132px);font-weight:450;letter-spacing:-.06em;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}.tw-impact-equation strong small{font-size:clamp(14px,1.9vw,26px);letter-spacing:-.02em}.tw-impact-equation p{font-size:13px;line-height:1.6;max-width:34ch}.tw-equation-sign{font-size:40px;padding-top:38px;color:var(--tw-olive)}.tw-impact-controls{display:flex;justify-content:space-between;gap:40px;padding:32px 0}.tw-impact-controls label{width:min(420px,100%);font-size:13px}.tw-impact-controls input{display:block;width:100%;margin-top:24px;accent-color:var(--tw-olive);height:32px}.tw-impact-controls p{font-size:13px;line-height:1.7}.tw-method{font-size:12px;line-height:1.7;border-top:1px solid var(--tw-line);padding-top:20px;max-width:90ch}.tw-method summary{cursor:pointer;font-weight:600;min-height:30px}.tw-method a{color:inherit}.tw-material-lines{margin-top:24px;max-width:300px}.tw-material-lines i{height:6px;background:var(--tw-olive);display:block;margin-top:6px;transform-origin:left;opacity:.35}.tw-in-view .tw-material-lines i{animation:tw-grow 1s both}.tw-material-lines i:nth-child(2){animation-delay:90ms}.tw-material-lines i:nth-child(3){animation-delay:180ms}.tw-material-lines i:nth-child(4){animation-delay:270ms}.tw-material-lines i:nth-child(5){animation-delay:360ms}@keyframes tw-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.tw-data-status{display:inline-block;border-bottom:1px solid var(--tw-olive);padding:8px 0;font-size:12px}.tw-database-layout{display:grid;grid-template-columns:minmax(210px,.32fr) minmax(0,1fr);gap:64px;margin-top:44px;padding-top:32px;border-top:1px solid var(--tw-line)}.tw-model-browser h3{font-weight:500;font-size:22px;margin-top:0}.tw-family-list{display:grid;gap:8px;margin:24px 0 32px}.tw-family-list button{border:0;border-bottom:1px solid var(--tw-line);background:transparent;text-align:left;padding:12px 0;color:inherit;cursor:pointer;min-height:44px}.tw-family-list button[aria-pressed=true]{color:var(--tw-olive);font-weight:700;border-color:var(--tw-olive)}.tw-model-browser select{display:block;width:100%;margin:12px 0 24px;background:transparent;border:1px solid var(--tw-line);padding:14px;color:inherit}.tw-model-description{font-size:12px;line-height:1.7;max-width:48ch}.tw-model-browser a{font-size:12px;color:inherit}.tw-model-browser small{font-size:11px;line-height:1.6;display:block}.tw-source-metrics{margin-top:32px}.tw-source-metrics>div{padding:12px 0;border-top:1px solid var(--tw-line)}.tw-source-metrics dt{font-size:11px}.tw-source-metrics dd{font-size:20px;margin:8px 0 0}.tw-data-main{min-width:0}.tw-data-tabs{display:flex;gap:20px;border-bottom:1px solid var(--tw-line);overflow:auto}.tw-data-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 16px;min-height:44px;color:inherit;cursor:pointer;white-space:nowrap;font-size:13px}.tw-data-tabs button[aria-pressed=true]{border-color:var(--tw-olive);font-weight:700}.tw-data-panel{padding-top:30px;min-height:460px;min-width:0}.tw-data-panel h3{font-size:26px;font-weight:400;margin:0 0 16px}.tw-data-panel>p{font-size:12px;line-height:1.65}.tw-profile-head h3{font-size:46px;letter-spacing:-.04em;margin-top:10px}.tw-profile-art{display:block;width:100%;height:300px;max-width:540px;overflow:hidden;margin:16px auto 32px}.tw-table-wrap{max-width:100%;overflow:auto}.tw-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.5;text-align:left}.tw-table-wrap caption{text-align:left;margin-bottom:18px;font-size:14px}.tw-table-wrap th,.tw-table-wrap td{padding:14px 10px;border-bottom:1px solid var(--tw-line);vertical-align:top}.tw-table-wrap th{font-weight:550}.tw-table-wrap thead{color:var(--tw-olive)}.tw-table-wrap th:first-child{padding-left:0}.tw-ordering{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tw-ordering>div{border-top:1px solid var(--tw-line);padding-top:16px}.tw-ordering dt{font-size:11px}.tw-ordering dd{margin:12px 0 0;font-size:18px;line-height:1.4}.tw-chart{display:block;width:100%;max-width:760px;margin:24px 0 0}.tw-chart-grid{stroke:var(--tw-line);stroke-width:1;fill:none}.tw-chart-grid text{stroke:none;fill:#62665a;font:12px Arial,sans-serif}.tw-series{fill:currentColor;color:var(--tw-olive)}.tw-series-pvc{color:#85887f}.tw-series-wood{color:#a37452}.tw-chart-line{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tw-chart-live .tw-chart-line{animation:tw-draw 1.2s ease-out both}.tw-chart-key{display:flex;gap:20px;font-size:12px}.tw-chart-key span:first-child{color:var(--tw-olive)}.tw-chart-key span:nth-child(2){color:#85887f}.tw-chart-key span:nth-child(3){color:#a37452}@keyframes tw-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media(min-width:1600px) and (min-height:850px){.tw-finish-page{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:767px){.tw-refresh{padding:48px 22px}.tw-section-head h2{font-size:44px}.tw-impact-equation{grid-template-columns:1fr;gap:24px;padding:32px 0}.tw-impact-equation strong{font-size:clamp(58px,18vw,88px)}.tw-equation-sign{font-size:24px;padding-top:0;transform:rotate(90deg);justify-self:start;margin-left:15px}.tw-impact-controls{flex-direction:column;gap:4px}.tw-database-layout{grid-template-columns:1fr;gap:24px}.tw-family-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.tw-family-list button{font-size:11px;line-height:1.5}.tw-model-browser h3{font-size:20px}.tw-source-metrics{display:flex;justify-content:space-between;gap:12px}.tw-source-metrics dd{font-size:16px}.tw-source-metrics dt{font-size:10px}.tw-model-browser>small{font-size:10px}.tw-data-tabs{gap:18px}.tw-data-panel{min-height:360px}.tw-profile-art{height:240px}.tw-ordering{grid-template-columns:1fr}.tw-table-wrap table{min-width:570px}.tw-finish-stage{height:100svh;min-height:568px}.tw-finish-body{display:flex;flex-direction:column-reverse;gap:12px}.tw-finish-preview{height:117px;flex:none}.tw-finish-page{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));flex:1}.tw-type-kicker{font-size:12px}.tw-type-keyword{font-size:clamp(64px,20vw,108px)}}
@media(max-width:767px) and (max-height:660px){.tw-finish-preview{height:92px}.tw-finish-page{grid-template-rows:repeat(2,minmax(0,1fr))}.tw-type-keyword{font-size:64px}}
@media(prefers-reduced-motion:reduce){.tw-refresh *, .tw-headline *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tw-headline .tw-type-line{opacity:1;transform:none;clip-path:none}.tw-chart-line{stroke-dashoffset:0}}

/* The letters alone own vertical transforms; no changing font metrics. */
.tw-headline{margin:0;color:#f6f0df!important;font-weight:400!important;line-height:1!important;letter-spacing:0!important;overflow:visible!important;--hero-lift:22px}
.tw-headline .tw-type-line{display:block;overflow:visible;padding-bottom:.12em;margin-bottom:-.12em}
.tw-type-kicker{display:block;font-family:var(--font-body,Arial,sans-serif);font-size:clamp(13px,1.7vw,26px);font-weight:350;letter-spacing:.19em;line-height:1.7;text-transform:uppercase}
.tw-type-keyword{display:block;font-family:TechwoodFraunces,Georgia,serif;font-style:italic;font-weight:520;font-size:clamp(74px,9.4vw,154px);line-height:1.03;letter-spacing:-.07em;font-variation-settings:'wght' 520,'opsz' 120,'SOFT' 55,'WONK' 1;padding-right:.12em;overflow:visible}
.tw-headline .hero-char{display:inline-block;vertical-align:baseline;letter-spacing:0;overflow:visible;transform:translate3d(0,calc(var(--hero-rise,0) * var(--hero-lift)),0);will-change:transform}
@media(max-width:700px){.tw-headline{--hero-lift:12px}}
@media(prefers-reduced-motion:reduce){.tw-headline .hero-char{transform:none;will-change:auto}}

/* Local integration: retain the existing chapter grid, photographs and controls. */
.tw-refresh{--tw-paper:#f4f3ed;--tw-ink:#153e30;--tw-olive:#627457;--tw-line:#c9cdbf;position:relative;padding:clamp(32px,4.4vw,76px) clamp(20px,4vw,100px)}
.tw-section-head h2{font-size:clamp(38px,4.6vw,70px);margin:18px 0}
.tw-section-head>p{font-size:14px}
#impact{background:#e7e9dd;min-height:100svh}
.tw-impact-equation{gap:3vw;padding:34px 0 28px}
.tw-impact-equation strong{font-size:clamp(56px,7.5vw,112px)}
.tw-impact-controls{padding:22px 0}
.tw-slat-data{min-height:100svh}
.tw-database-layout{gap:clamp(24px,4vw,64px);margin-top:25px;padding-top:24px}
.tw-data-panel{min-height:400px;padding-top:24px}
.tw-family-mobile{display:none}
.tw-chart-metric{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;margin-top:22px}
.tw-chart-metric select{padding:10px;border:1px solid #bdc7b7;background:transparent;color:inherit;min-height:44px}
.tw-exact-values{margin-top:24px}
.tw-chart:not(.tw-chart-live) .tw-chart-line{stroke-dasharray:1;stroke-dashoffset:1}
.tw-refresh button{transition:color 160ms,background 160ms,translate 160ms;cursor:pointer}
.tw-refresh button:hover{translate:0 -1px;color:#617848}
.tw-refresh button:active{translate:0 1px}

#site .corner-light .tw-headline{font-family:TechwoodFraunces,Georgia,serif}
.tw-headline .tw-type-line{overflow:visible}

.tw-headline .tw-type-kicker{font-family:'Corner Manrope',Arial,sans-serif;font-size:clamp(12px,1.1vw,20px);font-weight:500;line-height:1.8;letter-spacing:.2em}
.tw-headline .tw-type-keyword{font-size:clamp(68px,8.6vw,154px);letter-spacing:-.065em;line-height:1.03;white-space:nowrap}
#site .corner-light .hero-copy{top:23%;width:24%}
@media(min-width:701px) and (max-height:700px){
 #site .corner-light .hero-copy{top:22%}
 .tw-headline .tw-type-keyword{font-size:clamp(62px,15svh,105px)}
 #site .corner-light .hero-copy p{margin-top:12px}
}
@media(max-width:1000px) and (min-width:701px){
 .tw-headline .tw-type-keyword{font-size:clamp(66px,9vw,90px)}
 #site .corner-light .hero-copy{left:71%;width:27%}
}
@media(max-width:700px){
 #site .corner-light .hero-copy{top:auto;width:auto;margin:0 24px 24px}
 .tw-headline>span{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
 .tw-type-line:nth-child(1){grid-area:1/1}.tw-type-line:nth-child(2){grid-area:2/1}.tw-type-line:nth-child(3){grid-area:1/2}.tw-type-line:nth-child(4){grid-area:2/2}
 .tw-headline .tw-type-keyword{font-size:clamp(62px,21vw,110px)}
 .tw-headline .tw-type-kicker{font-size:11px}
 #site .corner-light .hero-copy p{max-width:32ch;font-size:12px;margin-top:20px}
 .tw-family-mobile{display:block}
 .tw-family-list{display:none}
 .tw-database-layout{gap:20px}
 .tw-source-metrics{margin-top:18px;gap:10px}
 .tw-model-browser select{padding:10px;margin:8px 0 16px}
 .tw-data-panel{min-height:0}
 .tw-impact-equation{gap:22px}
 .tw-impact-equation strong{font-size:clamp(52px,16vw,88px)}
 .tw-impact-controls{gap:8px}
 .tw-table-wrap table{min-width:570px}
}
@media(prefers-reduced-motion:reduce){.tw-headline:not(.tw-type-entered) .tw-type-line{opacity:1}.tw-refresh button{transition:none}.tw-refresh button:hover,.tw-refresh button:active{translate:none}.tw-chart:not(.tw-chart-live) .tw-chart-line{stroke-dashoffset:0}}

.tw-profile-pair{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;margin:30px 0 24px;align-items:start}
.tw-profile-pair figure{margin:0;min-width:0}
.tw-profile-pair figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--tw-line);padding-top:15px;color:#62665a;font-size:11px;line-height:1.5}
.tw-profile-pair figcaption .tw-eyebrow{color:#364139}
.tw-profile-pair a{color:inherit;text-underline-offset:4px}
.tw-profile-product-stage{display:grid;place-items:center;aspect-ratio:1.3;overflow:hidden}
.tw-profile-product-stage img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;transform-origin:50% 65%;animation:tw-profile-arrive 850ms cubic-bezier(.16,1,.3,1) both}
.tw-profile-drawing-stage{display:grid;place-items:center;min-height:188px;padding-top:8px}
.tw-profile-drawing-stage img{display:block;width:100%;height:auto;animation:tw-section-arrive 700ms cubic-bezier(.16,1,.3,1) 130ms both}
.tw-profile-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin:8px 0 0;padding-top:16px;border-top:1px solid var(--tw-line)}
.tw-profile-dimensions>div{min-width:0}
.tw-profile-dimensions dt{font-size:11px;line-height:1.5;color:#62665a}
.tw-profile-dimensions dd{margin:5px 0 0;color:#263b32;font-size:20px;line-height:1.35;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.tw-profile-reference{font-size:11px;line-height:1.7;color:#62665a;max-width:70ch}
@keyframes tw-profile-arrive{from{opacity:0;transform:translate3d(-22px,20px,0) rotate(-5deg) scale(.91)}to{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes tw-section-arrive{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translate3d(10px,0,0)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translate3d(0,0,0)}}
@media(min-width:768px) and (max-width:1100px){.tw-profile-pair{grid-template-columns:1fr;gap:14px}.tw-profile-product-stage{aspect-ratio:1.8}.tw-profile-product-stage img{max-height:270px}.tw-profile-drawing-stage{max-width:460px;margin:auto}}
@media(max-width:767px){.tw-profile-pair{grid-template-columns:1fr;gap:22px;margin-top:22px}.tw-profile-product-stage{aspect-ratio:1.5}.tw-profile-product-stage img{max-height:280px}.tw-profile-drawing-stage{padding-top:0;min-height:160px;max-width:460px;margin:auto}.tw-profile-dimensions{margin-top:0}.tw-profile-reference{font-size:11px}.tw-profile-dimensions dd{font-size:20px}}
@media(prefers-reduced-motion:reduce){.tw-profile-product-stage img,.tw-profile-drawing-stage img{animation:none}}

@font-face{font-family:'TechwoodHero Sans';src:url("/site/fonts/Inter-Variable.woff2") format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

/* The approved wall rectangle ends above the stone bench. Both axes constrain type. */
#site .corner-light .hero-copy{left:73.6%;right:3.4%;top:23%;width:auto;height:34%;padding:8px 6px;box-sizing:border-box;container-type:size;overflow:clip;--hero-kicker-size:clamp(10px,min(3.8cqw,3.7cqh),12px);--hero-description-size:clamp(10px,min(3.6cqw,3.6cqh),12px);--hero-group-gap:min(6px,2cqw,2cqh);--hero-body-gap:min(6px,2cqw,2cqh);--hero-type-reserve:4px;--hero-word-size:calc((100cqh - var(--hero-kicker-size)*2.7 - var(--hero-description-size)*4.5 - var(--hero-group-gap) - var(--hero-body-gap) - var(--hero-type-reserve))/1.88)}
#site .corner-light .tw-headline{font-family:'TechwoodHero Sans',Arial,sans-serif;font-style:normal;font-weight:700!important;line-height:1!important;letter-spacing:0!important;overflow:visible!important}
#site .tw-headline>span{display:block}
#site .tw-headline .tw-type-line{display:block;overflow:visible;padding:0;margin:0}
#site .tw-headline .tw-type-line:nth-child(3){margin-top:var(--hero-group-gap)}
#site .tw-headline .tw-type-kicker{display:block;font-family:'TechwoodHero Sans',Arial,sans-serif;font-size:var(--hero-kicker-size);line-height:1.35;font-weight:500;letter-spacing:.1em;white-space:pre;text-transform:uppercase}
#site .tw-headline .tw-type-keyword{display:block;position:relative;width:max-content;transform:scaleX(var(--word-stretch,1));transform-origin:left center;font-family:'TechwoodHero Sans',Arial,sans-serif;font-size:min(50cqw,var(--hero-word-size),230px);font-weight:700;font-style:normal;font-variation-settings:normal;font-optical-sizing:none;line-height:.94;letter-spacing:-.075em;padding:0;white-space:nowrap;overflow:visible}
.tw-hero-word-base{display:block;opacity:1}
.tw-hero-slat-clip{position:absolute;inset:0;display:block;visibility:hidden;overflow:clip;perspective:700px;clip-path:inset(calc(var(--band)*16.666667% - .35px) -1px calc((5 - var(--band))*16.666667% - .35px) -1px)}
.tw-hero-slat-face{display:block;font:inherit;letter-spacing:inherit;line-height:inherit;transform-origin:50% calc((var(--band) + .5)*16.666667%);backface-visibility:hidden}
.tw-hero-wave-char{display:inline-block;white-space:pre;transform-origin:50% 80%}
#site .corner-light .hero-copy>p{font-family:'TechwoodHero Sans',Arial,sans-serif;font-size:var(--hero-description-size);font-weight:400;line-height:1.5;max-width:none;margin:var(--hero-body-gap) 0 0;color:#eee8d9}
.tw-hero-description{display:block}
.tw-hero-description-line{display:block;white-space:pre}

[data-hero-motion="running"] .tw-hero-word-base{opacity:0}
[data-hero-motion="running"] .tw-hero-slat-clip{visibility:visible}
[data-hero-motion="running"] .tw-hero-slat-face{will-change:transform,opacity;animation:tw-hero-slat-reveal 6.6s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:calc(var(--band)*75ms)}
[data-hero-motion="running"] .tw-type-line:nth-child(4) .tw-hero-slat-face{animation-delay:calc(550ms + var(--band)*75ms)}
[data-hero-motion="running"] .tw-hero-wave-char{will-change:transform;animation:tw-hero-small-wave 4.4s linear infinite;animation-delay:calc(var(--letter)*48ms)}
[data-hero-motion="running"] .tw-hero-description .tw-hero-wave-char{animation-name:tw-hero-description-wave;animation-duration:5.4s}
@keyframes tw-hero-slat-reveal{0%,9%{transform:rotateX(61deg) translate3d(0,5px,0);opacity:.3}29%,79%{transform:rotateX(0) translate3d(0,0,0);opacity:1}96%,100%{transform:rotateX(61deg) translate3d(0,5px,0);opacity:.3}}
@keyframes tw-hero-small-wave{0%,9%,65%,100%{transform:translate3d(0,0,0) scale(1)}15%{transform:translate3d(0,1px,0) scale(1.015,.98);animation-timing-function:cubic-bezier(.12,.7,.2,1)}29%{transform:translate3d(0,-5px,0) scale(.99,1.02);animation-timing-function:cubic-bezier(.4,0,.7,.4)}46%{transform:translate3d(0,1px,0) scale(1.01,.99);animation-timing-function:cubic-bezier(.16,1,.3,1)}}
@keyframes tw-hero-description-wave{0%,13%,65%,100%{transform:translate3d(0,0,0)}28%{transform:translate3d(0,-2px,0);animation-timing-function:cubic-bezier(.4,0,.7,.4)}47%{transform:translate3d(0,.4px,0);animation-timing-function:cubic-bezier(.16,1,.3,1)}}

@media(min-width:701px) and (max-width:1000px){#site .corner-light .hero-copy{left:71%;right:3%;width:auto}}
@media(min-width:701px) and (max-width:750px){#site .tw-headline .tw-type-kicker{letter-spacing:.06em}}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait){
 #site .corner-light .hero-media img{object-position:80% 50%}
}
@media(min-width:701px) and (max-height:700px){
 #site .corner-light .hero-copy{top:21%;height:36%;--hero-kicker-size:10px;--hero-description-size:10px;--hero-group-gap:min(8px,3cqh);--hero-body-gap:min(8px,3cqh)}
}
@media(min-width:701px) and (max-height:500px){
 #site .corner-light .hero-copy{top:20%;height:40%;--hero-kicker-size:8px;--hero-description-size:9px;--hero-group-gap:2px;--hero-body-gap:2px;--hero-type-reserve:4px}
 .corner-actions{gap:6px}
 .corner-actions>div{gap:6px}
}
@media(max-width:700px){
 #site .corner-stage{padding-top:92px;min-height:100svh}
 #site .corner-light .hero-media{height:clamp(200px,30svh,320px);flex:1 0 clamp(200px,30svh,320px)}
 #site .corner-light .corner-actions{padding:14px 24px 18px;gap:6px}
 #site .corner-light .hero-copy{left:auto;right:auto;top:auto;width:auto;height:auto;padding:0;container-type:inline-size;overflow:visible;margin:0 24px 20px}
 #site .tw-headline>span{display:block}
 #site .tw-headline .tw-type-line{grid-area:auto}
 #site .tw-headline .tw-type-keyword{font-size:clamp(72px,min(31cqw,12svh),120px)}
 #site .tw-headline .tw-type-kicker{font-size:12px}
 #site .tw-headline .tw-type-line:nth-child(3){margin-top:12px}
 #site .corner-light .hero-copy>p{font-size:12px;margin-top:18px}
}
@media(max-width:700px) and (max-height:740px){#site .corner-stage{padding-top:80px}}
@media(prefers-reduced-motion:reduce){
 .tw-hero-word-base{opacity:1!important}
 .tw-hero-slat-clip{visibility:hidden!important}
 .tw-hero-slat-face,.tw-hero-wave-char{animation:none!important;transform:none!important;will-change:auto!important}
}

/* Edge-to-edge photographs meet the green ending; the footer stays compact. */
#site-tail .ending-scene .closing-cta{--closing-width:min(1480px,calc(100% - clamp(36px,10vw,160px)));display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-width:0;padding:clamp(36px,5svh,64px) 0 0;gap:clamp(28px,4svh,48px);background:#063e2a;overflow:hidden}
#site-tail .closing-cta .cta-row{display:flex;flex:1;flex-direction:column;justify-content:center;gap:0;width:var(--closing-width);max-width:100%;margin-inline:auto;text-align:center}
#site-tail .closing-cta .cta-row>div:first-child{padding:0;border:0}
#site-tail .closing-cta .eyebrow{display:block;margin:0 0 18px;font:550 10px/1.4 'TechwoodHero Sans',Arial,sans-serif;letter-spacing:.2em;opacity:.65}
#site-tail .closing-cta .cta-row h2{max-width:100%;margin:0;color:#fff;font:450 clamp(44px,5.2vw,84px)/1.03 'TechwoodHero Sans',Arial,sans-serif;letter-spacing:-.055em}
#site-tail .closing-cta h2 span{display:block;white-space:normal;text-wrap:balance}
#site-tail .closing-cta h2 span:last-child{font-family:TechwoodFraunces,Georgia,serif;font-style:italic;font-weight:450;letter-spacing:-.035em;font-variation-settings:'SOFT' 60,'WONK' 1,'opsz' 100;padding:0 .12em .05em}
#site-tail .closing-cta .cta-actions{margin-top:21px;padding:0}
#site-tail .closing-cta .cta-actions p{max-width:59ch;margin:0 auto 21px;color:#d4e1d8;font:400 clamp(13px,1vw,16px)/1.65 'TechwoodHero Sans',Arial,sans-serif;text-wrap:pretty}
#site-tail .closing-cta .cta-actions>div{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
#site-tail .closing-cta .button{min-height:46px;padding:12px 20px;border-radius:2px;font:500 12px/1.4 'TechwoodHero Sans',Arial,sans-serif}
#site-tail .closing-showcase{width:100%;max-width:100%;min-width:0;min-height:0;display:flex;flex-direction:column;margin:0;padding:0;background:transparent;overflow:hidden}
#site-tail .closing-rail-window{box-sizing:border-box;width:100%;max-width:100%;margin:0;overflow:hidden;border-radius:0;touch-action:pan-y pinch-zoom;cursor:grab;padding:0;mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.closing-rail-window[data-gallery-dragging=true]{cursor:grabbing}
.closing-photo-track{display:flex;width:max-content;gap:clamp(12px,1.3vw,22px);will-change:transform}
.closing-photo-card{box-sizing:border-box;flex:0 0 clamp(200px,25svh,300px);width:clamp(200px,25svh,300px);display:block;margin:0;padding:0;border:0;border-radius:3px;background:#eeeae2;color:#163f2f;cursor:zoom-in;user-select:none;overflow:hidden;transition:translate 220ms cubic-bezier(.22,1,.36,1)}
.closing-photo-card:hover{translate:none}
.closing-photo-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
.closing-photo-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.closing-gallery-bar{display:flex;order:-1;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;margin:0 auto 12px}
.closing-gallery-controls{display:flex;align-items:center;justify-content:center;gap:6px}
.closing-gallery-controls [data-product-motion-control]{display:contents}
.closing-gallery-controls button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;margin:0;padding:10px;border:0;border-radius:50%;background:transparent;color:#e0e9e1;cursor:pointer;transition:background 160ms,transform 160ms}
.closing-gallery-controls button:hover{background:#ffffff14}
.closing-gallery-controls button:active{transform:scale(.94)}
.closing-gallery-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.closing-gallery-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.closing-gallery-controls .closing-icon-play{display:none;fill:currentColor;stroke:none}
.closing-gallery-controls [aria-pressed=true] .closing-icon-play{display:block}
.closing-gallery-controls [aria-pressed=true] .closing-icon-pause{display:none}
.closing-gallery-position{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){#site-tail .ending-scene .closing-cta{padding-top:34px;gap:26px}#site-tail .closing-cta .eyebrow{margin-bottom:14px}#site-tail .closing-cta .cta-row h2{font-size:clamp(37px,9.5vw,60px);line-height:1.04}#site-tail .closing-cta .cta-actions{margin-top:18px}#site-tail .closing-cta .cta-actions p{font-size:13px;line-height:1.6;margin-bottom:19px;max-width:43ch}#site-tail .closing-cta .button{padding:12px 15px;font-size:12px}.closing-photo-card{flex-basis:clamp(176px,52vw,250px);width:clamp(176px,52vw,250px)}#site-tail .closing-rail-window{mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}}
@media(prefers-reduced-motion:reduce){.closing-photo-card,.closing-gallery-controls button{transition:none}}

/* Keep the original footer links and source disclosure in a shorter white band. */
#site-tail .ending-scene>.site-footer{min-height:0;padding-block:8px}
#site-tail .ending-scene .footer-row{min-height:58px;gap:16px}
#site-tail .ending-scene .footer-row .brand-image{width:58px}
#site-tail .ending-scene>.notes{padding:0 4vw 4px}
@media(max-width:700px){#site-tail .ending-scene .footer-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px 16px;min-height:0}#site-tail .ending-scene .footer-row .site-logo{min-width:0}#site-tail .ending-scene .footer-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:4px 6px;margin:0}#site-tail .ending-scene .footer-row>small{grid-column:2;grid-row:1;margin:0;line-height:1.5}#site-tail .ending-scene>.notes{padding-bottom:2px}}
@media(max-width:350px){#site-tail .ending-scene .footer-nav a{font-size:10px}}

/* Business contacts remain part of the existing closing chapter. */
#site-tail .closing-cta .contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px;max-width:760px;margin:22px auto 0;padding-top:14px;border-top:1px solid #ffffff30;font-style:normal;text-align:center}
#site-tail .contact-details a{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:44px;min-width:0;color:#f2f5e9;text-decoration:none;transition:color 160ms}
#site-tail .contact-details a>span{font:500 10px/1.2 'TechwoodHero Sans',Arial,sans-serif;letter-spacing:.08em;color:#b7cebf}
#site-tail .contact-details strong{font:450 13px/1.4 'TechwoodHero Sans',Arial,sans-serif;overflow-wrap:anywhere}
#site-tail .contact-details a:hover{color:#d9eab5}
#site-tail .contact-details a:focus-visible{outline:2px solid #e0efbc;outline-offset:5px}
@media(max-width:700px){#site-tail .closing-cta .contact-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:21px;padding-top:14px}#site-tail .contact-details a:last-child{grid-column:1/-1}#site-tail .contact-details strong{font-size:12px}}

/* Material recovery at scale. All values are explicitly illustrative. */
#impact.tw-impact-automatic{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:clamp(22px,2.8vh,36px);min-height:100svh;padding:clamp(32px,4vh,56px) clamp(22px,4vw,90px);background:#e7e9dd;color:#173d2e;overflow:hidden;font-family:'TechwoodHero Sans',Arial,sans-serif}
#impact .tw-scale-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:end;gap:40px}
#impact .tw-scale-eyebrow{margin:0 0 12px;font-size:10px;font-weight:600;letter-spacing:.16em}
#impact .tw-scale-heading h2{margin:0;font-size:clamp(38px,4.1vw,68px);font-weight:450;line-height:1.03;letter-spacing:-.055em}
#impact .tw-scale-heading em{font-family:TechwoodFraunces,Georgia,serif;font-weight:450}
#impact .tw-scale-heading>p{max-width:39ch;margin:0;font-size:14px;line-height:1.65;color:#586b52}
#impact .tw-scale-lab{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(30px,4.3vw,76px);margin:0;padding:0;border:0;min-width:0}
#impact .tw-scale-scene{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:420px;padding:25px 27px 22px;margin:0;background:#143f2e;color:#e7efd8;border-radius:3px;overflow:hidden}
#impact .tw-scale-scene figcaption{display:flex;justify-content:space-between;align-items:start;gap:24px;font-size:8px;letter-spacing:.12em;line-height:1.6}
#impact .tw-scale-status{max-width:130px;font-size:10px;letter-spacing:0;text-align:right;color:#c3d6aa}
#impact .tw-scale-scene-copy{display:grid;grid-template-columns:1fr 24px 1.2fr;align-items:end;gap:4px 12px;font-variant-numeric:tabular-nums}
#impact .tw-scale-scene-copy>span:not(.tw-scale-times){font-size:clamp(28px,3vw,47px);line-height:1;letter-spacing:-.05em}
#impact .tw-scale-scene-copy small{font-size:10px;line-height:1.5;color:#b7cfa6;grid-row:2}
#impact .tw-scale-scene-copy small:last-child{grid-column:3}
#impact .tw-scale-times{grid-column:2;grid-row:1;font-size:22px;color:#a2c184;align-self:center}
#impact [data-scale-quantity]{grid-column:3;grid-row:1}
#impact .tw-scale-stage-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
#impact .tw-scale-stage-track>span{font-size:9px;font-variant-numeric:tabular-nums;color:#9cb88a}
#impact .tw-scale-stage-track i{position:relative;display:block;height:2px;margin-bottom:9px;background:#d1e2be26;overflow:hidden}
#impact .tw-scale-stage-track i:after{content:'';position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:#d5ecb5}
#impact .tw-scale-stage-track .is-current i:after{transform:scaleX(var(--stage-progress,0))}
#impact .tw-scale-stage-track .is-done i:after{transform:scaleX(1)}
#impact .tw-scale-stage-track .is-current{color:#edf5e4}
#impact .tw-scale-results{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding-top:2px}
#impact .tw-scale-scenario{align-self:flex-start;margin:0 0 20px;padding:7px 9px;border:1px solid #a5b396;border-radius:2px;font-size:9px;line-height:1.5;letter-spacing:.065em;color:#4a623e}
#impact .tw-scale-primary>p{margin:0;font-size:14px;line-height:1.4}
#impact .tw-scale-primary strong{display:flex;align-items:baseline;gap:14px;white-space:nowrap;font-size:clamp(70px,8.3vw,146px);font-weight:450;line-height:1.04;letter-spacing:-.075em;font-variant-numeric:tabular-nums}
#impact .tw-scale-primary strong span{font-size:20px;font-weight:400;letter-spacing:-.02em}
#impact .tw-scale-primary .tw-scale-impact-line{margin-top:7px;font-size:12px;color:#65745d}
#impact .tw-scale-secondary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;padding:18px 0;border-top:1px solid #b9c4ae;border-bottom:1px solid #b9c4ae}
#impact .tw-scale-secondary output,#impact .tw-scale-secondary strong{display:block;font-size:27px;font-weight:450;line-height:1.15;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#impact .tw-scale-secondary strong small{font-size:13px;font-weight:400}
#impact .tw-scale-secondary span{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#65765c}
#impact .tw-scale-reference-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:8px;line-height:1.5;letter-spacing:.1em}
#impact .tw-scale-reference-heading span:last-child{letter-spacing:0;color:#6c7b62}
#impact .tw-scale-references{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#impact .tw-scale-references>div{min-width:0;padding:12px 7px 10px;border-bottom:2px solid #b4c3a8;transition:background 350ms,border-color 350ms}
#impact .tw-scale-references>div.is-current{background:#cad8b9;border-color:#315d3b}
#impact .tw-scale-references span{display:block;font-size:9px;line-height:1.5;color:#5e7254}
#impact .tw-scale-references strong{display:block;margin:7px 0 5px;font-size:clamp(19px,2vw,30px);font-weight:500;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
#impact .tw-scale-references small{font-size:10px;font-weight:400;letter-spacing:0}
#impact .tw-scale-reading{margin:12px 0 0;font-size:10px;line-height:1.5;color:#66785c}
#impact .tw-scale-meaning{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #b9c4ae;padding-top:17px}
#impact .tw-scale-meaning span{font-size:9px;font-weight:600;letter-spacing:.12em}
#impact .tw-scale-meaning p{margin:6px 0 0;max-width:32ch;font-size:12px;line-height:1.5;color:#586d4f}
#impact .tw-scale-method{display:grid;grid-template-columns:1fr 1fr;gap:32px}
#impact .tw-scale-method p{margin:0;font-size:10px;line-height:1.65;color:#6a795f;max-width:90ch}
#impact .tw-scale-method strong{font-weight:600;color:#536847}
#impact .tw-scale-method a{color:#385931;text-underline-offset:3px}
@media(max-width:1000px) and (min-width:701px){#impact .tw-scale-lab{gap:26px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}#impact .tw-scale-scene{padding:21px 18px;min-height:410px}#impact .tw-scale-scene figcaption{gap:12px}#impact .tw-scale-primary strong{font-size:clamp(60px,8.3vw,83px)}#impact .tw-scale-references{grid-template-columns:repeat(2,minmax(0,1fr))}#impact .tw-scale-references>div{padding-block:8px}#impact .tw-scale-references strong{margin-block:4px}#impact .tw-scale-scenario{font-size:8px}}
@media(max-width:700px){#impact.tw-impact-automatic{padding:34px 22px;justify-content:flex-start;gap:24px}#impact .tw-scale-heading,#impact .tw-scale-lab,#impact .tw-scale-method{grid-template-columns:1fr;gap:22px}#impact .tw-scale-heading h2{font-size:clamp(35px,9.5vw,53px)}#impact .tw-scale-heading>p{font-size:12px;max-width:40ch}#impact .tw-scale-results{order:-1}#impact .tw-scale-primary strong{font-size:clamp(66px,20vw,108px)}#impact .tw-scale-primary strong span{font-size:18px}#impact .tw-scale-scenario{margin-bottom:18px;font-size:8px}#impact .tw-scale-secondary{margin:18px 0;padding:14px 0}#impact .tw-scale-secondary output,#impact .tw-scale-secondary strong{font-size:25px}#impact .tw-scale-references{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px}#impact .tw-scale-references strong{font-size:27px}#impact .tw-scale-references>div{padding:10px}#impact .tw-scale-references span{font-size:10px}#impact .tw-scale-reading{font-size:10px}#impact .tw-scale-scene{min-height:340px;padding:22px 20px}#impact .tw-scale-orbit{max-width:350px;margin:-8px auto -16px}#impact .tw-scale-scene-copy>span:not(.tw-scale-times){font-size:36px}#impact .tw-scale-meaning{grid-template-columns:1fr;gap:14px}#impact .tw-scale-meaning>div{display:grid;grid-template-columns:80px 1fr;gap:13px}#impact .tw-scale-meaning p{margin:0;font-size:11px;max-width:none}#impact .tw-scale-method{gap:12px}}
@media(prefers-reduced-motion:reduce){#impact .tw-scale-orbit-path,#impact .tw-scale-slats path{animation:none!important}#impact .tw-scale-references>div{transition:none}}
@media(min-width:701px){#impact.tw-impact-automatic{gap:clamp(18px,2.2vh,30px);padding-block:clamp(28px,3.4vh,48px)}}
@media(min-width:1001px) and (max-height:800px){#impact.tw-impact-automatic{gap:12px;padding-block:22px}#impact .tw-scale-heading h2{font-size:42px}#impact .tw-scale-heading>p{font-size:12px}#impact .tw-scale-primary strong{font-size:86px}#impact .tw-scale-scenario{margin-bottom:12px;font-size:8px}#impact .tw-scale-secondary{margin:14px 0;padding:12px 0}#impact .tw-scale-scene{min-height:330px;padding:21px 24px}#impact .tw-scale-orbit{max-width:310px}#impact .tw-scale-references strong{font-size:22px}#impact .tw-scale-meaning{padding-top:13px}#impact .tw-scale-meaning p{font-size:11px}#impact .tw-scale-method p{font-size:9px}}

/* A single growth-to-forest camera, rendered from cached tree sprites. */
#impact .tw-growth-visual{width:100%;min-width:0;margin:6px auto 12px}
#impact .tw-forest-canvas{display:block;width:100%;height:auto;aspect-ratio:500/360}
#impact .tw-tree-caption{margin:0!important;text-align:center;font-size:8px!important;line-height:1.5!important;color:#b7cda5!important;letter-spacing:.01em}
#impact.tw-impact-forest .tw-scale-stage-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:19px}
#impact.tw-impact-forest .tw-scale-stage-track>span{font-size:8px}
#impact.tw-impact-forest .tw-scale-references{grid-template-columns:repeat(3,minmax(0,1fr))}
#impact.tw-impact-forest .tw-scale-primary strong{font-size:clamp(74px,9vw,144px)}
#impact.tw-impact-forest .tw-scale-primary .tw-scale-impact-line{font-size:14px;color:#385d40}
#impact.tw-impact-forest .tw-scale-secondary b{font-weight:500;color:#315d3b}
@media(max-width:700px){#impact.tw-impact-forest .tw-scale-results{order:0}#impact.tw-impact-forest .tw-scale-primary strong{font-size:clamp(70px,23vw,108px)}#impact.tw-impact-forest .tw-scale-references>div{padding:9px 5px}#impact.tw-impact-forest .tw-scale-references strong{font-size:25px}#impact.tw-impact-forest .tw-scale-references small{font-size:8px}#impact.tw-impact-forest .tw-scale-scene-copy>span:not(.tw-scale-times){font-size:clamp(26px,7.8vw,36px)}}
@media(min-width:1001px) and (max-height:800px){#impact.tw-impact-forest .tw-scale-primary strong{font-size:100px}}
/* The landscape window has quiet edges; no overlapping dots or moving glints. */
#impact .tw-forest-canvas{border-radius:2px}
#impact .tw-tree-caption{max-width:none!important;padding-top:8px}
/* Readable explanations at normal browser zoom, including short screens. */
#impact.tw-impact-forest .tw-scale-eyebrow{font-size:12px}
#impact.tw-impact-forest .tw-scale-scene figcaption{font-size:11px;line-height:1.6;letter-spacing:.08em}
#impact.tw-impact-forest .tw-scale-status{font-size:12px;max-width:160px}
#impact.tw-impact-forest .tw-tree-caption{font-size:11px!important;line-height:1.6!important}
#impact.tw-impact-forest .tw-scale-scene-copy small{font-size:12px;color:#cee0bd}
#impact.tw-impact-forest .tw-scale-stage-track>span{font-size:10px;color:#c1d5ad}
#impact.tw-impact-forest .tw-scale-scenario{font-size:11px;line-height:1.65;letter-spacing:.025em;max-width:none}
#impact.tw-impact-forest .tw-scale-secondary span{font-size:12px;color:#47623d}
#impact.tw-impact-forest .tw-scale-reference-heading{font-size:11px;line-height:1.6;letter-spacing:.06em}
#impact.tw-impact-forest .tw-scale-references span{font-size:12px;color:#47623d}
#impact.tw-impact-forest .tw-scale-references small{font-size:12px}
#impact.tw-impact-forest .tw-scale-reading{font-size:14px;line-height:1.7;color:#49603f;max-width:none}
#impact.tw-impact-forest .tw-scale-meaning{gap:clamp(22px,3vw,44px);padding-top:22px}
#impact.tw-impact-forest .tw-scale-meaning span{font-size:12px;line-height:1.6}
#impact.tw-impact-forest .tw-scale-meaning p{font-size:16px;line-height:1.7;color:#405b38;max-width:40ch;margin-top:9px}
#impact.tw-impact-forest .tw-scale-method{gap:clamp(24px,4vw,60px)}
#impact.tw-impact-forest .tw-scale-method p{font-size:14px;line-height:1.8;color:#49603f;max-width:none}
#impact.tw-impact-forest .tw-scale-method strong{color:#24472d}
@media(max-width:700px){#impact.tw-impact-forest .tw-scale-meaning>div{grid-template-columns:1fr;gap:3px}#impact.tw-impact-forest .tw-scale-meaning p{margin:0;font-size:15px}#impact.tw-impact-forest .tw-scale-method{gap:20px}#impact.tw-impact-forest .tw-scale-method p{font-size:14px}#impact.tw-impact-forest .tw-scale-scene figcaption{font-size:10px;gap:14px}#impact.tw-impact-forest .tw-scale-status{font-size:11px}#impact.tw-impact-forest .tw-scale-references span{font-size:11px}#impact.tw-impact-forest .tw-scale-references small{font-size:10px}#impact.tw-impact-forest .tw-scale-reference-heading{font-size:10px}#impact.tw-impact-forest .tw-scale-scenario{font-size:10px}#impact.tw-impact-forest .tw-scale-scene{padding-inline:16px}}

/* Rooted cinema: a contained editorial composition; natural reading on short screens. */
#impact.tw-impact-forest{justify-content:center;gap:22px;padding:32px clamp(20px,4vw,80px)}
#impact.tw-impact-forest>*{width:100%;max-width:1440px;margin-inline:auto;min-width:0;box-sizing:border-box}
#impact.tw-impact-forest *{box-sizing:border-box}
#impact.tw-impact-forest .tw-scale-heading{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px}
#impact.tw-impact-forest .tw-scale-heading h2{font-size:clamp(38px,4.3vw,64px);font-weight:500;line-height:1.01;letter-spacing:-.055em}
#impact.tw-impact-forest .tw-scale-heading em{display:inline-block;font-weight:500;font-variation-settings:'SOFT' 55,'WONK' 1,'opsz' 90;letter-spacing:-.045em;padding-right:.06em}
#impact.tw-impact-forest .tw-scale-heading>p{justify-self:end;font-size:15px;line-height:1.6;max-width:30ch}
#impact.tw-impact-forest .tw-scale-eyebrow{margin-bottom:13px;letter-spacing:.15em;font-size:11px}
#impact.tw-impact-forest .tw-scale-lab{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,3.4vw,54px);align-items:stretch}
#impact.tw-impact-forest .tw-scale-scene{min-height:0;padding:18px 20px 17px;border-radius:5px;gap:0;justify-content:flex-start}
#impact.tw-impact-forest .tw-scale-scene figcaption{align-items:center;gap:14px;font-size:10px;letter-spacing:.1em;min-height:22px}
#impact.tw-impact-forest .tw-growth-visual{margin:9px auto 12px}
#impact.tw-impact-forest .tw-forest-canvas{width:100%;height:auto;aspect-ratio:500/320}
#impact.tw-impact-forest .tw-tree-caption{font-size:10px!important;padding-top:6px;line-height:1.5!important}
#impact.tw-impact-forest .tw-scale-scene-copy{grid-template-columns:minmax(0,.65fr) 20px minmax(0,1.4fr);gap:3px 10px}
#impact.tw-impact-forest .tw-scale-scene-copy>span:not(.tw-scale-times){font-size:clamp(26px,2.6vw,40px);overflow-wrap:anywhere}
#impact.tw-impact-forest .tw-scale-scene-copy small{font-size:11px}
#impact.tw-impact-forest .tw-scale-stage-track{margin-top:14px;gap:8px}
#impact.tw-impact-forest .tw-scale-stage-track>span{font-size:10px}
#impact.tw-impact-forest .tw-scale-stage-track i{margin-bottom:6px}
#impact.tw-impact-forest .tw-scale-results{justify-content:center;padding:0;gap:0}
#impact.tw-impact-forest .tw-scale-scenario{font-size:11px;letter-spacing:.015em;line-height:1.6;padding:0 0 9px;margin:0 0 16px;border:0;border-bottom:1px solid #a9b99e;border-radius:0;align-self:stretch;max-width:42ch}
#impact.tw-impact-forest .tw-scale-primary>p:first-child{font-size:11px;letter-spacing:.12em;font-weight:600}
#impact.tw-impact-forest .tw-scale-primary strong{font-family:TechwoodFraunces,Georgia,serif;font-style:italic;font-weight:430;font-variation-settings:'opsz' 90,'SOFT' 40,'WONK' 1;font-size:clamp(78px,9vw,132px);letter-spacing:-.065em;line-height:1.02;max-width:100%}
#impact.tw-impact-forest .tw-scale-primary .tw-scale-impact-line{font-size:15px;line-height:1.5;max-width:32ch}
#impact.tw-impact-forest .tw-scale-secondary{margin:18px 0;padding:13px 0;gap:18px}
#impact.tw-impact-forest .tw-scale-secondary output{font-size:30px;line-height:1.1}
#impact.tw-impact-forest .tw-scale-secondary span{font-size:12px;line-height:1.5;max-width:24ch}
#impact.tw-impact-forest .tw-scale-reference-heading{font-size:10px;margin-bottom:5px;gap:12px;flex-wrap:wrap}
#impact.tw-impact-forest .tw-scale-references{gap:14px}
#impact.tw-impact-forest .tw-scale-references>div{padding:8px 0 9px}
#impact.tw-impact-forest .tw-scale-references strong{font-size:30px;margin:4px 0;white-space:normal}
#impact.tw-impact-forest .tw-scale-references span,#impact.tw-impact-forest .tw-scale-references small{font-size:11px;line-height:1.5}
#impact.tw-impact-forest .tw-scale-reading{font-size:13px;line-height:1.6;margin-top:12px}
#impact.tw-impact-forest .tw-scale-meaning{gap:30px;padding-top:15px}
#impact.tw-impact-forest .tw-scale-meaning span{font-size:11px;letter-spacing:.14em}
#impact.tw-impact-forest .tw-scale-meaning p{font-size:15px;line-height:1.6;margin-top:6px;max-width:none}
#impact.tw-impact-forest .tw-scale-method{gap:32px;padding-top:0}
#impact.tw-impact-forest .tw-scale-method p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
@media(min-width:701px) and (max-height:850px){#impact.tw-impact-forest{padding-block:26px;gap:18px}#impact.tw-impact-forest .tw-scale-heading h2{font-size:42px}#impact.tw-impact-forest .tw-scale-lab{max-width:1260px}#impact.tw-impact-forest .tw-growth-visual{max-width:480px}#impact.tw-impact-forest .tw-scale-primary strong{font-size:94px}#impact.tw-impact-forest .tw-scale-secondary{margin:12px 0}#impact.tw-impact-forest .tw-scale-scenario{margin-bottom:12px}}
@media(min-width:701px) and (max-width:1000px){#impact.tw-impact-forest .tw-scale-heading h2{font-size:38px}#impact.tw-impact-forest .tw-scale-heading>p{font-size:14px}#impact.tw-impact-forest .tw-scale-lab{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}#impact.tw-impact-forest .tw-scale-scene{padding:15px 14px}#impact.tw-impact-forest .tw-scale-scene figcaption{flex-wrap:wrap;gap:3px}#impact.tw-impact-forest .tw-scale-status{text-align:left;max-width:none}#impact.tw-impact-forest .tw-scale-primary strong{font-size:80px}#impact.tw-impact-forest .tw-scale-references{gap:10px}#impact.tw-impact-forest .tw-scale-references strong{font-size:26px}#impact.tw-impact-forest .tw-scale-secondary output{font-size:26px}#impact.tw-impact-forest .tw-scale-references small{display:block}}
@media(max-width:700px){#impact.tw-impact-forest{justify-content:flex-start;padding:32px 20px;gap:24px}#impact.tw-impact-forest .tw-scale-heading,#impact.tw-impact-forest .tw-scale-lab,#impact.tw-impact-forest .tw-scale-method{grid-template-columns:minmax(0,1fr);gap:20px}#impact.tw-impact-forest .tw-scale-heading h2{font-size:clamp(34px,8.8vw,56px);line-height:1.04}#impact.tw-impact-forest .tw-scale-heading>p{justify-self:start;font-size:15px;max-width:35ch}#impact.tw-impact-forest .tw-scale-scene{padding:16px 14px}#impact.tw-impact-forest .tw-scale-scene figcaption{font-size:9px;gap:10px}#impact.tw-impact-forest .tw-scale-status{font-size:10px;max-width:110px}#impact.tw-impact-forest .tw-scale-primary strong{font-size:clamp(84px,24vw,130px)}#impact.tw-impact-forest .tw-scale-scenario{font-size:11px;margin-bottom:18px}#impact.tw-impact-forest .tw-scale-meaning{grid-template-columns:minmax(0,1fr);gap:16px}#impact.tw-impact-forest .tw-scale-meaning>div{display:block}#impact.tw-impact-forest .tw-scale-meaning p{font-size:15px;margin-top:5px}#impact.tw-impact-forest .tw-scale-method p{font-size:14px}#impact.tw-impact-forest .tw-scale-references{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#impact.tw-impact-forest .tw-scale-references small{display:block}#impact.tw-impact-forest .tw-scale-references strong{font-size:29px}#impact.tw-impact-forest .tw-scale-stage-track{gap:6px}#impact.tw-impact-forest .tw-scale-stage-track>span{font-size:9px}#impact.tw-impact-forest .tw-scale-scene-copy>span:not(.tw-scale-times){font-size:clamp(25px,7.4vw,38px)}}

@media(min-width:1001px){
 #impact.tw-impact-forest{gap:18px;padding-block:28px}
 #impact.tw-impact-forest .tw-scale-heading h2{font-size:clamp(42px,3.6vw,58px)}
 #impact.tw-impact-forest .tw-scale-primary strong{font-size:clamp(90px,7.6vw,118px)}
 #impact.tw-impact-forest .tw-scale-scenario{margin-bottom:12px;max-width:none}
 #impact.tw-impact-forest .tw-scale-secondary{margin:13px 0;padding:11px 0}
 #impact.tw-impact-forest .tw-scale-scene-copy{grid-template-columns:auto auto 1fr auto auto;align-items:baseline;column-gap:9px}
 #impact.tw-impact-forest .tw-scale-scene-copy>span:not(.tw-scale-times){font-size:30px}
 #impact.tw-impact-forest .tw-scale-scene-copy small{grid-row:1;white-space:nowrap}
 #impact.tw-impact-forest .tw-scale-scene-copy small:last-child{grid-column:5}
 #impact.tw-impact-forest .tw-scale-times{grid-column:3;grid-row:1;justify-self:center}
 #impact.tw-impact-forest [data-scale-quantity]{grid-column:4}
 #impact.tw-impact-forest .tw-scale-stage-track{margin-top:12px}
 #impact.tw-impact-forest .tw-scale-growth-visual{max-width:none}
 #impact.tw-impact-forest .tw-scale-meaning{padding-top:13px}
}

@media(min-width:1001px){#impact.tw-impact-forest{gap:12px}#impact.tw-impact-forest [data-scale-length]{grid-column:1;grid-row:1}#impact.tw-impact-forest .tw-scale-scene-copy small:nth-child(2){grid-column:2;grid-row:1}}
@media(min-width:1001px) and (min-height:851px){#impact.tw-impact-forest .tw-growth-visual{max-width:560px}}
@media(min-width:1600px) and (max-height:1000px){#impact.tw-impact-forest{gap:10px;padding-block:26px}}

/* Material length → wood volume → reference-tree lumber equivalence. */
#impact .tw-wood-chain{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;gap:12px;padding-bottom:18px}
#impact .tw-wood-chain output{display:block;font-size:clamp(27px,3vw,44px);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
#impact .tw-wood-chain span{display:block;font-size:12px;line-height:1.5;color:#47623f;margin-top:5px}
#impact .tw-wood-chain .tw-wood-arrow{font-size:24px;text-align:center}
#impact .tw-wood-volume{font-size:13px!important;line-height:1.6!important;color:#49603f;margin-top:7px!important}
#impact.tw-impact-forest .tw-carbon-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
#impact.tw-impact-forest .tw-carbon-summary output{font-size:26px}
#impact.tw-impact-forest .tw-carbon-summary span{font-size:11px}
#impact.tw-impact-forest details.tw-scale-method{display:block;border-top:1px solid #b9c4ae;padding-top:10px}
#impact .tw-scale-method summary{font-size:13px;cursor:pointer;width:fit-content;line-height:1.7;text-underline-offset:3px}
#impact .tw-scale-method summary:hover{text-decoration:underline}
#impact .tw-scale-method summary:focus-visible{outline:2px solid #315d3b;outline-offset:4px}
#impact .tw-scale-method-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:14px}
.tw-profile-load-status{font:14px/1.6 'TechwoodHero Sans',Arial,sans-serif;color:#315d3b;margin:8px 0;max-width:60ch}
.tw-profile-load-status:empty{display:none}
.tw-atlas-inspector>.tw-profile-load-status{position:fixed;inset:auto 24px 24px;color:#edf5e4;text-align:center;max-width:none;pointer-events:none}
@media(max-width:700px){#impact .tw-wood-chain{gap:8px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}#impact .tw-wood-chain output{font-size:clamp(27px,8vw,44px)}#impact .tw-wood-chain span{font-size:11px}#impact.tw-impact-forest .tw-carbon-summary{gap:12px}#impact.tw-impact-forest .tw-carbon-summary output{font-size:24px}#impact .tw-scale-method-body{grid-template-columns:minmax(0,1fr);gap:16px}}

/* Keep each quantity beside its unit; secondary assumptions stay in the disclosure. */
#impact .tw-wood-chain strong{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:7px;font-weight:500}
#impact .tw-wood-chain output{font-size:clamp(27px,2.7vw,42px);overflow-wrap:anywhere}
#impact .tw-wood-chain small{font-size:17px;letter-spacing:0;line-height:1.2}
#impact.tw-impact-forest .tw-scale-primary strong small{font:500 clamp(22px,2.4vw,34px)/1.2 'TechwoodHero Sans',Arial,sans-serif;letter-spacing:-.02em;margin-left:12px;white-space:nowrap}
#impact .tw-scale-method-body>div{min-width:0}
#impact .tw-scale-method .tw-carbon-summary{margin:16px 0 0;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){#impact .tw-wood-chain output{font-size:clamp(25px,7vw,39px)}#impact .tw-wood-chain small{font-size:16px}#impact.tw-impact-forest .tw-scale-primary strong small{font-size:26px;margin-left:9px}}

#impact.tw-impact-forest .tw-scale-primary strong{gap:.08em}
#impact.tw-impact-forest .tw-scale-primary strong [data-tree-prefix]{font-size:.62em;letter-spacing:-.03em}
#impact.tw-impact-forest .tw-scale-primary strong small{margin-left:.12em}
@media(max-width:370px){#impact.tw-impact-forest .tw-scale-primary strong{font-size:76px}#impact.tw-impact-forest .tw-scale-primary strong small{font-size:22px}}

/* Four approved technical chapters. Original catalogue assets and values are retained. */
.tw-flight-ink{display:inline-block;max-width:100%;vertical-align:baseline}
.tw-tech-chapter{--tech-paper:#f5f4ed;--tech-ink:#173d2e;--tech-muted:#607567;--tech-line:#becbbe;box-sizing:border-box;position:relative;display:flex;flex-direction:column;min-height:100svh;gap:clamp(16px,2.2vh,28px);padding:clamp(22px,3vh,40px) clamp(24px,3.2vw,64px);background:var(--tech-paper);color:var(--tech-ink);font-family:'TechwoodHero Sans',Arial,sans-serif;overflow-x:clip}
.tw-tech-chapter *{box-sizing:border-box}
.tw-tech-nav{display:flex;justify-content:flex-end;gap:clamp(14px,2vw,32px);border-bottom:1px solid var(--tech-line);padding-bottom:12px;min-height:33px;font-size:clamp(11px,.84vw,16px)}
.tw-tech-nav a{color:inherit;text-decoration:none;padding:3px 0;position:relative;white-space:nowrap}.tw-tech-nav a[aria-current]:after{content:'';position:absolute;bottom:-13px;left:0;right:0;height:2px;background:currentColor}.tw-tech-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.tw-tech-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;min-width:0}.tw-tech-heading>div{min-width:0}.tw-tech-eyebrow{font-size:clamp(10px,.75vw,13px);font-weight:600;letter-spacing:.17em;margin:0 0 12px}.tw-tech-title{font-size:clamp(36px,3.2vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0}.tw-tech-title em{font-family:TechwoodFraunces,Georgia,serif;font-weight:450;letter-spacing:-.035em;padding-right:.06em}.tw-tech-intro{margin:13px 0 0;font-size:clamp(13px,1vw,19px);line-height:1.55;color:var(--tech-muted)}.tw-tech-source{font-size:clamp(11px,.8vw,15px);color:var(--tech-muted);white-space:nowrap;padding-top:4px}
.tw-tech-footer{margin-top:auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--tech-line);padding-top:12px;font-size:clamp(11px,.8vw,14px);line-height:1.6;color:var(--tech-muted)}
#slat-data.tw-profile-atlas{height:100svh;min-height:680px;gap:clamp(13px,1.9vh,25px)}
#slat-data .tw-tech-heading{padding-right:31%;flex-shrink:0}#slat-data .tw-tech-title{font-size:clamp(34px,3.15vw,62px);line-height:1.06;white-space:nowrap}#slat-data .tw-tech-eyebrow{display:none}
.tw-atlas-capability{position:absolute;right:clamp(24px,3.2vw,64px);top:clamp(81px,10vh,120px);display:flex;align-items:center;gap:20px}.tw-atlas-capability strong{font-size:clamp(30px,3.2vw,62px);font-weight:550;letter-spacing:-.055em;line-height:1}.tw-atlas-capability>span{border-left:1px solid var(--tech-line);padding-left:20px;font-size:clamp(11px,1vw,17px);line-height:1.6}.tw-atlas-capability small{font-size:inherit}
.tw-atlas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.8vw,48px);flex:1;min-height:0}
.tw-atlas-family{min-width:0;min-height:0;display:flex;flex-direction:column;gap:10px}.tw-atlas-family+.tw-atlas-family{position:relative}.tw-atlas-family+.tw-atlas-family:before{content:'';position:absolute;left:calc(clamp(22px,2.8vw,48px)/-2);top:0;bottom:0;border-left:1px solid var(--tech-line)}.tw-atlas-family h3{font-size:clamp(17px,1.35vw,27px);font-weight:550;line-height:1.25;letter-spacing:-.035em;margin:0}.tw-atlas-family h3 span{white-space:nowrap}
.tw-atlas-rows{display:grid;grid-template-rows:repeat(var(--rows),minmax(0,1fr));flex:1;min-height:0}
#slat-data .tw-atlas-row{border:0;border-top:1px solid var(--tech-line);border-radius:0;background:transparent;color:var(--tech-ink);display:grid;grid-template-columns:clamp(42px,4vw,68px) minmax(0,1.05fr) minmax(0,.85fr);gap:clamp(8px,1.1vw,20px);align-items:center;padding:3px 4px;text-align:left;min-height:0;width:100%;translate:none;transition:background-color 220ms}
#slat-data .tw-atlas-row>span{font-size:clamp(13px,1.1vw,21px);font-weight:600;letter-spacing:-.035em;white-space:nowrap}.tw-atlas-image{width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;transition:transform 280ms cubic-bezier(.2,.7,.25,1)}.tw-atlas-outline{width:100%;height:auto;max-height:58px;object-fit:contain}
#slat-data .tw-atlas-row:hover,#slat-data .tw-atlas-row:focus-visible{background:#dce9de;translate:none;outline-offset:2px;color:var(--tech-ink)}#slat-data .tw-atlas-row:hover .tw-atlas-image{transform:scale(1.075)}
.tw-material-descriptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tw-material-description{min-width:0;padding:15px 17px 19px;border-top:1px solid var(--tech-line)}.tw-material-description:first-child{background:#173f30;color:#f9fbf5;border:0}.tw-material-description h3{font-size:clamp(12px,1vw,18px);font-weight:550;line-height:1.5;margin:0 0 10px}.tw-material-description .tw-material-claim{font-size:clamp(19px,1.6vw,29px);font-weight:550;line-height:1.22;letter-spacing:-.03em;margin:0 0 13px}.tw-material-description p:last-child{font-size:clamp(12px,.95vw,17px);line-height:1.6;margin:0;color:var(--tech-muted)}.tw-material-description:first-child p:last-child{color:#d2e1ce}
.tw-reference-weight>h3,.tw-reference-test-grid h3{font-size:clamp(22px,1.7vw,32px);line-height:1.2;letter-spacing:-.035em;font-weight:550;margin:0 0 9px}.tw-reference-weight>p,.tw-reference-test-grid figcaption>p,.tw-reference-acceptance>p{font-size:clamp(12px,.9vw,17px);line-height:1.55;color:var(--tech-muted);margin:0 0 15px}
.tw-tech-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;min-width:0;outline-offset:3px}
.tw-tech-table{width:100%;border-collapse:collapse;font-size:clamp(11px,.92vw,17px);line-height:1.4;font-variant-numeric:tabular-nums;table-layout:auto}.tw-tech-table caption{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.tw-tech-table th,.tw-tech-table td{padding:clamp(5px,.62vh,9px) 12px;border-bottom:1px solid var(--tech-line);border-right:1px solid var(--tech-line);vertical-align:middle;text-align:center;font-weight:400}.tw-tech-table tr>*:last-child{border-right:0}.tw-tech-table thead{background:#173f30;color:#f9fbf5}.tw-tech-table thead th{font-weight:550;padding-block:11px;white-space:nowrap}.tw-tech-table tbody th{font-weight:500}.tw-tech-table .tw-ps-row{background:#dfe9dc}.tw-reference-weight .tw-tech-table tbody tr:not(.tw-source-condition) td:first-of-type,.tw-reference-weight .tw-tech-table tbody .tw-source-condition td{text-align:left}.tw-reference-weight .tw-tech-table tbody th:first-child{min-width:150px}
.tw-reference-test-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start;flex:1;min-width:0}.tw-reference-curve{margin:0;min-width:0}.tw-reference-curve>img{display:block;width:100%;height:auto;max-height:56svh;object-fit:contain;object-position:left center;margin:20px 0 16px}.tw-reference-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:clamp(10px,.77vw,14px);line-height:1.5}.tw-reference-legend span{display:flex;align-items:center;gap:7px}.tw-reference-legend i{width:23px;height:3px;display:block}.tw-curve-note,.tw-reference-acceptance .tw-acceptance-note{font-size:clamp(11px,.82vw,15px);line-height:1.7;color:var(--tech-muted);margin:18px 0 0;padding-top:13px;border-top:1px solid var(--tech-line)}.tw-reference-acceptance{min-width:0}.tw-acceptance-table{font-size:clamp(10px,.82vw,16px)}.tw-acceptance-table th,.tw-acceptance-table td{padding:clamp(5px,.85vh,10px) 7px}.tw-acceptance-table tbody td{white-space:nowrap}
.tw-everyday-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:clamp(35px,4vw,78px);flex:1;min-width:0}.tw-everyday-heading .tw-tech-title{font-size:clamp(36px,3.35vw,67px);line-height:1.12}.tw-everyday-heading .tw-tech-intro{max-width:65ch}.tw-everyday-features{margin:28px 0 0}.tw-everyday-features>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:clamp(15px,2.2vh,26px) 0;border-top:1px solid var(--tech-line);align-items:center}.tw-everyday-features>div:last-child{border-bottom:1px solid var(--tech-line)}.tw-everyday-features dt{font-size:clamp(17px,1.45vw,27px);line-height:1.35;font-weight:550;letter-spacing:-.03em}.tw-everyday-features dd{font-size:clamp(13px,1vw,19px);line-height:1.6;margin:0}
.tw-everyday-product{margin:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,2.2vw,44px);background:#173f30;color:#f9fbf5;min-width:0}.tw-everyday-product figcaption>p{font-size:11px;letter-spacing:.09em;line-height:1.5;margin:0 0 24px}.tw-everyday-product h3{font-family:TechwoodFraunces,Georgia,serif;font-size:clamp(30px,2.3vw,47px);font-style:italic;line-height:1.35;font-weight:450;margin:0}.tw-everyday-product>img{display:block;width:100%;height:auto;max-height:45svh;object-fit:contain}.tw-everyday-product>p{font-size:16px;line-height:1.6;margin:0;padding-top:18px;border-top:1px solid #6f9277;color:#d7e4cf}.tw-everyday-product small{font-size:14px}
@media(min-width:1101px) and (max-height:800px){.tw-tech-chapter{gap:14px;padding-block:20px}.tw-tech-title{font-size:42px}.tw-tech-eyebrow{margin-bottom:9px}.tw-tech-intro{margin-top:9px;font-size:13px}.tw-material-description{padding:11px 13px 13px}.tw-material-description .tw-material-claim{font-size:20px;margin-bottom:9px}.tw-material-description p:last-child{font-size:12px}.tw-material-description h3{margin-bottom:6px;font-size:12px}.tw-reference-weight>h3,.tw-reference-test-grid h3{font-size:23px}.tw-reference-weight>p{margin-bottom:10px;font-size:12px}.tw-tech-table{font-size:12px}.tw-tech-table th,.tw-tech-table td{padding:5px 10px}.tw-tech-table thead th{padding-block:8px}.tw-tech-footer{padding-top:9px;font-size:11px}.tw-reference-curve>img{max-height:49svh;margin-block:13px}.tw-acceptance-table{font-size:11px}.tw-acceptance-table th,.tw-acceptance-table td{padding:5px 6px}.tw-reference-legend{font-size:10px;gap:5px 11px}.tw-curve-note,.tw-reference-acceptance .tw-acceptance-note{font-size:11px;margin-top:12px;padding-top:9px}.tw-everyday-heading .tw-tech-title{font-size:40px}.tw-everyday-features{margin-top:24px}.tw-everyday-features>div{padding-block:13px}.tw-everyday-features dt{font-size:19px}.tw-everyday-features dd{font-size:13px}}
@media(min-width:701px) and (max-width:1100px){.tw-tech-chapter{padding:28px 22px;gap:22px}.tw-tech-nav{font-size:11px;gap:16px}.tw-tech-title{font-size:36px}.tw-tech-source{font-size:10px}.tw-tech-heading{gap:12px}.tw-material-description{padding:12px 10px}.tw-material-description .tw-material-claim{font-size:18px}.tw-material-description p:last-child{font-size:12px}.tw-reference-test-grid{grid-template-columns:minmax(0,1fr);gap:30px}.tw-reference-curve>img{max-height:500px}.tw-acceptance-table{font-size:13px}.tw-acceptance-table th,.tw-acceptance-table td{padding:10px 8px}.tw-everyday-layout{grid-template-columns:minmax(0,1fr);gap:30px}.tw-everyday-product{min-height:330px;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:20px}.tw-everyday-product>p{grid-column:1/-1}.tw-everyday-product img{max-height:250px}#slat-data .tw-tech-title{font-size:clamp(25px,3.1vw,35px)}.tw-atlas-capability{gap:10px;top:89px;right:22px}.tw-atlas-capability>span{font-size:10px;padding-left:10px}.tw-atlas-capability strong{font-size:30px}.tw-atlas-grid{gap:22px}.tw-atlas-family h3{font-size:16px}.tw-atlas-row{column-gap:5px!important;grid-template-columns:33px minmax(0,1fr) minmax(0,.7fr)!important}.tw-atlas-row>span{font-size:12px!important}}
@media(max-width:700px){.tw-tech-chapter{padding:27px 20px;gap:24px;min-height:100svh}.tw-tech-nav{justify-content:flex-start;gap:16px;font-size:11px;overflow-x:auto;white-space:nowrap;flex-shrink:0;min-height:36px;overscroll-behavior-x:contain;padding-bottom:10px}.tw-tech-nav a{flex-shrink:0;padding-bottom:2px}.tw-tech-heading{display:block}.tw-tech-title{font-size:clamp(31px,8.6vw,45px);line-height:1.1}.tw-tech-eyebrow{font-size:10px;margin-bottom:11px}.tw-tech-intro{font-size:14px;line-height:1.65;margin-top:14px}.tw-tech-source{display:block;margin-top:13px;font-size:11px;white-space:normal}.tw-tech-footer{display:block;font-size:11px;line-height:1.7;padding-top:13px}.tw-tech-footer span{display:block}.tw-material-descriptions{grid-template-columns:1fr;gap:16px}.tw-material-description{padding:17px 16px 20px}.tw-material-description h3{font-size:13px}.tw-material-description .tw-material-claim{font-size:23px}.tw-material-description p:last-child{font-size:14px}.tw-reference-weight>h3,.tw-reference-test-grid h3{font-size:25px;line-height:1.25}.tw-reference-weight>p,.tw-reference-test-grid figcaption>p,.tw-reference-acceptance>p{font-size:13px;margin-bottom:17px}.tw-tech-table{min-width:710px;font-size:13px}.tw-tech-table th,.tw-tech-table td{padding:10px}.tw-reference-test-grid{grid-template-columns:minmax(0,1fr);gap:30px}.tw-reference-curve>img{max-height:none;margin-block:17px}.tw-reference-legend{font-size:11px;gap:7px 13px}.tw-curve-note,.tw-reference-acceptance .tw-acceptance-note{font-size:13px;line-height:1.7}.tw-acceptance-table{min-width:610px;font-size:13px}.tw-acceptance-table th,.tw-acceptance-table td{padding:11px 8px}.tw-everyday-layout{grid-template-columns:minmax(0,1fr);gap:28px}.tw-everyday-heading .tw-tech-title{font-size:clamp(31px,8.5vw,42px)}.tw-everyday-features{margin-top:28px}.tw-everyday-features>div{grid-template-columns:1fr;gap:7px;padding-block:18px}.tw-everyday-features dt{font-size:22px}.tw-everyday-features dd{font-size:14px}.tw-everyday-product{padding:25px;min-height:400px}.tw-everyday-product h3{font-size:34px}.tw-everyday-product figcaption>p{font-size:10px;margin-bottom:16px}.tw-everyday-product>img{max-height:260px}.tw-everyday-product>p{font-size:14px}.tw-everyday-product small{font-size:12px}
 #slat-data.tw-profile-atlas{height:auto;min-height:100svh;gap:24px}#slat-data .tw-tech-heading{padding-right:0}#slat-data .tw-tech-title{font-size:clamp(31px,8.5vw,43px);white-space:normal}.tw-atlas-capability{position:static;gap:18px;justify-content:flex-start}.tw-atlas-capability strong{font-size:42px}.tw-atlas-capability>span{font-size:12px;padding-left:18px}.tw-atlas-grid{grid-template-columns:1fr;gap:28px;flex:none}.tw-atlas-family{gap:12px}.tw-atlas-family h3{font-size:24px}.tw-atlas-family+.tw-atlas-family:before{display:none}.tw-atlas-rows{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:12px 10px;flex:none}#slat-data .tw-atlas-row{grid-template-columns:minmax(0,1fr);grid-template-rows:24px 68px 25px;gap:4px;padding:6px 3px 8px;border-bottom:1px solid var(--tech-line);border-top:0;text-align:center;min-height:134px}#slat-data .tw-atlas-row>span{font-size:14px}.tw-atlas-image{height:68px;width:100%}.tw-atlas-outline{max-height:25px;width:85%;justify-self:center}
}
@media(prefers-reduced-motion:reduce){.tw-atlas-image,.tw-atlas-row{transition:none!important}#slat-data .tw-atlas-row:hover .tw-atlas-image{transform:none}.tw-tech-nav{scroll-behavior:auto}}
@media(max-width:700px){.tw-tech-nav{overflow-y:hidden;scrollbar-width:none}.tw-tech-nav::-webkit-scrollbar{display:none}}
/* A real viewport-sized frame for each reference chapter; compact reading stays inside it. */
#site-tail .tw-tech-chapter.tw-data-page{height:100svh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.5vh,18px);padding-top:calc(var(--tw-header-height) + 12px);padding-bottom:clamp(14px,2vh,24px)}
.tw-data-page>.tw-tech-nav,.tw-data-page>.tw-tech-heading,.tw-data-page>.tw-everyday-heading,.tw-data-page>.tw-tech-footer{min-height:0}
.tw-data-page .tw-tech-title,.tw-data-page .tw-everyday-heading .tw-tech-title{font-size:clamp(32px,2.8vw,54px);line-height:1.05}
.tw-data-page .tw-tech-eyebrow{margin-bottom:8px}
.tw-data-page .tw-tech-intro{margin-top:8px;font-size:clamp(13px,1vw,18px);line-height:1.45}
.tw-data-page>.tw-tech-footer{margin:0;padding-top:8px;font-size:clamp(10px,.75vw,13px);line-height:1.45}
.tw-tech-body{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a9baaa transparent}
.tw-comparison-body{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.8fr);gap:clamp(24px,3vw,56px);align-items:start}
.tw-comparison-body .tw-material-descriptions{grid-template-columns:minmax(0,1fr);gap:12px}
.tw-comparison-body .tw-material-description{padding:12px 14px}
.tw-comparison-body .tw-material-description h3{font-size:clamp(12px,.95vw,17px);margin-bottom:7px}
.tw-comparison-body .tw-material-description .tw-material-claim{font-size:clamp(17px,1.35vw,25px);line-height:1.15;margin-bottom:8px}
.tw-comparison-body .tw-material-description p:last-child{font-size:clamp(12px,.9vw,16px);line-height:1.5}
.tw-data-page .tw-reference-weight>h3,.tw-data-page .tw-reference-test-grid h3{font-size:clamp(20px,1.5vw,28px);margin-bottom:6px}
.tw-data-page .tw-reference-weight>p,.tw-data-page .tw-reference-acceptance>p,.tw-data-page .tw-reference-test-grid figcaption>p{font-size:clamp(12px,.85vw,16px);line-height:1.4;margin-bottom:10px}
.tw-data-page .tw-tech-table{font-size:clamp(12px,.87vw,16px);line-height:1.3}
.tw-data-page .tw-tech-table :is(th,td){padding:clamp(4px,.65vh,7px) 8px}
.tw-data-page .tw-tech-table thead th{padding-block:9px}
.tw-data-page .tw-reference-weight .tw-tech-table tbody th:first-child{min-width:120px}
.tw-data-page .tw-reference-test-grid{align-items:stretch;gap:clamp(28px,3.5vw,60px)}
.tw-data-page .tw-reference-curve{height:100%;min-height:0;display:flex;flex-direction:column}
.tw-data-page .tw-reference-curve>img{flex:1;min-height:0;max-height:none;height:0;object-fit:contain;object-position:left center;margin:12px 0}
.tw-data-page .tw-reference-legend{font-size:clamp(10px,.75vw,14px);gap:6px 13px}
.tw-data-page .tw-curve-note,.tw-data-page .tw-reference-acceptance .tw-acceptance-note{font-size:clamp(11px,.8vw,14px);line-height:1.5;margin-top:12px;padding-top:9px}
.tw-data-page .tw-everyday-layout{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:stretch;gap:clamp(28px,4vw,70px)}
.tw-data-page .tw-everyday-features{margin:0;min-height:0;display:grid;grid-template-rows:repeat(7,minmax(0,1fr))}
.tw-data-page .tw-everyday-features>div{padding:8px 0;gap:20px}
.tw-data-page .tw-everyday-features dt{font-size:clamp(17px,1.3vw,24px)}
.tw-data-page .tw-everyday-features dd{font-size:clamp(13px,.95vw,18px);line-height:1.5}
.tw-data-page .tw-everyday-product{min-height:0;padding:clamp(20px,2vw,36px)}
.tw-data-page .tw-everyday-product>img{height:0;min-height:0;flex:1;max-height:none;object-fit:contain;margin-block:10px}
.tw-data-page .tw-everyday-product h3{font-size:clamp(28px,2.2vw,40px)}
.tw-data-page .tw-everyday-product figcaption>p{margin-bottom:15px}
@media(max-width:1100px){.tw-data-page .tw-reference-test-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.tw-data-page .tw-tech-table{min-width:590px}.tw-data-page .tw-acceptance-table{min-width:520px}.tw-data-page .tw-reference-curve{min-height:320px}.tw-data-page .tw-everyday-layout{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px}.tw-data-page .tw-everyday-product{display:flex}.tw-data-page .tw-everyday-product>p{grid-column:auto}.tw-data-page .tw-everyday-features>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:700px){#site-tail .tw-tech-chapter.tw-data-page{padding-inline:20px;gap:12px}.tw-data-page .tw-tech-title,.tw-data-page .tw-everyday-heading .tw-tech-title{font-size:clamp(28px,8vw,36px);line-height:1.07}.tw-data-page .tw-tech-intro{font-size:13px}.tw-data-page .tw-tech-heading{display:block}.tw-data-page .tw-tech-source{margin-top:8px;font-size:10px}.tw-data-page .tw-comparison-body,.tw-data-page .tw-reference-test-grid,.tw-data-page .tw-everyday-layout{display:block}.tw-data-page .tw-reference-weight,.tw-data-page .tw-reference-acceptance{margin-top:24px}.tw-data-page .tw-material-description p:last-child{font-size:14px}.tw-data-page .tw-material-description .tw-material-claim{font-size:21px}.tw-data-page .tw-material-description h3{font-size:13px}.tw-data-page .tw-reference-curve{height:auto;min-height:0}.tw-data-page .tw-reference-curve>img{height:auto;flex:none;min-height:0}.tw-data-page .tw-everyday-features{display:block}.tw-data-page .tw-everyday-features>div{grid-template-columns:1fr;gap:7px;padding-block:16px}.tw-data-page .tw-everyday-features dt{font-size:21px}.tw-data-page .tw-everyday-features dd{font-size:14px}.tw-data-page .tw-everyday-product{margin-top:24px;min-height:360px}.tw-data-page .tw-everyday-product>img{height:220px;flex:none;margin-block:10px}.tw-data-page>.tw-tech-footer{font-size:10px}}
/* Match the approved finish viewer: visible darkened page, fixed warm backlight, floating form. */
.tw-atlas-inspector{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;outline:none;box-shadow:none;border-radius:0;background:transparent;overflow:hidden;color:white}
.tw-atlas-inspector::backdrop{background:transparent}
.tw-profile-backdrop{position:fixed;inset:0;background:radial-gradient(ellipse 42vw 42vh at 50% 50%,#f6edcfb3 0%,#ded7b85c 32%,transparent 75%),#05100ddb;backdrop-filter:blur(2px) saturate(.72);opacity:0;cursor:zoom-out}
.tw-profile-stage{position:fixed;display:block;overflow:visible;padding:0;border:0;outline:none;box-shadow:none;background:transparent;touch-action:none;cursor:default;will-change:left,top,width,height}
.tw-profile-stage.is-grabbing{cursor:grabbing}
.tw-profile-stage:focus-visible:after{content:'';position:absolute;left:0;top:calc(100% + 5px);width:18px;height:2px;background:#eee8d9;pointer-events:none}
.tw-profile-settle,.tw-profile-inspection{position:absolute;inset:0;transform-origin:center;will-change:transform}
.tw-profile-inspection>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;user-select:none;pointer-events:none;transform-origin:center}
.tw-profile-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tw-profile-code{position:absolute;left:0;bottom:-24px;color:#e5e9da;font:400 12px/1.5 'TechwoodHero Sans',Arial,sans-serif;letter-spacing:.025em;pointer-events:none}
.tw-profile-inspection>.tw-profile-swap{z-index:1}
@media(max-height:500px){:root{--tw-header-height:56px}#site>#top .brand-image{width:76px;height:49px}.tw-data-page .tw-tech-eyebrow{display:none}.tw-data-page .tw-tech-title,.tw-data-page .tw-everyday-heading .tw-tech-title{font-size:28px}.tw-data-page .tw-tech-intro{margin-top:5px;font-size:11px}.tw-data-page .tw-tech-source{font-size:10px}.tw-data-page>.tw-tech-nav{min-height:25px;padding-bottom:7px}.tw-data-page>.tw-tech-footer{font-size:9px;padding-top:5px}}

/* Live vector source trace, retaining the existing one-page figure space. */
.tw-data-page .tw-sag-mount{flex:1;min-height:0;display:flex;flex-direction:column;margin:12px 0}
.tw-sag-chart{display:block;width:100%;height:0;min-height:0;flex:1;overflow:visible}
.tw-sag-progress{display:flex;justify-content:space-between;gap:12px;padding-top:9px;font-size:clamp(10px,.72vw,13px);letter-spacing:.04em;color:var(--tech-muted);font-variant-numeric:tabular-nums}
@media(max-width:700px){.tw-data-page .tw-sag-mount{flex:none}.tw-sag-chart{height:auto;aspect-ratio:924/533;flex:none}.tw-sag-progress{font-size:10px}}

/* Hide the vertical reading chrome without disabling native wheel/touch/keys. */
.tw-tech-body{scrollbar-width:none}.tw-tech-body::-webkit-scrollbar{display:none;width:0;height:0}

/* Two coherent reference spreads: one heading, aligned panels, source-driven visual weight. */
.tw-refined-page>.tw-tech-heading{padding-bottom:clamp(12px,1.8vh,24px);border-bottom:1px solid var(--tech-line)}
.tw-refined-page .tw-tech-table{font-size:clamp(12px,.88vw,18px)}
.tw-refined-page .tw-tech-eyebrow{font-size:clamp(10px,.7vw,13px);letter-spacing:.14em}
.tw-refined-page .tw-tech-title{font-size:clamp(36px,3.45vw,68px);line-height:1.03}
.tw-refined-page .tw-tech-intro{font-size:clamp(13px,.95vw,18px);margin-top:10px}
.tw-refined-page .tw-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;padding-bottom:clamp(12px,1.5vh,20px);border-bottom:1px solid var(--tech-line);flex:none}
.tw-refined-page .tw-panel-heading h3{font-size:clamp(20px,1.45vw,29px);font-weight:550;letter-spacing:-.035em;line-height:1.2;margin:0}
.tw-panel-heading>span{font-size:clamp(11px,.78vw,15px);color:var(--tech-muted);white-space:nowrap}
#material-comparison .tw-comparison-body{grid-template-columns:minmax(0,.82fr) minmax(0,1.8fr);align-items:stretch;gap:clamp(24px,3vw,60px)}
.tw-material-overview{display:flex;flex-direction:column;min-height:0;gap:clamp(14px,2vh,26px)}
#material-comparison .tw-material-descriptions{gap:8px;flex:1;grid-template-rows:repeat(3,minmax(0,1fr))}
#material-comparison .tw-material-description{display:flex;flex-direction:column;justify-content:center;padding:clamp(12px,1.4vh,20px) clamp(14px,1.3vw,26px);background:#e9ede3;border:0;border-left:2px solid #b8c7b7}
#material-comparison .tw-material-description:first-child{background:#173f30;border-left-color:#173f30}
#material-comparison .tw-material-description h3{font-size:clamp(12px,.82vw,16px);margin:0 0 6px;font-weight:600}
#material-comparison .tw-material-description .tw-material-claim{font-size:clamp(17px,1.32vw,26px);line-height:1.15;margin:0 0 7px}
#material-comparison .tw-material-description p:last-child{font-size:clamp(12px,.86vw,16px);line-height:1.45}
.tw-weight-snapshot{margin:0;padding:clamp(14px,1.5vh,22px) 0 0;border-top:1px solid var(--tech-line);flex:none}
.tw-weight-snapshot figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.tw-weight-snapshot h3{font-size:clamp(16px,1.15vw,23px);margin:0;letter-spacing:-.025em;font-weight:550}
.tw-weight-snapshot figcaption>span{font-size:clamp(10px,.7vw,13px);color:var(--tech-muted)}
.tw-weight-rows{display:grid;gap:11px}.tw-weight-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:clamp(12px,.85vw,16px);font-variant-numeric:tabular-nums}
.tw-weight-row>strong{grid-column:3;grid-row:1;font-weight:500}.tw-weight-row>i{grid-column:2;grid-row:1;height:7px;width:calc(100% * var(--weight));background:var(--material-colour);border-radius:1px}
#material-comparison .tw-reference-weight{display:flex;flex-direction:column;min-height:0}
#material-comparison .tw-reference-weight>.tw-tech-table-scroll{flex:1;min-height:0;padding-top:12px}
#material-comparison .tw-reference-weight .tw-tech-table{height:100%}
#material-comparison .tw-tech-table :is(th,td){padding:clamp(4px,.75vh,12px) 9px}
#reference-tests .tw-reference-test-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(22px,2.2vw,44px)}
#reference-tests .tw-reference-curve{height:100%;min-height:0;padding:clamp(16px,1.6vw,30px);background:#e9ede3;border:1px solid #d5ddcf}
#reference-tests .tw-sag-mount{margin:clamp(12px,1.8vh,24px) 0;min-height:0}
#reference-tests .tw-panel-heading{padding-bottom:12px}
#reference-tests .tw-reference-legend{font-size:clamp(11px,.78vw,15px);line-height:1.45;gap:6px 14px}
#reference-tests .tw-reference-legend i{width:18px;height:3px;flex:none}
#reference-tests .tw-curve-note{font-size:clamp(11px,.75vw,14px);line-height:1.5;margin-top:12px;padding-top:10px}
#reference-tests .tw-reference-acceptance{display:flex;flex-direction:column;min-height:0;padding:clamp(16px,1.6vw,30px);border:1px solid #d5ddcf;background:#f9faf5}
#reference-tests .tw-reference-acceptance>.tw-tech-table-scroll{flex:1;min-height:0;margin-top:12px}
#reference-tests .tw-acceptance-table{height:100%}
.tw-acceptance-footnote{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--tech-line);font-size:clamp(11px,.78vw,15px);line-height:1.5;color:var(--tech-ink);flex:none}.tw-acceptance-footnote>span{color:var(--tech-muted)}
@media(min-width:1101px) and (max-height:800px){.tw-refined-page>.tw-tech-heading{padding-bottom:10px}.tw-refined-page .tw-tech-title{font-size:36px}.tw-refined-page .tw-panel-heading h3{font-size:20px}.tw-panel-heading>span{font-size:10px}#material-comparison .tw-material-description{padding:10px 12px}#material-comparison .tw-material-description .tw-material-claim{font-size:17px}#material-comparison .tw-material-description p:last-child{font-size:12px}.tw-weight-snapshot{padding-top:10px}.tw-weight-snapshot figcaption{margin-bottom:8px}.tw-weight-rows{gap:8px}.tw-weight-row>i{height:5px}#reference-tests .tw-reference-curve,#reference-tests .tw-reference-acceptance{padding:14px}#reference-tests .tw-reference-legend{font-size:10px;gap:5px 10px}#reference-tests .tw-curve-note{font-size:10px;margin-top:8px;padding-top:8px}.tw-acceptance-footnote{font-size:10px;margin-top:8px;padding-top:8px}}
@media(max-width:1100px){.tw-refined-page .tw-panel-heading{display:block}.tw-panel-heading>span{display:block;margin-top:6px}#material-comparison .tw-comparison-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:20px}#material-comparison .tw-reference-weight .tw-tech-table{min-width:560px}#reference-tests .tw-reference-test-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}#reference-tests .tw-acceptance-table{min-width:510px}#reference-tests .tw-reference-curve,#reference-tests .tw-reference-acceptance{padding:16px}.tw-weight-snapshot figcaption{display:block}.tw-weight-snapshot figcaption>span{display:block;margin-top:5px}.tw-weight-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}}
@media(max-width:700px){.tw-refined-page .tw-tech-title{font-size:clamp(30px,8.5vw,40px)}.tw-refined-page>.tw-tech-heading{padding-bottom:12px}.tw-refined-page .tw-tech-intro{font-size:13px;line-height:1.45}.tw-refined-page .tw-panel-heading{display:flex;flex-wrap:wrap;gap:4px 12px}.tw-panel-heading>span{margin:0}.tw-refined-page .tw-panel-heading h3{font-size:23px}#material-comparison .tw-comparison-body,#reference-tests .tw-reference-test-grid{display:block}.tw-material-overview{gap:22px}#material-comparison .tw-material-descriptions{display:grid;grid-template-rows:none;gap:10px}#material-comparison .tw-material-description{padding:17px 18px}#material-comparison .tw-material-description .tw-material-claim{font-size:22px}#material-comparison .tw-material-description p:last-child{font-size:14px}.tw-weight-snapshot h3{font-size:22px}.tw-weight-snapshot figcaption{display:flex}.tw-weight-snapshot figcaption>span{font-size:11px}.tw-weight-rows{gap:13px}.tw-weight-row{font-size:14px;grid-template-columns:44px minmax(0,1fr) auto}.tw-weight-row>i{height:7px}#material-comparison .tw-reference-weight{margin-top:28px}#material-comparison .tw-reference-weight .tw-tech-table{height:auto}#reference-tests .tw-reference-curve{height:auto;min-height:0;padding:18px}#reference-tests .tw-sag-mount{flex:none;margin:18px 0}#reference-tests .tw-reference-legend{font-size:11px}#reference-tests .tw-curve-note{font-size:12px;line-height:1.55}#reference-tests .tw-reference-acceptance{margin-top:28px;padding:18px}#reference-tests .tw-acceptance-table{height:auto}.tw-acceptance-footnote{font-size:12px}}
@media(min-width:701px) and (max-height:500px){#material-comparison .tw-comparison-body,#reference-tests .tw-reference-test-grid{display:block}.tw-material-overview{display:block}#material-comparison .tw-material-descriptions{grid-template-rows:none}.tw-weight-snapshot{margin-top:20px}#material-comparison .tw-reference-weight{margin-top:26px}#reference-tests .tw-reference-curve{height:auto;min-height:0}#reference-tests .tw-sag-mount{flex:none}#reference-tests .tw-sag-chart{height:auto;aspect-ratio:924/533;flex:none}#reference-tests .tw-reference-acceptance{margin-top:24px}#material-comparison .tw-reference-weight .tw-tech-table,#reference-tests .tw-acceptance-table{height:auto}#material-comparison .tw-reference-weight>.tw-tech-table-scroll,#reference-tests .tw-reference-acceptance>.tw-tech-table-scroll{flex:none}}

/* Keep one vertical reading surface on phones, including short landscape windows. */
@media(max-width:700px),(max-width:1100px) and (max-height:500px){
 #site-tail .tw-tech-chapter.tw-data-page{height:auto;min-height:100svh;grid-template-rows:auto auto auto}
 .tw-data-page .tw-tech-body{height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}
 .tw-data-page .tw-comparison-body,.tw-data-page .tw-reference-test-grid,.tw-data-page .tw-everyday-layout{display:block}
 .tw-data-page .tw-reference-curve{height:auto;min-height:0}
 .tw-data-page .tw-reference-curve>img{height:auto;flex:none}
 #material-comparison .tw-reference-weight>.tw-tech-table-scroll,#reference-tests .tw-reference-acceptance>.tw-tech-table-scroll{flex:none;max-height:none}
 #material-comparison .tw-reference-weight .tw-tech-table,#reference-tests .tw-acceptance-table{height:auto}
 .tw-data-page .tw-everyday-features{display:block}
 .tw-data-page .tw-everyday-product{height:auto;min-height:0;margin-top:24px}
 .tw-data-page .tw-everyday-product>img{height:auto;max-height:260px;flex:none}
 #reference-tests .tw-sag-mount{display:block;flex:none;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:6px}
 #reference-tests .tw-sag-chart{width:100%;min-width:520px;max-width:none;height:auto;aspect-ratio:924/533;flex:none}
 #reference-tests .tw-sag-mount::-webkit-scrollbar{height:6px}
 #reference-tests .tw-sag-mount::-webkit-scrollbar-thumb{background:#a9baaa;border-radius:3px}
}
@media(max-width:480px){
 .tw-atlas-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
 #slat-data .tw-atlas-row{grid-template-rows:24px 100px 28px;min-height:172px;padding:8px 4px}
 .tw-atlas-image{height:100px}
 .tw-atlas-outline{max-height:28px;width:95%}
}
@media(min-width:701px) and (max-width:1100px) and (max-height:500px){
 #slat-data.tw-profile-atlas{height:auto;min-height:100svh}
 .tw-atlas-grid{flex:none}
 .tw-atlas-rows{grid-template-rows:repeat(var(--rows),minmax(96px,auto));flex:none}
}

/* One fixed header above the chapter animation; no duplicate animated navigation. */
:root{--tw-header-height:78px;scrollbar-gutter:auto}
#site>#top.corner-header{position:fixed;inset:0 0 auto;width:100%;max-width:none;margin:0;padding:0 clamp(20px,3.2vw,64px);z-index:150;pointer-events:none;box-sizing:border-box;background:transparent;border:0;box-shadow:none;transition:color 240ms}
#site>#top .site-header{height:var(--tw-header-height);min-height:0;padding:0;display:flex;align-items:center;gap:clamp(16px,2vw,32px);justify-content:space-between;opacity:1;transform:none;pointer-events:none}
#site>#top .site-logo{margin:0;min-width:0;flex:0 0 auto}
#site>#top .brand-image{width:104px;height:64px;object-fit:contain}
#top .header-location{font:500 11px/1.4 'TechwoodHero Sans',Arial,sans-serif;letter-spacing:.025em;margin-right:auto;max-width:150px}
#site>#top .desktop-nav{padding:0;gap:clamp(22px,3vw,46px);align-items:center;flex:0 0 auto}
#site>#top .desktop-nav a{font-size:13px}
#site>#top .header-cta{margin:0;min-height:42px;font-size:11px;padding:10px 15px;white-space:nowrap}
#site>#top[data-surface=hero],#site>#top[data-surface=dark]{background:transparent;color:#fff8e9}
#site>#top[data-surface=paper]{background:transparent;color:#173d2e}
#top[data-surface=paper] .desktop-nav a,#top[data-surface=paper] .menu-toggle{color:#173d2e}
#top[data-surface=paper] .header-cta{background:transparent;color:#173d2e;border-color:#8b9f8e}
#top[data-surface=paper] .nav-indicator{background:#173d2e}
#top .desktop-nav .nav-indicator{transition:left 320ms cubic-bezier(.2,.7,.25,1),width 320ms cubic-bezier(.2,.7,.25,1),opacity 180ms}
#top .desktop-nav a[aria-current]{font-weight:600}
#top .mobile-nav{top:100%;max-height:calc(100dvh - var(--tw-header-height) - 16px);overflow-y:auto;overscroll-behavior:contain;left:0;right:0;margin:0;padding:14px 22px 24px;color:#173d2e;background:#f5f4ed}
#top .mobile-nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
/* The header sits in reserved chapter space rather than covering a heading. */
#site .chapter{padding-top:max(var(--tw-header-height),4svh)}
#ps-gallery .sample-library{padding-top:calc(var(--tw-header-height) + 16px)}
#impact.tw-impact-forest{padding-top:calc(var(--tw-header-height) + 24px)}
#site-tail .tw-tech-chapter{padding-top:calc(var(--tw-header-height) + 18px)}
#site-tail .tw-profile-atlas .tw-atlas-capability{top:calc(var(--tw-header-height) + 18px)}
#site-tail .ending-scene>.final-cta{padding-top:calc(var(--tw-header-height) + 24px)}
#site .cinematic-scene>.corner-header{visibility:hidden}
@media(max-width:1100px){#site>#top .desktop-nav,#site>#top .header-cta{display:none}#site>#top .menu-toggle{display:block;width:44px;height:44px;flex:0 0 44px;margin:0;border:1px solid #aab7a0}#top .header-location{font-size:12px;max-width:none;margin-left:auto;margin-right:12px}#site>#top .site-header{gap:16px}}
@media(max-width:700px){:root{--tw-header-height:66px}#site>#top.corner-header{padding-inline:16px}#site>#top .brand-image{width:80px;height:52px}#site>#top .site-header{gap:10px}#top .header-location{font-size:10px;line-height:1.35;max-width:120px;margin-right:3px}#site>#top .menu-toggle{width:42px;height:42px;flex-basis:42px}#site-tail .tw-tech-chapter{padding-top:calc(var(--tw-header-height) + 18px)}#site-tail .tw-profile-atlas .tw-atlas-capability{position:static}#ps-gallery .library-preview{top:var(--tw-header-height)}#top .mobile-nav{left:-16px;right:-16px}}
@media(prefers-reduced-motion:reduce){#site>#top.corner-header,#top .desktop-nav .nav-indicator{transition:none}}

/* Only controls intercept input; the photographic reveal continues through the blank header. */
#site>#top .header-location,#site>#top .desktop-nav{pointer-events:none}
#site>#top .site-logo,#site>#top .desktop-nav a,#site>#top .header-cta,#site>#top .menu-toggle,#site>#top .mobile-nav{pointer-events:auto}
#site>#top .header-cta{background:transparent}
#top[data-surface=dark] .desktop-nav a,#top[data-surface=dark] .menu-toggle{color:#fff8e9}
#top[data-surface=dark] .nav-indicator{background:#efe8d5}
#top[data-surface=dark] .header-cta{color:#fff8e9;border-color:#e1d8bc}

/* Keep contact one tap away on both the full navigation and compact header. */
#site>#top .site-header{gap:clamp(12px,1.5vw,24px)}
#site>#top .desktop-nav{gap:clamp(20px,2.3vw,36px)}
#site>#top .header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#site>#top .header-contact{pointer-events:auto;min-height:44px;margin:0;padding:11px 16px;border:1px solid #173d2e;border-radius:5px;background:#173d2e;color:#fff8e9;font:600 11px/1.4 'TechwoodHero Sans',Arial,sans-serif;letter-spacing:.045em;white-space:nowrap;box-shadow:none;transition:background 220ms,border-color 220ms}
#site>#top .header-contact:hover{background:#245c43;border-color:#245c43}
#site>#top .header-contact:focus-visible{outline:2px solid #6c9979;outline-offset:3px}
#site>#top[data-surface=hero] .header-contact,#site>#top[data-surface=dark] .header-contact{border-color:#aab7a0}
@media(max-width:1100px){#site>#top .site-header{gap:16px}#site>#top .header-actions{margin-left:0}}
@media(max-width:700px){#site>#top .site-header{gap:10px}#site>#top .header-contact{padding:11px 12px;font-size:10px}}
@media(max-width:480px){#top .header-location{display:none}#site>#top .header-actions{margin-left:auto}}
@media(prefers-reduced-motion:reduce){#site>#top .header-contact{transition:none}}

/* Process-only editorial layout. The existing chapter spring owns page entrances. */
#site #process{--process-ink:#173d2e;--process-muted:#637366;--process-line:#c6cec2;background:#f5f4ed;color:var(--process-ink);box-sizing:border-box;height:100svh;min-height:0;padding:calc(var(--tw-header-height,78px) + 20px) 0 22px;font-family:'TechwoodHero Sans',Arial,sans-serif;overflow:clip}
#site #process>.site-shell{width:calc(100% - clamp(40px,6.4vw,128px));height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(12px,1.8svh,22px);min-width:0;min-height:0}
#site #process .process-heading{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:end;text-align:left;margin:0}
#site #process .process-heading h2{font-size:clamp(44px,4.4vw,76px);font-weight:650;letter-spacing:-.055em;line-height:1.01;margin:0;max-width:none}
#site #process .process-heading em{font-family:TechwoodFraunces,Georgia,serif;font-weight:450;letter-spacing:-.04em}
#site #process .process-heading>p{font-size:clamp(14px,1.05vw,18px);line-height:1.65;max-width:40ch;margin:0 0 3px auto;color:var(--process-muted)}
#site #process .process-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--process-line)}
#site #process .process-phases button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:56px;border:0;border-right:1px solid var(--process-line);padding:12px 20px;background:transparent;color:inherit;text-align:left;font:500 16px/1.2 'TechwoodHero Sans',Arial,sans-serif;cursor:pointer;transition:background 220ms,color 220ms}
#site #process .process-phases button:last-child{border-right:0}
#site #process .process-phases button[aria-pressed=true]{background:var(--process-ink);color:#fffdf4}
#site #process .process-phases button:hover:not([aria-pressed=true]){background:#e7ebdf}
#site #process .process-phases button small{font-size:12px;font-weight:400;opacity:.72;white-space:nowrap}
#site #process .process-story{display:grid;grid-template-columns:minmax(175px,.7fr) minmax(0,2.1fr) minmax(230px,.95fr);gap:clamp(22px,2.5vw,44px);min-height:0;min-width:0;height:100%;background:transparent;align-items:stretch}
#site #process .process-stage-picker{min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#bdc9b8 transparent}
#site #process .process-list{display:flex;flex-direction:column;gap:0;padding:0;min-width:0;margin:0}
#site #process .process-step,#site #process .process-step:first-child,#site #process .process-step:last-child{position:relative;display:flex;flex:none;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:clamp(35px,5.1svh,52px);gap:12px;padding:8px 10px 8px 13px;border:0;border-bottom:1px solid #d9dfd4;background:transparent;text-align:left;color:var(--process-muted);font:450 clamp(12px,.94vw,16px)/1.25 'TechwoodHero Sans',Arial,sans-serif;cursor:pointer;transition:background 220ms,color 220ms}
#site #process .process-step::before{content:'';flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0;transform:scale(.2);transition:opacity 220ms,transform 280ms}
#site #process .process-step::after{display:none}
#site #process .process-step.active{background:#e3e9db;color:var(--process-ink);font-weight:600}
#site #process .process-step.active::before{opacity:1;transform:scale(1)}
#site #process .process-step:hover{background:#ebeee4;color:var(--process-ink)}
#site #process .process-step:active{background:#dce5d4}
#site #process .process-step .step-text{display:block;color:inherit;font:inherit}
#site #process .process-mobile-picker{display:none}
#site #process .process-media{position:relative;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;margin:0;overflow:hidden;background:#dfe2d8}
#site #process .process-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
#site #process .process-media-label{position:absolute;z-index:3;inset:auto auto 13px 13px;max-width:calc(100% - 26px);padding:7px 10px;border:0;border-radius:0;background:#f5f4ede8;color:var(--process-ink);text-transform:none;letter-spacing:.025em;font-size:11px;line-height:1.3}
#site #process .process-image-feedback{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:22px;background:#edf0e8ef;color:var(--process-ink);font-size:14px;line-height:1.5}
#site #process .process-image-feedback[hidden],#site #process [data-process-retry][hidden]{display:none}
#site #process [data-process-retry]{font:inherit;padding:10px 16px;color:inherit;border:1px solid #9daf9b;background:transparent;cursor:pointer}
#site #process .process-detail{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-height:0;min-width:0;overflow:auto;padding:0 3px 0 0;background:transparent;scrollbar-width:thin;scrollbar-color:#bdc9b8 transparent}
#site #process .process-detail h3{font-size:clamp(26px,2.45vw,42px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 18px;color:inherit}
#site #process [data-stage-operation]{font-size:clamp(14px,1.05vw,17px);line-height:1.65;color:var(--process-muted);margin:0 0 22px}
#site #process .process-detail dl{display:grid;grid-template-columns:1fr;gap:14px;margin:0}
#site #process .process-detail dl>div{display:block;border-top:1px solid var(--process-line);padding:13px 0 0;min-width:0}
#site #process .process-detail dt{font-size:11px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--process-muted);margin:0 0 6px}
#site #process .process-detail dd{font-size:clamp(14px,1.05vw,16px);line-height:1.5;margin:0;color:inherit}
#site #process .process-inspection{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--process-line);font-size:clamp(12px,.9vw,14px);line-height:1.6;color:var(--process-muted)}
#site #process .process-controls{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0;padding-top:16px;border-top:1px solid var(--process-line);border-bottom:0}
#site #process .process-progress{position:absolute;inset:-1px 0 auto;height:2px;background:transparent;overflow:hidden}
#site #process .process-progress>span{display:block;height:100%;width:5%;background:var(--process-ink);transition:width 500ms cubic-bezier(.22,1,.36,1)}
#site #process .stage-id{min-width:0;font-weight:500;font-size:12px;letter-spacing:.035em;color:var(--process-muted);white-space:nowrap}
#site #process .process-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:7px;padding:0;margin:0}
#site #process .process-actions button{border:1px solid var(--process-line);border-radius:0;min-width:44px;min-height:38px;padding:8px 13px;font:500 12px/1.3 'TechwoodHero Sans',Arial,sans-serif;background:transparent;color:inherit;transform:none;transition:background 200ms}
#site #process .process-actions button:hover:not(:disabled){background:#e3e9db;transform:none}
#site #process .process-actions button:disabled{opacity:.35;cursor:default}
#site #process .process-actions [data-process-pause]{min-width:64px}
#site #process :is(button,select):focus-visible{outline:2px solid #173d2e;outline-offset:3px}
#site #process .process-disclaimer{max-width:none;margin:0;font-size:11px;line-height:1.45;color:var(--process-muted)}
@media(min-width:901px) and (max-height:730px){#site #process{padding-top:calc(var(--tw-header-height,78px) + 6px);padding-bottom:12px}#site #process>.site-shell{gap:10px}#site #process .process-heading h2{font-size:42px}#site #process .process-phases button{min-height:45px;padding-block:9px}#site #process .process-step,#site #process .process-step:first-child,#site #process .process-step:last-child{min-height:34px;font-size:12px}#site #process .process-detail{justify-content:flex-start}#site #process .process-detail h3{font-size:26px;margin-bottom:10px}#site #process [data-stage-operation]{margin-bottom:12px}#site #process .process-inspection{margin-top:12px}}
@media(max-width:1100px) and (min-width:901px){#site #process .process-story{grid-template-columns:170px minmax(0,1.6fr) minmax(210px,1fr);gap:20px}#site #process .process-phases button{font-size:14px}}
@media(max-width:900px),(max-width:1100px) and (max-height:500px){#site #process{padding-top:calc(var(--tw-header-height,66px) + 10px);padding-bottom:14px}#site #process>.site-shell{width:calc(100% - 36px);gap:12px}#site #process .process-heading{grid-template-columns:1fr;gap:10px}#site #process .process-heading h2{font-size:clamp(34px,7vw,52px)}#site #process .process-heading h2 br{display:none}#site #process .process-heading h2 em::before{content:' '}#site #process .process-heading>p{font-size:13px;line-height:1.5;margin:0;max-width:52ch}#site #process .process-heading>p br{display:none}#site #process .process-phases button{display:block;min-height:48px;padding:8px 12px;font-size:13px}#site #process .process-phases button small{display:block;font-size:10px;margin-top:4px}#site #process .process-story{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:16px;overflow-y:auto;overscroll-behavior-y:auto;align-content:start;scrollbar-width:none}#site #process .process-stage-picker{overflow:visible}#site #process .process-list{display:none}#site #process .process-mobile-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--process-muted);font-size:12px}#site #process .process-mobile-picker>span{white-space:nowrap}#site #process .process-mobile-picker select{min-width:0;width:min(70%,340px);height:44px;border:1px solid var(--process-line);background:transparent;padding:9px;color:var(--process-ink);font:500 13px 'TechwoodHero Sans',Arial,sans-serif}#site #process .process-media{height:clamp(180px,28svh,320px);min-height:0}#site #process .process-detail{display:block;padding:0;overflow:visible}#site #process .process-detail h3{font-size:28px;margin-bottom:12px}#site #process [data-stage-operation]{font-size:14px;margin-bottom:17px}#site #process .process-detail dl{grid-template-columns:1fr 1fr;gap:18px}#site #process .process-detail dd{font-size:13px}#site #process .process-inspection{font-size:12px;margin-top:17px}#site #process .process-controls{padding-top:11px;gap:8px}#site #process .process-actions button{padding:8px 10px;min-height:44px}#site #process .process-actions button span{display:none}#site #process .process-disclaimer{font-size:10px;line-height:1.4}}
@media(max-width:360px){#site #process>.site-shell{width:calc(100% - 28px);gap:10px}#site #process .process-heading h2{font-size:32px}#site #process .process-heading>p{font-size:12px}#site #process .process-phases button{padding:8px;font-size:12px}#site #process .process-actions button span{display:none}#site #process .process-detail dl{gap:12px}#site #process .process-mobile-picker>span{font-size:11px}}
@media(max-height:500px) and (max-width:900px){#site #process .process-heading{grid-template-columns:1fr 1fr;align-items:end}#site #process .process-heading h2{font-size:30px}#site #process .process-heading>p{font-size:11px}#site #process .process-phases button{min-height:40px}#site #process .process-phases button small{display:none}#site #process .process-disclaimer{display:none}}
@media(prefers-reduced-motion:reduce){#site #process :is(button,.process-progress>span,.process-step::before){transition:none}}

/* Narrow screens read the complete stage in the page, rather than a small inner viewport. */
@media(max-width:900px),(max-width:1100px) and (max-height:500px){
 #site #process{height:auto;min-height:100svh;overflow:visible}
 #site #process>.site-shell{height:auto;grid-template-rows:none;gap:18px}
 #site #process .process-story{height:auto;overflow:visible;grid-template-rows:none;gap:18px}
 #site #process .process-stage-picker,#site #process .process-detail{max-height:none;overflow:visible}
 #site #process .process-media{height:clamp(180px,54vw,320px)}
 #site #process .process-controls{margin-top:2px}
 #site #process .process-disclaimer{display:block;font-size:11px;line-height:1.55}
}

/* Mobile reading uses the page as its vertical scroll surface. */
#site :is(h1,h2,h3),#ps-gallery :is(h2,h3),#site-tail :is(h2,h3){hyphens:none;text-wrap:balance}
.tw-chart-scroll-hint{display:none}
@media(max-width:700px),(max-width:1100px) and (max-height:500px){.tw-chart-scroll-hint{display:block;font:13px/1.5 Arial,sans-serif;color:#46634f;margin:12px 0 0}}
@media(max-width:700px){
 :root{--tw-header-height:calc(66px + env(safe-area-inset-top,0px))}
 #site>#top.corner-header{padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
 #site>#top .site-header{padding-top:env(safe-area-inset-top,0px)}
 #site>#top[data-surface=hero]{background:#292b1df5}
 #site>#top[data-surface=paper]{background:#f5f4edf5}
 #site>#top[data-surface=dark]{background:#063e2af5}
 #top .mobile-nav{left:0;right:0;padding:12px 20px 24px}
 #site .corner-stage{height:auto;min-height:100svh;padding-top:calc(var(--tw-header-height) + 24px)}
 #site .corner-light .hero-copy{margin:0 20px 24px}
 #site .tw-headline .tw-type-keyword{font-size:clamp(60px,24vw,100px)}
 #site .tw-headline .tw-type-line:nth-child(3){margin-top:16px}
 #site .corner-light .hero-copy>p{font-size:14px;line-height:1.6;margin-top:20px}
 #site .corner-light .hero-media{height:auto;min-height:220px;aspect-ratio:4/3;flex:1 0 auto}
 #site .corner-light .corner-actions{padding:16px 20px 24px;gap:10px}
 .corner-actions>div{gap:8px}
 .corner-actions button{padding-inline:11px;font-size:12px;min-height:44px}
 .corner-cue{font-size:13px}
 #site .chapter{min-height:0;padding-bottom:36px}
 #site .chapter-copy p{font-size:16px;line-height:1.65}
 #ps-gallery .library-search input,#ps-gallery .library-category select{font-size:16px}
 #ps-gallery .library-preview{top:var(--tw-header-height);padding-block:10px}
 #ps-gallery .library-preview-meta span{font-size:12px}
 #ps-gallery .library-result{font-size:12px}
 #impact.tw-impact-forest{padding-top:calc(var(--tw-header-height) + 24px);padding-bottom:40px}
 #impact .tw-wood-chain{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:4px 24px}
 #impact .tw-wood-chain strong{flex-wrap:nowrap;gap:8px}
 #impact .tw-wood-chain output{font-size:clamp(30px,9vw,40px);white-space:nowrap;overflow-wrap:normal}
 #impact .tw-wood-chain span{font-size:13px}
 #impact .tw-wood-chain .tw-wood-arrow{text-align:left;transform:rotate(90deg);transform-origin:12px 50%;width:24px;margin-block:0}
 #impact .tw-scale-method .tw-carbon-summary{grid-template-columns:minmax(0,1fr);gap:18px}
 #impact.tw-impact-forest .tw-scale-stage-track>span{font-size:10px}
 #site-tail .ending-scene>.final-cta{padding-top:calc(var(--tw-header-height) + 28px);padding-bottom:0}
 #site-tail .closing-cta .cta-actions p{font-size:15px;line-height:1.65}
 #site-tail .closing-cta .button{font-size:13px;min-height:46px}
 #site-tail .ending-scene .footer-row{padding-block:12px}
 #site-tail .ending-scene .footer-nav{flex-wrap:wrap;justify-content:flex-start;gap:0 18px}
 #site-tail .ending-scene .footer-nav a{font-size:12px;min-height:44px}
 #site-tail .ending-scene .footer-row>small{white-space:normal;font-size:9px}
 #site-tail .ending-scene>.notes{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){
 #site .corner-light .hero-copy{margin-inline:16px}
 #site .corner-light .corner-actions{padding-inline:16px}
 .corner-actions>div{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .corner-actions>div button:last-child{grid-column:1/-1}
}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px){
 #site .corner-stage{height:auto;min-height:560px}
 #site .corner-light .hero-copy{top:24%;height:40%}
 #site>#top[data-surface=paper]{background:#f5f4edf5}
 #ps-gallery .library-search input,#ps-gallery .library-category select{font-size:16px}
}

/* Interactive technical comparison, contained within the existing reference panel. */
#reference-tests .tw-reference-curve{background:#173b2e;color:#f0f3e7;border-color:#173b2e}
#reference-tests .tw-reference-curve .tw-panel-heading{border-color:#ffffff30}
#reference-tests .tw-reference-curve .tw-panel-heading>span,#reference-tests .tw-reference-curve .tw-curve-note{color:#c1cdbf}
#reference-tests .tw-reference-curve .tw-curve-note{border-color:#ffffff30;margin-top:12px;padding-top:12px;line-height:1.55}
#reference-tests .tw-sag-mount{display:flex;flex-direction:column;flex:1;min-width:0;min-height:440px;margin:16px 0 0;overflow:visible;padding:0;color:#f0f3e7;font-variant-numeric:tabular-nums}
.tw-sag-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;margin-bottom:12px}
.tw-sag-focus{display:flex;flex-wrap:wrap;gap:4px}
.tw-sag-focus button,.tw-sag-replay{border:1px solid transparent;background:transparent;color:#cfdbca;padding:8px 9px;min-height:40px;font-size:12px;line-height:1.2}
.tw-sag-focus button{display:flex;align-items:center;gap:6px;border-radius:3px}
.tw-sag-focus button[aria-pressed=true]{background:#ffffff12;border-color:#d5e4c557;color:#fff}
.tw-sag-focus i{width:6px;height:6px;display:block;border-radius:50%}
.tw-sag-replay{white-space:nowrap;border-bottom-color:#c5d5bd55;padding-inline:5px}
#reference-tests .tw-sag-toolbar button:hover{color:#fff;background:#ffffff18;translate:0}
.tw-sag-canvas{flex:1;display:flex;min-height:210px;min-width:0}
#reference-tests .tw-sag-chart{display:block;min-width:0;max-width:100%;width:100%;height:auto;aspect-ratio:740/410;flex:1;overflow:visible}
.tw-sag-grid path{stroke:#d4dfc925;fill:none;stroke-width:1}
.tw-sag-grid .tw-sag-vertical{stroke-dasharray:3 6}
.tw-sag-grid text,.tw-sag-axis-labels text{fill:#ced9c7;font:400 21px 'Corner Manrope',Arial,sans-serif}
.tw-sag-axis-title{fill:#a9bca3;font:500 16px 'Corner Manrope',Arial,sans-serif;letter-spacing:1px}
.tw-sag-cursor{stroke:#e2ecd471;stroke-width:1;stroke-dasharray:4 6;fill:none}
[data-sag-line],[data-sag-dot]{transition:opacity 180ms}
.tw-sag-length-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;color:#b7c8b1;margin:12px 0 8px}
.tw-sag-length-heading strong{color:#eef4df;font-size:12px;font-weight:500}
.tw-sag-lengths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;flex:none}
.tw-sag-lengths button{min-width:0;min-height:44px;border:1px solid #bfd3b430;background:transparent;color:#dbe5d4;font-size:12px;padding:7px 3px;line-height:1.1;border-radius:2px}
.tw-sag-lengths small{font-size:9px;display:block;margin-top:4px;color:#b8c8af}
.tw-sag-lengths button[aria-pressed=true]{background:#d6e9bd;color:#173b2e;border-color:#d6e9bd}
.tw-sag-lengths button[aria-pressed=true] small{color:#36553a}
#reference-tests .tw-sag-lengths button:hover{background:#ffffff20;color:#fff;translate:0}
.tw-sag-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:17px 0 12px;flex:none}
.tw-sag-readings>div{border-top:2px solid var(--sag-colour);padding-top:8px}
.tw-sag-readings>div>span{font-size:11px;color:var(--sag-colour)}
.tw-sag-readings p{display:flex;align-items:baseline;gap:5px;margin:4px 0 0;line-height:1.2;white-space:nowrap}
.tw-sag-readings strong{font-weight:450;font-size:clamp(23px,2.15vw,40px);letter-spacing:-.04em;color:#f0f3e7}
.tw-sag-readings small{font-size:10px;color:#b7c8af}
#reference-tests .tw-sag-progress{color:#aebeaa;font-size:10px;border-top:1px solid #ffffff20;padding-top:9px;flex:none}
#reference-tests .tw-acceptance-table thead th{white-space:normal;line-height:1.4;font-size:clamp(10px,.72vw,14px)}
#reference-tests .tw-acceptance-table thead small{display:block;font-size:9px;font-weight:400;opacity:.8}
@media(max-width:1100px){#reference-tests .tw-reference-test-grid{grid-template-columns:minmax(0,1fr)}#reference-tests .tw-reference-curve{height:auto}#reference-tests .tw-sag-mount{flex:none;min-height:0}#reference-tests .tw-sag-canvas{flex:none}#reference-tests .tw-sag-chart{flex:none}#reference-tests .tw-reference-acceptance{margin-top:0}#reference-tests .tw-acceptance-table{min-width:630px}.tw-sag-readings strong{font-size:32px}}
@media(max-width:700px){#reference-tests .tw-reference-curve{padding:17px 14px}#reference-tests .tw-reference-curve .tw-panel-heading h3{font-size:22px}.tw-sag-toolbar{gap:5px;margin-bottom:8px}.tw-sag-focus{gap:2px}.tw-sag-focus button{font-size:10px;padding:7px 6px;min-height:40px}.tw-sag-focus i{width:5px;height:5px}.tw-sag-replay{font-size:18px;min-width:32px}.tw-sag-replay span{display:none}.tw-sag-canvas{min-height:0}.tw-sag-readings{gap:10px}.tw-sag-readings strong{font-size:26px}.tw-sag-readings small{font-size:9px}.tw-sag-lengths button{font-size:11px;min-height:45px}.tw-sag-length-heading{font-size:10px}#reference-tests .tw-reference-acceptance{margin-top:24px}#reference-tests .tw-sag-chart{min-width:0}.tw-sag-grid text,.tw-sag-axis-labels text{font-size:25px}.tw-sag-axis-title{font-size:21px}#reference-tests .tw-curve-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){[data-sag-line],[data-sag-dot]{transition:none}}