:root{--h:#cc0000;--ink:color-mix(in oklch,var(--h) 62%,#000);--soft:color-mix(in oklch,var(--h) 78%,#000);--ground:#fff;--wash:color-mix(in oklch,var(--h) 7%,#fff);--line:color-mix(in oklch,var(--h) 22%,#fff);--paper:#fff;--r-btn:8px;--r-card:16px;}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:"Hanken Grotesk",Helvetica,Arial,sans-serif;font-weight:400;font-size:clamp(1rem,0.96rem + 0.2vw,1.0625rem);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:var(--h)}.wrap{width:min(100% - 2.5rem,1120px);margin-inline:auto}.hero{min-height:100dvh;display:grid;align-content:center;padding:max(1.25rem,env(safe-area-inset-top)) 0 2.5rem}.hero-grid{display:grid;gap:1.6rem;align-items:center}.logo{display:block;width:clamp(72px,18vw,160px);height:auto;aspect-ratio:1;border-radius:22%}h1{margin:0;font-weight:700;font-size:clamp(2rem,1.35rem + 3.2vw,4rem);line-height:1.02;letter-spacing:-0.025em;color:var(--h);max-width:13ch}h1 .lead{display:block;font-size:clamp(1rem,0.95rem + 0.3vw,1.2rem);letter-spacing:0;color:var(--ink);margin-bottom:0.5em}.sub{margin:0;max-width:34ch;color:var(--soft);font-size:clamp(1.02rem,0.95rem + 0.35vw,1.2rem)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:0 1.6rem;border-radius:var(--r-btn);background:var(--h);color:#fff;font-weight:700;font-size:1.05rem;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cta:active{transform:scale(.98)}.under{margin:.7rem 0 0;font-size:.9rem;color:var(--soft)}.copy{display:grid;gap:1.25rem;justify-items:start}.scene{position:relative;justify-self:center;width:min(100%,380px);aspect-ratio:1 / 0.78}.carrier{position:absolute;inset:auto 0 0 0;height:66%;background:var(--paper);border-radius:6px 6px 14px 14px;box-shadow:0 1px 0 var(--line),0 24px 48px -28px color-mix(in oklch,var(--h) 40%,transparent);z-index:2}.carrier::before{content:"";position:absolute;left:12%;right:12%;top:0;height:10px;border-radius:0 0 10px 10px;background:var(--wash)}.carrier .hole{position:absolute;right:9%;bottom:16%;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line)}.carrier .note{position:absolute;left:9%;bottom:16%;font-size:.82rem;line-height:1.3;color:var(--soft)}.carrier .note strong{display:block;font-size:1rem;color:var(--h)}.card{position:absolute;left:14%;right:14%;top:0;aspect-ratio:1.586;border-radius:var(--r-card);background:var(--h);color:#fff;padding:1rem 1.1rem;display:flex;flex-direction:column;justify-content:flex-start;gap:.35rem;z-index:1;animation:rise 1.1s cubic-bezier(.2,.8,.2,1) both .2s}.card .amt{font-weight:700;font-size:clamp(2rem,1.6rem + 2vw,2.8rem);line-height:1;letter-spacing:-0.02em}.card .kind{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;opacity:.9}.card .dots{position:absolute;right:1.1rem;top:1rem;display:flex;gap:6px}.card .dots i{width:10px;height:10px;border-radius:50%;background:color-mix(in oklch,var(--h) 35%,#fff)}@keyframes rise{from{transform:translateY(38%)}to{transform:translateY(0)}}.below{padding:clamp(4rem,3rem + 6vw,9rem) 0}.toc{margin:0 auto clamp(4rem,3rem + 5vw,8rem);max-width:640px}.toc p{margin:0 0 1.2rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.toc a{display:flex;align-items:baseline;gap:1.2rem;min-height:56px;text-decoration:none;color:var(--ink);font-size:clamp(1.05rem,1rem + 0.4vw,1.3rem)}.toc .num{font-weight:700;font-size:clamp(2.6rem,2rem + 3vw,4.2rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--h);min-width:2.2ch}@media (hover: hover){.toc a:hover span:last-child{color:var(--h)}}.fold{max-width:760px;margin-inline:auto;border-top:1px solid var(--line)}.fold details{border-bottom:1px solid var(--line)}.fold summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:1.4rem 0;-webkit-tap-highlight-color:transparent}.fold summary::-webkit-details-marker{display:none}.fold summary h2{margin:0;font-weight:700;font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);line-height:1.15;color:var(--ink)}.fold summary h2 span{color:var(--h);margin-right:.6rem}.fold summary:focus-visible{outline:3px solid var(--h);outline-offset:4px}.plus{flex:none;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--h);position:relative}.plus::before,.plus::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:var(--h);transform:translate(-50%,-50%)}.plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s ease}details[open] .plus::after{transform:translate(-50%,-50%) rotate(0deg)}.body{padding:0 0 clamp(2.5rem,2rem + 3vw,4.5rem)}.pair{display:grid;gap:.5rem;padding:1.6rem 0}.pair + .pair{border-top:1px solid var(--wash)}.tag{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.myth{margin:0;font-size:1.15rem;color:var(--soft);text-decoration:line-through;text-decoration-color:var(--line);text-decoration-thickness:2px}.fact{margin:0;font-size:1.15rem;line-height:1.8;color:var(--ink)}.fact b{color:var(--h);white-space:nowrap}.devices{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,.5rem + 2vw,3rem);padding-top:1rem}.dev{display:grid;gap:.4rem;align-content:start}.dev svg{width:100%;height:auto;max-height:120px}.dev h3{margin:.6rem 0 0;font-size:1rem;color:var(--ink)}.dev p{margin:0;font-size:.88rem;line-height:1.45;color:var(--soft)}.fn{position:relative;display:inline-block}.fn{margin-left:.3em}.fn button{font:inherit;font-size:.7em;font-weight:700;line-height:1;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;color:var(--h);background:var(--wash);border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.fn button:focus-visible{outline:2px solid var(--h);outline-offset:2px;border-radius:4px}.pop{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);width:min(260px,76vw);padding:.8rem .9rem;background:var(--paper);border:1px solid var(--line);border-radius:10px;font-size:.84rem;line-height:1.45;color:var(--ink);text-decoration:none;z-index:5}.pop[hidden]{display:none}.notes{margin:0;padding-left:1.3rem;font-size:.88rem;color:var(--soft);display:grid;gap:.8rem}.notes li::marker{color:var(--h);font-weight:700}.end{text-align:center;padding:clamp(6rem,4rem + 8vw,12rem) 0 clamp(4rem,3rem + 4vw,7rem)}.end .fin{margin:0;font-size:clamp(1.6rem,1.3rem + 1.5vw,2.4rem);font-weight:400;font-style:italic;letter-spacing:.04em;color:var(--ink)}.orn{display:flex;justify-content:center;gap:10px;margin:1.6rem 0 2.4rem}.orn i{width:6px;height:6px;border-radius:50%;background:var(--h)}.orn i:nth-child(2){width:10px;height:10px;margin-top:-2px;background:none;border:1.5px solid var(--h)}.end p.small{margin:1rem 0 0;font-size:.88rem;color:var(--soft)}footer{position:relative;margin-top:clamp(2rem,1.5rem + 2vw,4rem);padding:2.5rem 0 max(2rem,env(safe-area-inset-bottom))}footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent)}.foot{display:grid;grid-template-columns:1fr;gap:1.6rem;font-size:.9rem;color:var(--soft)}.foot .brand{font-weight:700;color:var(--ink);font-size:1.05rem}.foot h2{margin:0 0 .5rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--soft)}.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.foot a{display:inline-flex;align-items:center;min-height:32px}.src small{margin-left:.5rem;padding:.1rem .45rem;border:1px solid var(--line);border-radius:999px;font-size:.7rem;color:var(--soft)}@media (min-width: 700px){.foot{grid-template-columns:repeat(3,1fr);align-items:start}.foot .right{text-align:right}}@media (min-width: 900px){.hero-grid{grid-template-columns:1.05fr 1fr;gap:5rem}.scene{justify-self:end}}@media (max-width: 899px){.hero{align-content:start;padding-top:max(1.4rem,env(safe-area-inset-top))}.hero-grid{gap:1.1rem}.copy{gap:1rem}.scene{width:min(100%,300px);margin-top:1.4rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.card{animation:none}.plus::after,.cta{transition:none}}