.cs{--cs-paper:#f6f4ef;--cs-paper-2:#efece4;--cs-ink:#17150f;--cs-muted:#5c584e;--cs-line:#d6d1c4;--cs-line-strong:#b7b1a1;--cs-orange:#e8551a;--cs-orange-text:#b23f0e;--cs-display:"Helvetica Neue", "Helvetica", "Arial", system-ui, sans-serif;--cs-mono:ui-monospace, "SF Mono", "SFMono-Regular", "Menlo", "Consolas", monospace;--cs-t-hero:clamp(2.7rem, 8vw, 6.4rem);--cs-t-lead:clamp(1.7rem, 4.2vw, 3.1rem);--cs-t-body:clamp(1.05rem, 1.4vw, 1.2rem);--cs-t-meta:.72rem;--cs-gutter:clamp(1rem, 4vw, 3.5rem);--cs-max:72rem;--cs-tap:44px;--cs-ease:cubic-bezier(.22, .61, .36, 1);background:var(--cs-paper);color:var(--cs-ink);font-family:var(--cs-display);-webkit-font-smoothing:antialiased;line-height:1.5}.cs *,.cs :before,.cs :after{box-sizing:border-box}.cs-skip{background:var(--cs-ink);color:var(--cs-paper);z-index:60;font-family:var(--cs-mono);font-size:var(--cs-t-meta);padding:.6rem 1rem;position:absolute;top:0;left:-9999px}.cs-skip:focus{top:.5rem;left:.5rem}.cs-shell{max-width:var(--cs-max);padding-inline:var(--cs-gutter);margin:0 auto}.cs-meta{font-family:var(--cs-mono);font-size:var(--cs-t-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--cs-muted)}.cs-meta--mark{color:var(--cs-orange-text)}.cs-top{z-index:40;padding:.6rem var(--cs-gutter);background:color-mix(in srgb, var(--cs-paper) 90%, transparent);backdrop-filter:saturate(1.1)blur(6px);border-bottom:1px solid var(--cs-line);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.cs-wordmark{font-family:var(--cs-display);letter-spacing:.14em;color:var(--cs-ink);align-items:center;gap:.55rem;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.cs-wordmark .cs-hole{border:1.5px solid var(--cs-ink);border-radius:2px;width:12px;height:9px;display:inline-block}.cs-nav{gap:1.1rem;display:none}.cs-nav a{font-family:var(--cs-mono);font-size:var(--cs-t-meta);letter-spacing:.06em;text-transform:uppercase;color:var(--cs-muted);padding:.4rem 0;text-decoration:none}.cs-nav a:hover,.cs-nav a:focus-visible{color:var(--cs-ink)}@media (width>=52rem){.cs-nav{display:inline-flex}}.cs-roll{font-family:var(--cs-mono);font-size:var(--cs-t-meta);letter-spacing:.1em;color:var(--cs-muted);white-space:nowrap}.cs-roll b{color:var(--cs-orange-text);font-weight:700}.cs-frame{background:var(--cs-paper-2);border:1px solid var(--cs-line);padding:clamp(1.1rem,3vw,2.4rem);position:relative}.cs-frame:before,.cs-frame:after{content:"";background-image:repeating-linear-gradient(to right, var(--cs-line-strong) 0 6px, transparent 6px 14px);opacity:.7;height:6px;position:absolute;inset-inline:6px}.cs-frame:before{top:3px}.cs-frame:after{bottom:3px}.cs-datastrip{border-top:1px dashed var(--cs-line-strong);flex-wrap:wrap;gap:.4rem 1rem;margin-top:.9rem;padding-top:.6rem;display:flex}.cs-hero{padding-block:clamp(2.5rem,8vh,6rem) clamp(2rem,6vh,4rem)}.cs-hero .cs-frame{padding-block:clamp(2rem,6vw,4rem)}.cs-hero-q{font-size:var(--cs-t-hero);letter-spacing:-.03em;max-width:16ch;margin:.6rem 0 0;font-weight:800;line-height:.98}.cs-hero-beats{max-width:40rem;font-size:var(--cs-t-body);color:var(--cs-ink);gap:.35rem;margin-top:1.6rem;display:grid}.cs-hero-beats .cs-dim{color:var(--cs-muted)}.cs-sec{border-top:1px solid var(--cs-line);padding-block:clamp(2.2rem,6vh,4.5rem)}.cs-sec-head{align-items:baseline;gap:.8rem;margin-bottom:1.4rem;display:flex}.cs-sec-num{font-family:var(--cs-mono);font-size:var(--cs-t-meta);color:var(--cs-orange-text);letter-spacing:.1em}.cs-lead{font-size:var(--cs-t-lead);letter-spacing:-.02em;max-width:20ch;margin:0;font-weight:700;line-height:1.05}.cs-body{font-size:var(--cs-t-body);max-width:34rem;margin:0 0 .8rem}.cs-body:last-child{margin-bottom:0}.cs-quiet{color:var(--cs-muted)}.cs-two{align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}@media (width>=50rem){.cs-two{grid-template-columns:1fr .92fr}.cs-two--rev>.cs-pin{order:-1}}.cs-pin{margin:0}.cs-pin-frame{background:var(--cs-paper);border:1px solid var(--cs-line-strong);box-shadow:0 1px 0 var(--cs-line-strong);padding:.7rem;position:relative}.cs-pin-frame img{width:100%;height:auto;display:block}.cs-tape{background:color-mix(in srgb, var(--cs-orange) 16%, var(--cs-paper));border:1px solid color-mix(in srgb, var(--cs-orange) 30%, var(--cs-line-strong));opacity:.9;width:64px;height:20px;position:absolute;top:-10px;left:50%;translate:-50%}.cs-cap{font-family:var(--cs-mono);font-size:var(--cs-t-meta);letter-spacing:.04em;color:var(--cs-muted);justify-content:space-between;gap:.6rem;margin-top:.6rem;display:flex}.cs-shift .cs-frame{padding-block:clamp(2rem,5vw,3.4rem)}.cs-select{padding:.3rem .9rem;display:inline-block;position:relative}.cs-ring{pointer-events:none;position:absolute;inset:-.6rem -1.1rem;overflow:visible}.cs-ring path{fill:none;stroke:var(--cs-orange);stroke-width:6px;stroke-linecap:round;opacity:.92}.cs-shift-steps{counter-reset:shift;gap:.7rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.cs-shift-steps li{letter-spacing:-.01em;align-items:baseline;gap:.8rem;font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:700;display:flex}.cs-shift-steps li:before{counter-increment:shift;content:counter(shift, decimal-leading-zero);font-family:var(--cs-mono);color:var(--cs-orange-text);font-size:.8rem;font-weight:400}.cs-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1.2rem;display:grid}@media (width>=40rem){.cs-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}}@media (width>=62rem){.cs-grid{grid-template-columns:repeat(4,1fr)}}.cs-cell{background:0 0;border:0;margin:0}.cs-cell[open]{grid-column:1/-1}.cs-cell[open] .cs-shot{max-width:9rem}.cs-cell .cs-card{text-align:left;background:var(--cs-paper-2);border:1px solid var(--cs-line);cursor:pointer;width:100%;color:inherit;font:inherit;min-height:var(--cs-tap);gap:.5rem;padding:.7rem;display:grid}.cs-cell .cs-card:hover,.cs-cell .cs-card:focus-visible{border-color:var(--cs-orange)}.cs-shot{aspect-ratio:1;background:var(--cs-paper);border:1px solid var(--cs-line);place-items:center;display:grid;position:relative;overflow:hidden}.cs-shot svg{width:82%;height:82%}.cs-card-num{font-family:var(--cs-mono);font-size:var(--cs-t-meta);color:var(--cs-orange-text)}.cs-card-name{letter-spacing:.01em;font-size:.98rem;font-weight:800;line-height:1.05}.cs-card-promise{color:var(--cs-muted);font-size:.82rem;line-height:1.3}.cs-plate{border:1px solid var(--cs-line-strong);background:var(--cs-paper);margin-top:.6rem;padding:clamp(1.2rem,3vw,2.2rem)}.cs-plate-grid{gap:clamp(1.2rem,3vw,2.4rem);display:grid}@media (width>=48rem){.cs-plate-grid{grid-template-columns:1.3fr 1fr}}.cs-plate-recognition{letter-spacing:-.01em;margin:0 0 1rem;font-size:clamp(1.15rem,2.3vw,1.55rem);font-weight:700}.cs-plate-lines p{font-size:var(--cs-t-body);margin:0 0 .35rem}.cs-try{border:1px solid var(--cs-line);background:var(--cs-paper-2);padding:1rem}.cs-try-label{font-family:var(--cs-mono);font-size:var(--cs-t-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--cs-orange-text);margin:0 0 .5rem}.cs-try p{font-size:var(--cs-t-body);margin:0 0 .25rem;font-style:italic}.cs-depth{font-family:var(--cs-mono);color:var(--cs-muted);margin-top:1rem;font-size:.78rem;line-height:1.5}.cs-plate-foot{border-top:1px dashed var(--cs-line-strong);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.4rem;padding-top:1rem;display:flex}.cs-plate-close{font:inherit;font-family:var(--cs-mono);font-size:var(--cs-t-meta);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--cs-line-strong);color:var(--cs-muted);cursor:pointer;min-height:var(--cs-tap);background:0 0;padding:.6rem .9rem}.cs-plate-close:hover,.cs-plate-close:focus-visible{color:var(--cs-ink);border-color:var(--cs-ink)}.cs-artstrip{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1.2rem;display:grid}@media (width>=46rem){.cs-artstrip{grid-template-columns:repeat(4,1fr)}}.cs-art{aspect-ratio:3/4;background:var(--cs-paper-2);place-items:end start;min-height:120px;padding:.6rem;display:grid}.cs-art .cs-ph-note{font-family:var(--cs-mono);color:var(--cs-muted);font-size:.66rem;line-height:1.3}.cs-art--wide{aspect-ratio:3/2;grid-column:span 2}.cs-cta{min-height:var(--cs-tap);background:var(--cs-ink);color:var(--cs-paper);border:1px solid var(--cs-ink);letter-spacing:.01em;cursor:pointer;font-weight:700;font:inherit;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.cs-cta:hover,.cs-cta:focus-visible{background:var(--cs-orange-text);border-color:var(--cs-orange-text)}.cs-cta--ghost{color:var(--cs-ink);border:1px solid var(--cs-line-strong);background:0 0;font-weight:600}.cs-cta--ghost:hover,.cs-cta--ghost:focus-visible{border-color:var(--cs-orange);color:var(--cs-orange-text);background:0 0}.cs-arrow{font-family:var(--cs-mono)}.cs-explore-grid{gap:clamp(1.5rem,4vw,3rem);display:grid}@media (width>=50rem){.cs-explore-grid{grid-template-columns:1.2fr .8fr}}.cs-field{gap:.35rem;margin-bottom:1rem;display:grid}.cs-field label{font-family:var(--cs-mono);font-size:var(--cs-t-meta);text-transform:uppercase;letter-spacing:.06em;color:var(--cs-muted)}.cs-field input,.cs-field textarea{font:inherit;border:1px solid var(--cs-line-strong);background:var(--cs-paper);color:var(--cs-ink);min-height:var(--cs-tap);padding:.7rem .8rem;font-size:1rem}.cs-field input:focus-visible,.cs-field textarea:focus-visible{outline:2px solid var(--cs-orange);outline-offset:1px;border-color:var(--cs-orange)}.cs-aside-block{border-top:1px solid var(--cs-line);margin-top:1rem;padding-top:1rem}.cs-aside-block h3{letter-spacing:.01em;margin:0 0 .5rem;font-size:1.05rem}.cs-link{color:var(--cs-orange-text)}.cs-formnote{font-family:var(--cs-mono);color:var(--cs-muted);margin-top:.8rem;font-size:.7rem}.cs-ack{font-family:var(--cs-mono);color:var(--cs-orange-text);font-size:.8rem}.cs-rationale{border:1px solid var(--cs-line-strong);background:var(--cs-paper-2);margin-block:clamp(2rem,6vh,4rem);padding:clamp(1.3rem,4vw,2.4rem)}.cs-rationale h2{letter-spacing:.02em;margin:0 0 .9rem;font-size:1.2rem}.cs-rationale h3{font-family:var(--cs-mono);font-size:var(--cs-t-meta);text-transform:uppercase;letter-spacing:.08em;color:var(--cs-orange-text);margin:1.2rem 0 .4rem}.cs-rationale p{max-width:44rem;margin:0 0 .6rem;font-size:.95rem}.cs-rationale ul{margin:0;padding-left:1.1rem}.cs-rationale li{max-width:44rem;margin-bottom:.4rem;font-size:.9rem}.cs-specimen{gap:.8rem;margin-top:1.2rem;display:grid}.cs-swatches{flex-wrap:wrap;gap:.5rem;display:flex}.cs-sw{font-family:var(--cs-mono);color:var(--cs-muted);gap:.3rem;font-size:.64rem;display:grid}.cs-sw span:first-child{border:1px solid var(--cs-line-strong);width:3.4rem;height:2rem}.cs-foot{border-top:1px solid var(--cs-line);font-family:var(--cs-mono);font-size:var(--cs-t-meta);color:var(--cs-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2rem;display:flex}.cs-foot a{color:var(--cs-muted)}.cs-foot a:hover,.cs-foot a:focus-visible{color:var(--cs-ink)}.cs.motion .cs-reveal{opacity:0;transform:translateY(10px)}.cs.motion .cs-reveal.is-in{opacity:1;transition:opacity .6s var(--cs-ease), transform .6s var(--cs-ease);transform:none}.cs .cs-ring path{stroke-dasharray:1;stroke-dashoffset:0}.cs.motion .cs-ring path{stroke-dashoffset:1px}.cs.motion .cs-ring.is-in path{stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--cs-ease)}@media (prefers-reduced-motion:reduce){.cs .cs-reveal{opacity:1!important;transform:none!important}.cs .cs-ring path{stroke-dashoffset:0!important}}
