@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#192321;--muted:#64716c;--paper:#f3f3ed;--line:#d3d9d1;--accent:#32ffd2;--space:clamp(80px,10vw,150px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #32ffd2;outline-offset:6px}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:0}h1{font-size:clamp(64px,9vw,138px)}h2{font-size:clamp(42px,5.8vw,86px)}h3{font-size:clamp(30px,3.3vw,48px)}h4{font-size:32px}p{margin:0 0 1.2em}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.6;color:var(--muted);margin-bottom:28px}.skip{position:absolute;top:-80px;z-index:99;background:white;padding:10px}.skip:focus{top:0}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:84px;padding:0 48px;background:#f3f3edf2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.07em}.wordmark span{font-weight:400;color:#32ffd2}nav{display:flex;gap:30px;font-size:13px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after{transform:scaleX(1)}.motion-toggle{border:0;background:transparent;font-size:11px;padding:10px;color:var(--muted)}.read-progress{height:2px;background:#32ffd2;position:fixed;top:83px;left:0;z-index:22;transform-origin:left;width:100%;transform:scaleX(0)}.hero{padding-top:75px}.hero-copy{display:grid;grid-template-columns:1.65fr 1fr;align-items:end;gap:80px;margin-bottom:55px}.hero-copy h1 em{font-style:normal;color:#32ffd2}.hero-copy>div{max-width:380px;padding-bottom:8px}.tagline{font-size:19px;color:var(--ink)}.hero-copy p:not(.tagline){color:var(--muted);font-size:16px}.text-link{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-top:15px}.text-link:hover{color:#32ffd2;border-color:#32ffd2}figure{margin:0}.image-open{display:block;width:100%;border:0;padding:0;background:#e6e8e1;overflow:hidden}.image-open img{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;transition:filter .5s}.image-open:hover img{filter:brightness(1.04)}figcaption{font-size:11px;letter-spacing:.035em;color:var(--muted);display:flex;justify-content:space-between;gap:24px;padding-top:14px;line-height:1.6}figcaption span{white-space:nowrap}.brands{padding-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line)}.logos{display:grid;grid-template-columns:repeat(8,1fr);align-items:center;gap:20px;overflow:hidden}.logos img{height:75px;width:100%;object-fit:contain;transform:scale(1.55);mix-blend-mode:multiply}.chapter{padding-top:var(--space);padding-bottom:var(--space);border-bottom:1px solid var(--line)}.section-heading{max-width:950px;margin-bottom:65px}.section-heading h2{margin-bottom:32px}.deck{color:var(--muted);font-size:20px;max-width:650px}.story-stage+.story-stage{margin-top:90px}.stage-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px 70px;margin-bottom:32px;align-items:start}.stage-copy .eyebrow{grid-column:1/-1;margin:0}.stage-copy p:not(.eyebrow){margin:0;color:var(--muted);font-size:17px;max-width:590px}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line);padding-top:32px}.facts p{font-size:13px;color:var(--muted)}.facts strong{display:block;font-size:48px;line-height:1.4;font-weight:500;color:var(--ink);letter-spacing:-.06em}.product+.product{margin-top:100px}.product-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.product-title .eyebrow{margin-bottom:10px}.product-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:30px}.product-bottom p{color:var(--muted)}.product-bottom .workflow{font-size:12px;border-top:1px solid var(--line);padding-top:16px;margin-bottom:0}.device-scene{position:relative;aspect-ratio:16/9;overflow:hidden;background:#deded5;perspective:1000px}.device-background{width:100%;height:100%;object-fit:cover}.device-screen{position:absolute;left:20%;top:18%;width:60%;height:60%;background:#151817;display:flex;align-items:center;justify-content:center;overflow:hidden}.device-screen img{width:100%;height:100%;object-fit:contain}.tablet .device-screen{left:17%;top:16%;width:66%;height:68%}.presentation-note{font-size:10px;letter-spacing:.03em;color:var(--muted);margin-top:18px}.website-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 34px}.website img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#ddd;box-shadow:0 15px 35px -30px #18261d;transition:transform .5s}.website:hover img{transform:translateY(-5px)}.website>div{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:24px}.website h3{font-size:28px;letter-spacing:-.04em}.website p{grid-column:1/-1;font-size:14px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1fr 320px;gap:120px;align-items:start}.about .section-heading{margin-bottom:30px}.about .deck{font-size:20px}.about p{max-width:670px}.portrait{margin-top:70px}.portrait img{width:100%;max-width:320px;object-fit:contain}.portrait figcaption{display:block}.case{padding-top:80px}.case h1{font-size:clamp(55px,7vw,106px);max-width:1100px}.case-deck{font-size:24px;color:var(--muted);max-width:780px;margin-top:35px;margin-bottom:90px}.case-section{margin:0 0 90px}.case-section h2{font-size:clamp(32px,3.7vw,55px)}.next-case{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;display:flex;flex-direction:column;gap:10px}.next-case small{font-size:10px;letter-spacing:.15em;color:var(--muted)}.next-case span{font-size:36px;letter-spacing:-.04em}footer{padding-top:80px;padding-bottom:65px}footer p{font-size:clamp(26px,4vw,50px);letter-spacing:-.04em;margin-bottom:20px}footer>a{font-size:20px}footer small{display:block;color:var(--muted);font-size:11px;margin-top:50px}.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1)}.motion-ready .reveal.pending{opacity:0;transform:translateY(20px)}.motion-paused *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .reveal.pending{opacity:1;transform:none}dialog{border:0;background:#111814f8;color:white;width:96vw;max-width:none;height:94vh;padding:64px 25px 20px}dialog::backdrop{background:#000b}dialog img{width:100%;height:calc(100% - 35px);object-fit:contain}dialog p{text-align:center;font-size:12px;margin:12px 0}.close{position:absolute;right:25px;top:16px;background:transparent;border:1px solid #788078;padding:6px 18px;color:white;font-size:13px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.wrap{width:min(1440px,calc(100% - 140px))}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}header{padding:0 24px;gap:16px}nav{gap:16px}.hero-copy{gap:35px;grid-template-columns:1.4fr 1fr}.about{gap:50px;grid-template-columns:1fr 240px}.stage-copy,.product-bottom{gap:35px}.logos{grid-template-columns:repeat(4,1fr);gap:24px}.logos img{height:60px}.hero{padding-top:55px}}
@media(max-width:600px){header{height:auto;min-height:82px;flex-wrap:wrap;padding:13px 20px;gap:10px}.wordmark{font-size:21px}nav{order:3;width:100%;justify-content:space-between;font-size:11px}.motion-toggle{padding:0}.read-progress{top:82px}.wrap{width:calc(100% - 40px)}.hero-copy{display:block;margin-bottom:35px}.hero-copy>div{margin-top:30px;max-width:100%}.hero-copy h1{font-size:66px}.hero{padding-top:40px}.eyebrow{font-size:9px}.hero-copy .tagline{font-size:17px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:43px}.deck{font-size:18px}.stage-copy,.product-bottom{grid-template-columns:1fr;gap:17px}.stage-copy h3{font-size:30px}.stage-copy p:not(.eyebrow){font-size:15px}.story-stage+.story-stage{margin-top:60px}figcaption{font-size:9px;gap:12px}figcaption span{font-size:8px}.facts strong{font-size:39px}.facts p{font-size:10px}.product-title{display:block}.product-title h3{font-size:34px}.product-title .text-link{font-size:12px;margin-top:18px}.product-bottom h4{font-size:27px}.product-bottom p{font-size:15px}.website-grid{grid-template-columns:1fr;gap:40px}.website h3{font-size:26px}.about{grid-template-columns:1fr;gap:30px}.portrait{margin-top:0;width:250px}.case{padding-top:50px}.case-deck{font-size:20px;margin-bottom:55px}.case-section{margin-bottom:65px}.case-section h2{font-size:34px}.next-case span{font-size:30px}.brands{padding-top:40px;padding-bottom:40px}.logos{gap:15px}.logos img{height:45px}.presentation-note{font-size:9px}.chapter{padding-top:75px;padding-bottom:75px}dialog{padding:65px 10px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal.pending{opacity:1;transform:none}}
.desktop .device-screen{left:22.25%;top:12.15%;width:55.5%;height:53.2%}.tablet .device-screen{left:22.85%;top:13.5%;width:54.4%;height:61%;border-radius:2.4%}.device-screen{box-shadow:inset 0 0 2px #000}.device-scene{aspect-ratio:1672/941}

.product-controls{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:22px}.product-controls button{background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 0 15px;font-size:12px;color:var(--muted)}.product-controls button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.ui-description{font-size:13px;color:var(--muted);margin-top:15px;min-height:42px}.device-screen:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;border:2px solid #32ffd2;transition:all .5s}.tablet[data-focus=canvas] .device-screen:after{opacity:1;right:29%;box-shadow:350px 0 0 0 #1117}.tablet[data-focus=controls] .device-screen:after{opacity:1;left:71%;box-shadow:-600px 0 0 0 #1117}@media(max-width:600px){.product-controls{gap:12px;justify-content:space-between}.product-controls button{font-size:9px;max-width:32%;text-align:left}.ui-description{font-size:12px;min-height:58px}}
.tablet[data-focus=canvas] .device-screen:after{top:10.6%;bottom:10.6%;right:15%}.tablet[data-focus=controls] .device-screen:after{top:10.6%;bottom:10.6%;left:85%}

.bj-summary{margin-top:35px}.bj-brief{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:35px 0 50px;border-top:1px solid var(--line);margin-bottom:60px}.bj-brief p:not(.eyebrow){color:var(--muted)}.bj-comparison .product-controls{margin:0 0 24px}.bj-comparison figure{margin-top:0}@media(max-width:600px){.bj-brief{grid-template-columns:1fr;gap:20px}.bj-comparison .product-controls button{max-width:none;font-size:11px}}.role-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:0 0 70px;max-width:1000px}.role-note p:last-child{margin:0;color:var(--muted)}.story-route{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-top:26px}.story-route a{font-size:14px;padding:18px 0;border-bottom:1px solid var(--line)}.story-route a:hover{color:#32ffd2}.story-directory{display:grid;gap:70px}.story-link{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:70px}.story-link img{aspect-ratio:16/9;object-fit:contain;background:#e5e8df;width:100%}.story-link h2{font-size:42px;margin-bottom:20px}.story-link p:last-child{color:var(--muted);margin:0}.motoring-bridge{background:#192321;color:#f3f3ed;padding:55px 0 70px;overflow:hidden}.motoring-bridge .eyebrow{color:#b1c6a6;margin-bottom:0}.vehicle-track{height:150px;position:relative;margin:20px 0 32px;overflow:hidden}.vehicle{color:#d7e8c9;width:280px;position:absolute;left:0;bottom:16px;will-change:transform}.vehicle svg{display:block;width:100%}.road-line{position:absolute;bottom:16px;width:100%;height:1px;background:#53614d}.bridge-line{font-family:Manrope,Arial,sans-serif;font-size:clamp(32px,4vw,55px);line-height:1.18;letter-spacing:-.045em;margin:0}.avatar-stage{position:relative;background:#ebece5;min-height:425px;overflow:hidden}.avatar-stage #avatar-poster{width:100%;height:425px;object-fit:contain}.avatar-stage [hidden],.avatar-controls[hidden]{display:none!important}.avatar-stage #avatar-canvas{height:480px;width:100%;cursor:grab}.avatar-stage canvas{display:block;touch-action:pan-y}.avatar-stage canvas:active{cursor:grabbing}#avatar-load{position:absolute;bottom:20px;left:18px;right:18px;background:#192321;color:#f3f3ed;border:0;padding:12px;font-size:12px}#avatar-status{font-size:11px;position:absolute;bottom:65px;left:15px;right:15px;background:#f3f3edd9;margin:0;text-align:center}#avatar-status:empty{display:none}.avatar-controls{display:flex;justify-content:space-between;gap:8px;padding-top:14px}.avatar-controls button{font-size:11px;border:1px solid var(--line);background:none;padding:8px}.avatar figcaption span{white-space:normal;display:block}.motion-paused .vehicle{will-change:auto}
@media(max-width:600px){.story-route{grid-template-columns:1fr}.story-link{grid-template-columns:1fr;gap:22px;padding-bottom:45px}.story-link h2{font-size:32px}.story-link .eyebrow{margin-bottom:12px}.vehicle{width:190px}.vehicle-track{height:115px}.motoring-bridge{padding:35px 0 45px}.avatar-stage{min-height:340px}.avatar-stage #avatar-poster{height:340px}.avatar-stage #avatar-canvas{height:400px}.story-directory{gap:45px}nav{gap:8px}.role-note{margin-bottom:45px}}

.vehicle .race-car{position:absolute;inset:0;opacity:calc(1 - var(--car-phase,0))}.vehicle .road-car{opacity:var(--car-phase,0)}/* Graphic direction: precision, contrast, acid accents, editorial scale. */
:root{--ink:#f0f1eb;--muted:#a9aca7;--paper:#0d0e0e;--line:#363838;--accent:#32ffd2;--space:clamp(85px,10vw,150px)}
body{background:#0d0e0e;color:var(--ink)}header{background:#0d0e0ef2;border-color:#373936}.wordmark span{color:var(--accent)}.read-progress{background:var(--accent);height:3px}.eyebrow{font-family:monospace;color:#c7cbbe;letter-spacing:.14em}.hero{position:relative;padding-top:60px}.hero>.eyebrow{color:var(--accent)}.hero-copy{grid-template-columns:1.9fr 1fr;gap:50px}.hero-copy h1{font-size:clamp(70px,9.6vw,146px);font-weight:800;letter-spacing:-.075em;line-height:.94}.hero-copy h1 em{color:var(--accent)}.hero-copy .tagline{font-size:21px;color:#fff}.hero-copy .text-link{color:var(--accent);border-color:var(--accent)}.hero>figure{position:relative;border-top:5px solid var(--accent)}.hero>figure:before{content:'01 / EXPERIENCE IN THE REAL WORLD';position:absolute;top:16px;left:16px;z-index:2;background:#0d0e0e;color:#32ffd2;padding:8px 12px;font:11px monospace;letter-spacing:.06em;pointer-events:none}.hero>figure .image-open{clip-path:polygon(0 0,96% 0,100% 8%,100% 100%,0 100%)}
h2{font-weight:700;letter-spacing:-.065em}h2 em{font-style:normal;color:var(--accent)}h3{font-weight:600}.section-heading .eyebrow{display:flex;align-items:center;gap:16px}.section-heading .eyebrow:before{content:'+';font-size:26px;line-height:1;color:var(--accent)}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link:after{content:''}.brands{background:#e8e9e3;color:#111;padding:35px;width: min(1320px,calc(100% - 96px));margin-top:50px}.brands .eyebrow{color:#343832}.logos img{height:65px}.edge-manifesto{margin-top:80px;background:var(--accent);color:#0d0e0e;padding:38px 0;overflow:hidden}.edge-manifesto .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 35px}.edge-manifesto span{font:800 clamp(25px,3.4vw,52px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.06em}.edge-manifesto small{flex-basis:100%;font:11px monospace;letter-spacing:.13em;text-transform:uppercase;margin-top:16px}.facts strong{color:var(--accent)}.story-stage{position:relative}.stage-copy .eyebrow{color:var(--accent)}.image-open{background:#e5e6e2}.image-open:focus-visible{outline-color:var(--accent)}.product-controls button{background:transparent;color:var(--ink);border-color:#686d63}.product-controls button[aria-pressed=true]{background:var(--accent);color:#0d0e0e;border-color:var(--accent)}.product,.product-feature{border-color:var(--line)}.website{border-color:var(--line)}.website:hover h3{color:var(--accent)}.website img{background:#e6e6df}.story-route a:hover{color:var(--accent)}.role-note{border-left:3px solid var(--accent);padding-left:28px}.case h1{font-weight:800}.case-section>figure+figure{margin-top:40px}.case-section{border-top:1px solid var(--line);padding-top:45px}.case-section .stage-copy{margin-bottom:38px}.next-case{background:#191b18;color:var(--ink);border-top:2px solid var(--accent)}.next-case:hover{background:#272b20}.next-case small{color:var(--accent)}.avatar-stage{border-top:4px solid var(--accent)}.avatar-controls button:hover{background:var(--accent);color:#0d0e0e}#avatar-status{color:#111}footer>p{font-weight:700}footer>a{color:var(--accent)}a:focus-visible,button:focus-visible{outline-color:var(--accent)}
.race-transition{background:#e9eded;color:#101212;overflow:hidden;border-top:8px solid #32ffd2;border-bottom:1px solid #a3aaa4;padding:28px 0 20px;position:relative}.race-meta{display:flex;justify-content:space-between;gap:18px;font:11px/1.5 monospace;letter-spacing:.1em}.race-meta span:last-child{font-size:22px;line-height:1}.race-lane{position:relative;height:clamp(240px,25vw,390px);display:flex;align-items:center;isolation:isolate}.race-word{font:800 clamp(45px,8.6vw,130px)/.9 Manrope,Arial,sans-serif;letter-spacing:-.075em;max-width:85%;color:#101212;opacity:.12}.race-car{position:absolute;top:50%;left:50%;width:clamp(330px,48vw,740px);height:auto;mix-blend-mode:multiply;transform:translate(-50%,-50%);will-change:transform;pointer-events:none}.race-caption{margin:0;border-top:1px solid #a7b0ab;padding-top:15px;font:10px monospace;letter-spacing:.16em}.race-transition:after{content:'';position:absolute;right:0;bottom:0;width:95px;height:20px;background:repeating-linear-gradient(135deg,#111 0 7px,#32ffd2 7px 15px)}.design-lab{border-top:0}.design-lab .image-open{border-left:5px solid var(--accent)}.motion-paused .race-car{will-change:auto}
@media(max-width:900px){.hero-copy{grid-template-columns:1fr;gap:28px}.hero-copy>div{max-width:560px}.hero-copy h1{font-size:clamp(66px,12vw,110px)}.brands{padding:24px}.race-car{width:70vw}}
@media(max-width:600px){.hero{padding-top:35px}.hero-copy h1{font-size:clamp(50px,11.5vw,70px)}.hero-copy .tagline{font-size:17px}.hero>figure:before{font-size:8px;top:8px;left:8px;padding:5px}.brands{width:calc(100% - 40px);padding:20px 12px;margin-top:35px}.brands .eyebrow{font-size:9px}.edge-manifesto{margin-top:45px;padding:25px 0}.edge-manifesto .wrap{display:block}.edge-manifesto span{display:block;font-size:30px}.edge-manifesto small{display:block;line-height:1.8;font-size:9px}.race-meta{font-size:8px;gap:8px}.race-meta span:last-child{display:none}.race-lane{height:220px}.race-word{font-size:45px}.race-car{width:330px;max-width:none}.race-caption{font-size:8px}.role-note{padding-left:17px}.case-section{padding-top:28px}.hero-copy{margin-bottom:30px}.logos img{height:50px}.section-heading .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.race-car{will-change:auto}.hero>figure .image-open{transition:none}}
.race-lane{overflow:hidden}.race-car{mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}.race-meta{position:relative;z-index:2}

/* Bright aquamarine identity and inverted brand wall. */
.brands{background:#101212;border:1px solid #363838;border-top:3px solid #32ffd2;color:#f0f1eb}.brands .eyebrow{color:#b7c4c0}.logos img{filter:invert(1);mix-blend-mode:screen}.race-transition{border-top-color:#32ffd2}
/* Continuous brand ribbon; originals remain the sole accessible set. */
.brands{position:relative;padding:30px 0 20px;background:#101212;border:0;border-top:1px solid #3b4946;border-bottom:1px solid #3b4946}.brands>.eyebrow{padding:0 30px}.logo-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.logo-belt{display:flex;width:max-content;animation:logo-travel 48s linear infinite}.logos{display:flex;flex:none;gap:65px;padding:10px 32.5px;overflow:visible}.logos img{width:160px;height:110px;object-fit:contain;transform:scale(1.55);flex:none}.logo-pause{display:block;margin:16px 30px 0 auto;border:0;border-bottom:1px solid #52635d;padding:4px 0;background:transparent;font:10px monospace;color:#b7c4c0}.brands:hover .logo-belt,.brands:focus-within .logo-belt,.brands.logo-stopped .logo-belt,.motion-paused .logo-belt{animation-play-state:paused}@keyframes logo-travel{to{transform:translateX(-50%)}}
/* Product tours communicate both sequence and control. */
.tour-bar{display:flex;align-items:center;gap:18px;position:relative;padding:18px 0 16px;margin-bottom:8px;font:10px/1.5 monospace;letter-spacing:.07em}.tour-label{color:#32ffd2}.tour-state{color:#b9c7c2;margin-left:auto}.tour-pause{border:1px solid #53645e;background:transparent;padding:7px 10px;color:#f0f1eb;font:11px monospace}.tour-pause:hover{border-color:#32ffd2;color:#32ffd2}.tour-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#303b37}.tour-progress span{height:100%;width:100%;display:block;background:#32ffd2;transform:scaleX(0);transform-origin:left}.product-controls button{position:relative;flex:1;text-align:left;padding:16px 12px!important;transition:color .35s,background .35s,border-color .35s}.product-controls button[aria-pressed=true]{background:#162d28!important;color:#32ffd2!important;border-bottom:2px solid #32ffd2!important}.device-screen img{transition:transform 850ms cubic-bezier(.2,.7,.2,1),filter 850ms ease}.ui-description{min-height:3.3em}
/* Quiet framing and restrained spectral geometry, informed by the references. */
.hero-copy{position:relative}.hero-copy:after{content:'';position:absolute;right:0;bottom:-31px;width:150px;height:6px;background:linear-gradient(110deg,#32ffd2,#7387bf,#b18aaf);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);opacity:.7}.hero>figure{border-top:1px solid #526760}.hero>figure .image-open{clip-path:polygon(0 0,97.5% 0,100% 4.5%,100% 100%,0 100%)}.edge-manifesto{background:#0d0e0e;color:#f0f1eb;border-top:1px solid #35463f;border-bottom:1px solid #35463f}.edge-manifesto span:last-of-type{color:#32ffd2}.edge-manifesto small{color:#95aaa1}.race-transition{border-top-width:2px}.race-transition:after{height:8px;width:72px}.avatar-stage{border-top:0}.avatar-stage:after{content:'';position:absolute;inset:16px;border:1px solid #8a9992;pointer-events:none}.avatar{position:relative}.avatar:before{content:'JT / CREATIVE PRACTICE';display:block;font:9px monospace;letter-spacing:.13em;color:#9cb2a8;padding-bottom:12px}.hero>figure:before{background:#101212dc;color:#c9e5dc}.image-open{outline-offset:6px}.brands .eyebrow{font-size:10px}
@media(max-width:600px){.logos{gap:34px;padding:8px 17px}.logos img{width:130px;height:96px}.brands>.eyebrow{padding:0 15px}.tour-bar{gap:8px;flex-wrap:wrap;padding-bottom:13px}.tour-label{font-size:9px}.tour-state{font-size:9px}.tour-pause{font-size:10px;padding:5px 8px}.product-controls{gap:5px}.product-controls button{padding:12px 6px!important;font-size:10px}.ui-description{min-height:5em}.hero-copy:after{bottom:-17px;width:100px}.logo-pause{margin-right:15px}}
@media(prefers-reduced-motion:reduce){.logo-belt{animation:none}.product-controls button,.device-screen img{transition:none}}

/* Portfolio identity */
.wordmark{display:block;flex-shrink:0;line-height:1.12}.wordmark small{display:block;margin-top:6px;font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:400;letter-spacing:.025em;line-height:1.3;color:var(--muted)}
@media(max-width:600px){header{min-height:96px}.read-progress{top:96px}.wordmark small{font-size:9px;margin-top:4px}}

/* Art direction: framed color, negative space, iconic center, vertical type. */
html{scroll-behavior:smooth;scroll-padding-top:110px}
.hero .color-aperture .image-open{position:relative;clip-path:none;background:#0d0e0e}
.hero .color-aperture .image-open img{filter:grayscale(1);display:block}
.color-aperture .image-open:after{content:'';position:absolute;inset:0;background:url('assets/f1-hero.webp') center/contain no-repeat;clip-path:inset(0 var(--aperture,36%) 0 var(--aperture,36%));pointer-events:none}
.color-aperture .image-open:before{content:'';position:absolute;z-index:2;inset:0 var(--aperture,36%);border-inline:1px solid #ffffffbd;pointer-events:none}
.hero>.color-aperture{border-top:0}.hero>.color-aperture:before{background:#0d0e0ecc;border:1px solid #ffffff45}
.graphic-interlude{position:relative;display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:8%;min-height:700px;padding-block:110px;margin-block:40px 80px;border-top:1px solid #343a37;border-bottom:1px solid #343a37}
.graphic-copy h2{font-size:clamp(46px,5.6vw,84px);font-weight:800;line-height:.94;letter-spacing:-.065em;margin:36px 0}.graphic-copy h2 em{font-style:normal;color:var(--accent)}.graphic-copy>p:last-child{font-size:15px;line-height:1.65;color:var(--muted)}
.slash-art{position:relative;margin:0;aspect-ratio:.82}.slash-art img{width:100%;height:100%;object-fit:cover;object-position:60% center;mask-image:repeating-linear-gradient(140deg,#000 0 12%,transparent 12% 19%)}
.slash-art figcaption{position:absolute;bottom:-34px;left:0;font:8px/1.5 monospace;letter-spacing:.08em;color:var(--muted)}
.graphic-rail{position:absolute;right:-28px;top:50%;writing-mode:vertical-rl;font:10px monospace;letter-spacing:.17em;color:var(--accent)}
.race-transition{padding-top:32px}.race-lane{height:clamp(290px,32vw,475px);overflow:visible}.race-transition .wrap{position:relative}.race-car{width:clamp(370px,60vw,880px);max-width:none}.race-word{position:absolute;left:0;top:14%;writing-mode:vertical-rl;font-size:clamp(24px,3.2vw,48px);letter-spacing:-.045em;opacity:.85;max-width:none;z-index:-1}
.race-lane:before{content:'+';position:absolute;right:5%;top:15%;font:300 65px/1 monospace;color:#111;opacity:.8}.race-lane:after{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid #10121230;z-index:-2}.race-transition[data-direction='-1'] .race-word{left:auto;right:0;transform:rotate(180deg)}
.avatar-stage{background:radial-gradient(ellipse at 50% 85%,#32ffd242,transparent 50%),#cfd5d2;isolation:isolate}.avatar-stage:after{inset:14px;border-color:#34483d50}.avatar-type{position:absolute;left:22px;top:30px;writing-mode:vertical-rl;font:800 clamp(28px,3.7vw,58px)/1 Manrope,Arial,sans-serif;letter-spacing:-.07em;color:#101412;z-index:-1}.avatar-edition{position:absolute;right:23px;top:34px;writing-mode:vertical-rl;font:9px/1.7 monospace;letter-spacing:.08em;color:#23392f;z-index:-1}.avatar-stage #avatar-canvas{position:relative;z-index:1}.avatar{width:100%}.avatar:before{content:'01 / JOEL TARASIUK / CREATIVE DIRECTOR';color:var(--accent)}
@media(max-width:700px){.graphic-interlude{min-height:0;padding-block:60px;gap:24px;grid-template-columns:1fr 1fr;margin-block:30px 50px}.graphic-copy h2{font-size:clamp(29px,6.6vw,46px);margin:24px 0}.graphic-copy .eyebrow{font-size:7px}.graphic-copy>p:last-child{font-size:11px}.slash-art{aspect-ratio:.56}.slash-art figcaption{font-size:7px;bottom:-44px}.graphic-rail{right:-15px;font-size:7px}.race-lane{height:260px}.race-word{font-size:28px}.race-car{width:420px}.avatar-type{font-size:42px}.avatar-edition{font-size:8px}}
.motion-paused .color-aperture .image-open:after{clip-path:none}.motion-paused .color-aperture .image-open:before{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.color-aperture .image-open:after{clip-path:none}.color-aperture .image-open:before{display:none}}

/* A shared editorial language across disciplines. */
.case-masthead{position:relative;padding:10px 9% 58px 0;border-bottom:1px solid #35423d;margin-bottom:60px;overflow:hidden}
.case-masthead:after{content:'';position:absolute;bottom:0;left:0;width:150px;height:6px;background:repeating-linear-gradient(135deg,var(--accent) 0 14px,transparent 14px 22px)}
.case-masthead h1{font-size:clamp(56px,8.3vw,122px);font-weight:800;letter-spacing:-.07em;line-height:.98;max-width:1000px}
.case-masthead>.eyebrow{color:var(--accent);font-family:monospace;margin-bottom:32px}.case-masthead .case-deck{margin:35px 0 0;font-size:clamp(18px,2vw,25px);max-width:740px;line-height:1.55}
.case-signature{position:absolute;right:0;top:14px;writing-mode:vertical-rl;font:10px monospace;letter-spacing:.2em;color:#a8b6ae}
.case-section{position:relative;padding-top:38px;border-top:1px solid #303a35;margin-top:70px}.case-section:before{content:attr(data-step);display:block;color:var(--accent);font:11px monospace;letter-spacing:.16em;margin-bottom:22px}.case-section h2{font-weight:700;letter-spacing:-.055em;max-width:1000px}.case-section>p{max-width:800px;color:var(--muted)}
.editorial-frame{position:relative;margin-top:28px}.editorial-frame:before{content:'';position:absolute;top:-8px;left:-8px;width:30px;height:30px;border-top:1px solid var(--accent);border-left:1px solid var(--accent);pointer-events:none;z-index:3}.editorial-frame:after{content:'';position:absolute;right:-8px;bottom:35px;width:30px;height:30px;border-right:1px solid #9eafa5;border-bottom:1px solid #9eafa5;pointer-events:none}.editorial-frame figcaption{padding-top:18px;font-family:monospace;font-size:10px;letter-spacing:.04em}
.direction-note{background:#e6ece8;color:#101713!important;padding:35px 40px!important;border:0!important;border-left:5px solid var(--accent)!important}.direction-note p,.direction-note strong{color:#263b31!important}.direction-note .eyebrow{color:#263b31!important}
.study-aperture .image-open{position:relative}.study-aperture .image-open img{filter:grayscale(1)}.study-aperture .image-open:after{content:'';position:absolute;inset:0;background:var(--study-image) center/contain no-repeat;clip-path:inset(0 var(--study-aperture,28%));pointer-events:none}.study-aperture .image-open:before{content:'';position:absolute;inset:0 var(--study-aperture,28%);border-inline:1px solid #ffffff9a;pointer-events:none;z-index:2}
.chapter{position:relative}.chapter:before{content:attr(data-discipline);position:absolute;top:var(--space);left:-28px;writing-mode:vertical-rl;transform:rotate(180deg);color:#8b9e94;font:8px monospace;letter-spacing:.19em}.chapter .section-heading{position:relative;padding-left:26px;border-left:2px solid var(--accent)}.chapter .section-heading h2{font-weight:700;letter-spacing:-.06em}.chapter .section-heading .eyebrow{color:var(--accent)}
.product{position:relative;padding:36px 0 0;border-top:1px solid #4a5c52}.product:before{content:attr(data-product-index);font:12px monospace;color:var(--accent);display:block;margin-bottom:25px}.product-title h3{font-size:clamp(40px,5vw,68px);font-weight:700}.device-scene{outline:1px solid #557b69;outline-offset:8px;margin-block:38px 26px}.product-bottom h4{font-weight:700}.product-bottom .workflow{color:var(--accent);font-family:monospace;line-height:1.8}.tour-bar{border-color:#466554}
.website{display:block;position:relative;padding:20px;border:1px solid #36443b;transition:border-color .3s,background .3s}.website:before{content:attr(data-site-index);display:block;margin-bottom:20px;color:var(--accent);font:9px monospace;letter-spacing:.1em}.website:hover{border-color:var(--accent);background:#14211b}.website img{transition:filter .6s,transform .6s}.website h3{font-weight:700}.website-grid{gap:34px}
.next-case{position:relative;overflow:hidden;margin-top:90px;padding:45px 70px 45px 0;border-top:1px solid #617568;border-bottom:1px solid #617568}.next-case:after{content:'↗';position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:50px;color:var(--accent);transition:transform .3s}.next-case:hover:after{transform:translate(5px,calc(-50% - 5px))}.next-case small{color:var(--accent)}.next-case span{font-weight:700;font-size:clamp(28px,4vw,58px);line-height:1.1;max-width:1000px}
.closing-rail{font:10px monospace;letter-spacing:.18em;color:var(--accent);border-top:1px solid #34453b;padding-top:25px;margin-bottom:55px}footer{position:relative}footer>p{font-weight:700;max-width:900px;font-size:clamp(38px,5.6vw,80px);line-height:1.05}footer>a{display:inline-block;color:var(--accent);margin-top:15px;border-bottom:1px solid #32ffd25a;padding-bottom:8px}
.motion-paused .study-aperture .image-open:after{clip-path:none}.motion-paused .study-aperture .image-open:before{display:none}
@media(max-width:700px){.case-masthead{padding-right:25px;padding-bottom:38px;margin-bottom:40px}.case-masthead h1{font-size:clamp(46px,11vw,76px)}.case-signature{font-size:7px}.case-masthead .eyebrow{font-size:8px}.case-section{padding-top:26px;margin-top:45px}.editorial-frame:before{top:-5px;left:-5px;width:20px;height:20px}.editorial-frame:after{right:-5px;width:20px;height:20px}.direction-note{padding:25px!important}.chapter:before{display:none}.chapter .section-heading{padding-left:16px}.product-title h3{font-size:40px}.device-scene{outline-offset:4px;margin-block:24px}.website{padding:13px}.website:before{font-size:8px}.closing-rail{margin-bottom:35px;font-size:8px}.next-case{padding-right:45px}.next-case:after{font-size:35px}.editorial-frame figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.study-aperture .image-open:after{clip-path:none}.study-aperture .image-open:before{display:none}}

.case-masthead .title-accent{font-style:normal;color:var(--accent)}.case-section.labeled-step:before{display:none}

@property --aperture{syntax:'<percentage>';inherits:true;initial-value:36%}
@property --study-aperture{syntax:'<percentage>';inherits:true;initial-value:28%}
.color-aperture{transition:--aperture .6s cubic-bezier(.2,.7,.3,1)}.study-aperture{transition:--study-aperture .6s cubic-bezier(.2,.7,.3,1)}
.color-aperture .image-open:after,.study-aperture .image-open:after{clip-path:none;mask-image:linear-gradient(to right,transparent calc(var(--aperture,36%) - 2%),#000 calc(var(--aperture,36%) + 1%),#000 calc(99% - var(--aperture,36%)),transparent calc(102% - var(--aperture,36%)))}
.study-aperture .image-open:after{mask-image:linear-gradient(to right,transparent calc(var(--study-aperture) - 2%),#000 calc(var(--study-aperture) + 1%),#000 calc(99% - var(--study-aperture)),transparent calc(102% - var(--study-aperture)))}
.slash-art{overflow:hidden}.slash-art img{transform:translateY(var(--stripe-y,0px)) scale(1.1);will-change:transform;mask-image:none}.slash-art:before{content:'';position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(140deg,transparent 0 12%,#0d0e0e 12% 19%);pointer-events:none}.slash-art figcaption{bottom:0;padding:12px 8px;background:#0d0e0e;z-index:2;width:100%}
.text-link{background:var(--accent);color:#071b13!important;border:1px solid var(--accent)!important;padding:13px 19px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.text-link:hover{background:#9fffe9;box-shadow:0 0 0 4px #32ffd21a;transform:translateY(-2px)}.website-action{display:inline-block;background:var(--accent);color:#071b13;padding:10px 13px;margin-top:24px;font-size:12px;font-weight:700}.website>div>span{color:var(--accent)}
.flow-enlarge{display:block;width:100%;height:100%;padding:0;border:0;background:#101619;cursor:zoom-in}.flow-enlarge img{object-fit:contain!important}.flow-enlarge:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.interactive-film video{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:#090b0b}.film-toggle{background:transparent;border:1px solid var(--accent);color:var(--accent);font:11px monospace;padding:9px 12px;white-space:nowrap}.interactive-film figcaption{align-items:center}
.motion-paused .slash-art img{transform:scale(1.1);will-change:auto}.motion-paused .color-aperture .image-open:after,.motion-paused .study-aperture .image-open:after{mask-image:none}
@media(prefers-reduced-motion:reduce){.color-aperture,.study-aperture{transition:none}.slash-art img{transform:scale(1.1);will-change:auto}.color-aperture .image-open:after,.study-aperture .image-open:after{mask-image:none}}
@media(max-width:600px){.text-link{font-size:12px;padding:12px 14px}.interactive-film figcaption{align-items:start}.film-toggle{font-size:9px;padding:8px}}

/* Direct access to a broad portfolio of live builds. */
.web-volume-meta{display:flex;justify-content:space-between;gap:20px;border-block:1px solid #36443e;padding:18px 0;margin:36px 0 28px;font:11px monospace;letter-spacing:.15em;color:#32ffd2}.web-volume{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.web-card{display:block;text-decoration:none;color:inherit;background:#131916;border:1px solid #303b35;transition:transform .3s,border-color .3s;overflow:hidden}.web-card:hover,.web-card:focus-visible{transform:translateY(-5px);border-color:#32ffd2;outline:2px solid transparent}.web-card-image{position:relative;aspect-ratio:16/10;background:#222;overflow:hidden}.web-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s;filter:none!important}.web-card:hover img{transform:scale(1.025)}.web-launch{position:absolute;right:12px;bottom:12px;background:#32ffd2;color:#071810;width:38px;height:38px;display:grid;place-items:center;font-size:24px}.web-card-meta{padding:20px}.web-card-meta small{color:#32ffd2;font:10px monospace;text-transform:uppercase;letter-spacing:.12em}.web-card-meta h3{font-size:24px;line-height:1.15;margin:12px 0 10px;letter-spacing:-.03em}.web-card-meta>span{display:block;color:#aebbb3;font-size:12px}.web-card-meta b{display:block;font-size:12px;margin-top:18px;color:#32ffd2}@media(max-width:950px){.web-volume{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.web-volume{grid-template-columns:1fr}.web-volume-meta{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){.web-card,.web-card-image img{transition:none}.web-card:hover{transform:none}}