@font-face{font-family:"Barlow Condensed";src:url("./assets/fonts/BarlowCondensed-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("./assets/fonts/BarlowCondensed-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("./assets/fonts/BarlowCondensed-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bebas Neue";src:url("./assets/fonts/BebasNeue-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
:root{--v3-bg:#080a0a;--v3-ink:#f0dfc7;--v3-muted:#b9a991;--v3-accent:#f04428;--v3-line:rgba(224,202,171,.17);--v3-cream:#e9e1d4;--v3-display:"Bebas Neue","Arial Narrow",sans-serif}
.v3-shell{background:var(--v3-bg)}
.v3-shell .site-pane{background:var(--v3-bg);color:var(--v3-ink)}
.v3-shell.companion-open{grid-template-columns:minmax(0,1fr) 8px var(--sidecar-width)}
.v3-shell .global-masthead{height:72px;padding:0 34px;background:rgba(9,10,9,.96);border-color:var(--v3-line);backdrop-filter:blur(18px)}
.v3-shell .global-wordmark{width:138px}.v3-shell .global-wordmark img{filter:none}
.v3-shell .global-masthead nav{gap:34px}.v3-shell .global-masthead nav button{font-size:12px;color:#d8d2c8}
.v3-shell .global-masthead nav button.active{color:var(--v3-ink)}
.v3-shell .global-masthead nav button.active:after{background:var(--v3-accent)}
.v3-shell .masthead-companion{display:none}
.v3-shell .site-scroll{background:var(--v3-bg)}
.v3-shell>.pane-divider{background:#111210;border-color:var(--v3-line)}

.v3-home{background:var(--v3-bg);color:var(--v3-ink)}
.v3-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);min-height:calc(100dvh - 72px);overflow:hidden;border-bottom:1px solid var(--v3-line)}
.v3-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(241,237,227,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(241,237,227,.035) 1px,transparent 1px);background-size:150px 150px;pointer-events:none}
.v3-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(72px,9vh,130px) clamp(38px,5.2vw,92px)}
.v3-hero-copy>span,.v3-throughline header>span,.v3-work-intro>span,.v3-live>div>span{font-size:11px;font-weight:700;letter-spacing:.2em;color:#d7cbb9}
.v3-hero-copy h1{max-width:10.7ch;margin:30px 0 0;font-family:var(--v3-display);font-size:clamp(4rem,6.8vw,8.2rem);font-weight:700;line-height:.88;letter-spacing:-.045em;color:var(--v3-ink)}
.v3-hero-copy h1 em{font-style:normal;color:var(--v3-accent)}
.v3-hero-copy>p{max-width:560px;margin:42px 0 0;font-size:clamp(16px,1.18vw,20px);line-height:1.7;color:#c1bcb2}
.v3-hero-actions{display:flex;gap:16px;margin-top:42px}.v3-hero-actions button,.v3-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:52px;padding:0 24px;border:1px solid var(--v3-accent);font-size:11px;font-weight:800;letter-spacing:.13em;color:#fff;background:var(--v3-accent)}
.v3-hero-actions a{border-color:rgba(241,237,227,.42);color:var(--v3-ink);background:transparent}
.v3-hero-actions button:hover{background:#ff5347}.v3-hero-actions a:hover{border-color:var(--v3-ink)}
.v3-hero-copy>small{margin-top:auto;padding-top:70px;font-size:9px;letter-spacing:.2em;color:#77746e}
.v3-portrait{position:relative;align-self:stretch;margin:0;overflow:hidden;background:radial-gradient(circle at 55% 34%,#343535 0,#151615 48%,#090a09 78%)}
.v3-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--v3-bg),transparent 28%),linear-gradient(0deg,var(--v3-bg),transparent 25%)}
.v3-portrait i{position:absolute;z-index:1;left:7%;bottom:14%;width:18px;height:56%;background:var(--v3-accent)}
.v3-portrait img{position:absolute;z-index:2;width:125%;height:100%;left:-15%;top:0;object-fit:cover;object-position:55% center;mix-blend-mode:luminosity;filter:contrast(1.06) brightness(.86)}

.v3-throughline{padding:clamp(96px,12vw,180px) clamp(38px,5.2vw,92px);background:var(--v3-cream);color:#111210}
.v3-throughline header{max-width:980px}.v3-throughline header>span{color:#b8342b}.v3-throughline h2,.v3-work-intro h2,.v3-live h2{margin:24px 0 0;font-family:var(--v3-display);font-size:clamp(3rem,5.1vw,6.3rem);line-height:.94;letter-spacing:-.035em}.v3-throughline header>p{max-width:760px;margin:28px 0 0;font-size:18px;line-height:1.65;color:#4e4b45}
.v3-throughline>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:90px;border-top:1px solid rgba(17,18,16,.2)}
.v3-throughline article{padding:34px 40px 0 0}.v3-throughline article+article{padding-left:40px;border-left:1px solid rgba(17,18,16,.2)}
.v3-throughline article b{font-size:11px;color:#c03930}.v3-throughline article h3{margin:32px 0 0;font-size:15px;letter-spacing:.14em}.v3-throughline article p{max-width:34ch;margin:18px 0 0;font-size:14px;line-height:1.7;color:#625f58}

.v3-work-intro{padding:clamp(120px,15vw,230px) clamp(38px,5.2vw,92px) clamp(72px,8vw,120px);border-bottom:1px solid var(--v3-line)}
.v3-work-intro>span,.v3-live>div>span{color:var(--v3-accent)}.v3-work-intro h2{max-width:12ch}.v3-work-intro p{max-width:720px;margin:32px 0 0;font-size:18px;line-height:1.75;color:var(--v3-muted)}
.v3-projects{display:grid;gap:1px;background:var(--v3-line)}
.v3-projects article{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);min-height:540px;background:var(--v3-bg)}
.v3-projects article:nth-child(even){grid-template-columns:minmax(340px,.7fr) minmax(0,1.3fr)}.v3-projects article:nth-child(even) img{grid-column:2}.v3-projects article:nth-child(even) div{grid-column:1;grid-row:1}
.v3-projects img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.76)}
.v3-projects article>div{display:flex;flex-direction:column;justify-content:center;padding:64px}
.v3-projects span{font-size:10px;letter-spacing:.18em;color:var(--v3-accent)}.v3-projects h3{margin:24px 0 0;font-family:var(--v3-display);font-size:clamp(2.5rem,3.6vw,4.6rem);line-height:.94}.v3-projects p{margin:26px 0 0;font-size:15px;line-height:1.75;color:var(--v3-muted)}.v3-projects button,.v3-live button{align-self:flex-start;margin-top:36px;border:0;border-bottom:1px solid var(--v3-accent);padding:0 0 8px;background:transparent;color:var(--v3-accent);font-size:10px;font-weight:800;letter-spacing:.15em}
.v3-live{display:grid;grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);gap:80px;padding:clamp(120px,14vw,220px) clamp(38px,5.2vw,92px);align-items:center}.v3-live p{max-width:460px;margin:30px 0 0;font-size:17px;line-height:1.7;color:var(--v3-muted)}.v3-live figure{margin:0;border:1px solid var(--v3-line);box-shadow:0 30px 80px rgba(0,0,0,.38)}.v3-live img{display:block;width:100%}
.v3-close{display:flex;align-items:center;gap:24px;padding:52px clamp(38px,5.2vw,92px);border-top:1px solid var(--v3-line)}.v3-close>span{margin-right:auto;font-family:var(--v3-display);font-size:clamp(2rem,3vw,3.8rem)}.v3-close button,.v3-close a{padding:16px 22px;border:1px solid var(--v3-accent);background:var(--v3-accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em}.v3-close a{border-color:var(--v3-line);background:transparent;color:var(--v3-ink)}

.v3-companion{display:flex!important;flex-direction:column!important;background:#0b0c0b!important;border-left:1px solid var(--v3-line)!important;color:var(--v3-ink)!important;min-width:0!important}
.v3-companion-header{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:start;min-height:136px;padding:30px 26px;border-bottom:1px solid var(--v3-line);background:#0b0c0b}.v3-companion-header div small{display:block;font-family:var(--v3-display);font-size:21px;letter-spacing:.08em}.v3-companion-header div b{display:block;margin-top:7px;font-size:12px;font-weight:400;color:var(--v3-muted)}.v3-companion-header>span{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.17em;color:#b7b2a9}.v3-companion-header>span i{width:7px;height:7px;border-radius:50%;background:#62c874}.v3-companion-header>button{height:28px;border:1px solid var(--v3-line);border-radius:3px;background:transparent;color:var(--v3-muted)}.v3-companion-header>.v3-size-control{width:auto;padding:0 10px;font-size:8px;font-weight:700;letter-spacing:.13em;white-space:nowrap}.v3-companion-header>button:not(.v3-size-control){width:28px}.v3-companion-header>.v3-size-control:hover{border-color:var(--v3-accent);color:var(--v3-ink)}
.v3-companion-welcome{display:grid;grid-template-columns:36px 1fr;gap:15px;margin:62px 26px 0}.v3-companion-avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--v3-accent);border-radius:50%;font-size:11px;color:var(--v3-accent)}.v3-companion-welcome p{margin:0;padding:17px;border:1px solid var(--v3-line);border-radius:8px;font-size:14px;line-height:1.65;color:#d7d2ca;background:#151614}
.v3-prompt-list{display:grid;gap:11px;margin:44px 26px 0}.v3-prompt-list button{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 18px;border:1px solid rgba(241,237,227,.22);border-radius:4px;background:transparent;color:#ddd7ce;font-size:12px;text-align:left}.v3-prompt-list button:hover{border-color:var(--v3-accent);color:#fff}.v3-prompt-list i{color:var(--v3-accent);font-style:normal}.v3-companion-spacer{flex:1;min-height:64px}.v3-viewing{margin:0 26px 18px;font-size:8px;letter-spacing:.2em;color:#918c83}
.v3-composer{position:static!important;display:grid!important;grid-template-columns:1fr 48px!important;gap:8px!important;margin:0 26px 26px!important;padding:8px!important;border:1px solid rgba(241,237,227,.26)!important;border-radius:5px!important;background:#111210!important}.v3-composer textarea{min-height:54px!important;padding:14px!important;border:0!important;background:transparent!important;color:var(--v3-ink)!important;resize:none!important}.v3-composer .send-button{position:static!important;width:48px!important;height:48px!important;align-self:center!important;border-radius:4px!important;background:var(--v3-accent)!important;color:#fff!important}
.v3-companion.is-engaged .v3-companion-header{min-height:112px}.v3-companion.is-engaged>.context-stage{display:none!important}.v3-companion.is-engaged .thread{padding-top:24px!important}
.professional-intro-card{flex:none;margin:18px 26px 0;overflow:hidden;border:1px solid rgba(224,202,171,.28);border-radius:8px;background:#050606;box-shadow:0 18px 42px rgba(0,0,0,.3);animation:professional-intro-in .35s cubic-bezier(.2,.75,.2,1) both}.professional-intro-card header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#121413;border-bottom:1px solid rgba(224,202,171,.18)}.professional-intro-card header div{display:grid;gap:2px}.professional-intro-card header small{font:600 9px/1.2 "Aktiv Grotesk V4",sans-serif;letter-spacing:.14em;color:var(--v3-accent)}.professional-intro-card header b{font:400 13px/1.3 "Barlow Condensed",sans-serif;color:#ead8bd}.professional-intro-card header button{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(224,202,171,.2);border-radius:50%;background:transparent;color:#b9a991;font-size:18px}.professional-intro-card header button:hover{border-color:var(--v3-accent);color:#fff}.professional-intro-card video{display:block;width:100%;max-height:min(38vh,330px);background:#050606;object-fit:contain}.v3-companion.is-welcome:has(.professional-intro-card) .v3-companion-welcome{margin-top:18px}.v3-companion.is-welcome:has(.professional-intro-card) .v3-prompt-list{display:none}@keyframes professional-intro-in{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}
.professional-intro-card video::-webkit-media-controls-fullscreen-button{display:none!important}.professional-intro-card video::-webkit-media-controls-picture-in-picture-button{display:none!important}
.v3-companion-header{grid-template-columns:1fr auto auto}

/* V3 chapter choreography: user-controlled scroll, staged like an editorial film. */
.v3-motion-enabled .v3-hero-copy>span,.v3-motion-enabled .v3-hero-copy h1,.v3-motion-enabled .v3-hero-copy>p,.v3-motion-enabled .v3-hero-actions,.v3-motion-enabled .v3-hero-copy>small{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1)}
.v3-motion-enabled .v3-hero-copy h1{transform:translateY(46px);transition-delay:.1s}.v3-motion-enabled .v3-hero-copy>p{transition-delay:.22s}.v3-motion-enabled .v3-hero-actions{transition-delay:.32s}.v3-motion-enabled .v3-hero-copy>small{transition-delay:.43s}
.v3-motion-enabled .v3-portrait{clip-path:inset(0 0 100% 0);transform:scale(1.035);transition:clip-path 1.15s cubic-bezier(.22,.78,.16,1),transform 1.35s cubic-bezier(.22,.78,.16,1)}
.v3-motion-enabled .v3-portrait img{transform:scale(1.08);transition:transform 1.55s cubic-bezier(.22,.78,.16,1)}
.v3-motion-enabled .v3-hero.is-v3-visible .v3-hero-copy>span,.v3-motion-enabled .v3-hero.is-v3-visible .v3-hero-copy h1,.v3-motion-enabled .v3-hero.is-v3-visible .v3-hero-copy>p,.v3-motion-enabled .v3-hero.is-v3-visible .v3-hero-actions,.v3-motion-enabled .v3-hero.is-v3-visible .v3-hero-copy>small{opacity:1;transform:none}
.v3-motion-enabled .v3-hero.is-v3-visible .v3-portrait{clip-path:inset(0);transform:none}.v3-motion-enabled .v3-hero.is-v3-visible .v3-portrait img{transform:none}

.v3-chapter{position:relative}.v3-motion-enabled .v3-chapter>*{opacity:0;transform:translateY(52px);transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform 1s cubic-bezier(.2,.75,.2,1)}.v3-motion-enabled .v3-chapter.is-v3-visible>*{opacity:1;transform:none}
.v3-throughline{overflow:hidden}.v3-throughline:before{content:"";position:absolute;z-index:0;inset:0;background:#f1eadf;transform:scaleY(0);transform-origin:top;transition:transform 1.05s cubic-bezier(.2,.75,.2,1)}.v3-throughline>*{position:relative;z-index:1}.v3-throughline.is-v3-visible:before{transform:scaleY(1)}
.v3-motion-enabled .v3-throughline>div article{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.v3-motion-enabled .v3-throughline.is-v3-visible>div article{opacity:1;transform:none}.v3-motion-enabled .v3-throughline.is-v3-visible>div article:nth-child(2){transition-delay:.12s}.v3-motion-enabled .v3-throughline.is-v3-visible>div article:nth-child(3){transition-delay:.24s}
.v3-work-intro:after{content:"";position:absolute;left:clamp(38px,5.2vw,92px);bottom:0;width:0;height:1px;background:var(--v3-accent);transition:width 1.15s cubic-bezier(.2,.75,.2,1)}.v3-work-intro.is-v3-visible:after{width:calc(100% - clamp(76px,10.4vw,184px))}

.v3-projects article{position:relative;min-height:min(84vh,820px);overflow:hidden}.v3-motion-enabled .v3-projects article>*{opacity:1}.v3-motion-enabled .v3-projects article img{clip-path:inset(8% 6% 8% 6%);transform:scale(1.09);filter:saturate(.45) brightness(.55);transition:clip-path 1.05s cubic-bezier(.2,.75,.2,1),transform 1.35s cubic-bezier(.2,.75,.2,1),filter 1.2s ease}.v3-motion-enabled .v3-projects article>div{opacity:0;transform:translateX(46px);transition:opacity .8s ease .18s,transform .95s cubic-bezier(.2,.75,.2,1) .18s}.v3-motion-enabled .v3-projects article:nth-child(even)>div{transform:translateX(-46px)}.v3-motion-enabled .v3-projects article.is-v3-visible img{clip-path:inset(0);transform:scale(1);filter:saturate(.78) brightness(.78)}.v3-motion-enabled .v3-projects article.is-v3-visible>div{opacity:1;transform:none}
.v3-projects article:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--v3-accent);transform:scaleY(0);transform-origin:top;transition:transform .8s ease .35s}.v3-projects article:nth-child(odd):after{right:0}.v3-projects article:nth-child(even):after{left:0}.v3-projects article.is-v3-visible:after{transform:scaleY(1)}
.v3-motion-enabled .v3-live figure{opacity:0;clip-path:inset(7%);transform:translateY(54px) scale(.97);transition:opacity .85s ease .14s,clip-path 1.05s cubic-bezier(.2,.75,.2,1) .14s,transform 1.1s cubic-bezier(.2,.75,.2,1) .14s}.v3-motion-enabled .v3-live.is-v3-visible figure{opacity:1;clip-path:inset(0);transform:none}
.v3-companion.is-context-shifting .v3-viewing{animation:v3-context-pulse .65s ease}.v3-companion.is-context-shifting:before{content:"";position:absolute;z-index:4;left:0;top:0;width:2px;height:100%;background:var(--v3-accent);animation:v3-context-line .72s ease both;pointer-events:none}
@keyframes v3-context-pulse{0%{opacity:.25;transform:translateY(5px)}100%{opacity:1;transform:none}}@keyframes v3-context-line{0%{opacity:0;transform:scaleY(0);transform-origin:top}35%{opacity:1;transform:scaleY(1);transform-origin:top}100%{opacity:0;transform:scaleY(0);transform-origin:bottom}}

@media(prefers-reduced-motion:reduce){.v3-motion-enabled .v3-hero-copy>*,.v3-motion-enabled .v3-portrait,.v3-motion-enabled .v3-portrait img,.v3-motion-enabled .v3-chapter>*,.v3-motion-enabled .v3-projects article img,.v3-motion-enabled .v3-projects article>div,.v3-motion-enabled .v3-live figure{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}.v3-throughline:before,.v3-projects article:after{transform:none!important;transition:none!important}.v3-companion.is-context-shifting:before{display:none}}

@media(max-width:1180px){.v3-shell.companion-open{grid-template-columns:minmax(0,1fr) 7px minmax(320px,30vw)}.v3-hero{grid-template-columns:1fr minmax(300px,.58fr)}.v3-hero-copy h1{font-size:clamp(3.6rem,6.5vw,6rem)}.v3-projects article,.v3-projects article:nth-child(even){grid-template-columns:1fr}.v3-projects article:nth-child(even) img,.v3-projects article:nth-child(even) div{grid-column:1}.v3-projects article:nth-child(even) div{grid-row:auto}}
@media(max-width:899px){.v3-shell.companion-open{display:block}.v3-shell .site-scroll{padding-bottom:138px}.v3-shell .companion-sidecar{position:fixed!important;z-index:90!important;inset:auto 0 0 0!important;width:100%!important;height:138px!important;box-shadow:0 -24px 70px rgba(0,0,0,.55);transition:height .28s ease}.v3-shell.companion-expanded .companion-sidecar{height:calc(100dvh - 58px)!important}.v3-shell>.pane-divider{display:none!important}.v3-shell .masthead-companion{display:none!important}.v3-shell.companion-standard .v3-companion-header{min-height:52px;height:52px;padding:11px 16px;align-items:center}.v3-shell.companion-standard .v3-companion-header div small{font-size:15px}.v3-shell.companion-standard .v3-companion-header div b,.v3-shell.companion-standard .v3-companion-header>span{display:none}.v3-shell.companion-standard .v3-companion-welcome,.v3-shell.companion-standard .v3-prompt-list,.v3-shell.companion-standard .v3-companion-spacer,.v3-shell.companion-standard .v3-viewing{display:none}.v3-shell.companion-standard .v3-composer{margin:8px 12px 10px!important;min-height:66px!important}.v3-shell.companion-standard .v3-composer textarea{min-height:46px!important}.v3-shell.companion-standard .v3-companion-header>.v3-size-control{grid-column:4}.v3-shell.companion-expanded .v3-companion{display:flex!important}.v3-hero{grid-template-columns:1fr;min-height:auto}.v3-hero-copy{min-height:720px}.v3-portrait{min-height:520px}.v3-throughline>div{grid-template-columns:1fr}.v3-throughline article+article{padding-left:0;border-left:0}.v3-live{grid-template-columns:1fr}}
@media(max-width:640px){.v3-shell .global-masthead{padding:0 18px}.v3-shell .global-masthead nav{display:none}.v3-hero-copy{min-height:650px;padding:76px 22px 54px}.v3-hero-copy h1{font-size:clamp(3.25rem,15vw,5rem)}.v3-hero-actions{flex-direction:column;align-items:stretch}.v3-hero-copy>small{line-height:1.8}.v3-portrait{min-height:440px}.v3-throughline,.v3-work-intro,.v3-live{padding-left:22px;padding-right:22px}.v3-projects article>div{padding:50px 22px}.v3-close{align-items:stretch;flex-direction:column;padding:40px 22px}.v3-close>span{margin:0}.v3-companion-welcome{margin-top:36px}}

/* Reference-matched desktop composition. */
@media(min-width:900px){
  .v3-shell.companion-open{grid-template-columns:minmax(0,1fr) 7px var(--sidecar-width)!important}
  .v3-shell>.pane-divider{position:relative;width:7px;border:0;background:transparent;cursor:col-resize}
  .v3-shell>.pane-divider:after{content:"";position:absolute;inset:0 auto 0 3px;width:1px;background:rgba(224,202,171,.26);transition:background .2s,box-shadow .2s}
  .v3-shell>.pane-divider:hover:after,.v3-shell>.pane-divider:focus-visible:after{background:var(--v3-accent);box-shadow:0 0 12px rgba(240,68,40,.28)}
  .v3-shell .global-masthead{height:64px;padding:0 44px;background:linear-gradient(90deg,#080a0a 0%,#0b0d0d 72%,#0a0c0c 100%)}
  .v3-shell .global-wordmark{width:116px}
  .v3-shell .v3-wordmark{display:flex;align-items:center;width:auto;padding:0;border:0;background:transparent;color:#ead7bb}
  .v3-shell .v3-wordmark span{font-family:"Bebas Neue",sans-serif;font-size:23px;font-weight:400;letter-spacing:.22em;line-height:1;text-shadow:0 0 22px rgba(238,215,187,.08)}
  .v3-shell .global-masthead nav{gap:31px}
  .v3-shell .global-masthead nav button{font-family:"Barlow Condensed",sans-serif;font-size:15px;font-weight:400;letter-spacing:.025em;color:#d8c5a8}
  .v3-hero{grid-template-columns:55.5% 44.5%;height:648px;min-height:648px;background:radial-gradient(circle at 70% 45%,rgba(93,61,34,.16),transparent 34%),#080a0a}
  .v3-hero:before{background-image:linear-gradient(rgba(224,202,171,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(224,202,171,.025) 1px,transparent 1px);background-size:145px 145px}
  .v3-hero-copy{justify-content:flex-start;padding:121px 44px 48px;overflow:visible}
  .v3-hero-copy>span{font-family:"Barlow Condensed",sans-serif;font-size:14px;font-weight:600;letter-spacing:.16em;color:#d7c2a3}
  .v3-hero-copy h1{position:relative;z-index:5;width:calc(100% + 125px);max-width:none;margin:24px 0 0;font-family:"Bebas Neue",sans-serif;font-size:clamp(66px,4.55vw,77px);font-weight:400;line-height:1.14;letter-spacing:.018em;color:#efdfc8;text-wrap:nowrap;text-shadow:0 2px 24px rgba(0,0,0,.42)}
  .v3-hero-copy h1 em{color:#f04428;text-shadow:0 0 28px rgba(240,68,40,.14)}
  .v3-hero-copy>p{max-width:590px;margin:24px 0 0;font-size:17px;line-height:1.85;color:#bca98e}
  .v3-hero-actions{gap:22px;margin-top:34px}
  .v3-hero-actions button,.v3-hero-actions a{min-width:220px;min-height:52px;font-family:"Bebas Neue",sans-serif;font-size:16px;font-weight:400;letter-spacing:.14em;box-shadow:0 10px 32px rgba(0,0,0,.2)}
  .v3-hero-actions a{border-color:#806e58;color:#e9d8bf}
  .v3-hero-copy>small{margin-top:auto;padding-top:0;font-family:"Barlow Condensed",sans-serif;font-size:12px;letter-spacing:.19em;color:#776c5d}
  .v3-portrait{background:#050606;isolation:isolate}
  .v3-portrait:before{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(circle at 53% 36%,rgba(255,196,127,.11),transparent 29%),linear-gradient(90deg,#080a0a 0%,transparent 19%),linear-gradient(0deg,rgba(8,10,10,.78),transparent 25%);pointer-events:none}
  .v3-portrait:after{z-index:4;background:linear-gradient(90deg,#080a0a 0%,rgba(8,10,10,.68) 6%,transparent 23%),linear-gradient(0deg,#080a0a 0%,transparent 22%)}
  .v3-portrait i{z-index:5;left:12%;bottom:0;width:13px;height:45%;background:linear-gradient(0deg,rgba(240,68,40,.1),#f04428 62%,rgba(240,68,40,0));box-shadow:0 0 22px rgba(240,68,40,.22)}
  .v3-portrait img{z-index:2;left:-48%;top:auto;bottom:-1%;width:178%;height:auto;max-width:none;object-fit:contain;mix-blend-mode:normal;filter:contrast(1.04) saturate(.92) brightness(.78)}
  .v3-throughline{min-height:360px;padding:72px 58px 38px}
  .v3-throughline h2{margin-top:12px;font-size:43px;line-height:1;letter-spacing:.075em}
  .v3-throughline header>p{margin-top:12px;font-size:16px}
  .v3-throughline>div{margin-top:34px}
  .v3-throughline article{padding-top:23px}
  .v3-throughline article h3{margin-top:9px;font-family:"Barlow Condensed",sans-serif;font-size:16px;font-weight:600}
  .v3-throughline article p{display:none}
  .v3-companion{background:radial-gradient(circle at 54% 24%,rgba(72,54,35,.1),transparent 34%),#090b0b!important}
  .v3-companion-header{position:relative;grid-template-columns:1fr auto auto;min-height:176px;padding:86px 42px 22px;border-bottom:0;background:linear-gradient(180deg,rgba(18,20,20,.98),rgba(9,11,11,.95));box-shadow:inset 0 64px 0 rgba(4,6,6,.36)}
  .v3-companion-header:before{content:"";position:absolute;top:33px;left:43px;width:8px;height:8px;border-radius:50%;background:#62c874;box-shadow:0 0 12px rgba(98,200,116,.3)}
  .v3-companion-header:after{content:"DIGITAL JUSTIN ONLINE";position:absolute;top:27px;left:61px;font-family:"Barlow Condensed",sans-serif;font-size:12px;font-weight:600;letter-spacing:.19em;color:#dbc9ae}
  .v3-companion-header div small{font-family:"Barlow Condensed",sans-serif;font-size:24px;font-weight:600;letter-spacing:.075em;color:#ead8bd}
  .v3-companion-header div b{margin-top:7px;font-family:"Barlow Condensed",sans-serif;font-size:17px;color:#c6b49a}
  .v3-companion-header>span{display:none}
  .v3-companion-header>.v3-size-control{align-self:start;margin-top:3px;border-color:rgba(224,202,171,.22);color:#a8967d}
  .v3-companion-welcome{grid-template-columns:1fr;margin:28px 42px 0}
  .v3-companion-avatar{display:none}
  .v3-companion-welcome p{padding:18px 23px;border-color:rgba(224,202,171,.24);font-family:"Barlow Condensed",sans-serif;font-size:16px;line-height:1.5;color:#e5d4ba;background:linear-gradient(135deg,rgba(31,32,30,.72),rgba(14,16,16,.72))}
  .v3-prompt-list{gap:12px;margin:52px 42px 0}
  .v3-prompt-list button{min-height:61px;padding:0 22px;border-color:rgba(224,202,171,.28);font-family:"Barlow Condensed",sans-serif;font-size:16px;color:#e2d0b5;background:linear-gradient(90deg,rgba(24,26,25,.5),rgba(12,14,14,.18))}
  .v3-viewing{margin:0 42px 16px;font-family:"Barlow Condensed",sans-serif;font-size:11px;font-weight:600;color:#b2a086}
  .v3-composer{grid-template-columns:1fr 54px!important;margin:0 30px 28px!important;padding:8px!important;border-color:rgba(224,202,171,.28)!important;background:linear-gradient(90deg,#121413,#0d0f0f)!important}
}

/* V4: one intentional, continuous journey inspired by editorial portfolio pacing. */
@font-face{font-family:"Lineca Exact";src:url("./assets/fonts/source/lineca/lineca-regular.otf?v=aarron-static-1") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Aktiv Reference";src:url("./assets/fonts/source/aktiv/aktiv-grotesk-reference-regular.woff2?v=aarron-web-1") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"QE Dave Mergens";src:url("./assets/fonts/source/QEDaveMergens.ttf?v=1") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Aktiv Grotesk V4";src:url("./assets/fonts/AktivGrotesk-Regular.otf?v=1") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Aktiv Grotesk V4";src:url("./assets/fonts/AktivGrotesk-Medium.otf?v=1") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Aktiv Grotesk V4";src:url("./assets/fonts/AktivGrotesk-Medium.otf?v=1") format("opentype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Aktiv Grotesk V4";src:url("./assets/fonts/AktivGrotesk-Bold.otf?v=1") format("opentype");font-weight:700;font-style:normal;font-display:swap}

.v4-home{position:relative;z-index:5;--v4-paper:#f2e7d4;--v4-ink:#2c2a2a;--v4-coral:#f04a2f;--v4-line:rgba(44,42,42,.13);font-family:"Aktiv Grotesk V4",Arial,sans-serif;color:var(--v4-ink);background:var(--v4-paper)}
.v4-minimal-header{position:absolute;z-index:35;top:0;left:0;width:0;height:0}
.v4-menu-trigger{position:fixed;z-index:37;top:30px;left:34px;display:grid;align-content:center;gap:5px;width:47px;height:47px;padding:0 12px;border:1px solid rgba(44,42,42,.14);background:rgba(242,231,212,.9);box-shadow:0 12px 34px rgba(44,42,42,.08);backdrop-filter:blur(14px)}
.v4-menu-trigger i{display:block;width:22px;height:2px;background:var(--v4-coral,#f04a2f);transition:transform .25s,opacity .2s}
.v4-minimal-header.is-open .v4-menu-trigger i:nth-child(1){transform:translateY(7px) rotate(45deg)}.v4-minimal-header.is-open .v4-menu-trigger i:nth-child(2){opacity:0}.v4-minimal-header.is-open .v4-menu-trigger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.v4-menu-panel{position:fixed;z-index:36;top:22px;left:26px;display:grid;gap:3px;width:250px;padding:72px 16px 18px;border:1px solid rgba(44,42,42,.13);background:rgba(242,231,212,.96);box-shadow:0 25px 70px rgba(44,42,42,.16);opacity:0;transform:translateY(-12px) scale(.97);transform-origin:top left;pointer-events:none;transition:opacity .22s,transform .25s}
.v4-minimal-header.is-open .v4-menu-panel{opacity:1;transform:none;pointer-events:auto}
.v4-menu-panel button{padding:10px 12px;border:0;background:transparent;color:#2c2a2a;font:500 13px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.52px;text-align:left;text-transform:uppercase}.v4-menu-panel button:hover{color:#f04a2f}

.v3-shell .site-pane{display:block!important;height:100dvh;background:transparent}.v3-shell .site-scroll{height:100dvh!important;background:transparent}.v3-shell .site-content{min-height:100%;padding:0}.v3-shell.companion-open{background:#090b0b}
.v4-hero{position:relative;min-height:100dvh;padding:0 clamp(44px,5.8vw,108px);overflow:hidden;background:var(--v4-paper)}
.v4-hero-inner{position:relative;z-index:2;display:flex;min-height:100dvh;max-width:1220px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:30.2vh 0 58px}
.v4-hero h1{margin:0;font:400 clamp(104px,13vw,200px)/.86 "Lineca Exact",sans-serif;letter-spacing:-6px;color:#2c2a2a}
.site-pane .v4-hero h1 span{display:block;font-family:"Lineca Exact",sans-serif}
.v4-hero-inner>i{display:block;width:120px;height:2px;margin:54px 0 36px;background:var(--v4-coral)}
.site-pane .v4-hero-inner>p{max-width:510px;margin:0;font:400 17px/28.56px "Aktiv Reference",sans-serif;letter-spacing:.102px;color:#2c2a2a}
.v4-hero-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;align-items:center}.v4-hero-links a,.v4-hero-links button{padding:0;border:0;background:transparent;color:rgba(44,42,42,.55);font:500 13px/19.5px "Aktiv Grotesk V4",sans-serif;letter-spacing:.52px;text-transform:uppercase;text-decoration:none!important}.v4-hero-links a:hover,.v4-hero-links button:hover{color:var(--v4-coral);text-decoration:none!important}
.v4-role-signal{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px;color:rgba(44,42,42,.48);font:600 9px/1.5 "Aktiv Grotesk V4",sans-serif;letter-spacing:.13em}.v4-role-signal i{color:var(--v4-coral);font-style:normal;opacity:.72}.v4-role-signal+.v4-hero-links{margin-top:18px}
.v3-companion-header div em{display:block;margin-top:7px;max-width:34ch;color:#81796f;font:400 10px/1.45 "Aktiv Grotesk V4",sans-serif;font-style:normal;letter-spacing:.15px}
.v4-signal-canvas{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;opacity:.9;mask-image:linear-gradient(90deg,transparent 0 24%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.8) 63%,#000 100%);pointer-events:none}.v4-hero.is-thread-found:after{content:"SIGNAL  →  OPPORTUNITY  →  SYSTEM  →  GROWTH";position:absolute;z-index:3;right:7%;bottom:19%;color:var(--v4-coral);font:600 10px/1.4 "Aktiv Grotesk V4",sans-serif;letter-spacing:.11em;opacity:.82;animation:v4-result-in .45s ease-out both;pointer-events:none}@keyframes v4-result-in{from{opacity:0;transform:translateY(6px)}to{opacity:.82;transform:none}}
.v4-hero.is-thread-found:after{display:none!important}
.v4-signal-canvas{opacity:1;filter:contrast(1.22)}
.v4-game-trigger{position:absolute;z-index:4;width:34px;height:34px;margin:-17px 0 0 -17px;padding:0;border:0;border-radius:50%;background:transparent;color:transparent;font-size:0}.v4-game-trigger:focus-visible{outline:2px solid var(--v4-coral);outline-offset:5px}.v4-game-trigger:focus-visible:after{content:"play introduction";position:absolute;left:24px;top:-2px;width:130px;color:var(--v4-coral);font:500 11px/1.3 "Aktiv Grotesk V4",sans-serif;letter-spacing:.06em;text-align:left;text-transform:uppercase}
.v4-personal-trigger{position:absolute;z-index:6;right:29%;bottom:15%;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:transparent;font-size:0;animation:v4-personal-node-arrive .55s ease-out both,v4-personal-node-breathe 3.8s ease-in-out .55s infinite}.v4-personal-trigger:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--v4-coral);box-shadow:0 0 16px rgba(240,74,47,.46);transform:translate(-50%,-50%)}.v4-personal-trigger:after{content:"";position:absolute;left:50%;top:50%;width:23px;height:23px;border:1px solid rgba(240,74,47,.42);border-radius:50%;transform:translate(-50%,-50%);animation:v4-personal-node-ring 2.1s ease-out infinite}.v4-personal-trigger:hover:before{width:10px;height:10px;box-shadow:0 0 22px rgba(240,74,47,.7)}.v4-personal-trigger:focus-visible{outline:2px solid var(--v4-coral);outline-offset:4px}.v4-personal-trigger:focus-visible{color:var(--v4-coral)}.v4-personal-trigger:focus-visible span{font-size:11px}@keyframes v4-personal-node-arrive{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:scale(1)}}@keyframes v4-personal-node-breathe{0%,16%,100%{opacity:.18}42%,72%{opacity:1}}@keyframes v4-personal-node-ring{0%{opacity:.7;transform:translate(-50%,-50%) scale(.55)}75%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}
.v4-blink-layer{display:none}
.v4-portrait-reveal{display:none}.v4-build-note{z-index:4}
.v4-hero.is-opportunity-hot{cursor:pointer}.v4-hero.is-opportunity-hot a,.v4-hero.is-opportunity-hot button{cursor:pointer}
.v4-build-note{position:absolute;z-index:3;top:22%;right:7%;width:330px;padding:0;color:var(--v4-coral);font-family:"QE Dave Mergens","Segoe Print",cursive;font-size:36px;font-weight:400;line-height:1.02;letter-spacing:.1px;text-shadow:.4px 0 currentColor;transform:rotate(-3deg);opacity:0;clip-path:inset(0 100% 0 0);animation:v4-note-write .9s cubic-bezier(.22,.7,.24,1) 1s forwards;pointer-events:none}.v4-build-note span,.v4-build-note b{display:block}.v4-build-note b{margin-left:22px;font:inherit}.v4-build-note:before{content:"";position:absolute;top:78px;left:-74px;width:70px;height:38px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;border-radius:0 0 0 42px;transform:rotate(12deg);opacity:.8}.v4-build-note:after{content:"";position:absolute;top:106px;left:-78px;width:9px;height:9px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-14deg)}
.v4-build-note span,.v4-build-note b{font-family:"QE Dave Mergens","Segoe Print",cursive!important;font-size:inherit!important;font-style:normal!important;font-weight:400!important;line-height:inherit!important;letter-spacing:inherit!important}
.v4-build-note{top:24%;right:8%;width:255px;font-size:26px;line-height:1.06;text-shadow:.25px 0 currentColor}.v4-build-note b{margin-left:16px}.v4-build-note:before{top:57px;left:-56px;width:52px;height:28px}.v4-build-note:after{top:77px;left:-60px;width:8px;height:8px}
@keyframes v4-note-write{to{opacity:.68;clip-path:inset(0 0 0 0)}}

.v4-experience,.v4-work,.v4-live,.v4-about{position:relative;padding:clamp(110px,12vw,190px) clamp(44px,5.8vw,108px)}
.v4-experience{background:var(--v4-paper)}.v4-work{background:#d8cbbb}.v4-live{background:#222422;color:#f0e5d3}.v4-about{background:#efe3d0}
.v4-evidence-wipe{position:relative;display:flex;min-height:100dvh;flex-direction:column;justify-content:center;padding:clamp(100px,11vw,170px) clamp(44px,5.8vw,108px);overflow:hidden;background:var(--v4-paper);border-top:1px solid var(--v4-line);border-bottom:1px solid var(--v4-line)}.v4-evidence-canvas{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;opacity:1;filter:contrast(1.14);pointer-events:none}.v4-evidence-wipe>header,.v4-evidence-wipe>.v4-stat-columns,.v4-experience>header,.v4-experience>.v4-career-list{position:relative;z-index:1}.v4-evidence-wipe>header{max-width:820px;margin-bottom:72px}.v4-evidence-wipe>header>span{display:block;margin-bottom:24px;color:var(--v4-coral);font:600 11px/16.5px "Aktiv Grotesk V4",sans-serif;letter-spacing:1.76px}.v4-evidence-wipe h2{margin:0;font:400 clamp(52px,6vw,94px)/1.02 "Lineca Exact",sans-serif;letter-spacing:-.025em}.v4-stat-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(44,42,42,.18);border-bottom:1px solid rgba(44,42,42,.18)}.v4-stat-columns article{min-height:340px;padding:38px 30px 34px 0;overflow:hidden}.v4-stat-columns article+article{padding-left:30px;border-left:1px solid rgba(44,42,42,.18)}.v4-stat-columns article>div,.v4-stat-columns article>p{opacity:0;transform:translateY(115%);transition:opacity .55s ease,transform .85s cubic-bezier(.18,.72,.18,1)}.v4-stat-columns article>div{display:flex;align-items:baseline;gap:11px;white-space:nowrap}.v4-stat-columns b{font:400 clamp(58px,5.8vw,104px)/.9 "Lineca Exact",sans-serif;letter-spacing:-.045em}.v4-stat-columns em{font:600 11px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.14em;color:rgba(44,42,42,.48);font-style:normal}.v4-stat-columns p{max-width:22ch;margin:94px 0 0;font:500 12px/1.55 "Aktiv Grotesk V4",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:rgba(44,42,42,.58)}.v4-evidence-wipe.is-visible .v4-stat-columns article>div,.v4-evidence-wipe.is-visible .v4-stat-columns article>p{opacity:1;transform:none}.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(2)>*{transition-delay:.1s}.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(3)>*{transition-delay:.2s}.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(4)>*{transition-delay:.3s}.v4-experience{overflow:hidden}.v4-experience>.v4-proof-strip{display:none}
.v4-stat-columns b{font-size:clamp(56px,4.45vw,84px)}
.v4-experience>header,.v4-work>header,.v4-live>header{max-width:900px;margin-bottom:72px}.v4-experience header>span,.v4-work header>span,.v4-live header>span,.v4-thinking>div>span,.v4-about>div>span{display:block;margin-bottom:28px;font:600 11px/16.5px "Aktiv Grotesk V4",sans-serif;letter-spacing:1.76px;text-transform:uppercase;color:var(--v4-coral)}
.v4-experience h2,.v4-work h2,.v4-live h2,.v4-thinking h2,.v4-about h2,.v4-footer h2{margin:0;font:400 clamp(52px,6vw,94px)/1.02 "Lineca Exact",sans-serif;letter-spacing:-.025em}
.v4-experience header>p,.v4-work header>p,.v4-live header>p{max-width:680px;margin:28px 0 0;font-size:17px;line-height:1.7;color:rgba(44,42,42,.7)}.v4-live header>p{color:rgba(240,229,211,.65)}
.v4-career-list,.v4-work-list{border-top:1px solid var(--v4-line)}
.v4-career-list article,.v4-work-row{display:grid;grid-template-columns:52px minmax(220px,1fr) minmax(300px,1.15fr) 110px 34px;gap:22px;align-items:center;min-height:132px;border-bottom:1px solid var(--v4-line)}
.v4-career-list article>span,.v4-work-row>span{font-size:11px;font-weight:700;letter-spacing:1.76px;color:rgba(44,42,42,.35)}.v4-career-list h3,.v4-work-row h3{margin:0;font:400 52px/49.4px "Lineca Exact",sans-serif;letter-spacing:-1.3px}.v4-career-list p,.v4-work-row p{margin:0;font-size:15px;line-height:22.5px;color:rgba(44,42,42,.45)}.v4-career-list small,.v4-work-row small{font-size:11px;font-weight:700;line-height:16.5px;letter-spacing:1.76px;text-align:right;text-transform:uppercase;color:rgba(44,42,42,.35)}
.v4-experience{padding-top:clamp(118px,10vw,158px)!important}.v4-career-list article{cursor:pointer;transition:background-color .2s ease}.v4-career-list article:hover,.v4-career-list article:focus-visible{background:rgba(240,74,47,.035);outline:none}.v4-career-list article:hover h3,.v4-career-list article:focus-visible h3,.v4-career-list article:hover>button,.v4-career-list article:focus-visible>button{color:var(--v4-coral)}.v4-career-copy{display:grid;gap:8px}.v4-career-copy em{max-width:58ch;font:400 13px/1.5 "Aktiv Grotesk V4",sans-serif;font-style:normal;color:rgba(44,42,42,.62)}.v4-career-list article>button{width:32px;height:32px;padding:0;border:0;background:transparent;color:rgba(44,42,42,.3);font-size:22px;transition:color .2s ease}
.v4-work-row button{width:32px;height:32px;border:0;background:transparent;color:rgba(44,42,42,.35);font-size:24px}.v4-work-row:hover h3,.v4-work-row:hover button{color:var(--v4-coral)}
.v4-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid var(--v4-line)}.v4-proof-strip article{padding:30px 34px 0 0}.v4-proof-strip article+article{padding-left:34px;border-left:1px solid var(--v4-line)}.v4-proof-strip b{display:block;font:400 42px/1 "Lineca Exact",sans-serif}.v4-proof-strip span{display:block;margin-top:11px;font-size:12px;color:rgba(44,42,42,.58)}
.v4-live .live-card{margin:0;border-color:rgba(240,229,211,.17);background:#171918}.v4-live .live-copy,.v4-live .live-chat{background:#171918;color:#f0e5d3}

.v4-thinking{position:relative;display:grid;min-height:100dvh;place-items:center;padding:140px clamp(44px,7vw,130px);overflow:hidden;background:rgba(7,9,9,.72);color:#f0e5d3}.v4-thinking:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(240,74,47,.12),transparent 29%),linear-gradient(135deg,rgba(7,9,9,.9),rgba(7,9,9,.5));pointer-events:none}.v4-thinking>div{position:relative;z-index:2;max-width:1080px}.v4-thinking h2{font-size:clamp(58px,7vw,112px)}.v4-thinking p{max-width:720px;margin:36px 0 0;font-size:18px;line-height:1.75;color:rgba(240,229,211,.68)}.v4-thinking button{margin-top:36px;padding:14px 0;border:0;border-bottom:1px solid var(--v4-coral);background:transparent;color:var(--v4-coral);font:600 11px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.v4-thinking~*{position:relative;z-index:1}

.v4-about{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:80px;align-items:center}.v4-about>div>p{max-width:720px;margin:28px 0 0;font-size:17px;line-height:1.75;color:rgba(44,42,42,.7)}.v4-about>div>div{display:flex;gap:26px;margin-top:38px}.v4-about a,.v4-about button,.v4-footer button{padding:14px 0;border:0;border-bottom:1px solid var(--v4-coral);background:transparent;color:#2c2a2a;font:600 11px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.12em;text-transform:uppercase}.v4-about figure{height:620px;margin:0;overflow:hidden;background:#050606}.v4-about img{width:138%;height:100%;margin-left:-30%;object-fit:cover;filter:saturate(.86) contrast(1.02)}
.v4-footer{padding:150px clamp(44px,5.8vw,108px);background:#f04a2f;color:#201f1e}.v4-footer>span{font:600 11px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.16em;text-transform:uppercase}.v4-footer h2{margin-top:26px}.v4-footer button{margin-top:42px;border-color:#201f1e;color:#201f1e}

.v4-home .v4-experience,.v4-home .v4-work,.v4-home .v4-live,.v4-home .v4-thinking,.v4-home .v4-about,.v4-home .v4-footer{scroll-margin-top:0}
.ambient-koi-layer{z-index:0}.v3-shell{position:relative;z-index:1}.v4-thinking{background-color:rgba(7,9,9,.72)}

@media(max-width:899px){.v4-menu-trigger{top:16px;left:16px}.v4-menu-panel{top:8px;left:8px}.v4-hero{padding:0 24px}.v4-hero h1{font-size:clamp(76px,24vw,126px)}.v4-build-note{display:none}.v4-hero-inner>i{margin:38px 0 28px}.v4-experience,.v4-work,.v4-live,.v4-about{padding:96px 24px}.v4-career-list article,.v4-work-row{grid-template-columns:34px 1fr 30px;padding:22px 0}.v4-career-list article p,.v4-career-list article small,.v4-work-row p,.v4-work-row small{grid-column:2}.v4-work-row button{grid-column:3;grid-row:1}.v4-proof-strip{grid-template-columns:1fr}.v4-proof-strip article+article{padding-left:0;border-left:0}.v4-about{grid-template-columns:1fr}.v4-about figure{height:480px}.v4-thinking{padding:110px 24px}.v4-footer{padding:110px 24px}}
@media(max-width:899px){.v4-hero-inner{min-height:calc(100dvh - 138px);padding:110px 0 42px}.v4-role-signal{max-width:340px;margin-top:22px;font-size:8px}.v4-role-signal+.v4-hero-links{margin-top:16px}}
@media(max-width:899px){.v4-experience{padding-top:112px!important}.v4-career-copy{grid-column:2}.v4-career-list article>small{grid-column:2}.v4-career-list article>button{grid-column:3;grid-row:1}.v4-career-copy em{font-size:12px;line-height:1.55}}
@media(max-width:899px){.v4-evidence-wipe{min-height:auto;padding:96px 24px}.v4-evidence-wipe>header{margin-bottom:50px}.v4-stat-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-stat-columns article{min-height:245px;padding:28px 20px 24px 0}.v4-stat-columns article:nth-child(even){padding-left:20px;border-left:1px solid rgba(44,42,42,.18)}.v4-stat-columns article:nth-child(n+3){border-top:1px solid rgba(44,42,42,.18)}.v4-stat-columns p{margin-top:52px}.v4-stat-columns b{font-size:clamp(50px,14vw,78px)}}

/* Panel two is an editorial reveal, not a metric table. */
.v4-hero{border-bottom:0!important}
.v4-evidence-wipe{min-height:118dvh;display:block;padding:clamp(86px,9vw,140px) clamp(44px,5.8vw,108px);border:0!important}
.v4-evidence-canvas{mask-image:linear-gradient(90deg,transparent 0 24%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.8) 63%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0 24%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.8) 63%,#000 100%)}
.v4-stat-columns{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto auto;min-height:calc(118dvh - clamp(172px,18vw,280px));border:0!important}
.v4-stat-columns article{min-height:0;padding:0!important;border:0!important;overflow:visible;align-self:start}
.v4-stat-columns article:nth-child(1){grid-column:1/4;grid-row:1;margin-top:5vh}
.v4-stat-columns article:nth-child(2){grid-column:4/7;grid-row:2;margin-top:-2vh}
.v4-stat-columns article:nth-child(3){grid-column:7/10;grid-row:1;margin-top:19vh}
.v4-stat-columns article:nth-child(4){grid-column:10/13;grid-row:2;margin-top:11vh}
.v4-stat-columns article>div{display:block;overflow:hidden;white-space:nowrap;opacity:1;transform:none}
.v4-stat-columns article b{display:block;font:400 clamp(76px,7vw,132px)/.82 "Lineca Exact",sans-serif;letter-spacing:-.055em;opacity:0;transform:translateY(112%);transition:opacity .18s linear,transform 1.05s cubic-bezier(.16,.76,.2,1)}
.v4-stat-columns article p{max-width:19ch;margin:24px 0 0;font:500 11px/1.55 "Aktiv Grotesk V4",sans-serif;letter-spacing:.075em;text-transform:uppercase;color:rgba(44,42,42,.58);opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.v4-stat-columns article p strong{font:inherit;color:var(--v4-coral)}
.v4-evidence-wipe.is-visible .v4-stat-columns article b,.v4-evidence-wipe.is-visible .v4-stat-columns article p{opacity:1;transform:none}
.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(1) b{transition-delay:.02s}.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(1) p{transition-delay:.36s}
.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(2) b{transition-delay:.16s}.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(2) p{transition-delay:.5s}
.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(3) b{transition-delay:.3s}.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(3) p{transition-delay:.64s}
.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(4) b{transition-delay:.44s}.v4-evidence-wipe.is-visible .v4-stat-columns article:nth-child(4) p{transition-delay:.78s}
@media(max-width:899px){.v4-evidence-wipe{min-height:auto;padding:94px 24px 120px}.v4-stat-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;min-height:760px;gap:72px 22px}.v4-stat-columns article:nth-child(1){grid-column:1;grid-row:1;margin-top:0}.v4-stat-columns article:nth-child(2){grid-column:2;grid-row:1;margin-top:110px}.v4-stat-columns article:nth-child(3){grid-column:1;grid-row:2;margin-top:0}.v4-stat-columns article:nth-child(4){grid-column:2;grid-row:2;margin-top:86px}.v4-stat-columns article b{font-size:clamp(58px,15vw,88px)}.v4-stat-columns article p{margin-top:18px;font-size:10px}.v4-evidence-canvas{mask-image:linear-gradient(90deg,transparent 0 18%,rgba(0,0,0,.14) 42%,rgba(0,0,0,.75) 76%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0 18%,rgba(0,0,0,.14) 42%,rgba(0,0,0,.75) 76%,#000 100%)}}

/* Waverly-inspired metric scale and rhythm. */
.v4-evidence-wipe{box-sizing:border-box;min-height:0;padding-top:clamp(64px,6vw,92px);padding-bottom:24px}
.v4-stat-columns{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;min-height:250px;column-gap:clamp(34px,4.2vw,72px);align-items:start}
.v4-stat-columns article:nth-child(1),.v4-stat-columns article:nth-child(2),.v4-stat-columns article:nth-child(3),.v4-stat-columns article:nth-child(4){grid-column:auto;grid-row:auto;margin-top:0}
.v4-stat-columns article:nth-child(2){padding-top:76px!important}
.v4-stat-columns article:nth-child(3){padding-top:14px!important}
.v4-stat-columns article:nth-child(4){padding-top:10px!important}
.v4-stat-columns article b{font-size:clamp(52px,4.35vw,78px);line-height:.9;letter-spacing:-.045em}
.v4-stat-columns article p{max-width:21ch;margin-top:clamp(66px,6vw,98px);font-size:11px;line-height:1.45}
.v4-stat-columns article:nth-child(2) p,.v4-stat-columns article:nth-child(4) p{margin-top:34px}
.v4-stat-columns article:nth-child(1) p,.v4-stat-columns article:nth-child(3) p{margin-top:34px}
.v4-stat-columns article p{margin-top:34px!important}
.v4-stat-columns article:nth-child(4){padding-top:44px!important}
.v4-experience{padding-top:36px}
.v4-experience>header{margin-bottom:34px}
.v4-experience>header>span{margin-bottom:0}
.v4-experience>header>span,.v4-stat-columns article p strong{color:rgba(44,42,42,.46)}
.v4-career-list:after{content:"remind them they can ask Digital Justin about any of this...";display:block;width:min(390px,42%);margin:116px 0 0 20%;color:var(--v4-coral);font:400 21px/1.08 "QE Dave Mergens","Segoe Print",cursive;letter-spacing:.1px;text-shadow:.2px 0 currentColor;transform:rotate(3.5deg);transform-origin:left top;opacity:.74;pointer-events:none}
@media(max-width:899px){.v4-career-list:after{width:72%;margin:68px 4% 0 auto;font-size:17px;transform:rotate(3deg);opacity:.68}}
.v4-water-bridge{position:relative;height:clamp(300px,32vw,390px);overflow:hidden;background:var(--v4-paper)}
.v4-water-bridge canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
.v4-work{background:rgba(13,15,15,.93);color:#f0e5d3}
.v4-work header>p{color:rgba(240,229,211,.64)}
.v4-work-list{border-top-color:rgba(240,229,211,.18)}
.v4-work-row{border-bottom-color:rgba(240,229,211,.18)}
.v4-work-row>span,.v4-work-row p,.v4-work-row small{color:rgba(240,229,211,.46)}
.v4-work-row button{color:var(--v4-coral)}
@media(max-width:899px){.v4-water-bridge{height:260px}}
.v4-water-bridge{height:clamp(360px,38vw,470px)}
.v4-work,.v4-live,.v4-thinking,.v4-about,.v4-footer{background:rgba(9,11,11,.91);color:#f0e5d3}
.v4-live,.v4-thinking,.v4-about,.v4-footer{border-color:rgba(240,229,211,.16)}
.v4-live header>p,.v4-thinking p,.v4-about p{color:rgba(240,229,211,.64)}
.v4-about figure{background:#151717}
.v4-about a,.v4-about button,.v4-footer button{color:var(--v4-coral);border-color:var(--v4-coral)}
@media(max-width:899px){.v4-water-bridge{height:310px}}
.v4-water-bridge{z-index:2;margin-top:-110px;height:clamp(430px,40vw,510px);background:var(--v4-paper);mask-image:none;-webkit-mask-image:none}
.v4-work{background:linear-gradient(to bottom,#090b0b 0 150px,rgba(9,11,11,.91) 260px)}
@media(max-width:899px){.v4-water-bridge{margin-top:-72px;height:350px}}
.v4-water-bridge{background:#090b0b}
.v4-water-bridge canvas{inset:-3px;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;filter:blur(.8px)}

/* Let the original ambient koi live beneath the dark half of the single-page journey. */
.v3-shell{z-index:auto;background:#080a0a}
.v3-shell .site-scroll{position:relative;z-index:auto;background:transparent}
.ambient-koi-layer{z-index:1;opacity:1;clip-path:inset(0 var(--companion-width,520px) 0 0)}
.v4-home{position:relative;z-index:2;background:transparent}
.v3-companion{position:relative;z-index:5}
.v4-hero,.v4-evidence-wipe,.v4-experience{background:var(--v4-paper)}
.v4-work,.v4-live,.v4-thinking,.v4-about,.v4-footer{background:rgba(7,9,9,.58);color:#f0e5d3}
.v4-work{background:#090b0b}
.v4-project-theater{--project-progress:25%;position:relative;max-width:1480px;margin:0 auto}.v4-project-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(240,229,211,.18);border-bottom:1px solid rgba(240,229,211,.18)}.v4-project-index button{display:flex;gap:14px;align-items:center;min-height:68px;padding:0 20px;border:0;border-right:1px solid rgba(240,229,211,.14);background:transparent;color:rgba(240,229,211,.42);font:600 10px/1.3 "Aktiv Grotesk V4",sans-serif;letter-spacing:.1em;text-align:left;text-transform:uppercase;transition:color .25s ease,background .25s ease}.v4-project-index button:last-child{border-right:0}.v4-project-index button span{color:rgba(240,74,47,.52);font-size:9px}.v4-project-index button:hover,.v4-project-index button.is-active{background:rgba(240,229,211,.035);color:#f0e5d3}.v4-project-index button.is-active span{color:var(--v4-coral)}
.v4-project-stage{position:relative;min-height:clamp(690px,67vw,850px);perspective:1400px;overflow:hidden}.v4-project-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);gap:clamp(42px,5vw,88px);align-items:center;padding:clamp(54px,6vw,86px) 0;visibility:hidden;opacity:0;transform:translateX(7%) scale(.965);transition:opacity .42s ease,transform .72s cubic-bezier(.18,.75,.2,1),visibility 0s linear .72s}.v4-project-slide.is-active{position:relative;visibility:visible;opacity:1;transform:none;transition-delay:0s}.v4-project-media{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid rgba(240,229,211,.18);background:#111313;box-shadow:0 34px 90px rgba(0,0,0,.48)}.v4-project-media:before{content:"";position:absolute;z-index:2;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -90px 120px rgba(0,0,0,.2);pointer-events:none}.v4-project-media video{display:block;width:100%;height:100%;object-fit:cover;background:#090b0b}.v4-project-media-label{position:absolute;z-index:3;left:20px;top:18px;padding:8px 10px;background:rgba(7,9,9,.84);backdrop-filter:blur(10px);color:rgba(240,229,211,.72);font:600 9px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.13em;text-transform:uppercase}.v4-project-copy{align-self:center}.v4-project-count{display:flex;align-items:center;gap:8px;color:rgba(240,229,211,.34);font:600 10px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.14em;text-transform:uppercase}.v4-project-count span{color:var(--v4-coral)}.v4-project-count i,.v4-project-count em{font-style:normal}.v4-project-count em{margin-left:auto;color:rgba(240,229,211,.48)}.v4-project-copy h3{margin:26px 0 0;font:400 clamp(48px,5vw,78px)/.92 "Lineca Exact",sans-serif;letter-spacing:-.035em}.v4-project-copy strong{display:block;max-width:31ch;margin:32px 0 0;color:#f0e5d3;font:500 clamp(17px,1.45vw,21px)/1.45 "Aktiv Grotesk V4",sans-serif}.v4-project-copy>p{max-width:48ch;margin:20px 0 0;color:rgba(240,229,211,.58);font:400 14px/1.72 "Aktiv Grotesk V4",sans-serif}.v4-project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.v4-project-tags span{padding:9px 11px;border:1px solid rgba(240,229,211,.17);color:rgba(240,229,211,.5);font:600 8px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.13em}.v4-project-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px}.v4-project-actions button{padding:0 0 8px;border:0;border-bottom:1px solid var(--v4-coral);background:transparent;color:var(--v4-coral);font:600 9px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.13em}.v4-project-actions button+button{border-color:rgba(240,229,211,.22);color:rgba(240,229,211,.66)}
.v4-project-controls{display:grid;grid-template-columns:44px 1fr 44px;gap:18px;align-items:center;width:min(430px,48%);margin:0 0 0 auto}.v4-project-controls button{width:44px;height:44px;border:1px solid rgba(240,229,211,.2);border-radius:50%;background:rgba(7,9,9,.5);color:#f0e5d3;font-size:18px;transition:border-color .2s ease,color .2s ease}.v4-project-controls button:hover{border-color:var(--v4-coral);color:var(--v4-coral)}.v4-project-controls>span{height:1px;background:rgba(240,229,211,.16)}.v4-project-controls i{display:block;width:var(--project-progress);height:1px;background:var(--v4-coral);transition:width .55s cubic-bezier(.18,.75,.2,1)}
@media(max-width:1100px){.v4-project-slide{grid-template-columns:1fr;gap:36px}.v4-project-stage{min-height:980px}.v4-project-copy{max-width:760px}.v4-project-controls{width:100%;margin-top:0}.v4-project-index button{padding:0 12px;font-size:9px}}
@media(max-width:640px){.v4-project-index{display:flex;overflow-x:auto;scrollbar-width:none}.v4-project-index::-webkit-scrollbar{display:none}.v4-project-index button{flex:0 0 auto;min-height:58px;white-space:nowrap}.v4-project-stage{min-height:820px}.v4-project-slide{padding:42px 0;gap:30px}.v4-project-media{aspect-ratio:4/3}.v4-project-copy h3{font-size:46px}.v4-project-copy strong{margin-top:24px}.v4-project-actions{gap:18px}.v4-project-controls{grid-template-columns:40px 1fr 40px}.v4-project-controls button{width:40px;height:40px}}

/* Authored commercial-project theater */
.v4-work{overflow:hidden;background:linear-gradient(180deg,rgba(7,9,9,.95),rgba(7,9,9,.78));isolation:isolate}
.v4-work:before{content:"";position:absolute;z-index:-2;inset:120px -5% auto 52%;height:82%;background:url("./assets/media/ambient-koi/jloresco-koi-swim-source-v2.png") center/contain no-repeat;filter:grayscale(1) contrast(1.35);opacity:.075;transform:rotate(-10deg);pointer-events:none}
.v4-work:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 74% 42%,rgba(240,74,47,.035),transparent 32%),linear-gradient(90deg,rgba(7,9,9,.78),transparent 46%,rgba(7,9,9,.24));pointer-events:none}
.v4-work>header{position:relative;max-width:none;margin-bottom:clamp(36px,4.2vw,62px)}
.v4-work{padding-top:clamp(170px,15vw,240px)}
.v4-work>header>p,.v4-live>header>p{margin-top:clamp(42px,3.6vw,54px)}
.v4-work>header h2{font-size:clamp(64px,7.6vw,116px)}
.v4-work>header p{max-width:715px;font-size:clamp(16px,1.25vw,19px)}
.v4-project-build-note{position:absolute;left:auto;right:0;top:-34px;width:260px;color:var(--v4-coral);font:400 clamp(17px,1.45vw,22px)/1.08 "QE Dave Mergens","Segoe Print",cursive;font-style:normal;letter-spacing:.1px;text-shadow:.2px 0 currentColor;transform:rotate(6deg);transform-origin:left center;opacity:.72;pointer-events:none}
.v4-live>header{position:relative;max-width:none}
.v4-live>header>h2,.v4-live>header>p{max-width:900px}
.v4-live-build-note{position:absolute;left:auto;right:clamp(18px,4vw,72px);top:42%;width:max-content;color:var(--v4-coral);font:400 clamp(16px,1.35vw,21px)/1.08 "QE Dave Mergens","Segoe Print",cursive;font-style:normal;letter-spacing:.1px;text-shadow:.2px 0 currentColor;transform:rotate(-7deg);transform-origin:left bottom;opacity:.72;pointer-events:none}
@media(max-width:1180px){.v4-live-build-note{right:2%;top:46%;font-size:16px}}
@media(max-width:899px){.v4-work{padding-top:132px}.v4-work>header h2{font-size:clamp(48px,13vw,58px)}.v4-work>header>p,.v4-live>header>p,.v4-closing p{margin-top:36px}}
@media(max-width:920px){.v4-live-build-note{position:relative;display:block;left:auto;right:auto;top:auto;width:max-content;max-width:75%;margin:34px 4% 0 auto;transform:rotate(-5deg)}}
.v4-project-theater{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);column-gap:clamp(32px,5vw,88px);max-width:1560px}
.v4-project-rail{position:relative;z-index:8;padding-top:32px}
.v4-project-rail>span{display:block;max-width:24ch;margin-bottom:44px;color:rgba(240,229,211,.48);font:500 12px/1.65 "Aktiv Grotesk V4",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.v4-project-index{display:flex;flex-direction:column;border:0}
.v4-project-index button{display:grid;grid-template-columns:28px 1fr;gap:3px 12px;min-height:auto;padding:17px 0;border:0;border-bottom:1px solid rgba(240,229,211,.12);background:transparent}
.v4-project-index button:first-child{border-top:1px solid rgba(240,229,211,.12)}
.v4-project-index button span{grid-row:1/3;color:rgba(240,74,47,.48);font:600 9px/1.4 "Aktiv Grotesk V4",sans-serif}
.v4-project-index button i{color:rgba(240,229,211,.3);font:600 8px/1.2 "Aktiv Grotesk V4",sans-serif;font-style:normal;letter-spacing:.14em;text-transform:uppercase}
.v4-project-index button b{color:rgba(240,229,211,.48);font:500 12px/1.35 "Aktiv Grotesk V4",sans-serif;transition:color .25s ease,transform .35s ease}
.v4-project-index button:hover,.v4-project-index button.is-active{background:transparent}
.v4-project-index button:hover b,.v4-project-index button.is-active b{color:#f0e5d3;transform:translateX(5px)}
.v4-project-index button.is-active span{color:var(--v4-coral)}
.v4-project-rail>em{display:block;margin:68px 0 0 28px;color:var(--v4-coral);font:400 19px/1.12 "QE Dave Mergens",cursive;font-style:normal;transform:rotate(-7deg);opacity:.68}
.v4-project-stage{grid-column:2;grid-row:1;min-height:clamp(780px,64vw,960px);overflow:visible;perspective:1700px}
.v4-project-slide{inset:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.62fr);gap:clamp(30px,3.2vw,58px);align-items:center;padding:0;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(14%,4%,0) rotateY(-7deg) scale(.86);transform-origin:left center;transition:opacity .45s ease,transform .8s cubic-bezier(.18,.76,.2,1),visibility 0s linear .8s}
.v4-project-slide.is-active{position:relative;z-index:5;visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
.v4-project-slide.is-previous,.v4-project-slide.is-next{z-index:1;visibility:visible;opacity:.16}
.v4-project-slide.is-previous{transform:translate3d(-9%,-5%,0) rotateY(9deg) scale(.78)}
.v4-project-slide.is-next{transform:translate3d(10%,8%,0) rotateY(-9deg) scale(.8)}
.v4-project-slide.is-previous .v4-project-copy,.v4-project-slide.is-next .v4-project-copy{visibility:hidden}
.v4-project-media{aspect-ratio:16/9;border:1px solid rgba(240,229,211,.2);border-radius:2px;box-shadow:0 44px 110px rgba(0,0,0,.62),0 0 0 8px rgba(240,229,211,.018);transform:rotate(-1.35deg);transition:transform .65s cubic-bezier(.18,.76,.2,1),box-shadow .4s ease}
.v4-project-slide:nth-child(even) .v4-project-media{transform:rotate(1.15deg)}
.v4-project-slide.is-active .v4-project-media:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 52px 130px rgba(0,0,0,.7),0 0 0 8px rgba(240,229,211,.025)}
.v4-project-media video{object-fit:cover}
.v4-project-play{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:0;background:linear-gradient(180deg,transparent 35%,rgba(7,9,9,.25));color:#f0e5d3;cursor:pointer;transition:background .25s ease,opacity .2s ease}
.v4-project-play span{display:grid;place-items:center;width:62px;height:62px;padding-left:4px;border:1px solid rgba(240,229,211,.64);border-radius:50%;background:rgba(7,9,9,.48);backdrop-filter:blur(8px);font-size:18px;transition:transform .3s ease,border-color .2s ease,background .2s ease}
.v4-project-play b{font:600 8px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.17em}
.v4-project-play:hover span{transform:scale(1.08);border-color:var(--v4-coral);background:rgba(240,74,47,.22)}
.v4-project-slide.is-playing .v4-project-play{opacity:0;pointer-events:none}
.v4-project-media-label{left:18px;top:16px;background:rgba(7,9,9,.75)}
.v4-project-copy{position:relative;z-index:6;padding:34px 0}
.v4-project-copy>small{display:block;margin-top:30px;color:var(--v4-coral);font:600 9px/1.2 "Aktiv Grotesk V4",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.v4-project-copy h3{max-width:15ch;margin-top:16px;font-size:clamp(40px,3.45vw,58px);line-height:.96;overflow-wrap:normal}
.v4-project-copy strong{font-size:clamp(16px,1.25vw,20px)}
.v4-project-copy>p{font-size:14px}
.v4-project-controls{grid-column:2;width:min(430px,48%);margin:-72px 0 0 auto}
.v4-digital-bridge{position:relative;max-width:1240px;margin:clamp(150px,15vw,240px) auto 20px;padding:clamp(56px,7vw,100px);border-top:1px solid rgba(240,229,211,.17);border-bottom:1px solid rgba(240,229,211,.17);background:linear-gradient(110deg,rgba(240,229,211,.055),rgba(240,74,47,.035) 58%,transparent);overflow:hidden}
.v4-digital-bridge:after{content:"AI / HUMAN / EVIDENCE / JUDGMENT";position:absolute;right:-24px;bottom:16px;color:rgba(240,229,211,.035);font:400 clamp(54px,7vw,110px)/.8 "Lineca Exact",sans-serif;white-space:nowrap;pointer-events:none}
.v4-digital-bridge>span{display:block;margin-bottom:28px;color:var(--v4-coral);font:600 10px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.v4-digital-bridge h3{max-width:860px;margin:0;font:400 clamp(48px,6vw,90px)/.98 "Lineca Exact",sans-serif;letter-spacing:-.03em}
.v4-digital-bridge p{max-width:630px;margin:30px 0 0;color:rgba(240,229,211,.6);font:400 15px/1.75 "Aktiv Grotesk V4",sans-serif}
.v4-digital-bridge>div{display:flex;gap:26px;margin-top:36px}
.v4-digital-bridge button{padding:0 0 9px;border:0;border-bottom:1px solid var(--v4-coral);background:transparent;color:var(--v4-coral);font:600 9px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.14em}
.v4-digital-bridge button+button{border-color:rgba(240,229,211,.25);color:rgba(240,229,211,.72)}
@media(max-width:1180px){.v4-project-theater{grid-template-columns:220px minmax(0,1fr)}.v4-project-slide{grid-template-columns:1fr;gap:30px}.v4-project-stage{min-height:1120px}.v4-project-copy{max-width:760px}.v4-project-controls{width:100%;margin:-30px 0 0}.v4-project-slide.is-previous,.v4-project-slide.is-next{opacity:.08}}
@media(max-width:760px){.v4-work:before{display:none}.v4-project-theater{display:block}.v4-project-rail{padding-top:0}.v4-project-rail>span{margin-bottom:24px}.v4-project-index{display:flex;flex-direction:row;overflow-x:auto;gap:22px;padding-bottom:12px}.v4-project-index button{flex:0 0 210px;grid-template-columns:24px 1fr;padding:14px 0}.v4-project-rail>em{display:none}.v4-project-stage{min-height:980px;margin-top:40px}.v4-project-slide{gap:26px}.v4-project-media{aspect-ratio:4/3;transform:none!important}.v4-project-copy h3{font-size:44px}.v4-project-controls{margin-top:-18px}.v4-digital-bridge{margin-top:120px;padding:54px 24px}.v4-digital-bridge>div{flex-direction:column;align-items:flex-start}.v4-digital-bridge:after{display:none}}

/* Simplified two-column project carousel */
.v4-project-theater{display:block;max-width:1520px}
.v4-project-stage{grid-column:auto;grid-row:auto;height:clamp(780px,61vw,900px);min-height:0;overflow:visible}
.v4-project-slide.is-active{position:absolute}
.v4-project-slide{grid-template-columns:minmax(0,1.42fr) minmax(340px,.68fr);gap:clamp(58px,6.2vw,112px);padding:clamp(34px,4vw,64px) 0;align-items:center}
.v4-project-visual{position:relative;z-index:1;display:grid;place-items:center;min-width:0}
.v4-project-media{position:relative;z-index:1;width:100%;aspect-ratio:16/9;transform:rotate(-1.65deg);box-shadow:0 52px 130px rgba(0,0,0,.68),0 0 0 9px rgba(240,229,211,.018)}
.v4-project-slide:nth-child(even) .v4-project-media{transform:rotate(1.35deg)}
.v4-project-slide.is-playing .v4-project-media,.v4-project-slide.is-playing:nth-child(even) .v4-project-media,.v4-project-slide.is-playing .v4-project-media:hover{transform:rotate(0deg)!important;box-shadow:0 44px 120px rgba(0,0,0,.68),0 0 0 9px rgba(240,229,211,.024)}
.v4-project-copy{max-width:520px;padding:24px 0}
.v4-project-copy>small{margin:0 0 20px;color:var(--v4-coral);font-size:9px;letter-spacing:.17em}
.v4-project-copy h3{max-width:12ch;margin:0;font-size:clamp(48px,4.35vw,76px);line-height:.93}
.v4-project-copy strong{max-width:30ch;margin-top:30px;font-size:clamp(17px,1.35vw,21px);line-height:1.48}
.v4-project-copy>p{max-width:43ch;margin-top:20px;font-size:14px;line-height:1.72}
.v4-project-demonstrates{max-width:43ch;margin-top:26px;padding-top:18px;border-top:1px solid rgba(240,229,211,.14)}.v4-project-demonstrates span{display:block;color:var(--v4-coral);font:600 8px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.16em}.v4-project-demonstrates b{display:block;margin-top:10px;color:rgba(240,229,211,.76);font:500 12px/1.55 "Aktiv Grotesk V4",sans-serif}
.v4-project-actions{margin-top:32px}
.v4-project-actions button{position:relative;padding:0 2px 10px;border-bottom-color:rgba(240,74,47,.7);color:#ff5d44;font-size:10px;transition:color .2s ease,border-color .2s ease,transform .25s ease,text-shadow .25s ease}
.v4-project-actions button:hover,.v4-project-actions button:focus-visible{color:#ff745e;border-color:#ff745e;transform:translateX(4px);text-shadow:0 0 20px rgba(240,74,47,.38)}
.v4-project-actions button{padding-bottom:0;border-bottom:0}
.v4-project-controls{position:relative;z-index:20;display:grid;grid-template-columns:52px minmax(120px,430px) 52px;gap:18px;align-items:center;width:min(650px,58%);margin:-44px auto 0;pointer-events:auto}
.v4-project-controls>b{color:rgba(240,229,211,.52);font:600 9px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.16em;white-space:nowrap}
.v4-project-controls button{width:52px;height:52px}
.v4-project-controls>button{border:0;border-radius:0;background:transparent;color:rgba(240,229,211,.72);font:300 38px/1 "Aktiv Grotesk V4",sans-serif;transition:color .2s ease,transform .2s ease}
.v4-project-controls>button:hover,.v4-project-controls>button:focus-visible{border:0;color:var(--v4-coral);transform:scale(1.12)}
.v4-project-markers{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;height:28px}
.v4-project-markers:before{display:none}
.v4-project-controls .v4-project-markers button{position:relative;z-index:1;width:28px;height:28px;justify-self:center;padding:0;border:0;border-radius:50%;background:transparent}
.v4-project-markers button i{display:block;width:5px;height:5px;margin:auto;border-radius:50%;background:rgba(240,229,211,.38);box-shadow:0 0 0 6px #090b0b;transition:background .2s ease,transform .25s ease,box-shadow .25s ease}
.v4-project-markers button:hover i,.v4-project-markers button:focus-visible i{background:#f0e5d3;transform:scale(1.45)}
.v4-project-markers button.is-active i{background:var(--v4-coral);transform:scale(1.65);box-shadow:0 0 0 6px #090b0b,0 0 18px rgba(240,74,47,.38)}
.v4-project-markers [data-v4-project-easter-egg] i{background:rgba(240,229,211,.38);transform:none;box-shadow:0 0 0 6px #090b0b;animation:none}
.v4-project-markers [data-v4-project-easter-egg]:hover i,.v4-project-markers [data-v4-project-easter-egg]:focus-visible i{background:#f0e5d3;transform:scale(1.45);box-shadow:0 0 0 6px #090b0b}
@media(max-width:1180px){.v4-project-slide{grid-template-columns:minmax(0,1.18fr) minmax(300px,.72fr);gap:44px}.v4-project-stage{height:820px;min-height:0}.v4-project-copy{max-width:440px}.v4-project-copy h3{font-size:clamp(44px,5vw,64px)}.v4-project-controls{width:min(720px,76%);margin-top:-28px}}
@media(max-width:780px){.v4-project-stage{height:980px;min-height:0;margin-top:20px}.v4-project-slide{grid-template-columns:1fr;gap:54px;padding:74px 0 34px}.v4-project-media{aspect-ratio:16/10;transform:rotate(-1deg)!important}.v4-project-copy{max-width:620px;padding:0}.v4-project-copy h3{max-width:13ch;font-size:clamp(44px,12vw,62px)}.v4-project-copy strong{margin-top:24px}.v4-project-controls{grid-template-columns:46px 1fr 46px;width:100%;margin-top:4px}.v4-project-controls button{width:46px;height:46px}}
@media(max-width:1100px){.v4-project-build-note{left:auto;right:0;top:-24px;font-size:17px}}
@media(max-width:780px){.v4-project-build-note{position:relative;display:block;left:auto;right:auto;top:auto;width:max-content;max-width:75%;margin:34px 4% 0 auto;font-size:16px;transform:rotate(4.5deg);opacity:.68}}
.v4-thinking:before{background:radial-gradient(circle at 72% 38%,rgba(240,74,47,.11),transparent 29%),linear-gradient(135deg,rgba(7,9,9,.58),rgba(7,9,9,.32))}
@media(max-width:899px){.ambient-koi-layer{clip-path:none}}

/* One intentional boundary between the site and Digital Justin. */
@media(min-width:900px){
  .v3-shell.companion-open{grid-template-columns:minmax(0,1fr) 1px var(--sidecar-width)!important}
  .v3-shell>.site-scroll{grid-column:1!important}
  .v3-shell>.pane-divider{grid-column:2!important;position:relative!important;justify-self:stretch!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;left:auto!important;right:auto!important;transform:none!important;background:rgba(224,202,171,.22)!important;overflow:visible!important}
  .v3-shell>.companion-sidecar{grid-column:3!important}
  .v3-shell>.pane-divider:before,.v3-shell>.pane-divider i{display:none!important}
  .v3-shell>.pane-divider:after{content:""!important;position:absolute!important;inset:0 -5px!important;width:auto!important;background:transparent!important;box-shadow:none!important}
  .v3-companion,.companion-sidecar{border-left:0!important;box-shadow:none!important}
  .v3-shell .site-scroll{scrollbar-width:none}
  .v3-shell .site-scroll::-webkit-scrollbar{width:0;height:0}
}
@media(max-width:899px){.v4-evidence-wipe{min-height:auto;padding-top:76px;padding-bottom:70px}.v4-stat-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;min-height:560px;gap:58px 24px}.v4-stat-columns article:nth-child(1),.v4-stat-columns article:nth-child(2),.v4-stat-columns article:nth-child(3),.v4-stat-columns article:nth-child(4){grid-column:auto;grid-row:auto;margin-top:0;padding-top:0!important}.v4-stat-columns article:nth-child(even){padding-top:54px!important}.v4-stat-columns article b{font-size:clamp(46px,12vw,68px)}.v4-stat-columns article p,.v4-stat-columns article:nth-child(2) p,.v4-stat-columns article:nth-child(4) p{margin-top:28px}.v4-experience{padding-top:72px}}
@media(max-width:899px){.professional-intro-card{margin:12px 16px 0}.professional-intro-card video{max-height:44vh}}

/* Cloudflare Stream delivery for the v3 release films. */
.professional-intro-card iframe{display:block;width:100%;height:min(38vh,330px);border:0;background:#050606}
.v4-project-media>img,.v4-project-media>.v4-project-stream{display:block;width:100%;height:100%;border:0;object-fit:cover;background:#090b0b}
.v4-project-media>.v4-project-stream{position:absolute;z-index:1;inset:0}
@media(max-width:899px){.professional-intro-card iframe{height:min(44vh,330px)}}
@media(max-width:899px){.v4-personal-trigger{right:12%;bottom:18%}}
@media(prefers-reduced-motion:reduce){.v4-build-note{opacity:.68;clip-path:none;animation:none}.v4-blink-layer i{opacity:.22;animation:none}.professional-intro-card{animation:none}.v4-personal-trigger{opacity:.8;animation:none}.v4-personal-trigger:after{animation:none}}

/* Keep responses inside a dedicated scroll viewport between the header and composer. */
.v3-companion{height:100dvh!important;overflow:hidden!important}
.v3-companion.is-engaged .v3-companion-header{position:relative;z-index:3;flex:0 0 auto;background:#090b0b}
.v3-companion.is-engaged .professional-intro-card{position:relative;z-index:2;flex:0 0 auto}
.v3-companion.is-engaged .thread{position:relative;z-index:1;flex:1 1 auto;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-block:24px;padding-bottom:40px!important}
.v3-companion.is-engaged .jump-latest{position:relative;z-index:4;flex:0 0 auto}
.v3-companion.is-engaged>.composer,.v3-companion.is-engaged .v3-composer{position:relative!important;z-index:4;display:grid!important;flex:0 0 auto;visibility:visible!important;isolation:isolate;box-shadow:0 -18px 34px rgba(9,11,11,.72),0 10px 24px rgba(0,0,0,.28)!important}

/* Live is one cinematic surface: player, truthful state, activity, and public chat. */
.v4-live .live-cinematic{margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.v4-live .live-theater-cinematic{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(540px,52vw,820px);border:0;border-radius:2px;background:#050606;box-shadow:0 50px 130px rgba(0,0,0,.48)}
.v4-live .live-theater-cinematic:before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,4,4,.8) 0,transparent 27%),linear-gradient(0deg,rgba(3,4,4,.92) 0,transparent 42%),linear-gradient(90deg,rgba(3,4,4,.2),transparent 38%,rgba(3,4,4,.18))}
.v4-live .live-theater-cinematic .live-workspace{display:block;position:absolute;z-index:1;inset:0;background:#050606}
.v4-live .live-theater-cinematic .live-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:#050606}
.v4-live .live-theater-cinematic .stage-grid{opacity:.58;background-size:54px 54px;mask-image:linear-gradient(135deg,black,transparent 82%)}
.v4-live .live-theater-cinematic .live-stage>span,.v4-live .live-theater-cinematic .live-mark{display:none}
.v4-live .live-theater-cinematic .live-chat{position:absolute;z-index:6;top:24px;right:24px;bottom:24px;width:min(31%,370px);height:auto;min-height:0;grid-template-rows:64px minmax(0,1fr) 92px;border:1px solid rgba(240,229,211,.14);border-radius:2px;background:rgba(13,14,13,.72);color:#f0e5d3;box-shadow:0 24px 70px rgba(0,0,0,.28);backdrop-filter:blur(18px);overflow:hidden}
.v4-live .live-theater-cinematic .live-chat>header,.v4-live .live-theater-cinematic .chat-feed,.v4-live .live-theater-cinematic .live-chat-form{background:rgba(13,14,13,.64);border-color:rgba(240,229,211,.1)}
.v4-live .live-theater-cinematic .live-chat>header h3{color:#f0e5d3}.v4-live .live-theater-cinematic .live-chat>header p,.v4-live .live-theater-cinematic .live-chat>header small{color:rgba(240,229,211,.48)}
.v4-live .live-theater-cinematic .chat-feed p{border-color:rgba(240,229,211,.08);color:rgba(240,229,211,.76)}
.v4-live .live-theater-cinematic .live-chat-form input,.v4-live .live-theater-cinematic .live-chat-form textarea{border-color:rgba(240,229,211,.12);background:rgba(3,4,4,.42);color:#f0e5d3}
.live-cinematic-status{position:absolute;z-index:7;top:34px;left:36px;display:flex;align-items:center;gap:18px;color:#f0e5d3;font:600 10px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.15em}
.live-cinematic-status>span:first-child{display:flex;align-items:center;gap:8px}.live-cinematic-status i{width:7px;height:7px;border-radius:50%;background:#818784}.live-cinematic-status .is-live i{background:var(--v4-coral);box-shadow:0 0 0 5px rgba(240,74,47,.16),0 0 20px rgba(240,74,47,.6)}
.live-cinematic-viewers{padding-left:18px;border-left:1px solid rgba(240,229,211,.22);color:rgba(240,229,211,.58);letter-spacing:0}.live-cinematic-viewers b{color:#f0e5d3;font-weight:600}
.live-cinematic-activity{position:absolute;z-index:7;left:36px;right:min(36%,430px);bottom:36px;pointer-events:none}
.live-cinematic-activity small{display:block;margin-bottom:14px;color:var(--v4-coral);font:600 9px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.17em}
.live-cinematic-activity p{display:-webkit-box;max-width:660px;margin:0;overflow:hidden;color:#f0e5d3;font:400 clamp(25px,3vw,46px)/1.04 "Lineca Exact",sans-serif;letter-spacing:-.02em;text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.live-cinematic-activity button{pointer-events:auto;margin-top:24px;padding:0 0 8px;border-bottom:1px solid rgba(240,74,47,.72);color:var(--v4-coral);font:600 9px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.13em}
.live-cinematic-activity button{padding-bottom:0;border-bottom:0}
.v4-live .live-theater-cinematic .live-view-switch{display:none}
@media(max-width:1000px){.v4-live .live-theater-cinematic{min-height:680px}.v4-live .live-theater-cinematic .live-chat{width:340px}.live-cinematic-activity{right:400px}.live-cinematic-activity p{font-size:34px}}
@media(max-width:760px){.v4-live .live-theater-cinematic{min-height:660px}.v4-live .live-theater-cinematic .live-view-switch{position:absolute;z-index:9;top:12px;right:12px;display:grid;width:190px;padding:4px;border:1px solid rgba(240,229,211,.12);background:rgba(8,9,9,.78);backdrop-filter:blur(12px)}.v4-live .live-theater-cinematic .live-workspace{top:0}.v4-live .live-theater-cinematic .live-chat{position:absolute;inset:64px 14px 14px;width:auto;min-height:0;aspect-ratio:auto}.v4-live .live-card[data-live-view="watch"] .live-chat{display:none}.v4-live .live-card[data-live-view="chat"] .live-stage{display:none}.v4-live .live-card[data-live-view="chat"] .live-cinematic-status,.v4-live .live-card[data-live-view="chat"] .live-cinematic-activity{display:none}.live-cinematic-status{top:24px;left:22px}.live-cinematic-activity{left:22px;right:22px;bottom:28px}.live-cinematic-activity p{font-size:clamp(28px,8vw,40px)}}

/* Explain Digital Justin where it lives, without adding another page chapter. */
.v3-companion-header .v3-companion-disclosure{display:block;margin-top:11px;max-width:37ch;color:rgba(224,202,171,.52);font:400 9.5px/1.52 "Aktiv Grotesk V4",sans-serif;font-style:normal;letter-spacing:.01em}
@media(min-width:900px){.v3-companion-header:has(.v3-companion-disclosure){min-height:194px}}
@media(max-width:899px){.v3-shell.companion-standard .v3-companion-disclosure{display:none}.v3-shell.companion-expanded .v3-companion-disclosure{display:block}}

/* Digital Justin shares the site's authored type and warm-neutral color system. */
.v3-companion{
  --dj-bg:#090b0b;
  --dj-surface:#111311;
  --dj-surface-raised:#161714;
  --dj-ink:#eee1cd;
  --dj-body:#d7c9b5;
  --dj-muted:#918778;
  --dj-rule:rgba(232,214,187,.16);
  font-family:"Aktiv Grotesk V4",sans-serif!important;
  background:radial-gradient(circle at 58% 18%,rgba(104,76,48,.075),transparent 34%),var(--dj-bg)!important;
  color:var(--dj-ink)!important;
}
.v3-companion :where(button,textarea,input,.thread,.message,.assistant-content,.streaming-response,.message-meta,.message-provenance){font-family:"Aktiv Grotesk V4",sans-serif!important}
.v3-companion-header{border-bottom-color:var(--dj-rule);background:linear-gradient(180deg,rgba(18,20,18,.98),rgba(9,11,11,.96))}
.v3-companion-header:after{font-family:"Aktiv Grotesk V4",sans-serif!important;font-size:9px;font-weight:600;letter-spacing:.17em;color:rgba(238,225,205,.7)}
.v3-companion-header div small{font-family:"Lineca Exact",sans-serif!important;font-size:27px;font-weight:400;line-height:1;letter-spacing:-.015em;color:var(--dj-ink)}
.v3-companion-header div b{font-family:"Aktiv Grotesk V4",sans-serif!important;font-size:13px;font-weight:500;line-height:1.45;color:rgba(215,201,181,.78)}
.v3-companion-header div em,.v3-companion-header .v3-companion-disclosure{font-family:"Aktiv Grotesk V4",sans-serif!important;color:var(--dj-muted)}
.v3-companion-welcome p{border-color:var(--dj-rule);background:linear-gradient(135deg,rgba(24,26,23,.82),rgba(13,15,14,.82));font-family:"Aktiv Grotesk V4",sans-serif!important;font-size:15px;line-height:1.62;color:var(--dj-body)}
.v3-prompt-list button{border-color:var(--dj-rule);background:rgba(238,225,205,.018);font-family:"Aktiv Grotesk V4",sans-serif!important;font-size:14px;font-weight:500;line-height:1.45;color:var(--dj-body)}
.v3-prompt-list button:hover,.v3-prompt-list button:focus-visible{border-color:rgba(240,68,40,.72);background:rgba(240,68,40,.045);color:var(--dj-ink)}
.v3-viewing{font-family:"Aktiv Grotesk V4",sans-serif!important;color:var(--dj-muted)}
.professional-intro-card{border-color:var(--dj-rule);background:#070808}
.professional-intro-card header{border-bottom-color:var(--dj-rule);background:var(--dj-surface)}
.professional-intro-card header small{font-family:"Aktiv Grotesk V4",sans-serif!important;color:var(--v3-accent)}
.professional-intro-card header b{font-family:"Aktiv Grotesk V4",sans-serif!important;font-size:12px;font-weight:500;color:var(--dj-body)}
.v3-companion .thread{background:transparent!important}
.v3-companion .message{border-color:var(--dj-rule)!important}
.v3-companion .message p,.v3-companion .streaming-response p,.v3-companion .assistant-content{font-family:"Aktiv Grotesk V4",sans-serif!important;font-size:14px;line-height:1.68;color:var(--dj-body)!important}
.v3-companion .message.user{border:1px solid var(--dj-rule)!important;background:rgba(238,225,205,.065)!important;box-shadow:none!important}
.v3-companion .message.user p{color:var(--dj-ink)!important}
.v3-companion .message-meta{color:var(--v3-accent)!important;font-size:9px;letter-spacing:.08em}
.v3-companion .message-meta time,.v3-companion .message-provenance{color:var(--dj-muted)!important}
.v3-companion .message-provenance{border-top-color:var(--dj-rule)!important}
.v3-companion .v3-composer,.v3-companion>.composer{border-color:rgba(232,214,187,.22)!important;background:var(--dj-surface)!important;box-shadow:0 -18px 34px rgba(9,11,11,.76),0 14px 34px rgba(0,0,0,.28)!important}
.v3-companion .composer textarea{font-family:"Aktiv Grotesk V4",sans-serif!important;font-size:15px;font-weight:400;line-height:1.5;color:var(--dj-ink)!important;caret-color:var(--v3-accent)!important}
.v3-companion .composer textarea::placeholder{color:rgba(145,135,120,.82)!important}
.v3-companion .composer-context-preview{border-color:var(--dj-rule)!important;background:rgba(238,225,205,.035)!important}
.v3-companion .composer-context-preview :where(span,b,small){font-family:"Aktiv Grotesk V4",sans-serif!important;color:var(--dj-body)!important}
.v3-companion .composer .send-button{background:var(--v3-accent)!important;color:#fff!important}

/* The journey closes once: hiring intent, contact, and a quiet editorial portrait. */
.v4-closing{position:relative;isolation:isolate;display:flex;min-height:clamp(780px,92dvh,1040px);align-items:center;overflow:hidden;padding:clamp(110px,12vw,190px) clamp(44px,5.8vw,108px);background:#070909;color:#f0e5d3}
.v4-closing:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 82% 46%,rgba(240,74,47,.11),transparent 31%),linear-gradient(90deg,rgba(7,9,9,1) 0 48%,rgba(7,9,9,.82) 67%,rgba(7,9,9,.96) 100%)}
.v4-closing>img{position:absolute;z-index:-2;right:-4%;bottom:-23%;width:min(55%,760px);height:128%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.16);opacity:.24;mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%),linear-gradient(0deg,transparent 0,#000 24%,#000 100%)}
.v4-closing>div{position:relative;z-index:2;width:min(960px,74%)}
.v4-closing>div>span{display:block;margin-bottom:30px;color:var(--v4-coral);font:600 10px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.17em;text-transform:uppercase}
.v4-closing h2{margin:0;font:400 clamp(56px,5.4vw,86px)/.95 "Lineca Exact",sans-serif;letter-spacing:-.035em;text-wrap:balance}
.v4-closing p{max-width:690px;margin:34px 0 0;color:rgba(240,229,211,.64);font:400 16px/1.72 "Aktiv Grotesk V4",sans-serif}
.v4-closing nav{display:flex;flex-wrap:wrap;gap:30px;margin-top:42px}
.v4-closing a,.v4-closing button{padding:0 0 10px;border:0;border-bottom:1px solid rgba(240,74,47,.72);background:transparent;color:var(--v4-coral);font:600 10px/1 "Aktiv Grotesk V4",sans-serif;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:color .2s,border-color .2s,transform .2s}
.v4-closing a,.v4-closing button{padding-bottom:0;border-bottom:0}
.v4-closing a:hover,.v4-closing button:hover{color:#ff735d;border-color:#ff735d;transform:translateY(-2px)}
.v4-closing p{margin-top:clamp(42px,3.6vw,54px)}
@media(max-width:899px){.v4-closing{min-height:820px;padding:110px 24px}.v4-closing>div{width:100%}.v4-closing>img{right:-34%;bottom:-8%;width:100%;height:82%;opacity:.16}.v4-closing:before{background:linear-gradient(180deg,rgba(7,9,9,1) 0 56%,rgba(7,9,9,.72) 100%)}.v4-closing h2{font-size:clamp(52px,14vw,78px)}.v4-closing p{max-width:54ch;margin-top:36px}.v4-closing nav{align-items:flex-start;flex-direction:column;gap:24px}}

/* Let Live read as one wide cinematic canvas with chat floating above it. */
.v4-live .live-theater-cinematic{width:100%;max-width:none;min-height:0;margin:0;aspect-ratio:16/9}
.v4-live .live-theater-cinematic:before{background:linear-gradient(180deg,rgba(3,4,4,.66) 0,transparent 20%),linear-gradient(0deg,rgba(3,4,4,.82) 0,transparent 28%),linear-gradient(90deg,rgba(3,4,4,.2),transparent 42%,rgba(3,4,4,.12))}
.v4-live .live-cinematic-activity.is-between-sessions p{max-width:30ch}.v4-live .live-cinematic-activity.is-between-sessions button{color:var(--v4-coral)}
.v4-live .live-theater-cinematic .live-chat{top:20%;right:3%;bottom:28%;width:min(27%,330px);grid-template-rows:46px minmax(0,1fr) 72px;border:1px solid rgba(240,229,211,.08)!important;border-radius:12px;background:rgba(8,10,9,.055)!important;box-shadow:0 16px 48px rgba(0,0,0,.08);backdrop-filter:blur(2px) saturate(.92)}
.v4-live .live-theater-cinematic .live-chat>header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:0!important;background:transparent!important}
.v4-live .live-theater-cinematic .live-chat>header h3{margin:0;color:#f0e5d3;opacity:1;font-size:12px;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.9)}.v4-live .live-theater-cinematic .live-chat>header small{color:#f0e5d3;opacity:1;font-size:9px;text-shadow:0 1px 8px rgba(0,0,0,.9)}
.v4-live .live-theater-cinematic .chat-feed{padding:4px 14px;border:0!important;background:transparent!important}
.v4-live .live-theater-cinematic .chat-feed p{margin:0;padding:8px 0;border:0;color:#f0e5d3;opacity:1;text-shadow:0 1px 8px rgba(0,0,0,.92)}
.v4-live .live-theater-cinematic .chat-feed p+p{margin-top:3px}.v4-live .live-theater-cinematic .chat-feed p b{margin-bottom:2px;color:#f0e5d3;opacity:1}
.v4-live .live-theater-cinematic .chat-empty{padding:22px 0;color:#f0e5d3;opacity:1;text-align:left;text-shadow:0 1px 8px rgba(0,0,0,.92)}
.v4-live .live-theater-cinematic .live-chat-form{grid-template-columns:54px minmax(0,1fr) 32px;gap:4px;margin:8px;padding:5px;border:1px solid rgba(240,229,211,.12)!important;border-radius:9px;background:rgba(2,3,3,.1)!important}
.v4-live .live-theater-cinematic .live-chat-form input,.v4-live .live-theater-cinematic .live-chat-form textarea{height:36px;min-height:36px;padding:9px 7px;border:0!important;border-radius:6px;background:transparent!important;color:#f0e5d3!important;box-shadow:none}
.v4-live .live-theater-cinematic .live-chat-form .chat-name{color:#f0e5d3;opacity:1}.v4-live .live-theater-cinematic .live-chat-form input::placeholder,.v4-live .live-theater-cinematic .live-chat-form textarea::placeholder{color:rgba(240,229,211,.78);opacity:1}
.v4-live .live-theater-cinematic .live-chat-form textarea{padding-right:42px}.v4-live .live-theater-cinematic .live-chat-form textarea:focus,.v4-live .live-theater-cinematic .live-chat-form input:focus{outline:1px solid rgba(240,74,47,.42);border:0}
.v4-live .live-theater-cinematic .live-chat-form button{width:32px;height:32px;color:var(--v4-coral)}
.v4-live .live-theater-cinematic .live-chat-form>[data-chat-feedback]{position:absolute;right:8px;bottom:-16px;padding:0;background:transparent}
.live-cinematic-activity{right:min(32%,390px);bottom:30px}.live-cinematic-activity p{font-size:clamp(23px,2.5vw,40px);-webkit-line-clamp:3}.live-cinematic-activity button{margin-top:18px}
@media(max-width:1000px){.v4-live .live-theater-cinematic{min-height:0;aspect-ratio:16/10}.v4-live .live-theater-cinematic .live-chat{top:17%;right:2%;bottom:22%;width:300px}.live-cinematic-activity{right:340px}.live-cinematic-activity p{font-size:30px}}
@media(max-width:760px){.v4-live .live-theater-cinematic{min-height:620px;aspect-ratio:auto}.v4-live .live-theater-cinematic .live-chat{inset:64px 14px 14px;width:auto;border-radius:10px}.live-cinematic-activity{right:22px;bottom:28px}.live-cinematic-activity p{font-size:clamp(28px,8vw,40px)}}

/* A restrained, one-time reveal rhythm across the single-page journey. */
.v4-motion-enabled .v4-scroll-reveal{opacity:0;transform:translateY(34px);filter:blur(2.5px);transition:opacity .72s ease calc(var(--v4-reveal-order,0)*45ms),transform .9s cubic-bezier(.18,.76,.2,1) calc(var(--v4-reveal-order,0)*45ms),filter .8s ease calc(var(--v4-reveal-order,0)*45ms);will-change:opacity,transform,filter}
.v4-motion-enabled .v4-scroll-reveal.is-v4-visible{opacity:1;transform:none;filter:none}
.v4-motion-enabled .v4-work>header>h2.v4-scroll-reveal,.v4-motion-enabled .v4-live>header>h2.v4-scroll-reveal,.v4-motion-enabled .v4-closing h2.v4-scroll-reveal{clip-path:inset(0 0 18% 0);transition:opacity .72s ease,transform 1s cubic-bezier(.18,.76,.2,1),filter .8s ease,clip-path 1.05s cubic-bezier(.18,.76,.2,1)}
.v4-motion-enabled .v4-work>header>h2.is-v4-visible,.v4-motion-enabled .v4-live>header>h2.is-v4-visible,.v4-motion-enabled .v4-closing h2.is-v4-visible{clip-path:inset(0)}
.v4-motion-enabled .v4-project-theater.v4-scroll-reveal,.v4-motion-enabled .live-cinematic.v4-scroll-reveal{transform:translateY(42px) scale(.985)}
.v4-motion-enabled .v4-project-theater.is-v4-visible,.v4-motion-enabled .live-cinematic.is-v4-visible{transform:none}
.v4-motion-enabled .v4-project-build-note.v4-scroll-reveal{transform:translateY(34px) rotate(6deg)}
.v4-motion-enabled .v4-project-build-note.is-v4-visible{opacity:.38;transform:rotate(6deg)}
.v4-motion-enabled .v4-live-build-note.v4-scroll-reveal{transform:translateY(34px) rotate(-7deg)}
.v4-motion-enabled .v4-live-build-note.is-v4-visible{opacity:.38;transform:rotate(-7deg)}
@media(prefers-reduced-motion:reduce){.v4-motion-enabled .v4-scroll-reveal{opacity:1;transform:none;filter:none;clip-path:none;transition:none}}
@media(max-width:920px){.v4-motion-enabled .v4-live-build-note.v4-scroll-reveal{transform:translateY(34px) rotate(-5deg)}.v4-motion-enabled .v4-live-build-note.is-v4-visible{transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.v4-motion-enabled .v4-project-build-note.is-v4-visible,.v4-motion-enabled .v4-live-build-note.is-v4-visible{opacity:.38!important}}

/* Main-page type contract: one display face, one working face, one handwritten face. */
.v4-home{font-family:"Aktiv Grotesk V4",sans-serif}
.v4-home p,.v4-home a,.v4-home button,.v4-home small,.v4-home strong,.v4-home b,.v4-home em,.v4-home i,.v4-home label,.v4-home input,.v4-home textarea,.v4-home span,.v4-home .live-chat h3{font-family:"Aktiv Grotesk V4",sans-serif!important}
.v4-home .v4-hero h1,.v4-home .v4-hero h1 span,.v4-home .v4-stat-columns b,.v4-home .v4-career-list h3,.v4-home .v4-work>header h2,.v4-home .v4-project-copy h3,.v4-home .v4-live>header h2,.v4-home .live-cinematic-activity p,.v4-home .v4-closing h2{font-family:"Lineca Exact",sans-serif!important}
.v4-home .v4-build-note,.v4-home .v4-build-note span,.v4-home .v4-build-note b,.v4-home .v4-career-list:after,.v4-home .v4-project-build-note,.v4-home .v4-live-build-note{font-family:"QE Dave Mergens","Segoe Print",cursive!important}

/* Mobile journey hardening: keep the site recoverable, readable, and single-layered. */
.v3-mobile-dismiss,.v3-mobile-expand{display:none}
.v4-career-arrow{width:32px;height:32px;color:rgba(44,42,42,.3);font:400 22px/32px "Aktiv Grotesk V4",sans-serif;font-style:normal;text-align:center;transition:color .2s ease}
.v4-career-list article:hover .v4-career-arrow,.v4-career-list article:focus-visible .v4-career-arrow{color:var(--v4-coral)}
@media(max-width:899px){
  .v3-shell.companion-expanded .companion-sidecar{inset:0!important;height:100dvh!important;max-height:100dvh!important}
  .v3-shell.companion-expanded .v3-companion-header{grid-template-columns:minmax(0,1fr) auto!important;min-height:104px!important;padding:26px 18px 18px!important;box-shadow:none!important}
  .v3-shell.companion-expanded .v3-companion-header:before,.v3-shell.companion-expanded .v3-companion-header:after,.v3-shell.companion-expanded .v3-companion-header>span{display:none!important}
  .v3-shell.companion-expanded .v3-companion-header>div{min-width:0}
  .v3-shell.companion-expanded .v3-companion-header div small{font-size:22px!important}
  .v3-shell.companion-expanded .v3-companion-header div b{display:block!important;font-size:11px!important}
  .v3-shell.companion-expanded .v3-companion-header .v3-companion-disclosure{display:none!important}
  .v3-shell.companion-expanded .v3-mobile-dismiss{display:flex!important;grid-column:2;grid-row:1;align-items:center;gap:7px;width:auto!important;height:34px!important;padding:0 10px!important;border-color:rgba(224,202,171,.28)!important;color:#ead8bd!important;white-space:nowrap}
  .v3-mobile-dismiss span,.v3-mobile-expand span{font-size:16px}.v3-mobile-dismiss b,.v3-mobile-expand b{margin:0!important;color:inherit!important;font:600 8px/1 "Aktiv Grotesk V4",sans-serif!important;letter-spacing:.12em}
  .v3-shell.companion-expanded .v3-companion-header>[data-companion-reset]{display:none!important}
  .v3-shell.companion-expanded .v3-mobile-expand{display:none!important}
  .professional-intro-card{margin:10px 14px 0!important}
  .professional-intro-card iframe{height:min(58vh,480px)!important}

  .v3-shell.companion-standard .companion-sidecar{height:132px!important}
  .v3-shell.companion-standard .v3-companion-header{min-height:46px!important;height:46px!important;padding:9px 14px!important}
  .v3-shell.companion-standard .v3-companion-header div small{font-size:14px!important}
  .v3-shell.companion-standard .v3-mobile-dismiss{display:none!important}
  .v3-shell.companion-standard .v3-companion-header>[data-companion-reset]{display:none!important}
  .v3-shell.companion-standard .v3-mobile-expand{display:flex!important;grid-column:2;grid-row:1;align-items:center;gap:6px;width:auto!important;height:30px!important;padding:0 9px!important;border-color:rgba(224,202,171,.24)!important;color:#ead8bd!important;white-space:nowrap}
  .v3-shell.companion-standard .v3-composer{position:static!important;width:auto!important;max-width:none!important;height:64px!important;min-height:64px!important;margin:6px 14px 8px!important;padding:4px!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:4px!important;box-sizing:border-box!important}
  .v3-shell.companion-standard .v3-composer textarea{width:100%!important;height:54px!important;min-height:54px!important;max-height:54px!important;padding:10px 11px!important;box-sizing:border-box!important}
  .v3-shell.companion-standard .v3-composer .send-button{width:40px!important;height:40px!important;margin:0!important;align-self:center!important;justify-self:center!important}
  .v3-shell .companion-sidecar>.composer textarea{grid-column:1!important;min-width:0!important;max-width:100%!important;field-sizing:fixed!important;word-break:normal!important;overflow-wrap:break-word!important}
  .v3-shell.companion-expanded .companion-sidecar>.composer{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0 14px max(12px,env(safe-area-inset-bottom))!important;padding:6px!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:4px!important;box-sizing:border-box!important;transform:none!important}
  .v3-shell.companion-expanded .companion-sidecar>.composer textarea{width:100%!important;min-height:58px!important;padding:12px!important;box-sizing:border-box!important}
  .v3-shell.companion-expanded .companion-sidecar>.composer .send-button{grid-column:2!important;width:40px!important;height:40px!important;margin:0!important;align-self:end!important;justify-self:center!important}
  .public-shell.v3-shell.companion-standard .companion-sidecar>.composer{left:auto!important;right:auto!important;width:calc(100% - 28px)!important;max-width:none!important;align-self:stretch!important;grid-template-columns:minmax(0,1fr) 44px!important}
  .public-shell.v3-shell.companion-expanded .companion-sidecar>.composer{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:calc(100% - 28px)!important;max-width:none!important;align-self:stretch!important;grid-template-columns:minmax(0,1fr) 48px!important}

  .v4-career-list article{grid-template-columns:30px minmax(0,1fr)!important;grid-template-rows:auto auto auto;column-gap:12px!important;row-gap:12px!important;min-height:0!important;padding:28px 0!important}
  .v4-career-list article>span{grid-column:1;grid-row:1;align-self:start;padding-top:8px}
  .v4-career-list article>h3{grid-column:2;grid-row:1;min-width:0;font-size:clamp(38px,11vw,48px)!important;line-height:.98!important;overflow-wrap:anywhere}
  .v4-career-list article:nth-child(3)>h3{font-size:36px!important;overflow-wrap:normal}
  .v4-career-list .v4-career-copy{grid-column:2!important;grid-row:2!important;min-width:0}
  .v4-career-list article>small{grid-column:2!important;grid-row:3!important;text-align:left!important}

  .v4-project-slide:not(.is-active){visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:none!important}
  .v4-project-stage{height:auto!important;min-height:0!important;margin-top:30px!important}
  .v4-project-slide,.v4-project-slide.is-active{position:relative!important;inset:auto!important;display:none!important;height:auto!important;padding:38px 0 20px!important}
  .v4-project-slide.is-active{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:38px!important}
  .v4-project-media{width:100%!important;aspect-ratio:16/10!important;overflow:hidden!important}
  .v4-project-media>img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important}
  .v4-project-controls{width:100%!important;margin:30px 0 0!important}

  .v4-closing{min-height:1040px!important;padding:96px 24px 500px!important;align-items:flex-start!important}
  .v4-closing>div{width:100%!important}
  .v4-closing>img{z-index:0!important;right:-4%!important;bottom:-3%!important;width:92%!important;height:45%!important;object-fit:contain!important;object-position:center bottom!important;opacity:.3!important;mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 100%)!important}
  .v4-closing:before{z-index:-1!important;background:linear-gradient(180deg,rgba(7,9,9,1) 0 56%,rgba(7,9,9,.88) 68%,rgba(7,9,9,.98) 100%)!important}
}
@media(max-width:430px){
  .v4-project-copy h3{font-size:clamp(40px,11.5vw,50px)!important}
  .v4-project-copy strong{font-size:16px!important}
  .v4-closing h2{font-size:clamp(46px,13vw,60px)!important}
}