/* Style contract: Cothink’s home Hero follows the New Form editorial reference faithfully—an oversized sans sentence assembled with inline monochrome signal strips, one green indicator, a minimal header and scroll-driven composition dispersal. */
:root{--newform-paper:#fafffa;--newform-ink:#121613;--newform-mute:#516254;--newform-green:#2bee4b;--newform-moss:#93b799}
.site-nav--editorial{position:absolute;z-index:50;inset:0 0 auto;background:transparent;border:0;color:var(--newform-ink)}.site-nav--editorial .notice,.site-nav--editorial .desktop-nav,.site-nav--editorial .login-link,.site-nav--editorial .button--small{display:none}.site-nav--editorial .nav-shell{height:86px;padding:0 clamp(20px,2.2vw,36px)}.site-nav--editorial .brand{gap:7px;font-size:20px;font-weight:700;letter-spacing:-.075em}.site-nav--editorial .brand img{display:none}.site-nav--editorial .brand:before{content:"C";display:grid;place-items:center;width:29px;height:29px;border:1px solid #121613;border-radius:7px;color:#121613;font:600 15px var(--mono)}.site-nav--editorial .nav-actions{margin-left:auto}.site-nav--editorial .menu-button{display:flex;align-items:center;gap:15px;padding:9px 0;border:0;background:none;color:#121613;font:600 12px var(--mono);letter-spacing:.01em}.site-nav--editorial .menu-button span{position:relative;width:18px;height:28px;color:transparent}.site-nav--editorial .menu-button span:before,.site-nav--editorial .menu-button span:after,.site-nav--editorial .menu-button{--stripe:#2bee4b}.site-nav--editorial .menu-button span:before,.site-nav--editorial .menu-button span:after{content:"";position:absolute;bottom:4px;width:3px;background:var(--stripe);box-shadow:6px -8px 0 var(--stripe),12px -18px 0 var(--stripe)}.site-nav--editorial .menu-button span:before{left:0;height:13px}.site-nav--editorial .menu-button span:after{display:none}.site-nav--editorial .mobile-panel{background:#fafffa;color:#121613;border-color:#dfe8df}
.hero--newform{display:block;min-height:100vh;height:100vh;overflow:hidden;background:var(--newform-paper);color:var(--newform-ink);isolation:isolate}.hero--newform .hero-paper-grid{position:absolute;z-index:-1;inset:0;opacity:.58;background-image:repeating-linear-gradient(0deg,#1216130b 0 1px,transparent 1px 3px),radial-gradient(#12161322 .62px,transparent .74px);background-size:auto 3px,16px 16px}.hero-statement{position:absolute;top:50%;left:50%;z-index:1;width:min(1210px,83vw);transform:translate(-50%,-46%);font-family:var(--font);font-size:clamp(70px,9.5vw,166px);font-weight:700;line-height:.79;letter-spacing:-.095em}.nf-line{display:flex;align-items:center;gap:.105em;white-space:nowrap;transform-origin:center;will-change:transform,opacity;transition:transform .08s linear,opacity .08s linear}.nf-line--one{padding-left:.03em}.nf-line--two{padding-left:.78em}.nf-line--three{padding-left:.1em}.nf-line--four{padding-left:.62em}.nf-strip{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.58em;height:.53em;overflow:hidden;border-radius:.035em;background:#111;color:#f5f5f2;letter-spacing:-.03em;transform-origin:center;transition:transform .08s linear,filter .08s linear}.nf-strip:before,.nf-strip:after{content:"";position:absolute;inset:0;opacity:.88}.nf-strip i{position:absolute;z-index:1;inset:0;background:repeating-linear-gradient(105deg,transparent 0 8px,#fff2 8px 10px,transparent 10px 18px)}.nf-strip em{position:relative;z-index:2;padding:0 .45em;color:#f3f3ef;font:500 .13em/1 var(--mono);letter-spacing:.02em;white-space:nowrap}.nf-strip--ticker:before{background:repeating-linear-gradient(90deg,#fff1 0 2px,transparent 2px 19px),linear-gradient(165deg,#555,#070707 50%,#383838)}.nf-strip--signal{width:.72em}.nf-strip--signal:before{background:radial-gradient(circle at 23% 20%,#fff 0 3%,transparent 4%),radial-gradient(circle at 75% 68%,#d8d8d8 0 2%,transparent 3%),repeating-radial-gradient(ellipse at center,#555 0 3px,#151515 4px 8px)}.nf-strip--signal em{display:none}.nf-strip--network{width:1.27em}.nf-strip--network:before{background:repeating-linear-gradient(90deg,#484848 0 7%,#050505 7% 12%),repeating-linear-gradient(0deg,transparent 0 10%,#fefefe22 10% 11%)}.nf-strip--scan{width:1.86em}.nf-strip--scan:before{background:linear-gradient(125deg,#151515 0 35%,#f2f2ed 36% 43%,#1b1b1b 44% 66%,#b9b9b7 67% 71%,#111 72%)}.hero-editorial-meta{position:absolute;z-index:3;right:clamp(20px,2.2vw,36px);bottom:25px;left:clamp(20px,2.2vw,36px);display:flex;align-items:center;justify-content:space-between;color:#121613;font:500 10px var(--mono);letter-spacing:.065em;text-transform:uppercase}.hero-editorial-meta a{display:inline-flex;align-items:center;gap:9px;color:#121613}.hero-editorial-meta a:after{content:"";display:block;width:31px;height:2px;background:var(--newform-green);box-shadow:0 4px 0 #93b799}.hero-scroll-caption{position:absolute;z-index:2;top:50%;left:50%;display:flex;flex-direction:column;gap:18px;align-items:center;color:#121613;font:700 clamp(42px,6vw,88px)/.85 var(--font);letter-spacing:-.08em;text-align:center;opacity:0;transform:translate3d(-50%,18px,0);transition:opacity .08s linear,transform .08s linear}.hero-scroll-caption b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #121613;border-radius:50%;background:var(--newform-green);font:13px var(--mono)}.hero-scroll-track--editorial{height:280vh;background:var(--newform-paper)}.hero-scroll-track--editorial>.hero--newform{position:sticky;top:0;height:100vh;min-height:0}.hero--newform[data-scene=cleared]{background:#f0f6ef}.hero--newform[data-scene=cleared] .hero-paper-grid{opacity:.17}
@media(max-width:900px){.hero-statement{width:88vw;font-size:clamp(62px,10.9vw,102px)}.nf-line--two{padding-left:.38em}.nf-line--four{padding-left:.29em}.hero-scroll-track--editorial{height:240vh}}
@media(max-width:560px){.site-nav--editorial .nav-shell{height:68px;padding:0 20px}.site-nav--editorial .brand{font-size:18px}.site-nav--editorial .brand:before{width:26px;height:26px;font-size:13px}.hero-statement{top:50%;width:88vw;font-size:clamp(46px,13vw,58px);line-height:.88;transform:translate(-50%,-48%)}.nf-line{gap:.08em;white-space:nowrap}.nf-line--one,.nf-line--two,.nf-line--three,.nf-line--four{padding-left:0}.nf-line--two{padding-left:.22em}.nf-line--four{padding-left:.06em}.nf-strip{height:.50em}.nf-strip--ticker{width:1.48em}.nf-strip--network{width:1.16em}.nf-strip--scan{width:1.48em}.hero-editorial-meta{right:20px;bottom:21px;left:20px;font-size:8px}.hero-editorial-meta a{font-size:8px}.hero-editorial-meta a:after{width:21px}.hero-scroll-caption{width:76vw;font-size:50px}.hero-scroll-track--editorial{height:220vh}}
@media(prefers-reduced-motion:reduce){.nf-line,.nf-strip,.hero-scroll-caption{transition:none!important}}

/* Centered sequence revision: retain one visual axis; no viewport-edge dispersal or single end-card. */
.hero-scroll-caption{display:none}.hero-sequence{position:absolute;z-index:2;top:50%;left:50%;width:min(1000px,78vw);height:clamp(100px,15vw,160px);transform:translate(-50%,-50%)}.nf-sequence-line{position:absolute;inset:0;display:flex;align-items:center;gap:clamp(14px,2vw,28px);opacity:0;transform-origin:center;will-change:transform,opacity;transition:transform .08s linear,opacity .08s linear}.nf-sequence-line--left{justify-content:flex-start}.nf-sequence-line--right{justify-content:flex-end}.nf-sequence-line strong{font:700 clamp(56px,7.4vw,112px)/.84 var(--font);letter-spacing:-.088em}.nf-sequence-line .nf-strip{font-size:clamp(48px,5vw,78px);width:1.32em;height:.45em}.hero--newform[data-scene^=message-]{background:#f7fcf6}.hero--newform[data-scene^=message-] .hero-paper-grid{opacity:.32}
@media(max-width:560px){.hero-sequence{width:86vw;height:90px}.nf-sequence-line{gap:10px}.nf-sequence-line strong{font-size:clamp(39px,11.2vw,51px)}.nf-sequence-line .nf-strip{font-size:39px;width:1.14em}}

/* Navigation contract: quiet, centered desktop text links; compact three-stroke mobile trigger. */
.site-nav--editorial .desktop-nav--centered{position:absolute;left:50%;display:flex!important;gap:28px;align-items:center;transform:translateX(-50%);margin:0}.site-nav--editorial .desktop-nav--centered a{position:relative;color:#58605a;font:500 12px var(--font);letter-spacing:-.02em}.site-nav--editorial .desktop-nav--centered a:after{content:"";position:absolute;right:0;bottom:-7px;left:0;height:1px;transform:scaleX(0);transform-origin:left;background:#121613;transition:transform .18s ease}.site-nav--editorial .desktop-nav--centered a:hover,.site-nav--editorial .desktop-nav--centered a.is-active{color:#121613}.site-nav--editorial .desktop-nav--centered a.is-active:after{transform:scaleX(1)}.site-nav--editorial .menu-button{display:none}.site-nav--editorial .mobile-panel a.is-active{color:#121613;text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){.site-nav--editorial .desktop-nav--centered{display:none!important}.site-nav--editorial .nav-shell{justify-content:space-between}.site-nav--editorial .nav-actions{display:flex;margin-left:auto}.site-nav--editorial .menu-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;color:transparent;font-size:0}.site-nav--editorial .menu-button span{display:block;position:relative;width:19px;height:15px;color:transparent}.site-nav--editorial .menu-button span:before{top:0;bottom:auto;left:0;width:16px;height:2px;background:#121613;box-shadow:3px 6px 0 #121613,0 12px 0 var(--newform-green)}.site-nav--editorial .mobile-panel{top:68px;padding:22px 20px 28px;gap:14px}.site-nav--editorial .mobile-panel a{font-size:20px;letter-spacing:-.05em}}
