:root{--paper:#DCE2E1;--ink:#16151A;--grey:#4D5457;--active:#B8341E;--plate:#FFFFFF;}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:"Zilla Slab",Georgia,serif;font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip;}.wrap{min-height:100dvh;display:flex;flex-direction:column;gap:clamp(10px,2vh,20px);padding:clamp(12px,2.4vh,26px) clamp(16px,5vw,40px) calc(clamp(10px,2vh,20px) + env(safe-area-inset-bottom));max-width:1120px;margin:0 auto;}.logo{width:clamp(52px,14vw,128px);height:auto;display:block;}h1{font-weight:700;font-size:clamp(1.5rem,1.12rem + 1.9vw,2.9rem);line-height:1.1;letter-spacing:-0.01em;margin:0;max-width:16ch;}h1 .mark{color:var(--active)}.lede{font-size:clamp(0.95rem,0.88rem + 0.4vw,1.18rem);line-height:1.4;color:var(--grey);margin:0;max-width:46ch;}.stage{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;}.drawing{width:100%;max-width:420px;height:auto;max-height:40vh;display:block;}.plate-body{fill:var(--plate);stroke:var(--ink);stroke-width:2.6;transition:fill .22s ease-out;}.plate-edge{fill:var(--ink);transition:fill .22s ease-out;}.plate-tag{font-family:"Zilla Slab",Georgia,serif;font-weight:600;font-size:12.6px;fill:var(--ink);transition:fill .22s ease-out;}.slot{fill:none;stroke:var(--grey);stroke-width:1.8}.axis{stroke:var(--grey);stroke-width:1.6}.arrow{stroke:var(--ink);stroke-width:2.6;fill:none}.head{fill:var(--ink)}.plate{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.plate.on .plate-body{fill:var(--active)}.plate.on .plate-tag{fill:#FFFFFF}.plate.on .slot{stroke:#FFFFFF}.plate:focus-visible .plate-body{stroke-width:4.4}@media (hover:hover) and (pointer:fine){.plate:hover .plate-body{fill:#FBEDE9}.plate.on:hover .plate-body{fill:var(--active)}}.callout{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 clamp(20px,5vw,34px);background:var(--active);color:#FFFFFF;text-decoration:none;font-weight:700;font-size:clamp(1.02rem,0.96rem + 0.4vw,1.2rem);border:2.6px solid var(--ink);border-radius:3px;-webkit-tap-highlight-color:transparent;transition:transform .16s ease-out;}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.cta:hover{transform:translateY(-2px)}}footer{font-size:0.82rem;color:var(--grey);letter-spacing:0.14em;text-transform:uppercase;margin:0;}@media (min-width:900px){.wrap{display:grid;grid-template-columns:1.05fr 0.95fr;grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(30px,5vw,70px);min-height:100dvh;}.brandrow{grid-column:1;grid-row:1}h1{grid-column:1;grid-row:2}.lede{grid-column:1;grid-row:3}.callout{grid-column:1;grid-row:4;margin-top:clamp(8px,2vh,22px)}footer{grid-column:1;grid-row:5;align-self:end}.stage{grid-column:2;grid-row:1 / span 5;max-height:none}.drawing{max-height:84vh;max-width:460px}h1{max-width:14ch}}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}