:root{--cyan:#8ff8ff;--text:#f7fbff;--muted:rgba(225,237,246,.66);--line:rgba(163,233,255,.22);--mono:"IBM Plex Mono",monospace;--display:"ZCOOL QingKe HuangYou","Noto Sans SC",sans-serif;--sans:"Noto Sans SC","PingFang SC",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;background:#000}body{margin:0;min-width:320px;background:#000;color:var(--text);font-family:var(--sans);overflow-x:hidden}button,a{color:inherit;font:inherit}.site-shell{position:relative;min-height:100vh;isolation:isolate;background:#000}.scene-backdrop,.particle-stage,.screen-noise{position:fixed;inset:0;pointer-events:none}.scene-backdrop{z-index:0;overflow:hidden;background:#000}.particle-stage{z-index:1;width:100%;height:100%}.screen-noise{z-index:2;background:repeating-linear-gradient(180deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px),linear-gradient(90deg,rgba(0,0,0,.7),transparent 24%,transparent 72%,rgba(0,0,0,.72)),linear-gradient(180deg,rgba(0,0,0,.34),transparent 42%,rgba(0,0,0,.74));opacity:.62}.backdrop-layer,.backdrop-layer:before,.backdrop-layer:after{position:absolute;inset:0}.backdrop-layer{opacity:0;transform:scale(1.045);transition:opacity .68s ease,transform 1.05s ease;will-change:opacity,transform}.backdrop-layer.active{opacity:1;transform:scale(1)}.backdrop-layer:before,.backdrop-layer:after{content:"";pointer-events:none}.backdrop-layer i{position:absolute;display:block;pointer-events:none}
.backdrop-origin{background:linear-gradient(90deg,rgba(0,28,24,.52),transparent 40%,rgba(0,28,74,.55)),radial-gradient(circle at 52% 42%,rgba(67,235,255,.28),transparent 18rem),radial-gradient(circle at 80% 20%,rgba(23,87,255,.28),transparent 29rem)}.backdrop-origin:before{background:repeating-linear-gradient(88deg,transparent 0 72px,rgba(112,236,255,.08) 73px,transparent 74px),repeating-linear-gradient(178deg,transparent 0 90px,rgba(112,236,255,.05) 91px,transparent 92px);opacity:.46;transform:perspective(700px) rotateX(58deg) translateY(28vh) scale(1.35);transform-origin:center bottom}.backdrop-origin:after{background:radial-gradient(circle at 58% 48%,transparent 0 14rem,rgba(143,248,255,.13) 14.2rem 14.35rem,transparent 14.6rem),conic-gradient(from 120deg at 58% 48%,transparent,rgba(143,248,255,.14),transparent 42deg);opacity:.52;animation:spin 20s linear infinite}.origin-emblem{left:54%;top:38%;width:min(24vw,390px);aspect-ratio:1;border:1px solid rgba(182,255,255,.42);border-radius:999px 999px 999px 28%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.34),transparent 9%),radial-gradient(circle at 58% 66%,rgba(91,244,255,.28),transparent 22%),rgba(0,0,0,.12);box-shadow:0 0 42px rgba(93,244,255,.2),inset 0 0 36px rgba(255,255,255,.08);transform:translate(-50%,-50%) rotate(-42deg)}.origin-emblem:before{content:"";position:absolute;inset:26%;border:1px solid rgba(255,255,255,.55);border-radius:inherit}.origin-orbit{left:52%;top:42%;border:1px solid rgba(180,255,255,.22);border-radius:50%}.orbit-a{width:46vw;height:15vw;transform:translate(-50%,-50%) rotate(73deg)}.orbit-b{width:38vw;height:12vw;transform:translate(-50%,-50%) rotate(-22deg)}.origin-spine{left:51%;top:50%;width:2px;height:44vh;background:linear-gradient(transparent,rgba(143,248,255,.8),transparent);box-shadow:0 0 18px rgba(143,248,255,.48);transform:translateX(-50%) rotate(-16deg)}
.backdrop-profile{background:linear-gradient(115deg,rgba(4,12,20,.9),rgba(0,63,78,.38) 45%,rgba(31,11,76,.46)),radial-gradient(circle at 18% 24%,rgba(60,228,255,.28),transparent 24rem),radial-gradient(circle at 82% 70%,rgba(163,94,255,.25),transparent 28rem)}.backdrop-profile:before{background-image:linear-gradient(rgba(127,228,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(127,228,255,.08) 1px,transparent 1px);background-size:62px 62px;transform:perspective(900px) rotateY(-14deg) scale(1.2);opacity:.52}.profile-disc{border:1px solid rgba(126,239,255,.2);border-radius:50%;box-shadow:inset 0 0 52px rgba(58,222,255,.07),0 0 52px rgba(106,74,255,.08)}.disc-a{width:42vw;aspect-ratio:1;left:2%;top:10%;animation:float 8s ease-in-out infinite alternate}.disc-b{width:27vw;aspect-ratio:1;right:4%;bottom:-8%;animation:float 6s ease-in-out infinite alternate-reverse}.profile-scan{left:48%;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan);opacity:.35;transform:rotate(21deg)}
.backdrop-work{background:linear-gradient(90deg,rgba(82,36,160,.54),transparent 43%,rgba(18,0,44,.28)),radial-gradient(circle at 18% 76%,rgba(153,88,255,.58),transparent 27rem),radial-gradient(circle at 60% 46%,rgba(255,75,184,.42),transparent 25rem),radial-gradient(circle at 82% 64%,rgba(48,231,255,.22),transparent 24rem)}.backdrop-work:before{background-image:radial-gradient(circle,rgba(197,156,255,.28) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(255,90,188,.2) 0 1px,transparent 2px);background-size:26px 26px,42px 42px;mask-image:radial-gradient(ellipse at 42% 66%,black 0 34%,transparent 68%);opacity:.8;animation:drift 12s ease-in-out infinite alternate}.work-screen{border:1px solid rgba(151,247,255,.34);border-radius:34px;background:radial-gradient(circle at 42% 34%,rgba(255,255,255,.2),transparent 16%),linear-gradient(135deg,rgba(84,255,225,.2),rgba(141,93,255,.24) 48%,rgba(0,0,0,.18));box-shadow:inset 0 0 50px rgba(255,255,255,.08),0 0 60px rgba(197,87,255,.18)}.screen-main{left:35%;top:20%;width:min(52vw,820px);height:50vh;transform:perspective(900px) rotateY(-12deg) rotate(1deg)}.screen-side{right:1vw;top:35%;width:min(23vw,350px);height:42vh;transform:perspective(900px) rotateY(-32deg) rotate(6deg);opacity:.76}.work-pedestal{left:48%;bottom:2%;width:12vw;height:29vh;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(rgba(255,255,255,.12),transparent);transform:skew(-12deg)}
.backdrop-method{background:linear-gradient(90deg,rgba(0,74,38,.48),transparent 42%,rgba(0,28,18,.38)),radial-gradient(circle at 48% 42%,rgba(93,255,139,.52),transparent 19rem),radial-gradient(circle at 18% 18%,rgba(20,180,104,.34),transparent 27rem)}.backdrop-method:before{background:linear-gradient(90deg,transparent 0 48%,rgba(109,255,165,.12) 49%,transparent 50%),repeating-linear-gradient(90deg,transparent 0 72px,rgba(109,255,165,.08) 73px,transparent 74px);opacity:.6;transform:perspective(900px) rotateY(-18deg) scaleX(.86) translateX(10vw)}.method-cage{left:50%;top:16%;width:min(34vw,520px);height:56vh;border:1px solid rgba(119,255,171,.36);border-radius:44% 44% 18% 18%;background:repeating-linear-gradient(90deg,transparent 0 36px,rgba(119,255,171,.18) 37px,transparent 39px),linear-gradient(rgba(119,255,171,.11),transparent 34%);box-shadow:inset 0 0 44px rgba(119,255,171,.1),0 0 42px rgba(119,255,171,.18);transform:translateX(-50%)}.method-core{left:50%;top:42%;width:min(22vw,340px);aspect-ratio:1;border-radius:42% 58% 51% 49%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.34),transparent 12%),radial-gradient(circle at 62% 64%,rgba(128,255,156,.46),transparent 34%),rgba(67,255,139,.18);transform:translate(-50%,-50%);animation:morph 8s ease-in-out infinite alternate}.method-floor{left:17%;bottom:4%;width:66vw;height:20vh;border-radius:50%;border:1px solid rgba(112,255,169,.16);background:radial-gradient(ellipse,rgba(112,255,169,.16),transparent 62%);transform:perspective(700px) rotateX(68deg)}
.backdrop-case{background:radial-gradient(circle at 50% 48%,rgba(255,229,119,.28),transparent 12rem),radial-gradient(circle at 28% 72%,rgba(255,66,164,.38),transparent 26rem),radial-gradient(circle at 78% 22%,rgba(105,83,255,.38),transparent 30rem),linear-gradient(135deg,rgba(25,5,48,.65),transparent 48%,rgba(0,36,53,.42))}.backdrop-case:before{background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 6.5vw,rgba(255,232,131,.13) 6.6vw 6.7vw,transparent 6.8vw 10vw),conic-gradient(from 210deg at 50% 50%,transparent 0 22deg,rgba(255,79,163,.24) 28deg,transparent 34deg 82deg,rgba(255,232,131,.22) 88deg,transparent 94deg);opacity:.72;animation:spin 24s linear infinite}.vortex-ring{left:50%;top:50%;border:1px solid rgba(255,232,131,.3);border-radius:50%;transform:translate(-50%,-50%) rotateX(72deg);box-shadow:0 0 36px rgba(255,91,176,.14)}.ring-a{width:min(62vw,980px);height:min(62vw,980px);animation:ringA 9s ease-in-out infinite alternate}.ring-b{width:min(43vw,650px);height:min(43vw,650px);border-color:rgba(255,78,164,.38);animation:ringB 7s ease-in-out infinite alternate-reverse}.ring-c{width:min(24vw,360px);height:min(24vw,360px);border-color:rgba(130,216,255,.42);animation:ringA 5s ease-in-out infinite alternate-reverse}
.backdrop-system{background:linear-gradient(180deg,rgba(170,255,241,.32),transparent 28%,rgba(112,170,83,.2)),radial-gradient(ellipse at 52% 0%,rgba(216,255,250,.44),transparent 22rem),radial-gradient(circle at 58% 55%,rgba(211,244,110,.3),transparent 23rem)}.backdrop-system:before{background-image:linear-gradient(30deg,rgba(255,255,255,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.08) 87.5%),linear-gradient(150deg,rgba(255,255,255,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.08) 87.5%);background-size:68px 120px;mask-image:radial-gradient(ellipse at 52% 48%,black 0 36%,transparent 72%);opacity:.3;animation:drift 14s ease-in-out infinite alternate-reverse}.system-honeycomb{left:29%;top:23%;width:min(52vw,800px);height:42vh;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.2),transparent 22%),repeating-conic-gradient(from 30deg,rgba(255,245,171,.28) 0 8deg,transparent 8deg 60deg);mask-image:radial-gradient(ellipse,black 0 58%,transparent 74%);opacity:.58}.system-lens{left:42%;top:24%;width:min(34vw,520px);aspect-ratio:1;border:1px solid rgba(255,248,184,.4);border-radius:50%;background:radial-gradient(circle,rgba(255,248,184,.18),transparent 58%);box-shadow:0 0 50px rgba(255,248,184,.12),inset 0 0 30px rgba(255,255,255,.08)}.system-waterline{left:0;top:5%;width:100%;height:22vh;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 16px,rgba(194,255,252,.1) 17px,transparent 20px)}
.backdrop-huxiu{background:linear-gradient(115deg,rgba(2,19,39,.94),rgba(0,86,117,.38) 45%,rgba(10,8,48,.6)),radial-gradient(circle at 70% 30%,rgba(0,213,255,.32),transparent 26rem),radial-gradient(circle at 20% 75%,rgba(58,95,255,.32),transparent 28rem)}.backdrop-huxiu:before{background:linear-gradient(rgba(92,222,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(92,222,255,.08) 1px,transparent 1px);background-size:48px 48px;transform:perspective(650px) rotateX(62deg) translateY(26vh) scale(1.4)}.huxiu-globe{right:4%;top:12%;width:min(47vw,720px);aspect-ratio:1;border:1px solid rgba(99,231,255,.25);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 36px,rgba(88,224,255,.09) 37px,transparent 39px),repeating-conic-gradient(rgba(88,224,255,.08) 0 1deg,transparent 1deg 12deg);box-shadow:0 0 70px rgba(0,201,255,.18),inset 0 0 50px rgba(0,201,255,.1);animation:float 9s ease-in-out infinite alternate}.huxiu-grid{left:6%;bottom:7%;width:44vw;height:28vh;border:1px solid rgba(84,224,255,.15);transform:perspective(700px) rotateX(68deg) rotateZ(-9deg);background:linear-gradient(rgba(84,224,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(84,224,255,.09) 1px,transparent 1px);background-size:30px 30px}.huxiu-beam{top:-10%;width:2px;height:120vh;background:linear-gradient(transparent,rgba(76,219,255,.72),transparent);box-shadow:0 0 18px rgba(76,219,255,.65)}.beam-a{left:42%;transform:rotate(28deg)}.beam-b{left:57%;transform:rotate(-34deg)}
.backdrop-contact{background:linear-gradient(90deg,rgba(142,20,24,.56),transparent 44%,rgba(0,94,82,.5)),radial-gradient(circle at 17% 20%,rgba(255,63,68,.52),transparent 26rem),radial-gradient(circle at 82% 20%,rgba(93,255,230,.42),transparent 31rem),radial-gradient(circle at 54% 54%,rgba(165,94,255,.25),transparent 24rem)}.backdrop-contact:before{background-image:radial-gradient(circle,rgba(255,104,76,.22) 0 1px,transparent 2px),radial-gradient(circle,rgba(110,255,227,.18) 0 1px,transparent 2px);background-size:36px 36px,62px 62px;mask-image:linear-gradient(90deg,black,transparent 62%);opacity:.64;animation:rain 9s linear infinite}.contact-ring{left:43%;top:43%;width:min(34vw,520px);aspect-ratio:1;border:1px solid rgba(255,255,255,.26);border-radius:999px 999px 999px 18%;background:radial-gradient(circle at 38% 24%,rgba(255,255,255,.3),transparent 10%),radial-gradient(circle at 63% 62%,rgba(255,75,74,.25),transparent 32%);transform:translate(-50%,-50%) rotate(-28deg);box-shadow:0 0 60px rgba(255,75,74,.16),inset 0 0 42px rgba(110,255,228,.08)}.contact-beam{width:2px;height:62vh;background:linear-gradient(transparent,rgba(255,83,86,.75),rgba(139,97,255,.4),transparent);box-shadow:0 0 20px rgba(255,83,86,.38)}.beam-one{left:40%;top:4%;transform:rotate(28deg)}.beam-two{left:52%;top:7%;transform:rotate(-34deg)}.contact-vessel{left:18%;bottom:3%;width:min(18vw,250px);height:30vh;border:1px solid rgba(255,255,255,.14);border-radius:50% 50% 12% 12%;background:linear-gradient(rgba(110,255,228,.13),rgba(255,75,74,.08),transparent)}
.backdrop-layer:not(.active),.backdrop-layer:not(.active):before,.backdrop-layer:not(.active):after,.backdrop-layer:not(.active) i{animation-play-state:paused!important}@keyframes drift{to{transform:translate3d(2vw,1.5vh,0) scale(1.07)}}@keyframes rain{to{background-position:0 120px,-80px 180px}}@keyframes spin{to{transform:rotate(360deg) scale(1.04)}}@keyframes float{to{transform:translate3d(2vw,2vh,0) rotate(8deg)}}@keyframes morph{to{border-radius:58% 42% 43% 57%;transform:translate(-50%,-50%) scale(1.08)}}@keyframes ringA{to{transform:translate(-50%,-50%) rotateX(72deg) rotate(18deg) scale(1.08)}}@keyframes ringB{to{transform:translate(-50%,-50%) rotateX(72deg) rotate(-26deg) scale(.86)}}
.brand-mark{position:fixed;left:42px;top:34px;z-index:20;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(196,245,255,.48);text-decoration:none;background:rgba(0,10,16,.42);backdrop-filter:blur(12px)}.brand-mark span{font-family:var(--display);font-size:26px}.top-nav{position:fixed;right:42px;top:32px;z-index:20}.top-nav nav{height:50px;display:flex;align-items:center;padding:0 22px;border:1px solid rgba(201,240,255,.22);border-radius:999px;background:rgba(0,9,14,.56);backdrop-filter:blur(16px)}.top-nav a{padding:0 14px;font-family:var(--display);font-size:19px;text-decoration:none}.top-nav a:hover{color:var(--cyan)}.top-nav span{width:32px;height:1px;background:rgba(255,255,255,.35)}.scene-progress{position:fixed;left:42px;bottom:35px;z-index:18;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px}.scene-progress b{color:var(--cyan);font-size:12px}.scene-progress i{width:52px;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(255,255,255,.15))}.scene-progress span{color:rgba(255,255,255,.45)}.scene-dots{position:fixed;right:35px;top:50%;z-index:18;display:grid;gap:11px;transform:translateY(-50%)}.scene-dots a{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.32);transition:.25s}.scene-dots a.active{height:24px;border-radius:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
main{position:relative;z-index:4}.scene-section{position:relative;min-height:118svh;display:grid;align-items:center;padding:112px clamp(28px,5vw,82px) 90px;scroll-snap-align:start}.scene-content{position:relative;width:min(1420px,100%);margin:auto}.eyebrow{position:absolute;left:0;top:0;width:100%;display:flex;align-items:center;gap:15px;color:rgba(224,246,255,.62);font-family:var(--mono);font-size:10px}.eyebrow i{width:90px;height:1px;background:var(--cyan)}.eyebrow b{font-weight:500;color:var(--cyan)}.hero-grid{min-height:calc(100svh - 202px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.72fr);grid-template-rows:1fr auto;gap:30px 5vw;align-items:center}.hero-copy{position:relative;z-index:3;max-width:820px}.chapter,.section-heading>span,.compact>span,.case-title>span,.contact-copy>span{color:var(--cyan);font-family:var(--mono);font-size:11px;letter-spacing:.12em}.hero-copy h1{margin:17px 0 0;font-family:var(--display);font-size:clamp(4.2rem,7.8vw,8.6rem);font-weight:400;line-height:.82;letter-spacing:-.03em}.hero-copy h1 span,.hero-copy h1 strong{display:block}.hero-copy h1 strong{color:transparent;-webkit-text-stroke:1px rgba(212,248,255,.75);font-weight:400;margin-left:1.2ch}.lead{max-width:39rem;margin:28px 0 0;color:rgba(234,245,251,.74);font-size:clamp(14px,1.1vw,17px);line-height:1.9}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.hero-actions a{font-family:var(--mono);font-size:11px;text-decoration:none}.primary-action{padding:14px 18px;border:1px solid rgba(143,248,255,.42);background:rgba(5,31,40,.5)}.primary-action:hover{background:rgba(42,162,180,.22)}.hero-figure{position:relative;height:min(72vh,680px);align-self:end;display:flex;align-items:end;justify-content:center}.hero-figure img{position:relative;z-index:2;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1) contrast(1.08);mask-image:linear-gradient(black 0 82%,transparent 100%)}.figure-halo{position:absolute;left:50%;top:45%;width:80%;aspect-ratio:1;border:1px solid rgba(143,248,255,.18);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 72px rgba(83,225,255,.14),inset 0 0 54px rgba(83,225,255,.08)}.hero-figure>p{position:absolute;z-index:3;right:0;bottom:14%;color:var(--cyan);font-family:var(--mono);font-size:10px;line-height:1.7}.hero-figure>p span{color:rgba(255,255,255,.52)}.metric-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(194,235,249,.18)}.metric-rail div{padding:17px 18px 5px;border-right:1px solid rgba(194,235,249,.14)}.metric-rail strong{display:block;font-family:var(--display);font-size:clamp(2rem,3vw,3.6rem);font-weight:400}.metric-rail span{color:var(--muted);font-family:var(--mono);font-size:9px}.scroll-cue{position:absolute;left:50%;bottom:-56px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.42);font-family:var(--mono);font-size:9px;text-decoration:none;transform:translateX(-50%)}.scroll-cue i{width:72px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.two-column{display:grid;grid-template-columns:minmax(300px,.44fr) minmax(620px,1fr);gap:7vw;align-items:center}.section-heading h2{margin:16px 0 0;font-family:var(--display);font-size:clamp(3.6rem,5.8vw,7rem);line-height:.9;font-weight:400}.section-heading>p{max-width:34rem;margin:24px 0 0;color:var(--muted);font-size:14px;line-height:1.9}.glass-panel{border:1px solid rgba(198,237,248,.2);background:linear-gradient(135deg,rgba(4,14,20,.84),rgba(5,30,38,.43));box-shadow:inset 0 0 42px rgba(143,248,255,.04),0 28px 80px rgba(0,0,0,.3);backdrop-filter:blur(13px)}.profile-board{display:grid;grid-template-columns:240px 1fr;padding:28px;gap:28px}.profile-photo{min-height:430px;overflow:hidden;background:#06090c}.profile-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}.profile-info{padding:12px 0}.mono{color:var(--cyan);font-family:var(--mono);font-size:10px;letter-spacing:.12em}.profile-info h3{margin:12px 0 20px;font-family:var(--display);font-size:4.4rem;font-weight:400}.ability-tags{display:flex;flex-wrap:wrap;gap:8px}.ability-tags span{padding:6px 9px;border:1px solid rgba(143,248,255,.2);color:rgba(237,250,255,.78);font-size:11px}.career-line{display:grid;grid-template-columns:145px 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.13)}.career-line:first-of-type{margin-top:28px}.career-line b{font-family:var(--mono);font-size:10px;color:var(--cyan)}.career-line p{margin:0;font-size:13px;line-height:1.7}.career-line span{color:var(--muted)}.profile-numbers{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13)}.profile-numbers div{padding:16px;background:rgba(0,10,15,.84)}.profile-numbers b{display:block;font-family:var(--display);font-size:2.2rem;font-weight:400}.profile-numbers span{color:var(--muted);font-size:10px}
.compact h2{font-size:clamp(3.8rem,6.3vw,7.6rem)}.project-layout{display:grid;grid-template-columns:minmax(330px,.48fr) minmax(560px,1fr);gap:26px 6vw;align-items:center}.project-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:27px;color:rgba(235,247,255,.52);font-family:var(--mono);font-size:9px}.portfolio-frame{position:relative;display:block;padding:0;border:1px solid rgba(221,245,255,.32);background:#03070a;overflow:hidden;cursor:zoom-in;box-shadow:0 32px 90px rgba(0,0,0,.48);transition:transform .35s ease,border-color .35s ease}.portfolio-frame:hover{border-color:var(--cyan);transform:translateY(-5px) rotate(0)}.portfolio-frame img{display:block;width:100%;height:100%;object-fit:cover}.portfolio-frame>span{position:absolute;left:0;right:0;bottom:0;padding:11px 13px;background:rgba(0,0,0,.78);color:rgba(255,255,255,.82);font-family:var(--mono);font-size:9px;text-align:left}.tilt-left{height:min(61vh,620px);transform:perspective(1100px) rotateY(-5deg) rotate(-.8deg)}.project-stats{grid-column:1;display:grid;grid-template-columns:repeat(2,1fr)}.project-stats div{padding:17px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.project-stats strong{display:block;font-family:var(--display);font-size:2.4rem;font-weight:400}.project-stats span{color:var(--muted);font-size:9px}.scope-line{grid-column:2;display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid rgba(255,255,255,.2);font-family:var(--mono);font-size:9px}.scope-line b{color:var(--cyan)}.scope-line i{width:16px;height:1px;background:rgba(255,255,255,.24)}
.method-layout{display:grid;grid-template-columns:minmax(300px,.34fr) minmax(600px,1fr);gap:20px 5vw;align-items:start}.sop-track{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(194,255,221,.16);border:1px solid rgba(194,255,221,.16)}.sop-track article{min-height:165px;padding:18px;background:rgba(0,12,9,.82)}.sop-track article:hover{background:rgba(19,65,48,.72)}.sop-track b{color:#88ffbc;font-family:var(--mono);font-size:10px}.sop-track h3{margin:18px 0 8px;font-family:var(--display);font-size:1.6rem;font-weight:400}.sop-track p{margin:0;color:rgba(232,255,242,.62);font-size:10px;line-height:1.65}.method-proof{grid-column:2;height:240px;margin-top:10px}.method-proof img{object-position:center 25%}
.case-layout{min-height:78vh;display:grid;grid-template-columns:.68fr 1fr;grid-template-rows:auto 1fr;gap:30px 6vw;align-items:center}.case-title h2{margin:10px 0 0;font-family:var(--display);font-weight:400;line-height:.8}.case-title h2 b{font-size:clamp(8rem,16vw,19rem);font-weight:400;color:transparent;-webkit-text-stroke:1px rgba(255,235,150,.78)}.case-title h2 em{font-size:clamp(2rem,4vw,5rem);font-style:normal;color:#ffe696}.case-title>p{margin:22px 0 0;font-size:clamp(1.3rem,2vw,2.2rem)}.case-copy{padding:28px}.case-copy h3{max-width:18ch;margin:15px 0;font-family:var(--display);font-size:clamp(2rem,3vw,3.6rem);font-weight:400;line-height:1.04}.case-copy>p:not(.mono){color:var(--muted);font-size:12px;line-height:1.9}.case-data{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;border-top:1px solid rgba(255,255,255,.14)}.case-data span{padding:13px 5px;color:var(--muted);font-size:9px}.case-data b{display:block;color:#ffe696;font-family:var(--display);font-size:1.8rem;font-weight:400}.case-proof{grid-column:1/-1;width:min(760px,70vw);height:340px;justify-self:end;transform:perspective(1000px) rotateX(3deg) rotateY(-6deg)}
.system-layout{display:grid;grid-template-columns:minmax(300px,.36fr) minmax(650px,1fr);gap:24px 5vw;align-items:start}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.workflow-grid article{min-width:0;padding:16px;border:1px solid rgba(231,255,195,.25);background:rgba(4,16,12,.78);overflow:hidden}.workflow-grid b{color:#e1ff98;font-family:var(--mono);font-size:9px}.workflow-grid h3{margin:12px 0 7px;font-family:var(--display);font-size:1.7rem;font-weight:400}.workflow-grid p{height:38px;margin:0 0 13px;color:rgba(239,255,230,.62);font-size:9px;line-height:1.6}.workflow-grid img{width:100%;height:190px;object-fit:cover;object-position:top}.workflow-proof{grid-column:2;height:330px}.workflow-proof img{object-position:center 26%}
.huxiu-layout{display:grid;grid-template-columns:minmax(320px,.4fr) minmax(650px,1fr);gap:24px 6vw;align-items:center}.huxiu-numbers{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(143,232,255,.2);background:rgba(0,14,27,.7)}.huxiu-numbers div{padding:18px;border-right:1px solid rgba(143,232,255,.15)}.huxiu-numbers b{display:block;font-family:var(--display);font-size:2.4rem;font-weight:400}.huxiu-numbers span{color:var(--muted);font-size:9px}.huxiu-proof{grid-column:2;height:370px;transform:perspective(1000px) rotateY(-5deg)}.work-list{grid-column:1;padding:10px 20px}.work-list article{display:grid;grid-template-columns:90px 1fr;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.work-list article:last-child{border:0}.work-list b{color:var(--cyan);font-family:var(--display);font-size:2rem;font-weight:400}.work-list p{margin:0;font-size:11px}.work-list span{display:block;color:var(--muted);margin-top:5px}
.contact-layout{min-height:78vh;display:grid;grid-template-columns:1fr 320px;align-items:center;gap:8vw}.contact-copy h2{margin:18px 0 0;font-family:var(--display);font-size:clamp(4rem,7.7vw,9rem);font-weight:400;line-height:.82}.contact-copy h2 b{color:var(--cyan);font-weight:400}.email-link{display:inline-block;margin-top:32px;color:#fff;font-family:var(--mono);font-size:clamp(1rem,1.5vw,1.5rem);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:7px}.email-link:hover{color:var(--cyan)}.contact-details{display:flex;gap:35px;margin-top:30px}.contact-details p{font-family:var(--mono);font-size:11px}.contact-details b{display:block;margin-bottom:7px;color:rgba(255,255,255,.46);font-size:8px}.qr-card{padding:18px;text-align:center;transform:rotate(2deg)}.qr-card img{display:block;width:100%;background:#fff}.qr-card p{margin:15px 0 0;font-size:12px}.qr-card span{color:var(--muted);font-size:9px}.footer-note{position:absolute;right:0;bottom:0;color:rgba(255,255,255,.38);font-family:var(--mono);font-size:8px;line-height:1.7;text-align:right}.lightbox{width:min(94vw,1500px);max-width:none;height:min(92vh,1000px);padding:0;border:1px solid rgba(143,248,255,.35);background:rgba(0,0,0,.9);overflow:hidden}.lightbox::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox button{position:absolute;right:12px;top:10px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#000;color:#fff;font-size:26px;cursor:pointer}
@media(max-width:1050px){html{scroll-snap-type:none}.scene-section{min-height:110svh;padding:110px 24px 84px}.two-column,.project-layout,.method-layout,.system-layout,.huxiu-layout{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr 340px}.hero-copy h1{font-size:clamp(4rem,10vw,7rem)}.profile-board{grid-template-columns:210px 1fr}.portfolio-frame,.tilt-left,.method-proof,.workflow-proof,.huxiu-proof,.case-proof{grid-column:1;width:100%;transform:none}.project-stats,.scope-line,.work-list{grid-column:1}.sop-track{grid-template-columns:repeat(4,1fr)}.workflow-grid{grid-template-columns:repeat(3,1fr)}.huxiu-numbers{grid-row:auto}.case-layout{grid-template-columns:1fr 1fr}.case-proof{height:300px}.brand-mark{left:20px;top:20px}.top-nav{right:20px;top:18px}.scene-dots{right:13px}.scene-progress{left:20px}}
@media(max-width:720px){.screen-noise{opacity:.45}.top-nav nav{height:44px;padding:0 10px}.top-nav a{font-size:16px;padding:0 8px}.top-nav span{width:12px}.scene-dots{display:none}.scene-section{min-height:auto;padding:105px 20px 74px}.scene-content{width:100%;min-width:0}.hero-scene{min-height:100svh}.hero-grid{min-height:calc(100svh - 179px);display:block}.eyebrow{position:relative;margin-bottom:55px}.eyebrow i{width:25px}.hero-copy h1{font-size:clamp(4.1rem,19vw,6.3rem)}.hero-copy h1 strong{margin-left:.35ch}.lead{font-size:13px}.hero-figure{height:43vh;margin-top:20px}.metric-rail{grid-template-columns:repeat(2,1fr);margin-top:10px}.metric-rail div{padding:12px}.metric-rail strong{font-size:2rem}.scroll-cue{display:none}.two-column,.project-layout,.method-layout,.case-layout,.system-layout,.huxiu-layout,.contact-layout{display:block;width:100%;max-width:100%}.section-heading h2,.compact h2{font-size:clamp(3.4rem,15vw,5.6rem)}.section-heading>p{font-size:12px}.profile-board{display:block;margin-top:35px;padding:16px}.profile-photo{height:420px;min-height:0}.profile-info h3{font-size:3.4rem}.career-line{grid-template-columns:110px 1fr}.profile-numbers{grid-template-columns:1fr;margin-top:10px}.project-layout>.portfolio-frame,.project-stats,.scope-line,.sop-track,.method-proof,.case-copy,.case-proof,.workflow-grid,.workflow-proof,.huxiu-numbers,.huxiu-proof,.work-list{margin-top:28px}.tilt-left,.huxiu-proof{height:310px}.scope-line{max-width:100%;overflow-x:auto;white-space:nowrap}.sop-track{grid-template-columns:repeat(2,1fr)}.sop-track article{min-height:145px}.method-proof{height:210px}.case-title h2 b{font-size:9rem}.case-title{margin-bottom:25px}.case-data{grid-template-columns:repeat(2,1fr)}.case-proof{height:230px}.workflow-grid{grid-template-columns:1fr}.workflow-grid p{height:auto}.workflow-grid img{height:210px}.workflow-proof{height:220px}.huxiu-numbers{grid-template-columns:repeat(2,1fr)}.work-list article{grid-template-columns:74px 1fr}.contact-layout{min-height:78vh}.contact-copy h2{font-size:clamp(4rem,17vw,6.4rem)}.contact-details{display:block}.qr-card{width:min(290px,80vw);margin:50px auto 0}.footer-note{position:relative;margin-top:50px}.origin-emblem{width:60vw}.orbit-a{width:110vw;height:40vw}.orbit-b{width:90vw;height:32vw}.screen-main{left:10%;width:85vw}.method-cage{width:70vw}.system-honeycomb{left:0;width:95vw}.huxiu-globe{width:80vw;right:-25%}.contact-ring{width:70vw}.backdrop-layer{filter:saturate(.9)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.particle-stage{display:none}}

/* Readability pass: restore natural photography and lower the full type scale. */
.hero-figure img,.profile-photo img{filter:none}
.top-nav a{font-size:16px}.brand-mark span{font-size:22px}
.chapter,.section-heading>span,.compact>span,.case-title>span,.contact-copy>span{font-size:10px}
.hero-copy h1{font-size:clamp(3.5rem,6.4vw,7rem);line-height:.94}
.hero-copy h1 strong{margin-top:.08em}
.lead{font-size:clamp(12px,.95vw,15px);line-height:2}
.section-heading h2{font-size:clamp(3rem,4.7vw,5.7rem);line-height:1}
.compact h2{font-size:clamp(3.15rem,5.1vw,6.2rem);line-height:1}
.section-heading>p{font-size:12px;line-height:2}
.profile-info h3{font-size:3.5rem;line-height:1.05}
.career-line p{font-size:12px;line-height:1.85}
.metric-rail strong{font-size:clamp(1.7rem,2.5vw,3rem)}
.profile-numbers b,.project-stats strong,.huxiu-numbers b{font-size:2rem}
.sop-track h3{font-size:1.35rem;line-height:1.18}.sop-track p{line-height:1.8}
.case-title h2 b{font-size:clamp(6.5rem,13vw,15rem)}.case-title h2 em{font-size:clamp(1.7rem,3.2vw,4rem)}
.case-title>p{font-size:clamp(1.1rem,1.65vw,1.8rem);line-height:1.45}
.case-copy h3{font-size:clamp(1.65rem,2.4vw,2.9rem);line-height:1.18}
.case-data b{font-size:1.5rem}
.workflow-grid h3{font-size:1.4rem;line-height:1.18}
.work-list b{font-size:1.65rem}
.contact-copy h2{font-size:clamp(3.3rem,6.2vw,7.2rem);line-height:.96}
.email-link{font-size:clamp(.9rem,1.2vw,1.2rem)}

@media(max-width:720px){
  .top-nav a{font-size:14px}
  .hero-copy h1{font-size:clamp(3rem,13vw,4.7rem);line-height:1.02}
  .section-heading h2,.compact h2{font-size:clamp(2.75rem,12vw,4.5rem);line-height:1.04}
  .profile-info h3{font-size:2.8rem}
  .case-title h2 b{font-size:7.2rem}.case-title h2 em{font-size:2.3rem}
  .case-copy h3{font-size:2rem;line-height:1.2}
  .contact-copy h2{font-size:clamp(3.2rem,14vw,5.2rem);line-height:1}
  .metric-rail strong{font-size:1.65rem}
}

/* PPT-first framework: every one of the 25 final slides maps to the site. */
.ppt-shell .scene-section{min-height:112svh;padding-top:104px;padding-bottom:72px}
.cover-grid{min-height:calc(100svh - 176px);display:grid;grid-template-columns:minmax(380px,.72fr) minmax(560px,1.05fr);grid-template-rows:1fr auto;gap:24px 5vw;align-items:center}
.cover-copy h1{margin:17px 0 0;font-family:var(--display);font-size:clamp(3.3rem,5.5vw,6.3rem);font-weight:400;line-height:.98}
.cover-copy h1 strong{color:var(--cyan);font-weight:400}.cover-shot{height:min(63vh,610px);transform:perspective(1100px) rotateY(-4deg)}
.metric-rail{grid-column:1/-1}.ppt-chapter{align-items:center}.chapter-grid{display:grid;grid-template-columns:minmax(270px,.32fr) minmax(680px,1fr);gap:26px 5vw;align-items:center}.chapter-single{grid-template-columns:minmax(300px,.4fr) minmax(620px,1fr)}
.chapter-copy>span{color:var(--cyan);font-family:var(--mono);font-size:9px;letter-spacing:.12em}.chapter-copy h2{margin:15px 0 0;font-family:var(--display);font-size:clamp(2.8rem,4.3vw,5.3rem);font-weight:400;line-height:1}.chapter-copy>p{max-width:35rem;margin:21px 0 0;color:var(--muted);font-size:12px;line-height:2}
.chapter-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.chapter-facts b{padding:8px 10px;border:1px solid rgba(143,248,255,.2);background:rgba(0,14,22,.44);font-family:var(--mono);font-size:9px;font-weight:500}
.deck-gallery{display:grid;gap:12px;align-items:stretch}.deck-gallery.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-gallery.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-gallery.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.deck-shot{position:relative;display:block;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(215,242,255,.25);background:#020508;box-shadow:0 28px 70px rgba(0,0,0,.42);cursor:zoom-in;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.deck-shot:hover{z-index:2;border-color:var(--cyan);box-shadow:0 32px 82px rgba(0,0,0,.55),0 0 28px rgba(143,248,255,.14);transform:translateY(-5px)}.deck-shot img{display:block;width:100%;height:100%;object-fit:cover}.deck-shot>span{position:absolute;left:0;right:0;bottom:0;padding:9px 11px;background:rgba(0,0,0,.8);color:rgba(255,255,255,.82);font-family:var(--mono);font-size:8px;text-align:left}.cols-2 .deck-shot,.cols-3 .deck-shot,.cols-4 .deck-shot{aspect-ratio:16/9}.deck-shot.featured{border-color:rgba(143,248,255,.48)}
.portrait-proof,.wide-proof,.contact-proof{aspect-ratio:16/9}.chapter-tall{min-height:126svh!important}.ppt-contact{min-height:108svh!important}.contact-ppt-grid{display:grid;grid-template-columns:1fr minmax(390px,.58fr) 230px;gap:32px;align-items:center}.contact-ppt-grid .qr-card{transform:rotate(2deg)}
@media(max-width:1080px){.ppt-shell .scene-section{min-height:auto}.cover-grid,.chapter-grid,.chapter-single,.contact-ppt-grid{grid-template-columns:1fr}.cover-shot,.portrait-proof,.wide-proof{height:auto;aspect-ratio:16/9;transform:none}.chapter-copy{max-width:680px}.deck-gallery{margin-top:10px}.contact-ppt-grid{grid-template-columns:1fr minmax(300px,.7fr)}.contact-ppt-grid .contact-copy{grid-column:1/-1}.contact-proof{height:auto;aspect-ratio:16/9}.contact-ppt-grid .qr-card{width:230px}}
@media(max-width:720px){.ppt-shell .scene-section{padding:102px 20px 68px}.cover-grid{display:block;min-height:auto}.cover-copy h1{font-size:clamp(3rem,13vw,4.7rem);line-height:1.03}.cover-shot{margin-top:34px}.chapter-grid,.chapter-single,.contact-ppt-grid{display:block}.chapter-copy h2{font-size:clamp(2.7rem,11.8vw,4.35rem);line-height:1.04}.chapter-copy>p{font-size:11px;line-height:1.9}.deck-gallery{margin-top:30px}.deck-gallery.cols-2,.deck-gallery.cols-3,.deck-gallery.cols-4{grid-template-columns:1fr}.cols-2 .deck-shot,.cols-3 .deck-shot,.cols-4 .deck-shot,.portrait-proof,.wide-proof,.contact-proof{height:auto;aspect-ratio:16/9}.deck-shot{margin-top:12px}.chapter-facts{gap:6px}.chapter-facts b{font-size:8px}.ppt-contact .contact-copy h2{font-size:clamp(3.1rem,13.5vw,5rem)}.contact-ppt-grid .qr-card{width:min(260px,78vw);margin:36px auto 0}}

/* Content-card portfolio. PPT content is re-authored as native web modules. */
.cards-shell .scene-section{min-height:114svh;padding:108px clamp(24px,5vw,76px) 76px}.card-scene-tall{min-height:132svh!important}.hero-card-grid{min-height:calc(100svh - 184px);display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.52fr);grid-template-rows:1fr auto;gap:24px 5vw;align-items:center}.hero-card-scene .hero-copy h1{font-size:clamp(3.4rem,6.1vw,7rem);line-height:.94}.hero-person{height:min(67vh,650px);padding:0;align-self:end;overflow:hidden}.hero-person img{width:100%;height:100%;object-fit:cover;object-position:center top}.person-label{position:absolute;left:18px;right:18px;bottom:16px;padding:12px 14px;background:rgba(0,10,16,.74);border:1px solid rgba(143,248,255,.22);backdrop-filter:blur(10px)}.person-label b,.person-label span{display:block}.person-label b{font-family:var(--display);font-size:1.7rem;font-weight:400}.person-label span{margin-top:4px;color:var(--cyan);font-family:var(--mono);font-size:8px}.hero-metrics{grid-column:1/-1}
.content-card{--mx:50%;--my:50%;position:relative;min-width:0;padding:20px;overflow:hidden;border:1px solid rgba(189,234,249,.2);background:linear-gradient(135deg,rgba(4,13,19,.91),rgba(3,25,31,.62));box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 0 30px rgba(143,248,255,.025);backdrop-filter:blur(13px);transform-style:preserve-3d;transition:border-color .25s ease,box-shadow .25s ease,transform .18s ease}.content-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle 160px at var(--mx) var(--my),rgba(143,248,255,.15),transparent 66%);opacity:0;transition:opacity .25s ease}.content-card:hover:before{opacity:1}.content-card:hover{border-color:rgba(143,248,255,.58);box-shadow:0 32px 76px rgba(0,0,0,.42),0 0 28px rgba(143,248,255,.1)}.content-card>*{position:relative;z-index:1}.hero-person>.person-label{position:absolute;z-index:3}.content-card h3{margin:12px 0 0;font-family:var(--display);font-size:clamp(1.3rem,1.9vw,2.15rem);font-weight:400;line-height:1.1}.content-card p{color:var(--muted);font-size:10px;line-height:1.75}.card-kicker{margin:0!important;color:var(--cyan)!important;font-family:var(--mono);font-size:8px!important;letter-spacing:.12em}.card-section-head{display:grid;grid-template-columns:minmax(260px,.43fr) 1fr;grid-template-rows:auto auto;column-gap:5vw;align-items:end;margin-bottom:30px}.card-section-head>span{grid-column:1;color:var(--cyan);font-family:var(--mono);font-size:9px;letter-spacing:.12em}.card-section-head h2{grid-column:1;margin:13px 0 0;font-family:var(--display);font-size:clamp(2.8rem,4.3vw,5.2rem);font-weight:400;line-height:1}.card-section-head>p{grid-column:2;grid-row:1/3;max-width:42rem;margin:0 0 8px;color:var(--muted);font-size:12px;line-height:1.9}.card-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.span-2{grid-column:span 2}.span-3{grid-column:1/-1}
.metric-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-card{min-height:118px;display:flex;flex-direction:column;justify-content:flex-end}.metric-card strong{font-family:var(--display);font-size:clamp(2rem,3vw,3.5rem);font-weight:400;line-height:1}.metric-card span{margin-top:10px;color:var(--muted);font-size:9px}.image-card,.visual-card,.case-hero{padding:0}.image-card img,.visual-card img,.case-hero>img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.94));padding-top:48px}.image-caption b,.image-caption span{display:block}.image-caption b{font-family:var(--display);font-size:1.45rem;font-weight:400}.image-caption span{margin-top:5px;color:rgba(255,255,255,.6);font-size:8px}.profile-cards .tall{grid-row:span 2;height:520px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.option-grid span{min-height:62px;display:grid;place-items:center;border:1px solid rgba(143,248,255,.16);background:rgba(0,16,24,.55);font-family:var(--display);font-size:1.35rem}.timeline-card b{color:var(--cyan);font-family:var(--mono);font-size:9px}.timeline-card p{margin-bottom:0}.project-cards .visual-card{height:320px}.phone-card{grid-row:span 2;height:450px}.process-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;color:rgba(255,255,255,.8);font-size:10px}.process-strip i{flex:1;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.audience-card{min-height:210px}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tag-row span{padding:6px 8px;border:1px solid rgba(143,248,255,.17);color:rgba(255,255,255,.68);font-size:8px}.ratio-card strong{display:block;color:var(--cyan);font-family:var(--display);font-size:3.4rem;font-weight:400}.ratio-card.major{grid-column:span 1;background:linear-gradient(135deg,rgba(7,42,51,.9),rgba(0,15,22,.78))}.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.question-card{min-height:145px}.question-card b,.sop-card b{color:#87ffbd;font-family:var(--mono);font-size:9px}.question-card p{margin:28px 0 0;color:#fff;font-family:var(--display);font-size:1.45rem;line-height:1.15}.sop-card-row{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:14px}.sop-card{min-height:92px;padding:13px}.sop-card span{display:block;margin-top:22px;font-family:var(--display);font-size:1.05rem}.case-hero{height:390px}.case-hero>img{object-position:top}.case-overlay{position:absolute;inset:auto 0 0;padding:70px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.96))}.case-overlay h3{font-size:2.3rem}.case-overlay strong{display:block;margin-top:12px;color:#ffe58f;font-family:var(--display);font-size:2.3rem;font-weight:400}.case-role ul{margin:18px 0 0;padding-left:18px;color:var(--muted);font-size:10px;line-height:2}.work-mini strong{color:#ffe58f;font-family:var(--display);font-size:2.3rem;font-weight:400}.work-mini p{margin-bottom:0}.operation-cards .visual-card,.ai-cards .visual-card{height:310px}.loop-card{display:grid;grid-template-columns:minmax(340px,.58fr) 1fr;gap:24px;align-items:center;padding:0}.loop-card img{width:100%;height:210px;object-fit:cover}.loop-card>div{padding:22px}.tool-card{min-height:165px}.tools{grid-template-columns:repeat(5,1fr)}.featured-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-card{min-height:350px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,rgba(6,15,31,.75),rgba(38,8,48,.78))}.work-card:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,232,141,.12);border-radius:50%;transform:scale(.8);transition:transform .4s ease,border-color .4s ease}.work-card:hover:after{transform:scale(1.18);border-color:rgba(255,232,141,.4)}.work-card b{color:#ffe58f;font-family:var(--display);font-size:4rem;font-weight:400}.work-card h3{font-size:2rem}.work-card p{margin:12px 0 0;color:#fff;font-family:var(--mono)}.work-card span{margin-top:8px;color:rgba(255,255,255,.45);font-size:8px}.contact-card-layout{min-height:78vh;display:grid;grid-template-columns:1fr minmax(260px,.32fr);gap:8vw;align-items:center}.contact-card-layout .qr-card{padding:18px}.contact-card-layout .qr-card img{width:100%}
.reveal-item{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .72s ease,transform .72s cubic-bezier(.22,.8,.2,1)}.reveal-item.is-visible{opacity:1;transform:translateY(0) scale(1)}
@media(max-width:1050px){.cards-shell .scene-section{min-height:auto}.card-scene-tall{min-height:auto!important}.hero-card-grid{grid-template-columns:1fr 310px}.card-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3{grid-column:1/-1}.question-grid{grid-template-columns:repeat(2,1fr)}.sop-card-row{grid-template-columns:repeat(4,1fr)}.featured-work-grid{grid-template-columns:1fr}.work-card{min-height:230px}.card-section-head{grid-template-columns:1fr}.card-section-head>p{grid-column:1;grid-row:auto;margin-top:14px}.tools{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.cards-shell .scene-section{padding:102px 20px 70px}.top-nav{display:none}.hero-card-grid{display:block;min-height:auto}.hero-card-scene .hero-copy h1{font-size:clamp(3rem,13vw,4.7rem);line-height:1.02}.hero-person{height:440px;margin-top:32px}.hero-metrics{grid-template-columns:repeat(2,1fr);margin-top:12px}.card-section-head h2{font-size:clamp(2.65rem,11.5vw,4.3rem)}.card-section-head>p{font-size:11px}.card-layout{grid-template-columns:1fr}.span-2,.span-3{grid-column:1}.profile-cards .tall,.phone-card{height:420px;grid-row:auto}.option-grid,.tools{grid-template-columns:repeat(2,1fr)}.project-cards .visual-card,.operation-cards .visual-card,.ai-cards .visual-card{height:230px}.process-strip{overflow-x:auto;white-space:nowrap}.question-grid{grid-template-columns:repeat(2,1fr)}.question-card{min-height:130px}.question-card p{font-size:1.2rem}.sop-card-row{grid-template-columns:repeat(2,1fr)}.case-hero{height:300px}.loop-card{display:block}.loop-card img{height:190px}.featured-work-grid{grid-template-columns:1fr}.work-card{min-height:250px}.contact-card-layout{display:block}.contact-card-layout .qr-card{width:min(280px,80vw);margin:46px auto 0}.card-tilt{transform:none!important}}
@media(prefers-reduced-motion:reduce){.reveal-item{opacity:1;transform:none;transition:none}}

/* React Bits Profile Card adapted to this site's native HTML/CSS stack. */
.profile-fx-card{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:.5;--pointer-from-left:.5;--background-x:50%;--background-y:50%;--rotate-x:0deg;--rotate-y:0deg;--profile-opacity:0;position:relative;height:min(67vh,650px);align-self:end;perspective:700px;touch-action:pan-y;isolation:isolate}
.profile-fx-behind{position:absolute;inset:4%;z-index:0;border-radius:24px;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(104,239,255,.72) 0,rgba(89,91,255,.28) 24%,transparent 58%);filter:blur(44px) saturate(1.2);opacity:calc(.72 * var(--profile-opacity));transition:opacity .25s ease}
.profile-fx-shell{position:relative;z-index:1;width:100%;height:100%;transition:transform .18s ease-out}
.profile-fx-face{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(143,248,255,.34);border-radius:24px;background:#02070c;box-shadow:rgba(0,0,0,.78) calc((var(--pointer-from-left) * 12px) - 4px) calc((var(--pointer-from-top) * 22px) - 7px) 28px -8px;transform:rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transform-style:preserve-3d;backface-visibility:hidden;transition:transform .7s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .25s ease}
.profile-fx-card.is-active{--profile-opacity:1}.profile-fx-card.is-active .profile-fx-face{border-color:rgba(143,248,255,.72);transition:transform .08s linear,border-color .2s ease,box-shadow .2s ease}
.profile-fx-inside{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:linear-gradient(145deg,rgba(15,44,62,.92),rgba(23,13,64,.78))}
.profile-fx-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:translate3d(calc((var(--pointer-from-left) - .5) * 9px),calc((var(--pointer-from-top) - .5) * 7px),2px) scale(1.035);transform-origin:center;transition:transform .13s ease-out;backface-visibility:hidden}
.profile-fx-shine,.profile-fx-glare,.profile-fx-lines{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.profile-fx-shine{z-index:2;opacity:calc(.58 * var(--profile-opacity));background-image:repeating-linear-gradient(0deg,#ff918d 0 5%,#ffe98d 10%,#a8ff9a 15%,#96fff4 20%,#97adff 25%,#e297ff 30%,#ff918d 35%),repeating-linear-gradient(-45deg,#06101f 0 3.8%,#b6d9db 4.5%,#06101f 5.2% 12%),radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.34),transparent 34%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-size:500% 500%,300% 300%,100% 100%;background-blend-mode:color,hard-light,screen;mix-blend-mode:color-dodge;filter:brightness(.82) contrast(1.35) saturate(.55);transition:opacity .28s ease}
.profile-fx-glare{z-index:3;background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),rgba(228,249,255,.46) 0,rgba(48,91,122,.18) 22%,transparent 62%);mix-blend-mode:overlay;opacity:calc(.8 * var(--profile-opacity))}
.profile-fx-lines{z-index:3;background:repeating-linear-gradient(112deg,transparent 0 26px,rgba(255,255,255,.11) 27px,transparent 28px);mask-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#000 0,transparent 48%);opacity:calc(.4 * var(--profile-opacity))}
.profile-fx-card .person-label{position:absolute;z-index:5;left:18px;right:18px;bottom:16px;padding:13px 14px;border:1px solid rgba(143,248,255,.26);border-radius:12px;background:rgba(0,10,16,.68);backdrop-filter:blur(18px);transform:translate3d(calc((var(--pointer-from-left) - .5) * -6px),calc((var(--pointer-from-top) - .5) * -6px),8px)}
.profile-fx-card .person-label b,.profile-fx-card .person-label span{display:block}.profile-fx-card .person-label b{font-family:var(--display);font-size:1.7rem;font-weight:400}.profile-fx-card .person-label span{margin-top:4px;color:var(--cyan);font-family:var(--mono);font-size:8px}
@media(max-width:720px){.profile-fx-card{height:440px;margin-top:32px;perspective:none}.profile-fx-face{border-radius:18px;transform:none!important}.profile-fx-photo{transform:scale(1.025)}.profile-fx-shine,.profile-fx-glare,.profile-fx-lines,.profile-fx-behind{display:none}.profile-fx-card .person-label{left:12px;right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.profile-fx-face,.profile-fx-photo,.profile-fx-card .person-label{transform:none!important}.profile-fx-shine,.profile-fx-glare,.profile-fx-lines,.profile-fx-behind{display:none}}

/* Profile page: resume information only; the portrait is reserved for the hero. */
.profile-resume-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.profile-resume-grid>.content-card{min-height:158px}.profile-intro-card{grid-column:span 2;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,rgba(3,35,42,.92),rgba(14,13,42,.72))}.profile-intro-card h3{font-size:clamp(1.9rem,2.65vw,3.25rem)}.profile-intro-card>p:not(.card-kicker){margin:10px 0 0}.profile-intro-card .profile-summary{max-width:38rem;color:rgba(235,246,251,.78);font-size:11px;line-height:1.9}.abilities-card{grid-column:span 4}.profile-resume-grid .abilities-card .option-grid{margin-top:24px}.profile-resume-grid .abilities-card .option-grid span{min-height:58px}.profile-resume-grid .timeline-card{grid-column:span 3;min-height:186px;display:flex;flex-direction:column;justify-content:flex-end}.profile-resume-grid .timeline-card h3{font-size:clamp(1.7rem,2.4vw,2.8rem)}.profile-resume-grid .metric-card{grid-column:span 2;min-height:150px}.profile-resume-grid .metric-card strong{font-size:clamp(2.6rem,4vw,4.7rem)}
#profile .card-section-head{grid-template-columns:minmax(390px,.5fr) 1fr}#profile .card-section-head h2{font-size:clamp(2.8rem,3.6vw,4.35rem);white-space:nowrap}
@media(max-width:1050px){.profile-resume-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-intro-card,.abilities-card{grid-column:1/-1}.profile-resume-grid .timeline-card{grid-column:span 1}.profile-resume-grid .metric-card{grid-column:span 1}.profile-resume-grid .metric-card:last-child{grid-column:1/-1}}
@media(max-width:1050px){#profile .card-section-head{grid-template-columns:1fr}#profile .card-section-head h2{white-space:normal}}
@media(max-width:720px){.profile-resume-grid{grid-template-columns:1fr}.profile-intro-card,.abilities-card,.profile-resume-grid .timeline-card,.profile-resume-grid .metric-card,.profile-resume-grid .metric-card:last-child{grid-column:1}.profile-resume-grid>.content-card{min-height:145px}.profile-resume-grid .abilities-card .option-grid{grid-template-columns:repeat(2,1fr)}.profile-resume-grid .timeline-card{min-height:155px}.profile-resume-grid .metric-card{min-height:125px}#profile .card-section-head h2{font-size:clamp(2.65rem,11.5vw,4.3rem)}}