:root{--black:#070707;--white:#f5f5ef;--paper:#eae9e2;--green:#b7ff21;--yellow:#f2c94c;--line:rgba(255,255,255,.18);--pad:clamp(20px,4vw,68px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font:15px/1.5 Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.rule{border-top:.5px solid var(--line)}.nav{height:88px;padding:0 var(--pad);display:flex;align-items:center;gap:36px}.brand{font:700 12px DM Mono,monospace;letter-spacing:.14em;display:flex;align-items:center;gap:9px}.mark{width:26px;height:26px;background:var(--green);color:#000;border-radius:42% 58% 47% 53%;display:grid;place-items:center;font:700 19px/1 Manrope}.nav nav{display:flex;gap:30px;margin-left:auto;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid currentColor;padding:13px 18px;border-radius:4px;font:600 12px DM Mono,monospace;text-transform:uppercase;transition:.2s}.button:hover{transform:rotate(-1deg) translateY(-2px)}.button-green{background:var(--green);color:#050505;border-color:var(--green)}.button-yellow{background:transparent;color:var(--yellow);border-color:var(--yellow)}.hero{min-height:690px;padding:90px var(--pad) 52px}.kicker,.section-tag{font:500 10px DM Mono,monospace;letter-spacing:.1em}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.hero h1{font-size:clamp(56px,8.7vw,130px);font-weight:500;letter-spacing:-.07em;line-height:.86;margin:70px 0 55px}.green{color:var(--green)}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end}.hero-foot p{max-width:510px;color:#aaa;font-size:17px}.hero-foot>div{display:flex;align-items:center;gap:24px}.plain-link{font:500 11px DM Mono,monospace;border-bottom:.5px solid #777;padding-bottom:5px}.ticker{display:grid;grid-template-columns:repeat(3,1fr);padding:0 var(--pad)}.ticker>span{padding:38px 0;font-size:clamp(18px,2.2vw,31px);font-weight:600}.ticker small{display:block;color:#777;font:10px DM Mono,monospace;margin-top:4px}.thesis{padding:130px var(--pad);display:grid;grid-template-columns:1fr 3fr}.thesis h2{font-size:clamp(44px,6vw,88px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0}.section{padding:120px var(--pad)}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;margin-bottom:70px}.section-head h2{font-size:clamp(45px,5.7vw,82px);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:0}.section-head p{color:#898989;margin:5px 0;max-width:260px}.company-stack{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;min-height:950px}.island{position:relative;padding:30px;border-radius:32px;display:flex;flex-direction:column;box-shadow:0 22px 0 rgba(255,255,255,.035);transform:rotate(-1.2deg)}.island span{font:10px DM Mono,monospace}.island b{font-size:clamp(45px,6vw,86px);letter-spacing:-.06em;margin:auto 0 0}.island p{max-width:420px;margin:10px 0 0}.island i{position:absolute;right:28px;top:24px;font-size:28px}.island.lime{grid-column:1/8;height:410px;background:var(--green);color:#080808}.island.black{grid-column:7/13;height:370px;background:#151515;border:.5px solid #444;margin-top:-70px;transform:rotate(1.5deg)}.island.white{grid-column:2/10;height:340px;background:var(--paper);color:#080808;margin-top:-95px;transform:rotate(.8deg)}.orbit{height:640px;position:relative}.orbit svg{position:absolute;inset:0;width:100%;height:100%}.orbit path{fill:none;stroke:#555;stroke-width:.5;stroke-dasharray:3 8}.mini-island{position:absolute;background:#171717;border:.5px solid #444;border-radius:22px;padding:24px;width:190px;font-size:19px;box-shadow:0 18px 0 rgba(255,255,255,.025)}.mini-island small{display:block;color:#888;font:10px DM Mono,monospace;margin-top:18px}.green-bg{background:var(--green);color:#000;border:0}.green-bg small,.yellow small{color:#222}.yellow{background:var(--yellow);color:#000;border:0}.i1{left:2%;top:12%;transform:rotate(-3deg)}.i2{left:37%;top:2%;transform:rotate(2deg)}.i3{right:5%;top:15%;transform:rotate(-2deg)}.i4{left:14%;bottom:8%;transform:rotate(1deg)}.i5{left:48%;bottom:0;transform:rotate(-2deg)}.i6{right:3%;bottom:12%;transform:rotate(2deg)}.process{display:grid;grid-template-columns:repeat(3,1fr)}.process article{min-height:260px;padding:46px var(--pad)}.process em{font:10px DM Mono,monospace;color:var(--green);font-style:normal}.process h3{font-size:34px;margin:70px 0 5px}.process p{color:#777;margin:0}.closing{min-height:580px;text-align:center;display:grid;place-content:center;padding:90px var(--pad)}.closing h2{font-size:clamp(58px,8vw,110px);line-height:.87;letter-spacing:-.065em;font-weight:500;margin:30px 0 44px}.footer{background:var(--paper);color:#080808}.footer-cta{min-height:520px;padding:80px var(--pad);display:grid;align-content:center;justify-items:start}.footer-cta>span,.footer-grid b{font:10px DM Mono,monospace;letter-spacing:.1em}.footer-cta h2{font:500 clamp(58px,8vw,115px)/.87 Manrope;letter-spacing:-.065em;margin:40px 0}.footer-grid{border-top:.5px solid #bbb;display:grid;grid-template-columns:2fr repeat(3,1fr);padding:48px var(--pad) 75px;gap:30px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid b{margin-bottom:12px}.footer-grid a:not(.brand){font-size:12px}.footer-bottom{border-top:.5px solid #bbb;padding:18px var(--pad);display:flex;justify-content:space-between;font:10px DM Mono,monospace}
@media(max-width:760px){.nav{height:72px}.nav nav{display:none}.nav .button{margin-left:auto;padding:10px;font-size:0}.nav .button:after{content:'TALK ↗';font-size:10px}.hero{min-height:650px;padding-top:70px}.hero h1{font-size:15vw;margin:60px 0 45px}.hero-foot{display:block}.hero-foot>div{margin-top:35px;flex-wrap:wrap}.ticker{grid-template-columns:1fr}.ticker>span{padding:22px 0}.thesis{grid-template-columns:1fr;gap:35px;padding-block:85px}.section{padding-block:85px}.section-head{grid-template-columns:1fr;gap:24px}.company-stack{display:block;min-height:0}.island.lime,.island.black,.island.white{height:300px;margin:0 0 22px;transform:rotate(0);width:100%}.orbit{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.orbit svg{display:none}.mini-island{position:static;width:auto;min-height:150px;transform:none!important}.process{grid-template-columns:1fr}.process article{min-height:200px}.process h3{margin-top:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1;margin-bottom:25px}.footer-bottom{gap:20px}.footer-cta{min-height:430px}.footer-cta h2{font-size:16vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Structured rail revision — preserve the original Samora grid grammar. */
body{font-size:14px}
body:before{content:"";position:fixed;z-index:20;pointer-events:none;top:0;bottom:0;left:var(--pad);right:var(--pad);border-left:.5px solid var(--line);border-right:.5px solid var(--line)}
.rule{position:relative;border-top:0}
.rule:before{content:"";position:absolute;z-index:1;left:50%;top:0;width:100vw;border-top:.5px solid var(--line);transform:translateX(-50%);pointer-events:none}
.nav{padding-inline:calc(var(--pad) + 22px);height:82px}
.hero{min-height:620px;padding:80px calc(var(--pad) + 22px) 48px}
.hero h1{font-size:clamp(48px,6.5vw,92px);line-height:.93;letter-spacing:-.055em;margin:62px 0 48px}
.hero-foot p{font-size:15px;max-width:480px}
.ticker,.thesis,.section,.closing{padding-inline:calc(var(--pad) + 22px)}
.thesis{padding-block:110px}.thesis h2{font-size:clamp(40px,5vw,68px)}
.section{padding-block:105px}.section-head h2{font-size:clamp(40px,4.5vw,64px)}
.company-stack{min-height:0;grid-template-columns:repeat(3,1fr);gap:0;border:.5px solid var(--line)}
.island,.island.lime,.island.black,.island.white{grid-column:auto;height:360px;margin:0;border:0;border-right:.5px solid rgba(255,255,255,.2);border-radius:0;box-shadow:none;transform:none;padding:28px}
.island:last-child{border-right:0}.island b{font-size:clamp(38px,4vw,58px)}
.orbit{height:auto;display:grid;grid-template-columns:repeat(3,1fr);border:.5px solid var(--line)}
.orbit svg{display:none}.mini-island,.i1,.i2,.i3,.i4,.i5,.i6{position:static;width:auto;min-height:200px;border:0;border-right:.5px solid var(--line);border-bottom:.5px solid var(--line);border-radius:0;box-shadow:none;transform:none;padding:28px}.mini-island:nth-child(3n){border-right:0}.mini-island:nth-child(n+4){border-bottom:0}
.process article{min-height:220px;border-right:.5px solid var(--line);padding-inline:calc(var(--pad) + 22px)}.process article:last-child{border-right:0}.process h3{font-size:28px;margin-top:55px}
.closing{min-height:500px}.closing h2{font-size:clamp(48px,6vw,80px);line-height:.94}
.footer-cta{min-height:350px;padding:65px calc(var(--pad) + 22px)}.footer-cta h2{font-size:clamp(46px,5.5vw,74px);line-height:.94;margin:28px 0}
.footer-grid{padding:0 var(--pad);gap:0;border-top:.5px solid #aaa;border-bottom:.5px solid #aaa}.footer-grid>div{padding:34px 22px 44px;border-left:.5px solid #aaa}.footer-grid>div:last-child{border-right:.5px solid #aaa}.footer-bottom{padding:16px calc(var(--pad) + 22px)}
@media(max-width:760px){body:before{left:14px;right:14px}.nav{padding-inline:30px}.hero,.ticker,.thesis,.section,.closing{padding-inline:30px}.hero{min-height:590px}.hero h1{font-size:12vw}.company-stack{display:block}.island,.island.lime,.island.black,.island.white{height:270px;margin:0;border-right:0;border-bottom:.5px solid var(--line);border-radius:0}.island:last-child{border-bottom:0}.orbit{grid-template-columns:1fr 1fr}.mini-island,.i1,.i2,.i3,.i4,.i5,.i6{min-height:145px;border-right:.5px solid var(--line)!important;border-bottom:.5px solid var(--line)!important}.mini-island:nth-child(2n){border-right:0!important}.mini-island:nth-child(n+5){border-bottom:0!important}.process article{padding-inline:30px;border-right:0;border-bottom:.5px solid var(--line)}.footer-cta{padding:55px 30px;min-height:320px}.footer-cta h2{font-size:12vw}.footer-grid{padding:0 14px;grid-template-columns:1fr 1fr}.footer-grid>div{padding:26px 16px}.footer-grid>div:first-child{border-right:.5px solid #aaa}.footer-grid>div:nth-child(3){border-right:.5px solid #aaa}.footer-bottom{padding-inline:30px}}

/* Samora-width outer gutters and true low-contrast hairlines. */
:root{--pad:clamp(28px,5.4vw,78px);--line:rgba(255,255,255,.28)}
.footer{background:var(--black);color:var(--white)}
.footer-grid,.footer-grid>div,.footer-bottom{border-color:var(--line)}
.footer-grid a,.footer-bottom,.footer-cta>span{color:#fff}
.footer-grid b{color:#fff}
.hero-foot p,.section-head p,.island p,.mini-island small,.process p{color:#c9c9c9}
.island.lime p,.island.white p,.green-bg small,.yellow small{color:#222}
@media(max-width:760px){:root{--pad:14px}}

/* Approved light canvas with a fixed-width centered rail on ultrawide screens. */
:root{--rail:max(28px,calc((100vw - 1280px)/2));--pad:var(--rail);--line:rgba(0,0,0,.18);--bg:#f4f3ed;--panel:#fff;--ink:#090909;--muted:#5f5f5a}
body{background:var(--bg);color:var(--ink)}
body:before{left:var(--rail);right:var(--rail);border-color:var(--line)}
.nav,main{background:var(--bg)}
.navlinks{background:#fff;border-color:var(--line);box-shadow:none}.navlinks a{color:#444}.navlinks a:hover{background:#e8e7e1;color:#000}
.rule:before{border-color:var(--line)}
.hero-foot p,.section-head p,.process p{color:var(--muted)}
.plain-link{color:#222;border-color:#777}
.ticker small,.label,.company .num{color:#666}
.company-stack,.orbit{border-color:var(--line)}
.island.black{background:#0c0c0c;color:#fff}.island.black p{color:#ccc}
.island.white{background:#fff;color:#090909}.island.white p,.island.lime p{color:#222}
.mini-island,.i1,.i2,.i4,.i6{background:#fff;color:#090909;border-color:var(--line)}
.mini-island small{color:#666}.green-bg small,.yellow small{color:#222}
.process article{border-color:var(--line)}
.process{max-width:1280px;margin-inline:auto}.process article{padding-inline:32px}
.closing{background:#fff}
.footer{background:#090909;color:#fff}
.footer-grid,.footer-grid>div,.footer-bottom{border-color:rgba(255,255,255,.22)}
.footer-grid a,.footer-grid b,.footer-bottom,.footer-cta>span{color:#fff}
@media(max-width:760px){:root{--rail:14px;--pad:14px}.process article{padding-inline:30px}}

/* Saved cobalt checkpoint: color-only revision. */
:root{--green:#2850e8}
.button-green,.mark,.island.lime,.green-bg{color:#fff}
.green-bg{background:var(--green)}.yellow{background:var(--yellow)}
.island.lime p,.green-bg small{color:#e7ebff}

/* Premium experiment, independently reversible to the cobalt checkpoint. */
.hero h1,.thesis h2,.proof-intro h2,.section-head h2,.closing h2,.footer-cta h2{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.035em}
.hero h1{font-size:clamp(52px,5.8vw,82px);line-height:.96}.thesis h2{font-size:clamp(42px,4.4vw,62px);line-height:.98}
.section-head h2{font-size:clamp(40px,4vw,58px)}.closing h2,.footer-cta h2{font-size:clamp(44px,4.5vw,64px)}
.hero,.thesis,.section{padding-block:88px}.hero{padding-top:72px;min-height:570px}.section-head{margin-bottom:60px}
.yellow{background:#fff;color:#090909}.yellow small{color:#666}
.proof-system{padding:96px calc(var(--pad) + 22px);display:grid;grid-template-columns:repeat(12,1fr);gap:20px;background:#fff}
.proof-intro{grid-column:1/6}.proof-intro h2{font-size:clamp(40px,4.2vw,60px);line-height:.98;margin:28px 0}.proof-intro h2 i{color:var(--green);font-weight:400}.proof-intro p{max-width:430px;color:var(--muted)}
.system-frame{grid-column:7/13;border:.5px solid var(--line);background:var(--bg);min-height:390px;display:grid;grid-template-rows:auto 1fr auto;transition:transform .35s ease,box-shadow .35s ease}.system-frame:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(20,31,70,.08)}
.frame-top{display:flex;justify-content:space-between;padding:14px 17px;border-bottom:.5px solid var(--line);font:500 9px DM Mono,monospace;letter-spacing:.08em}.frame-top span:last-child{color:var(--green)}
.frame-core{display:grid;place-content:center;text-align:center}.core-mark{width:48px;height:48px;margin:0 auto 20px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:600 20px Manrope}.frame-core strong{font:400 34px "Instrument Serif",serif}.frame-core small{margin-top:8px;color:#777;font:9px DM Mono,monospace}
.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:.5px solid var(--line)}.frame-grid span{padding:18px;border-right:.5px solid var(--line);font:600 11px Manrope}.frame-grid span:last-child{border:0}
.proof-facts{grid-column:1/13;margin-top:58px;display:grid;grid-template-columns:repeat(3,1fr);border-block:.5px solid var(--line)}.proof-facts>div{padding:26px 22px;border-right:.5px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:4px 18px}.proof-facts>div:last-child{border:0}.proof-facts b{grid-row:1/3;color:var(--green);font:500 9px DM Mono}.proof-facts span{font:600 14px Manrope}.proof-facts small{color:#777}
.button{letter-spacing:.04em}.button:hover{transform:translateY(-2px)}.island,.mini-island{transition:transform .25s ease,box-shadow .25s ease}.island:hover,.mini-island:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(20,31,70,.07)}
@keyframes premium-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero h1,.hero-foot{animation:premium-enter .7s cubic-bezier(.2,.7,.2,1) both}.hero-foot{animation-delay:.1s}
@media(max-width:760px){.hero,.thesis,.section{padding-block:62px}.hero{padding-top:55px;min-height:510px}.hero h1{font-size:12vw}.thesis h2,.section-head h2{font-size:10vw}.proof-system{padding:65px 30px;grid-template-columns:1fr}.proof-intro,.system-frame,.proof-facts{grid-column:1}.proof-intro h2{font-size:10vw}.system-frame{min-height:330px;margin-top:24px}.proof-facts{grid-template-columns:1fr;margin-top:38px}.proof-facts>div{border-right:0;border-bottom:.5px solid var(--line)}.proof-facts>div:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.hero h1,.hero-foot{animation:none}.system-frame,.button,.island,.mini-island{transition:none}}

/* Hero weight and white-footer revision. */
.hero h1{font-family:Manrope,sans-serif;font-weight:600;font-size:clamp(50px,5.35vw,76px);line-height:.94;letter-spacing:-.065em}
.footer{background:#fff;color:#090909}
.footer-grid,.footer-grid>div,.footer-bottom{border-color:rgba(0,0,0,.18)}
.footer-grid a,.footer-grid b,.footer-bottom,.footer-cta>span{color:#090909}
@media(max-width:760px){.hero h1{font-size:11vw;line-height:.96}}

/* Classic, wider display face and restrained motion system. */
.hero h1,.thesis h2,.proof-intro h2,.section-head h2,.closing h2,.footer-cta h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.035em}
.hero h1{font-size:clamp(48px,5vw,72px);line-height:.94}.hero-line{display:block}
.nav{position:sticky;top:0;z-index:30;transition:height .3s ease,background-color .3s ease,box-shadow .3s ease}.nav-scrolled{height:62px;background:rgba(244,243,237,.94);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.motion-ready body:before{transform-origin:top;animation:rail-draw .9s cubic-bezier(.2,.7,.2,1) both}.motion-ready .brand,.motion-ready .nav nav,.motion-ready .nav>.button{animation:quiet-in .55s ease both}.motion-ready .nav nav{animation-delay:.08s}.motion-ready .nav>.button{animation-delay:.14s}
.motion-ready .hero-line{clip-path:inset(0 0 100% 0);transform:translateY(12px);animation:line-reveal .7s cubic-bezier(.2,.7,.2,1) forwards}.motion-ready .hero-line:nth-child(1){animation-delay:.18s}.motion-ready .hero-line:nth-child(2){animation-delay:.3s}.motion-ready .hero-foot{animation-delay:.48s}
.motion-ready .motion-item{opacity:0;transform:translateY(12px);transition:opacity .58s ease,transform .58s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--motion-order)*70ms)}.motion-ready .motion-item.motion-in{opacity:1;transform:none}
.motion-ready .system-frame.motion-in .core-mark{animation:core-pulse .55s .25s cubic-bezier(.2,.8,.2,1) both}.motion-ready .system-frame.motion-in .frame-grid span{animation:cell-in .45s both}.motion-ready .system-frame.motion-in .frame-grid span:nth-child(1){animation-delay:.34s}.motion-ready .system-frame.motion-in .frame-grid span:nth-child(2){animation-delay:.44s}.motion-ready .system-frame.motion-in .frame-grid span:nth-child(3){animation-delay:.54s}
@keyframes rail-draw{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes quiet-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes line-reveal{to{clip-path:inset(0);transform:none}}@keyframes core-pulse{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes cell-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.motion-ready body:before,.motion-ready .brand,.motion-ready .nav nav,.motion-ready .nav>.button,.motion-ready .hero-line,.motion-ready .hero-foot,.motion-ready .system-frame.motion-in .core-mark,.motion-ready .system-frame.motion-in .frame-grid span{animation:none}.motion-ready .motion-item{opacity:1;transform:none;transition:none}.nav{transition:none}}

/* Production identity, descender safety, and shared interior pages. */
.brand-mark{width:24px;height:24px;display:block}.hero h1{line-height:1.02}.hero-line{padding-bottom:.08em;margin-bottom:-.08em}
.page-hero{padding:90px calc(var(--pad) + 22px) 80px;min-height:500px;display:grid;align-content:center}.page-hero h1{font:400 clamp(60px,7vw,96px)/.96 "Instrument Serif",serif;letter-spacing:-.045em;margin:34px 0}.page-hero p{max-width:590px;color:var(--muted);font-size:16px}
.page-section{padding:90px calc(var(--pad) + 22px)}.page-section-head{display:grid;grid-template-columns:1fr 2fr 1fr;margin-bottom:58px}.page-section-head h2{grid-column:2;font:400 clamp(42px,4.5vw,64px)/.98 "Instrument Serif",serif;letter-spacing:-.035em;margin:0}.page-section-head p{grid-column:3;color:var(--muted)}
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);border:.5px solid var(--line)}.page-grid article{min-height:230px;padding:28px;border-right:.5px solid var(--line)}.page-grid article:last-child{border:0}.page-grid h3{font:400 30px "Instrument Serif",serif;margin:60px 0 8px}.page-grid p{color:var(--muted);margin:0}
.feature-band{background:#fff;padding:90px calc(var(--pad) + 22px);display:grid;grid-template-columns:1fr 1fr;gap:60px}.feature-band h2{font:400 clamp(44px,5vw,70px)/.98 "Instrument Serif",serif;margin:0}.feature-band p{color:var(--muted);max-width:520px}.career-video{width:100%;display:block;border:.5px solid var(--line);background:#111;aspect-ratio:16/9;object-fit:cover}.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.legal-page{max-width:980px;margin:auto;padding:90px 40px 140px}.legal-page h1{font:400 clamp(55px,7vw,88px)/1 "Instrument Serif",serif}.legal-page h2{font:400 32px "Instrument Serif",serif;margin-top:48px}.legal-page p{color:var(--muted);font-size:15px}
@media(max-width:760px){.brand-mark{width:20px;height:20px}.page-hero{padding:65px 30px;min-height:420px}.page-hero h1{font-size:15vw}.page-section{padding:65px 30px}.page-section-head{grid-template-columns:1fr;gap:20px}.page-section-head h2,.page-section-head p{grid-column:1}.page-grid{grid-template-columns:1fr}.page-grid article{min-height:180px;border-right:0;border-bottom:.5px solid var(--line)}.feature-band{padding:65px 30px;grid-template-columns:1fr}.legal-page{padding:65px 30px 100px}}

/* Final interaction/mobile refinement; yellow removed. */
:root{--yellow:var(--green)}
.button-yellow{background:var(--green);border-color:var(--green);color:#fff}
.button-green{color:#fff;background:linear-gradient(110deg,#2850e8 0%,#173cc4 38%,#5472ff 70%,#2850e8 100%);background-size:260% 100%;animation:button-drift 9s ease-in-out infinite}
@keyframes button-drift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.nav{background:rgba(244,243,237,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-scrolled{background:rgba(244,243,237,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media(max-width:760px){.nav{padding-inline:24px;height:68px}.nav .button{font-size:0;padding:10px 13px;min-width:72px}.nav .button:after{content:"Talk ↗";font-size:10px;letter-spacing:.05em}.orbit{grid-template-columns:1fr}.mini-island,.i1,.i2,.i3,.i4,.i5,.i6{min-height:104px;border-right:0!important;border-bottom:.5px solid var(--line)!important;padding:20px}.mini-island:last-of-type{border-bottom:0!important}.mini-island small{margin-top:10px}.section-head p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.button-green{animation:none;background:#2850e8}}

/* Screenshot-ready email footer page. */
.email-footer-page{min-height:100vh;display:grid;place-items:center;padding:40px;background:#e9e8e2}.email-signature{width:min(1180px,100%);min-height:250px;background:#fff;border:.5px solid rgba(0,0,0,.2);display:grid;grid-template-columns:1.45fr 1fr 1fr}.email-signature>div{padding:34px;border-right:.5px solid rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between}.email-signature>div:last-child{border:0}.email-signature .brand{font-size:14px}.email-signature h1{font:400 45px/1 "Instrument Serif",serif;margin:22px 0 0}.email-signature p,.email-signature a{font-size:13px;color:#555}.email-signature .accent{color:var(--green)}.email-signature .signature-label{font:500 9px DM Mono,monospace;letter-spacing:.1em;color:#777}.email-signature .signature-cta{display:inline-flex;align-self:flex-start;background:var(--green);color:#fff;padding:11px 14px;margin-top:18px;font:500 10px DM Mono,monospace}@media(max-width:760px){.email-footer-page{padding:15px}.email-signature{grid-template-columns:1fr}.email-signature>div{border-right:0;border-bottom:.5px solid rgba(0,0,0,.18);min-height:150px}.email-signature h1{font-size:36px}}
.language-switch{display:flex;align-items:center;gap:6px;margin-left:auto;font:500 9px DM Mono,monospace;letter-spacing:.08em;color:#777}.language-switch button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;padding:7px 4px;cursor:pointer}.language-switch button.active{color:var(--green);font-weight:600}.language-switch button:focus-visible{outline:1px solid var(--green);outline-offset:2px}.language-switch+.button{margin-left:0}@media(max-width:760px){.language-switch{margin-left:auto;gap:3px}.language-switch button{padding:6px 2px}.nav .language-switch+.button{margin-left:5px}}
@media(max-width:760px){html[lang="es"] .nav .button:after{content:"Hablar ↗"}}

/* Final editorial ink: intentionally off-black across every page. */
:root{--ink:#191919}body,.footer,.island.white,.mini-island,.yellow{color:var(--ink)}.footer-grid a,.footer-grid b,.footer-bottom,.footer-cta>span{color:var(--ink)}

/* Founder narrative and global operating model. */
.founder-story{display:grid;grid-template-columns:1fr 1.3fr}.founder-story>header,.founder-copy{padding:78px 42px}.founder-story>header{border-right:.5px solid var(--line)}.founder-story h2,.global-band h2{font:400 clamp(44px,5vw,70px)/.98 "Instrument Serif",serif;letter-spacing:-.035em;margin:32px 0 0}.founder-story h2 i{font-weight:400;color:var(--green)}.founder-copy{display:grid;align-content:center;gap:24px}.founder-copy p{font-size:17px;line-height:1.7;margin:0;color:#4d4d49}.founder-copy p:first-child{font-size:21px;color:var(--ink)}.global-band{padding:90px 42px;display:grid;grid-template-columns:.6fr 1fr 1fr;gap:42px;align-items:start}.global-band h2{margin:0}.global-band p{font-size:17px;line-height:1.7;color:#4d4d49;margin:0;max-width:620px}@media(max-width:760px){.founder-story{grid-template-columns:1fr}.founder-story>header,.founder-copy{padding:55px 30px}.founder-story>header{border-right:0;border-bottom:.5px solid var(--line)}.founder-copy p:first-child{font-size:19px}.global-band{padding:65px 30px;grid-template-columns:1fr;gap:28px}.global-band h2{font-size:48px}}

/* Full careers content, rebuilt in the production rail system. */
@media(max-width:760px){.nav{gap:8px;padding-inline:14px}.nav .brand{font-size:0;gap:0}.nav .button{min-width:58px;padding-inline:9px}.careers-full .page-hero{min-height:570px;min-width:0;overflow:hidden}.careers-full .page-hero h1{font-size:13vw;max-width:100%;letter-spacing:-.055em}.careers-full .page-hero p{font-size:15px}.careers-full .page-hero .button{width:100%;max-width:100%}}
.career-film{padding:24px}.career-film video{display:block;width:100%;max-height:620px;object-fit:cover;background:#111}
.careers-full .page-hero{min-height:640px}.career-block{display:grid;grid-template-columns:minmax(300px,.8fr) 1.6fr}.career-block>header{padding:58px 42px;border-right:.5px solid var(--line);display:grid;grid-template-columns:34px 1fr;gap:22px;align-content:start}.career-block>header>span{font:500 10px DM Mono,monospace;color:var(--green)}.career-block h2{font:400 clamp(42px,5vw,68px)/.95 "Instrument Serif",serif;letter-spacing:-.035em;margin:22px 0 0}.career-body{padding:58px 42px}.career-lead{font-size:20px;line-height:1.55;max-width:720px;margin:0 0 42px}.career-grid{display:grid;border:.5px solid var(--line);margin-bottom:34px}.career-grid.two{grid-template-columns:repeat(2,1fr)}.career-grid.three{grid-template-columns:repeat(3,1fr)}.career-grid article{padding:28px;border-right:.5px solid var(--line)}.career-grid article:last-child{border-right:0}.career-grid b,.career-body h3{font:600 12px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.career-grid p{color:#666;font-size:14px;line-height:1.6;margin:20px 0 0}.career-body h3{margin:44px 0 14px}.career-list{list-style:none;padding:0;margin:0;border-top:.5px solid var(--line)}.career-list li{display:grid;grid-template-columns:minmax(150px,.55fr) 1.45fr;gap:24px;padding:19px 0;border-bottom:.5px solid var(--line)}.career-list li:not(:has(b)){grid-template-columns:1fr}.career-list b{font-size:13px}.career-list span{color:#555;font-size:14px;line-height:1.55}.career-apply{padding:100px 42px;text-align:center;display:grid;justify-items:center}.career-apply h2{font:400 clamp(48px,6vw,78px)/.98 "Instrument Serif",serif;letter-spacing:-.035em;margin:28px 0}.career-apply p{max-width:670px;color:#555;margin:0 0 30px}.career-apply .button{min-width:280px}@media(max-width:760px){.careers-full .page-hero{min-height:570px}.career-block{grid-template-columns:1fr}.career-block>header{padding:36px 24px;border-right:0;border-bottom:.5px solid var(--line)}.career-block h2{font-size:46px}.career-body{padding:36px 24px}.career-lead{font-size:17px;margin-bottom:30px}.career-grid.two,.career-grid.three{grid-template-columns:1fr}.career-grid article{border-right:0;border-bottom:.5px solid var(--line)}.career-grid article:last-child{border-bottom:0}.career-list li{grid-template-columns:1fr;gap:8px}.career-apply{padding:70px 24px}.career-apply h2{font-size:46px}.career-apply .button{min-width:0;width:100%}}

@media(max-width:760px){.nav{gap:8px;padding-inline:14px}.nav .brand{font-size:0;gap:0}.nav .button{min-width:58px;padding-inline:9px}.careers-full .page-hero{min-height:570px;min-width:0;overflow:hidden}.careers-full .page-hero h1{font-size:13vw;max-width:100%;letter-spacing:-.055em}.careers-full .page-hero p{font-size:15px}.careers-full .page-hero .button{width:100%;max-width:100%}}

/* Unified footer rule system. One divider owns each edge. */
.footer-grid{border-bottom:0}.footer-bottom{border-top:.5px solid var(--line);border-bottom:0}
@media(max-width:760px){.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0 14px;border-top:.5px solid var(--line);border-bottom:0;gap:0}.footer-grid>div{min-width:0;margin:0!important;padding:25px 16px!important;border:0!important}.footer-grid>div:first-child{grid-column:1/-1;border-bottom:.5px solid var(--line)!important}.footer-grid>div:nth-child(2){border-right:.5px solid var(--line)!important;border-bottom:.5px solid var(--line)!important}.footer-grid>div:nth-child(3){border-bottom:.5px solid var(--line)!important}.footer-grid>div:nth-child(4){grid-column:1/-1}.footer-bottom{border-top:.5px solid var(--line);border-bottom:0;padding:16px 30px;display:grid;grid-template-columns:1fr;gap:7px;line-height:1.45}.footer-grid a{overflow-wrap:anywhere}}

/* Careers containment and mobile-first final pass. */
.careers-full,.career-block,.career-block>header,.career-body,.career-grid,.career-grid article,.career-list,.career-list li{min-width:0;max-width:100%}.career-block{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);width:100%}.career-body{overflow:hidden}.career-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.career-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.career-list li{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}.career-list li:not(:has(b)){grid-template-columns:minmax(0,1fr)}.career-list b,.career-list span,.career-grid p{overflow-wrap:anywhere;word-break:normal}.career-film{padding:clamp(14px,2.5vw,32px);overflow:hidden}.career-film video{width:100%;max-width:100%;height:auto;max-height:620px;object-fit:contain;margin:0 auto}
@media(max-width:900px){.career-block{grid-template-columns:minmax(0,1fr)}.career-block>header{border-right:0;border-bottom:.5px solid var(--line);padding:40px 30px}.career-body{padding:40px 30px}.career-grid.two,.career-grid.three{grid-template-columns:minmax(0,1fr)}.career-grid article{border-right:0;border-bottom:.5px solid var(--line)}.career-grid article:last-child{border-bottom:0}.career-list li,.career-list li:not(:has(b)){grid-template-columns:minmax(0,1fr);gap:8px}.career-film{padding:14px 14px 24px}.career-film video{max-height:none}}
@media(max-width:520px){.career-block>header,.career-body{padding:34px 24px}.career-list li{padding:17px 0}.career-body h3{margin-top:36px}.career-grid article{padding:22px}.career-apply{padding:64px 24px}.career-apply h2{font-size:42px;overflow-wrap:anywhere}.footer-cta,.footer-grid,.footer-bottom{max-width:100%;overflow:hidden}}

/* 203 — wide screen rail containment (About). Sections stay full bleed so .rule keeps spanning edge to edge; only their content follows --rail. --rail is 28px up to 1336px, so both resolve to today's 42px inset and desktop at or below 1336px is unchanged. */
@media(min-width:901px){.founder-story{padding-inline:calc(var(--rail) - 28px)}.global-band{padding-inline:calc(var(--rail) + 14px)}}

/* 204 — wide screen rail containment (Careers). Sections stay full bleed so .rule keeps spanning edge to edge; only their content follows --rail. --rail is 28px up to 1336px, so these resolve to today's insets (block 0, film 32px, apply 42px) and desktop at or below 1336px is unchanged. */
@media(min-width:901px){.career-block{padding-inline:calc(var(--rail) - 28px)}.career-film{padding-inline:calc(var(--rail) + 4px)}.career-apply{padding-inline:calc(var(--rail) + 14px)}}

/* 604 — Careers video: true 16:9 media frame (kills the black pillar bars).
   ROOT CAUSE: `.career-film video` was frozen at 1272x620 (ratio 2.0516) against a
   1920x1080 (1.7778) source under object-fit:contain, so `contain` painted 84.89px
   pillars per side onto that rule's own background:#111 at 1440/1920/2560/3440
   (56.89px at 1280). Giving the box the SOURCE's own ratio makes bars structurally
   impossible rather than merely absent at the moment of measurement.
   The background reset is deliberately OUTSIDE the media query: the black came from a
   top-level `.career-film video{...;background:#111}` that ALSO applies at <=900px,
   where the box ratio was already 1.7778 but the colour was still #111. */
.career-film video{background:var(--panel)}
@media(min-width:901px){.career-film video{max-height:none;aspect-ratio:16/9;width:100%;height:auto;max-width:min(100%,calc(74vh * 16 / 9));margin-inline:auto;object-fit:cover;background:var(--panel)}}

/* ── CARD 605 · Careers architecture, part 1 ───────────────────────────────────
   X: "the career page is still very messed up ... for a very long screen".
   Three architectural changes, all INSIDE the approved 1280px rail (widening the
   column past the rail is the bug cards 203-206 fixed, not the fix):
     1. TYPE into the approved ceiling — docs/exponential-redesign/LEARNINGS.md
        fixes desktop hero at max 68px and major section headings at max 54px.
        Careers shipped 96 / 68 / 78.
     2. The label column TRACKS its section instead of standing blank for the
        whole block height. `align-self:start` stops the header stretching, so
        the divider hairline it used to draw moves to `.career-body`'s left edge
        — the sibling that DOES still stretch. One owner per edge, which is the
        hairline rule this project already records.
     3. Vertical rhythm tightened and equalised across header / body / apply.
   SCOPING: every selector is `.careers-full …` because `.page-hero`,
   `.section-tag` and `.button` are shared with about.html + contact.html and
   `styles.css` is ONE file for all 7 pages. GUARD: `min-width:901px`, so the
   mobile cascade (604's video frame, 607's pass) is untouched by construction. */
@media(min-width:901px){
 .careers-full .page-hero h1{font-size:clamp(46px,4.6vw,68px)}
 .careers-full .career-block h2{font-size:clamp(34px,3.4vw,54px);margin-top:18px}
 .careers-full .career-apply h2{font-size:clamp(36px,3.6vw,54px);margin:22px 0}
 .careers-full .career-block{grid-template-columns:minmax(0,.72fr) minmax(0,1.68fr)}
 .careers-full .career-block>header{position:sticky;top:106px;align-self:start;padding-block:48px;border-right:0}
 .careers-full .career-block>.career-body{padding-block:48px;border-left:.5px solid var(--line)}
 .careers-full .career-apply{padding-block:62px}
 .careers-full p.career-lead{max-width:min(720px,66ch)}
}

/* ── Card 606 · Careers "little lists" + grid modules ──────────────────────
   X named "the fundamental infrastructure of how it does little lists".
   BEFORE, measured live at 2560 on 2026-08-14T07:22Z (all four desktop
   widths are identical because .career-body content is frozen at 851.2px
   by the 1280px rail): .career-list li grid-template-columns
   227.188px 599px · b 13px/1.5 · span 14px/1.55 · padding-block 19px, and
   the three label-less lists (15 of the 29 rows) rendering as one thin
   850px ribbon of 14px text.
   GUARD min-width:901px sits above the Careers 900px collapse breakpoint,
   so the whole mobile cascade — and card 607's pass — is untouched BY
   CONSTRUCTION. The two-up step is gated separately at 1600px.
   SCOPED .careers-full because .page-hero/.section-tag/.button are shared
   with about.html + contact.html and styles.css is ONE file for all 7
   pages; .career-* is Careers-only but is scoped here for one grammar. */
@media(min-width:901px){
 .careers-full .career-list li{grid-template-columns:minmax(180px,220px) minmax(0,1fr);column-gap:32px;padding-block:22px;align-items:start}
 .careers-full .career-list li:not(:has(b)){grid-template-columns:minmax(0,1fr)}
 .careers-full .career-list b{font-size:14px;line-height:24px}
 .careers-full .career-list span{font-size:15px;line-height:24px}
 .careers-full .career-grid p{font-size:15px;line-height:24px}
}
/* The 15 label-less rows stop being a thin ribbon. :has() is verified to
   resolve on this Chromium two-sided (label-less ULs match, labelled ULs
   do not), so the three unlabelled lists are selected without touching
   careers.html. Equal-height grid rows keep each border-bottom aligned,
   and an odd final row spans both columns so the hairline still runs the
   full measure. li keeps border-bottom ONLY — no border-top is added, so
   every edge keeps a single owner. */
@media(min-width:1600px){
 .careers-full .career-list:not(:has(b)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
 .careers-full .career-list:not(:has(b))>li:last-child:nth-child(odd){grid-column:1/-1}
}

/* ── CARD 607 · TABLET GAP BAND (761–900px) ───────────────────────────────
   @media(max-width:900px) sets .career-film{padding:14px 14px 24px}. That
   14px is the MOBILE rail: :root{--rail:14px} lives inside
   @media(max-width:760px), so it is only true at ≤760. Across 761–900 the
   rail is still max(28px,(100vw-1280px)/2) = 28px, so a 14px inline pad
   pushes the video 14px OUTSIDE both dividers — measured at 768 as
   VIDEO [14,754] against rail [28,740], while docScrollW===innerWidth===768
   reported a clean pass (GOTCHA A). Padding to the rail itself makes the
   tablet band behave exactly as ≤760 already does (flush to the divider)
   and changes nothing at ≤760 or ≥901. */
@media(min-width:761px) and (max-width:900px){
 .career-film{padding-inline:var(--rail)}
}

/* ── CARD 607 · TAP TARGETS ON MOBILE (≤760px) ────────────────────────────
   Measured at 390px: every .button on Careers is under the 44px minimum —
   the header "Apply ↗" at 33px (it inherits .nav's font-size:0 wordmark
   trick, so its box is padding-only) and "Apply now ↓" / the mailto
   "admin@exponential.so ↗" / the footer "Talk to Exponential ↗" all at
   42px (padding 13+13 + 14px line + 2px border). .button already computes
   display:inline-flex with align-items:center, so min-height grows the box
   and re-centres the label WITHOUT touching type size or padding.
   GUARD is max-width:760px, NOT 768: :root{--rail:14px} lives in the 760
   block, which is the proof that 760 is the mobile breakpoint here — a
   768-scoped rule would be the third card on this board to trip on those
   8 pixels (LEARNINGS.md:179). Desktop ≥761 cannot move. */
@media(max-width:760px){
 .button{min-height:44px}
}
