@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
:root{--red:#2639c7;--accent:#2639c7}
body{font-family:'Instrument Serif',serif}.home-hero h1,.work-rail h2,.card-info h3,.ops-display,.chief-bottom,.about-statement,.about-main h1,.about-lede,.about-next p{font-family:'Instrument Serif',serif;font-weight:400;text-transform:uppercase}.home-hero h1{letter-spacing:-.075em}.card-info h3{letter-spacing:-.055em;transition:color .35s,transform .65s cubic-bezier(.2,.75,.2,1)}.card-info p{font:500 .78rem/1.55 'DM Mono',monospace;letter-spacing:.025em;text-transform:uppercase}.work-rail p,.category-heading p,.hero-end p,.about-columns p,.case-row p{font-family:'Instrument Serif',serif;font-size:1.1rem;text-transform:uppercase}.about-statement{letter-spacing:-.055em}
.hero-mark-stage{position:absolute;z-index:3;width:min(30vw,430px);right:3%;top:7%;aspect-ratio:5/3;pointer-events:none;transform:translate(var(--mx,0),var(--my,0)) rotate(3deg);transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.hero-fold-logo{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-fold-logo path{fill:none;stroke:var(--accent);stroke-width:25;stroke-linecap:round;stroke-linejoin:round}
.logo-main{opacity:.8}.logo-trace{opacity:.11}.trace-one{transform:translate(-16px,13px)}.trace-two{transform:translate(14px,-10px);opacity:.07}
.hero-inner{z-index:2}.home-hero h1{position:relative;min-height:65vh;margin:0;font-size:clamp(4.2rem,10vw,10.8rem);line-height:.78}.home-hero h1 .make{margin-left:0}.home-hero h1 .real{margin-left:18%}.home-hero h1 .taste{margin-left:38%;white-space:nowrap}.home-hero h1 .intelligence{font-family:'Instrument Serif',serif;font-size:.27em;line-height:1;margin:1.1em 0 0 62%;white-space:nowrap;letter-spacing:-.06em}.home-hero h1 .word{display:inline-block;font-style:normal;transition:color .2s ease,transform .35s cubic-bezier(.2,.75,.2,1)}.home-hero h1 .word:hover{color:var(--accent);transform:translateY(-.025em)}
.scratch-reveal{position:relative;width:max-content;max-width:38%;color:var(--accent)}.secret-text{display:block}.scratch-canvas{position:absolute;z-index:2;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);cursor:crosshair;touch-action:none;transition:opacity 1.2s cubic-bezier(.2,.75,.2,1)}.scratch-reveal.is-revealed .scratch-canvas,.hero-launch:focus-visible .scratch-canvas{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.home-hero h1 .make{transform:translateX(-.42em) rotate(-1deg);animation:arrive 1s .08s forwards}.home-hero h1 .real{transform:translateX(.46em) rotate(1deg);animation:arrive 1.05s .25s forwards}.home-hero h1 .taste{transform:translateY(.38em);animation:arrive 1.05s .48s forwards}.home-hero h1 .intelligence{transform:translateY(-.7em);animation:arrive 1s .76s forwards}}
.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 18px}
.card-king{grid-column:1/-1}.card-image{aspect-ratio:4/3}.card-king .card-image{aspect-ratio:2/1}
.card-reel .card-image img,.card-consensus .card-image img,.card-king .card-image img{object-position:center center}
.ops-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ops-visual{height:auto;aspect-ratio:4/3;padding:20px}
.intake-visual{background:#fff}.judgment-visual{background:#171715;color:#f7f6f2}.assess-visual{background:#fff;color:#171715}
.intake-motion{position:relative;display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:5px;transition:transform .4s}
.request-slip,.team-match{border:1px solid currentColor;padding:14px 12px;display:grid;gap:7px;background:var(--paper)}
.request-slip small,.team-match small{font:500 .56rem 'DM Mono',monospace;color:var(--accent)}
.request-slip strong,.team-match strong{font-size:clamp(.9rem,1.5vw,1.5rem);letter-spacing:-.04em}
.request-slip span,.team-match span{font:500 .55rem 'DM Mono',monospace}
.team-match{background:var(--accent);color:white;transform:translateY(10px)}.team-match small{color:white}
.route-line{height:1px;background:var(--ink);position:relative}.route-line i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);top:-2px;animation:route 2.4s infinite}.route-line i:nth-child(2){animation-delay:.35s}.route-line i:nth-child(3){animation-delay:.7s}.route-line i:nth-child(4){animation-delay:1.05s}
@keyframes route{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
.judgment-motion{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;position:relative;align-items:center}
.direction-card{height:clamp(105px,12vw,190px);border:1px solid currentColor;padding:9px;display:flex;flex-direction:column;justify-content:space-between;opacity:.42;transition:opacity .4s,transform .75s cubic-bezier(.2,.75,.2,1),background .4s}
.direction-card small,.direction-card b{font:500 .52rem 'DM Mono',monospace}.direction-card span{font-size:clamp(2.3rem,4vw,5rem);line-height:1}.direction-b{opacity:1;background:var(--accent);border-color:var(--accent);color:white;transform:translateY(-9px)}
.decision-cursor{position:absolute;color:var(--accent);font-size:2rem;font-style:normal;left:67%;top:74%;animation:choose 2.8s ease-in-out infinite}
@keyframes choose{0%,20%{transform:translate(45px,20px);opacity:0}45%,75%{transform:translate(0,0);opacity:1}100%{transform:translate(0,0);opacity:0}}
.assess-numbers span{font-size:clamp(2.5rem,4.5vw,5.3rem);transition:color .4s,transform .75s cubic-bezier(.2,.75,.2,1)}.assess-numbers span:nth-child(2){transition-delay:.08s}.assess-visual .ops-display,.assess-visual .ops-display em{display:block;transition:transform .8s cubic-bezier(.2,.75,.2,1),color .4s}
.roll-reveal{clip-path:inset(0 0 100% 0);transform:translateY(-18px);opacity:.15;transition:clip-path 1.25s cubic-bezier(.2,.75,.2,1),transform 1.25s cubic-bezier(.2,.75,.2,1),opacity .8s;transition-delay:var(--reveal-delay,0ms)}
.roll-reveal.is-visible{clip-path:inset(0 0 0 0);transform:none;opacity:1}
.work-card .card-image img{transform:translate(var(--card-x,0),var(--card-y,0)) scale(1.02)}.work-card:hover .card-image img{transform:translate(var(--card-x,0),var(--card-y,0)) scale(1.055)}.work-card:hover .card-info h3,.work-card:focus-visible .card-info h3{color:var(--accent);transform:translateX(9px)}.work-card:hover .card-arrow,.work-card:focus-visible .card-arrow{transform:translate(5px,-5px)}.work-card:hover .intake-motion{transform:translateX(3px)}.work-card:hover .direction-a,.work-card:focus-visible .direction-a{opacity:.7;transform:translate(-8px,12px) rotate(-5deg)}.work-card:hover .direction-b,.work-card:focus-visible .direction-b{transform:translateY(-18px) scale(1.045)}.work-card:hover .direction-c,.work-card:focus-visible .direction-c{opacity:.7;transform:translate(8px,-8px) rotate(4deg)}.work-card:hover .assess-numbers span:first-child,.work-card:focus-visible .assess-numbers span:first-child{color:var(--accent);transform:translateY(-13px)}.work-card:hover .assess-numbers span:nth-child(2),.work-card:focus-visible .assess-numbers span:nth-child(2){color:var(--accent);transform:translateY(8px)}.work-card:hover .assess-visual .ops-display,.work-card:focus-visible .assess-visual .ops-display{transform:translateX(10px)}.work-card:hover .assess-visual .ops-display em,.work-card:focus-visible .assess-visual .ops-display em{color:var(--accent);transform:translateX(-20px)}.card-arrow{transition:transform .5s cubic-bezier(.2,.75,.2,1),color .35s}
.hero-launch{display:block;position:relative;color:var(--ink);cursor:pointer}.hero-launch h1{transition:color .35s ease}.launch-cue{position:absolute;left:calc(100% + clamp(18px,2vw,34px));top:50%;display:flex;align-items:center;gap:11px;color:var(--accent);font:500 .7rem 'DM Mono',monospace;letter-spacing:.08em;opacity:.72;transform:translateY(-42%);transition:opacity .3s,transform .45s cubic-bezier(.2,.75,.2,1);white-space:nowrap}.launch-cue b{font-size:1.55rem;font-weight:400}.hero-launch:hover .launch-cue,.hero-launch:focus-visible .launch-cue,.scratch-reveal.is-revealed .launch-cue{opacity:1;transform:translate(7px,-42%)}.hero-launch:focus-visible{outline:0}.hero-launch:focus-visible h1{text-decoration:none}
body.portfolio-closed{overflow:hidden}body.portfolio-closed .work-shell,body.portfolio-closed .about-tease,body.portfolio-closed .site-footer{display:none}body.portfolio-closed .home-hero{min-height:calc(100svh - 72px)}body.portfolio-open .work-shell{animation:portfolioPop .85s cubic-bezier(.2,.75,.2,1) both}@keyframes portfolioPop{from{clip-path:inset(0 0 100% 0);transform:translateY(-28px)}to{clip-path:inset(0);transform:none}}
.writing-list a{position:relative;overflow:hidden;transition:padding-left .65s cubic-bezier(.2,.75,.2,1)}.writing-list a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.writing-list a strong,.writing-list a .mono,.writing-list a .writing-arrow{transition:color .35s,transform .65s cubic-bezier(.2,.75,.2,1)}.writing-list a:hover,.writing-list a:focus-visible{padding-left:14px}.writing-list a:hover::before,.writing-list a:focus-visible::before{transform:scaleX(1)}.writing-list a:hover strong,.writing-list a:focus-visible strong,.writing-list a:hover .writing-arrow,.writing-list a:focus-visible .writing-arrow{color:var(--accent)}.writing-list a:hover strong,.writing-list a:focus-visible strong{transform:translateX(8px)}.writing-list a:hover .writing-arrow,.writing-list a:focus-visible .writing-arrow{transform:translate(4px,-4px)}
.about-main h1{text-transform:uppercase}.about-main h1 span{display:block;width:max-content;max-width:100%;transition:transform 1.25s cubic-bezier(.2,.75,.2,1),clip-path 1.25s cubic-bezier(.2,.75,.2,1),opacity .8s}.about-main h1 span:nth-child(2){margin-left:18%}.about-main h1 span:nth-child(3){margin-left:5%}.about-main:hover h1 span:nth-child(2){transform:translateX(14px)}.about-main:hover h1 span:nth-child(3){transform:translateX(-8px)}.about-lede{max-width:1050px;text-transform:uppercase;line-height:1.02;letter-spacing:-.045em}.about-next p{text-transform:uppercase}
.about-tease{min-height:100svh;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding-top:clamp(52px,7vh,90px);padding-bottom:clamp(52px,7vh,90px);grid-template-columns:22% 1fr;align-items:start}.about-tease>span{border-top:1px solid var(--ink);padding-top:14px;color:var(--ink)}.about-tease>div{border-top:1px solid var(--ink);padding-top:clamp(16px,2.5vh,28px)}.about-tease p{font-size:clamp(2.1rem,min(4.5vw,6.4vh),5.25rem);line-height:.89;max-width:1150px;margin-bottom:clamp(36px,5vh,64px)}.about-statement>span{display:block;width:max-content;max-width:100%;transition:transform 1.15s cubic-bezier(.2,.75,.2,1),opacity .8s,color .3s}.about-tease:not(.is-visible) .about-statement>span{opacity:0}.about-tease:not(.is-visible) .about-statement>span:nth-child(1){transform:translateX(-20vw)}.about-tease:not(.is-visible) .about-statement>span:nth-child(2){transform:translateX(22vw)}.about-tease:not(.is-visible) .about-statement>span:nth-child(3){transform:translateY(.8em)}.about-tease:not(.is-visible) .about-statement>span:nth-child(4){transform:translateX(-12vw)}.about-tease:not(.is-visible) .about-statement>span:nth-child(5){transform:translateX(16vw)}.about-tease.is-visible .about-statement>span:nth-child(2){transition-delay:.12s}.about-tease.is-visible .about-statement>span:nth-child(3){transition-delay:.24s}.about-tease.is-visible .about-statement>span:nth-child(4){transition-delay:.36s}.about-tease.is-visible .about-statement>span:nth-child(5){transition-delay:.48s}.about-statement>span:nth-child(2){margin-left:9%}.about-statement>span:nth-child(3){margin-left:25%}.about-statement .about-turn{font:500 .28em/1.45 'DM Mono',monospace;letter-spacing:.03em;margin:clamp(35px,5vh,65px) 0 12px 41%;color:var(--muted)}.about-statement>span:last-child{margin-left:7%}.about-tease:hover .about-statement>span:nth-child(2){transform:translateX(20px)}.about-tease:hover .about-statement>span:nth-child(3){transform:translateX(-18px)}.about-tease:hover .about-statement>span:last-child{transform:translateX(24px)}.about-tease .red-link{margin-left:41%}
.chief-flow b{animation:flowArrow 1.8s ease-in-out infinite}.chief-flow b:nth-of-type(2){animation-delay:.35s}@keyframes flowArrow{0%,100%{opacity:.35;transform:rotate(-90deg) translateY(0)}50%{opacity:1;transform:rotate(-90deg) translateY(7px)}}
.writing-list strong,.case-hero h1,.brief-demo h2,.brief-demo li{font-family:'Instrument Serif',serif;text-transform:uppercase}.writing-list strong{font-weight:400}
@keyframes flowArrowMobile{0%,100%{opacity:.35;transform:translateY(-5px)}50%{opacity:1;transform:translateY(6px)}}
@media(max-width:1100px){.ops-grid{grid-template-columns:1fr 1fr}.ops-card:last-child{grid-column:1/-1}.ops-card:last-child .ops-visual{aspect-ratio:2/1}}
@media(max-width:640px){.hero-mark-stage{display:block;width:48vw;right:-7%;top:8%;opacity:.5}.visual-grid,.ops-grid{display:block}.card-king,.ops-card:last-child{grid-column:auto}.card-king .card-image,.ops-card:last-child .ops-visual,.card-image,.ops-visual{aspect-ratio:4/3}.intake-motion{grid-template-columns:1fr 30px 1fr}.request-slip,.team-match{padding:10px 8px}.home-hero h1{position:relative;z-index:2;min-height:58vh;font-size:20vw}.home-hero h1 .make,.home-hero h1 .real,.home-hero h1 .taste{margin-left:0;white-space:normal}.home-hero h1 .taste{margin-top:.15em}.home-hero h1 .intelligence{font-size:.22em;margin:1.5em 0 0 10%;white-space:normal;max-width:75%}.launch-cue{left:0;top:calc(100% + 18px);opacity:1;transform:none}.hero-launch:hover .launch-cue,.hero-launch:focus-visible .launch-cue,.scratch-reveal.is-revealed .launch-cue{transform:translateX(7px)}.about-main h1 span:nth-child(n){margin-left:0}.about-tease>span,.about-tease>div{border-top:1px solid var(--ink)}.about-statement>span:nth-child(n){margin-left:0;width:auto}.about-statement .about-turn{margin-top:70px}.about-tease .red-link{margin-left:0}}
@media(max-width:640px){.chief-flow b{animation-name:flowArrowMobile}}
@media(prefers-reduced-motion:reduce){.route-line i,.decision-cursor{animation:none}.roll-reveal{clip-path:none;transform:none;opacity:1}.scratch-canvas{display:none}}
/* Work is available by ordinary scrolling as well as the hero link. */
body.portfolio-closed{overflow:auto}body.portfolio-closed .work-shell{display:grid}body.portfolio-closed .about-tease{display:grid}body.portfolio-closed .site-footer{display:flex}
.home-hero{min-height:clamp(620px,82svh,850px);padding-top:62px;padding-bottom:70px}.home-hero h1{min-height:56vh}.hero-index{bottom:19px}
.work-main{padding-bottom:75px}.visual-grid{gap:38px 18px}.ops-heading{margin-top:75px}.about-tease{min-height:auto;padding-top:65px;padding-bottom:80px}
@media(max-width:640px){.home-hero{min-height:78svh;padding-top:55px;padding-bottom:55px}.home-hero h1{min-height:52vh}.work-card{margin-bottom:35px}.ops-heading{margin-top:55px}}
.card-consensus .card-image{background:#f7f4ef}.card-consensus .card-image img{object-fit:contain;object-position:center}
@media(prefers-reduced-motion:no-preference){.king-section h2,.consensus-section h2{transition:transform .45s cubic-bezier(.2,.75,.2,1)}.king-section h2:hover,.consensus-section h2:hover{transform:translateX(10px)}.work-card .card-info h3{transition:transform .45s cubic-bezier(.2,.75,.2,1),color .3s}.work-card .card-info h3:hover{transform:translateX(9px)}}
@media(prefers-reduced-motion:no-preference){.king-page.case-motion-ready .king-section.case-in-view h2:hover,.consensus-page.case-motion-ready .consensus-section.case-in-view h2:hover{transform:translateX(10px)}}

/* The case-study copy unfurls as each section enters the reading path. */
@media(prefers-reduced-motion:no-preference){.king-page.case-motion-ready .king-section .king-wide-copy,.king-page.case-motion-ready .king-section .king-steps article,.king-page.case-motion-ready .king-section .king-pipeline-grid>div,.king-page.case-motion-ready .king-section .king-takeaways article,.king-page.case-motion-ready .king-section .king-closing{clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(10px);transition:clip-path .9s cubic-bezier(.2,.75,.2,1),opacity .55s,transform .8s cubic-bezier(.2,.75,.2,1)}.king-page.case-motion-ready .king-section.case-in-view .king-wide-copy,.king-page.case-motion-ready .king-section.case-in-view .king-steps article,.king-page.case-motion-ready .king-section.case-in-view .king-pipeline-grid>div,.king-page.case-motion-ready .king-section.case-in-view .king-takeaways article,.king-page.case-motion-ready .king-section.case-in-view .king-closing{clip-path:inset(0);opacity:1;transform:none}.king-page.case-motion-ready .king-section.case-in-view .king-steps article:nth-child(2),.king-page.case-motion-ready .king-section.case-in-view .king-pipeline-grid>div:nth-child(2),.king-page.case-motion-ready .king-section.case-in-view .king-takeaways article:nth-child(2){transition-delay:.12s}.king-page.case-motion-ready .king-section.case-in-view .king-steps article:nth-child(3),.king-page.case-motion-ready .king-section.case-in-view .king-pipeline-grid>div:nth-child(3),.king-page.case-motion-ready .king-section.case-in-view .king-takeaways article:nth-child(3){transition-delay:.24s}}
@media(min-width:1600px){.home-hero{min-height:calc(100svh - 72px)}.hero-inner{width:88vw;max-width:none}.home-hero h1{font-size:clamp(8rem,10vw,18rem);min-height:64vh}.home-hero h1 .intelligence{margin-left:54%}}
@media(hover:none),(pointer:coarse){.home-hero h1 .intelligence{font-size:.34em;max-width:none;margin-left:8%;white-space:nowrap}.home-hero h1 .intelligence .scratch-canvas{display:none!important}.home-hero h1 .intelligence .secret-text{opacity:1}.home-hero h1 .intelligence .launch-cue{font-size:.8rem}}
@media(max-width:400px) and (hover:none){.home-hero h1 .intelligence{font-size:.31em;margin-left:5%}}
.card-reel .card-image{background:#080d11}.card-reel .card-image img{object-fit:contain;object-position:center}.ribbon-track img[src$="reeltalk-new.png"]{background:#080d11}

/* Make the secondary hero statement a real part of the composition. */
.home-hero h1 .intelligence{font-size:.43em;margin:1em 0 0 39%;max-width:none}
.home-hero h1 .intelligence .launch-cue{left:calc(100% + clamp(12px,1.5vw,26px));top:50%;font-size:.88rem;transform:translateY(-50%)}
.hero-launch:hover .launch-cue,.hero-launch:focus-visible .launch-cue,.scratch-reveal.is-revealed .launch-cue{transform:translate(6px,-50%)}
.card-info p{font-size:1.08rem;line-height:1.5}
.work-rail p{font-size:clamp(1.4rem,1.65vw,1.85rem);line-height:1.25;max-width:360px}
.category-heading p{font-size:1.2rem;line-height:1.35}
@media(min-width:1600px){.home-hero h1 .intelligence{margin-left:37%;font-size:.42em}}
@media(max-width:900px){.home-hero h1 .intelligence{margin-left:28%;font-size:.38em}}
@media(max-width:640px){.home-hero h1 .intelligence{font-size:.39em;margin:1.15em 0 0 0;white-space:nowrap;max-width:none}.home-hero h1 .intelligence .launch-cue{left:0;top:calc(100% + 24px);transform:none}.hero-launch:hover .launch-cue,.hero-launch:focus-visible .launch-cue,.scratch-reveal.is-revealed .launch-cue{transform:translateX(6px)}}
@media(max-width:400px){.home-hero h1 .intelligence{font-size:.36em}}
.about-lede{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(2.2rem,3.4vw,4.2rem);font-weight:500;line-height:1.13;text-transform:none}
.about-columns p{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(1.15rem,1.5vw,1.6rem);line-height:1.52;text-transform:none}
.case-row p{font-size:clamp(1.5rem,2.2vw,2.8rem);line-height:1.25}

/* The supplied portfolio panels retain a live route and card hover motion. */
.ops-grid .ops-image-visual{position:relative;height:auto!important;aspect-ratio:4/3!important;padding:0;overflow:hidden;background:#fff}
.ops-image-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .45s}
.ops-card:hover .ops-image-visual img,.ops-card:focus-visible .ops-image-visual img{transform:scale(1.018);filter:contrast(1.035)}
.image-route{position:absolute;left:36.8%;top:47.45%;width:8.9%;height:1px;background:transparent;pointer-events:none}
.image-route i{width:clamp(3px,.45vw,7px);height:clamp(3px,.45vw,7px);top:50%;transform:translateY(-50%)}
.judgment-panel-art{position:relative;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.judgment-image-visual img,.ops-card:hover .judgment-image-visual img,.ops-card:focus-visible .judgment-image-visual img{transform:none}
.ops-card:hover .judgment-panel-art,.ops-card:focus-visible .judgment-panel-art{transform:scale(1.018)}
.judgment-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.judgment-trail{fill:none;stroke:#2639c7;stroke-width:6;stroke-linecap:round;stroke-dasharray:1 17;animation:judgmentTrail 1.8s linear infinite}
.judgment-orbit{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 9;animation:judgmentOrbit 4s linear infinite}
@keyframes judgmentTrail{to{stroke-dashoffset:-36}}
@keyframes judgmentOrbit{to{stroke-dashoffset:-44}}
@media(prefers-reduced-motion:reduce){.judgment-trail,.judgment-orbit{animation:none}}
/* The hero occupies one viewport below the shared navigation. */
.home-hero{height:calc(100svh - 64px);min-height:0;padding:clamp(30px,5vh,70px) clamp(20px,5vw,90px) 65px;display:flex;align-items:center}
.home-hero h1{min-height:0;margin:0;font-size:clamp(72px,12vw,190px);letter-spacing:-.0625em;line-height:.78}
.home-hero h1 .word{display:inline-block;margin-right:.16em}
.home-hero h1 .word:last-child{margin-right:0}
.home-hero h1 .taste{margin-top:.4em}
.home-hero h1 .intelligence{letter-spacing:-.05em;word-spacing:.14em;font-size:.43em;margin:1em 0 0 39%;max-width:none}
.hero-index{bottom:32px}
.hero-launch .launch-cue{position:relative;left:0;top:auto;transform:none;display:inline-flex;margin:48px 0 0;background:#2639c7;color:#f7f6f2;padding:16px 28px;font:500 14px/1 'DM Mono',monospace;letter-spacing:.06em;opacity:1;transition:background .2s;white-space:nowrap}
.hero-launch .launch-cue:hover,.hero-launch .launch-cue:focus-visible,.hero-launch:hover .launch-cue,.scratch-reveal.is-revealed .launch-cue{background:#171715;color:#f7f6f2;transform:none}
.hero-launch .launch-cue b{font-size:1rem}
@media(max-width:900px){.home-hero h1 .intelligence{margin-left:28%}}
@media(max-width:640px){.home-hero{height:calc(100svh - 64px);padding:34px 20px 65px;align-items:center}.home-hero h1{font-size:clamp(72px,12vw,190px);line-height:.81}.home-hero h1 .make,.home-hero h1 .real,.home-hero h1 .taste{margin-left:0;white-space:normal}.home-hero h1 .taste{margin-top:.4em}.home-hero h1 .intelligence{font-size:.42em;margin:.75em 0 0;white-space:normal;max-width:100%}.hero-launch .launch-cue{margin-top:48px}.hero-index{bottom:32px}}
.hero-launch{cursor:default}.hero-launch .launch-cue{display:flex;width:max-content;margin-left:0}.home-hero h1{margin-bottom:0}
html.js .roll-reveal:not(.is-visible){transition-delay:var(--reveal-delay,0ms)}
.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);transition-delay:var(--reveal-delay,0ms)}
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;clip-path:none;transition:none}}
.scratch-canvas{pointer-events:none;cursor:default}

/* Judgment homepage hero. Scoped so the case studies keep their own layouts. */
.home-page .site-header{height:64px}
.home-page .home-hero{height:calc(100svh - 64px);min-height:0;padding:clamp(24px,4vh,54px) clamp(20px,5vw,90px) 65px;display:flex;align-items:center;overflow:hidden}
.home-page .hero-inner{width:100%;max-width:1300px}
.home-page .home-hero .eyebrow{margin-bottom:clamp(32px,5vh,65px)}
.home-page .home-hero h1{font-family:'Instrument Serif',serif;font-size:clamp(56px,10.6vw,128px);line-height:.78;letter-spacing:-.0625em;word-spacing:.16em;font-weight:400;min-height:0;margin:0;color:rgb(23,23,21);font-kerning:normal;font-feature-settings:'kern' 1;text-rendering:optimizeLegibility}
.home-page .home-hero h1 .make,.home-page .home-hero h1 .real{display:block;width:max-content;max-width:100%;white-space:normal}
.home-page .home-hero h1 .real{margin-left:1.4em;max-width:calc(100% - 1.4em)}
.home-page .home-hero h1 .judgment,.home-page .home-hero h1 .rare-tail,.home-page .home-hero h1 .cheap{display:inline;color:inherit}
.home-page .home-hero h1 .judgment{color:var(--accent)}
.home-page .home-hero h1 .cheap{-webkit-text-stroke:1.6px rgb(23,23,21);color:rgb(23,23,21)}
.home-page .home-hero h1 .hero-lockup{position:relative;display:block;width:max-content;max-width:none;margin-top:1em;font-size:clamp(30px,5.2vw,62px);line-height:1;letter-spacing:-.05em;word-spacing:.14em;text-align:right}
.home-page .home-hero h1 .taste,.home-page .home-hero h1 .intelligence{display:block;width:max-content;max-width:none;margin:0 0 0 auto;white-space:nowrap;font-size:inherit;line-height:1;letter-spacing:inherit;word-spacing:inherit}
.home-page .home-hero h1 .taste{color:var(--accent)}
.home-page .home-hero h1 .intelligence{margin-top:6px;color:rgb(23,23,21)}
.home-page .home-hero h1 .secret-text{color:rgb(23,23,21)}
.home-page .home-hero h1 .scratch-canvas{inset:0;width:100%;height:100%;pointer-events:auto;cursor:crosshair}
.home-page .hero-launch .launch-cue{display:flex;width:max-content;margin:48px 0 0;background:#2639c7;color:var(--paper);padding:16px 28px;font:500 14px/1 'DM Mono',monospace;letter-spacing:.06em;opacity:0;visibility:hidden;transform:none;transition:background .2s,opacity .3s,visibility .3s}
.home-page .hero-launch:has(.scratch-reveal.is-revealed) .launch-cue{opacity:1;visibility:visible}
.home-page .hero-launch .launch-cue:hover,.home-page .hero-launch .launch-cue:focus-visible{background:#171715;color:var(--paper)}
.home-page .hero-index{bottom:32px}
@media(prefers-reduced-motion:no-preference){
 .home-page .home-hero h1 .make{animation:arrive 1s .08s forwards;transform:translateX(-.42em) translateY(.17em) rotate(-1deg)}
 .home-page .home-hero h1 .real{animation:arrive 1.05s .25s forwards;transform:translateX(.46em) translateY(.17em) rotate(1deg)}
 .home-page .home-hero h1 .taste{animation:arrive 1.05s .48s forwards;transform:translateY(.17em)}
 .home-page .home-hero h1 .intelligence{animation:arrive 1s .76s forwards;transform:translateY(.17em)}
 .home-page .home-hero h1 .cheap{animation:fillToLine 1.3s ease 1.9s forwards}
}
@supports not (-webkit-text-stroke:1px black){.home-page .home-hero h1 .cheap{animation:none!important;color:rgb(23,23,21)!important}}
@media(max-width:767px){.home-page .home-hero h1 .cheap{-webkit-text-stroke-width:1.5px}}
@media(max-width:600px){.home-page .home-hero{padding:30px 20px 65px}.home-page .home-hero h1{font-size:13.5vw}.home-page .home-hero h1 .real{margin-left:.5em;max-width:calc(100% - .5em)}.home-page .home-hero h1 .hero-lockup{font-size:6.4vw}.home-page .home-hero h1 .taste,.home-page .home-hero h1 .intelligence{white-space:nowrap}.home-page .hero-mark-stage{opacity:.22}.home-page .home-hero .eyebrow{margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){.home-page .home-hero h1 .cheap{color:transparent}.home-page .home-hero h1 .scratch-canvas{display:none}.home-page .hero-launch .launch-cue{opacity:1;visibility:visible}}
/* On touch screens the timed water reveal plays automatically, without requiring hover. */
@media (hover:none),(pointer:coarse){.home-page .home-hero h1 .scratch-canvas{display:block!important;pointer-events:none}.home-page .hero-launch .launch-cue{opacity:0;visibility:hidden}.home-page .hero-launch:has(.scratch-reveal.is-revealed) .launch-cue{opacity:1;visibility:visible}}
@media (prefers-reduced-motion:reduce) and (hover:none),(prefers-reduced-motion:reduce) and (pointer:coarse){.home-page .home-hero h1 .scratch-canvas{display:none!important}.home-page .hero-launch .launch-cue{opacity:1;visibility:visible}}

/* Preserve word gaps in the two editorial page headlines. */
.about-page .about-main h1,.contact-page .contact-main h1{letter-spacing:-.0625em;word-spacing:.16em}