.model-story{position:relative;height:290svh;background:#dddcd1;color:#213026}.story-sticky{height:100svh;position:sticky;top:0;display:grid;grid-template-columns:1fr 1.8fr;gap:0}.story-copy{padding:65px 12% 50px 15%;display:flex;flex-direction:column;justify-content:center}.story-copy>.eyebrow{color:#526749;margin-bottom:30px}.story-copy h2{font-size:clamp(40px,4.4vw,70px);margin:0 0 25px}.story-chapter{opacity:.25;transition:opacity .3s ease;border-top:1px solid #a6b19e;padding-top:20px;margin-top:20px}.story-chapter.active{opacity:1}.story-chapter h3{font:28px var(--serif);margin:0 0 10px}.story-chapter p{font-size:13px;line-height:1.7;margin:0}.model-frame{position:relative;min-width:0;overflow:hidden;background:#e3e3d6}.model-frame canvas,.story-render{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.model-frame canvas{opacity:0}.geometry-ready canvas{opacity:1}.story-render{opacity:1;pointer-events:none}.geometry-ready .story-render{opacity:0}.story-navigation{position:absolute;left:30px;right:30px;bottom:35px;display:flex;justify-content:space-between;gap:20px;z-index:2}.story-navigation>div{display:flex;gap:7px}.story-navigation button{border:1px solid #b7bcae;background:#efeee5e8;color:#263b2c;font-size:12px;min-height:44px;padding:10px 17px}.story-navigation button[aria-pressed=true]{background:#263b2c;color:#f0eee6;border-color:#263b2c}.story-view-label{position:absolute;left:30px;top:30px;font-size:9px;letter-spacing:.12em;background:#f1f0e6e8;color:#263b2c;padding:12px}.story-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#bcc5b2}.story-progress:after{content:'';display:block;height:100%;background:#9d6345;transform-origin:left;transform:scaleX(var(--story-progress,0))}.proof-notes{padding:75px 6%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:55px;border-bottom:1px solid var(--line)}.proof-notes article>span{color:#d7835d;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.proof-notes h3{font:32px var(--serif);margin:20px 0}.proof-notes p{font-size:14px;color:var(--muted)}.palette-sheet-section{padding:100px 6%;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:center}.palette-sheet-section h2{font-size:clamp(48px,5vw,80px)}.palette-sheet-section>div>p{font-size:15px;color:var(--muted)}.palette-sheet{background:#ebe9df;color:#223328;padding:25px;transform:rotate(-2deg);box-shadow:12px 16px 0 #364536;transition:transform .4s ease}.palette-sheet:hover{transform:rotate(0)}.palette-sheet .sheet-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;padding-bottom:15px}.palette-sheet img{width:100%;aspect-ratio:1.7;object-fit:cover}.palette-sheet h3{font:35px var(--serif);margin:24px 0 15px}.palette-sheet dl{display:grid;grid-template-columns:1fr 2fr;gap:12px;font-size:12px;border-top:1px solid #aab4a2;padding-top:18px}.palette-sheet dt{color:#5d6d55}.palette-sheet dd{margin:0}.sheet-actions{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.palette-sheet .sheet-actions a,.palette-sheet .sheet-actions button{font-size:12px;min-height:44px;padding:10px 0;border:0;border-bottom:1px solid #576c4d;background:none;color:#223328}.process-comparison{padding:80px 6%;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.process-comparison>img{width:100%;aspect-ratio:1.1;object-fit:cover;object-position:80% 60%}.process-comparison h2{font-size:clamp(45px,4.8vw,75px)}.process-comparison p{font-size:15px}.process-comparison .asset-space{min-height:220px;padding:25px;margin-top:25px}.stage-copy h1{font-size:clamp(85px,9.2vw,150px)}
@media(max-width:1000px){.story-copy{padding:45px 8%}.story-copy h2{font-size:43px}.story-chapter h3{font-size:24px}.story-chapter p{font-size:12px}.story-sticky{grid-template-columns:1fr 1.5fr}.palette-sheet-section{gap:45px}}
@media(max-width:760px){.model-story{height:250svh}.story-sticky{display:flex;flex-direction:column;height:100svh}.story-copy{padding:25px 24px 15px;display:block;flex-shrink:0}.story-copy>.eyebrow{font-size:9px;margin-bottom:12px}.story-copy h2{font-size:34px;margin:0 0 15px}.story-chapter{display:none;padding-top:12px;margin-top:0}.story-chapter.active{display:block}.story-chapter h3{font-size:23px;margin-bottom:7px}.story-chapter p{font-size:12px;max-width:500px}.model-frame{flex:1;min-height:280px}.story-navigation{left:15px;right:15px;bottom:22px}.story-navigation button{padding:10px 13px;font-size:11px}.story-view-label{top:15px;left:15px;font-size:8px}.proof-notes{grid-template-columns:1fr;padding:45px 24px;gap:25px}.proof-notes article{border-top:1px solid var(--line);padding-top:25px}.proof-notes h3{font-size:30px;margin:15px 0}.palette-sheet-section{padding:60px 24px;grid-template-columns:1fr;gap:35px}.palette-sheet-section h2{font-size:46px}.palette-sheet{padding:18px;transform:rotate(-1deg);box-shadow:7px 9px 0 #364536}.palette-sheet h3{font-size:29px}.palette-sheet dl{grid-template-columns:1fr 1.5fr}.process-comparison{grid-template-columns:1fr;padding:50px 24px;gap:30px}.process-comparison h2{font-size:45px}.process-comparison>img{aspect-ratio:1.2}.stage-copy h1{font-size:78px}}
@media(prefers-reduced-motion:reduce){.story-chapter{transition:none}.palette-sheet{transform:none;transition:none}.model-story{height:auto}.story-sticky{position:relative;height:auto;min-height:700px}.model-frame{min-height:600px}}
@media print{body:has(#palette-sheet) *{visibility:hidden!important}#palette-sheet,#palette-sheet *{visibility:visible!important}#palette-sheet{position:absolute;left:0;top:0;width:100%;transform:none;box-shadow:none;background:white;color:black;padding:25px}#palette-sheet .sheet-actions{display:none}#palette-sheet img{max-height:115mm;object-fit:contain}body{background:white}@page{size:A4;margin:15mm}}

@media(max-width:760px){.story-copy{min-height:280px}}
.story-chapter{opacity:1;color:#5b6555}.story-chapter.active{color:#213026}.story-chapter.active h3{color:#784b32}
@media print{body:has(#palette-sheet)>header,body:has(#palette-sheet)>footer,body:has(#palette-sheet) .skip,body:has(#palette-sheet) main>*,body:has(#palette-sheet) .palette-sheet-section>div{display:none!important}body:has(#palette-sheet) main>.palette-sheet-section{display:block!important;padding:0;margin:0}#palette-sheet{position:static;width:auto;margin:0}body:has(#palette-sheet),body:has(#palette-sheet) main{height:auto;min-height:0;margin:0;padding:0}}