/* A tabletop drafting mat: original vector marks frame the real CAD object. */
.hero{isolation:isolate;padding-bottom:55px}.hero:before{content:"";position:absolute;z-index:-1;inset:0 -64px;background-image:radial-gradient(#b7cdd022 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(110deg,transparent 8%,black 70%)}
.hero h1{font-size:clamp(88px,14vw,186px);letter-spacing:-.07em;line-height:.95;margin-bottom:24px;font-weight:600}.hero-grid{grid-template-columns:38% 62%;gap:0}.intro h2{font-size:clamp(35px,3.2vw,49px);letter-spacing:-.045em}.intro p{max-width:32ch}.stage{margin:0 -36px 0 8px;position:relative}.stage img{position:relative;width:100%;height:auto;border-radius:0;z-index:1}.product-art{position:absolute;inset:-7% -2% 13%;width:104%;height:94%;overflow:visible;pointer-events:none;color:#e2b96f;opacity:.32}.stage .caption{text-align:left;margin:17px 20px 0;font-size:14px;max-width:65ch}.view-controls{display:flex;gap:0;justify-content:center;flex-wrap:wrap;position:relative;z-index:2;margin-top:8px}.view-controls button{font:15px 'IBM Plex Mono',monospace;color:var(--ivory);background:transparent;border:1px solid #799297;min-height:44px;padding:10px 18px}.view-controls button+button{border-left:0}.view-controls button[aria-pressed=true]{background:var(--brass);color:var(--ink);border-color:var(--brass)}.view-controls button:first-child{border-radius:5px 0 0 5px}.view-controls button:last-child{border-radius:0 5px 5px 0}.view-controls button:hover{box-shadow:inset 0 -3px var(--brass)}
.hero .status{margin-top:42px}.section-head h2{max-width:15ch}.part-visual{border-radius:4px 4px 90px 4px;background:#e0e7e6;position:relative}.part-visual:before{content:"+";position:absolute;top:15px;left:22px;color:#415f67;font:24px monospace}.part-list li{position:relative}.part-list li:before{content:"";display:block;width:32px;height:3px;background:#9e7839;margin-bottom:12px}.count{font-family:inherit;color:#52676a}.light .section-head{position:relative}.light .section-head:after{content:"";position:absolute;width:64px;height:64px;right:0;top:-34px;border:1px solid #789198;transform:rotate(30deg);opacity:.25;pointer-events:none}
#evolution{background:linear-gradient(135deg,#132f39,#1d4148);position:relative}.concept-grid figure{border-top:2px solid #729096;padding-top:20px}.concept-grid img,.round-study img{border-radius:3px 3px 40px 3px}.road-number{font-family:'IBM Plex Mono',monospace;color:#936d30}.roadmap li{transition:background .2s}.roadmap li:hover{background:#e4e9df}.roadmap li:last-child{border-bottom:1px solid #b6c7c9}.road-status{font-family:'IBM Plex Mono',monospace;font-size:13px}
#journal{position:relative;overflow:hidden}#journal:before{content:"Make it yours.";position:absolute;bottom:-50px;left:-15px;white-space:nowrap;font-size:clamp(100px,16vw,230px);line-height:1;font-weight:600;letter-spacing:-.06em;color:#17323b08;pointer-events:none}.journal{position:relative;z-index:1}.journal>div>h2{font-size:clamp(58px,6vw,86px)}.source{border:1px solid #a8bab0;border-radius:3px 3px 32px 3px;background:#e4e9df}.footer .wrap{align-items:center}
@media(max-width:900px){.hero:before{inset:0 -28px}.hero-grid{grid-template-columns:1fr}.stage{margin:12px 0 0}.intro p{max-width:50ch}.intro h2{max-width:18ch}.hero h1{margin-bottom:28px}.hero-grid .stage{grid-row:1}.hero-grid .intro{margin-top:32px}.hero .status{margin-top:32px}.product-art{inset:0 0 15%;width:100%}}
@media(max-width:640px){.hero:before{inset:0 -22px}.hero h1{font-size:clamp(75px,19vw,112px)}.stage{margin:0 -8px}.stage .caption{margin:12px 8px 0}.view-controls button{font-size:13px;padding:9px 13px}.hero-grid .intro{margin-top:30px}.light .section-head:after{display:none}.part-visual{border-radius:3px 3px 55px 3px}.hero .status{font-size:15px}}
@media(prefers-reduced-motion:reduce){.roadmap li{transition:none}}
.screen-row{position:relative;isolation:isolate}.screen-row:after{content:"";position:absolute;z-index:-1;right:-75px;top:-85px;width:380px;height:380px;background:url(assets/tabletop-mark.svg) center/contain no-repeat;opacity:.10;transform:rotate(12deg);pointer-events:none}.screen-copy{position:relative}.screen-copy h2{max-width:12ch}@media(max-width:640px){.screen-row:after{right:-20px;top:200px;width:230px;height:230px;opacity:.09}}
.stage img{border-radius:100px 8px 60px 8px}.product-art{z-index:2;opacity:.2}.view-controls{z-index:3}@media(max-width:640px){.stage img{border-radius:44px 4px 28px 4px}}
/* Keep the decorative die inside its section, including its rotated corners. */
.screen-row{overflow:clip}

/* A parts bench connects the two paid options to the free maker route. */
#get-turnkeep{background:var(--deep)}.kit-layout{margin:0 0 44px}.kit-layout img{display:block;width:100%;height:auto;border:1px solid #45616a;border-radius:4px 4px 42px 4px}.kit-layout figcaption{font-size:14px;color:var(--muted);max-width:90ch;margin-top:16px}.build-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.build-options article{border-top:2px solid var(--brass);padding-top:20px}.build-options h3{font-size:30px;line-height:1.15;margin:18px 0}.build-options p{color:var(--muted)}.option-status{font-size:14px;color:var(--brass)}@media(max-width:800px){.build-options{grid-template-columns:1fr;gap:32px}.kit-layout{margin-bottom:32px}.kit-layout img{border-radius:4px 4px 20px 4px}}
/* Phone layouts prioritize the product and actions; technical depth stays one tap away. */
.mobile-fold>summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:16px;font-weight:600}
@media(min-width:641px){.mobile-fold>summary{display:none}.mobile-menu{display:contents}}
@media(max-width:640px){
 body{font-size:16px;line-height:1.5}.wrap{padding-inline:20px}.proposal{font-size:11px;padding:7px 20px;text-align:center}.section{padding:38px 0}
 header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px;position:relative}.mark{font-size:22px}.mark span{width:18px;height:18px;margin-right:8px}
 .mobile-menu>summary{padding:12px 8px;font-size:14px}.mobile-menu nav{position:absolute;top:100%;right:0;left:0;z-index:10;background:var(--deep);border:1px solid #52717b;padding:12px 18px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;box-shadow:0 16px 25px #0004}.mobile-menu nav a{font-size:15px;min-height:44px}
 .hero{padding:8px 0 28px}.hero h1{font-size:clamp(44px,12vw,60px);letter-spacing:-.045em;line-height:1.1;margin:4px 0 12px}.hero:before{inset:0 -20px}.stage{margin:0}.stage img{border-radius:24px 4px 24px 4px}.stage .caption{font-size:11px;line-height:1.4;margin:8px 0 0}.view-controls{margin-top:6px}.view-controls button{font-size:12px;min-height:44px;padding:8px 14px}.product-art{display:none}
 .hero-grid .intro{margin-top:22px}.intro h2{font-size:28px;letter-spacing:-.8px;line-height:1.12;max-width:none;margin-bottom:12px}.intro p{margin:10px 0;max-width:none}.actions{gap:8px 14px;margin-top:18px}.button{font-size:15px;min-height:46px;padding:11px 17px}.quiet{font-size:14px}.intro .caption{font-size:12px}.hero .status{margin-top:22px;padding-top:14px;font-size:13px}.status strong{margin-bottom:4px}
 .section h2,.journal>div>h2{font-size:28px;line-height:1.15;letter-spacing:-.7px;max-width:none;margin-bottom:12px;text-wrap:balance}.section h2 br{display:none}.section h2 br:after{content:' '}.section-head{margin-bottom:22px}.section-head p{font-size:15px}.section h3,.guide-grid h3,.journal h3,.source h3,.build-options h3,.roadmap h3{font-size:21px;line-height:1.2;letter-spacing:-.3px}.caption,.current,.pending,.preview-note,.count{font-size:12px}.explore-grid,.guide-grid,.journal{gap:20px}.part-visual{padding:8px;border-radius:4px 4px 30px 4px}.mobile-fold{border-block:1px solid #7c949755}.mobile-fold[open]>summary{margin-bottom:12px}.part-list li{padding:15px 0}.part-list li:before{display:none}.part-list .count{display:none}.part-list h3{font-size:19px}.part-list p{font-size:14px}.build-appendix{margin-top:22px}.build-appendix summary{font-size:16px;padding:15px 0}.screen-row{padding:0;gap:24px}.screen{max-width:330px;margin:auto;padding:16px 12px;border-width:6px;border-radius:16px;box-shadow:0 10px 0 #112e38}.screen-copy h2{max-width:none}.screen-copy p{margin:12px 0}.screen-copy .caption{font-size:12px}.setup-invite{padding:20px;border-radius:8px}.qr-frame{display:none}.setup-invite>p:not(.caption){display:none}.setup-invite h3{margin-bottom:14px}.setup-invite .caption{margin-bottom:0;font-size:12px}.steps{padding-left:19px}.steps li{padding:0 0 14px 5px}.steps strong{font-size:17px}.steps p{font-size:14px;margin-top:5px}
 .subnav{margin:12px 0 20px;gap:0 18px}.subnav a{font-size:13px}.facts div{grid-template-columns:1fr 1.1fr;gap:10px;padding:10px 0;font-size:14px}.mono{font-size:13px}.note{padding:16px;margin-top:18px;font-size:14px}.file-choice{margin:22px 0}.file-choice article,.file-choice article+article{padding:20px 0}.file-choice p{font-size:14px}.files-table tr{padding:12px 0}.files-table td{font-size:14px}.license-row{padding-top:18px;gap:12px}.license-row p{font-size:12px}.concept-grid{gap:24px}.concept-grid h3,.round-study h3{font-size:21px;margin:16px 0 8px}.concept-grid p,.round-study p{font-size:14px}.round-study{margin:30px 0 20px}.roadmap li{padding:16px 0;gap:8px 12px;grid-template-columns:24px 1fr}.road-number{font-size:16px}.roadmap h3{font-size:19px;margin-bottom:6px}.roadmap p{font-size:13px;line-height:1.45}.road-status{font-size:11px;padding:0}.kit-layout{margin-bottom:24px}.kit-layout figcaption{font-size:12px}.build-options{gap:22px}.build-options article{padding-top:14px}.build-options h3{margin:10px 0}.build-options p{font-size:14px;margin:10px 0}.option-status{font-size:12px}.source{padding:18px;margin-top:22px}.source p{font-size:14px}.journal article{padding:16px 0}.journal time{font-size:12px}.journal article p{font-size:14px}.footer{padding:25px 0}.footer .wrap{gap:12px}.footer p{font-size:12px}
}

@media(max-width:640px){.view-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.view-controls button{padding:8px 3px;font-size:11px;white-space:nowrap}}