:root{--paper:#f7f6f2;--ink:#171715;--muted:#666660;--line:#c8c8c2;--red:#2639c7;--accent:#2639c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:var(--red);color:white}.mono,.eyebrow,.site-header nav,.red-link,.site-footer{font:500 .75rem/1.35 'DM Mono',monospace;letter-spacing:.06em}.site-header{height:72px;padding:0 clamp(20px,3.2vw,54px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:13px;font-size:.83rem;font-weight:700;letter-spacing:.02em}.fold-logo{width:51px;height:35px;overflow:visible}.fold-logo path{fill:none;stroke:var(--ink);stroke-width:32;stroke-linecap:round;stroke-linejoin:round}.site-header nav{display:flex;gap:clamp(25px,4vw,72px)}.site-header nav a{display:flex;align-items:center;gap:8px;padding:8px 0}.site-header nav i{display:block;width:6px;height:6px;border-radius:50%;background:transparent}.site-header nav a:hover i,.site-header nav a:focus-visible i,.site-header nav a[aria-current] i{background:var(--red)}a:focus-visible{outline:2px solid var(--red);outline-offset:5px}.red-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--red);display:inline-block}.red-link{display:inline-flex;align-items:center;gap:10px;color:var(--red);border-bottom:1px solid currentColor;padding:0 0 8px;transition:gap .25s}.red-link:hover,.red-link:focus-visible{gap:16px}.home-hero{min-height:calc(100svh - 72px);position:relative;display:grid;place-items:center;overflow:hidden;padding:90px clamp(20px,5vw,90px) 88px;border-bottom:1px solid var(--line)}.hero-inner{width:min(100%,1300px);position:relative;z-index:2}.eyebrow{text-transform:uppercase;color:var(--muted);margin:0 0 clamp(30px,5vh,65px)}.slash{color:var(--red);padding:0 8px}.home-hero h1{font-size:clamp(5.5rem,15vw,14.5rem);line-height:.74;letter-spacing:-.105em;margin:0 0 clamp(45px,7vh,95px);font-weight:600}.home-hero h1 span{display:block}.home-hero h1 .it{font-style:italic;letter-spacing:-.1em;margin-left:16%;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.home-hero h1 .real{margin-left:25%}.hero-end{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:980px}.hero-end p{font-size:clamp(1.1rem,1.55vw,1.5rem);line-height:1.25;letter-spacing:-.035em;max-width:420px;margin:0}.hero-preview{position:absolute;z-index:1;width:min(38vw,590px);aspect-ratio:16/10;right:3%;top:18%;opacity:0;transform:translateY(18px) rotate(5deg);transition:opacity .45s,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none;filter:grayscale(.15)}.hero-preview img{width:100%;height:100%;object-fit:cover}.home-hero:has(.hero-trigger:hover) .hero-preview,.home-hero:has(.hero-trigger:focus-visible) .hero-preview,.home-hero:has(h1:hover) .hero-preview{opacity:.92;transform:translateY(0) rotate(3deg)}.hero-index{position:absolute;bottom:22px;right:clamp(20px,3.2vw,54px);color:var(--muted)}@media(prefers-reduced-motion:no-preference){.home-hero h1 .arrive{opacity:0;transform:translateY(.17em);filter:blur(6px)}.home-hero h1 .make{animation:arrive .7s .08s forwards}.home-hero h1 .real{animation:arrive .8s .28s forwards}.home-hero h1 .it{animation:arrive .75s .9s forwards,fillToLine 1.3s 1.9s forwards}}@keyframes arrive{to{opacity:1;transform:none;filter:none}}@keyframes fillToLine{from{color:var(--ink)}to{color:transparent}}.work-shell{display:grid;grid-template-columns:minmax(220px,23%) 1fr;max-width:1900px;margin:auto}.work-rail{border-right:1px solid var(--line);padding:35px clamp(20px,3vw,55px)}.rail-sticky{position:sticky;top:35px}.rail-kicker{color:var(--muted)}.work-rail h2{font-size:clamp(3.8rem,6vw,8rem);font-weight:600;line-height:.8;letter-spacing:-.09em;margin:42px 0 60px}.red-period{color:var(--red)}.work-rail nav{display:grid;gap:19px;font:500 .73rem 'DM Mono',monospace}.work-rail nav a{display:flex;gap:10px;align-items:center}.work-rail nav a:hover{color:var(--red)}.work-rail nav .red-dot{width:6px;height:6px}.work-rail p{color:var(--muted);font-size:.94rem;line-height:1.45;max-width:205px;margin-top:70px}.work-main{min-width:0;padding:0 clamp(16px,2vw,36px) 125px}.category-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:46px 0 20px;border-bottom:1px solid var(--ink);scroll-margin-top:20px}.category-heading p{font-size:.95rem;color:var(--muted);margin:0}.category-heading .mono{font-size:.82rem}.visual-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px 18px;padding-top:18px}.work-card{display:block;min-width:0}.card-image{position:relative;overflow:hidden;background:#e4e2dd;aspect-ratio:1.2}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}.card-reel .card-image img{object-position:22% center}.card-consensus .card-image img{object-position:50% 24%}.card-king{grid-column:1/-1}.card-king .card-image{aspect-ratio:2.2}.card-king .card-image img{object-position:50% 46%}.work-card:hover .card-image img,.work-card:focus-visible .card-image img{transform:scale(1.035);filter:brightness(.86)}.image-action{position:absolute;right:16px;bottom:16px;background:var(--red);color:white;padding:12px 15px;font:500 .75rem 'DM Mono',monospace;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.work-card:hover .image-action,.work-card:focus-visible .image-action{opacity:1;transform:none}.card-info{border-top:1px solid var(--ink);padding-top:14px;margin-top:14px;display:flex;justify-content:space-between;gap:25px}.card-info .mono{font-size:.69rem;color:var(--muted)}.card-info h3{font-size:clamp(2rem,3.6vw,4.5rem);line-height:.95;letter-spacing:-.075em;font-weight:500;margin:16px 0 18px}.card-info p{font-size:1rem;line-height:1.4;color:#4c4c48;max-width:530px;margin:0}.card-arrow{font-size:1.8rem;color:var(--red);line-height:1}.ops-heading{margin-top:115px}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:18px}.ops-visual{height:clamp(290px,30vw,480px);padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.intake-visual{background:#d7d8cb}.judgment-visual{background:#252725;color:#e9e8e0}.ops-topline,.ops-steps{display:flex;justify-content:space-between;gap:10px;font:500 .64rem 'DM Mono',monospace;letter-spacing:.05em}.ops-topline{border-bottom:1px solid currentColor;padding-bottom:12px}.ops-display{font-size:clamp(2.7rem,4.4vw,6rem);line-height:.88;font-weight:600;letter-spacing:-.09em}.ops-display em{font-style:italic;font-weight:400}.ops-steps{border-top:1px solid currentColor;padding-top:12px;flex-wrap:wrap}.judgment-grid{display:flex;gap:8px;align-self:end;transform:rotate(-8deg);opacity:.25}.judgment-grid span{display:grid;place-items:center;width:clamp(65px,8vw,120px);height:clamp(65px,8vw,120px);border:1px solid currentColor;font-size:2.5rem}.judgment-grid small{font:.58rem 'DM Mono',monospace}.ops-card:hover .ops-visual,.ops-card:focus-visible .ops-visual{filter:contrast(1.08)}.about-tease{border-top:1px solid var(--line);padding:110px clamp(20px,5vw,90px) 130px;display:grid;grid-template-columns:23% 1fr;gap:20px;max-width:1900px;margin:auto}.about-tease>span{color:var(--muted);padding-top:12px}.about-tease p{font-size:clamp(2.4rem,4.8vw,6rem);line-height:1.08;letter-spacing:-.07em;max-width:1150px;margin:0 0 60px}.about-tease em,.about-story em{font-style:normal;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:.07em;text-underline-offset:.1em}.site-footer{border-top:1px solid var(--ink);padding:23px clamp(20px,3.2vw,54px) 30px;display:flex;justify-content:space-between;gap:24px}.site-footer a:hover{color:var(--red)}
/* About page */
.about-ribbon{height:clamp(220px,34vw,470px);overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:center}.ribbon-track{display:flex;gap:12px;width:max-content;animation:ribbon 36s linear infinite}.ribbon-track img{width:clamp(300px,42vw,650px);height:clamp(200px,30vw,400px);object-fit:cover}.ribbon-track img:nth-child(3n+2){width:clamp(360px,47vw,720px)}.ribbon-track:hover{animation-play-state:paused}@keyframes ribbon{to{transform:translateX(calc(-50% - 6px))}}.about-story{display:grid;grid-template-columns:23% 1fr;gap:20px;padding:100px clamp(20px,5vw,90px) 145px;max-width:1900px;margin:auto}.about-label{color:var(--muted);padding-top:13px}.about-main h1{font-size:clamp(4.6rem,9.5vw,11rem);line-height:.83;letter-spacing:-.09em;font-weight:500;margin:0 0 85px}.about-main h1 em{font-style:italic;text-decoration:none;color:var(--red);font-weight:400}.about-lede{font-size:clamp(1.9rem,3.3vw,3.9rem);letter-spacing:-.055em;line-height:1.17;max-width:1000px;margin:0 0 75px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line);padding-top:25px;margin-bottom:85px}.about-columns p{font-size:clamp(1rem,1.3vw,1.22rem);line-height:1.48;margin:0;max-width:540px}.about-next{padding:85px clamp(20px,5vw,90px) 130px;border-top:1px solid var(--line);max-width:1900px;margin:auto}.about-next p{font-size:clamp(3rem,7vw,8rem);line-height:1.02;letter-spacing:-.08em;margin:40px 0 0}.about-next em{font-style:italic;color:var(--red)}
@media(max-width:900px){.home-hero h1{font-size:clamp(5rem,17vw,10rem)}.work-shell{display:block}.work-rail{border-right:0;border-bottom:1px solid var(--line);padding:35px 20px}.rail-sticky{position:static}.work-rail h2{margin:16px 0 30px;font-size:5rem}.work-rail nav{display:flex;gap:30px;flex-wrap:wrap}.work-rail p{margin:25px 0 0;max-width:none}.work-main{padding:0 20px 90px}.about-tease,.about-story{grid-template-columns:1fr;gap:30px}.about-story{padding-top:65px}.about-main h1{margin-bottom:55px}.about-columns{gap:40px}.ops-visual{height:360px}}
@media(max-width:640px){.site-header{height:64px;padding:0 18px}.brand span{display:none}.site-header nav{gap:25px}.home-hero{min-height:calc(100svh - 64px);padding:65px 20px 70px;display:flex;align-items:center}.eyebrow{font-size:.62rem;line-height:1.6}.slash{padding:0 3px}.home-hero h1{font-size:21vw;line-height:.83;margin:50px 0 55px}.home-hero h1 .it{margin-left:10%}.home-hero h1 .real{margin-left:5%}.hero-end{display:block}.hero-end p{margin-bottom:30px}.hero-preview{display:none}.hero-index{right:20px;font-size:.6rem}.category-heading{display:block}.category-heading p{margin-top:11px}.visual-grid,.ops-grid{display:block}.work-card{margin-bottom:50px}.card-image{aspect-ratio:1.18}.card-king .card-image{aspect-ratio:1.18}.card-info h3{font-size:2.8rem}.image-action{opacity:1;transform:none;font-size:.65rem}.ops-heading{margin-top:70px}.ops-visual{height:350px}.ops-display{font-size:12vw}.ops-steps{font-size:.5rem}.about-tease{padding:75px 20px 90px}.about-tease p{font-size:2.5rem}.site-footer{padding:20px;flex-wrap:wrap;font-size:.65rem}.site-footer span:nth-child(2){order:3;width:100%}.about-ribbon{height:225px}.ribbon-track img{height:195px;width:320px}.about-story{padding:70px 20px 100px}.about-main h1{font-size:16vw}.about-lede{font-size:1.9rem;margin-bottom:55px}.about-columns{grid-template-columns:1fr}.about-next{padding:70px 20px 90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.home-hero h1 .it{color:transparent}.ribbon-track{animation:none}}

/* The navigation stays available as each page becomes its own destination. */
.site-header{position:sticky;top:0;z-index:100}
.rail-sticky{top:108px}
.category-heading{scroll-margin-top:84px}
.work-shell,.about-story,.about-next{max-width:none}
.work-page .work-shell{min-height:calc(100svh - 72px)}
.about-lede,.about-columns p{font-family:'Space Grotesk',Arial,sans-serif;text-transform:none}
.about-lede{font-weight:500;line-height:1.14;letter-spacing:-.055em}
.about-columns p{font-size:clamp(1rem,1.35vw,1.4rem);line-height:1.5}
.about-next .red-link{margin-top:45px}
.ribbon-track img{object-fit:contain;background:#e8e8e2}
.ribbon-track img[src$="reeltalk-new.png"]{background:#080d11}
.ribbon-track img:nth-child(9n+1),.ribbon-track img:nth-child(9n+4),.ribbon-track img:nth-child(9n+8){width:clamp(280px,35vw,580px)}
.ribbon-track img:nth-child(9n+2),.ribbon-track img:nth-child(9n+5),.ribbon-track img:nth-child(9n+7){width:clamp(360px,47vw,760px)}
.contact-main{min-height:calc(100svh - 160px);display:grid;grid-template-columns:23% 1fr;gap:20px;padding:clamp(65px,7vw,140px) clamp(20px,5vw,90px)}
.contact-main>.mono{color:var(--muted);padding-top:12px}
.contact-main h1{font-size:clamp(4.7rem,10vw,13rem);line-height:.83;letter-spacing:-.09em;font-weight:500;margin:0 0 clamp(45px,6vw,90px)}
.contact-main h1 em{font-style:italic;color:var(--red)}
.contact-main p{font-size:clamp(1.5rem,2.5vw,3rem);line-height:1.15;letter-spacing:-.05em;max-width:850px;margin:0 0 55px}
.contact-action{display:flex;align-items:center;justify-content:space-between;max-width:850px;padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:500 clamp(1.2rem,2.2vw,2.3rem) 'Space Grotesk',sans-serif;transition:color .25s,padding-left .25s}
.contact-action:hover{color:var(--red);padding-left:12px}
.contact-form{max-width:850px;margin:0 0 60px}.contact-form label{display:block;font:500 .9rem 'DM Mono',monospace;letter-spacing:.08em;margin:24px 0 10px}.contact-form input,.contact-form textarea{display:block;box-sizing:border-box;width:100%;padding:15px 0;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:1.25rem 'Space Grotesk',sans-serif;border-radius:0}.contact-form textarea{resize:vertical}.contact-form button{width:100%;display:flex;justify-content:space-between;margin-top:30px;padding:22px 0;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:500 clamp(1.2rem,2.2vw,2.3rem) 'Space Grotesk',sans-serif;cursor:pointer;text-align:left}.contact-form button:hover{color:var(--red)}.contact-form .contact-confirmation{font-size:1.3rem;color:var(--red);margin:16px 0}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-back{display:inline-block;margin-top:65px;color:var(--muted)}.contact-back:hover{color:var(--red)}
@media(min-width:1600px){html{font-size:clamp(16px,.9vw,23px)}.hero-inner{width:88vw;max-width:none}.home-hero{min-height:calc(100svh - 72px)}.work-rail{padding-left:4vw}.work-main{padding-right:3vw}.about-ribbon{height:min(35vw,610px)}.ribbon-track img{height:min(30vw,510px)}}
@media(max-width:900px){.contact-main{display:block}.contact-main>.mono{display:block;margin-bottom:45px}}
@media(max-width:640px){.site-header nav{gap:14px}.site-header nav a{font-size:.63rem}.contact-main{min-height:calc(100svh - 140px);padding:70px 20px}.contact-main h1{font-size:16vw}.contact-main p{font-size:1.55rem}.ribbon-track img{height:195px;width:320px!important}}

/* Readable type and generous work-page rhythm across window sizes. */
/* Contact submission: a small signal that the message landed. */
.contact-page [hidden]{display:none!important}
.contact-confirmation{position:relative;max-width:850px;min-height:290px;margin:0 0 60px;padding:35px clamp(24px,4vw,55px) 40px;border:1px solid var(--ink);overflow:hidden;animation:contact-enter .65s cubic-bezier(.2,.8,.2,1) both}
.contact-confirmation .mono{color:var(--red);font-size:.82rem}
.contact-confirmation h2{position:relative;font-size:clamp(3rem,6vw,6.8rem);font-weight:500;line-height:.94;letter-spacing:-.075em;margin:32px 0 22px}
.contact-confirmation h2 em{font-style:italic;color:var(--red)}
.contact-page .contact-confirmation p{position:relative;font-size:clamp(1.1rem,1.45vw,1.4rem);line-height:1.35;letter-spacing:-.025em;word-spacing:normal;margin:0}
.contact-ping{position:absolute;right:13%;top:45%;width:16px;height:16px;border-radius:50%;background:var(--red)}
.contact-ping::before,.contact-ping::after{content:"";position:absolute;inset:-1px;border:1px solid var(--red);border-radius:50%;animation:contact-ping 2.6s ease-out 3}
.contact-ping::after{animation-delay:.8s}
@keyframes contact-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes contact-ping{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(13)}}
@media(max-width:640px){.contact-confirmation{min-height:250px}.contact-ping{right:18%;top:35%}}
@media(prefers-reduced-motion:reduce){.contact-confirmation,.contact-ping::before,.contact-ping::after{animation:none}}
.site-header{padding-right:clamp(12px,1.4vw,26px)}
.site-header nav{gap:clamp(22px,2.5vw,42px)}
.site-header nav,.mono,.eyebrow,.red-link,.site-footer{font-size:clamp(.86rem,.82vw,1rem)}
.work-shell{grid-template-columns:minmax(270px,24%) minmax(0,1fr)}
.work-rail{padding-top:50px}.work-rail nav{font-size:.93rem;gap:23px}
.work-rail p{max-width:310px;margin-top:85px;font-size:1.2rem;line-height:1.35}
.work-main{padding-left:clamp(22px,2.4vw,48px);padding-right:clamp(22px,2.4vw,48px)}
.category-heading{padding-top:65px;padding-bottom:23px}.category-heading .mono{font-size:.98rem}.category-heading p{font-size:1.15rem}
.card-info{padding-top:19px;margin-top:19px}.card-info .mono{font-size:.88rem}.card-info p{font-size:1.12rem;line-height:1.5;max-width:680px}
.ops-heading{margin-top:95px}.ops-grid{gap:30px}.ops-visual{height:clamp(350px,32vw,560px)}
.writing-list a{grid-template-columns:155px minmax(0,1fr) 40px;gap:30px;padding:37px 0}
.writing-list strong{font-size:clamp(2.2rem,3.4vw,4.2rem);line-height:1}
.writing-list .mono{font-size:.9rem}
@media(max-width:900px){.work-shell{display:block}.work-rail{padding:36px 20px}.work-main{padding:0 20px 90px}.work-rail p{margin-top:32px}.ops-visual{height:390px}}
@media(max-width:640px){.site-header{padding-right:12px}.site-header nav{gap:12px}.site-header nav a{font-size:.7rem}.work-rail p{font-size:1.12rem}.card-info p{font-size:1rem}.writing-list a{grid-template-columns:1fr 28px;gap:14px}.writing-list .mono{grid-column:1/-1}.writing-list strong{font-size:2.2rem}.ops-visual{height:350px}}
.assess-visual{background:#d7d7d3;color:#242422}.assess-numbers{display:flex;gap:3vw;align-items:end}.assess-numbers span{font-size:clamp(3rem,6vw,7rem);letter-spacing:-.09em;line-height:1}.assess-numbers small{display:block;font:500 .62rem 'DM Mono',monospace;letter-spacing:.05em;margin-top:8px}.chief-card{display:block;margin-top:18px}.chief-visual{min-height:470px;background:#e8e7e2;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.chief-flow{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,35px);flex-wrap:wrap}.chief-flow span,.chief-flow strong{border:1px solid #383833;padding:24px 18px;font:500 clamp(.65rem,1.1vw,1rem) 'DM Mono',monospace}.chief-flow strong{background:var(--ink);color:var(--paper)}.chief-flow b{font-weight:400;color:var(--red);transform:rotate(-90deg)}.chief-bottom{font-size:clamp(2.5rem,6vw,7rem);line-height:.9;letter-spacing:-.08em;font-weight:600}.writing-list{margin-top:18px}.writing-list a{display:grid;grid-template-columns:140px 1fr 30px;align-items:baseline;gap:25px;padding:31px 0;border-bottom:1px solid var(--line)}.writing-list a:first-child{border-top:1px solid var(--line)}.writing-list strong{font-size:clamp(1.5rem,2.5vw,3rem);font-weight:500;line-height:1.05;letter-spacing:-.06em}.writing-list a:hover strong,.writing-list a:focus-visible strong,.writing-arrow{color:var(--red)}.writing-more{margin-top:35px}.case-hero{padding:100px clamp(20px,5vw,90px) 90px;border-bottom:1px solid var(--line)}.case-hero h1{font-size:clamp(5rem,12vw,12rem);letter-spacing:-.09em;line-height:.85;font-weight:500;margin:35px 0 50px}.case-hero p:last-child{font-size:clamp(1.5rem,2.5vw,2.8rem);max-width:900px;letter-spacing:-.045em;line-height:1.18}.case-body{max-width:1500px;margin:auto;padding:65px clamp(20px,5vw,90px) 120px}.case-row{display:grid;grid-template-columns:25% 1fr;gap:30px;border-bottom:1px solid var(--line);padding:55px 0}.case-row h2{font:500 .78rem 'DM Mono',monospace;margin:0;color:var(--red)}.case-row p{font-size:clamp(1.4rem,2.5vw,2.7rem);line-height:1.2;letter-spacing:-.05em;max-width:950px;margin:0}.brief-demo{background:#e9e8e3;padding:clamp(25px,4vw,60px);margin:65px 0}.brief-demo .mono{color:var(--red)}.brief-demo h2{font-size:clamp(2.5rem,5vw,6rem);letter-spacing:-.08em;line-height:.95;margin:35px 0}.brief-demo ul{list-style:none;margin:0;padding:0}.brief-demo li{border-top:1px solid #aaa9a2;padding:22px 0;font-size:clamp(1.1rem,2vw,1.7rem)}.brief-demo li span{display:inline-block;font:500 .7rem 'DM Mono',monospace;color:var(--red);min-width:120px}.case-note{font-size:.9rem!important;color:var(--muted);margin-top:30px!important}.case-back{margin-top:60px}@media(max-width:640px){.chief-visual{min-height:420px}.chief-flow{display:grid;justify-items:center;gap:8px}.chief-flow b{transform:none}.chief-flow span,.chief-flow strong{padding:12px}.writing-list a{grid-template-columns:1fr 24px;gap:12px}.writing-list .mono{grid-column:1/-1}.case-row{grid-template-columns:1fr;gap:18px}.brief-demo li span{display:block;margin-bottom:8px}}

/* Keep the featured work cards on one visual baseline. */
.visual-grid .card-king{grid-column:1/-1}
.visual-grid .card-king .card-image{aspect-ratio:2/1}
@media(max-width:640px){.visual-grid .card-king .card-image{aspect-ratio:4/3}}
.card-king .king-card-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}
.card-king:hover .king-card-video,.card-king:focus-visible .king-card-video{transform:scale(1.035);filter:brightness(.86)}
/* Shared shell and design pass, September 2026. */
.site-header{height:64px;min-height:64px;padding:0 clamp(18px,3.3vw,48px);position:sticky;top:0;z-index:1000;background:#f7f6f2;color:#171715;border-bottom:1px solid #c8c8c2;font-family:'Space Grotesk',Arial,sans-serif}
.site-header .brand{display:flex;align-items:center;gap:13px;color:#171715;font:700 .83rem 'Space Grotesk',Arial,sans-serif;letter-spacing:.02em;text-decoration:none;text-transform:none}
.site-header .fold-logo{width:51px;height:35px;display:block;overflow:visible}
.site-header .fold-logo path{fill:none;stroke:#171715;stroke-width:32;stroke-linecap:round;stroke-linejoin:round}
.site-header nav{display:flex;gap:clamp(18px,2.5vw,42px);font:500 13.76px/1.35 'DM Mono',monospace;letter-spacing:.06em}
.site-header nav a{display:flex;align-items:center;gap:8px;color:#171715;text-decoration:none;padding:8px 0}
.site-header nav i{display:block;width:6px;height:6px;border-radius:50%;background:transparent}
.site-header nav a:hover i,.site-header nav a[aria-current] i{background:#2639c7}
.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:70px 48px 28px;border-top:1px solid currentColor;padding-top:22px;font:500 14px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.shared-next a{color:#2639c7;text-decoration:none}
.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}
.site-header a:focus-visible,.shared-back:focus-visible,.shared-next a:focus-visible,.site-footer a:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #2639c7;outline-offset:3px}
@media(max-width:640px){.site-header{padding:0 14px}.site-header .brand span{display:none}.site-header nav{gap:12px}.site-header nav a{font-size:12px}.shared-back{margin-left:20px}.shared-next{margin-left:20px;margin-right:20px}.site-footer{padding:20px}}
/* Display typography. */
.home-hero h1,.work-rail h2,.card-info h3,.ops-display,.chief-bottom,.about-statement,.about-main h1,.about-lede,.about-next p,.case-hero h1,.brief-demo h2,.writing-list strong{font-kerning:normal;font-feature-settings:'kern' 1;text-rendering:optimizeLegibility}
.work-card .card-info h3{letter-spacing:-.035em;word-spacing:.12em;font-size:43px}
.work-page .work-card .card-info h3{text-transform:uppercase}
.work-card:hover .card-info h3,.work-card:focus-visible .card-info h3{color:#2639c7;transition:color .2s}
.work-card:hover .card-info h3{transform:none}
.work-page .card-info p{font:400 18px/1.55 'Space Grotesk',Arial,sans-serif;letter-spacing:normal;text-transform:none;color:rgb(76,76,72);max-width:52ch}
.work-page .card-info .mono,.work-page .category-heading .mono{font:500 12.5px/1.45 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.work-page .category-heading p,.work-page .work-rail p{font:400 18px/1.5 'Space Grotesk',Arial,sans-serif;letter-spacing:normal;text-transform:none}
.work-rail nav .red-dot{background:transparent;border:1px solid #2639c7;width:8px;height:8px}
.work-rail nav a.is-current .red-dot{background:#2639c7}
.work-rail nav a:hover{color:#2639c7}
.work-page .card-image,.work-page .ops-image-visual{background:rgb(238,236,230)}
/* The first paint is visible. JavaScript only conceals an item while it is waiting for its reveal. */
.roll-reveal{clip-path:none;opacity:1;transform:none;transition:opacity 450ms cubic-bezier(.2,.7,.2,1),transform 450ms cubic-bezier(.2,.7,.2,1)}
html.js .roll-reveal:not(.is-visible){opacity:0;transform:translateY(16px)}
html.js .roll-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.js .roll-reveal,html.js .roll-reveal:not(.is-visible){opacity:1;transform:none;transition:none}}
@media(max-width:640px){.work-rail{position:sticky;top:64px;z-index:90;background:var(--paper);padding:9px 20px;border-bottom:1px solid var(--line)}.work-rail .rail-kicker,.work-rail h2,.work-rail p{display:none}.work-rail nav{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.work-rail nav a{flex:none;border:1px solid #2639c7;padding:8px 14px;font:500 12.5px 'DM Mono',monospace}.work-rail nav .red-dot{display:none}.work-main{padding:0 20px 90px}.work-page .ops-grid,.work-page .visual-grid{display:block}}
/* Project wrappers preserve their own surfaces and type. */
.project-editorial .project-sections{position:fixed;top:64px;left:0;right:0;z-index:900;background:var(--paper,#f3efe6);border-bottom:1px solid var(--rule,#d4d0c9);padding:12px 48px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s}
.project-editorial .project-sections.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.project-editorial .project-sections .cs-subnav{display:flex;overflow-x:auto;white-space:nowrap;gap:22px}
.project-editorial .project-sections .cs-subnav a{font-size:max(12.5px,.78rem)}
.project-editorial .shared-back{margin-bottom:0}
.project-intake .site-header,.project-judgment .site-header,.project-editorial .site-header{width:100%}
.project-editorial .site-footer,.project-intake .site-footer,.project-judgment .site-footer{max-width:none}
.project-editorial .shared-next,.project-intake .shared-next,.project-judgment .shared-next{color:#171715}
@media(max-width:640px){.project-editorial .project-sections{padding:10px 20px}.project-editorial .project-sections .cs-subnav{gap:15px}}
.project-intake .cs-hero p,.project-intake .board p,.project-editorial .stand,.project-editorial .cs-content p{font-size:max(18px,1rem);line-height:1.5;max-width:72ch}
@media(max-width:640px){.project-intake .cs-hero p,.project-intake .board p,.project-editorial .stand,.project-editorial .cs-content p{font-size:max(17px,1rem)}}
/* Case study shells: keep the common navigation without inheriting the homepage hero composition. */
.project-editorial .cs-hero.wrap{height:auto;min-height:0;display:block;overflow:visible;place-items:initial;padding:76px 32px 40px;border:0}
.project-editorial .cs-hero h1{font:400 clamp(48px,8vw,110px)/.95 var(--rt-serif,var(--as-serif,Georgia,serif));letter-spacing:-.025em;text-transform:none;min-height:0;max-width:13em;margin:26px 0 30px;word-spacing:normal}
.project-editorial .cs-hero h1 span{display:inline}
.project-editorial .cs-hero h1 .w,.project-editorial .cs-hero h1 .w>span{display:inline-block}
.project-editorial .cs-hero .kick{font:400 12.5px/1.4 var(--rt-mono,var(--as-mono,monospace));letter-spacing:.08em}
.project-intake .cs-hero{height:auto;min-height:0;overflow:visible;display:grid;place-items:initial;border:0;padding:50px 0 44px}
.project-intake .shared-back{color:#fff;position:relative;z-index:1}
@media(max-width:760px){.project-editorial .cs-hero.wrap{padding:45px 20px 30px}.project-editorial .cs-hero h1{font-size:clamp(46px,10vw,76px);line-height:.98}.project-intake .cs-hero{padding:30px 0 34px}}
/* Preserve the house serif while giving running editorial lines room to read. */
.work-page .writing-list strong{letter-spacing:-.025em;word-spacing:.12em}
.contact-page .contact-main p{letter-spacing:-.025em;word-spacing:.12em}
.contact-page .contact-action+.contact-form{margin-top:34px}
/* The About ribbon mixes actual project screens with a quiet battle clip. */
.about-page .about-ribbon{height:clamp(270px,36vw,530px)}
.about-page .ribbon-track{align-items:center;gap:18px;animation-duration:55s}
.about-page .ribbon-track img,.about-page .ribbon-track video{flex:none;display:block;width:clamp(310px,39vw,620px);height:clamp(210px,25vw,390px);object-fit:contain;background:#e8e8e2}
.about-page .ribbon-track :nth-child(8n+1){width:clamp(340px,42vw,680px);height:clamp(220px,28vw,450px);transform:translateY(12px)}
.about-page .ribbon-track :nth-child(8n+2){width:clamp(260px,29vw,460px);height:clamp(245px,31vw,485px);transform:translateY(-11px)}
.about-page .ribbon-track :nth-child(8n+3){width:clamp(330px,38vw,610px);height:clamp(225px,27vw,430px);transform:translateY(25px)}
.about-page .ribbon-track :nth-child(8n+4){width:clamp(320px,35vw,560px);height:clamp(205px,23vw,370px);transform:translateY(-22px)}
.about-page .ribbon-track :nth-child(8n+5){width:clamp(260px,30vw,480px);height:clamp(240px,30vw,470px);object-fit:cover;background:#080d11;transform:translateY(9px)}
.about-page .ribbon-track :nth-child(8n+6){width:clamp(330px,41vw,650px);height:clamp(220px,28vw,440px);transform:translateY(-15px)}
.about-page .ribbon-track :nth-child(8n+7){width:clamp(300px,35vw,550px);height:clamp(215px,25vw,400px);background:#080d11;transform:translateY(18px)}
.about-page .ribbon-track :nth-child(8n+8){width:clamp(300px,35vw,550px);height:clamp(215px,25vw,400px);transform:translateY(-8px)}
@keyframes ribbon{to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:640px){.about-page .about-ribbon{height:270px}.about-page .ribbon-track{gap:12px}.about-page .ribbon-track img,.about-page .ribbon-track video{width:320px!important;height:210px}.about-page .ribbon-track :nth-child(8n+2),.about-page .ribbon-track :nth-child(8n+5){width:240px!important;height:235px}.about-page .ribbon-track :nth-child(8n+4),.about-page .ribbon-track :nth-child(8n+8){width:290px!important;height:175px}}
/* About project strip: one top edge, varied heights, and a hand-draggable seamless loop. */
.about-page .about-ribbon{align-items:flex-start;padding-top:16px;cursor:grab;touch-action:pan-y;user-select:none}
.about-page .about-ribbon.is-dragging{cursor:grabbing}
.about-page .ribbon-track{align-items:flex-start;animation:none!important;will-change:transform}
.about-page .ribbon-track>img,.about-page .ribbon-track>video{transform:none!important;pointer-events:none;user-select:none;-webkit-user-drag:none}
.about-page .ribbon-track>img:nth-child(8n+2){object-fit:cover;object-position:50% 43%;background:#e8e8e2}
@media(max-width:640px){.about-page .about-ribbon{padding-top:12px}.about-page .ribbon-track>img:nth-child(8n+2){width:265px!important;height:235px}}

/* Keep the submit action visually connected to the message field. */
.contact-page .contact-form textarea{border-bottom:0}