@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#252720;--paper:#f2eee5;--pale:#e6e1d5;--accent:#913f30;--muted:#696c62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}header{display:flex;justify-content:space-between;align-items:center;padding:22px 4vw;border-bottom:1px solid #c9c6bb;background:var(--paper);position:sticky;top:0;z-index:5}header a{text-decoration:none}.logo{font-weight:800;letter-spacing:.13em;font-size:22px}.logo span{display:block;font-size:9px;letter-spacing:.18em;font-weight:500}nav{display:flex;gap:24px;font-size:13px}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(45px,5.4vw,86px);font-weight:500;margin:20px 0 28px}h2{font-size:clamp(38px,4.8vw,66px);font-weight:500;margin:14px 0 28px}h3{font-size:28px;font-weight:600;margin:0 0 22px}h4{font-size:22px;margin:0 0 10px}p{max-width:72ch}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--accent)}.hero{padding:70px 4vw 38px;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:4vw}.hero-copy>p:not(.eyebrow){max-width:40ch}.hero figure{margin:0}.hero img{width:100%;height:590px;object-fit:cover;object-position:51%}figcaption,.small,small{font-size:12px;color:var(--muted);line-height:1.5}figcaption{padding-top:12px}.button{display:inline-block;background:var(--accent);padding:14px 23px;color:var(--paper);font-size:14px;text-decoration:none;margin:15px 0}.button:hover{background:#713124;color:var(--paper)}.metrics{margin:30px 4vw 0;padding:35px 0;border-top:1px solid #a9ada0;border-bottom:1px solid #a9ada0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.metrics strong{font-family:Manrope;font-weight:500;font-size:27px;display:block}.metrics span{font-size:12px;color:var(--muted)}section:not(.hero){padding:90px 5vw}.section-head{max-width:950px;margin-bottom:42px}.section-head p:not(.eyebrow){max-width:68ch}.media video{display:block;width:100%;max-height:760px;background:#101925}.viewerbar{display:flex;align-items:center;justify-content:space-between;margin:60px 0 15px}.viewerbar h3{margin:0}iframe{width:100%;height:720px;border:1px solid #babeb2;background:#151e2e}.split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;margin-top:65px}.split img{width:100%;max-height:570px;object-fit:contain}.paper{background:var(--pale)}.note{font-size:14px;border-left:3px solid var(--accent);padding-left:20px;color:#595c51}.spaced{margin-top:70px}.steps{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:28px 55px}.steps article{display:flex;gap:25px;border-top:1px solid #aaa99e;padding-top:25px}.steps article>span{color:var(--accent);font-size:28px}.steps p{font-size:15px}.assembly{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.assembly img{width:100%;background:#faf9f6}label{display:block;font-size:13px;margin-bottom:8px}input{font:inherit;width:min(650px,100%);padding:14px;border:1px solid #b7b9aa;background:#faf8f1}#count{font-size:12px;color:var(--muted)}.family{border-top:1px solid #b6b9ad}.family summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:70px 1fr 200px 100px;gap:15px;padding:24px 0;align-items:center}.family summary::after{content:none}.family summary span:last-child{text-align:right;color:var(--accent)}.family summary small{display:block}.family .inside{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:10px 0 35px}.family img{width:100%;background:#faf8f2}.family .inside p{font-size:14px;word-break:break-word}.budget-total{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:28px 0;border-top:1px solid #999f90;border-bottom:1px solid #999f90}.budget-total strong{font-size:clamp(36px,5vw,66px);letter-spacing:-.05em;display:block;font-weight:500}.budget-total span,.budget-total small{display:block}.budget-group{margin-top:30px}.budget-group summary{cursor:pointer;padding:20px 0;font-size:23px;border-bottom:1px solid #b0b3a5;display:flex;justify-content:space-between}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:850px}th,td{text-align:left;vertical-align:top;padding:18px 10px;border-bottom:1px solid #c3c5ba}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em}td small{display:block;max-width:52ch}td:nth-child(1){width:43%}.variant{display:flex;justify-content:space-between;gap:40px;padding:22px 0;border-bottom:1px solid #b5b7aa}.variant h4{font-size:20px}.variant p{font-size:14px;margin-bottom:0}.variant strong{white-space:nowrap}.pending{padding:16px 0;border-bottom:1px solid #b5b7aa;font-size:14px}.pending b{display:block}.downloads{background:#293128;color:var(--paper)}.downloads .eyebrow{color:#d7bca1}.downloads .note{color:#d0d2c7;border-color:#c48e64}.download-list{margin:40px 0}.download-list a{display:flex;justify-content:space-between;gap:20px;padding:25px 0;border-top:1px solid #66705c;text-decoration:none}.download-list b{font-size:12px;white-space:nowrap}.downloads h3{margin-top:60px}.downloads p{font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5vw;font-size:12px}footer>span{font-size:25px;letter-spacing:.16em}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #bc7149;outline-offset:5px}@media(max-width:800px){header{position:relative;display:block}nav{margin-top:15px;gap:15px;overflow:auto}.hero{grid-template-columns:1fr;padding-top:35px}.hero img{height:400px}.metrics{grid-template-columns:1fr 1fr}.split,.steps,.family .inside{grid-template-columns:1fr}.assembly{grid-template-columns:1fr 1fr}section:not(.hero){padding:60px 5vw}.viewerbar{display:block}.viewerbar a{display:block;margin-top:15px}iframe{height:650px}.family summary{grid-template-columns:40px 1fr 75px;font-size:14px}.family summary>span:nth-child(3){display:none}.budget-total{display:block}.variant{display:block}.variant strong{display:block;margin-top:15px}footer{align-items:start;gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.scene-stills figure{margin:0}.scene-stills figcaption{font-size:13px;line-height:1.5;margin-top:10px;color:var(--muted)}

