@charset "UTF-8";
:root{--ink:#11120f;--paper:#e8e4db;--muted:#a9aaa0;--orange:#f28b49;--line:rgba(232,228,219,.19);--header-height:86px;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + 24px)}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{color:inherit}img{max-width:100%;display:block}::selection{background:var(--orange);color:var(--ink)}.skip{position:fixed;top:-90px;left:20px;background:var(--paper);color:var(--ink);padding:15px;z-index:120}.skip:focus{top:12px}.eyebrow{font:11px/1.6 'Courier New',monospace;text-transform:uppercase;letter-spacing:.16em}.muted{color:var(--muted)}.site-header{height:86px;position:fixed;inset:0 0 auto;z-index:100;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid transparent;background:linear-gradient(#11120f9c,transparent);transition:background .25s,border-color .25s}.site-header.scrolled,.menu-open .site-header,body:not(.home) .site-header{background:#11120fee;backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.brand svg{width:23px;height:23px;color:var(--orange)}.desktop-nav{display:flex;gap:28px;font-size:12px}.desktop-nav a{padding:12px 0;color:#d4d4ca}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--orange)}.header-cta{display:flex;gap:24px;align-items:center;font-size:12px;border-bottom:1px solid #e8e4db80;padding:10px 0}.arrow{font-size:1.25em}.menu-toggle{display:none;border:1px solid var(--line);background:none;padding:10px 14px;font-size:12px}.mobile-nav{position:fixed;inset:var(--header-height) 0 0;z-index:99;background:#11120f;padding:8vh 7vw;overflow:auto}.mobile-nav[hidden]{display:none}.mobile-nav a{display:block;font-size:clamp(28px,7vw,46px);letter-spacing:-.05em;padding:22px 0;border-bottom:1px solid var(--line)}.menu-open{overflow:hidden}
.journey{height:650svh;position:relative}.scene{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:#090909}.scene-image{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;opacity:.94}.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#10110fed,transparent 22%,transparent 76%,#10110f65)}.hero-copy{position:absolute;z-index:2;left:6vw;bottom:17vh;max-width:1050px;will-change:opacity,transform}.hero-copy .eyebrow{margin-bottom:24px}.hero-copy h1{font-size:clamp(62px,8.5vw,152px);line-height:.88;letter-spacing:-.075em;font-weight:500;margin:0;text-shadow:0 3px 35px #0008}.hero-copy h1 em{font-style:normal;color:var(--orange)}.hero-copy p{font-size:14px;line-height:1.6;max-width:360px;margin:25px 0 0}.scene-bottom{position:absolute;z-index:3;bottom:32px;left:4vw;right:4vw;display:flex;align-items:end;justify-content:space-between;gap:20px}.scene-caption{display:flex;align-items:center;gap:24px;max-width:75%}.scene-caption p{margin:0}.scene-caption .scene-title{font-size:clamp(19px,2.1vw,32px);letter-spacing:-.04em;margin-top:5px}.scene-caption a{font-size:12px;white-space:nowrap;border-bottom:1px solid #fff8;padding:10px 0}.scroll-hint{font:10px 'Courier New',monospace;letter-spacing:.12em;display:flex;gap:18px;align-items:center}.scroll-hint span{font-size:24px;color:var(--orange)}.chapter-rail{position:absolute;right:3.5vw;top:40%;z-index:4;display:grid;gap:12px}.chapter-rail button{border:0;background:#1119;color:#a8a79f;font:11px 'Courier New',monospace;padding:9px;border-radius:50%;transition:background .2s,color .2s}.chapter-rail button[aria-current=true]{color:var(--ink);background:var(--orange)}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff18;z-index:5}.progress-bar{height:100%;background:var(--orange);transform-origin:left;transform:scaleX(0)}.motion-toggle{position:absolute;top:calc(var(--header-height) + 20px);right:4vw;z-index:4;border:1px solid #ffffff36;background:#1117;color:#c3c0b6;font:10px 'Courier New',monospace;padding:10px 12px}.scene-status{position:absolute;top:calc(var(--header-height) + 20px);left:4vw;z-index:4;font:11px 'Courier New',monospace;color:var(--muted)}.scene-status:empty{display:none}
.section{padding:110px 6vw}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:60px}.section h2,.service-intro h2{font-size:clamp(38px,5.5vw,88px);font-weight:400;letter-spacing:-.065em;line-height:1.03;margin:15px 0 0}.section-heading p{max-width:290px;line-height:1.65;font-size:14px;color:var(--muted)}.paper{background:var(--paper);color:var(--ink)}.paper .muted,.paper .section-heading p{color:#65665e}.service-row{display:grid;grid-template-columns:70px 1.2fr 1fr 45px;gap:30px;align-items:center;padding:34px 0;border-top:1px solid #1113}.service-row:last-child{border-bottom:1px solid #1113}.service-row .index{font:12px 'Courier New',monospace}.service-row h3{font-size:clamp(25px,3vw,46px);font-weight:400;letter-spacing:-.055em;margin:0}.service-row p{font-size:13px;line-height:1.65;max-width:320px;margin:0;color:#56584f}.service-row .arrow{font-size:35px;transition:transform .2s}.service-row:hover .arrow{transform:translate(5px,-5px)}.work-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:38px}.work-item figure{margin:0;overflow:hidden;background:#090909;aspect-ratio:16/10}.work-item img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.work-item:hover img{transform:scale(1.035)}.work-item:nth-child(2){margin-top:130px}.work-meta{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.work-meta h3{font-size:22px;font-weight:400;letter-spacing:-.04em;margin:0 0 7px}.work-meta p{font:10px 'Courier New',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0}.work-note{font:11px/1.7 'Courier New',monospace;color:var(--muted);max-width:650px;margin:44px 0 0}.closing{padding:110px 6vw 65px;border-top:1px solid var(--line)}.closing .eyebrow{color:var(--orange)}.closing-link{display:flex;justify-content:space-between;align-items:center;font-size:clamp(58px,12.5vw,200px);letter-spacing:-.08em;line-height:1.1;margin:25px 0 65px}.closing-link span:last-child{color:var(--orange);font-size:.6em}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:25px;font:10px/1.6 'Courier New',monospace;color:var(--muted)}.footer-bottom nav{display:flex;gap:25px}.text-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid currentColor;padding:12px 0;font-size:13px}
.page-hero{padding:calc(var(--header-height) + 85px) 6vw 70px;min-height:88svh;position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4vw}.page-hero h1{font-size:clamp(58px,7.5vw,124px);letter-spacing:-.075em;line-height:.93;font-weight:400;margin:25px 0 30px}.page-hero h1 em{font-style:normal;color:var(--orange)}.page-hero p{max-width:390px;font-size:16px;line-height:1.65;color:#b5b5ab}.page-hero figure{margin:0;position:relative}.page-hero img{width:100%;aspect-ratio:4/5;object-fit:cover}.page-hero figcaption{font:10px/1.6 'Courier New',monospace;color:var(--muted);margin-top:15px}.service-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:95px 6vw}.service-intro .body-copy{font-size:18px;line-height:1.65;padding-top:26px;color:#65665e}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.capability{border-top:1px solid #1114;padding-top:24px}.capability h3{font-size:27px;letter-spacing:-.04em;font-weight:400}.capability p{font-size:14px;line-height:1.7;color:#65665e}.wide-work{display:grid;grid-template-columns:1.8fr 1fr;gap:6vw;align-items:center}.wide-work img{width:100%;background:#080808}.wide-work h3{font-size:40px;letter-spacing:-.05em;font-weight:400;margin:22px 0}.wide-work p{font-size:15px;line-height:1.7;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.process article{padding-top:25px;border-top:1px solid var(--line)}.process h3{font-size:26px;font-weight:400;letter-spacing:-.04em}.process p{font-size:14px;line-height:1.7;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:calc(var(--header-height) + 80px) 6vw 100px}.contact-layout h1{font-size:clamp(68px,8vw,126px);font-weight:400;line-height:.95;letter-spacing:-.075em;margin:25px 0 35px}.contact-layout p{font-size:15px;line-height:1.7;color:var(--muted);max-width:360px}.contact-layout .availability{font:11px 'Courier New',monospace;padding-top:36px;color:var(--orange)}.brief-form{padding-top:20px}.field{display:block;margin-bottom:28px}.field span{display:block;font-size:12px;margin-bottom:13px;color:#c5c5b9}.field input,.field select,.field textarea{display:block;width:100%;padding:13px 0;border:0;border-bottom:1px solid #ffffff42;background:transparent;color:var(--paper);border-radius:0;font-size:17px}.field option{background:var(--ink)}.field textarea{resize:vertical;min-height:110px}.form-button{background:var(--orange);color:var(--ink);border:0;padding:17px 23px;font-size:13px;display:flex;justify-content:space-between;gap:45px}.form-note,.form-status{font-size:12px!important;line-height:1.6;max-width:100%!important}.form-status{min-height:20px;color:var(--orange)!important}.brief-preview{white-space:pre-wrap;padding:20px;border:1px solid var(--line);font:12px/1.7 'Courier New',monospace}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.js .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1800px){.scene-image{object-fit:cover}}@media(max-width:1050px){.desktop-nav{gap:17px}.site-header{padding:0 3vw}.header-cta{gap:12px}.hero-copy h1{font-size:10vw}.page-hero{grid-template-columns:1.1fr 1fr}.service-row{grid-template-columns:40px 1fr 1fr 30px;gap:18px}}@media(max-width:760px){:root{--header-height:72px}.site-header{height:72px;padding:0 6vw}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.brand{font-size:15px}.journey{height:520svh}.scene{min-height:0}.scene-image{top:22%;height:55%;object-fit:contain;width:100%}.scene:after{background:linear-gradient(0deg,#11120f,transparent 30%,transparent 83%,#11120f55)}.hero-copy{left:7vw;right:10vw;bottom:auto;top:26%;max-width:90%}.hero-copy h1{font-size:clamp(52px,12.8vw,86px);line-height:.93}.hero-copy p{font-size:13px;max-width:240px;margin-top:20px}.hero-copy .eyebrow{font-size:9px;margin-bottom:20px}.scene[data-chapter="0"] .scene-image{top:0;height:100%;object-fit:cover;opacity:.6}.scene-bottom{left:6vw;right:6vw;bottom:28px;align-items:start}.scene-caption{display:block;max-width:80%}.scene-caption .scene-title{font-size:24px}.scene-caption a{display:inline-flex;margin-top:15px;font-size:12px}.scroll-hint{font-size:0;position:absolute;right:0;bottom:4px}.chapter-rail{right:4vw;top:calc(var(--header-height) + 76px);gap:6px}.chapter-rail button{font-size:10px;padding:8px}.motion-toggle{top:calc(var(--header-height) + 18px);right:6vw;font-size:9px}.scene-status{top:calc(var(--header-height) + 22px);left:6vw;font-size:9px}.section{padding:70px 6vw}.section-heading{display:block;margin-bottom:38px}.section-heading p{margin-top:24px}.section h2{font-size:46px}.service-row{grid-template-columns:25px 1fr 30px;padding:25px 0;gap:12px}.service-row p{grid-column:2;grid-row:2;max-width:270px}.service-row .arrow{grid-column:3;grid-row:1}.service-row h3{font-size:30px}.work-grid{grid-template-columns:1fr;gap:45px}.work-item:nth-child(2){margin-top:0}.work-meta h3{font-size:23px}.closing{padding:70px 6vw 35px}.closing-link{font-size:17vw;margin-bottom:40px}.footer-bottom{flex-direction:column}.footer-bottom nav{flex-wrap:wrap}.page-hero{display:block;padding:calc(var(--header-height) + 60px) 6vw 50px;min-height:0}.page-hero h1{font-size:17vw}.page-hero p{font-size:15px}.page-hero figure{margin-top:50px}.page-hero img{aspect-ratio:4/3;object-fit:contain}.service-intro{display:block;padding:65px 6vw}.service-intro h2{font-size:45px}.service-intro .body-copy{font-size:16px}.capabilities{grid-template-columns:1fr;gap:12px;margin-top:40px}.capability h3{margin:18px 0 12px}.wide-work{grid-template-columns:1fr;gap:20px}.wide-work h3{font-size:35px}.process{grid-template-columns:1fr;gap:22px}.contact-layout{grid-template-columns:1fr;padding:calc(var(--header-height) + 50px) 6vw 60px;gap:25px}.contact-layout h1{font-size:21vw}.brief-form{padding-top:25px}.contact-layout .availability{padding-top:15px}}@media(max-height:540px) and (min-width:761px){.scene{min-height:0}.hero-copy{bottom:25%}.hero-copy h1{font-size:15vh}.hero-copy p{display:none}.motion-toggle{top:calc(var(--header-height) + 8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* The opening fills the viewport, then smoothly reveals the uncropped film. */
.scene{background:#000}.scene-image{object-fit:contain;transform:scale(var(--image-scale,1));transform-origin:center;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080907b8,transparent 85%);opacity:var(--intro-shade,1);pointer-events:none}.hero-copy h1 em{color:#ffb17c}
@media(max-width:760px){.scene-image,.scene[data-chapter="0"] .scene-image{top:0;height:100%;object-fit:contain;opacity:.94}.hero-shade{background:linear-gradient(90deg,#080907c9,#08090733)}}

/* Portrait camera: immersive crop throughout the scroll, rather than letterboxing. */
.mobile-outro{display:none}
@media(max-width:760px){
  .scene-image,.scene[data-chapter="0"] .scene-image{object-fit:cover;object-position:var(--mobile-focus,50%) 50%;transform:none}
  .scene:after{background:linear-gradient(0deg,#11120fee,transparent 29%,transparent 79%,#11120f70)}
  .mobile-outro{display:flex;position:absolute;inset:0;z-index:1;align-items:center;justify-content:center;flex-direction:column;gap:28px;background:#11120f;opacity:var(--outro-opacity,0);pointer-events:none;padding:26px;text-align:center}
  .mobile-outro:before{content:"";position:absolute;inset:23% 6% 25%;border:1px solid var(--orange);box-shadow:0 0 40px #f28b4920,inset 0 0 35px #f28b4910}
  .mobile-outro strong{font-size:clamp(48px,15vw,100px);font-weight:400;letter-spacing:-.065em;line-height:1.02}
  .mobile-outro span{font:9px/1.6 'Courier New',monospace;letter-spacing:.14em;color:var(--orange)}
}
.cursor-follower{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:0;transition:opacity .15s}
.cursor-follower.visible{opacity:1}
.cursor-dot,.cursor-ring{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none}
.cursor-dot{width:5px;height:5px;background:#ffb17c;transform:translate3d(var(--dot-x,0px),var(--dot-y,0px),0) translate(-50%,-50%)}
.cursor-ring{display:grid;place-items:center;width:34px;height:34px;border:1px solid #f28b49c9;color:transparent;font:20px Arial;transform:translate3d(var(--ring-x,0px),var(--ring-y,0px),0) translate(-50%,-50%);transition:width .2s,height .2s,background .2s,color .2s}
.cursor-follower.over-link .cursor-ring{width:50px;height:50px;background:#f28b49;color:#11120f;border-color:#f28b49}
.cursor-follower.over-link .cursor-dot{opacity:0}
@media(hover:hover) and (pointer:fine){.custom-pointer,.custom-pointer a,.custom-pointer button{cursor:none}.custom-pointer input,.custom-pointer textarea{cursor:text}.custom-pointer select{cursor:auto}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-follower{display:none}.custom-pointer,.custom-pointer a,.custom-pointer button{cursor:auto}}
@media(max-width:760px){.cursor-follower{display:none}.custom-pointer,.custom-pointer a,.custom-pointer button{cursor:auto}}

/* A separate portrait composition keeps every panel in frame. */
.portrait-scene{display:none}
@media(max-width:760px){
  .scene{background:radial-gradient(ellipse at 50% 72%,#493024 0,#191815 43%,#0d0e0c 77%)}
  .scene-image,.scene[data-chapter="0"] .scene-image{visibility:hidden}
  .portrait-scene{display:block;position:absolute;inset:0;z-index:0;pointer-events:none}
  .portrait-space{position:absolute;left:3%;right:3%;top:calc(var(--header-height) + 94px);bottom:180px;perspective:1000px}
  .portrait-panel{position:absolute;left:0;top:0;transform-origin:center;transform-style:preserve-3d;overflow:hidden;border:1px solid #f28b4980;border-radius:3px;background:#191a16;box-shadow:3px 5px 0 #080908,0 14px 30px #0005;will-change:transform}
  .portrait-film,.portrait-web,.portrait-node{position:absolute;inset:0;overflow:hidden}
  .portrait-film{background-image:linear-gradient(0deg,#07080590,transparent 60%),url('opening.webp');background-size:200% 300%;background-position:var(--tile-x) var(--tile-y);opacity:var(--film-face,1)}
  .portrait-film>span{position:absolute;left:9px;bottom:10px;color:#fff4e4;font:10px 'Courier New',monospace;letter-spacing:.05em;opacity:var(--film-label,0)}
  .portrait-web{opacity:var(--web-face,0);background:linear-gradient(120deg,#36372d,#191b16);padding:12px;color:#eee9dc;font-size:15px;font-weight:600;letter-spacing:-.03em}
  .web-0{display:flex;align-items:center;padding:7px 12px;font:11px 'Courier New',monospace;color:#ffb17c}
  .web-1{display:flex;align-items:center;font-size:clamp(23px,6.5vw,36px);line-height:1.05}
  .web-2{background:#db773d;color:#271509;font:8px 'Courier New',monospace;padding:10px}
  .portrait-tunnel{position:absolute;width:38%;height:64%;left:31%;top:22%;border-radius:25%;border:2px solid #502410;box-shadow:3px 3px 0 #713011,6px 6px 0 #9d4219,9px 9px 0 #b84e1b,12px 12px 0 #ce5d22,inset 15px 15px 22px #7c331e}
  .web-3,.web-4,.web-5{display:flex;align-items:flex-end;padding:10px 6px;font-size:12px;color:#ffb17c}
  .portrait-node{opacity:var(--network-face,0);padding:12px 10px;background:linear-gradient(125deg,#32342a,#131611);display:flex;flex-direction:column;justify-content:center;gap:8px}
  .portrait-node i{font-style:normal;font-size:20px;color:#f28b49;line-height:1}
  .portrait-node strong{font-size:clamp(11px,3.2vw,17px);letter-spacing:-.025em}
  .portrait-node>span{font:7px 'Courier New',monospace;letter-spacing:.03em;color:#b1b1a1}
  .portrait-wires{position:absolute;width:100%;height:100%;overflow:visible;opacity:var(--wire-opacity,0);filter:drop-shadow(0 0 5px #ec915088)}
  .portrait-wires path{fill:none;stroke:#efaa72;stroke-width:.45}
  .chapter-rail{top:calc(var(--header-height) + 49px);left:6vw;right:auto;display:flex;gap:8px}
  .chapter-rail button{width:28px;height:28px;padding:0}
  .hero-shade{z-index:1}
  .scene-status{max-width:45%}
  .scene-caption{max-width:94%}
}
@media(max-width:760px) and (max-height:700px){
  .portrait-space{top:calc(var(--header-height) + 84px);bottom:146px}
  .scene-bottom{bottom:20px}.scene-caption .scene-title{font-size:21px}.scene-caption a{margin-top:7px}
  .portrait-node{gap:5px;padding:7px}.portrait-node i{font-size:15px}
  .hero-copy{top:30%}.hero-copy h1{font-size:clamp(39px,11.5vw,64px)}.hero-copy p{font-size:11px;margin-top:13px}
}
@media(max-width:760px){.web-1{font-size:clamp(17px,6vw,36px);padding:8px}}
@media(max-width:760px) and (max-height:700px){.web-0{font-size:8px;padding:4px 8px}.web-3,.web-4,.web-5{font-size:10px}}
@media(max-width:760px){.web-2{background:#d96528 url('mobile-web-art.png') center/cover no-repeat}.web-2>span,.web-2>.portrait-tunnel{display:none}}

/* The scroll controls the objects. These loops keep playing while the objects rest. */
.scene{--fluid-media:url('live/fluid-loop.webp');--web-media:url('live/web-loop.webp')}
.desktop-live{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;filter:brightness(.86)}
.live-surface{position:absolute;left:0;top:0;width:512px;height:512px;transform-origin:0 0;pointer-events:none;overflow:hidden}
.live-surface>div{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat}
.live-fluid{background-image:var(--fluid-media);background-size:300% 200%!important;background-position:var(--tile-x) var(--tile-y)}
.live-web-art{background-image:var(--web-media)!important}
.live-web:after,.live-contact:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff3cc1c 49%,transparent 61%);background-size:300% 100%;animation:screen-light 6s linear infinite;animation-delay:var(--pulse-delay,0s)}
.live-contact:before{content:"";position:absolute;left:8%;bottom:11%;height:2%;width:26%;background:#f3a26c;transform-origin:left;animation:signal-breathe 3s ease-in-out infinite;animation-delay:var(--pulse-delay,0s)}
.live-rail{background:linear-gradient(90deg,#d78952,#ffe0ac,#d78952);background-size:200% 100%;animation:screen-light 5s linear infinite}
.hero-shade{z-index:2;pointer-events:none}.hero-copy{z-index:3}
@keyframes screen-light{from{background-position:180% 0}to{background-position:-120% 0}}
@keyframes signal-breathe{0%,100%{opacity:.25;transform:scaleX(.4)}50%{opacity:.85;transform:scaleX(1)}}
@keyframes network-flow{to{stroke-dashoffset:-60}}
@keyframes frame-breathe{0%,100%{box-shadow:0 0 20px #f28b4910,inset 0 0 20px #f28b4910}50%{box-shadow:0 0 48px #f28b4933,inset 0 0 35px #f28b4920}}
@media(max-width:760px){
  .desktop-live{display:none}
  .portrait-film{background-image:linear-gradient(0deg,#07080590,transparent 60%),var(--fluid-media)}
  .web-2{background-image:var(--web-media);background-size:cover;background-position:center}
  .portrait-web:not(.web-2):after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffca8d20 49%,transparent 62%);background-size:300% 100%;animation:screen-light 5s linear infinite}
  .portrait-panel:nth-of-type(2n){--pulse-delay:-1.5s}
  .portrait-node i{animation:signal-breathe 3s ease-in-out infinite;animation-delay:var(--pulse-delay,0s);transform-origin:left}
  .portrait-wires .portrait-flow{stroke:#ffe1af;stroke-width:.8;stroke-dasharray:1 14;animation:network-flow 5s linear infinite}
  .mobile-outro:before{animation:frame-breathe 5s ease-in-out infinite}
}
.scene:is(.media-reduced,.media-offscreen,.media-hidden){--fluid-media:url('opening.webp');--web-media:url('mobile-web-art.png')}
.scene:is(.media-reduced,.media-offscreen,.media-hidden) .desktop-live{visibility:hidden}
.scene:is(.media-reduced,.media-offscreen,.media-hidden) .portrait-film{background-image:linear-gradient(0deg,#07080590,transparent 60%),url('opening.webp')}
.scene:is(.media-reduced,.media-offscreen,.media-hidden) *,.scene:is(.media-reduced,.media-offscreen,.media-hidden) *:before,.scene:is(.media-reduced,.media-offscreen,.media-hidden) *:after{animation-play-state:paused!important}
@media(max-width:760px){.web-2{background-size:contain;background-repeat:no-repeat;background-color:#d96528}}