.cw-about{--ink: #06041A;--paper: #F3F5F4;--mint: #04FFD6;--violet: #8A5CFF;--soft: rgb(6 4 26 / .76);--softN: rgb(243 245 244 / .8);--sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;--mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:light}.cw-about *{box-sizing:border-box}.cw-about{-webkit-text-size-adjust:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;overflow-x:hidden}.cw-about .w{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}@media(min-width:761px){.cw-about .w{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}}.cw-about section{position:relative;padding-block:clamp(64px,9vw,120px)}.cw-about section.night{background:var(--ink);color:var(--paper)}.cw-about .hero{padding-top:0}.cw-about .kicker{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}.cw-about .kicker b{font-weight:500;background:var(--mint);color:var(--ink);border:1.5px solid var(--ink);padding:3px 8px}.cw-about .night .kicker b{border-color:var(--mint)}.cw-about h1,.cw-about h2{font-weight:500;letter-spacing:-.03em;line-height:1.03;margin:0;text-wrap:balance}.cw-about h1{font-size:clamp(42px,6vw,78px)}.cw-about h2{font-size:clamp(32px,4vw,52px)}.cw-about em{font-style:italic;font-weight:400}.cw-about h1 em,.cw-about h2 em{color:var(--violet)}.cw-about .night h1 em,.cw-about .night h2 em{color:var(--mint)}.cw-about .lede{font-size:clamp(19px,1.7vw,22px);line-height:1.45;margin:26px 0 0;max-width:32em}.cw-about p{margin:16px 0 0;max-width:34em;color:var(--soft);text-wrap:pretty}.cw-about .night p{color:var(--softN)}.cw-about .night .lede{color:var(--paper)}.cw-about .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,88px);align-items:center}.cw-about .split.flip{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.cw-about .split.flip .pic{order:-1}.cw-about figure.pic{margin:0;width:100%;max-width:100%;position:relative}.cw-about figure.pic svg{display:block;width:100%;height:auto;overflow:hidden}.cw-about dl{margin:26px 0 0;display:grid;gap:14px;max-width:34em}.cw-about dl div{display:grid;grid-template-columns:7.4em minmax(0,1fr);gap:14px}.cw-about dt{font-family:var(--mono);font-size:13px;font-weight:500;padding-top:3px}.cw-about dt span{background:var(--mint);padding:1px 5px}.cw-about dd{margin:0;color:var(--soft)}.cw-about .approve{position:absolute;z-index:2;transform:translate(-50%,-50%);font-family:var(--sans);font-weight:600;font-size:clamp(14px,1.5vw,17px);color:var(--ink);background:var(--mint);border:2.5px solid var(--ink);border-radius:8px;box-shadow:4px 4px 0 var(--ink);padding:.5em 1.1em;cursor:pointer;white-space:nowrap}.cw-about .approve:active{transform:translate(calc(-50% + 2px),calc(-50% + 2px));box-shadow:2px 2px 0 var(--ink)}.cw-about .approve:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.cw-about .approve[disabled]{background:var(--violet);cursor:default}.cw-about .ptr{position:absolute;z-index:3;width:clamp(22px,3vw,30px);pointer-events:none;transition:none}.cw-about .ptr svg{display:block;width:100%;height:auto;transition:transform .12s;transform-origin:var(--hx) var(--hy)}.cw-about .ptr.press svg{transform:scale(.84)}.cw-about .ptr .ring{position:absolute;left:calc(var(--hx) - 18px);top:calc(var(--hy) - 18px);width:36px;height:36px;border:3px solid var(--violet);border-radius:50%;opacity:0}.cw-about .ptr.press .ring{animation:cwa-ring .5s ease-out}@keyframes cwa-ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}.cw-about .approve.pressed{transform:translate(calc(-50% + 2px),calc(-50% + 2px)) scale(.96);box-shadow:0 0 0 var(--ink)}.cw-about .dock{position:fixed;left:0;right:0;bottom:0;z-index:20;display:none;padding:6px max(16px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--paper);border-top:2px solid var(--ink);transform:translateY(110%);transition:transform .3s ease}.cw-about .dock .btn{width:100%;justify-content:center;box-shadow:2px 2px 0 var(--ink);padding:7px 16px;font-size:15px}.cw-about .dock.show{transform:translateY(0)}.cw-about .dock{will-change:transform}.cw-about [data-sec=s03],.cw-about [data-sec=s04],.cw-about [data-sec=s05],.cw-about .close{content-visibility:auto;contain-intrinsic-size:auto 700px}@media(max-width:760px){.cw-about .dock{display:block}.cw-about .close{padding-bottom:calc(clamp(64px,9vw,120px) + 72px)!important}}@media(prefers-reduced-motion:reduce){.cw-about .dock{transition:none}}.cw-about .ctas{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:32px}.cw-about .btn{display:inline-flex;gap:10px;align-items:center;background:var(--mint);color:var(--ink);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:600;font-size:16px;padding:14px 22px;text-decoration:none;transition:transform .12s,box-shadow .12s}.cw-about .btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.cw-about .link{color:var(--ink);font-weight:500;text-decoration:none;border-bottom:2px solid var(--violet);padding-bottom:2px}.cw-about a:focus-visible{outline:2px solid var(--violet);outline-offset:4px}@media(max-width:760px){.cw-about{font-size:16px}.cw-about .split,.cw-about .split.flip{grid-template-columns:minmax(0,1fr);gap:32px}.cw-about .split.flip .pic{order:0}.cw-about dl div{grid-template-columns:minmax(0,1fr);gap:2px}}.cw-about .hero{padding-top:clamp(48px,7vw,96px)}