/* v11 workshop navigation: drawings remain visible. */
:root{--ink:oklch(29% .018 110);--paper:oklch(94% .018 85);--pale:oklch(90% .022 85);--accent:oklch(48% .108 32);--muted:oklch(49% .020 110)}
.note,.downloads .note{border-left:0;border:1px solid color-mix(in oklch,var(--muted),transparent 65%);padding:16px 20px}
nav .active-link{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-action{font-size:15px;font-weight:600}.hero{padding-bottom:32px}.hero h1{font-size:clamp(42px,4.6vw,72px)}
.workshop-access{padding:28px 5vw 40px;background:var(--pale)}.workshop-access>p{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.workshop-access>a{display:flex;align-items:center;gap:22px;padding:22px 0;text-decoration:none;border-top:1px solid #b6b9ad}.workshop-access>a>b{font-size:15px;color:var(--accent)}.workshop-access>a>span:nth-child(2){font-size:23px;font-weight:500;flex:1;line-height:1.25}.workshop-access small{display:block;font-size:14px;font-weight:400;line-height:1.4;margin-top:6px}
#families{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}.family-visual{border-top:1px solid #b6b9ad;padding-top:16px}.family-visual img{display:block;width:100%;background:#f7f5ef;border:1px solid #d5d6cc}.family-visual h3{font-size:19px;letter-spacing:-.02em;margin:18px 0 8px}.family-visual p{font-size:14px;margin:6px 0}.family-visual div>a{display:inline-block;font-size:13px;font-weight:600;margin-top:7px}.family-visual>a:focus-visible{display:block}
.prototype-intro{background:oklch(30% .038 135);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.prototype-intro .eyebrow{color:oklch(80% .073 65)}.prototype-intro .small{color:var(--pale)}.prototype-intro img{width:100%;background:var(--paper)}
@media(max-width:800px){nav{flex-wrap:wrap;overflow:visible;gap:15px 20px}.workshop-access>a>span:nth-child(2){font-size:20px}#families,.prototype-intro{grid-template-columns:1fr}.family-visual h3{font-size:20px}.hero img{height:360px}.hero-actions{gap:5px}.prototype-intro{gap:35px}.downloads .download-list a{align-items:center}.downloads .download-list span{max-width:80%}}
