@font-face{font-family:HagridHeavy;src:url('assets/fonts/Hagrid-Heavy.ttf');font-display:swap}@font-face{font-family:HagridItalic;src:url('assets/fonts/Hagrid-ExtraBoldItalic.ttf');font-style:italic;font-display:swap}@font-face{font-family:CNDisplay;src:url('assets/fonts/Biaoxiaozhi.ttf');font-display:swap}
:root{--ink:#08090b;--black:#050608;--paper:#f1f0eb;--acid:#d8ff00;--violet:#8b5cff;--line:rgba(255,255,255,.17);--muted:#9b9ca2;--pad:clamp(24px,5.2vw,100px);--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,'Microsoft YaHei',sans-serif;overflow-x:hidden}body.editor-active [data-editor-text],body.editor-active [data-editor-image],body.editor-active [data-editor-shape]{cursor:crosshair}.section-shell{width:min(1680px,calc(100% - var(--pad)*2));margin-inline:auto}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;z-index:100;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;z-index:0;width:320px;height:320px;border-radius:50%;background:rgba(137,79,255,.1);filter:blur(70px);pointer-events:none;transform:translate(-50%,-50%)}
.site-header{position:fixed;z-index:60;top:0;left:0;width:100%;height:82px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(180deg,rgba(5,6,8,.62),transparent)}.site-header.is-scrolled{height:68px;background:rgba(8,9,11,.9);border-color:var(--line);backdrop-filter:blur(15px)}.brand{width:148px;line-height:0}.brand img{width:100%;mix-blend-mode:screen}.desktop-nav{display:flex;gap:clamp(26px,3vw,58px);font-size:12px}.desktop-nav a{position:relative;padding:8px 0;color:#d0d0d2}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--acid);transition:.25s}.desktop-nav a:hover:after{width:100%}.header-cta{display:flex;align-items:center;gap:22px;padding:13px 16px 13px 22px;border:1px solid rgba(255,255,255,.32);font-size:11px;text-transform:uppercase}.header-cta span{display:grid;place-items:center;width:26px;height:26px;background:var(--acid);color:#111}.menu-toggle{display:none;background:transparent;border:0}
.hero{position:relative;min-height:1020px;height:100svh;overflow:hidden;padding:108px var(--pad) 40px;background:radial-gradient(circle at 17% 30%,#282068 0,rgba(16,16,35,.35) 29%,transparent 51%),radial-gradient(circle at 80% 72%,#3d193c 0,transparent 34%),#090a10}.hero-grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hero-meta{position:relative;z-index:3;display:flex;justify-content:space-between;font:10px/1.4 monospace;letter-spacing:.1em;color:#aaa}.hero-logo{position:absolute;z-index:1;top:14%;left:6%;width:87%;opacity:.08;mix-blend-mode:screen;filter:saturate(1.5)}.hero-copy{position:relative;z-index:5;margin-top:9vh}.eyebrow,.section-label{font:10px/1.2 monospace;letter-spacing:.13em;text-transform:uppercase}.eyebrow{padding-left:84px;color:var(--acid)}.eyebrow:before{content:"";position:absolute;margin:6px 0 0 -84px;width:64px;height:1px;background:var(--acid)}.hero h1{margin:20px 0 0;font:clamp(62px,8.8vw,162px)/.79 Hagrid,Arial,sans-serif;letter-spacing:-.065em;max-width:1250px}.hero h1 em,.works h2 em,.contact h2 em{color:transparent;-webkit-text-stroke:1.5px #fff;font-style:normal}.hero-lower{display:flex;align-items:flex-end;gap:70px;margin-top:36px}.hero-lower>p{width:330px;margin:0;color:#c6c6cc;font-size:14px;line-height:1.6}.round-link{display:flex;align-items:center;gap:28px;font-size:11px}.round-link b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--acid);color:#080808;font-size:20px}.hero-visual{position:absolute;z-index:3;right:1.7vw;bottom:-12px;width:47vw;height:67vh;min-height:540px}.portal{position:absolute;bottom:0;overflow:hidden;border:8px solid #08090b;border-bottom:0}.portal-main{z-index:3;left:25%;width:50%;height:92%;border-radius:48% 48% 0 0}.portal-left{left:0;width:37%;height:67%;border-radius:50% 50% 0 0;transform:rotate(-8deg)}.portal-right{right:0;width:37%;height:67%;border-radius:50% 50% 0 0;transform:rotate(8deg)}.visual-photo,.team-portrait,.work-image{width:100%;height:100%;background-position:center;background-size:cover;transition:transform .8s var(--ease),filter .6s}.portal:hover .visual-photo,.work-card:hover .work-image{transform:scale(1.04)}.visual-one{background-image:linear-gradient(rgba(33,0,65,.1),rgba(33,0,65,.55)),url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=900&q=88')}.visual-two{background-image:linear-gradient(rgba(0,0,0,.04),rgba(11,5,26,.25)),url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=1000&q=90');filter:saturate(.7) contrast(1.08)}.visual-three{background-image:linear-gradient(rgba(0,60,70,.1),rgba(0,30,40,.6)),url('https://images.unsplash.com/photo-1634017839464-5c339ebe3cb4?auto=format&fit=crop&w=900&q=88')}.visual-tag{position:absolute;z-index:5;right:9%;bottom:13%;display:flex;align-items:center;gap:18px;padding:12px 14px;background:var(--acid);color:#080808;font:9px monospace}.visual-tag strong{font-size:16px}.scroll-cue{position:absolute;z-index:5;left:var(--pad);bottom:28px;display:flex;align-items:center;gap:18px;font:9px monospace;letter-spacing:.12em}.scroll-cue b{font-size:21px;color:var(--acid)}
.team{padding-top:150px;padding-bottom:160px;background:var(--paper);color:#101115}.section-label{display:flex;gap:22px;padding-bottom:22px;border-bottom:1px solid rgba(0,0,0,.3)}.section-label span:first-child{color:#777}.section-label.light{border-color:var(--line)}.team-heading,.services-heading{display:grid;grid-template-columns:1.45fr .55fr;gap:8vw;padding:60px 0 82px}.team h2,.services h2{margin:0;font:clamp(48px,6.8vw,115px)/.92 Hagrid,Arial,sans-serif;letter-spacing:-.06em}.team h2 span,.services h2 span{color:#7451ff}.team-intro,.services-heading>p{align-self:end}.team-intro p,.services-heading>p{margin:0 0 28px;font-size:15px;line-height:1.75;color:#555;max-width:430px}.text-link{font:bold 11px monospace;border-bottom:1px solid;padding-bottom:5px}.team-stage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-height:580px}.team-card{position:relative;overflow:hidden;min-height:540px;padding:18px;background:#1a1b20;color:#fff}.team-card:nth-child(2){transform:translateY(56px)}.team-card:nth-child(3){transform:translateY(-28px)}.team-no{position:absolute;z-index:2;top:22px;left:24px;font:10px monospace}.team-portrait{height:84%;filter:grayscale(1);mix-blend-mode:luminosity}.team-card:hover .team-portrait{filter:grayscale(0)}.portrait-a{background-image:linear-gradient(0deg,#18191d 0,transparent 43%),url('https://images.unsplash.com/photo-1519085360753-af0119f7cbe7?auto=format&fit=crop&w=900&q=86')}.portrait-b{background-image:linear-gradient(0deg,#18191d 0,transparent 43%),url('https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=900&q=86')}.portrait-c{background-image:linear-gradient(0deg,#18191d 0,transparent 43%),url('https://images.unsplash.com/photo-1531123897727-8f129e1688ce?auto=format&fit=crop&w=900&q=86')}.team-card>div:last-child{display:flex;justify-content:space-between;align-items:end;padding:15px 8px}.team-card strong{font-size:20px}.team-card small{font:8px monospace;color:#96969c}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:105px;border-top:1px solid #aaa}.metrics div{padding:28px 20px 0 0;border-right:1px solid #aaa}.metrics strong{display:block;font:clamp(50px,6vw,98px)/1 Hagrid}.metrics strong:after{content:"+";color:#7652ff}.metrics span{font-size:11px;color:#666}
.works{padding:145px 0 160px;background:#08090b}.works-title-row{display:flex;align-items:flex-end;justify-content:space-between;padding:55px 0}.works h2{margin:0;font:clamp(60px,8vw,130px)/.83 Hagrid;letter-spacing:-.06em}.works-controls{display:flex;align-items:center;gap:14px;font:10px monospace}.work-arrow{width:48px;height:48px;border:1px solid #555;background:transparent;color:#fff;cursor:pointer}.work-arrow:hover{background:var(--acid);color:#080808;border-color:var(--acid)}.work-filters{display:flex;gap:10px;padding-bottom:34px}.filter{padding:10px 17px;border:1px solid #444;background:transparent;color:#aaa;font-size:10px;cursor:pointer}.filter.is-active,.filter:hover{background:var(--acid);color:#080808;border-color:var(--acid)}.work-feature{position:relative;height:min(70vw,850px);overflow:hidden;border-radius:3px;background:#17181b}.feature-media{position:absolute;inset:0}.work-image-1{background-image:linear-gradient(90deg,rgba(6,7,9,.8),transparent 47%),url('https://images.unsplash.com/photo-1634017839464-5c339ebe3cb4?auto=format&fit=crop&w=1800&q=90')}.feature-index{position:absolute;top:30px;right:34px;text-align:right}.feature-index span{display:block;font:8px monospace}.feature-index strong{font:56px Hagrid;color:var(--acid)}.feature-info{position:absolute;inset:auto 4.5% 7%;display:grid;grid-template-columns:1fr .8fr auto;align-items:end;gap:5vw}.feature-info span{font:9px monospace;color:var(--acid)}.feature-info h3{margin:10px 0 0;font:clamp(38px,5vw,82px)/.93 Hagrid}.feature-info p{max-width:380px;margin:0;color:#c1c1c6;font-size:13px;line-height:1.65}.play-button{display:grid;place-items:center;width:118px;height:118px;border:0;border-radius:50%;background:var(--acid);color:#080808;cursor:pointer}.play-button span{color:#080808}.play-button b{font-size:22px}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:54px 18px;margin-top:95px}.work-card{grid-column:span 5}.work-card:nth-child(2){grid-column:7/span 6}.work-card:nth-child(3){grid-column:2/span 4}.work-card:nth-child(4){grid-column:6/span 7}.work-card:nth-child(5){grid-column:4/span 6}.work-card .work-image{aspect-ratio:1.45;overflow:hidden}.work-card.tall .work-image{aspect-ratio:1.1}.work-card>div:last-child{display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:end;padding-top:15px}.work-card span,.work-card small{font:8px monospace;color:#8c8d93}.work-card h3{margin:0;font:clamp(20px,2vw,34px) Hagrid}.work-image-2{background-image:url('https://images.unsplash.com/photo-1524805444758-089113d48a6d?auto=format&fit=crop&w=1200&q=88')}.work-image-3{background-image:url('https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?auto=format&fit=crop&w=1200&q=88')}.work-image-4{background-image:url('https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=1200&q=88')}.work-image-5{background-image:url('https://images.unsplash.com/photo-1560343090-f0409e92791a?auto=format&fit=crop&w=1400&q=88')}.work-image-6{background-image:url('https://images.unsplash.com/photo-1634017839464-5c339ebe3cb4?auto=format&fit=crop&w=1200&q=88')}.work-card.is-hidden{display:none}
.services{padding-top:155px;padding-bottom:170px;background:var(--paper);color:#101115}.service-list{border-top:1px solid #999}.service-item{border-bottom:1px solid #aaa}.service-item>button{display:grid;grid-template-columns:60px 1fr 220px 40px;align-items:center;width:100%;padding:29px 10px;border:0;background:transparent;text-align:left;cursor:pointer}.service-item button b{font:10px monospace;color:#777}.service-item button strong{font:clamp(27px,3.5vw,58px) Hagrid;letter-spacing:-.04em}.service-item button em{font:9px monospace;color:#777;font-style:normal}.service-item button span{font-size:28px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-height:0;overflow:hidden;padding:0 10px 0 70px;opacity:0;transition:.45s var(--ease)}.service-detail p{max-width:580px;margin:0;font-size:14px;line-height:1.7}.service-detail small{font:9px/1.8 monospace;color:#585858}.service-item.is-open{background:#111;color:#fff}.service-item.is-open .service-detail{max-height:170px;padding-bottom:34px;opacity:1}.service-item.is-open button b{color:var(--acid)}
.contact{position:relative;overflow:hidden;min-height:100vh;padding-top:130px;background:radial-gradient(circle at 80% 38%,#3f1748 0,transparent 34%),radial-gradient(circle at 10% 95%,#182b55 0,transparent 35%),#07080d}.contact-inner{position:relative;z-index:2}.contact-kicker{margin:80px 0 16px;color:var(--acid);font:10px monospace}.contact h2{margin:0;font:clamp(64px,10.7vw,188px)/.76 Hagrid;letter-spacing:-.075em}.contact-action-row{display:flex;justify-content:space-between;align-items:end;margin:70px 0 110px}.contact-mail{display:flex;justify-content:space-between;width:min(620px,55vw);padding:22px 0;border-bottom:1px solid #fff;font:clamp(17px,2vw,30px) Hagrid}.contact-mail span{color:var(--acid)}.contact-action-row p{color:#aaa;font-size:11px;line-height:1.7}.contact-footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:45px 0 55px;border-top:1px solid var(--line)}.contact-footer img{width:200px;mix-blend-mode:screen}.contact-footer div{display:flex;flex-direction:column;gap:8px;font:9px monospace}.contact-footer div span{margin-bottom:8px;color:#777}.contact-orb{position:absolute;right:-10vw;top:20%;width:55vw;height:55vw;border:1px solid rgba(216,255,0,.24);border-radius:50%}.contact-orb:before,.contact-orb:after,.contact-orb span{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.contact-orb:before{inset:11%}.contact-orb:after{inset:23%}.contact-orb span{inset:36%;background:radial-gradient(circle at 35% 28%,#daff00 0,#6652e6 28%,#07080d 72%);box-shadow:0 0 120px rgba(120,85,255,.35)}
.editor-launcher{position:fixed;z-index:80;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;padding:10px 15px 10px 11px;border:1px solid #51545b;background:rgba(15,16,19,.94);color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.4);font-size:11px;cursor:pointer}.editor-launcher-icon{display:grid;place-items:center;width:27px;height:27px;background:var(--acid);color:#080808}.editor-panel{position:fixed;z-index:81;right:24px;bottom:24px;width:330px;max-height:calc(100vh - 48px);overflow:auto;padding:16px;background:rgba(18,19,22,.98);color:#f2f2f2;border:1px solid #3c3e44;box-shadow:0 20px 65px rgba(0,0,0,.55);opacity:0;pointer-events:none;transform:translateY(16px);transition:.25s}.editor-panel.is-open{opacity:1;pointer-events:auto;transform:none}.editor-panel.is-open~* .editor-launcher{display:none}.editor-panel-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:13px;border-bottom:1px solid #3b3c40}.editor-panel-head span{display:block;margin-bottom:4px;color:#85878e;font:8px monospace;letter-spacing:.14em}.editor-panel-head strong{font-size:17px}.editor-close{width:27px;height:27px;border:1px solid #4d4e54;background:transparent;color:#fff;font-size:20px}.editor-selection{display:flex;align-items:center;gap:8px;padding:12px 0;color:#aaa;font-size:10px}.editor-selection i{width:7px;height:7px;border-radius:50%;background:var(--acid)}.editor-section{padding:11px 0;border-top:1px solid #36383d}.editor-section>label,.editor-section>div>label{display:block;color:#aaa;font:9px monospace}.editor-section>label small{float:right;color:#64666d;font-size:7px}.editor-panel textarea,.editor-panel input,.editor-panel select{width:100%;margin-top:6px;padding:7px;border:1px solid #484a50;background:#0b0c0e;color:#fff;outline:none}.editor-panel textarea:focus,.editor-panel input:focus,.editor-panel select:focus{border-color:var(--acid)}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.shape-grid{grid-template-columns:1fr 1fr}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.font-control,.font-upload{grid-column:1/-1}.file-button{display:grid!important;place-items:center;height:32px;margin-top:8px;border:1px solid #56585e;color:#fff!important;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.editor-image-section,.editor-text-section,.editor-shape-section,.editor-type-section,.editor-color-section{display:none}.editor-panel.is-text .editor-text-section,.editor-panel.is-text .editor-type-section,.editor-panel.is-image .editor-image-section,.editor-panel.is-shape .editor-shape-section,.editor-panel.is-video .editor-color-section{display:block}.image-row{display:flex;align-items:center;gap:10px;margin-top:8px}.image-thumb{display:grid;width:74px;height:47px;place-items:center;background:#333 center/cover;font:7px monospace}.image-size{font:8px monospace;color:#888}.editor-history{display:flex;gap:8px;padding-top:13px}.editor-history button{flex:1;height:34px;border:1px solid #555;background:transparent;color:#fff;font-size:10px}.editor-history button:disabled{opacity:.32}.editor-save{width:100%;height:40px;margin-top:9px;border:0;background:var(--acid);color:#080808;font-size:11px;font-weight:bold}.editor-save:disabled{background:#555;color:#aaa}.editor-status{height:12px;margin:7px 0 0;text-align:center;color:var(--acid);font:9px monospace}.editor-hint{margin:5px 0 0;color:#777;font-size:8px;line-height:1.5}.editor-selected{outline:2px solid var(--acid)!important;outline-offset:4px}.editor-launcher.is-hidden{display:none}.scrub-input{cursor:text}
@media(max-width:900px){.site-header{height:66px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;width:44px}.menu-toggle i{display:block;height:1px;margin:8px 0;background:#fff}.site-header.is-menu-open{height:auto;min-height:100vh;align-items:flex-start;padding-top:22px;background:#08090b}.site-header.is-menu-open .desktop-nav{position:absolute;inset:120px var(--pad) auto;display:flex;flex-direction:column;font:36px Hagrid}.hero{height:auto;min-height:900px;padding-top:95px}.hero h1{font-size:clamp(55px,15vw,95px)}.hero-lower{align-items:start}.hero-visual{right:-8vw;bottom:0;width:83vw;height:47%;min-height:430px}.team-heading,.services-heading{grid-template-columns:1fr;padding:40px 0 60px}.team-intro{max-width:500px}.team-stage{grid-template-columns:1fr;min-height:auto}.team-card,.team-card:nth-child(2),.team-card:nth-child(3){min-height:580px;transform:none}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding-bottom:25px}.feature-info{grid-template-columns:1fr}.feature-info p{display:none}.play-button{position:absolute;right:0;bottom:0;width:84px;height:84px}.work-grid{gap:40px 14px}.work-card,.work-card:nth-child(n){grid-column:span 6}.service-item>button{grid-template-columns:38px 1fr 30px}.service-item button em{display:none}.contact h2{font-size:clamp(58px,14vw,112px)}.contact-footer{grid-template-columns:1.7fr 1fr}.contact-footer img{grid-row:span 2}.contact-orb{width:90vw;height:90vw}}
@media(max-width:600px){:root{--pad:18px}.brand{width:125px}.hero{min-height:820px}.hero-meta span:last-child{display:none}.hero-copy{margin-top:10vh}.eyebrow{padding-left:45px;font-size:8px}.eyebrow:before{width:34px;margin-left:-45px}.hero h1{font-size:13.6vw;line-height:.84}.hero-lower{display:block}.hero-lower>p{width:72%;font-size:12px}.round-link{margin-top:20px}.hero-visual{width:105vw;right:-21vw;height:43%;min-height:340px}.portal{border-width:5px}.visual-tag{display:none}.scroll-cue{display:none}.team,.services{padding-top:95px;padding-bottom:100px}.team h2,.services h2{font-size:13vw}.team-stage{display:flex;overflow:auto;scroll-snap-type:x mandatory}.team-card{min-width:85vw;min-height:460px;scroll-snap-align:start}.metrics{margin-top:65px}.metrics strong{font-size:48px}.works{padding-top:90px}.works h2{font-size:15vw}.works-title-row{align-items:end}.works-controls{gap:4px}.work-arrow{width:38px;height:38px}.work-count{display:none}.work-filters{overflow:auto}.filter{white-space:nowrap}.work-feature{width:100%;height:72vh}.feature-info{inset:auto 22px 28px}.feature-info h3{font-size:38px}.work-grid{display:block;margin-top:50px}.work-card{margin-bottom:48px}.work-card>div:last-child{gap:10px}.service-item>button{padding:22px 5px}.service-item button strong{font-size:24px}.service-detail{grid-template-columns:1fr;padding-left:43px}.service-item.is-open .service-detail{max-height:230px}.contact{padding-top:90px}.contact h2{font-size:13vw;line-height:.85}.contact-action-row{display:block;margin:50px 0 80px}.contact-mail{width:100%;font-size:15px}.contact-action-row p{margin-top:30px}.contact-footer{grid-template-columns:1fr 1fr}.contact-footer img{width:140px}.editor-panel{right:10px;bottom:10px;width:calc(100% - 20px);max-height:calc(100vh - 20px)}.editor-launcher{right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.cursor-glow{display:none}}

/* Full-screen chapter layout */
.brand{display:flex;align-items:center;gap:14px;width:auto;white-space:nowrap}.brand img{width:190px}.brand span{font-family:CNDisplay,'Microsoft YaHei',sans-serif;font-size:20px;font-weight:700;letter-spacing:.08em;color:#fff}.site-header.is-scrolled .brand img{width:165px}.site-header.is-scrolled .brand span{font-size:18px}
@media(min-width:901px){
  html{scroll-snap-type:y mandatory;scroll-padding-top:0}.hero,.team,.works,.services,.contact{height:100svh;min-height:700px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
  .hero{min-height:700px}.hero-copy{margin-top:7vh}.hero h1{font-size:clamp(64px,8.2vw,142px)}.hero-visual{height:61vh;min-height:430px}
  .team{padding-top:92px;padding-bottom:28px}.team .section-label,.services .section-label{padding-bottom:12px}.team-heading{padding:22px 0 26px;grid-template-columns:1.5fr .5fr}.team h2{font-size:clamp(42px,5vw,78px)}.team-intro p{margin-bottom:12px;font-size:12px;line-height:1.55}.team-stage{height:43vh;min-height:290px;gap:12px}.team-card,.team-card:nth-child(2),.team-card:nth-child(3){min-height:0;height:100%;transform:none;padding:12px}.team-card:nth-child(2){transform:translateY(15px)}.team-card:nth-child(3){transform:translateY(-10px)}.team-portrait{height:78%}.team-card>div:last-child{padding:9px 5px}.team-card strong{font-size:15px}.metrics{margin-top:26px}.metrics div{padding-top:12px}.metrics strong{font-size:clamp(35px,4vw,62px)}
  .works{padding:86px 0 26px}.works .section-label{padding-bottom:10px}.works-title-row{padding:14px 0 12px}.works h2{font-size:clamp(42px,5vw,76px);line-height:.86}.work-filters{padding-bottom:12px}.filter{padding:7px 13px}.work-feature{height:39vh;min-height:275px}.feature-info{inset:auto 3% 5%;grid-template-columns:1fr .72fr auto}.feature-info h3{font-size:clamp(30px,3.4vw,54px)}.play-button{width:82px;height:82px}.work-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px;height:17vh}.work-card,.work-card:nth-child(n){grid-column:auto;margin:0;min-width:0}.work-card .work-image,.work-card.tall .work-image{aspect-ratio:auto;height:calc(100% - 35px)}.work-card>div:last-child{display:flex;justify-content:space-between;gap:6px;padding-top:6px}.work-card>div:last-child>span{display:none}.work-card h3{font-size:12px}.work-card small{font-size:7px}
  .services{padding-top:90px;padding-bottom:24px}.services-heading{padding:22px 0 26px;grid-template-columns:1.5fr .5fr}.services h2{font-size:clamp(42px,5vw,78px)}.services-heading>p{margin:0;font-size:12px;line-height:1.55}.service-item>button{padding:14px 10px;grid-template-columns:48px 1fr 180px 34px}.service-item button strong{font-size:clamp(22px,2.25vw,36px)}.service-detail{font-size:11px}.service-detail p{font-size:11px;line-height:1.5}.service-item.is-open .service-detail{max-height:90px;padding-bottom:14px}
  .contact{padding-top:88px}.contact .section-label{padding-bottom:12px}.contact-kicker{margin:26px 0 12px}.contact h2{font-size:clamp(63px,9.3vw,148px);line-height:.77}.contact-action-row{margin:30px 0 38px}.contact-mail{padding:13px 0}.contact-footer{padding:22px 0 25px}.contact-footer img{width:180px}
}

/* Consultation lead gate shared by desktop and mobile. */
.support-lead-form{margin:0 12px 10px;padding:12px;border:1px solid rgba(216,255,0,.38);border-radius:13px;background:linear-gradient(145deg,rgba(216,255,0,.11),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.support-lead-form[hidden]{display:none!important}.support-lead-form strong{display:block;color:#fff;font-size:13px}.support-lead-form>p{margin:5px 0 10px;color:rgba(255,255,255,.64);font-size:10px;line-height:1.45}.support-lead-form>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.support-lead-form label{display:block}.support-lead-form label span{display:block;margin-bottom:5px;color:rgba(255,255,255,.72);font-size:9px}.support-lead-form input{width:100%;min-width:0;padding:9px 8px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,0,0,.28);color:#fff;font:11px/1.2 var(--font-default);outline:none}.support-lead-form input:focus{border-color:var(--acid)}.support-lead-form>button{width:100%;min-height:36px;margin-top:9px;border:0;border-radius:9px;background:var(--acid);color:#071008;font:700 10px/1 var(--font-default);cursor:pointer}.support-lead-error{display:block;min-height:12px;margin-top:6px;color:#ffaaa4;font-size:9px;line-height:1.3}.contact-support.is-lead-locked .support-quick{opacity:.32;pointer-events:none}.contact-support.is-lead-locked .support-form{opacity:.42}.support-form input:disabled,.support-form button:disabled{cursor:not-allowed}

@media(max-width:900px){
  .support-lead-form{margin-inline:10px;padding:10px}.support-lead-form>p{margin-bottom:8px}.support-lead-form input{font-size:10px}
}
@media(max-width:900px){html{scroll-snap-type:none}.brand{gap:8px}.brand img,.site-header.is-scrolled .brand img{width:145px}.brand span,.site-header.is-scrolled .brand span{font-size:15px}}
@media(max-width:460px){.brand img,.site-header.is-scrolled .brand img{width:124px}.brand span,.site-header.is-scrolled .brand span{font-size:13px}}

/* Typography, full-bleed surfaces and media-ratio system */
:root{--font-default:'Source Han Sans SC','Noto Sans CJK SC','Noto Sans SC','Microsoft YaHei',sans-serif;--font-cn:CNDisplay,var(--font-default);--font-en:HagridHeavy,CNDisplay,var(--font-default);--font-italic:HagridItalic,CNDisplay,var(--font-default);--type-micro:9px;--type-small:11px;--type-body:14px;--type-subtitle:18px;--type-title:clamp(48px,5vw,78px)}
body{font-family:var(--font-default);font-size:var(--type-body)}.brand img{width:270px}.brand span{font-family:var(--font-default);font-size:var(--type-subtitle);font-weight:700;letter-spacing:.08em}.site-header.is-scrolled .brand img{width:270px}.site-header.is-scrolled .brand span{font-size:var(--type-subtitle)}
.hero h1,.team h2,.works h2,.services h2,.contact h2{font-family:var(--font-en);font-size:var(--type-title);line-height:.9;letter-spacing:-.045em}.hero h1 em,.works h2 em,.contact h2 em{font-family:var(--font-italic)}
.eyebrow,.section-label,.hero-meta,.visual-tag,.scroll-cue,.work-count,.feature-index span,.feature-meta,.work-card span,.work-card small,.service-item button b,.service-item button em,.service-detail small,.contact-kicker,.contact-footer div,.panel-eyebrow{font-size:var(--type-micro)}
.desktop-nav,.header-cta,.filter,.round-link,.text-link,.team-card small,.metrics span{font-size:var(--type-small)}
.hero-lower>p,.team-intro p,.services-heading>p,.feature-info p,.service-detail p,.contact-action-row p{font-size:var(--type-body)}
.team-card strong,.work-card h3,.feature-info h3,.service-item button strong,.contact-mail{font-family:var(--font-en);font-size:var(--type-subtitle)}.metrics strong{font-family:var(--font-en);font-size:var(--type-title)}
.team.section-shell,.services.section-shell{width:100%;max-width:none;margin-inline:0;padding-left:var(--pad);padding-right:var(--pad)}
.work-feature{background:#030405}.feature-media{left:50%;right:auto;width:calc(100% - 12px);height:100%;transform:translateX(-50%);background-size:cover;background-repeat:no-repeat;transition:opacity .25s var(--ease),width .45s var(--ease),transform .7s var(--ease)}.work-feature[data-ratio="16:9"] .feature-media{width:min(100%,calc(39vh * 16 / 9))}.work-feature[data-ratio="9:16"] .feature-media{width:min(100%,calc(39vh * 9 / 16));background-size:cover}.work-feature[data-ratio="3:4"] .feature-media{width:min(100%,calc(39vh * 3 / 4));background-size:cover}.work-feature.is-switching .feature-media{opacity:.15}.work-feature[data-ratio="9:16"]:before,.work-feature[data-ratio="3:4"]:before{content:attr(data-ratio);position:absolute;z-index:2;left:24px;top:24px;color:var(--acid);font:var(--type-small) monospace;letter-spacing:.12em}.work-card{cursor:pointer;outline:1px solid transparent;outline-offset:4px;transition:opacity .2s,outline-color .2s}.work-card:hover{opacity:.8}.work-card.is-active{outline-color:var(--acid)}
@media(min-width:901px){.team,.services{width:100%;max-width:none}.work-feature[data-ratio="16:9"] .feature-media{width:min(100%,calc(39vh * 16 / 9))}.work-feature[data-ratio="9:16"] .feature-media{width:calc(39vh * 9 / 16)}.work-feature[data-ratio="3:4"] .feature-media{width:calc(39vh * 3 / 4)}.feature-info h3{font-size:var(--type-subtitle)}.service-item button strong{font-size:var(--type-subtitle)}}
@media(max-width:900px){.brand img,.site-header.is-scrolled .brand img{width:175px}.brand span,.site-header.is-scrolled .brand span{font-family:var(--font-default);font-size:var(--type-body)}.hero h1,.team h2,.works h2,.services h2,.contact h2{font-size:var(--type-title)}.work-feature[data-ratio] .feature-media{height:100%;width:auto;aspect-ratio:16/9}.work-feature[data-ratio="9:16"] .feature-media{aspect-ratio:9/16}.work-feature[data-ratio="3:4"] .feature-media{aspect-ratio:3/4}}

/* Stable header and bottom-aligned thumbnail carousel */
.brand{gap:5px}.site-header,.site-header.is-scrolled{height:82px}.brand img,.brand span,.desktop-nav,.desktop-nav a,.header-cta{transform:none!important;transition:none!important}.site-header.is-scrolled .brand img{width:270px}.site-header.is-scrolled .brand span{font-size:var(--type-subtitle)}
.work-image-7{background-image:url('https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&fit=crop&w=1200&q=88')}.work-image-8{background-image:url('https://images.unsplash.com/photo-1538805060514-97d9cc17730c?auto=format&fit=crop&w=1200&q=88')}.work-image-9{background-image:url('https://images.unsplash.com/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=1200&q=88')}.work-image-10{background-image:url('https://images.unsplash.com/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&w=1200&q=88')}.work-image-11{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=88')}
@media(min-width:901px){.works{position:relative}.work-feature{height:45vh;min-height:310px}.work-feature[data-ratio="16:9"] .feature-media{width:min(100%,calc(45vh * 16 / 9))}.work-feature[data-ratio="9:16"] .feature-media{width:calc(45vh * 9 / 16)}.work-feature[data-ratio="3:4"] .feature-media{width:calc(45vh * 3 / 4)}.work-grid{position:absolute;right:var(--pad);bottom:18px;left:var(--pad);display:flex;gap:12px;width:auto;height:14vh;margin:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.work-grid::-webkit-scrollbar{display:none}.work-card,.work-card:nth-child(n){flex:0 0 calc((100% - 48px)/5);height:100%;scroll-snap-align:start}.work-card .work-image,.work-card.tall .work-image{height:calc(100% - 30px)}.work-grid .work-card h3{overflow:hidden;font-size:var(--type-small);line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.work-grid .work-card small{white-space:nowrap}}
@media(max-width:900px){.site-header,.site-header.is-scrolled{height:66px}.brand{gap:4px}.site-header.is-scrolled .brand img{width:175px}.site-header.is-scrolled .brand span{font-size:var(--type-body)}.work-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.work-card,.work-card:nth-child(n){flex:0 0 78vw;scroll-snap-align:center}}

/* Natural font weights, expanded work reel and client logo wall */
.site-header *,.hero *,.team *,.works *,.services *,.contact *{font-weight:400!important}.brand span{font-weight:400!important}
.work-image-12{background-image:url('https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=1200&q=88')}.work-image-13{background-image:url('https://images.unsplash.com/photo-1558655146-9f40138edfeb?auto=format&fit=crop&w=1200&q=88')}.work-image-14{background-image:url('https://images.unsplash.com/photo-1535223289827-42f1e9919769?auto=format&fit=crop&w=1200&q=88')}.work-image-15{background-image:url('https://images.unsplash.com/photo-1602524818365-e2f4cfcc3f73?auto=format&fit=crop&w=1200&q=88')}.work-image-16{background-image:url('https://images.unsplash.com/photo-1519608487953-e999c86e7455?auto=format&fit=crop&w=1200&q=88')}
.services{position:relative}.client-wall{position:absolute;right:var(--pad);bottom:14px;left:var(--pad);border-top:1px solid #aaa;border-left:1px solid #aaa;background:var(--paper)}.client-row{display:grid;grid-template-columns:repeat(6,1fr);height:32px}.client-row span{display:grid;place-items:center;border-right:1px solid #aaa;border-bottom:1px solid #aaa;color:#222;font-family:var(--font-en);font-size:var(--type-small);font-weight:400!important;letter-spacing:.04em}
@media(min-width:901px){.work-feature{height:48vh;min-height:330px}.work-feature[data-ratio="16:9"] .feature-media{width:min(100%,calc(48vh * 16 / 9))}.work-feature[data-ratio="9:16"] .feature-media{width:calc(48vh * 9 / 16)}.work-feature[data-ratio="3:4"] .feature-media{width:calc(48vh * 3 / 4)}.services-heading{padding-top:14px;padding-bottom:16px}.service-item>button{padding-top:10px;padding-bottom:10px}.service-item.is-open .service-detail{max-height:66px;padding-bottom:8px}}
@media(max-width:900px){.client-wall{position:relative;right:auto;bottom:auto;left:auto;margin-top:35px}.client-row{grid-template-columns:repeat(3,1fr);height:auto}.client-row span{min-height:38px}.work-feature{height:76vh}}

/* Work caption between media and thumbnails; image-based client logos */
.work-caption{height:50px;padding:7px 16px;display:grid;grid-template-columns:1fr 1.35fr auto;gap:24px;align-items:center;background:#17191e;color:#f5f5f2;border-top:1px solid #2d3038}.work-caption>div{min-width:0}.work-caption .feature-meta{display:block;color:var(--acid);font-size:var(--type-micro)}.work-caption h3{display:flex;gap:12px;margin:3px 0 0;color:#fff;font-family:var(--font-en);font-size:var(--type-small);white-space:nowrap}.work-caption .feature-subtitle{color:#d7d8dc}.work-caption .feature-desc{margin:0;color:#f2f2f2;font-size:var(--type-small);line-height:1.4}.work-caption .work-count{justify-self:end;color:var(--acid);font:var(--type-small) monospace}.work-feature>.play-button{position:absolute;z-index:4;right:30px;bottom:22px}.thumb-arrow{position:absolute;z-index:6;bottom:18px;display:grid;width:40px;height:14vh;place-items:center;border:1px solid #555;background:#0e1014;color:#fff;font-size:var(--type-subtitle);cursor:pointer}.thumb-arrow:hover{border-color:var(--acid);background:var(--acid);color:#090a0c}.thumb-prev{left:var(--pad)}.thumb-next{right:var(--pad)}
.client-row span img{display:block;width:88px;height:18px;object-fit:contain;opacity:.76;filter:grayscale(1);transition:opacity .2s}.client-row span:hover img{opacity:1}.client-row span{overflow:hidden}
@media(min-width:901px){.work-feature{height:44vh;min-height:300px}.work-feature[data-ratio="16:9"] .feature-media{width:min(100%,calc(44vh * 16 / 9))}.work-feature[data-ratio="9:16"] .feature-media{width:calc(44vh * 9 / 16)}.work-feature[data-ratio="3:4"] .feature-media{width:calc(44vh * 3 / 4)}.work-grid{right:calc(var(--pad) + 48px);left:calc(var(--pad) + 48px);height:13vh}.thumb-arrow{height:13vh}.work-caption{margin-top:0}}
@media(min-width:901px){.editor-launcher{top:96px;bottom:auto}}
@media(max-width:900px){.work-caption{height:auto;min-height:86px;grid-template-columns:1fr;padding:12px 18px}.work-caption .work-count{position:absolute;right:18px}.thumb-arrow{display:none}.client-row span img{width:78px;height:17px}}

/* Refined film controls, readable metadata and five-column client wall */
.eyebrow,.section-label,.hero-meta,.visual-tag,.scroll-cue,.desktop-nav,.header-cta,.filter,.round-link,.text-link,.team-card small,.metrics span,.feature-index span,.feature-meta,.feature-desc,.work-count,.work-card span,.work-card h3,.work-card small,.service-item button b,.service-item button em,.service-detail small,.contact-kicker,.contact-action-row p,.contact-footer div{font-family:var(--font-default)}
.play-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:84px;height:84px;border:1px solid var(--acid);background:var(--acid);box-shadow:0 0 0 7px rgba(207,255,0,.14);font-family:var(--font-default);transition:box-shadow .25s var(--ease),transform .25s var(--ease)}.play-button:before{content:"";position:absolute;inset:-8px;border:1px solid rgba(207,255,0,.36);border-radius:50%;pointer-events:none}.play-button span{font-family:var(--font-default);font-size:var(--type-micro);line-height:1;letter-spacing:.1em}.play-button b{font-family:var(--font-default);font-size:19px;line-height:1;transform:translateX(2px)}.play-button:hover{transform:scale(1.04);box-shadow:0 0 0 10px rgba(207,255,0,.11),0 0 30px rgba(207,255,0,.18)}
.work-caption{height:56px;padding-block:8px}.work-caption .feature-meta{font-size:var(--type-small)}.work-caption h3{font-family:var(--font-default);font-size:var(--type-body);line-height:1.15}.work-caption .feature-desc{font-family:var(--font-default);font-size:var(--type-body);line-height:1.35}.work-caption .work-count{font-family:var(--font-default);font-size:var(--type-body)}
.client-row{grid-template-columns:repeat(5,1fr);height:42px}.client-row span img{width:112px;height:25px;opacity:.82}
@media(min-width:901px){.work-feature{height:43vh;min-height:300px}.work-feature[data-ratio="16:9"] .feature-media{width:min(100%,calc(43vh * 16 / 9))}.work-feature[data-ratio="9:16"] .feature-media{width:calc(43vh * 9 / 16)}.work-feature[data-ratio="3:4"] .feature-media{width:calc(43vh * 3 / 4)}.work-grid{bottom:24px;height:13vh}.thumb-arrow{bottom:24px;height:13vh}.work-grid .work-card h3{font-family:var(--font-default);font-size:var(--type-body)}.work-grid .work-card small{font-family:var(--font-default);font-size:var(--type-micro)}}
@media(max-width:900px){.client-row{grid-template-columns:repeat(2,1fr)}.client-row span{min-height:48px}.client-row span img{width:104px;height:24px}.work-caption .feature-desc{font-size:var(--type-small)}}

/* Horizontal full-screen navigation and state-aware editor controls */
.desktop-nav a.is-active{color:var(--acid);font-weight:700!important}.desktop-nav a.is-active:after{width:100%;height:2px}
.number-control{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;margin-top:6px}.editor-panel .number-control input{height:32px;margin:0;padding:5px 3px;border-right:0;border-left:0;text-align:center;appearance:textfield}.editor-panel .number-control input::-webkit-inner-spin-button,.editor-panel .number-control input::-webkit-outer-spin-button{margin:0;appearance:none}.scrub-step{height:32px;padding:0;border:1px solid #484a50;background:#202227;color:#fff;font-size:16px;cursor:pointer}.scrub-step:hover,.scrub-step:focus-visible{border-color:var(--acid);background:var(--acid);color:#080808}.editor-save{cursor:pointer;transition:background .2s,color .2s,opacity .2s}.editor-save:disabled{cursor:not-allowed;opacity:.55}
.service-item button,.service-item button *,.service-item .service-detail,.service-item .service-detail *{font-family:var(--font-default);color:#111}.service-item button b,.service-item button em,.service-item .service-detail small{font-size:12px}.service-item button strong{font-family:var(--font-default);font-size:var(--type-subtitle)}.service-item .service-detail p{font-family:var(--font-default);font-size:13px}.service-item.is-open button,.service-item.is-open button *,.service-item.is-open .service-detail,.service-item.is-open .service-detail *,.service-item.is-open button b{color:#fff}
@media(min-width:901px){html,body{width:100%;height:100%;overflow:hidden;scroll-snap-type:none}main{display:flex;width:500vw;height:100svh;transform:translate3d(calc(var(--active-section,0) * -100vw),0,0);transition:transform .68s cubic-bezier(.77,0,.18,1);will-change:transform}main.is-instant{transition:none}.hero,.team,.works,.services,.contact{flex:0 0 100vw;width:100vw;height:100svh;min-height:700px;scroll-snap-align:none}.work-feature{height:42.5vh}.work-feature[data-ratio="16:9"] .feature-media{width:min(100%,calc(42.5vh * 16 / 9))}.work-feature[data-ratio="9:16"] .feature-media{width:calc(42.5vh * 9 / 16)}.work-feature[data-ratio="3:4"] .feature-media{width:calc(42.5vh * 3 / 4)}.work-grid,.thumb-arrow{bottom:32px}.client-wall{bottom:24px}.client-row{height:40px}}

/* Minimal black hero with a 3D falling-card cylinder */
.hero{background:#000}.hero:before,.hero:after{display:none}.hero-card-carousel{position:absolute;z-index:4;top:82px;right:0;bottom:0;width:52vw;overflow:hidden;perspective:1350px;perspective-origin:50% 50%;pointer-events:auto;touch-action:none;user-select:none}.card-scene{position:absolute;top:50%;left:50%;width:clamp(276px,28.8vw,403px);aspect-ratio:1.5925;transform:translate(-50%,-50%);transform-style:preserve-3d}.drop-card{position:absolute;inset:0;border-radius:16px;transform-style:preserve-3d;backface-visibility:visible;will-change:transform;pointer-events:auto}.card-face,.card-edge{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:16px;backface-visibility:hidden;transform-style:preserve-3d;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 10px 38px rgba(0,0,0,.24);pointer-events:none}.card-face{border-color:transparent}.card-edge{background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.08) 48%,rgba(255,255,255,.24));border-color:rgba(255,255,255,.58);backdrop-filter:blur(15px) saturate(1.5);-webkit-backdrop-filter:blur(15px) saturate(1.5)}.edge-a,.edge-c{display:none}.edge-b{transform:translateZ(0)}.card-front{transform:translateZ(12.5px);background:#101114}.card-back{transform:translateZ(-12.5px) rotateX(180deg);background:#101114}.card-face video{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;filter:contrast(1.08) saturate(1.05);transform:translateZ(0);image-rendering:auto}.card-back video{filter:blur(5px) brightness(.7) contrast(1.08) saturate(1.05);transform:scale(1.07)}.card-shade{position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.22),transparent 45%,rgba(0,0,0,.12))}.drop-card-logo{position:absolute;z-index:2;top:22px;right:22px;width:42%;mix-blend-mode:screen}.metal-chip{position:absolute;z-index:2;top:50%;left:25px;display:grid;grid-template-columns:repeat(3,9px);grid-template-rows:repeat(2,11px);gap:1px;padding:5px;border:1px solid rgba(255,255,255,.8);border-radius:5px;background:linear-gradient(135deg,#fff,#777 55%,#e9e9e9);transform:translateY(-50%)}.metal-chip i{border:1px solid rgba(40,40,40,.4);border-radius:1px}.card-circles{position:absolute;z-index:2;right:23px;bottom:21px;display:flex}.card-circles i{width:27px;height:27px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(255,255,255,.17);backdrop-filter:blur(2px)}.card-circles i+ i{margin-left:-11px;background:rgba(216,255,0,.26)}.magnetic-stripe{position:absolute;z-index:2;top:27px;right:0;left:0;height:40px;background:rgba(0,0,0,.9)}.card-details{position:absolute;z-index:2;right:23px;bottom:21px;left:23px;display:flex;flex-direction:column;gap:5px;font-family:monospace;color:#fff}.card-details b{font-size:12px;letter-spacing:.12em}.card-details span{font-size:9px;color:rgba(255,255,255,.76);letter-spacing:.08em}
@media(min-width:901px){.hero-copy{max-width:53vw}}
@media(max-width:900px){.hero{background:#000}.hero-card-carousel{top:auto;right:-18vw;bottom:0;width:96vw;height:51%;perspective:1050px}.card-scene{width:clamp(228px,57.6vw,336px)}.hero-copy{z-index:6}.hero-copy h1{position:relative;z-index:6}}
.hero{background:#000}.hero-background{position:absolute;z-index:0;top:50%;left:50%;width:100%;height:100%;max-width:none;object-fit:contain;filter:hue-rotate(var(--video-hue,0deg)) saturate(var(--video-saturation,1)) brightness(var(--video-brightness,1));transform:translate(-50%,-50%);pointer-events:none;user-select:none}.hero-meta,.hero-copy{position:relative;z-index:5}body.editor-active .hero-background{pointer-events:auto}
.editor-panel.is-image .editor-shape-section{display:block}.editor-background-select,.editor-works-background-select,.editor-team-detail-select,.editor-team-metrics-select{width:100%;height:36px;margin:0 0 8px;border:1px solid var(--acid);background:rgba(207,255,0,.08);color:var(--acid);font-size:11px;cursor:pointer}.editor-background-select:hover,.editor-background-select:focus-visible,.editor-works-background-select:hover,.editor-works-background-select:focus-visible,.editor-team-detail-select:hover,.editor-team-detail-select:focus-visible,.editor-team-metrics-select:hover,.editor-team-metrics-select:focus-visible{background:var(--acid);color:#080808}
@media(min-width:901px){.work-grid,.thumb-arrow{bottom:64px}}
.service-detail{grid-template-columns:1fr;gap:10px}.service-detail p{max-width:none}.service-processes{grid-column:1/-1;display:flex;gap:8px;width:100%;font-family:var(--font-default);font-style:normal}.service-processes span{display:flex;flex:1 1 0;align-items:center;gap:10px;min-width:0;padding:8px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;font-family:var(--font-default);font-size:14px;line-height:1;white-space:nowrap}.service-processes i{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--acid);color:#090a0c;font-family:Arial,sans-serif;font-size:16px;font-style:normal}.service-item.is-open .service-processes span{color:#fff}@media(min-width:901px){.service-item.is-open .service-detail{max-height:118px;padding-bottom:14px}}@media(max-width:900px){.service-processes{flex-wrap:wrap}.service-processes span{flex:1 1 calc(50% - 4px)}.service-item.is-open .service-detail{max-height:320px}}
.service-item.is-open .service-processes i{color:#090a0c}
.service-processes{counter-reset:process-step;display:grid!important;grid-template-columns:repeat(var(--process-count),minmax(0,1fr));gap:0!important;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:3px;overflow:hidden;background:#0c0e11}.service-processes span{position:relative;counter-increment:process-step;display:flex;min-height:62px;align-items:center;padding:12px 34px 12px 58px;border:0;border-right:1px solid rgba(255,255,255,.15);background:transparent;color:#f6f6f2;font-size:14px;line-height:1.2;white-space:normal;transition:background .2s,color .2s}.service-processes span:last-child{border-right:0}.service-processes span:hover{background:rgba(207,255,0,.08)}.service-processes span:after{content:"0" counter(process-step);position:absolute;top:8px;right:9px;color:rgba(255,255,255,.34);font:8px/1 monospace}.service-processes .process-icon{position:absolute;top:50%;left:14px;display:block;width:32px;height:32px;transform:translateY(-50%);border:1px solid rgba(207,255,0,.72);border-radius:6px;background:rgba(207,255,0,.04);box-shadow:none;color:var(--acid)}.process-icon:before,.process-icon:after{content:"";position:absolute;display:block}.service-processes span:nth-child(1) .process-icon:before{top:9px;left:9px;width:11px;height:11px;border:1.5px solid currentColor;transform:rotate(30deg)}.service-processes span:nth-child(1) .process-icon:after{top:6px;left:15px;width:1.5px;height:19px;background:currentColor;transform:rotate(-30deg)}.service-processes span:nth-child(2) .process-icon:before{top:14px;left:7px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:14px -7px 0 currentColor,14px 7px 0 currentColor}.service-processes span:nth-child(2) .process-icon:after{top:15px;left:10px;width:15px;height:1px;background:currentColor;box-shadow:0 0 0 currentColor;transform:rotate(-25deg)}.service-processes span:nth-child(3) .process-icon:before{top:8px;left:12px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:11px solid currentColor}.service-processes span:nth-child(3) .process-icon:after{inset:5px;border:1px solid currentColor;border-radius:50%;opacity:.42}.service-processes span:nth-child(4) .process-icon:before{top:6px;left:15px;width:2px;height:20px;background:currentColor;transform:rotate(45deg)}.service-processes span:nth-child(4) .process-icon:after{top:15px;left:6px;width:20px;height:2px;background:currentColor;transform:rotate(45deg)}.service-processes span:nth-child(5) .process-icon:before{top:9px;left:7px;width:18px;height:2px;background:currentColor;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor}.service-processes span:nth-child(5) .process-icon:after{top:6px;left:10px;width:12px;height:19px;border-right:1px solid currentColor;border-left:1px solid currentColor;opacity:.35}.service-item.is-open .service-processes .process-icon{color:var(--acid)}@media(max-width:900px){.service-processes{grid-template-columns:repeat(2,minmax(0,1fr))}.service-processes span:nth-child(2n){border-right:0}.service-processes span{border-bottom:1px solid rgba(255,255,255,.15)}}
.service-processes span .process-icon:before,.service-processes span .process-icon:after{display:none!important}.process-icon-asset{position:absolute;top:50%;left:50%;display:block;width:20px;height:20px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);filter:brightness(0) saturate(100%) invert(92%) sepia(91%) saturate(1450%) hue-rotate(19deg) brightness(109%) contrast(105%);pointer-events:none}
.works{position:relative;isolation:isolate;background:#08090b}.works-background{position:absolute;z-index:-1;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;pointer-events:none;user-select:none;transform-origin:center}
.works:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,rgba(0,0,0,.03),transparent 48%,rgba(0,0,0,.08));pointer-events:none}.works-background{--video-hue:24deg;--video-saturation:1.5;--video-brightness:.54;z-index:-2;filter:grayscale(1) sepia(1) saturate(var(--video-saturation)) hue-rotate(var(--video-hue)) brightness(var(--video-brightness)) contrast(1.06)}body.editor-active .works-background{pointer-events:auto}.work-grid .work-card .work-image,.work-grid .work-card.tall .work-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(min-width:901px){.work-feature{height:47vh;min-height:330px}.work-feature[data-ratio="16:9"] .feature-media{width:min(100%,calc(47vh * 16 / 9))}.work-feature[data-ratio="9:16"] .feature-media{width:calc(47vh * 9 / 16)}.work-feature[data-ratio="3:4"] .feature-media{width:calc(47vh * 3 / 4)}.work-grid{bottom:36px;height:17vh}.thumb-arrow{bottom:36px;height:17vh}.work-card,.work-card:nth-child(n){flex-basis:calc((100% - 72px)/7)}.work-grid .work-card .work-image,.work-grid .work-card.tall .work-image{height:auto}}
.works-ticker{position:absolute;z-index:5;right:0;bottom:0;left:0;height:36px;overflow:hidden;border-top:1px solid rgba(216,255,0,.34);background:rgba(5,6,8,.8);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.works-ticker-track{display:flex;width:max-content;height:100%;animation:works-marquee 30s linear infinite;will-change:transform}.works-ticker-group{display:flex;flex:0 0 auto;align-items:center;gap:56px;padding:0 28px}.works-ticker-group span{position:relative;color:rgba(232,255,118,.82);font-family:var(--font-default);font-size:12px;letter-spacing:.05em;white-space:nowrap}.works-ticker-group span:after{content:"";position:absolute;top:50%;right:-31px;width:5px;height:5px;border-radius:50%;background:var(--acid);transform:translateY(-50%);opacity:.55}@keyframes works-marquee{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media(min-width:901px){.work-reel{position:relative;z-index:4;left:auto;bottom:auto;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:stretch;margin:15px auto 0;transform:none}.work-reel .work-grid{position:relative;right:auto;bottom:auto;left:auto;width:100%;height:auto;margin:0;overflow-x:auto;overflow-y:hidden}.work-reel .thumb-arrow{position:relative;inset:auto;width:40px;height:auto;min-height:0}.work-reel .work-card,.work-reel .work-card:nth-child(n){flex:0 0 calc((100% - 48px)/5);height:auto}.work-reel .work-card>div:last-child{min-height:30px}}
@media(max-width:900px){.works-ticker{position:relative;right:auto;bottom:auto;left:auto;margin-top:20px}.work-reel .work-grid{width:100%}}
.feature-arrow{position:absolute;z-index:5;top:50%;display:grid;width:46px;height:72px;place-items:center;border:1px solid rgba(216,255,0,.72);background:rgba(5,6,8,.7);color:#fff;font-size:24px;line-height:1;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(10px);transition:background .2s,color .2s,transform .2s}.feature-arrow:hover,.feature-arrow:focus-visible{background:var(--acid);color:#08090b;transform:translateY(-50%) scale(1.04)}.feature-prev{left:18px}.feature-next{right:18px}@media(max-width:600px){.feature-arrow{width:38px;height:58px;font-size:20px}.feature-prev{left:8px}.feature-next{right:8px}}
.work-reel .work-card{position:relative;outline:0;transition:opacity .2s}.work-reel .work-card.is-active{z-index:2;outline:0;box-shadow:none;opacity:1;transform:none}.work-reel .work-card.is-active>div:last-child{display:grid;min-height:38px;padding:7px 9px;background:var(--acid);box-shadow:0 6px 18px rgba(216,255,0,.22)}.work-reel .work-card.is-active>div:last-child,.work-reel .work-card.is-active>div:last-child span,.work-reel .work-card.is-active>div:last-child h3,.work-reel .work-card.is-active>div:last-child small{color:#08090b!important}
.team h2 span,.team .metrics strong:after{color:var(--acid)}
.team{position:relative;isolation:isolate;background:#090c03;color:#fff}.team-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:hidden;filter:hue-rotate(var(--video-hue,0deg)) saturate(var(--video-saturation,1)) brightness(var(--video-brightness,1));transform-origin:center;pointer-events:none;user-select:none}.team-bg-primary,.team-bg-lift,.team-bg-scrim{position:absolute;inset:0}.team-bg-primary video,.team-bg-lift video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.team-bg-primary{filter:grayscale(.28) saturate(.5) contrast(1.12) brightness(.74)}.team-bg-lift{opacity:.26;mix-blend-mode:plus-lighter;-webkit-mask-image:linear-gradient(180deg,transparent 21.5%,#000 100%);mask-image:linear-gradient(180deg,transparent 21.5%,#000 100%);filter:grayscale(.3) saturate(.48) contrast(1.18) brightness(.62)}.team-bg-scrim{background:linear-gradient(90deg,rgba(4,6,0,.82) 0%,rgba(8,12,1,.48) 38%,rgba(22,28,2,.12) 72%,rgba(5,7,0,.3) 100%),linear-gradient(180deg,rgba(216,255,0,.04),rgba(0,0,0,.52))}.team:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 18%,rgba(216,255,0,.2),transparent 35%),linear-gradient(115deg,rgba(48,58,0,.08),rgba(216,255,0,.13));mix-blend-mode:color}.team>:not(.team-background){position:relative;z-index:2}.team .section-label{border-color:rgba(255,255,255,.34)}.team .section-label span:first-child{color:var(--acid)}.team .team-intro p{color:rgba(255,255,255,.76)}.team .text-link{color:#fff;border-color:rgba(255,255,255,.78)}.team .team-card{background:rgba(9,12,7,.84);border:1px solid rgba(216,255,0,.1);backdrop-filter:blur(5px)}.team .metrics{border-color:rgba(216,255,0,.3)}.team .metrics div{border-color:rgba(216,255,0,.14)}.team .metrics span{color:rgba(255,255,255,.7)}body.editor-active .team-background{pointer-events:auto}
@media(max-width:900px){.team-bg-primary video,.team-bg-lift video{object-position:78% top}.team-bg-lift{opacity:.28;-webkit-mask-image:linear-gradient(180deg,transparent 10%,#000 60%);mask-image:linear-gradient(180deg,transparent 10%,#000 60%)}.team-bg-scrim{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.84) 56%,#000 90%)}}
.works-spline-background{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;max-width:none;overflow:hidden;background:#090c03;filter:hue-rotate(var(--video-hue,0deg)) saturate(var(--video-saturation,1)) brightness(var(--video-brightness,1));transform-origin:center;pointer-events:none;user-select:none}.works-spline-mount,.works-spline-background spline-viewer{position:absolute;inset:0;display:block;width:100%;height:100%;background:#090c03}.works-spline-scrim{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,8,0,.4) 0%,rgba(216,255,0,.035) 36%,rgba(4,6,0,.36) 100%),radial-gradient(ellipse at 72% 42%,rgba(216,255,0,.12),transparent 38%),radial-gradient(ellipse at 50% 48%,transparent 35%,rgba(0,0,0,.34) 100%);mix-blend-mode:normal}body.editor-active .works-spline-background{pointer-events:auto}@media(max-width:900px){.works-spline-background spline-viewer{transform:scale(1.08)}.works-spline-scrim{background:linear-gradient(180deg,rgba(5,8,0,.48),rgba(216,255,0,.04) 34%,rgba(0,0,0,.5))}}
.works-video-background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;background:#090c03;filter:grayscale(.72) sepia(.8) saturate(var(--video-saturation,1)) hue-rotate(var(--video-hue,0deg)) brightness(var(--video-brightness,1)) contrast(1.08);transform-origin:center;pointer-events:none;user-select:none}.works:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,8,0,.38),rgba(216,255,0,.035) 36%,rgba(0,0,0,.42)),radial-gradient(ellipse at 72% 42%,rgba(216,255,0,.12),transparent 38%)}body.editor-active .works-video-background{pointer-events:auto}
.works-shader{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;max-width:none;overflow:hidden;background:#070907;filter:hue-rotate(var(--video-hue,0deg)) saturate(var(--video-saturation,1)) brightness(var(--video-brightness,1));transform-origin:center;pointer-events:none;user-select:none}.works-shader i{position:absolute;display:block;pointer-events:none}.shader-swirl{inset:-48%;background:conic-gradient(from 20deg at 50% 50%,#050605 0deg,#0b0f08 58deg,#3c4900 70deg,#d8ff00 76deg,#4d5d00 82deg,#080a07 112deg,#060806 185deg,#252d03 200deg,#a9ca00 206deg,#293100 212deg,#070807 266deg,#10150a 330deg,#050605 360deg);filter:blur(66px) saturate(.62);opacity:.54;animation:works-shader-swirl 22s linear infinite}.shader-flow{inset:-18%;background:radial-gradient(ellipse at 18% 28%,rgba(216,255,0,.52),transparent 14%),radial-gradient(ellipse at 82% 20%,rgba(137,165,0,.34),transparent 17%),radial-gradient(ellipse at 72% 82%,rgba(216,255,0,.3),transparent 15%),radial-gradient(ellipse at 25% 76%,rgba(71,91,39,.34),transparent 22%);filter:blur(54px);opacity:.42;animation:works-shader-flow 13s cubic-bezier(.45,.05,.55,.95) infinite alternate}.shader-flutes{inset:-25%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,rgba(216,255,0,.035) 1px 5px,transparent 5px 42px);filter:blur(.5px);opacity:.14;transform:rotate(31deg) scale(1.15);animation:works-shader-flutes 15s linear infinite}.shader-grain{inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;animation:works-shader-grain .8s steps(2) infinite}@keyframes works-shader-swirl{from{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@keyframes works-shader-flow{0%{transform:translate3d(-4%,-3%,0) scale(1)}50%{transform:translate3d(5%,2%,0) scale(1.1)}100%{transform:translate3d(-1%,5%,0) scale(1.04)}}@keyframes works-shader-flutes{from{background-position:0 0}to{background-position:168px 0}}@keyframes works-shader-grain{0%{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}}body.editor-active .works-shader{pointer-events:auto}

/* Team character carousel, adapted from the supplied figurine layout. */
.team .team-character-carousel{position:relative;display:block;height:43vh;min-height:300px;overflow:hidden;border-top:1px solid rgba(216,255,0,.18);border-bottom:1px solid rgba(216,255,0,.18);isolation:isolate}.team-character-set{position:absolute;z-index:3;inset:0}.team-ghost{position:absolute;z-index:1;top:4%;right:0;left:0;color:rgba(255,255,255,.12);font-family:HagridHeavy,Hagrid,Arial,sans-serif;font-size:clamp(76px,13vw,220px);line-height:.8;letter-spacing:-.07em;text-align:center;white-space:nowrap;pointer-events:none;user-select:none}.team-character{position:absolute;bottom:-5%;left:50%;width:auto;height:92%;margin:0;opacity:0;filter:blur(5px);transform:translateX(-50%) scale(.55);transform-origin:50% 100%;transition:left .65s cubic-bezier(.4,0,.2,1),bottom .65s cubic-bezier(.4,0,.2,1),height .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1),filter .65s cubic-bezier(.4,0,.2,1),opacity .65s cubic-bezier(.4,0,.2,1);will-change:left,transform,filter,opacity;pointer-events:none}.team-character video{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 24px 32px rgba(0,0,0,.38))}.team-character.is-center{z-index:20;left:50%;bottom:-8%;height:103%;opacity:1;filter:none;transform:translateX(-50%) scale(1.08)}.team-character.is-left,.team-character.is-right{z-index:12;bottom:3%;height:48%;opacity:.74;filter:blur(1.5px);transform:translateX(-50%) scale(1)}.team-character.is-left{left:25%}.team-character.is-right{left:75%}.team-character.is-far-left,.team-character.is-far-right{z-index:8;bottom:10%;height:30%;opacity:.42;filter:blur(3px);transform:translateX(-50%) scale(.92)}.team-character.is-far-left{left:7%}.team-character.is-far-right{left:93%}.team-character.is-back{z-index:5;left:50%;bottom:12%;height:23%;opacity:.24;filter:blur(4px);transform:translateX(-50%) scale(.88)}.team-carousel-ui{position:absolute;z-index:30;bottom:7%;left:2%;max-width:310px}.team-carousel-ui p{margin:0 0 7px;color:var(--acid);font-family:var(--font-default);font-size:10px;letter-spacing:.14em}.team-character-name{display:block;max-width:280px;color:#fff;font-family:var(--font-default);font-size:13px;line-height:1.35;letter-spacing:.04em}.team-carousel-nav{display:flex;gap:10px;margin-top:16px}.team-carousel-nav button{display:grid;width:52px;height:52px;place-items:center;border:1.5px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(5,7,4,.22);color:#fff;font-size:22px;cursor:pointer;backdrop-filter:blur(8px);transition:transform .15s,background .15s,color .15s,border-color .15s}.team-carousel-nav button:hover,.team-carousel-nav button:focus-visible{border-color:var(--acid);background:var(--acid);color:#08090b;transform:scale(1.06)}.team-carousel-index{position:absolute;z-index:30;right:2%;bottom:8%;display:flex;align-items:baseline;gap:6px;font-family:var(--font-default)}.team-carousel-index strong{color:var(--acid);font-size:30px}.team-carousel-index span{color:rgba(255,255,255,.6);font-size:11px}.team .team-character-carousel+.metrics{margin-top:18px}
@media(max-width:900px){.team .team-character-carousel{display:block;height:560px;min-height:0;overflow:hidden;scroll-snap-type:none}.team-ghost{top:12%;font-size:18vw}.team-character.is-center{height:82%;bottom:-3%}.team-character.is-left,.team-character.is-right{bottom:12%;height:33%}.team-character.is-left{left:18%}.team-character.is-right{left:82%}.team-character.is-far-left,.team-character.is-far-right,.team-character.is-back{opacity:0}.team-carousel-ui{bottom:4%;left:18px}.team-carousel-index{right:18px;bottom:5%}}
@media(max-width:600px){.team .team-character-carousel{height:500px}.team-character.is-center{height:76%;bottom:2%;transform:translateX(-50%) scale(1.03)}.team-character.is-left,.team-character.is-right{height:27%;bottom:17%;opacity:.52}.team-carousel-ui p{display:none}.team-character-name{max-width:190px;font-size:11px}.team-carousel-nav{margin-top:10px}.team-carousel-nav button{width:44px;height:44px}.team-carousel-index strong{font-size:24px}}

/* Enlarged team character stage and editorial profile card. */
.team .team-character-carousel{height:46vh;min-height:330px}.team-character.is-center{left:43%;bottom:-19%;height:126%;transform:translateX(-50%) scale(1.08)}.team-character.is-left,.team-character.is-right{bottom:5%;height:54%;opacity:.64}.team-character.is-left{left:16%}.team-character.is-right{left:69%}.team-character.is-far-left{left:2%}.team-character.is-far-right{left:81%}.team-character-detail{position:absolute;z-index:32;top:50%;right:2.2%;width:min(27%,390px);padding:24px 24px 22px;border:1px solid rgba(255,255,255,.16);border-left:3px solid var(--acid);background:linear-gradient(135deg,rgba(8,10,8,.82),rgba(8,10,8,.48));box-shadow:0 24px 70px rgba(0,0,0,.25);backdrop-filter:blur(18px);transform:translateY(-50%)}.team-character-kicker{display:block;margin-bottom:18px;color:var(--acid);font-family:var(--font-default);font-size:10px;letter-spacing:.16em}.team-character-name{display:block;max-width:none;color:#fff;font-family:var(--font-default);font-size:clamp(22px,2.1vw,34px);line-height:1.08;letter-spacing:-.035em}.team-character-desc{margin:17px 0 20px;color:rgba(255,255,255,.74);font-family:var(--font-default);font-size:12px;line-height:1.75}.team-character-tags{display:flex;flex-wrap:wrap;gap:7px}.team-character-tags span{padding:6px 9px;border:1px solid rgba(216,255,0,.32);border-radius:999px;color:#f5f7ed;font-family:var(--font-default);font-size:9px;letter-spacing:.04em}.team-carousel-nav{position:absolute;z-index:34;inset:0;display:block;margin:0;pointer-events:none}.team-carousel-nav button{position:absolute;top:50%;width:58px;height:58px;pointer-events:auto;transform:translate(-50%,-50%)}.team-carousel-nav button:hover,.team-carousel-nav button:focus-visible{transform:translate(-50%,-50%) scale(1.06)}.team-carousel-prev{left:25%}.team-carousel-next{left:60.5%}.team-carousel-index{right:3%;bottom:4%}
@media(max-width:900px){.team .team-character-carousel{height:54vh;min-height:470px}.team-character.is-center{left:46%;bottom:-7%;height:104%;transform:translateX(-50%) scale(1.08)}.team-character.is-left{left:10%}.team-character.is-right{left:84%}.team-character-detail{top:auto;right:18px;bottom:16px;left:18px;width:auto;padding:16px 18px 15px;transform:none}.team-character-kicker{margin-bottom:8px}.team-character-name{font-size:22px}.team-character-desc{max-width:72%;margin:9px 0 12px;font-size:10px;line-height:1.55}.team-carousel-nav button{top:46%;width:50px;height:50px}.team-carousel-prev{left:8%}.team-carousel-next{right:8%;left:auto;transform:translate(50%,-50%)}.team-carousel-next:hover,.team-carousel-next:focus-visible{transform:translate(50%,-50%) scale(1.06)}.team-carousel-index{right:28px;bottom:28px}}
@media(max-width:600px){.team .team-character-carousel{height:500px}.team-character.is-center{left:50%;bottom:6%;height:90%;transform:translateX(-50%) scale(1.08)}.team-character-detail{padding:13px 15px 12px}.team-character-kicker{font-size:8px}.team-character-name{font-size:18px}.team-character-desc{display:-webkit-box;max-width:74%;margin:7px 0 9px;overflow:hidden;font-size:9px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.team-character-tags{gap:5px}.team-character-tags span{padding:4px 7px;font-size:8px}.team-carousel-nav button{top:42%;width:44px;height:44px}.team-carousel-prev{left:9%}.team-carousel-next{right:9%}.team-carousel-index{right:24px;bottom:22px}.team-carousel-index strong{font-size:22px}}

/* Team stage alignment refinement. */
.team .team-character-carousel{overflow:visible}.team-character-set{transform:translateY(50px)}.team-character[data-character-index="1"].is-center{bottom:calc(-19% - 30px)}.team-carousel-prev{left:28.5%}.team-carousel-next{left:57.5%}
@media(max-width:900px){.team-character-set{transform:translateY(50px)}.team-character[data-character-index="1"].is-center{bottom:calc(-7% - 26px)}.team-carousel-prev{left:13%}.team-carousel-next{right:13%;left:auto}}
@media(max-width:600px){.team-character-set{transform:translateY(50px)}.team-character[data-character-index="1"].is-center{bottom:calc(6% - 24px)}.team-carousel-prev{left:14%}.team-carousel-next{right:14%}}

/* Shared frosted-glass treatment for the team profile and metrics. */
.team-character-detail{border:1px solid rgba(255,255,255,.24);border-left:3px solid rgba(216,255,0,.82);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(9,12,8,.28) 42%,rgba(4,7,3,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.05),0 24px 70px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}.team .metrics{position:relative;overflow:hidden;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:linear-gradient(120deg,rgba(255,255,255,.13),rgba(8,12,6,.25) 45%,rgba(5,8,4,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 64px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%)}.team .metrics:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.11),transparent 28%,transparent 72%,rgba(216,255,0,.05));pointer-events:none}.team .metrics>div{position:relative;padding:14px 18px;border-right:1px solid rgba(255,255,255,.13)}.team .metrics>div:last-child{border-right:0}@media(max-width:900px){.team .metrics>div:nth-child(2){border-right:0}.team .metrics>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}}

/* Independent character selection plus a clearer translucent matte profile card. */
.editor-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.editor-character-grid button{min-height:34px;padding:7px 8px;border:1px solid rgba(216,255,0,.46);border-radius:5px;background:rgba(216,255,0,.06);color:#e9eedc;font-family:var(--font-default);font-size:10px;cursor:pointer}.editor-character-grid button:hover,.editor-character-grid button:focus-visible{border-color:var(--acid);background:var(--acid);color:#080808}.team-character-detail{overflow:hidden;border:1px solid rgba(255,255,255,.3);border-left:2px solid rgba(216,255,0,.78);background:linear-gradient(132deg,rgba(255,255,255,.13),rgba(255,255,255,.055) 38%,rgba(7,11,8,.16) 72%,rgba(216,255,0,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.06),0 22px 64px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(34px) saturate(118%);backdrop-filter:blur(34px) saturate(118%)}.team-character-detail:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.12),transparent 30%,transparent 72%,rgba(255,255,255,.035));opacity:.72;pointer-events:none}.team-character-detail>*{position:relative;z-index:1}

/* Acid glass sits above side/back characters (z 5–12) and below the hero character (z 20). */
.team .team-character-carousel{border-top:0;border-bottom:0}.team .team-character-carousel:after{display:none}.team-character-glass{position:absolute;z-index:15;top:12%;bottom:8%;left:43%;width:21%;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:linear-gradient(135deg,rgba(216,255,0,.46),rgba(216,255,0,.2) 52%,rgba(255,255,255,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(216,255,0,.18),0 22px 70px rgba(216,255,0,.14);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);transform:translateX(-50%);pointer-events:none}@media(max-width:900px){.team-character-glass{top:14%;bottom:25%;left:46%;width:38%}}@media(max-width:600px){.team-character-glass{top:15%;bottom:29%;left:50%;width:46%}}

/* Frosted-glass interaction system for works controls and cards. */
.works .filter,.works .work-arrow,.works .feature-arrow,.works .play-button{border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(5,8,6,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 28px rgba(0,0,0,.14);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.works .filter{border-radius:999px;color:rgba(255,255,255,.78)}.works .filter.is-active,.works .filter:hover,.works .filter:focus-visible{border-color:rgba(216,255,0,.8);background:linear-gradient(135deg,rgba(216,255,0,.76),rgba(216,255,0,.42));color:#08090b;box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 8px 26px rgba(216,255,0,.16)}.works .feature-arrow,.works .work-arrow{border-color:rgba(255,255,255,.28);color:#fff}.works .feature-arrow:hover,.works .feature-arrow:focus-visible,.works .work-arrow:hover,.works .work-arrow:focus-visible{border-color:rgba(216,255,0,.85);background:linear-gradient(135deg,rgba(216,255,0,.72),rgba(216,255,0,.38));color:#08090b}.works .play-button{border-color:rgba(216,255,0,.78);background:linear-gradient(145deg,rgba(216,255,0,.78),rgba(216,255,0,.4));box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 0 7px rgba(216,255,0,.1),0 16px 44px rgba(0,0,0,.16);-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}.work-caption{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:linear-gradient(120deg,rgba(255,255,255,.13),rgba(5,7,7,.36) 38%,rgba(4,6,5,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 36px rgba(0,0,0,.17);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}.work-feature{border:1px solid rgba(255,255,255,.17);border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 55px rgba(0,0,0,.17)}.work-reel .work-card>div:last-child{padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-top:0;border-radius:0 0 7px 7px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(5,7,7,.4));-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}.work-reel .work-card.is-active>div:last-child{border-color:rgba(216,255,0,.78);background:linear-gradient(135deg,rgba(216,255,0,.78),rgba(216,255,0,.45));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 24px rgba(216,255,0,.18)}

/* DesignPro full-screen works background. */
.works-designpro-background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:#000;filter:hue-rotate(var(--video-hue,0deg)) saturate(var(--video-saturation,1)) brightness(var(--video-brightness,1));transform-origin:center;pointer-events:none;user-select:none}.works.works:before{background:transparent}.works.works:after{background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.03) 42%,rgba(0,0,0,.18))}body.editor-active .works-designpro-background{pointer-events:auto}

/* SENTINEL scene: brand-tinted Spline background with a static low-cost fallback. */
.works-spline-background{contain:layout paint;background:radial-gradient(circle at 70% 42%,rgba(216,255,0,.2),transparent 22%),radial-gradient(circle at 32% 68%,rgba(93,126,0,.14),transparent 28%),linear-gradient(135deg,#0b0e0b,#111711 54%,#070908);filter:hue-rotate(var(--video-hue,0deg)) saturate(var(--video-saturation,1)) brightness(var(--video-brightness,.82));will-change:filter,translate,scale}.works-spline-mount{z-index:0;opacity:1;transition:opacity .45s ease}.works-spline-background.is-loading .works-spline-mount{opacity:0}.works-spline-background spline-viewer{width:100%;height:100%;pointer-events:none}.works-spline-scrim{background:linear-gradient(180deg,rgba(4,7,3,.38),rgba(10,14,8,.05) 38%,rgba(3,5,2,.48)),radial-gradient(ellipse at 68% 42%,rgba(216,255,0,.09),transparent 36%),radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.36) 100%)}.works.works:after{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.025) 42%,rgba(0,0,0,.24));pointer-events:none}

/* Local 1080p render replaces the live WebGL scene for smooth playback. */
.works-rendered-background{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:#0b0e0b;filter:hue-rotate(var(--video-hue,0deg)) saturate(var(--video-saturation,1)) brightness(var(--video-brightness,.82));transform-origin:center;pointer-events:none;user-select:none}body.editor-active .works-rendered-background{pointer-events:auto}

/* Dark AI-video atmosphere for Services, recolored to the P.D.VISION acid green. */
.services{position:relative;isolation:isolate;overflow:hidden;background:#050705;color:#f7f9f1}.services-background{position:absolute;z-index:-3;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:#050705;opacity:.66;filter:grayscale(1) sepia(1) saturate(var(--video-saturation,2.8)) hue-rotate(var(--video-hue,24deg)) brightness(var(--video-brightness,.56)) contrast(1.12);transform-origin:center;pointer-events:none;user-select:none}.services-background-effects{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.2) 42%,rgba(0,0,0,.62)),radial-gradient(circle at 22% -14%,rgba(216,255,0,.2),transparent 34%),radial-gradient(circle at 83% 108%,rgba(142,187,0,.18),transparent 31%);box-shadow:inset 0 0 150px rgba(0,0,0,.54);pointer-events:none}.services>.section-label,.services>.services-heading,.services>.service-list{position:relative;z-index:1}.services .section-label{border-color:rgba(255,255,255,.24)}.services .section-label span:first-child{color:var(--acid)}.services-heading>p{color:rgba(255,255,255,.7)}.services .service-list{border-color:rgba(255,255,255,.28);background:rgba(5,8,5,.16);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.services .service-item{border-color:rgba(255,255,255,.22)}.services .service-item>button{color:#fff}.services .service-item button b,.services .service-item button em{color:rgba(255,255,255,.58)}.services .service-item button span{color:var(--acid)}.services .service-detail p{color:rgba(255,255,255,.78)}.services .service-item.is-open{background:rgba(5,8,5,.66);box-shadow:inset 3px 0 0 var(--acid);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}.client-wall{display:none!important}body.editor-active .services-background{pointer-events:auto}.editor-services-background-select{width:100%;height:36px;margin:0 0 8px;border:1px solid var(--acid);background:rgba(207,255,0,.08);color:var(--acid);font-size:11px;cursor:pointer}.editor-services-background-select:hover,.editor-services-background-select:focus-visible{background:var(--acid);color:#080808}

/* Seamless bottom logo marquee: CSS-only motion, hover pause and edge fade. */
.client-marquee{position:absolute;z-index:3;right:var(--pad);bottom:16px;left:var(--pad);overflow:hidden;padding:2px 0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}.client-marquee-track{display:flex;width:max-content;animation:client-logo-marquee 30s linear infinite;will-change:transform}.client-marquee:hover .client-marquee-track{animation-play-state:paused}.client-marquee-list{display:flex;flex:0 0 auto;gap:12px;padding-right:12px}.client-logo-card{position:relative;display:flex;flex:0 0 148px;width:148px;height:72px;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(226,232,240,.6);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(0,0,0,.12);transition:border-color .2s,transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.client-logo-card:hover{border-color:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(0,0,0,.18);transform:translateY(-2px)}.client-logo-card>span{position:absolute;inset:-20%;border-radius:inherit;background:linear-gradient(135deg,var(--logo-a),var(--logo-b));opacity:0;transform:scale(1.5);transition:opacity .28s,transform .28s}.client-logo-card:hover>span{opacity:1;transform:scale(1)}.client-logo-card img{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:86px;max-height:28px;object-fit:contain;transition:filter .25s,transform .25s}.client-logo-card:hover img{filter:brightness(0) invert(1);transform:scale(1.06)}@keyframes client-logo-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.editor-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.editor-logo-grid button{min-height:34px;padding:7px 8px;border:1px solid rgba(216,255,0,.46);border-radius:5px;background:rgba(216,255,0,.06);color:#e9eedc;font-family:var(--font-default);font-size:10px;cursor:pointer}.editor-logo-grid button:hover,.editor-logo-grid button:focus-visible{border-color:var(--acid);background:var(--acid);color:#080808}@media(max-width:900px){.client-marquee{bottom:12px}.client-logo-card{flex-basis:126px;width:126px;height:60px}.client-logo-card img{max-width:74px;max-height:24px}}@media(prefers-reduced-motion:reduce){.client-marquee-track{animation:none}}

/* Veldara video framing and lightweight starfield layer. */
.services-veldara-background{inset:-20% 0 auto;height:140%;opacity:.74}.services-particles{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;opacity:.74;mix-blend-mode:screen;pointer-events:none}.services-background-effects{background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.12) 42%,rgba(0,0,0,.58)),radial-gradient(circle at 20% -10%,rgba(216,255,0,.15),transparent 36%),radial-gradient(circle at 82% 105%,rgba(120,160,0,.12),transparent 34%)}@media(prefers-reduced-motion:reduce){.services-particles{display:none}.services-veldara-background{opacity:.62}}

/* Interactive client field: cursor proximity reveals familiar logo placeholders. */
.services{background:radial-gradient(circle at 18% 8%,rgba(216,255,0,.055),transparent 28%),radial-gradient(circle at 84% 86%,rgba(116,156,0,.045),transparent 30%),#050705}.services-background-effects{z-index:-2;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22)),linear-gradient(115deg,rgba(255,255,255,.018),transparent 38%,rgba(216,255,0,.018));box-shadow:inset 0 0 180px rgba(0,0,0,.54)}.services-logo-field{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;user-select:none}.services-logo-cursor{position:absolute;top:0;left:0;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,0,.13) 0,rgba(216,255,0,.055) 24%,transparent 68%);filter:blur(8px);opacity:0;transition:opacity .22s;will-change:transform}.ambient-logo{position:absolute;left:var(--x);top:var(--y);display:grid;width:clamp(104px,9vw,158px);height:clamp(48px,5.2vw,78px);place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);opacity:.04;transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:opacity .1s,border-color .2s,background .2s,box-shadow .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:opacity}.ambient-logo.is-lit{border-color:rgba(216,255,0,.32);background:rgba(216,255,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 34px rgba(216,255,0,.12)}.ambient-logo img{display:block;width:auto;height:auto;max-width:68%;max-height:42%;object-fit:contain;filter:brightness(0) saturate(100%) invert(92%) sepia(91%) saturate(1450%) hue-rotate(19deg) brightness(109%) contrast(105%);transition:transform .12s;will-change:transform}.client-marquee{display:none!important}@media(max-width:900px){.ambient-logo{width:104px;height:48px;border-radius:13px}.services-logo-cursor{width:400px;height:400px}}

/* Axion “背景3”: Swirl + ChromaFlow + FlutedGlass + FilmGrain. */
.works-axion-background{position:absolute;z-index:-2;inset:0;display:block;width:100%;height:100%;max-width:none;overflow:hidden;background:#efefef;filter:hue-rotate(var(--video-hue,0deg)) saturate(var(--video-saturation,1)) brightness(var(--video-brightness,1));transform-origin:center;pointer-events:none;user-select:none}.works-axion-background i{position:absolute;display:block;pointer-events:none}.axion-swirl{inset:-52%;background:conic-gradient(from 18deg at 50% 50%,#fff 0 34deg,#f0f0f0 72deg,#fff 112deg,#ececec 158deg,#fff 216deg,#f0f0f0 286deg,#fff 360deg);filter:blur(54px);opacity:.96;animation:axion-swirl 30s linear infinite}.axion-flow{inset:-24%;background:radial-gradient(ellipse at 16% 25%,rgba(255,95,3,.9),transparent 14%),radial-gradient(ellipse at 86% 19%,rgba(255,95,3,.72),transparent 18%),radial-gradient(ellipse at 71% 82%,rgba(255,95,3,.78),transparent 16%),radial-gradient(ellipse at 24% 76%,rgba(255,95,3,.62),transparent 21%),radial-gradient(ellipse at 52% 48%,rgba(255,255,255,.78),transparent 32%);filter:blur(58px);opacity:.78;animation:axion-flow 13s cubic-bezier(.45,.05,.55,.95) infinite alternate}.axion-flutes{inset:-28%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 2px,rgba(255,255,255,.06) 2px 7px,rgba(49,49,49,.055) 7px 8px,transparent 8px 44px);filter:blur(.45px);opacity:.38;transform:rotate(31deg) scale(1.18);mix-blend-mode:soft-light;animation:axion-flutes 18s linear infinite}.axion-grain{inset:-4%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:multiply;animation:axion-grain .9s steps(2) infinite}.works:before{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015) 48%,rgba(0,0,0,.08))}.works:after{background:linear-gradient(180deg,rgba(8,9,11,.18),rgba(8,9,11,.04) 34%,rgba(8,9,11,.2)),radial-gradient(ellipse at 58% 45%,transparent 25%,rgba(0,0,0,.12) 100%)}body.editor-active .works-axion-background{pointer-events:auto}@keyframes axion-swirl{from{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.06)}to{transform:rotate(360deg) scale(1)}}@keyframes axion-flow{0%{transform:translate3d(-4%,-2%,0) scale(1)}45%{transform:translate3d(5%,3%,0) scale(1.1)}100%{transform:translate3d(-1%,6%,0) scale(1.04)}}@keyframes axion-flutes{from{background-position:0 0}to{background-position:176px 0}}@keyframes axion-grain{0%{transform:translate(0)}25%{transform:translate(-1.5%,1%)}50%{transform:translate(1%,-1.5%)}75%{transform:translate(1.5%,1.5%)}100%{transform:translate(-1%,-1%)}}@media(prefers-reduced-motion:reduce){.works-axion-background i{animation:none!important}}

/* Brand-acid finish for the Works video while keeping the scene restrained. */
.works-rendered-background{background:#070a06;filter:hue-rotate(var(--video-hue,22deg)) saturate(var(--video-saturation,1.34)) brightness(var(--video-brightness,.76)) contrast(1.07)}.works.works:after{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(3,8,1,.06) 38%,rgba(0,0,0,.3)),radial-gradient(circle at 72% 42%,rgba(216,255,0,.11),transparent 34%)}

/* Contact: Sentra atmosphere, handshake media and a local Chinese service console. */
.contact{isolation:isolate;background:#030504}.contact-background{position:absolute;z-index:-3;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;background:#020302;filter:hue-rotate(var(--video-hue,18deg)) saturate(var(--video-saturation,1.1)) brightness(var(--video-brightness,.72));transform-origin:center;pointer-events:none}.contact-background-scrim{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74) 0,rgba(0,0,0,.48) 46%,rgba(0,0,0,.24) 100%),linear-gradient(180deg,rgba(0,0,0,.32),transparent 46%,rgba(0,0,0,.5));pointer-events:none}.contact-orb{display:none}.contact-inner{z-index:2}.contact .section-label{width:58%;border-color:rgba(255,255,255,.24)}.contact-kicker{margin:34px 0 12px}.contact h2{max-width:64%;font-size:clamp(58px,7.2vw,124px);line-height:.82!important}.contact-action-row{width:58%;margin:34px 0 28px}.contact-mail{width:min(560px,43vw);padding:16px 0}.contact-footer{width:58%;grid-template-columns:1.35fr repeat(3,1fr);gap:22px;padding:22px 0 18px}.contact-footer img{width:145px}.contact-handshake{position:absolute;z-index:1;top:14%;right:3.5%;width:min(34vw,580px);height:min(35vh,340px);overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 30px 80px rgba(0,0,0,.34);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.contact-handshake:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(216,255,0,.13),transparent 40%,rgba(0,0,0,.16));pointer-events:none}.contact-handshake-video{width:100%;height:100%;object-fit:cover;opacity:.82;filter:saturate(.82) contrast(1.06)}.contact-handshake-label{position:absolute;z-index:2;right:18px;bottom:16px;left:18px;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(5,8,5,.42);color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.contact-handshake-label i{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}.contact-handshake-label span{font-size:11px}.contact-handshake-label b{color:rgba(255,255,255,.58);font:8px monospace;letter-spacing:.12em}.contact-support{position:absolute;z-index:4;right:3.5%;bottom:4%;width:min(350px,30vw);overflow:hidden;border:1px solid rgba(255,255,255,.23);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(4,8,5,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 28px 75px rgba(0,0,0,.38);color:#fff;-webkit-backdrop-filter:blur(30px) saturate(135%);backdrop-filter:blur(30px) saturate(135%);transition:height .25s,transform .25s}.contact-support header{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.13)}.support-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--acid);color:#070807;font:700 11px Arial}.contact-support header>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.contact-support header strong{font-size:12px;font-weight:500}.contact-support header small{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.62);font-size:9px}.contact-support header small i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}.support-minimize{width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.support-messages{display:flex;max-height:116px;min-height:68px;flex-direction:column;gap:7px;overflow:auto;padding:12px 14px}.support-message{max-width:86%;margin:0;padding:9px 11px;border-radius:12px;font-size:10px;line-height:1.55}.support-message.is-agent{align-self:flex-start;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.1)}.support-message.is-user{align-self:flex-end;background:var(--acid);color:#080908}.support-quick{display:flex;gap:6px;padding:0 14px 10px}.support-quick button{flex:1;padding:6px 4px;border:1px solid rgba(216,255,0,.28);border-radius:999px;background:rgba(216,255,0,.07);color:#eff5df;font-size:9px;cursor:pointer}.support-quick button:hover{background:var(--acid);color:#080908}.support-form{display:flex;gap:7px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.13)}.support-form input{min-width:0;flex:1;padding:9px 10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(0,0,0,.24);color:#fff;font-family:var(--font-default);font-size:10px;outline:none}.support-form input:focus{border-color:rgba(216,255,0,.68)}.support-form button{padding:0 13px;border:0;border-radius:9px;background:var(--acid);color:#070807;font-size:10px;cursor:pointer}.contact-support.is-minimized .support-messages,.contact-support.is-minimized .support-quick,.contact-support.is-minimized .support-form{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}body.editor-active .contact-background,body.editor-active .contact-handshake-video{pointer-events:auto}.editor-contact-background-select,.editor-handshake-select,.editor-support-select{width:100%;height:36px;margin:0 0 8px;border:1px solid var(--acid);background:rgba(207,255,0,.08);color:var(--acid);font-size:11px;cursor:pointer}.editor-contact-background-select:hover,.editor-contact-background-select:focus-visible,.editor-handshake-select:hover,.editor-handshake-select:focus-visible,.editor-support-select:hover,.editor-support-select:focus-visible{background:var(--acid);color:#080808}
@media(max-width:900px){.contact{min-height:1000px;padding-top:90px}.contact .section-label,.contact-action-row,.contact-footer{width:100%}.contact h2{max-width:100%;font-size:clamp(52px,13vw,92px)}.contact-action-row{align-items:start;flex-direction:column;gap:18px}.contact-mail{width:100%}.contact-handshake{top:51%;right:5%;width:90%;height:240px}.contact-support{right:5%;bottom:26px;width:90%;max-width:390px}.contact-footer{margin-top:300px;grid-template-columns:1.5fr 1fr}.contact-footer div:nth-last-child(-n+2){display:none}}@media(prefers-reduced-motion:reduce){.contact-handshake-video{display:none}.contact-handshake{background:linear-gradient(145deg,rgba(216,255,0,.12),rgba(5,8,5,.72))}}

/* Dense partner field: 30 editable logos plus a cursor-born card trail. */
.ambient-logo{width:clamp(82px,7vw,124px);height:clamp(40px,4.2vw,62px);border-radius:14px}.ambient-logo img{max-width:64%;max-height:38%}.service-logo-trail{position:absolute;z-index:3;display:grid;width:118px;height:68px;place-items:center;border:1px solid rgba(216,255,0,.42);border-radius:15px;background:rgba(9,13,8,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 38px rgba(0,0,0,.28),0 0 24px rgba(216,255,0,.09);opacity:0;transform:translate(-50%,-50%) rotate(var(--trail-rotate)) scale(.82);animation:service-logo-trail 1.05s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.service-logo-trail img{display:block;max-width:72px;max-height:25px;filter:brightness(0) saturate(100%) invert(92%) sepia(91%) saturate(1450%) hue-rotate(19deg) brightness(109%) contrast(105%)}@keyframes service-logo-trail{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--trail-rotate)) scale(.72)}16%{opacity:.96;transform:translate(-50%,-58%) rotate(var(--trail-rotate)) scale(1)}68%{opacity:.72}100%{opacity:0;transform:translate(-50%,-105%) rotate(var(--trail-rotate)) scale(.82)}}

/* Contact v2: person-free Sentra field, full-bleed handshake and P.D.VISION scan. */
.contact{background:#020402}.contact-background{position:absolute;z-index:-3;inset:0;overflow:hidden;background:radial-gradient(circle at 73% 42%,rgba(216,255,0,.12),transparent 21%),radial-gradient(circle at 18% 86%,rgba(81,112,0,.13),transparent 31%),linear-gradient(135deg,#020302 0,#0a0f08 48%,#020402 100%);filter:none;pointer-events:none}.contact-background>i{position:absolute;display:block;border:1px solid rgba(216,255,0,.12);border-radius:50%;animation:contact-field 12s ease-in-out infinite}.contact-background>i:nth-child(1){top:-32%;right:-8%;width:68vw;height:68vw}.contact-background>i:nth-child(2){right:17%;bottom:-45%;width:54vw;height:54vw;animation-delay:-4s}.contact-background>i:nth-child(3){top:22%;left:-12%;width:38vw;height:38vw;animation-delay:-8s}.contact-background-scrim{z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.2) 58%,rgba(0,0,0,.42)),linear-gradient(180deg,rgba(0,0,0,.18),transparent 45%,rgba(0,0,0,.48))}.contact-handshake{z-index:-1;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.contact-handshake-video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.48;filter:grayscale(.15) sepia(.2) hue-rotate(30deg) saturate(.92) contrast(1.08);mix-blend-mode:screen}.contact-handshake:after{z-index:1;background:radial-gradient(circle at 72% 45%,rgba(2,5,2,.98) 0 8%,rgba(2,5,2,.9) 13%,rgba(2,5,2,.34) 21%,transparent 31%),linear-gradient(90deg,rgba(0,0,0,.22),transparent 52%,rgba(0,0,0,.12))}.contact-brand-scan{position:absolute;z-index:2;top:45%;left:72%;width:min(330px,26vw);aspect-ratio:3.15/1;overflow:hidden;transform:translate(-50%,-50%);filter:drop-shadow(0 18px 44px rgba(0,0,0,.38))}.contact-brand-scan span{position:absolute;inset:0;display:grid;place-items:center}.contact-brand-scan img{display:block;width:88%;height:auto;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(216,255,0,.18))}.contact-brand-scan>i{position:absolute;top:-30%;bottom:-30%;left:-34%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),rgba(216,255,0,.5),transparent);filter:blur(5px);transform:skewX(-18deg);animation:contact-logo-scan 3.2s cubic-bezier(.55,.05,.35,.95) infinite}.contact .section-label{width:56%}.contact h2{max-width:58%;font-size:clamp(56px,6.8vw,116px)}.contact-action-row,.contact-footer{width:56%}.contact-support{right:4%;bottom:5%;width:min(400px,32vw);border-radius:999px;background:rgba(246,248,241,.92);color:#071008;box-shadow:0 2px 3px rgba(0,0,0,.1),0 10px 28px rgba(0,0,0,.22),inset 0 2px 8px rgba(255,255,255,.7);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:border-radius .35s cubic-bezier(.16,1,.3,1),background .35s,transform .35s}.contact-support header{min-height:66px;padding:8px 10px;border:0;cursor:pointer}.support-avatar{width:48px;height:48px;overflow:hidden;border-radius:50%;background:#071008}.support-avatar img{width:82%;height:auto;mix-blend-mode:screen}.contact-support header strong{color:#071008;font-size:13px}.contact-support header small{color:rgba(7,16,8,.56);font-size:9px}.contact-support header small i{background:#73d66b;box-shadow:0 0 8px rgba(115,214,107,.65)}.support-toggle{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;background:#071008;color:#fff;font-size:16px;cursor:pointer;transition:transform .25s}.contact-support header:hover .support-toggle{transform:translate(2px,-2px)}.support-body{display:none}.contact-support.is-open{border-radius:24px;background:rgba(12,17,12,.9);color:#fff}.contact-support.is-open header{border-bottom:1px solid rgba(255,255,255,.12)}.contact-support.is-open header strong{color:#fff}.contact-support.is-open header small{color:rgba(255,255,255,.58)}.contact-support.is-open .support-avatar{background:rgba(216,255,0,.12)}.contact-support.is-open .support-toggle{background:var(--acid);color:#071008}.contact-support.is-open .support-body{display:block}.support-messages{max-height:128px;min-height:76px}.support-form{background:rgba(0,0,0,.08)}@keyframes contact-field{0%,100%{opacity:.36;transform:scale(.96)}50%{opacity:.78;transform:scale(1.04)}}@keyframes contact-logo-scan{0%,18%{left:-34%;opacity:0}30%{opacity:1}62%{opacity:.9}78%,100%{left:116%;opacity:0}}
@media(max-width:900px){.ambient-logo{width:80px;height:40px}.contact-background>i:nth-child(1){width:120vw;height:120vw}.contact-handshake{top:0;right:0;width:100%;height:100%}.contact-brand-scan{top:52%;left:50%;width:min(310px,70vw)}.contact-handshake:after{background:radial-gradient(circle at 50% 52%,rgba(2,5,2,.98) 0 9%,rgba(2,5,2,.84) 16%,transparent 31%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.36))}.contact .section-label,.contact-action-row,.contact-footer{width:100%}.contact h2{max-width:100%}.contact-support{right:5%;bottom:24px;width:90%;max-width:400px}.contact-footer{margin-top:250px}}@media(prefers-reduced-motion:reduce){.service-logo-trail,.contact-background>i,.contact-brand-scan>i{animation:none}.contact-handshake-video{display:block;opacity:.25}}

/* Prominent service pricing with deliberately quiet qualifiers. */
.services .service-item>button{grid-template-columns:48px minmax(210px,1fr) 150px minmax(220px,300px) 34px;column-gap:16px}.service-price{display:flex;align-items:center;justify-content:flex-end;gap:12px;white-space:nowrap;text-align:right}.service-price>span{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.service-price>span>span,.service-price>span>b{color:#fff!important;font-family:var(--font-default)!important;font-size:clamp(26px,2.5vw,42px)!important;font-weight:400!important;line-height:.9;letter-spacing:-.055em}.service-price small{color:rgba(255,255,255,.32)!important;font-family:var(--font-default)!important;font-size:9px!important;font-weight:400;letter-spacing:.03em}.service-price.is-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-price.is-split>span>span,.service-price.is-split>span>b{font-size:clamp(20px,1.75vw,30px)!important}.service-toggle{justify-self:end;color:var(--acid)!important;font-size:28px!important}.service-item.is-open .service-price small{color:rgba(255,255,255,.38)!important}@media(max-width:1100px){.services .service-item>button{grid-template-columns:42px minmax(180px,1fr) minmax(190px,260px) 30px}.service-item button em{display:none}}@media(max-width:700px){.services .service-item>button{grid-template-columns:34px minmax(0,1fr) auto 26px;gap:8px}.service-price>span>span,.service-price>span>b{font-size:clamp(20px,6.2vw,30px)!important}.service-price small{font-size:7px!important}.service-price.is-split{display:flex;flex-direction:column;gap:3px}.service-price.is-split>span>span,.service-price.is-split>span>b{font-size:17px!important}.service-price.is-split small{font-size:6px!important}.service-toggle{font-size:22px!important}}

/* Services v2: taller categories, acid closed titles and pricing only inside the reveal. */
.services .service-item>button{grid-template-columns:48px minmax(230px,1fr) 170px 34px;min-height:76px;padding:16px 14px;column-gap:18px}.services .service-item:not(.is-open)>button strong{color:var(--acid)!important;text-shadow:0 0 22px rgba(216,255,0,.12)}.services .service-item.is-open>button strong{color:#fff!important}.service-detail{grid-template-columns:minmax(210px,290px) minmax(0,1fr);align-items:center;gap:10px 30px}.service-detail>.service-price{grid-column:1;grid-row:1;justify-content:flex-start;text-align:left}.service-detail>.service-price>span{justify-content:flex-start}.service-detail>p{grid-column:2;grid-row:1}.service-processes{grid-column:1/-1;grid-row:2}.services .service-item.is-open .service-detail{max-height:190px;padding-top:8px;padding-bottom:18px}.service-detail .service-price>span>span,.service-detail .service-price>span>b{font-size:clamp(30px,3vw,48px)!important}.service-detail .service-price small{font-size:9px!important}.service-detail .service-price.is-split{grid-template-columns:auto auto;justify-content:start;gap:22px}.services-particles{z-index:0;opacity:.62}.services-background-effects{background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.24)),linear-gradient(115deg,rgba(255,255,255,.018),transparent 38%,rgba(216,255,0,.016))}@media(max-width:1100px){.services .service-item>button{grid-template-columns:42px minmax(180px,1fr) 30px}.service-item button em{display:none}.service-detail{grid-template-columns:minmax(190px,250px) 1fr}}@media(max-width:700px){.services .service-item>button{grid-template-columns:34px minmax(0,1fr) 26px;min-height:70px;padding:15px 7px}.service-detail{grid-template-columns:1fr;padding-left:42px}.service-detail>.service-price,.service-detail>p{grid-column:1;grid-row:auto}.service-detail .service-price>span>span,.service-detail .service-price>span>b{font-size:27px!important}.services .service-item.is-open .service-detail{max-height:300px}.service-detail .service-price.is-split{display:flex;flex-direction:row;gap:16px}}

/* Compact, draggable editor: secondary pickers stay folded until needed. */
.editor-panel-head.is-drag-handle{cursor:move;touch-action:none}.editor-panel.is-dragging{user-select:none;transition:none}.editor-quick-select{margin:0 0 8px;border:1px solid rgba(216,255,0,.42);background:rgba(216,255,0,.035)}.editor-quick-select summary{padding:11px 12px;color:var(--acid);font:10px var(--font-default);cursor:pointer;list-style:none}.editor-quick-select summary::-webkit-details-marker{display:none}.editor-quick-select summary:after{content:"＋";float:right}.editor-quick-select[open] summary:after{content:"−"}.editor-quick-select>button{width:calc(100% - 16px);margin:0 8px 7px!important;height:31px!important;border-color:rgba(216,255,0,.28)!important;background:rgba(216,255,0,.035)!important;font-size:9px!important}.editor-collapsible>label{padding:4px 0;cursor:pointer}.editor-collapsible>label:after{content:"展开 ＋";float:right;color:var(--acid);font-size:8px}.editor-collapsible:not(.is-collapsed)>label:after{content:"收起 −"}.editor-collapsible.is-collapsed>div{display:none}.editor-collapsible.is-collapsed{padding-bottom:7px}.editor-panel .editor-client-logos{max-height:280px;overflow:auto}.editor-panel .editor-client-logos.is-collapsed{max-height:none;overflow:visible}@media(max-width:600px){.editor-panel-head.is-drag-handle{cursor:default}}

/* Refresh-safe hero video, fully visible contact film and split price typography. */
.hero{background:#000}.hero-background{opacity:0;transition:opacity .18s ease}.hero-background.is-ready{opacity:1}
.contact-brand-scan{display:none!important}.contact-handshake-video{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}.contact-handshake:after{display:none!important}
.service-price>span>span,.service-price>span>b,.service-detail .service-price>span>span,.service-detail .service-price>span>b{font-family:CNDisplay!important;font-weight:400!important}
.service-price-meta{display:inline-flex;align-items:baseline;gap:3px;color:inherit!important;font-family:var(--font-default)!important}
.service-price-unit{color:rgba(255,255,255,.84)!important;font-family:var(--font-default)!important;font-size:11px!important;font-weight:400!important;font-style:normal;letter-spacing:.02em}
.service-price-start{color:rgba(255,255,255,.28)!important;font-family:var(--font-default)!important;font-size:8px!important;font-weight:400!important;font-style:normal;letter-spacing:.02em}
@media(max-width:700px){.service-price-unit{font-size:9px!important}.service-price-start{font-size:7px!important}}
@media(prefers-reduced-motion:reduce){.contact-handshake-video{display:block!important;opacity:1!important}}

/* Collision-safe service reveal: reserve real columns for price and copy. */
.services .service-detail{box-sizing:border-box;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:10px 28px;align-items:center}
.services .service-detail>.service-price,.services .service-detail>p{min-width:0}
.services .service-detail>p{max-width:none;overflow-wrap:anywhere}
.services .service-detail .service-price>span{min-width:0;gap:5px}
.services .service-detail .service-price.is-split{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.services .service-detail .service-price.is-split>span{justify-content:flex-start}
.services .service-detail .service-price.is-split>span>span,.services .service-detail .service-price.is-split>span>b{font-size:clamp(28px,2.35vw,39px)!important;letter-spacing:-.045em}
.services .service-processes{min-width:0}
.services .service-processes span{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px) and (min-width:901px){.services .service-detail{grid-template-columns:minmax(340px,390px) minmax(0,1fr);gap:10px 22px;padding-right:12px}.services .service-detail .service-price.is-split>span>span,.services .service-detail .service-price.is-split>span>b{font-size:clamp(27px,3.4vw,36px)!important}.services .service-detail>p{font-size:12px;line-height:1.55}}
@media(max-width:900px){.services .service-detail{grid-template-columns:minmax(0,1fr);gap:10px;padding-right:12px}.services .service-detail>.service-price,.services .service-detail>p,.services .service-processes{grid-column:1;grid-row:auto}.services .service-item.is-open .service-detail{max-height:460px}.services .service-detail .service-price.is-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:520px){.services .service-detail .service-price.is-split{grid-template-columns:1fr}.services .service-processes{grid-template-columns:1fr}.services .service-processes span{border-right:0}.services .service-item.is-open .service-detail{max-height:680px}}

/* Team profile copy can grow with each member without clipping. */
.team-character-detail{height:auto;min-height:246px;overflow:visible;box-sizing:border-box}
.team-character-desc{max-height:none;overflow:visible;overflow-wrap:anywhere}
@media(max-width:900px){.team-character-detail{min-height:0}.team-character-desc{max-width:78%}}
@media(max-width:600px){.team-character-desc{display:block;max-width:76%;overflow:visible;-webkit-line-clamp:unset}}

/* Contact atmosphere and permanently expanded, responsive glass support panel. */
.contact-particles{position:absolute;z-index:1;inset:0;width:100%;height:100%;opacity:.72;mix-blend-mode:screen;pointer-events:none}
.contact-handshake:after{display:block!important;z-index:1;background:radial-gradient(circle at 72% 45%,rgba(255,255,255,.12) 0 3%,rgba(255,255,255,.035) 8%,transparent 17%)!important;pointer-events:none}
.contact-support,.contact-support.is-open{top:30%;right:4%;bottom:auto;display:flex;width:min(430px,34vw);min-width:320px;min-height:330px;max-height:58vh;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(7,12,8,.42));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 30px 80px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(30px) saturate(130%);backdrop-filter:blur(30px) saturate(130%)}
.contact-support header{flex:0 0 auto;cursor:default}.contact-support header strong{color:#fff}.contact-support header small{color:rgba(255,255,255,.62)}.contact-support .support-toggle{display:none}.contact-support .support-body{display:flex!important;min-height:0;flex:1;flex-direction:column}.contact-support .support-messages{min-height:90px;max-height:none;flex:1}.contact-support .support-quick,.contact-support .support-form{flex:0 0 auto}
@media(max-width:900px){.contact-support,.contact-support.is-open{top:auto;right:5%;bottom:24px;width:90%;min-width:0;min-height:300px;max-height:44vh}}
@media(prefers-reduced-motion:reduce){.contact-particles{display:none}}

/* Visual editor: whitespace-safe text, deletion and eight-point resizing. */
.editor-preserve-whitespace{white-space:pre-wrap!important}
.editor-delete{width:100%;height:36px;margin-top:10px;border:1px solid rgba(255,92,92,.7);background:rgba(145,20,20,.14);color:#ffb2b2;font-family:var(--font-default);font-size:10px;cursor:pointer}.editor-delete:hover:not(:disabled),.editor-delete:focus-visible:not(:disabled){border-color:#ff6e6e;background:#ff6e6e;color:#160303}.editor-delete:disabled{cursor:not-allowed;opacity:.35}
.editor-resize-box{position:fixed;z-index:999;display:none;box-sizing:border-box;border:1px dashed var(--acid);pointer-events:none}.editor-resize-box.is-visible{display:block}.editor-resize-handle{position:absolute;width:11px;height:11px;padding:0;border:1px solid #090b09;border-radius:2px;background:var(--acid);box-shadow:0 0 0 1px rgba(255,255,255,.65);pointer-events:auto}.editor-resize-handle.is-nw{top:0;left:0;cursor:nwse-resize;transform:translate(-50%,-50%)}.editor-resize-handle.is-n{top:0;left:50%;cursor:ns-resize;transform:translate(-50%,-50%)}.editor-resize-handle.is-ne{top:0;right:0;cursor:nesw-resize;transform:translate(50%,-50%)}.editor-resize-handle.is-e{top:50%;right:0;cursor:ew-resize;transform:translate(50%,-50%)}.editor-resize-handle.is-se{right:0;bottom:0;cursor:nwse-resize;transform:translate(50%,50%)}.editor-resize-handle.is-s{bottom:0;left:50%;cursor:ns-resize;transform:translate(-50%,50%)}.editor-resize-handle.is-sw{bottom:0;left:0;cursor:nesw-resize;transform:translate(-50%,50%)}.editor-resize-handle.is-w{top:50%;left:0;cursor:ew-resize;transform:translate(-50%,-50%)}

/* Stable-height team profile with readable editorial line breaks. */
@media(min-width:901px){.team-character-detail{display:flex;height:310px;flex-direction:column;overflow:hidden}.team-character-desc{flex:1;margin-top:15px;margin-bottom:16px;line-height:1.8}.team-character-tags{margin-top:auto}}

/* Refined editor alignment and legible contact support UI. */
.editor-selected{outline:none!important}.editor-resizing{cursor:grabbing!important;user-select:none!important}
.contact-particles{opacity:1;mix-blend-mode:screen}
.contact-support header strong{font-size:15px;line-height:1.35}.contact-support header small{font-size:11px}.support-messages{overscroll-behavior:contain;scroll-behavior:smooth}.support-message{font-size:13px;line-height:1.6;white-space:pre-line}.support-quick button{font-size:11px}.support-form input{font-size:12px}.support-form button{font-size:11px}

/* Browser-stable responsive alignment for team copy and the contact console. */
.team-heading{grid-template-columns:minmax(0,1fr);gap:18px}.team-intro{width:min(720px,100%);max-width:none;align-self:start;text-align:left}.team-intro p{width:auto;max-width:720px;margin:0 0 16px;translate:none;scale:1}.team-intro .text-link{display:inline-block;translate:none;scale:1;transform:none;transform-origin:left center}
.contact-support,.contact-support.is-open{top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%);translate:none}
@media(max-width:900px){.team-heading{gap:14px}.team-intro{width:100%}.contact-support,.contact-support.is-open{top:50%;right:auto;bottom:auto;left:50%;width:min(90%,430px);transform:translate(-50%,-50%)}}

/* A fixed 3:4 glass plate: responsive layouts may reposition it but never resize it. */
.team-character-glass{top:50%;bottom:auto;left:43%;box-sizing:border-box;width:320px;height:426.6667px;aspect-ratio:3/4;transform:translate(-50%,-50%)}
.feature-media:is(video){display:block;height:100%;object-fit:contain;background:#030405}

/* Film-only hero cards with a clearly visible solid 3D body. */
.drop-card{--card-depth:0px}
.card-face{border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 14px 42px rgba(0,0,0,.34)}
.card-front{transform:translateZ(var(--card-depth))}
.card-back{transform:translateZ(calc(var(--card-depth) * -1)) rotateX(180deg)}
.drop-card:before,.drop-card:after{content:"";position:absolute;z-index:0;right:8px;left:8px;height:10px;background:linear-gradient(180deg,#85898e,#24272b 48%,#111316);backface-visibility:visible}
.drop-card:before{top:-5px;transform:translateZ(0) rotateX(90deg)}
.drop-card:after{bottom:-5px;transform:translateZ(0) rotateX(90deg)}
.card-edge{border:0;border-radius:0;background:linear-gradient(90deg,#85898e,#24272b 48%,#111316);box-shadow:none;backface-visibility:visible;opacity:1}
.edge-a{display:block!important;right:auto;width:10px;transform:translateX(-5px) rotateY(90deg)}
.edge-b{display:block!important;left:auto;width:10px;transform:translateX(5px) rotateY(90deg)}
.edge-c{display:none!important}
.card-back video{filter:contrast(1.08) saturate(1.05);transform:translateZ(0)}
.metal-chip,.card-circles,.magnetic-stripe,.card-details{display:none!important}
.drop-card-logo{top:20px;right:20px;width:38%;filter:drop-shadow(0 2px 10px rgba(0,0,0,.45))}
.play-button[hidden]{display:none!important}

.feature-progress{position:absolute;z-index:6;right:132px;bottom:27px;left:30px;display:grid;grid-template-columns:42px minmax(80px,1fr) 42px;align-items:center;gap:10px;color:#fff;font:10px/1 monospace;text-shadow:0 1px 5px rgba(0,0,0,.8)}
.feature-progress-input{width:100%;height:4px;margin:0;cursor:pointer;accent-color:var(--acid)}
.feature-progress[hidden]{display:none!important}
.feature-media:is(video){cursor:pointer}
@media(max-width:900px){.feature-progress{right:112px;bottom:24px;left:18px;grid-template-columns:36px minmax(50px,1fr) 36px;gap:6px;font-size:9px}}

/* Flat hero cards: no simulated body, side walls or depth gap. */
.drop-card:before,.drop-card:after,.drop-card .card-edge{display:none!important}
.card-front{transform:translateZ(0)}
.card-back{transform:translateZ(0) rotateX(180deg)}

/* Calm media treatment: shared black dot veil and restrained work placeholders. */
.card-face:after{content:"";position:absolute;z-index:1;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.9) 0 .65px,transparent .85px);background-size:5px 5px;opacity:.14;pointer-events:none}
.work-card .work-image:after{content:"";position:absolute;z-index:1;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.96) 0 1.15px,transparent 1.35px);background-size:5px 5px;opacity:.25;pointer-events:none}
.work-card .work-image{position:relative}
.feature-placeholder{position:absolute;z-index:7;inset:0;display:grid;align-content:center;justify-items:center;gap:12px;background-color:#090b0c;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(216,255,0,.06),transparent 34%);background-size:42px 42px,42px 42px,100% 100%;color:#fff;text-align:center;pointer-events:none}
.feature-placeholder span{color:var(--acid);font:10px/1 monospace;letter-spacing:.2em}.feature-placeholder strong{font:14px/1.4 var(--font-default);font-weight:400;letter-spacing:.05em}.feature-placeholder i{display:block;width:44px;height:1px;margin-top:4px;background:var(--acid)}
.work-feature:not(.is-placeholder) .feature-placeholder{display:none}.work-feature.is-placeholder .play-button,.work-feature.is-placeholder .feature-progress,.work-feature.is-placeholder .feature-index{display:none!important}
.work-caption{background-color:#080a0b;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(120deg,rgba(255,255,255,.055),rgba(3,4,4,.7));background-size:22px 22px,22px 22px,100% 100%}

/* Keep the original black grid visible on the work information card in every player state. */
.work-caption{position:relative;isolation:isolate;overflow:hidden;background:#080a0b!important}
.work-caption::before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(120deg,rgba(255,255,255,.055),rgba(3,4,4,.7));background-size:22px 22px,22px 22px,100% 100%;pointer-events:none}
.work-caption>*{position:relative;z-index:1}

/* The player plate itself stays gridded after the initial placeholder is dismissed. */
.work-feature{background-color:#090b0c;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(216,255,0,.06),transparent 34%);background-size:42px 42px,42px 42px,100% 100%}
.work-feature .feature-media:is(video){background:transparent}

/* Dim only unselected work thumbnails; the active thumbnail keeps its original brightness. */
.work-card:not(.is-active) .work-image::before{content:"";position:absolute;z-index:2;inset:0;background:#000;opacity:.75;pointer-events:none}
.work-card .work-image::before{transition:opacity .22s ease}
.work-card.is-active .work-image::before{opacity:0}

/* Main work cover sits above the grid at full brightness; controls stay on top. */
.work-feature{isolation:isolate}
.work-feature:not(.is-placeholder) .feature-media{z-index:1;opacity:1!important;filter:none!important;mix-blend-mode:normal}
.work-feature .feature-index{z-index:4}
@media(max-width:900px){.team-character-glass{top:49%;bottom:auto;left:46%;width:320px;height:426.6667px;transform:translate(-50%,-50%)}}
@media(max-width:600px){.team-character-glass{top:47%;bottom:auto;left:50%;width:320px;height:426.6667px;transform:translate(-50%,-50%)}}
.drop-card[role="button"]{cursor:pointer}

/* Mobile portrait edition: native top-to-bottom reading, with no horizontal page switching. */
@media(max-width:900px){
html,body{width:100%;height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;scroll-snap-type:none;overscroll-behavior-x:none}
body{touch-action:pan-y}
main{display:block!important;width:100%!important;height:auto!important;transform:none!important;transition:none!important;will-change:auto!important}
main>.hero,main>.works,main>.team,main>.services,main>.contact{display:block;width:100%;max-width:100%;height:auto;min-height:100svh;overflow-x:clip;scroll-margin-top:66px;scroll-snap-align:none;touch-action:pan-y}
.section-shell{width:calc(100% - 36px);max-width:none}
.site-header{position:fixed;width:100%}.site-header.is-menu-open{overflow-y:auto;touch-action:pan-y}.desktop-nav a{touch-action:manipulation}
.hero{padding-bottom:48px}.hero-lower>p{width:min(78%,320px)!important;max-width:100%;translate:none!important;overflow-wrap:anywhere}.hero-card-carousel{max-width:100vw;pointer-events:none}
.works{padding-bottom:86px}.work-feature{width:calc(100% - 36px);height:auto;min-height:0;aspect-ratio:16/10;margin-inline:auto}
.work-feature[data-ratio] .feature-media{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.work-caption{width:calc(100% - 36px);margin-inline:auto;padding-inline:0}.work-caption .feature-desc{max-width:100%;overflow-wrap:anywhere}
.work-filters{display:flex;flex-wrap:wrap;gap:8px;overflow:visible;scroll-snap-type:none}.filter{flex:0 0 auto;touch-action:manipulation}
.work-reel{display:block;width:calc(100% - 36px);margin:28px auto 0}.work-reel .work-grid,.work-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;overflow:visible;scroll-snap-type:none;touch-action:pan-y}
.work-reel .work-card,.work-card,.work-card:nth-child(n){display:block;grid-column:auto!important;width:auto;min-width:0;height:auto;margin:0;scroll-snap-align:none;touch-action:manipulation}.work-card .work-image,.work-card.tall .work-image{height:auto;aspect-ratio:16/10}.work-card h3{overflow-wrap:anywhere}
.team,.services{padding-block:90px 80px}.team .team-character-carousel{touch-action:pan-y;overscroll-behavior-x:none}.team-carousel-nav button,.service-item>button,.feature-arrow,.play-button{touch-action:manipulation}.metrics{margin-bottom:20px}
.services{min-height:auto!important}.service-list{overflow:visible}
.contact{min-height:100svh!important;padding-bottom:48px}.contact h2{translate:none!important;scale:1!important;max-width:100%!important;font-size:clamp(46px,13vw,74px)!important;letter-spacing:.02em!important;overflow-wrap:anywhere}.contact-action-row,.contact-action-row p,.contact-mail{translate:none!important;scale:1!important}.contact-footer{gap:24px 14px}
.contact-support,.contact-support.is-open{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:calc(100% - 36px);max-width:none;min-height:0;max-height:none;margin:56px auto 0;transform:none}.contact-support.is-open .support-messages{max-height:42svh}.editor-panel{touch-action:pan-y}
}
@media(max-width:560px){
.work-reel .work-grid,.work-grid{grid-template-columns:1fr;gap:26px}.work-card .work-image,.work-card.tall .work-image{aspect-ratio:16/9}.feature-arrow{width:36px;height:52px}.feature-progress{right:76px}
.team .team-character-carousel{height:610px;min-height:610px}.team-character-detail{right:12px;bottom:12px;left:12px}.team-character-desc{max-width:100%}
.service-processes{grid-template-columns:1fr!important}.service-processes span{border-right:0!important}.contact-footer{grid-template-columns:1fr}.contact-footer div{display:block!important}
}

/* Phone-only full-screen composition. Desktop horizontal layout remains unchanged. */
.mobile-section-nav{display:none}
@media(max-width:900px){
html,body{width:100%;height:100%;min-height:0;overflow:hidden!important;overscroll-behavior:none;scroll-behavior:auto}
body{position:relative;touch-action:pan-y;background:#000}
main{display:flex!important;width:100%!important;height:100svh!important;min-height:0!important;flex-direction:column;overflow:visible;transform:translate3d(0,calc(var(--active-section,0) * -100svh),0)!important;transition:transform .56s cubic-bezier(.77,0,.18,1)!important;will-change:transform!important}
main.is-instant{transition:none!important}
main>.hero,main>.works,main>.team,main>.services,main>.contact{position:relative;display:block;flex:0 0 100svh;width:100%!important;max-width:none!important;height:100svh!important;min-height:0!important;margin:0!important;overflow:hidden!important;padding-right:16px;padding-bottom:92px;padding-left:16px;scroll-margin:0;touch-action:pan-y}
.section-shell{width:100%;max-width:none;margin-inline:auto}

.site-header,.site-header.is-scrolled{position:fixed;z-index:180;top:0;right:0;left:0;display:flex;width:100%;height:102px;align-items:flex-start;padding:calc(env(safe-area-inset-top,0px) + 28px) 18px 12px;background:linear-gradient(180deg,rgba(0,0,0,.78),transparent);pointer-events:none}
.site-header .brand{display:flex;width:auto;align-items:center;gap:8px;pointer-events:auto;translate:none!important;transform:none!important}
.site-header .brand img,.site-header.is-scrolled .brand img{width:142px;max-width:44vw;scale:1!important;translate:none!important;transform:none!important}
.site-header .brand span,.site-header.is-scrolled .brand span{font-size:18px!important;line-height:1;scale:1!important;translate:none!important;transform:none!important}
.desktop-nav,.header-cta,.menu-toggle{display:none!important}

.mobile-section-nav{position:fixed;z-index:220;right:12px;bottom:max(10px,env(safe-area-inset-bottom,0px));left:12px;display:grid;height:66px;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:6px;border:1px solid rgba(255,255,255,.72);border-radius:34px;background:rgba(246,248,243,.94);box-shadow:0 14px 38px rgba(0,0,0,.42),inset 0 1px 0 #fff;color:#121510;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.mobile-section-nav button{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:4px 2px;border:0;border-radius:26px;background:transparent;color:#6b7168;font:9px/1 var(--font-default);cursor:pointer;touch-action:manipulation;transition:background .22s,color .22s,transform .22s}
.mobile-section-nav button svg{width:19px;height:19px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-section-nav button.is-active{background:#10130f;color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.22)}
.mobile-section-nav button.is-active svg{color:var(--acid)}
.mobile-section-nav button:active{transform:scale(.94)}
.editor-launcher,.editor-panel,.cursor-glow{display:none!important}

.section-label{margin:0 0 8px;font-size:9px}.section-label span:first-child{color:var(--acid)}

.hero{padding-top:104px!important;padding-bottom:88px!important}
.hero-background{inset:0!important;width:100%!important;height:100%!important;scale:1!important;translate:none!important;transform:none!important;object-fit:cover!important;object-position:center!important}
.hero-meta{top:112px;right:18px;left:18px;font-size:8px}.hero-meta span:last-child{display:none}
.hero-copy{position:relative;z-index:7;width:100%;margin:82px 0 0;padding:0}
.hero-copy .eyebrow{margin:0 0 18px;padding-left:40px;font-size:8px}.hero-copy .eyebrow:before{width:30px;margin-left:-40px}
.hero h1{max-width:100%;margin:0;font-size:clamp(48px,13.2vw,62px)!important;line-height:.88!important;letter-spacing:-.02em!important;scale:1!important;translate:none!important;transform:none!important}
.hero-lower{margin-top:18px}.hero-lower>p{width:min(76%,290px)!important;margin:0;font-size:11px;line-height:1.6;scale:1!important;translate:none!important;transform:none!important}
.hero-card-carousel{top:auto!important;right:8px!important;bottom:72px!important;width:82vw!important;height:39%!important;max-width:none;scale:.88!important;translate:none!important;transform:none!important;opacity:.9;pointer-events:none}
.hero-card-carousel .card-scene{width:clamp(220px,58vw,280px)}

.works{padding-top:102px!important;padding-bottom:86px!important}
.works-head{position:relative;z-index:4}.works-title-row{margin:0 0 8px}.works h2{margin:0;font-size:clamp(34px,10vw,48px)!important;line-height:.92}
.work-filters{display:flex;flex-wrap:nowrap;gap:6px;margin:10px 0 12px;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.work-filters::-webkit-scrollbar{display:none}
.filter{flex:0 0 auto;min-height:30px;padding:0 12px;font-size:9px;white-space:nowrap;touch-action:pan-x}
.work-feature{width:100%;height:min(29svh,244px)!important;min-height:0;aspect-ratio:auto;margin:0;border-radius:12px}
.work-feature[data-ratio] .feature-media{width:100%!important;height:100%!important;aspect-ratio:auto;object-fit:contain}
.feature-arrow{width:38px;height:54px}.feature-prev{left:6px}.feature-next{right:6px}.play-button{right:10px;bottom:10px;width:64px;height:64px}.play-button span{display:none}
.feature-index{top:10px;left:10px}.feature-progress{right:82px;bottom:16px;left:14px}
.work-caption{display:grid;width:100%;min-height:68px;height:68px;margin:7px 0 0;padding:9px 12px;grid-template-columns:minmax(0,1fr) auto;gap:6px;border-radius:10px}
.work-caption>div{min-width:0}.work-caption h3{margin:3px 0 0;font-size:17px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-caption .feature-meta{font-size:8px}.work-caption .feature-desc{display:none}.work-caption .work-count{position:static;align-self:center;font-size:11px}
.work-reel{position:relative!important;inset:auto!important;display:block;width:100%;height:78px;margin:8px 0 0!important;overflow:hidden;transform:none!important}
.work-reel>.thumb-arrow{display:none!important}.work-reel .work-grid,.work-grid{position:relative!important;inset:auto!important;display:flex;width:100%;height:100%;margin:0!important;gap:8px;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;transform:none!important}.work-grid::-webkit-scrollbar{display:none}
.work-reel .work-card,.work-card,.work-card:nth-child(n){display:block;flex:0 0 92px;width:92px;min-width:92px;height:76px;margin:0;overflow:hidden;scroll-snap-align:start}
.work-card .work-image,.work-card.tall .work-image{height:51px;aspect-ratio:auto;border-radius:7px}.work-card>div:last-child{display:block;min-height:0;padding-top:3px}.work-card>div:last-child>span{font-size:6px}.work-card h3{margin:1px 0 0;font-size:8px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card small{display:none}.works-ticker{display:none!important}.filter[data-filter="render"]{display:none}

.team{padding-top:102px!important;padding-bottom:86px!important}
.team-heading{display:block;margin:0;padding:0 0 5px}.team-heading h2{margin:0;font-size:clamp(34px,10vw,46px)!important;line-height:.92!important}.team-intro{display:none}
.team .team-character-carousel{width:100%;height:clamp(330px,43svh,382px)!important;min-height:0!important;margin:0;scale:1!important;translate:none!important;transform:none!important;border-radius:12px}
.team-character-set{transform:none!important}.team-character-glass{top:48%!important;bottom:auto!important;left:50%!important;width:230px!important;height:307px!important;translate:none!important;transform:translate(-50%,-50%)!important}
.team-character.is-center{left:50%!important;bottom:2%!important;height:78%!important;scale:1!important;translate:none!important;transform:translateX(-50%) scale(1.03)!important}
.team-character.is-left{left:12%!important}.team-character.is-right{right:auto!important;left:88%!important}.team-character.is-left,.team-character.is-right{bottom:19%!important;height:25%!important}
.team-character-detail{top:auto!important;right:10px!important;bottom:10px!important;left:10px!important;width:auto!important;min-height:0;padding:11px 12px 10px;scale:1!important;translate:none!important;transform:none!important}
.team-character-kicker{margin-bottom:3px;font-size:7px}.team-character-name{font-size:17px}.team-character-desc{display:-webkit-box!important;max-width:72%;margin:4px 0 6px;overflow:hidden;font-size:8px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.team-character-tags{gap:4px}.team-character-tags span{padding:3px 6px;font-size:7px}.team-carousel-nav button{top:42%;width:42px;height:42px}.team-carousel-prev{left:8%}.team-carousel-next{right:8%;left:auto}.team-carousel-index{right:18px;bottom:18px}
.team .metrics{position:relative;display:grid;width:100%;height:112px;margin:8px 0 0;padding:4px;grid-template-columns:1fr 1fr;transform:none!important;translate:none!important;border-radius:12px}
.team .metrics>div{min-height:0;padding:6px 12px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.team .metrics>div:nth-child(2n){border-right:0}.team .metrics>div:nth-child(n+3){border-bottom:0}.team .metrics strong{font-size:27px;line-height:1}.team .metrics span{font-size:8px}

.services{padding-top:102px!important;padding-bottom:86px!important}
.services-heading{display:block;margin:0;padding:0 0 10px}.services-heading h2{margin:0 0 7px;font-size:clamp(34px,10vw,46px)!important;line-height:.92}.services-heading p{max-width:92%;margin:0;font-size:10px;line-height:1.45}
.service-list{max-height:calc(100svh - 268px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.service-list::-webkit-scrollbar{display:none}
.services .service-item>button{min-height:56px;padding:10px 6px;grid-template-columns:28px minmax(0,1fr) 24px;gap:7px}.service-item button b{font-size:9px}.service-item button strong{font-size:20px!important}.service-toggle{font-size:20px!important}.service-detail{display:grid;grid-template-columns:1fr!important;gap:7px;padding-right:8px;padding-left:35px}.service-detail>.service-price,.service-detail>p{grid-column:1;grid-row:auto}.service-detail .service-price>span>span,.service-detail .service-price>span>b{font-size:23px!important}.service-detail>p{margin:0;font-size:10px;line-height:1.5}.service-processes{display:none!important}.services .service-item.is-open .service-detail{max-height:190px;padding-top:5px;padding-bottom:12px}

.contact{padding-top:102px!important;padding-bottom:86px!important}
.contact-inner{position:relative;z-index:3}.contact-kicker{margin:9px 0 8px;font-size:10px}.contact h2{max-width:100%!important;margin:0;font-size:clamp(46px,13vw,62px)!important;line-height:.92!important;letter-spacing:.01em!important;scale:1!important;translate:none!important;transform:none!important}
.contact-action-row{display:block;width:100%;margin:18px 0 0;scale:1!important;translate:none!important;transform:none!important}.contact-mail{display:block;width:100%;font-size:14px;scale:1!important;translate:none!important;transform:none!important}.contact-action-row p{margin:8px 0 0;font-size:9px;white-space:normal;scale:1!important;translate:none!important;transform:none!important}.contact-footer{display:none!important}
.contact-support,.contact-support.is-open{position:absolute;z-index:20;top:340px!important;right:16px!important;bottom:auto!important;left:16px!important;display:flex;width:auto!important;height:auto!important;min-width:0;min-height:0;max-width:none;max-height:calc(100svh - 440px);margin:0;overflow:hidden;scale:1!important;translate:none!important;transform:none!important;border-radius:18px}
.contact-support header{min-height:64px;padding:8px 10px}.support-avatar{width:44px;height:44px}.contact-support header strong{font-size:13px}.contact-support header small{font-size:9px}.support-body{min-height:0;overflow:hidden}.support-messages{min-height:72px;max-height:118px;padding:10px 12px}.support-message{max-width:94%;font-size:10px;line-height:1.45}.support-quick{gap:5px;padding:0 10px 8px;overflow-x:auto}.support-quick button{flex:0 0 auto;min-width:94px;font-size:9px}.support-form{padding:8px 10px}.support-form input{font-size:10px}.support-form button{font-size:9px}
}
@media(max-width:420px){
.site-header,.site-header.is-scrolled{height:110px;padding-top:calc(env(safe-area-inset-top,0px) + 41px)}
.hero-copy{margin-top:72px}.hero h1{font-size:12.6vw!important}.hero-card-carousel{right:8px!important;width:92vw!important;height:37%!important}
.works h2,.team-heading h2,.services-heading h2{font-size:9.3vw!important}.work-feature{height:27svh!important}
.team .team-character-carousel{height:38svh!important}.team .metrics{height:106px}.team .metrics strong{font-size:24px}
.contact-support,.contact-support.is-open{top:326px!important;max-height:calc(100svh - 420px)}
}

/* Refined portrait system. Kept after every legacy rule so desktop remains untouched. */
@media(max-width:900px){
  :root{--mobile-gutter:18px;--mobile-nav-h:68px;--mobile-readable:12px}
  body{font-size:var(--mobile-readable);line-height:1.55}
  main>.hero,main>.works,main>.team,main>.services,main>.contact{padding-right:var(--mobile-gutter);padding-bottom:calc(var(--mobile-nav-h) + 25px);padding-left:var(--mobile-gutter)}
  .section-label{margin-bottom:7px;font-size:10px;line-height:1.2;letter-spacing:.08em}

  .site-header,.site-header.is-scrolled{height:112px;padding:calc(env(safe-area-inset-top,0px) + 39px) var(--mobile-gutter) 10px;background:linear-gradient(180deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.48) 60%,transparent 100%)}
  .site-header .brand{gap:9px;margin:0!important}
  .site-header .brand{transform:translateX(-28px)!important}
  .site-header .brand img,.site-header.is-scrolled .brand img{width:126px;max-width:42vw!important}
  .site-header .brand span,.site-header.is-scrolled .brand span{font-size:16px!important}

  .mobile-section-nav{right:10px;bottom:max(9px,env(safe-area-inset-bottom,0px));left:10px;height:var(--mobile-nav-h);gap:2px;padding:6px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(29,32,29,.72),rgba(8,10,9,.57));box-shadow:0 18px 48px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.14);color:#fff;-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}
  .mobile-section-nav button{gap:3px;color:rgba(255,255,255,.58);font-size:10px;line-height:1}
  .mobile-section-nav button svg{width:20px;height:20px}
  .mobile-section-nav button.is-active{background:rgba(255,255,255,.11);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 5px 15px rgba(0,0,0,.18)}
  .mobile-section-nav button.is-active svg{color:var(--acid);filter:drop-shadow(0 0 7px rgba(211,255,0,.28))}

  .editor-launcher{position:fixed!important;z-index:240!important;right:16px!important;bottom:92px!important;display:flex!important;padding:8px 12px 8px 8px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:24px;background:rgba(14,16,15,.7)!important;box-shadow:0 10px 30px rgba(0,0,0,.4)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
  .editor-launcher{width:46px;height:46px;justify-content:center;padding:0!important}
  .editor-launcher>span:last-child{display:none}
  .editor-launcher.is-hidden{display:none!important}
  .editor-launcher-icon{width:28px;height:28px;border-radius:50%}
  .editor-panel{position:fixed!important;z-index:260!important;inset:12px 10px 86px!important;display:block!important;width:auto!important;max-height:none!important;padding:16px!important;overflow:auto!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px;background:#151715!important;box-shadow:0 24px 70px rgba(0,0,0,.72)!important;opacity:0;pointer-events:none;transform:translateY(14px)!important}
  .editor-panel.is-open{opacity:1!important;pointer-events:auto;transform:none!important}
  body.editor-active .mobile-section-nav{opacity:0;pointer-events:none}
  body.editor-active main{transition:none!important}
  .cursor-glow{display:none!important}

  .hero{padding-top:112px!important}
  .hero::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0,rgba(0,0,0,.18) 25%,rgba(0,0,0,.66) 67%,rgba(0,0,0,.88) 100%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 78%);pointer-events:none}
  .hero-meta{top:118px;right:var(--mobile-gutter);left:var(--mobile-gutter);font-size:9px}
  .hero-copy{z-index:7;margin:90px 0 0}
  .hero-copy .eyebrow{margin-bottom:15px;padding-left:39px;font-size:9px;letter-spacing:.08em}
  .hero h1{max-width:340px;font-size:clamp(45px,12.2vw,57px)!important;line-height:.9!important}
  .hero-lower{margin-top:17px}
  .hero-lower>p{width:min(88%,330px)!important;font-size:13px;line-height:1.65;color:rgba(255,255,255,.84)}
  .hero-card-carousel{display:none!important}

  .works{padding-top:111px!important}
  .works-head{display:block}
  .works-title-row{margin-bottom:6px}
  .works h2{font-size:clamp(32px,8.8vw,41px)!important;line-height:.95!important}
  .work-filters{gap:7px;margin:11px 0 13px;padding-bottom:1px}
  .filter{min-height:34px;padding:0 14px;font-size:10px}
  .work-feature{height:min(28svh,238px)!important;border-radius:14px}
  .play-button{width:58px;height:58px}
  .work-caption{height:74px;min-height:74px;margin-top:8px;padding:10px 12px;gap:8px}
  .work-caption .feature-meta{font-size:9px}
  .work-caption h3{font-size:18px;line-height:1.15}
  .work-caption .work-count{font-size:12px}
  .work-reel{height:80px;margin-top:10px!important}
  .work-reel .work-card,.work-card,.work-card:nth-child(n){flex-basis:104px;width:104px;min-width:104px;height:78px}
  .work-card .work-image,.work-card.tall .work-image{height:53px}
  .work-card>div:last-child>span{font-size:7px}
  .work-card h3{font-size:9px}

  .team{padding-top:111px!important}
  .team-heading{padding-bottom:7px}
  .team-heading h2{font-size:clamp(32px,8.8vw,41px)!important;line-height:.96!important}
  .team .team-character-carousel{height:448px!important;margin:0!important;overflow:visible!important;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
  .team-video-plate video,.team-character-glass{display:none!important}
  .team-character-set{height:272px!important;overflow:hidden;border-radius:12px 12px 0 0}
  .team-character.is-center{bottom:-1%!important;height:104%!important;transform:translateX(-50%) scale(1.08)!important}
  .team-character.is-left,.team-character.is-right{bottom:8%!important;height:34%!important;opacity:.34}
  .team-character-detail{top:272px!important;right:0!important;bottom:auto!important;left:0!important;height:176px!important;padding:14px 15px!important;border-width:1px 0 0!important;border-radius:0 0 12px 12px!important;background:linear-gradient(145deg,rgba(29,31,29,.96),rgba(11,12,11,.94))!important}
  .team-character-kicker{margin-bottom:4px;font-size:9px}
  .team-character-name{font-size:21px;line-height:1.1}
  .team-character-desc{display:-webkit-box!important;max-width:100%;margin:7px 0 8px;font-size:11px;line-height:1.52;-webkit-line-clamp:3}
  .team-character-tags{gap:5px}
  .team-character-tags span{padding:4px 7px;font-size:8px}
  .team-carousel-nav button{top:128px;width:40px;height:40px;background:rgba(5,6,5,.48);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .team-carousel-index{right:15px;bottom:14px;font-size:10px}
  .team .metrics{height:60px;margin:8px 0 0;padding:0;grid-template-columns:repeat(4,1fr);border-radius:11px}
  .team .metrics>div{min-width:0;padding:8px 5px;border-right:1px solid rgba(255,255,255,.12)!important;border-bottom:0!important;text-align:center}
  .team .metrics>div:last-child{border-right:0!important}
  .team .metrics strong{font-size:20px;line-height:1}
  .team .metrics span{margin-top:3px;font-size:8px;line-height:1.15}

  .services{padding-top:111px!important}
  .services-heading{padding-bottom:10px}
  .services-heading h2{max-width:none;margin-bottom:9px;font-size:clamp(25px,7vw,32px)!important;line-height:1.08!important;letter-spacing:-.02em;white-space:nowrap}
  .services-heading p{max-width:100%;font-size:12px;line-height:1.55;color:rgba(255,255,255,.7)}
  .services-logo-field{display:none!important}
  .service-list{max-height:calc(100svh - 291px)}
  .services .service-item>button{min-height:59px;padding:11px 5px;grid-template-columns:30px minmax(0,1fr) 24px;gap:8px}
  .service-item button b{font-size:10px}
  .service-item button strong{font-size:17px!important;line-height:1.2}
  .service-toggle{font-size:18px!important}
  .service-detail{padding-left:38px}
  .service-detail>p{font-size:11px;line-height:1.55}
  .service-detail .service-price>span>span,.service-detail .service-price>span>b{font-size:20px!important}

  .contact{padding-top:111px!important;background:radial-gradient(circle at 85% 16%,rgba(194,255,0,.1),transparent 32%),linear-gradient(160deg,#141714 0,#070807 68%,#000 100%)}
  .contact-handshake,.contact-brand-scan,.contact-particles{display:none!important}
  .contact-inner{height:auto}
  .contact-kicker{margin:8px 0 10px;font-size:11px}
  .contact h2{font-size:clamp(38px,10.2vw,43px)!important;line-height:1!important;white-space:nowrap}
  .contact-action-row{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
  .contact-mail{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
  .contact-action-row p{margin-top:9px;font-size:11px;line-height:1.55;color:rgba(255,255,255,.64)}
  .contact-support,.contact-support.is-open{top:338px!important;right:var(--mobile-gutter)!important;left:var(--mobile-gutter)!important;max-height:calc(100svh - 440px);border:1px solid rgba(255,255,255,.15);background:rgba(24,26,24,.74)!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
  .contact-support header{min-height:66px;padding:10px 11px}
  .contact-support header strong{font-size:14px}
  .contact-support header small{font-size:10px}
  .support-message{font-size:11px;line-height:1.5}
  .support-quick button{font-size:10px}
  .support-form input{font-size:11px}
}

@media(max-width:420px){
  .hero-copy{margin-top:82px}
  .works h2,.team-heading h2{font-size:8.8vw!important}
  .work-feature{height:26svh!important}
  .team .team-character-carousel{height:436px!important}
  .team-character-set{height:262px!important}
  .team-character-detail{top:262px!important;height:174px!important}
  .team-carousel-nav button{top:122px}
  .contact-support,.contact-support.is-open{top:332px!important;max-height:calc(100svh - 430px)}
}

/* Portrait refinement round 2: automatic responsive site, preview-shell editor controls. */
@media(max-width:900px){
  .section-label{display:none!important}

  .hero-copy{margin-top:52px!important}
  .hero-copy .eyebrow{margin-bottom:13px;font-size:10px;line-height:1.35}
  .hero h1{max-width:320px;font-size:clamp(39px,10.7vw,47px)!important;line-height:.94!important;letter-spacing:-.025em!important}
  .hero-lower{margin-top:14px}
  .hero-lower>p{width:min(94%,340px)!important;font-size:14px;line-height:1.58}

  .works{padding-top:124px!important}
  .works-title-row{margin:0 0 9px!important;padding:0!important}
  .works h2{font-size:clamp(31px,8.4vw,39px)!important}
  .work-filters{margin:9px 0 11px}
  .work-feature{height:min(29svh,245px)!important}
  .work-caption{height:70px;min-height:70px;margin-top:7px}
  .work-reel{height:76px;margin-top:8px!important}
  .work-reel .work-card,.work-card,.work-card:nth-child(n){height:74px}
  .work-card .work-image,.work-card.tall .work-image{height:50px}

  .team,.services,.contact{padding-top:124px!important}
  .team-character-glass{display:block!important;z-index:15!important;top:50%!important;left:50%!important;width:120px!important;height:160px!important;aspect-ratio:3/4;border:1px solid rgba(239,255,180,.48)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(216,255,0,.48),rgba(160,204,0,.27) 58%,rgba(255,255,255,.13))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 16px 44px rgba(181,240,0,.18)!important;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);translate:none!important;transform:translate(-50%,-50%)!important;animation:none!important}
  .team-character.is-center{z-index:20!important}
  .team .metrics strong{display:flex;align-items:flex-start;justify-content:center;gap:2px}
  .team .metrics strong::after{content:"+";display:inline-block;margin:0;color:var(--acid);font:700 13px/1 Arial,sans-serif;text-shadow:0 0 8px rgba(216,255,0,.38)}

  .contact-support,.contact-support.is-open{right:32px!important;left:32px!important;width:auto!important;max-height:calc(100svh - 455px);border-radius:16px}
  .support-quick button{min-width:78px;padding-inline:6px}
  .support-messages{max-height:104px}

  body.portrait-preview-embedded .editor-launcher{display:none!important}
  body.portrait-preview-embedded .editor-panel{right:10px!important;left:auto!important;width:min(286px,calc(100% - 20px))!important}
  body.portrait-preview-embedded .editor-panel-head.is-drag-handle{cursor:move;touch-action:none}
}

@media(max-width:420px){
  .hero-copy{margin-top:48px!important}
  .works{padding-top:120px!important}
  .team,.services,.contact{padding-top:120px!important}
  .work-feature{height:27svh!important}
  .contact-support,.contact-support.is-open{right:30px!important;left:30px!important;max-height:calc(100svh - 448px)}
}

/* Portrait refinement round 3: icon-only section switching and internal scroll. */
@media(max-width:900px){
  main>.hero,main>.works,main>.team,main>.services,main>.contact{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  main>.hero::-webkit-scrollbar,main>.works::-webkit-scrollbar,main>.team::-webkit-scrollbar,main>.services::-webkit-scrollbar,main>.contact::-webkit-scrollbar{display:none}

  .hero{padding-top:124px!important}
  .hero-meta{display:none!important}
  .hero-copy{margin:0!important}
  .hero-copy .eyebrow{margin-bottom:12px;font-size:10px;line-height:1.4}
  .hero h1{max-width:none!important;font-size:clamp(34px,9.4vw,41px)!important;line-height:.96!important;white-space:nowrap}
  .hero-lower{margin-top:13px}
  .hero-lower>p{font-size:14px;line-height:1.6}

  .works{display:flex!important;overflow:hidden!important;flex-direction:column;padding-top:120px!important}
  .works-head{flex:0 0 auto}
  .works-title-row{padding:0!important}
  .works h2{font-size:clamp(31px,8.4vw,38px)!important}
  .work-filters{margin:9px 0 12px;padding-bottom:0}
  .work-feature,.work-caption{display:none!important}
  .work-reel{position:relative!important;display:block!important;flex:1 1 auto;width:100%;height:auto!important;min-height:0;margin:0!important;padding:0 2px 22px 0;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:rgba(216,255,0,.45) transparent;touch-action:pan-y}
  .work-reel::-webkit-scrollbar{width:3px}.work-reel::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(216,255,0,.45)}
  .work-reel .work-grid,.work-grid{position:relative!important;display:grid!important;width:100%!important;height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 10px!important;margin:0!important;overflow:visible!important;scroll-snap-type:none!important;touch-action:pan-y!important}
  .work-reel .work-card,.work-card,.work-card:nth-child(n){display:block!important;width:auto!important;min-width:0!important;height:auto!important;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(13,16,14,.82);scroll-snap-align:none!important}
  .work-card .work-image,.work-card.tall .work-image{width:100%;height:auto!important;aspect-ratio:16/10;border-radius:11px 11px 0 0!important}
  .work-card>div:last-child{display:block!important;min-height:62px;padding:8px 9px 9px!important}
  .work-card>div:last-child>span{display:block;font-size:8px;line-height:1.2;color:var(--acid)}
  .work-card h3{display:-webkit-box;margin:5px 0 0;font-size:12px;line-height:1.35;white-space:normal;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .work-card small{display:block;margin-top:5px;font-size:8px;line-height:1.2;color:rgba(255,255,255,.5)}

  .team-character.is-center{bottom:-3%!important;height:118%!important;transform:translateX(-50%) scale(1.12)!important}
}

@media(max-width:420px){
  .hero{padding-top:120px!important}
  .works{padding-top:118px!important}
  .hero h1{font-size:9.2vw!important}
  .work-card>div:last-child{min-height:60px;padding:7px 8px 8px!important}
  .work-card h3{font-size:11px}
}

/* Portrait refinement round 4: direct section jumps, work detail page and calmer cast changes. */
.mobile-work-detail{display:none}
.portrait-preview-shell{background:#101210!important}
.team-character{z-index:20!important;transition:left .52s cubic-bezier(.22,.65,.32,1),bottom .52s cubic-bezier(.22,.65,.32,1),height .52s cubic-bezier(.22,.65,.32,1),transform .52s cubic-bezier(.22,.65,.32,1),filter .38s ease,opacity .38s ease!important}
.team-character.is-center{z-index:20!important}

@media(max-width:900px){
  main{transition:none!important}
  body.mobile-work-detail-open{overflow:hidden!important}
  body.mobile-work-detail-open .mobile-section-nav{z-index:560;opacity:1;pointer-events:auto}
  .mobile-work-detail{position:fixed;z-index:520;inset:0;display:block;overflow:hidden;background:linear-gradient(180deg,#121512,#050605 72%);color:#fff}
  .mobile-work-detail[hidden]{display:none!important}
  .mobile-work-detail-head{position:relative;z-index:2;display:flex;height:94px;align-items:flex-end;justify-content:space-between;padding:0 18px 16px;border-bottom:1px solid rgba(255,255,255,.13);background:rgba(8,10,8,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
  .mobile-work-detail-head>span{padding-bottom:11px;color:rgba(255,255,255,.48);font:9px/1 var(--font-default);letter-spacing:.14em}
  .mobile-work-back{display:flex;min-height:42px;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.07);color:#fff;font:12px/1 var(--font-default);cursor:pointer;touch-action:manipulation}
  .mobile-work-back:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
  .mobile-work-detail-scroll{height:calc(100svh - 94px);padding:18px 18px calc(var(--mobile-nav-h) + 34px);overflow-y:auto;overscroll-behavior:contain}
  .mobile-work-player{display:grid;width:100%;min-height:210px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:#000;box-shadow:0 18px 48px rgba(0,0,0,.36)}
  .mobile-work-player video{display:block;width:100%;max-height:54svh;aspect-ratio:16/10;object-fit:contain;background:#000}
  .mobile-work-controls{display:grid;margin:12px 0 20px;grid-template-columns:repeat(4,1fr);gap:8px}
  .mobile-work-controls button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.065);color:#fff;font:15px/1 var(--font-default);cursor:pointer;touch-action:manipulation}
  .mobile-work-controls button:nth-child(2){background:var(--acid);color:#0a0c09}
  .mobile-work-controls button span{font-size:8px}
  .mobile-work-info{padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
  .mobile-work-number{display:block;margin-bottom:10px;color:var(--acid);font:10px/1 var(--font-default);letter-spacing:.12em}
  .mobile-work-info h2{margin:0;color:#fff;font:clamp(25px,7.5vw,34px)/1.05 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere}
  .mobile-work-subtitle{margin:11px 0 0;color:#fff;font:14px/1.45 var(--font-default)}
  .mobile-work-meta{margin:8px 0 0;color:rgba(255,255,255,.52);font:10px/1.45 var(--font-default);letter-spacing:.05em}
  .mobile-work-audio-note{display:inline-flex;margin:12px 0 0;padding:7px 10px;border:1px solid rgba(216,255,0,.28);border-radius:999px;background:rgba(216,255,0,.08);color:rgba(238,255,156,.86);font:11px/1.2 var(--font-default)}
  .mobile-work-audio-note[hidden]{display:none!important}
  .mobile-work-desc{margin:18px 0 0;color:rgba(255,255,255,.74);font:13px/1.72 var(--font-default)}

  .team-character.is-center{bottom:-7%!important;height:128%!important;transform:translateX(-50%) scale(1.15)!important}
  .hero-background{object-fit:contain!important}
  .team-character-glass{z-index:12!important}
  .team-character.is-left,.team-character.is-right{z-index:20!important}
  .team-carousel-prev{right:auto!important;left:23%!important;border-color:rgba(216,255,0,.74)!important;background:rgba(216,255,0,.14)!important;color:var(--acid)!important;box-shadow:0 0 0 1px rgba(216,255,0,.08),0 0 18px rgba(216,255,0,.16)!important;transform:translate(-50%,-50%)!important}
  .team-carousel-next{right:auto!important;left:77%!important;border-color:rgba(216,255,0,.74)!important;background:rgba(216,255,0,.14)!important;color:var(--acid)!important;box-shadow:0 0 0 1px rgba(216,255,0,.08),0 0 18px rgba(216,255,0,.16)!important;transform:translate(-50%,-50%)!important}
  .team-carousel-prev:hover,.team-carousel-prev:focus-visible,.team-carousel-next:hover,.team-carousel-next:focus-visible{transform:translate(-50%,-50%) scale(1.06)!important}

  body.portrait-preview-embedded{width:390px!important;max-width:390px!important;overflow:visible!important;background:transparent!important}
  body.portrait-preview-embedded .site-header,body.portrait-preview-embedded main{width:390px!important;max-width:390px!important}
  body.portrait-preview-embedded .mobile-section-nav{right:auto!important;left:10px!important;width:370px!important}
  body.portrait-preview-embedded .editor-panel{inset:12px auto 12px 410px!important;width:286px!important;min-width:286px;max-height:none!important}
}

/* Portrait refinement round 5: internal hero scroll and raised cast. */
@media(max-width:900px){
  .hero-copy{margin-top:64px!important;min-height:calc(100svh - 122px)!important;padding-bottom:220px!important}
  .team-character-set{transform:translateY(-20px)!important}
  .team-character-glass{transform:translate(-50%,calc(-50% + 20px))!important}
}

/* Portrait refinement round 10: reliable category filtering and scrollable filter rail. */
@media(max-width:900px){
  .work-filters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scroll-padding-inline:18px;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none}
  .work-filters::-webkit-scrollbar{display:none}
  .work-filters .filter{flex:0 0 auto!important;scroll-snap-align:center;white-space:nowrap;touch-action:manipulation}
  .work-reel .work-card.is-hidden,.work-grid .work-card.is-hidden,.work-card.is-hidden{display:none!important}
}

/* Locked hero canvases: 1920x1080 desktop and 390x844 portrait. */
.hero{padding:0!important;overflow:hidden!important}
.hero-lock-stage{position:absolute;z-index:1;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%) scale(var(--hero-lock-scale,1));transform-origin:center;isolation:isolate}

@media(min-width:901px){
  .hero-lock-stage{width:1920px;height:1080px;padding:108px 96px 40px}
  .hero-lock-stage .hero-background{top:50%!important;left:50%!important;width:var(--hero-desktop-width,1870px)!important;height:var(--hero-desktop-height,1080px)!important;max-width:none!important;object-fit:contain!important;object-position:center!important;translate:var(--hero-desktop-x,-378px) var(--hero-desktop-y,10px)!important;scale:var(--hero-desktop-scale,.82)!important;transform:translate(-50%,-50%)!important}
  .hero-lock-stage .hero-copy{width:850px;max-width:none;margin-top:97px}
  .hero-lock-stage .hero-copy h1{max-width:850px;font-size:80px!important}
  .hero-lock-stage .hero-lower>p{width:504px!important;font-size:14px}
  .hero-lock-stage .hero-card-carousel{top:82px!important;right:0!important;bottom:0!important;width:998px!important;height:auto!important;translate:-86px 0!important;scale:1!important}
  .hero-lock-stage .card-scene{width:403px!important}

  .site-header,.site-header.is-scrolled{top:14px;right:auto;left:50%;width:1864px;height:78px;padding:0 92px;border-color:rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(120deg,rgba(22,25,22,.4),rgba(5,8,6,.18) 46%,rgba(15,18,15,.31));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 48px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(20px) saturate(128%);backdrop-filter:blur(20px) saturate(128%);transform:translateX(-50%) scale(var(--ui-lock-scale,1))!important;transform-origin:top center}
  .works,.team,.services,.contact{padding-top:118px!important}
}

@media(max-width:900px){
  main>.hero{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-overflow-scrolling:auto}
  .hero-lock-stage{width:390px;height:844px;padding:0}
  .hero-lock-stage:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 0,rgba(0,0,0,.08) 30%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.28) 100%);pointer-events:none}
  .hero:after{display:none!important}
  .hero-lock-stage .hero-background{z-index:0!important;top:325px!important;left:-6px!important;width:var(--hero-portrait-width,760px)!important;height:var(--hero-portrait-height,428px)!important;max-width:none!important;object-fit:contain!important;object-position:left top!important;translate:var(--hero-portrait-x,0px) var(--hero-portrait-y,0px)!important;scale:var(--hero-portrait-scale,1)!important;transform:none!important}
  .hero-lock-stage .hero-meta{display:none!important}
  .hero-lock-stage .hero-copy{position:absolute!important;z-index:7;top:184px;right:16px;left:16px;width:auto;margin:0!important;min-height:0!important;padding:0!important}
  .hero-lock-stage .hero-copy .eyebrow{margin:0 0 13px;padding-left:39px;font-size:10px;line-height:1.35;letter-spacing:.08em}
  .hero-lock-stage .hero-copy h1{max-width:358px!important;margin:0;font-size:36px!important;line-height:.94!important;letter-spacing:-.025em!important;white-space:normal!important}
  .hero-lock-stage .hero-lower{margin-top:13px}
  .hero-lock-stage .hero-lower>p{width:350px!important;margin:0;font-size:14px;line-height:1.58}
  .hero-lock-stage .hero-card-carousel{display:none!important}

  .site-header,.site-header.is-scrolled{top:0;right:auto;left:50%;width:390px;height:112px;transform:translateX(-50%) scale(var(--ui-lock-scale,1))!important;transform-origin:top center}
  .mobile-section-nav{right:auto!important;bottom:9px;left:50%!important;width:370px!important;transform:translateX(-50%) scale(var(--ui-lock-scale,1));transform-origin:bottom center}
  body.portrait-preview-embedded .mobile-section-nav{right:auto!important;left:50%!important;width:370px!important;transform:translateX(-50%) scale(var(--ui-lock-scale,1))!important;transform-origin:bottom center}
}

/* Desktop refinement round 11: reference-locked hero framing, glass navigation and a concise contact footer. */
@media(min-width:901px){
  .hero-background{
    top:50%!important;
    left:50%!important;
    width:var(--hero-desktop-width,min(97.395833vw,173.148148vh))!important;
    height:var(--hero-desktop-height,min(56.25vw,100vh))!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center!important;
    translate:var(--hero-desktop-x,calc(0px - min(22.083333vw,39.259259vh))) var(--hero-desktop-y,min(.416667vw,.740741vh))!important;
    scale:var(--hero-desktop-scale,.79)!important;
    transform:translate(-50%,-50%)!important;
  }
  .site-header,.site-header.is-scrolled{
    top:18px;
    right:clamp(18px,1.46vw,28px);
    left:clamp(18px,1.46vw,28px);
    width:auto;
    height:82px;
    padding:0 clamp(30px,4.8vw,92px);
    border:1px solid rgba(255,255,255,.22);
    border-radius:16px;
    background:linear-gradient(120deg,rgba(22,25,22,.62),rgba(5,8,6,.38) 46%,rgba(15,18,15,.54));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 52px rgba(0,0,0,.24);
    -webkit-backdrop-filter:blur(24px) saturate(138%);
    backdrop-filter:blur(24px) saturate(138%);
  }
  .contact-footer{
    display:block;
    width:min(560px,43vw);
    margin:0;
    padding:0 0 18px;
    border-top:0;
    translate:4px -45px;
  }
  .contact-footer-logo,.contact-footer>div:first-of-type,.contact-footer>div:last-of-type{display:none!important}
  .contact-footer>div:nth-of-type(2){
    display:block;
    padding:14px 0 0;
    color:rgba(255,255,255,.78);
    font-size:10px;
    line-height:1.85;
    letter-spacing:.04em;
  }
}

@media(min-width:901px){
  .site-header,.site-header.is-scrolled{top:14px;right:auto;left:50%;width:1864px;height:78px;padding:0 92px;border-color:rgba(255,255,255,.16);background:linear-gradient(120deg,rgba(22,25,22,.4),rgba(5,8,6,.18) 46%,rgba(15,18,15,.31));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 48px rgba(0,0,0,.18);-webkit-backdrop-filter:blur(20px) saturate(128%);backdrop-filter:blur(20px) saturate(128%);transform:translateX(-50%) scale(var(--ui-lock-scale,1))!important;transform-origin:top center}
}

/* Round 13: honest mobile covers, one-shot consultation choices and a calmer desktop reel. */
.support-quick[hidden]{display:none!important}
@media(max-width:900px){
  .works .work-card .work-image::before,.works .work-card .work-image::after{display:none!important;content:none!important}
  .works .work-card .work-image{opacity:1!important;filter:none!important}
}
@media(min-width:901px){
  .work-reel .work-card .work-image,.work-reel .work-card.tall .work-image{height:auto!important;aspect-ratio:2/1!important;object-fit:cover}
  .work-reel .work-card>div:last-child{min-height:28px!important;padding-block:5px!important}
  .work-reel .work-card.is-active>div:last-child{min-height:32px!important}
}

/* Round 14: single-surface portrait cards and compact, scrollbar-free consultation controls. */
@media(max-width:900px){
  .work-reel .work-card,.work-grid .work-card,.work-card:nth-child(n){display:flex!important;flex-direction:column}
  .work-reel .work-card>div:last-child,.work-grid .work-card>div:last-child{flex:1 1 auto;border:0!important;border-radius:0!important}

  .contact-support .support-messages{scrollbar-width:none!important;-ms-overflow-style:none}
  .contact-support .support-messages::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  .contact-support .support-quick:not([hidden]){display:grid!important;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible!important;scrollbar-width:none}
  .contact-support .support-quick button{width:auto!important;min-width:0!important;padding-inline:3px!important;white-space:nowrap;font-size:9px!important}
}

/* Round 16: remove the redundant desktop team-service text link. */
@media(min-width:901px){
  .team-intro .text-link{display:none!important}
}

/* Round 18: WeChat-style grouped timestamps for consultation messages. */
.support-time{
  display:block;
  width:100%;
  margin:8px 0 7px;
  color:rgba(255,255,255,.46);
  font:500 10px/1.2 var(--font-default);
  letter-spacing:.03em;
  text-align:center;
  pointer-events:none;
  user-select:none;
}
.support-messages>.support-time:first-child{margin-top:0}
@media(max-width:900px){
  .support-time{margin:6px 0 5px;font-size:9px}
}

/* Restored delivery state: keep the editor available in source but visually hidden. */
.editor-launcher{width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.card-face:after{opacity:.15}
.contact-footer{grid-template-columns:2fr 1fr 1fr}