@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&family=Rajdhani:wght@500;600;700&display=swap');

:root{--bg:#090b0a;--panel:#111411;--paper:#d7d0bb;--ink:#171a16;--text:#e9eadf;--muted:#8c9288;--line:#30352f;--orange:#e96b32;--cyan:#77aeb0;--olive:#78806b;--display:'Rajdhani','Noto Sans SC','Noto Sans JP',sans-serif;--body:'Noto Sans SC','Noto Sans JP',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}button,a{font:inherit}button{color:inherit}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.intro{position:fixed;inset:0;z-index:90;background:#050706;overflow:hidden;transition:opacity .8s ease,visibility .8s}.intro.dismissed{opacity:0;visibility:hidden}.intro-bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.intro-vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,3,.2),rgba(2,4,3,.08) 45%,rgba(2,4,3,.65)),radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.55) 100%)}
.hud{position:absolute;font:500 10px var(--mono);letter-spacing:.16em;color:rgba(215,222,208,.62);display:flex}.hud-top{top:28px;left:32px;right:32px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);padding-top:10px}.hud-side{left:32px;top:50%;writing-mode:vertical-rl;gap:22px}.intro-label{position:absolute;left:50%;top:58%;width:min(440px,38vw);transform:translate(-50%,-50%) rotate(-.5deg);color:#28261f;text-align:left;padding:18px 28px}.eyebrow,.kicker{font:600 11px var(--mono);letter-spacing:.16em}.intro-label h1{font:700 clamp(38px,4vw,68px)/.9 var(--display);margin:10px 0 4px;letter-spacing:.03em}.intro-label p{font:600 14px var(--mono);margin:0}.label-meta{display:flex;justify-content:space-between;border-top:1px solid rgba(20,20,16,.45);margin-top:14px;padding-top:8px;font:500 9px var(--mono);letter-spacing:.1em}.access-btn{position:absolute;left:50%;bottom:5.5vh;transform:translateX(-50%);background:rgba(8,11,9,.8);border:1px solid rgba(233,107,50,.8);padding:13px 22px 12px 42px;min-width:270px;text-align:left;cursor:pointer;backdrop-filter:blur(8px);transition:.25s}.access-btn:hover{background:var(--orange);color:#090b0a;transform:translateX(-50%) translateY(-3px);box-shadow:0 0 35px rgba(233,107,50,.3)}.access-btn span:nth-child(2){font:600 12px var(--mono);letter-spacing:.1em}.access-btn small{display:block;font:500 9px var(--mono);letter-spacing:.14em;opacity:.65;margin-top:3px}.access-dot{position:absolute;left:20px;top:19px;width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 0 rgba(233,107,50,.6);animation:pulse 2s infinite}.access-btn:hover .access-dot{background:#111}@keyframes pulse{70%{box-shadow:0 0 0 9px transparent}}.skip-btn{position:absolute;right:32px;bottom:28px;background:none;border:0;font:500 9px var(--mono);letter-spacing:.14em;cursor:pointer;opacity:.65}.intro-language{position:absolute;right:32px;top:48px}
.language-switch{display:flex;gap:4px}.language-switch button{background:transparent;border:0;padding:5px 7px;font:500 9px var(--mono);letter-spacing:.08em;cursor:pointer;color:var(--muted)}.language-switch button.active{color:var(--orange);border-bottom:1px solid var(--orange)}
.site-shell{opacity:0;visibility:hidden;transition:opacity .6s ease}.site-shell.active{opacity:1;visibility:visible}.topbar{position:sticky;top:0;z-index:40;height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.5vw;background:rgba(9,11,10,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{color:var(--text);text-decoration:none;display:flex;align-items:baseline;gap:10px}.brand b{font:700 18px var(--display);letter-spacing:.08em}.brand span{font:500 8px var(--mono);color:var(--muted);letter-spacing:.12em}.topbar nav{display:flex;gap:34px}.topbar nav a{color:var(--muted);text-decoration:none;font:500 10px var(--mono);letter-spacing:.13em}.topbar nav a:hover{color:var(--orange)}.header-language{justify-self:end}
.work-hero{position:relative;min-height:72vh;padding:12vh 7vw 7vh;border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(101,120,101,.16),transparent 30%),linear-gradient(135deg,#0c0f0d,#080a09)}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(120,140,120,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,120,.18) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-index{position:absolute;right:7vw;top:14vh;font:500 10px var(--mono);color:var(--cyan);letter-spacing:.16em}.work-hero .kicker{position:relative;color:var(--orange)}.work-hero h2{position:relative;font:700 clamp(64px,10vw,150px)/.76 var(--display);letter-spacing:-.04em;margin:30px 0 70px;max-width:1100px}.hero-bottom{position:relative;display:flex;justify-content:space-between;gap:40px;align-items:end}.hero-bottom>p{max-width:540px;color:var(--muted);font-size:14px;line-height:1.8}.stats{display:flex;gap:40px}.stats span{display:grid}.stats b{font:600 34px var(--display);color:var(--paper)}.stats small{font:500 8px var(--mono);color:var(--muted);letter-spacing:.12em}
.archive-section{padding:110px 4vw 120px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 3vw 50px}.section-no{font:500 10px var(--mono);color:var(--orange);border:1px solid var(--line);padding:6px 8px;display:inline-block}.section-head .kicker{color:var(--muted);margin:18px 0 6px}.section-head h3{font:600 clamp(42px,6vw,78px)/1 var(--display);margin:0;text-transform:uppercase}.section-note{max-width:320px;color:var(--muted);font-size:12px;line-height:1.7}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 3vw 34px}.filter-btn{border:1px solid var(--line);background:#0d100e;color:var(--muted);padding:10px 14px;font:500 9px var(--mono);letter-spacing:.08em;cursor:pointer;transition:.2s}.filter-btn:hover,.filter-btn.active{border-color:var(--orange);color:var(--text);background:rgba(233,107,50,.09)}
.gallery{columns:4 260px;column-gap:12px}.work-card{position:relative;display:inline-block;width:100%;margin:0 0 12px;background:#151815;border:1px solid transparent;overflow:hidden;cursor:pointer;break-inside:avoid;opacity:0;transform:translateY(12px);animation:reveal .45s ease forwards}.work-card:hover{border-color:var(--orange)}.work-card img{width:100%;height:auto;display:block;transition:transform .5s ease,filter .4s}.work-card:hover img{transform:scale(1.018);filter:brightness(.72)}.card-overlay{position:absolute;inset:auto 0 0;padding:50px 15px 15px;background:linear-gradient(transparent,rgba(4,6,5,.95));opacity:0;transition:.25s}.work-card:hover .card-overlay{opacity:1}.card-overlay p{margin:0 0 6px;font:500 8px var(--mono);letter-spacing:.11em;color:var(--orange)}.card-overlay h4{margin:0;font:600 18px/1.15 var(--display)}.card-index{position:absolute;top:10px;left:10px;font:500 8px var(--mono);background:rgba(5,7,6,.72);padding:5px 7px}.motion-badge{position:absolute;right:10px;top:10px;background:var(--orange);color:#111;font:600 8px var(--mono);padding:5px 7px}.load-more{display:block;margin:42px auto 0;border:1px solid var(--line);background:transparent;padding:13px 24px;font:500 10px var(--mono);letter-spacing:.12em;cursor:pointer}.load-more:hover{border-color:var(--orange);color:var(--orange)}@keyframes reveal{to{opacity:1;transform:none}}
.profile-section{padding:120px 8vw;background:#11130f;border-block:1px solid var(--line)}.folder-tab{display:inline-block;margin-left:5%;background:#b9b29d;color:#2b2a24;padding:10px 25px;font:600 10px var(--mono);letter-spacing:.12em;clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}.profile-paper{max-width:1160px;margin:auto;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:250px 1fr;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:rotate(-.25deg)}.profile-sidebar{padding:55px 35px;border-right:1px solid rgba(23,26,22,.25);background:rgba(111,113,95,.11)}.id-mark{width:110px;height:130px;border:1px solid rgba(23,26,22,.3);display:grid;place-items:center;font:700 64px var(--display);background:linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.13))}.barcode{height:38px;margin:25px 0;background:repeating-linear-gradient(90deg,#1b1c18 0 2px,transparent 2px 5px,#1b1c18 5px 6px,transparent 6px 10px)}.profile-sidebar dl{margin:0}.profile-sidebar dl div{border-top:1px solid rgba(23,26,22,.2);padding:12px 0}.profile-sidebar dt{font:500 8px var(--mono);letter-spacing:.14em;opacity:.55}.profile-sidebar dd{margin:4px 0 0;font:600 11px var(--mono)}.profile-main{padding:65px clamp(35px,6vw,85px)}.profile-main .kicker{color:#9b3e23}.profile-main h3{font:700 clamp(64px,8vw,110px)/.8 var(--display);margin:25px 0 45px;display:flex;align-items:end;gap:25px}.profile-main h3 small{font:600 18px var(--mono);letter-spacing:.1em}.profile-lead{font-size:17px;line-height:1.9;max-width:740px}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:55px}.profile-columns h4{font:600 10px var(--mono);letter-spacing:.14em;border-bottom:1px solid rgba(23,26,22,.25);padding-bottom:10px}.profile-columns ul{list-style:none;padding:0;margin:15px 0}.profile-columns li,.client-list{font-size:12px;line-height:2}.profile-columns li::before{content:'— ';color:#9b3e23}
.contact-section{padding:130px 8vw;text-align:center;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(93,112,91,.15),transparent 36%)}.contact-section .kicker{margin:25px 0 15px;color:var(--cyan)}.contact-section h3{font:700 clamp(64px,10vw,140px)/.77 var(--display);margin:0}.contact-section>p{color:var(--muted);max-width:530px;line-height:1.8;margin:45px auto}.return-link{color:var(--orange);font:500 10px var(--mono);letter-spacing:.12em;text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:5px}footer{display:flex;justify-content:space-between;padding:25px 3.5vw;border-top:1px solid var(--line);font:500 8px var(--mono);color:var(--muted);letter-spacing:.12em}
.viewer{position:fixed;inset:0;z-index:80;background:rgba(5,7,6,.96);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.3s}.viewer.open{opacity:1;visibility:visible}.viewer-top{position:absolute;top:20px;left:25px;right:25px;display:flex;justify-content:space-between;font:500 9px var(--mono);letter-spacing:.12em}.viewer-top button{background:none;border:0;cursor:pointer}.viewer figure{margin:60px auto 30px;max-width:min(86vw,1500px);max-height:84vh;display:flex;flex-direction:column;align-items:center}.viewer figure img{max-width:100%;max-height:72vh;object-fit:contain;cursor:zoom-out;box-shadow:0 20px 60px rgba(0,0,0,.35)}.viewer figcaption{text-align:center;margin-top:16px}.viewer figcaption p{font:500 8px var(--mono);color:var(--orange);letter-spacing:.12em}.viewer figcaption h4{font:600 24px var(--display);margin:5px}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:1px solid var(--line);width:42px;height:42px;cursor:pointer}.viewer-nav:hover{border-color:var(--orange);color:var(--orange)}.viewer-nav.prev{left:22px}.viewer-nav.next{right:22px}body.viewer-open{overflow:hidden}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto;height:60px}.topbar nav{display:none}.brand span{display:none}.header-language button{padding:4px}.work-hero{min-height:78vh;padding:15vh 6vw 7vh}.work-hero h2{font-size:19vw;margin-bottom:60px}.hero-bottom{display:block}.stats{margin-top:28px;gap:25px}.section-head{display:block}.section-note{margin-top:20px}.archive-section{padding:80px 3vw}.gallery{columns:2 150px;column-gap:8px}.work-card{margin-bottom:8px}.card-overlay{opacity:1;padding:35px 10px 10px}.profile-section{padding:80px 4vw}.profile-paper{grid-template-columns:1fr}.profile-sidebar{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:30px;border-right:0;border-bottom:1px solid rgba(23,26,22,.25)}.id-mark{width:90px;height:100px;font-size:48px}.barcode{display:none}.profile-main{padding:45px 28px}.profile-main h3{font-size:18vw;display:block}.profile-main h3 small{display:block;margin-top:16px}.profile-columns{grid-template-columns:1fr;gap:20px}.contact-section h3{font-size:18vw}footer{gap:10px;flex-wrap:wrap}.intro-label{top:57%;width:74vw;padding:8px 18px}.intro-label h1{font-size:9vw}.intro-label p{font-size:9px}.hud-side{display:none}.intro-language{right:18px}.skip-btn{right:18px}.viewer-nav{top:auto;bottom:22px}.viewer-nav.prev{left:25%}.viewer-nav.next{right:25%}.viewer figure img{max-height:67vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.work-card{opacity:1;transform:none}}

/* Intro atmosphere and multilingual type correction */
.intro-bg{transform-origin:50% 80%;animation:dossierDrift 5.8s ease-in-out infinite}
.intro-label{animation:labelDrift 5.8s ease-in-out infinite}
.screen-fx{position:absolute;left:26%;top:5%;width:49%;height:29%;overflow:hidden;opacity:.42;mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 85%,transparent 100%)}
.screen-fx::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(97,189,195,.08) 13px),linear-gradient(90deg,transparent,rgba(103,195,199,.09),transparent);animation:dataSweep 4.2s linear infinite}
.screen-fx i{position:absolute;width:3px;height:3px;border-radius:50%;background:#9be2e4;box-shadow:0 0 8px #75c4c7;animation:signalBlink 2.8s ease-in-out infinite}
.screen-fx i:nth-child(1){left:12%;top:30%}.screen-fx i:nth-child(2){left:27%;top:55%;animation-delay:.4s}.screen-fx i:nth-child(3){left:48%;top:23%;animation-delay:1.1s}.screen-fx i:nth-child(4){left:66%;top:61%;animation-delay:1.7s}.screen-fx i:nth-child(5){left:82%;top:38%;animation-delay:2.2s}.screen-fx i:nth-child(6){left:91%;top:71%;animation-delay:.8s}
@keyframes dossierDrift{0%,100%{transform:scale(1.006) rotate(-.035deg) translateY(0)}50%{transform:scale(1.011) rotate(.04deg) translateY(2px)}}
@keyframes labelDrift{0%,100%{transform:translate(-50%,-50%) rotate(-.5deg)}50%{transform:translate(-50%,calc(-50% + 2px)) rotate(-.42deg)}}
@keyframes dataSweep{0%{transform:translateX(-20%);opacity:.28}45%{opacity:.7}100%{transform:translateX(20%);opacity:.25}}
@keyframes signalBlink{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}
html[lang="zh-CN"] .work-hero h2,html[lang="ja"] .work-hero h2{font-family:'Noto Sans SC','Noto Sans JP',sans-serif;font-size:clamp(54px,8vw,118px);line-height:1.04;letter-spacing:-.055em;font-weight:700;max-width:1050px}
html[lang="ja"] .work-hero h2{font-family:'Noto Sans JP','Noto Sans SC',sans-serif;font-size:clamp(48px,7vw,104px);line-height:1.12;letter-spacing:-.04em}
html[lang="zh-CN"] .contact-section h3,html[lang="ja"] .contact-section h3{font-family:'Noto Sans SC','Noto Sans JP',sans-serif;line-height:1.08;letter-spacing:-.04em}
html[lang="ja"] .contact-section h3{font-family:'Noto Sans JP','Noto Sans SC',sans-serif;line-height:1.16}
@media(max-width:800px){html[lang="zh-CN"] .work-hero h2,html[lang="ja"] .work-hero h2{font-size:15vw;line-height:1.08;letter-spacing:-.06em}html[lang="ja"] .work-hero h2{font-size:13vw;line-height:1.18}}
@media(prefers-reduced-motion:reduce){.intro-bg,.intro-label,.screen-fx::before,.screen-fx i{animation:none!important}}

/* Monitor-only effects: keep the commander silhouette clean */
.screen-fx{display:none}
.monitor-fx{position:absolute;pointer-events:none;mix-blend-mode:screen;overflow:hidden}
.monitor-fx-left{left:28%;top:7%;width:22%;height:22%;opacity:.36;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 86%,transparent)}
.monitor-fx-left::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(100,206,209,.13) 15px);animation:leftDataScan 4.6s linear infinite}
.monitor-fx-left i{position:absolute;left:8%;height:1px;background:rgba(120,224,226,.65);box-shadow:0 0 6px rgba(120,224,226,.35);animation:dataBar 3.4s ease-in-out infinite}
.monitor-fx-left i:nth-child(1){top:26%;width:28%}.monitor-fx-left i:nth-child(2){top:49%;width:52%;animation-delay:.8s}.monitor-fx-left i:nth-child(3){top:72%;width:38%;animation-delay:1.6s}
.monitor-fx-right{right:3.1%;top:5.2%;width:13.2%;aspect-ratio:1.18;opacity:.38;border-radius:4px}
.monitor-fx-right::before{content:'';position:absolute;left:23%;top:14%;width:54%;aspect-ratio:1;border:1px solid rgba(132,217,219,.25);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 11px,rgba(125,210,213,.07) 12px 13px),conic-gradient(from 0deg,transparent 0 315deg,rgba(127,225,228,.35) 344deg,transparent 360deg);animation:radarSpin 4.8s linear infinite}
.monitor-fx-right::after{content:'';position:absolute;left:50%;top:16%;width:1px;height:50%;background:linear-gradient(rgba(143,230,232,.45),transparent);transform-origin:bottom;animation:radarSpin 3.8s linear infinite}
.monitor-fx-right i{position:absolute;left:61%;top:39%;width:3px;height:3px;border-radius:50%;background:#b7f2f2;box-shadow:0 0 7px #8ed6d8;animation:radarPing 2.3s ease-out infinite}
@keyframes leftDataScan{from{transform:translateY(-15%)}to{transform:translateY(15%)}}
@keyframes dataBar{0%,100%{transform:scaleX(.4);opacity:.2}50%{transform:scaleX(1);opacity:.8}}
@keyframes radarSpin{to{transform:rotate(360deg)}}
@keyframes radarPing{0%{opacity:0;transform:scale(.4)}35%{opacity:1}100%{opacity:0;transform:scale(2.5)}}
@media(prefers-reduced-motion:reduce){.monitor-fx::before,.monitor-fx::after,.monitor-fx i{animation:none!important}}

/* V4: preserve foreground/background occlusion; animate only the far-right monitor */
.monitor-fx-left{display:none}
.monitor-fx-right{right:1.9%;top:5.6%;width:12.2%;height:20.5%;aspect-ratio:auto;clip-path:polygon(4% 2%,96% 0,100% 96%,0 100%)}

/* V8 screen alignment and ambient data activity */
.monitor-fx-right{right:.2%;top:6.2%;width:7.4%;height:18.2%;opacity:.34;clip-path:polygon(5% 3%,96% 1%,100% 96%,2% 100%)}
.monitor-fx-right::before{left:13%;top:12%;width:70%}
.monitor-fx-right::after{left:49%;top:14%;height:52%}
.map-flow-fx{position:absolute;left:27%;top:3.2%;width:35.5%;height:24.5%;pointer-events:none;overflow:hidden;mix-blend-mode:screen;opacity:.24;filter:blur(1.35px);transform:translateZ(0);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.map-flow-fx svg{position:absolute;inset:0;width:100%;height:100%}.map-flow-fx path{fill:none;stroke:rgba(100,213,217,.43);stroke-width:.75;stroke-dasharray:7 20;filter:drop-shadow(0 0 1.5px rgba(87,195,201,.32));animation:mapRoute 7.5s linear infinite}.map-flow-fx path:nth-child(2){stroke:rgba(230,132,70,.3);stroke-dasharray:4 23;animation-duration:10s;animation-direction:reverse}
.map-flow-fx i{position:absolute;width:3px;height:3px;border-radius:50%;background:#9be4e5;box-shadow:0 0 3px rgba(145,218,221,.7),0 0 8px rgba(117,209,213,.42);animation:mapPulse 3.2s ease-in-out infinite}.map-flow-fx i:nth-of-type(1){left:18%;top:61%}.map-flow-fx i:nth-of-type(2){left:42%;top:36%;animation-delay:.8s}.map-flow-fx i:nth-of-type(3){left:66%;top:69%;animation-delay:1.6s}.map-flow-fx i:nth-of-type(4){left:83%;top:29%;animation-delay:2.4s;background:#d98a58;box-shadow:0 0 3px rgba(217,138,88,.65),0 0 8px rgba(217,138,88,.35)}
.status-lights-fx{position:absolute;left:17.2%;top:29.8%;width:5%;height:5%;pointer-events:none}.status-lights-fx i{position:absolute;top:48%;width:5px;height:5px;border-radius:50%;background:#ed854a;box-shadow:0 0 5px #ed854a,0 0 12px rgba(237,133,74,.75);animation:statusAlternate 2s ease-in-out infinite}.status-lights-fx i:first-child{left:20%}.status-lights-fx i:last-child{left:55%;animation-delay:1s}
@keyframes mapRoute{to{stroke-dashoffset:-100}}
@keyframes mapPulse{0%,100%{opacity:.18;transform:scale(.65)}45%{opacity:1;transform:scale(1.55)}}
@keyframes statusAlternate{0%,100%{opacity:.15;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){.map-flow-fx path,.map-flow-fx i,.status-lights-fx i{animation:none!important}}

/* Personnel file V2 */
.folder-tab{display:block;width:max-content;margin-left:max(0px,calc((100% - 1160px)/2));position:relative;z-index:2}
.profile-paper{position:relative;isolation:isolate;background-color:var(--paper);background-image:linear-gradient(105deg,rgba(92,77,52,.035),transparent 36%,rgba(255,255,255,.11) 62%,transparent),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' seed='7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.16'/%3E%3C/svg%3E");background-blend-mode:multiply}
.profile-paper>*{position:relative;z-index:1}
.profile-main h3{margin:25px 0 45px;display:flex;align-items:flex-end;gap:25px}
.profile-main h3 strong{font:700 clamp(58px,7vw,100px)/.84 var(--display);letter-spacing:-.025em;white-space:nowrap}
.profile-main h3 small{font:700 clamp(18px,1.8vw,28px)/1 'Noto Sans SC','Noto Sans JP',sans-serif;letter-spacing:.04em;padding-bottom:7px}
.profile-columns ul{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}
.profile-columns li::before{content:none}.tool-item{display:flex;align-items:center;gap:8px;line-height:1.2!important}.tool-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:4px;font:700 11px var(--mono);letter-spacing:-.04em;background:#151515}.tool-icon.ps{color:#31a8ff;border:1px solid #31a8ff}.tool-icon.ai{color:#ff9a00;border:1px solid #ff9a00}.tool-icon.ae{color:#9999ff;border:1px solid #9999ff}.tool-icon.pr{color:#c79cff;border:1px solid #c79cff}.tool-icon.blender{color:#f5792a;border:1px solid #f5792a}.tool-icon.cad{color:#e34b4b;border:1px solid #e34b4b;font-size:9px}
.contact-details{display:flex;gap:12px;margin:-18px auto 42px}.contact-details>a,.contact-details>span{min-width:220px;border:1px solid var(--line);padding:15px 18px;text-decoration:none;color:var(--text);text-align:left;background:rgba(16,19,16,.65)}.contact-details small{display:block;color:var(--orange);font:500 8px var(--mono);letter-spacing:.14em;margin-bottom:6px}.contact-details strong{font:600 14px var(--mono);letter-spacing:.06em}
@media(max-width:800px){.folder-tab{margin-left:0}.profile-main h3{display:flex;align-items:flex-end;gap:12px}.profile-main h3 strong{font-size:13vw;white-space:normal}.profile-main h3 small{font-size:5vw;padding-bottom:3px}.profile-columns ul{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-details{width:100%;flex-direction:column}.contact-details>a,.contact-details>span{min-width:0;width:100%}}

.contact-section h3{font-size:clamp(46px,6.5vw,92px);line-height:.95;white-space:nowrap;letter-spacing:-.035em}
html[lang="zh-CN"] .contact-section h3{font-size:clamp(42px,5.8vw,78px);line-height:1;white-space:nowrap}
html[lang="ja"] .contact-section h3{font-size:clamp(38px,5.2vw,70px);line-height:1.08;white-space:nowrap}
@media(max-width:800px){.contact-section h3,html[lang="zh-CN"] .contact-section h3,html[lang="ja"] .contact-section h3{font-size:9.5vw;white-space:nowrap}.contact-section>p{margin-top:30px}}