:root{--ink:#151619;--paper:#faf9f6;--line:#dbdad4;--muted:#565953;--red:#ac3726;--signal:#f26447;--edge:clamp(18px,5.2vw,88px);--mono:ui-monospace,"Cascadia Mono",Consolas,monospace}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button{border-radius:0;cursor:pointer;color:inherit;font:inherit}p,h1,h2,h3,fieldset{margin:0}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--red);outline-offset:3px}[hidden]{display:none!important}::selection{background:#ffd6c8}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip:focus{position:fixed;top:8px;left:8px;background:#fff;padding:10px;z-index:20}.wrap{max-width:1620px;padding-inline:var(--edge);margin:auto}.mast{border-bottom:1px solid var(--line)}.head,.foot{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px}.brand img{display:block;width:clamp(109px,10vw,140px);height:auto}.head nav,.pdf{display:flex;gap:clamp(20px,3vw,48px);align-items:center}.head nav a,.pdf,.offer,.foot a:not(.brand){font-size:14px;font-weight:650;display:inline-flex;align-items:center;min-height:44px}.head nav .section-link,.pdf span,.offer span,.foot a b{color:var(--red)}.head a:hover,.foot a:hover{color:var(--red)}.pdf{gap:10px}
.intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.65fr);gap:40px;align-items:end;padding-block:clamp(32px,4.1vw,73px) clamp(25px,2.3vw,40px)}.eyebrow,.technical,.number,.plan-word{font:600 10.5px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.095em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--signal);display:inline-block}.eyebrow b,.technical b{color:var(--red)}.eyebrow .line-mark{display:block;width:22px;height:2px;background:var(--signal)}h1{font-size:clamp(66px,6.8vw,112px);font-weight:690;letter-spacing:-.078em;line-height:.98;margin:16px 0 0}h1 em,.reading h2 em{color:var(--red);font-family:Georgia,"Times New Roman",serif;letter-spacing:-.063em;font-weight:400}.dek{font-size:clamp(16px,1.17vw,20px);color:#454944;max-width:43ch;line-height:1.52;padding-bottom:5px}
.workspace{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(270px,.78fr);gap:clamp(24px,3.5vw,60px);align-items:start}.board{min-width:0}.board-head,.board-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--line);background:var(--paper)}.board-head .technical,.board-foot .technical{color:var(--muted);font-size:10px}.surface{position:relative;width:100%;aspect-ratio:1.64;overflow:hidden;isolation:isolate;background:#faf9f6;border-inline:1px solid var(--line)}.surface:before,.surface:after{content:"";position:absolute;z-index:2;width:12px;height:12px;pointer-events:none;opacity:.62}.surface:before{top:13px;left:13px;border-top:1px solid #96998f;border-left:1px solid #96998f}.surface:after{bottom:13px;right:13px;border-right:1px solid #96998f;border-bottom:1px solid #96998f}.poster,#canvas-slot,#plan{display:block;position:absolute;inset:0;width:100%;height:100%}.poster{object-fit:contain}.surface:has(#plan:not([hidden])){background:#f9f8f5}.plan-word{font-size:12.5px;fill:#555953}.board-foot{background:white;min-height:39px;padding-block:8px;font-size:12px;color:var(--muted)}.board-foot .technical{white-space:nowrap}.board-foot b{margin-inline:4px}.start-panel{position:absolute;left:18px;bottom:16px;z-index:3}.primary,.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;background:var(--ink);color:#fff;padding:11px 17px;border:1px solid var(--ink);font-size:14px;font-weight:650;line-height:1.35}.primary svg{width:18px;height:18px}.cta:hover,.primary:hover{background:#383932}.start-panel .primary{box-shadow:0 4px 18px #15161917}#canvas-slot canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#canvas-slot canvas:active{cursor:grabbing}#canvas-slot canvas:focus-visible{outline-offset:-3px}.views,.tools{display:flex;gap:8px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.views{margin-top:13px}.view-choice,.tool-group{display:inline-flex;align-items:center}.view-choice button,.path-switch,.tool-group button{font-size:13px;font-weight:600;background:white;min-height:44px}.view-choice{border:1px solid var(--line)}.view-choice button{padding:7px 13px;border:0}.view-choice button[aria-pressed=true]{background:#eae9e2}.view-choice button+button{border-left:1px solid var(--line)}.path-switch{display:flex;align-items:center;gap:9px;border:0;padding:4px 6px}.path-switch i{width:28px;height:16px;position:relative;background:#e9e9e2;border:1px solid #888a82;border-radius:12px}.path-switch i:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#666a61}.path-switch[aria-pressed=true] i{background:#af3727;border-color:#af3727}.path-switch[aria-pressed=true] i:after{left:14px;background:#fff}.tools{padding-top:10px;margin-top:10px;border-top:1px solid var(--line)}.tool-group button{min-width:43px;border:1px solid var(--line);padding:6px 10px;font-size:17px}.tool-group button+button{border-left:0}.tool-group button:last-child{font-size:13px}.tools details{font-size:13px;max-width:100%;position:relative}.tools summary{cursor:pointer;font-weight:600;min-height:44px;align-content:center}.tools details p{margin-top:5px;color:var(--muted);max-width:36em}.tools details[open]{width:100%}.tools button:hover,.view-choice button:hover,.path-switch:hover{color:var(--red)}#load-note{background:#f5eee5;padding:9px 16px;color:#5e392c;font-size:13px;border-inline:1px solid var(--line)}
.settings{padding-top:4px;min-width:0}.settings h2,.reading h2{font-weight:650;letter-spacing:-.063em}.settings h2{font-size:clamp(32px,2.8vw,48px);line-height:1.07;margin:14px 0 20px}.settings fieldset{padding:0;border:0;min-width:0}.settings label{cursor:pointer;position:relative;min-height:56px;display:grid;grid-template-columns:26px 1fr 18px;gap:6px;align-items:center;padding:9px 11px;border-top:1px solid var(--line)}.settings label:last-child{border-bottom:1px solid var(--line)}.settings label:has(:checked){background:#f5f1e9}.settings label:has(:focus-visible){outline:3px solid var(--red);outline-offset:-3px}.settings input{position:absolute;left:1px;top:1px;opacity:0;width:1px;height:1px}.number{color:var(--muted);font-size:10px}.settings label:has(:checked) .number{color:var(--red)}.format-name{font-size:clamp(16px,1.23vw,20px);line-height:1.2;letter-spacing:-.025em;font-weight:600}.radio{width:13px;height:13px;display:block;border:1px solid #8c8f86;border-radius:50%}.settings input:checked~.radio{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 3px #f5f1e9}.story{margin:25px 0 20px}.story .technical{color:var(--red);font-size:10px}.story h3,.criteria h3{font-weight:650;letter-spacing:-.044em;line-height:1.15}.story h3{font-size:clamp(21px,1.8vw,30px);margin:8px 0}.story p:last-child{line-height:1.48;color:#4e534d;font-size:15px}.cta{width:100%;justify-content:space-between;gap:8px}.cta span{font-size:17px}.offer{gap:9px;width:fit-content;color:#393c36}.offer:hover{text-decoration:underline}.settings noscript p{font-size:14px}.settings noscript a{text-decoration:underline}
.reading{margin-top:clamp(50px,6vw,94px);padding-block:clamp(34px,4.2vw,70px);border-top:1px solid var(--line)}.reading h2{font-size:clamp(36px,3.5vw,64px);line-height:1.05;margin-top:13px}.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,50px);margin-block:28px 24px}.criteria article{padding-top:13px;border-top:1px solid var(--line)}.criteria .technical{color:var(--red)}.criteria h3{font-size:clamp(22px,1.9vw,33px);margin:12px 0 8px}.criteria p,.note{color:var(--muted);font-size:15px}.note{padding:14px 17px;background:var(--paper);border-left:2px solid var(--signal)}footer{border-top:1px solid var(--line)}.foot span{font-size:13px;color:var(--muted)}.foot a b{margin-left:9px}
@media(max-width:970px){.workspace{grid-template-columns:minmax(0,1.75fr) minmax(247px,.85fr);gap:22px}.intro{grid-template-columns:1.4fr 1fr;gap:26px}.surface{aspect-ratio:1.41}.settings label{min-height:49px}.story{margin-block:17px}.settings h2{margin-bottom:14px}.settings label{padding-inline:7px;grid-template-columns:24px 1fr 16px}.format-name{font-size:16px}.start-panel{left:13px;bottom:13px}}
@media(max-width:760px){.workspace{display:block}.intro{grid-template-columns:1.25fr 1fr}.dek{font-size:15px}.surface{aspect-ratio:1.68}.settings{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.settings fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings label,.settings label:last-child{border:1px solid var(--line);grid-template-columns:1fr 15px;gap:5px 2px;align-content:center;padding:10px;min-height:64px}.settings label .number{grid-area:1/1}.settings .radio{grid-area:1/2}.settings .format-name{grid-area:2/1/3/3}.cta{width:fit-content;gap:16px}.offer{margin-left:12px}.criteria{gap:16px}}
@media(max-width:560px){.head{flex-wrap:wrap;min-height:0;gap:0 12px;padding-top:7px}.head nav{order:3;border-top:1px solid #ededeb;width:100%;gap:24px}.head nav a{min-height:40px}.head .pdf{min-height:39px}.intro{display:block;padding:26px 0 19px}h1{font-size:clamp(53px,11.5vw,67px);margin:10px 0 12px}.dek{padding:0;max-width:41ch}.eyebrow{font-size:10px}.surface{aspect-ratio:1.3}.board-head{padding:10px 11px}.board-foot{padding:8px 11px}.start-panel{left:10px;bottom:10px}.primary{padding:9px 12px;min-height:43px;font-size:13px}.views{gap:4px 8px;margin-top:9px}.view-choice button{font-size:12px;padding:6px 8px}.path-switch{font-size:12px;gap:6px;padding-inline:1px}.path-switch i{width:25px}.path-switch[aria-pressed=true] i:after{left:11px}.reading{margin-top:42px}.criteria{grid-template-columns:1fr;gap:16px}.criteria h3{margin-top:6px}.criteria p{max-width:43ch}.foot{flex-wrap:wrap;gap:4px 16px;padding-block:12px}.foot a:not(.brand){width:100%}.settings label,.settings label:last-child{padding:8px 6px}.settings .format-name{font-size:14px}.cta{width:100%}.offer{margin-left:0}.story{margin-block:17px}.technical{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#path-note{border-left:2px solid var(--signal);padding:6px 12px;margin-top:9px;font-size:13px;color:var(--muted)}
/* Keep the same complete framing through the switch from the 3:2 poster to the real model. */
.surface{aspect-ratio:3/2}