:root{--paper:#f7f6f2;--ink:#171715;--accent:#2639c7;--muted:#676760;--line:#c8c8c2;--panel:#eae9e4;--serif:'Instrument Serif',serif;--sans:'Space Grotesk',Arial,sans-serif;--mono:'DM Mono','Courier New',monospace}
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:64px}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
    ::selection{background:var(--accent);color:white}
    .mono,.eyebrow,.section-id,.index-rail,.draft-footer,.flow-tag,.flow-note,.brief-tag,.brief-footer,.chip-row,.source-note{font:500 11px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
    .index-rail{position:fixed;z-index:30;left:0;top:64px;width:60px;height:calc(100dvh - 64px);background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 0 22px}
    .index-rail .vertical{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
    .index-rail .rail-name{color:var(--muted)}
    .index-rail nav{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.8vh,12px)}
    .index-rail nav a{display:grid;place-items:center;width:30px;height:26px;color:#92918d;transition:color .25s,transform .35s;font-size:10px}
    .index-rail nav a:hover,.index-rail nav a:focus-visible,.index-rail nav a[aria-current="location"]{color:var(--accent);transform:translateX(3px)}
    .page{margin-left:60px;overflow:clip}
    .content{width:min(100%,1600px);margin:auto;padding-inline:clamp(24px,5.2vw,96px)}
    .case-section{scroll-margin-top:64px;position:relative}
    .section-shell{padding-block:clamp(60px,7vw,105px)}
    .section-top{display:grid;grid-template-columns:minmax(130px,18%) 1fr;gap:clamp(20px,4vw,64px);align-items:start}
    .section-id{color:var(--muted);padding-top:12px}
    h1,h2,h3,p{margin-top:0}
    h1,h2,.display,.closing-line,.brain-name,.duo-word,.brief-title,.card-title{font-family:var(--serif);font-weight:400}
    h1,h2{letter-spacing:-.055em}
    h2{font-size:clamp(54px,7.5vw,126px);line-height:.88;max-width:1150px;margin:0 0 clamp(40px,6vw,90px)}
    h2 em,.display em{font-weight:400;color:var(--accent)}
    p{font-size:clamp(19px,1.5vw,23px);line-height:1.5;max-width:64ch;letter-spacing:normal}
    .body-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,120px);margin-left:calc(18% + clamp(20px,4vw,64px));align-items:start}
    .body-row p{margin-bottom:0}
    .pull{border-left:2px solid var(--accent);padding-left:clamp(22px,3vw,42px);font-size:clamp(25px,2.35vw,40px);line-height:1.18;letter-spacing:-.035em}
    .single-copy{margin-left:calc(18% + clamp(20px,4vw,64px));max-width:850px}
    .panel{background:var(--panel)}
    .dark{background:var(--ink);color:var(--paper)}
    .dark .section-id{color:#aaa9a3}
    .blue{background:var(--accent);color:#fff}
    .blue .section-id{color:#d0d6ff}
    .hero{min-height:calc(100svh - 64px);display:flex;align-items:flex-end;padding-block:75px clamp(44px,5vw,78px)}
    .hero .content{width:100%}
    .hero .eyebrow{color:var(--muted);display:block;margin-bottom:clamp(24px,4vh,58px)}
    .hero h1{font-size:clamp(70px,13.1vw,144px);line-height:.76;letter-spacing:-.06em;white-space:nowrap;margin:0 0 clamp(40px,6vw,90px)}
    .hero h1 span{color:var(--accent)}
    .hero-bottom{border-top:1px solid var(--ink);padding-top:26px;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(32px,8vw,130px);align-items:start}
    .hero-dek{font-size:clamp(25px,2.2vw,40px);line-height:1.12;letter-spacing:-.035em;max-width:680px}
    .hero-bottom p:last-child{font-size:clamp(17px,1.25vw,20px);max-width:56ch}
    .chip-row{margin:clamp(60px,7vw,110px) 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}
    .chip-row span{padding:25px 14px;border-right:1px solid var(--line);min-height:90px;display:flex;align-items:center;color:var(--accent);transition:background .3s,color .3s}
    .chip-row span:first-child{padding-left:0}.chip-row span:last-child{border-right:0}
    .chip-row span:hover{background:var(--ink);color:var(--paper)}
    .signal-word{color:var(--accent);position:relative;display:inline-block;isolation:isolate}
    .signal-word::before,.signal-word::after{content:"";position:absolute;z-index:-1;left:52%;top:50%;width:1.15em;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.3)}
    .signal-word.is-visible{animation:signal-blink .48s ease-in-out 3}
    .signal-word.is-visible::before{animation:signal-pulse 1.35s ease-out 3}
    .signal-word.is-visible::after{animation:signal-pulse 1.35s ease-out .34s 3}
    @keyframes signal-blink{50%{opacity:.38}}
    @keyframes signal-pulse{12%{opacity:.13}100%{opacity:0;transform:translate(-50%,-50%) scale(2.15)}}
    .brain-grid{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #5a5a57;margin-top:clamp(60px,7vw,110px)}
    .brain{padding:32px clamp(18px,4vw,65px) 48px 0;min-height:350px}
    .brain+.brain{border-left:1px solid #5a5a57;padding:32px 0 48px clamp(18px,4vw,65px);text-align:right}
    .brain .mono{color:#b5b4b0}
    .brain-name{font-size:clamp(86px,10vw,178px);line-height:.83;letter-spacing:-.06em;margin:68px 0 30px}
    .brain p{font-size:clamp(19px,1.45vw,23px);color:#d0cfca;max-width:480px;margin-bottom:0}
    .brain+.brain p{margin-left:auto}
    .brain-quote{text-align:center;margin:clamp(54px,7vw,95px) auto 0;color:var(--accent);font:italic 400 clamp(34px,4.5vw,75px)/1 var(--serif);letter-spacing:-.04em;max-width:1020px}
    .system-frame{border:1px solid var(--ink);padding:clamp(20px,3vw,50px);margin-top:32px}
    .flow{display:grid;gap:0;--flow-line:#adaeaa}
    .flow-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .flow-card,.flow-band,.flow-synthesis{border:1px solid var(--line);background:var(--paper);padding:20px;min-width:0}
    .flow-tag{color:var(--accent);display:block;margin-bottom:22px}
    .flow-card strong,.flow-band strong,.flow-synthesis strong{display:block;font:400 clamp(27px,2.5vw,42px)/.98 var(--serif);letter-spacing:-.035em}
    .flow-note{display:block;color:var(--muted);margin-top:18px;letter-spacing:.015em;text-transform:none}
    .flow-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .flow-connector{display:block;width:100%;height:72px;overflow:visible}
    .flow-connector path{fill:none;stroke:var(--flow-line);stroke-width:1.5;vector-effect:non-scaling-stroke}
    .flow-pair .flow-card:nth-child(2){text-align:right}
    .flow-band{background:var(--panel);display:grid;grid-template-columns:25% 1fr 1.4fr;gap:18px;align-items:center}
    .flow-band .flow-tag,.flow-band .flow-note{margin:0}
    .flow-synthesis{background:var(--ink);color:#fff;text-align:center;border-color:var(--ink)}
    .flow-synthesis .flow-tag{color:var(--paper)}
    .flow-delivery{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:20px}
    .flow-delivery .flow-tag{margin:0;color:#fff}
    .flow-delivery strong{display:block;font:400 clamp(27px,2.5vw,42px)/.98 var(--serif);letter-spacing:-.035em}
    .flow-delivery .flow-note{margin:0;text-align:right;color:#fff}
    .system-caption{margin:22px 0 0;color:var(--muted);max-width:100ch}
    .duo{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(38,57,199,.45);margin-top:clamp(62px,8vw,118px)}
    .duo>div{padding:28px 40px 0 0}
    .duo>div+div{border-left:1px solid rgba(38,57,199,.45);padding:28px 0 0 40px}
    .duo .mono{color:#d2d8ff}
    .duo-word{display:block;font-size:clamp(82px,10vw,174px);line-height:.82;letter-spacing:-.06em;margin:55px 0 22px}
    .duo p{font-size:clamp(19px,1.45vw,23px);max-width:470px}
    .brief-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,120px);align-items:start}
    .brief-layout>p{margin:0}
    .brief-card{border:1px solid var(--ink);background:#fdfcf8;padding:clamp(22px,3vw,44px);box-shadow:8px 8px 0 var(--panel);transform:rotate(.6deg)}
    .brief-tag{color:var(--accent)}
    .brief-title{font-size:clamp(38px,3.8vw,70px);line-height:.93;letter-spacing:-.055em;margin:32px 0}
    .dash{border-top:1px dashed var(--ink);margin-bottom:8px}
    .brief-item{display:grid;grid-template-columns:105px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:18px 0;font-size:16px;line-height:1.4}
    .brief-item b{font:500 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
    .brief-footer{color:var(--muted);margin-top:25px;text-transform:none;letter-spacing:0}
    .human-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:55px}
    .human-grid>div{padding:0 clamp(30px,5vw,75px) 0 0}
    .human-grid>div+div{border-left:1px solid var(--line);padding:0 0 0 clamp(30px,5vw,75px)}
    .human-grid h3{font:400 clamp(66px,7vw,125px)/.84 var(--serif);letter-spacing:-.055em;margin:20px 0 35px}
    .human-grid>div+div h3{color:var(--accent)}
    .human-grid p{color:#514f4a}
    .human-quote{margin:clamp(70px,8vw,120px) 0 0;border-left:2px solid var(--accent);padding-left:clamp(24px,4vw,62px);font:italic 400 clamp(45px,6vw,105px)/.95 var(--serif);letter-spacing:-.05em}
    .break-list{border-top:1px solid var(--ink);margin-left:calc(18% + clamp(20px,4vw,64px))}
    .break-row{display:grid;grid-template-columns:22% 1fr;gap:30px;border-bottom:1px solid var(--line);padding:33px 0}
    .break-row .mono{color:var(--accent);padding-top:10px}
    .break-row h3{font:400 clamp(38px,4vw,72px)/.95 var(--serif);letter-spacing:-.05em;margin:0 0 14px}
    .break-row p{font-size:clamp(19px,1.35vw,22px);margin:0}
    .caught-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
    .caught-card{border-top:2px solid var(--accent);background:var(--paper);padding:22px 25px 50px;min-height:315px;transition:transform .4s,box-shadow .4s}
    .caught-card:nth-child(2){transform:translateY(34px)}
    .caught-card:hover{transform:translateY(-7px);box-shadow:0 18px 35px #17171512}
    .caught-card:nth-child(2):hover{transform:translateY(27px)}
    .caught-card .mono{color:var(--accent)}
    .caught-card h3{font:400 clamp(42px,4.2vw,74px)/.94 var(--serif);letter-spacing:-.05em;margin:60px 0 23px}
    .caught-card p{font-size:19px;margin:0}
    .closing-copy{margin-left:calc(18% + clamp(20px,4vw,64px));max-width:880px}
    .closing-copy p{color:#d2d1cc}
    .closing-line{border-top:1px solid #575753;padding-top:clamp(35px,5vw,75px);font-size:clamp(55px,6.5vw,112px);line-height:.95;letter-spacing:-.055em;margin-top:clamp(70px,10vw,150px)}
    .closing-line em{color:var(--accent)}
    .closing-note{display:block;color:#a9a9a4;margin-top:60px}
    .draft-footer{margin-left:60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:25px clamp(24px,5.2vw,96px);color:var(--muted)}
    .js .reveal{opacity:0;transform:translateY(38px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.75,.2,1)}
    .js .reveal.is-visible{opacity:1;transform:none}
    .js .reveal-stagger>*{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.75,.2,1)}
    .js .reveal-stagger.is-visible>*{opacity:1;transform:none}
    .js .reveal-stagger.is-visible>*:nth-child(2){transition-delay:.12s}
    .js .reveal-stagger.is-visible>*:nth-child(3){transition-delay:.24s}
    .js .reveal-stagger.is-visible>*:nth-child(4){transition-delay:.36s}
    .js .reveal-stagger.is-visible>*:nth-child(5){transition-delay:.48s}
    @media(hover:hover){h2:not(.no-hover){transition:color .35s,transform .55s cubic-bezier(.2,.75,.2,1)}h2:hover{color:var(--accent);transform:translateX(8px)}.dark h2:hover,.blue h2:hover{color:#abb8ff}}
    @media(max-width:1150px){.hero h1{font-size:12.3vw}.section-top{grid-template-columns:1fr;gap:20px}.section-id{padding:0}.body-row,.single-copy,.break-list,.closing-copy{margin-left:0}.hero-bottom{gap:40px}}
    @media(max-width:760px){
      .index-rail{width:60px;padding:18px 0}.index-rail .vertical{font-size:8px}.index-rail nav{gap:3px}.index-rail nav a{width:26px;height:24px;font-size:9px}
      .page{margin-left:60px}
      .content{padding-inline:clamp(18px,5vw,36px)}.section-shell{padding-block:54px}.hero{min-height:calc(100svh - 64px);padding-bottom:35px}.hero h1{font-size:clamp(51px,13.2vw,98px);white-space:normal;line-height:.83;margin-bottom:45px}
      .hero-bottom,.body-row,.brief-layout,.brain-grid,.duo,.human-grid,.caught-grid{grid-template-columns:1fr}
      .hero-bottom{gap:18px}.hero-dek{font-size:25px}.hero-bottom p:last-child{font-size:19px}
      h2{font-size:clamp(50px,11.5vw,86px);margin-bottom:35px}p{font-size:19px}.pull{font-size:27px}.body-row{gap:34px}
      .chip-row{grid-template-columns:repeat(2,1fr);margin-top:55px}.chip-row span{min-height:66px;border-bottom:1px solid var(--line)}.chip-row span:nth-child(2n){border-right:0}.chip-row span:last-child{border-bottom:0}
      .brain{min-height:0;padding:24px 0 42px}.brain+.brain{border-left:0;border-top:1px solid #5a5a57;text-align:left;padding:24px 0 42px}.brain+.brain p{margin-left:0}.brain-name{margin:32px 0 24px;font-size:86px}.brain-quote{margin-top:45px}
      .flow-sources{grid-template-columns:1fr;gap:8px}.flow-pair{gap:8px}.flow-card,.flow-band,.flow-synthesis,.flow-delivery{padding:14px}.flow-card strong,.flow-band strong{font-size:26px}.flow-note{font-size:10px;margin-top:10px}.flow-tag{margin-bottom:10px;font-size:9px}.flow-band{grid-template-columns:1fr;gap:5px}.flow-pair .flow-card:nth-child(2){text-align:left}.flow-connector{height:40px}.flow-connector.sources{height:40px;background:linear-gradient(var(--flow-line),var(--flow-line)) center/1px 100% no-repeat}.flow-connector.sources path{display:none}.flow-delivery{grid-template-columns:1fr;gap:4px}.flow-delivery .flow-note{text-align:left}.system-frame{padding:13px}.system-caption{font-size:13px}
      .duo>div,.duo>div+div{border-left:0;padding:24px 0}.duo>div+div{border-top:1px solid rgba(38,57,199,.45)}.duo-word{margin:22px 0;font-size:91px}
      .brief-card{transform:none}.brief-item{grid-template-columns:90px 1fr}.human-grid>div,.human-grid>div+div{padding:0;border:0}.human-grid>div+div{border-top:1px solid var(--line);padding-top:35px}.human-grid h3{font-size:70px;margin:12px 0 20px}.human-quote{font-size:52px}
      .break-row{grid-template-columns:1fr;gap:12px}.break-row h3{font-size:43px}.caught-card,.caught-card:nth-child(2){min-height:0;transform:none}.caught-card h3{margin:35px 0 15px}.caught-card:nth-child(2):hover{transform:translateY(-7px)}.closing-line{font-size:59px}.draft-footer{font-size:9px}
    }
    @media(max-width:390px){.hero h1{font-size:12.6vw}.brain-name{font-size:75px}.duo-word{font-size:75px}.flow-pair .flow-card strong{font-size:22px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal,.js .reveal-stagger>*,.js .reveal.is-visible,.js .reveal-stagger.is-visible>*{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.shared-back{display:block;margin:24px 0 0 48px;color:#2639c7;font:500 13px/1.3 "DM Mono",monospace;letter-spacing:.06em;text-decoration:none;width:max-content}
.shared-next{margin:40px 48px;color:#2639c7;font:500 13px/1.3 "DM Mono",monospace;letter-spacing:.06em}
.site-footer{background:#f7f6f2;color:#171715;border-top:1px solid #171715;font:500 13.76px/1.35 "DM Mono",monospace;letter-spacing:.06em;padding:23px 48px 30px;display:flex;justify-content:space-between;gap:24px}
@media(max-width:640px){.shared-back{margin-left:20px}.shared-next{margin-left:20px;margin-right:20px}.site-footer{padding:20px;flex-wrap:wrap}}