@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&family=Oxanium:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#05070a;--ink:#eff3f8;--muted:#9ba9b9;--blue:#66baff;--line:#27303b;font-family:'Noto Sans SC',sans-serif;scroll-behavior:smooth;scroll-padding-top:110px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{color:inherit}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5%;position:absolute;top:0;left:0;width:100%;z-index:3;border-bottom:1px solid #ffffff24;background:linear-gradient(#05070acc,transparent)}.logo-crop{display:block;width:93px;height:47px;overflow:hidden;position:relative}.logo-crop img{max-width:none;width:159px;position:absolute;left:-36px;top:-22px}.site-header nav{display:flex;gap:clamp(20px,4vw,65px)}.site-header nav a{font-size:14px;transition:color .2s}.site-header nav a:hover{color:var(--blue)}.site-header nav span{display:block;font:13px 'Barlow Condensed',sans-serif;letter-spacing:.15em;margin-top:4px}.nav-note{font-size:12px;line-height:1.8;color:var(--muted)}.hero{min-height:850px;height:min(950px,100svh);position:relative;isolation:isolate;overflow:hidden}.hero-img{position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05070a 6%,#05070aea 28%,#05070a30 64%,transparent),linear-gradient(0deg,#05070a,transparent 20%);z-index:-2}.hero-top{position:absolute;right:5%;top:145px;text-align:right}.micro{font-size:12px;line-height:1.8;letter-spacing:.08em;color:#c4d1e1}.hero-copy{padding:205px 5% 85px;max-width:1000px}.eyebrow{font:14px 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:var(--blue);margin-bottom:35px}h1{font-size:clamp(55px,6.5vw,100px);line-height:1.2;letter-spacing:-.04em;font-weight:600}h1 span{margin-left:9vw;display:block}.hero-en{font:600 clamp(35px,4.2vw,67px)/.96 'Barlow Condensed',sans-serif;letter-spacing:-.01em;color:var(--blue);margin:25px 0 0 9vw}.hero-bottom{display:flex;gap:35px;align-items:end;margin-top:45px}.hero-bottom p{font-size:16px;line-height:1.8}.hero-bottom p span{font-size:14px;color:var(--muted)}.text-link{font-size:14px;padding:12px 0;border-bottom:1px solid #9bb2cc;white-space:nowrap}.text-link span{margin-left:25px;color:var(--blue)}.hero-index{position:absolute;bottom:24px;right:5%}.ticker{display:flex;gap:55px;justify-content:center;overflow:hidden;white-space:nowrap;padding:23px 0;background:#a6d6ff;color:#051525;font:500 26px 'Barlow Condensed',sans-serif;transform:rotate(-2deg) scale(1.01);position:relative;z-index:2}.ticker span:nth-child(even){font:500 20px 'Noto Sans SC',sans-serif}.section-pad{padding:115px 8%}.section-kicker{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:13px;color:var(--muted);letter-spacing:.07em}.manifesto{padding-top:140px;padding-bottom:150px}.manifesto-grid{display:grid;grid-template-columns:1fr 2.15fr;gap:8%;margin-top:85px}.small-copy{font-size:16px;line-height:1.9;color:#d2dbe6}.small-copy span{display:block;color:var(--muted);font-size:14px;margin-top:12px}h2{font-size:clamp(32px,4vw,59px);line-height:1.35;letter-spacing:-.03em;font-weight:500}.blue{color:var(--blue)}.large-en{font:500 28px/1.1 'Barlow Condensed',sans-serif;color:#8497ad;margin-top:20px}.body-copy{font-size:17px;line-height:1.95;max-width:560px;margin:40px 0 0 15%}.body-copy span{display:block;font-size:15px;color:var(--muted);margin-top:20px;line-height:1.8}.work-section{background:#080b10;padding-top:60px}.work-heading{display:flex;justify-content:space-between;align-items:end;margin:65px 0 85px}.work-heading h2{font-size:clamp(46px,7vw,100px);line-height:1.14}.work-heading em{font-style:normal;display:block;margin-left:5vw;color:var(--blue)}.work-heading>p{font:500 36px/1 'Barlow Condensed',sans-serif}.work-heading small{display:block;font:12px 'Noto Sans SC',sans-serif;margin-top:24px;color:var(--muted)}.artwork{display:block;width:100%;padding:0;border:0;position:relative;overflow:hidden;background:#0b1521;text-align:left}.artwork img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.artwork:hover img{transform:scale(1.035)}.mecha-art{height:570px}.mecha-art img{object-position:50% 25%}.art-tag{position:absolute;top:20px;left:22px;font-size:12px;letter-spacing:.1em;background:#05070abb;padding:8px 12px}.art-action{position:absolute;bottom:20px;right:22px;font-size:13px;background:#070b13d9;padding:15px 18px}.project-caption{display:flex;justify-content:space-between;gap:25px;padding-top:23px}.project-caption h3{font-weight:500;font-size:25px}.project-caption h3 span{display:block;font:500 20px 'Barlow Condensed',sans-serif;letter-spacing:.08em;color:#9fb5cc;margin-top:8px}.project-caption p{font-size:12px;line-height:1.8;color:var(--muted);text-align:right}.project-pair{display:grid;grid-template-columns:1.1fr .8fr;gap:12%;margin-top:100px}.chrome-art{height:650px}.work-aside{padding-top:180px}.cross{font:200 100px/1 sans-serif;color:var(--blue)}.work-aside h3{font-size:32px;line-height:1.5;font-weight:500;margin:30px 0 15px}.work-aside>p{font:500 20px/1.4 'Barlow Condensed',sans-serif;color:#a0b7ce}.work-note{margin-top:70px;font-size:14px;line-height:1.8;border-top:1px solid var(--line);padding-top:22px;color:var(--muted)}.work-note span{display:block;margin-top:12px}.brand-interlude{height:550px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.brand-interlude img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 87%;opacity:.42}.brand-interlude>div{position:relative}.brand-interlude h2{font-size:clamp(30px,4vw,60px);margin:25px 0 16px}.brand-interlude p{font:500 23px 'Barlow Condensed',sans-serif;letter-spacing:.08em}.founder-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:70px}.founder-intro>p{font:500 32px/1.05 'Barlow Condensed',sans-serif;color:var(--muted)}.founder-grid{display:grid;grid-template-columns:1fr .82fr;gap:12%;margin-top:85px}.founder:nth-child(2){margin-top:135px}.founder-photo{height:390px;background:#101720;position:relative;border-top:1px solid #526c88;display:flex;justify-content:space-between;flex-direction:column;padding:28px}.founder-num{font:500 140px/1 'Barlow Condensed',sans-serif;color:#273e55}.founder-photo p{font-size:14px;color:#9cacbf}.founder-photo p span{font:14px 'Barlow Condensed',sans-serif;letter-spacing:.1em;display:block;margin-top:8px}.founder-info{padding-top:24px}.founder-info h3{font-weight:500;font-size:24px}.founder-info h3 span{display:block;font:18px 'Barlow Condensed',sans-serif;color:var(--blue);margin-top:7px}.founder-info p{font-size:14px;line-height:1.9;margin-top:20px;color:var(--muted)}.social-section{padding-top:50px;padding-bottom:130px}.social-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:75px}.social-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0;border-bottom:1px solid var(--line)}.social-list h3{font-size:25px;font-weight:400}.social-list small{display:block;font-size:12px;color:#93a7bd;margin-top:7px}.social-list>div>span{font-size:12px;text-align:right;color:var(--muted);line-height:1.8}.social-note{font-size:13px;color:var(--muted);line-height:1.8;margin-top:25px}footer{padding:0 8% 35px;background:#0a1018}.footer-word{display:flex;align-items:center;justify-content:space-between;font:600 clamp(140px,27vw,380px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:-.07em;color:#b9d9f5}.footer-word>span{font:100 80px sans-serif;color:var(--blue)}.footer-bottom{border-top:1px solid #354356;padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:12px;line-height:1.8;color:var(--muted)}dialog{max-width:94vw;width:950px;max-height:94svh;border:1px solid #455569;background:#070b11;color:var(--ink);padding:22px}dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.viewer-bar h2{font-size:20px}.viewer-bar button{padding:12px;background:#172331;border:1px solid #435369;font-size:14px}#viewer-img{max-height:72svh;margin:auto;object-fit:contain}#download{display:block;text-align:center;padding:16px;color:var(--blue);font-size:14px}
@media(min-width:1600px){body{max-width:1920px;margin:auto}}@media(max-width:850px){.nav-note{display:none}.hero{min-height:860px}.hero-img{width:100%;opacity:.64}.hero-shade{background:linear-gradient(90deg,#05070ae6,#05070a25),linear-gradient(0deg,#05070a,transparent 30%)}.hero-top{display:none}.hero-copy{padding-top:200px}.hero-bottom{flex-direction:column;align-items:start}.section-pad{padding:80px 6%}.manifesto-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}.body-copy{margin-left:0}.work-heading{align-items:start;gap:25px}.work-heading>p{font-size:25px}.mecha-art{height:440px}.project-pair{gap:7%;grid-template-columns:1.1fr .9fr}.chrome-art{height:500px}.work-aside{padding-top:60px}.work-aside h3{font-size:25px}.project-caption{display:block}.project-caption p{text-align:left;margin-top:12px}.founder-intro{display:block}.founder-intro>p{margin-top:25px}.founder-grid{gap:7%}.founder-photo{height:310px}.social-layout{gap:6%}.social-list h3{font-size:21px}}
@media(max-width:540px){.site-header{padding:18px 5%;gap:15px;align-items:start}.logo-crop{width:66px;height:36px}.logo-crop img{width:119px;left:-27px;top:-17px}.site-header nav{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 22px}.site-header nav a{font-size:12px}.site-header nav span{font-size:12px;margin-top:2px}.hero{height:auto;min-height:860px}.hero-copy{padding-top:215px}.hero-img{object-position:59% 50%}h1{font-size:54px}.hero-en{font-size:41px}.hero-bottom{margin-top:40px}.ticker{gap:30px;font-size:23px}.ticker span:nth-child(even){font-size:18px}.section-kicker{font-size:12px}.work-heading{display:block;margin:45px 0}.work-heading>p{margin:25px 0 0 25%}.mecha-art{height:400px}.project-pair{grid-template-columns:1fr;margin-top:60px}.chrome-art{height:520px}.work-aside{padding-top:30px}.work-note{margin-top:30px}.brand-interlude{height:400px}.founder-grid{grid-template-columns:1fr;margin-top:50px}.founder:nth-child(2){margin-top:35px;margin-left:12%}.social-layout{grid-template-columns:1fr;gap:35px;margin-top:45px}.footer-bottom{flex-direction:column}.footer-word>span{font-size:45px}.viewer-bar{align-items:start}.viewer-bar h2{font-size:16px}.viewer-bar button{font-size:12px;white-space:nowrap}}

/* HnF kinetic signal banner */
.ticker{display:block;height:108px;padding:0;position:relative;z-index:2;overflow:hidden;white-space:nowrap;transform:none;background:linear-gradient(180deg,#07131f 0%,#02070d 48%,#07182a 100%);color:#eef9ff;border:0;box-shadow:0 -12px 48px #168cff3d,0 14px 52px #168cff3d,inset 0 0 52px #0e86ff24;isolation:isolate;clip-path:polygon(0 12px,4% 12px,5% 0,95% 0,96% 12px,100% 12px,100% calc(100% - 12px),96% calc(100% - 12px),95% 100%,5% 100%,4% calc(100% - 12px),0 calc(100% - 12px))}
.ticker::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 9%,#168cff12 9% 9.15%,transparent 9.15% 24%,#fff1 24% 24.08%,transparent 24.08% 100%),repeating-linear-gradient(118deg,transparent 0 34px,#54bfff09 35px 36px);pointer-events:none}
.ticker::after{content:"";position:absolute;top:0;bottom:0;left:-28%;width:24%;z-index:3;background:linear-gradient(90deg,transparent,#72cdff12 35%,#c9efff66 50%,#72cdff12 65%,transparent);filter:blur(8px);transform:skewX(-18deg);animation:tickerSweep 5.4s ease-in-out infinite;pointer-events:none}
.ticker-rail{position:absolute;left:0;right:0;height:1px;z-index:4;background:linear-gradient(90deg,transparent 0 3%,#2ba4ff 12%,#dff7ff 50%,#2ba4ff 88%,transparent 97%);box-shadow:0 0 8px #35b7ff,0 0 22px #168cff}
.ticker-rail::after{content:"";position:absolute;left:8%;width:9%;height:3px;top:-1px;background:#dff7ff;box-shadow:0 0 12px #6ed2ff,0 0 30px #168cff}
.ticker-rail-top{top:11px}.ticker-rail-bottom{bottom:11px;transform:scaleX(-1)}
.ticker-track{display:flex;align-items:center;width:max-content;height:100%;will-change:transform;animation:tickerSignal 26s linear infinite}
.ticker-set{display:flex;align-items:center;gap:clamp(30px,3.4vw,68px);padding:0 clamp(30px,3.4vw,68px) 0 0}
.ticker-set span{display:inline-flex;align-items:center;position:relative;text-transform:uppercase}
.ticker-set span:not(.ticker-brand)::after{content:"◆";position:absolute;right:-38px;font:9px/1 sans-serif;color:#62c6ff;text-shadow:0 0 9px #32b6ff}
.ticker-en{font:600 clamp(23px,2.1vw,34px)/1 'Barlow Condensed',sans-serif!important;letter-spacing:.085em;color:#f2faff;text-shadow:0 0 1px #fff,0 0 18px #4ab8ff80}
.ticker-zh{font:500 clamp(16px,1.25vw,21px)/1 'Noto Sans SC',sans-serif!important;letter-spacing:.18em;color:#7bcaff;text-shadow:0 0 14px #299eff8c}
.ticker-brand{font:700 clamp(25px,2.2vw,36px)/1 'Barlow Condensed',sans-serif!important;letter-spacing:.04em;padding:12px 22px 13px;color:#04111e;background:linear-gradient(120deg,#8dd7ff,#eefbff 47%,#58baff);border:1px solid #d9f4ff;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 24px #299eff8c;text-shadow:none}
@keyframes tickerSignal{to{transform:translateX(-50%)}}
@keyframes tickerSweep{0%,15%{left:-28%;opacity:0}30%{opacity:1}65%,100%{left:118%;opacity:0}}
@media(max-width:540px){.ticker{height:82px;clip-path:polygon(0 8px,5% 8px,7% 0,93% 0,95% 8px,100% 8px,100% calc(100% - 8px),95% calc(100% - 8px),93% 100%,7% 100%,5% calc(100% - 8px),0 calc(100% - 8px))}.ticker-rail-top{top:7px}.ticker-rail-bottom{bottom:7px}.ticker-set{gap:30px;padding-right:30px}.ticker-set span:not(.ticker-brand)::after{right:-20px}.ticker-en{font-size:22px!important}.ticker-zh{font-size:15px!important}.ticker-brand{font-size:22px!important;padding:9px 16px 10px}.ticker-track{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){.ticker-track,.ticker::after{animation:none}.ticker::after{display:none}}

/* Client feedback signal board */
.client-signals{position:relative;margin-top:135px;padding:72px 4% 58px;border:1px solid #35b7ff55;background:linear-gradient(145deg,#06111ecc,#02070df2 58%,#071b2bdd);box-shadow:0 0 46px #168cff24,inset 0 0 45px #168cff10;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);overflow:hidden}
.client-signals::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#43baff0d 50%,transparent 50.1%),linear-gradient(#43baff08 1px,transparent 1px);background-size:100% 100%,100% 36px}
.client-signals::after{content:"CLIENT VOICE / HnF";position:absolute;right:-8px;top:23px;font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:.24em;color:#7dccff;transform:rotate(90deg) translateX(100%);transform-origin:right top}
.client-signals-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:36px;border-bottom:1px solid #45baff5e}
.client-signals-head>div>p{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:#76cbff;margin-bottom:20px}.client-signals-head h2{font:600 clamp(38px,5vw,72px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.025em}.client-signals-head h2 span{color:#69c4ff}.client-signals-head>p{font:600 17px/1.25 'Barlow Condensed',sans-serif;letter-spacing:.13em;color:#bcd7eb;text-align:right}
.feedback-board{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
.feedback-card{position:relative;min-height:260px;padding:24px;border:1px solid #3caeff6e;background:linear-gradient(145deg,#0b1d31e8,#07111ded);box-shadow:0 0 22px #168cff14,inset 0 0 22px #168cff0d;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.feedback-card:hover{transform:translateY(-5px);border-color:#8ed7ff;box-shadow:0 0 32px #168cff36,inset 0 0 24px #168cff17}
.feedback-card::before{content:"";position:absolute;top:-1px;left:24px;width:72px;height:2px;background:#7dd2ff;box-shadow:0 0 14px #40b9ff}
.feedback-card header{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center}.feedback-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font:700 20px 'Barlow Condensed',sans-serif;color:#03111f;background:linear-gradient(145deg,#eaf9ff,#52baff);box-shadow:0 0 18px #42b7ff78}.feedback-card header strong{display:block;font:600 15px 'Barlow Condensed',sans-serif;letter-spacing:.09em}.feedback-card header small{display:block;margin-top:5px;font:500 10px 'Barlow Condensed',sans-serif;letter-spacing:.14em;color:#7d9ab3}.feedback-card header i{font:500 27px 'Barlow Condensed',sans-serif;color:#284c6d;font-style:normal}
.feedback-card blockquote{position:relative;margin:28px 0 25px;padding:20px 21px;font:400 16px/1.55 'Noto Sans',sans-serif;color:#ecf7ff;background:#102944;border-left:2px solid #69c9ff;border-radius:0 14px 14px 14px}.feedback-card blockquote::after{content:"";position:absolute;left:0;top:-10px;border-right:11px solid transparent;border-bottom:11px solid #102944}
.feedback-card footer{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:15px;padding-top:13px;border-top:1px solid #3f6482;font:600 10px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:#6e91ad}.feedback-card footer b{font-weight:600;color:#75ccff}
.feedback-end{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:36px;font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:#86a9c4}.feedback-end i{width:90px;height:1px;background:#57c2ff;box-shadow:0 0 10px #31adff}.feedback-end strong{color:#d9f1ff;font-weight:600}
@media(max-width:760px){.client-signals{margin-top:85px;padding:50px 22px 42px}.client-signals-head{display:block}.client-signals-head>p{margin-top:22px;text-align:left;font-size:14px}.feedback-board{grid-template-columns:1fr}.feedback-card{min-height:275px}.feedback-end{flex-wrap:wrap;text-align:center;line-height:1.6}.feedback-end i{width:45px}}

/* Social-platform message treatment */
.social-feedback-board{gap:22px}.social-card{min-height:340px;padding:0 22px 22px;border-radius:18px;overflow:hidden;background:#0a1524}.social-card::before{left:0;top:0;width:100%;height:3px}.social-card.instagram-card::before{background:linear-gradient(90deg,#ffda6b,#ff4f78,#c33cff,#4c6fff);box-shadow:0 0 20px #c33cff99}.social-card.facebook-card::before{background:#1877f2;box-shadow:0 0 20px #1877f2aa}.social-card.messenger-card::before{background:linear-gradient(90deg,#00b2ff,#6a5cff,#ff4fd8);box-shadow:0 0 20px #00b2ffaa}.social-card header{display:grid;grid-template-columns:38px 48px 1fr auto;gap:11px;padding:20px 0 16px;border-bottom:1px solid #29415a;align-items:center}.platform-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;font:700 24px/1 Arial,sans-serif}.instagram-icon{background:radial-gradient(circle at 30% 105%,#ffd56a 0 22%,#ff3c6f 42%,#b62cff 70%,#426cff 100%)}.facebook-icon{border-radius:50%;background:#1877f2;font-family:Arial,sans-serif}.messenger-icon{border-radius:50%;background:linear-gradient(145deg,#00b2ff,#7b4cff 65%,#ff4fd8);font-size:28px}.social-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid #69caff;background:#152b42;color:#eaf7ff;font:700 18px 'Barlow Condensed',sans-serif;box-shadow:0 0 12px #35b7ff55}.social-card header i{font:700 17px Arial,sans-serif;color:#8ea6bb;letter-spacing:.05em}.social-date{text-align:center;margin:15px 0 0;font:500 9px 'Barlow Condensed',sans-serif;letter-spacing:.18em;color:#6f89a0}.social-card blockquote{margin:13px 42px 11px 56px;padding:16px 18px;border:0;border-radius:18px 18px 4px 18px;background:#1764c0;font:400 15px/1.5 Arial,sans-serif;color:#fff;box-shadow:0 8px 20px #0004}.social-card blockquote::after{display:none}.instagram-card blockquote{background:linear-gradient(135deg,#27374b,#172436)}.messenger-card blockquote{background:#1877f2}.social-reaction{margin-left:58px;font:500 10px Arial,sans-serif;color:#88a1b7}.social-card footer{position:absolute;left:22px;right:22px;bottom:19px;justify-content:flex-start;gap:9px;border:0;padding:0;font:500 10px Arial,sans-serif;color:#8fa9c0}.social-card footer b{font-weight:500;color:#9bb3c8}.send-icon{font-size:13px;color:#62c6ff}.social-card:hover{transform:translateY(-6px) scale(1.005)}
@media(max-width:760px){.social-card{min-height:350px}.social-card header{grid-template-columns:34px 42px 1fr auto}.platform-icon{width:32px;height:32px;font-size:21px}.social-avatar{width:40px;height:40px}.social-card blockquote{margin-left:28px;margin-right:8px}.social-reaction{margin-left:30px}}
html,body{overflow-x:clip}.logo-crop img{height:auto}
.site-header nav a{font:600 18px 'Barlow Condensed',sans-serif;letter-spacing:.08em}.site-header nav span{font:400 12px 'Noto Sans SC',sans-serif;letter-spacing:.04em;color:var(--muted);margin-top:6px}.nav-note>span,.hero-top>span{font-size:12px;color:var(--muted)}.hero h1{font:600 clamp(66px,7.8vw,118px)/.94 'Barlow Condensed',sans-serif;letter-spacing:-.025em}.hero h1 span{margin-left:7vw;color:var(--blue)}.hero-zh{font-size:23px;line-height:1.6;color:#acbdd0;margin:24px 0 0 7vw;letter-spacing:.12em}.hero-bottom>p{font:500 23px/1.25 'Barlow Condensed',sans-serif}.hero-bottom>p>span{display:block;font:400 14px/1.7 'Noto Sans SC',sans-serif;margin-top:12px}.hero .text-link{font:500 18px 'Barlow Condensed',sans-serif;letter-spacing:.08em}.hero .text-link small{display:block;font:400 12px 'Noto Sans SC',sans-serif;color:var(--muted);letter-spacing:.03em;margin-top:8px}
@media(max-width:540px){.site-header nav a{font-size:16px}.site-header nav span{font-size:12px}.hero h1{font-size:clamp(49px,13.5vw,72px)}.hero-zh{font-size:19px;margin-top:22px}.hero-bottom>p{font-size:23px}.hero-copy{padding-top:210px}.hero .eyebrow{font-size:12px;letter-spacing:.13em}}
.founders-page{padding-top:110px;background:radial-gradient(ellipse at 100% 0%,#10243c,transparent 45%)}.founders-page .founder-intro h1{font:600 clamp(48px,7vw,102px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em}.founders-page .founder-intro h1 span{margin-left:0}.founders-page .founder-intro>p{font:400 20px/1.7 'Noto Sans SC',sans-serif}.site-header nav a[aria-current="page"]{color:var(--blue)}
@media(max-width:540px){.founders-page{padding-top:145px}.founders-page .founder-section{padding-top:35px}.founders-page .founder-intro{margin-top:45px}.founders-page .founder-intro>p{font-size:17px}}
/* Purpose-built landscape and portrait artwork fill their matching screens. */
body{max-width:none}
.hero{height:auto;min-height:max(850px,100svh);background:#03060a}
.hero::before{display:none}
.hero-img{inset:0;width:100%;height:100%;content:url("assets/mecha-wide.png");object-fit:cover;object-position:center;opacity:1}
.hero-shade{background:linear-gradient(90deg,rgba(5,7,10,.88),rgba(5,7,10,.52) 35%,rgba(5,7,10,.08) 70%),linear-gradient(0deg,rgba(5,7,10,.62),transparent 24%,transparent 78%,rgba(5,7,10,.22))}
@media(max-width:850px){.hero{min-height:max(860px,100svh)}.hero-img{content:url("assets/mecha.png");object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(5,7,10,.62),rgba(5,7,10,.08)),linear-gradient(0deg,rgba(5,7,10,.58),transparent 22%,transparent 76%,rgba(5,7,10,.3))}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
.founder-photo{height:560px;isolation:isolate;overflow:hidden;border-top-color:#66baff}.founder:nth-child(2) .founder-photo{height:440px}.founder-photo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,7,12,.08) 25%,rgba(3,7,12,.9) 100%),linear-gradient(90deg,rgba(7,11,17,.5),transparent 48%);pointer-events:none}.founder-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:saturate(.78) contrast(1.08) brightness(.86);transition:transform .7s,filter .7s}.founder-photo-two img{object-position:52% 50%}.founder-photo:hover img{transform:scale(1.025);filter:saturate(.92) contrast(1.08) brightness(.93)}.founder-num,.founder-photo p{position:relative;z-index:2}.founder-num{font-size:82px;color:#d9ecff80;text-shadow:0 0 28px #49a9ff66}.founder-photo p{align-self:flex-end;text-align:right;font:500 16px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:#eef7ff;background:#05070a99;border-right:2px solid var(--blue);padding:11px 14px;backdrop-filter:blur(8px)}.founder-photo p span{font:13px 'Noto Sans SC',sans-serif;letter-spacing:.08em;color:#aac8e3;margin-top:8px}
@media(max-width:540px){.founder-photo{height:480px}.founder:nth-child(2) .founder-photo{height:390px}.founder-photo-two img{object-position:50% 50%}}
.founder-shortcuts{position:absolute;right:5%;bottom:62px;z-index:2;display:flex;gap:18px;align-items:end}.founder-shortcut{display:grid;justify-items:center;gap:8px;color:#edf7ff;transition:transform .25s,color .25s}.founder-shortcut:hover{transform:translateY(-5px);color:var(--blue)}.founder-orbit{width:86px;aspect-ratio:1;display:block;position:relative;overflow:hidden;border-radius:50%;border:1px solid #83c9ff;box-shadow:0 0 0 5px #07101a99,0 0 24px #168cff66;background:#0b1119}.founder-orbit::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,transparent 48%,#52b5ff45)}.founder-orbit img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:saturate(.8) contrast(1.08);transition:transform .4s}.founder-shortcut-sean .founder-orbit img{object-position:54% 42%}.founder-shortcut:hover .founder-orbit img{transform:scale(1.08)}.founder-shortcut strong{font:500 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-shadow:0 2px 12px #000}.founder-shortcut:focus-visible{outline-offset:10px;border-radius:50%}
@media(max-width:850px){.founder-shortcuts{right:6%;bottom:64px;gap:14px}.founder-orbit{width:72px}.founder-shortcut strong{font-size:13px}}
@media(max-width:540px){.founder-shortcuts{right:6%;bottom:58px;gap:12px}.founder-orbit{width:62px;box-shadow:0 0 0 3px #07101a99,0 0 18px #168cff66}.founder-shortcut strong{font-size:12px}.hero-index{left:5%;right:auto}}
.founder-shortcuts{top:calc(100svh - 145px);bottom:auto}
@media(max-width:850px){.founder-shortcuts{top:calc(100svh - 132px);bottom:auto}}
@media(max-width:540px){.founder-shortcuts{top:calc(100svh - 120px);bottom:auto}}
.hero h1{font-family:'Space Grotesk','Barlow Condensed',sans-serif;font-weight:700;letter-spacing:-.065em;line-height:.87}.hero .eyebrow{font-family:'Space Grotesk','Barlow Condensed',sans-serif;font-weight:600}.hero-bottom>p,.hero .text-link{font-family:'Space Grotesk','Barlow Condensed',sans-serif}.manifesto h2{font-family:'Space Grotesk','Noto Sans SC',sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.055em}.manifesto-zh{font:500 21px/1.65 'Noto Sans SC',sans-serif;color:#8fa4ba;margin-top:25px;letter-spacing:.06em}.manifesto .small-copy{font-family:'Space Grotesk','Noto Sans SC',sans-serif}.manifesto .body-copy{font-family:'Space Grotesk','Noto Sans SC',sans-serif}
@media(max-width:540px){.hero h1{font-size:clamp(54px,16vw,70px);line-height:.9}.hero h1 span{margin-left:11vw}.hero-zh{margin-left:11vw}.manifesto h2{font-size:clamp(31px,10vw,48px)}.manifesto-zh{font-size:18px}}
.gallery-heading h2{font-family:'Space Grotesk',sans-serif;line-height:.94;letter-spacing:-.06em}.gallery-heading>p{font-family:'Noto Sans SC',sans-serif;line-height:1.35;text-align:right}.gallery-heading>p small{font-family:'Space Grotesk',sans-serif;letter-spacing:.08em}.work-gallery{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.gallery-display{min-width:0}.gallery-stage{width:100%;height:clamp(520px,56vw,760px);padding:0;position:relative;overflow:hidden;border:1px solid #29435c;background:#020509;box-shadow:0 0 0 1px #07101a,0 0 36px #0d72c62b;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.gallery-stage::before{content:"";position:absolute;inset:0;z-index:2;box-shadow:inset 0 0 55px #02070fcc;pointer-events:none}.gallery-stage>img{width:100%;height:100%;object-fit:contain;transition:opacity .18s,transform .45s}.gallery-stage:hover>img{transform:scale(1.012)}.gallery-stage>img.is-changing{opacity:.12}.gallery-scan{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#75c5ff0b 6px)}.gallery-status,.gallery-expand{position:absolute;z-index:3;font:600 13px 'Space Grotesk',sans-serif;letter-spacing:.11em;background:#03070cdb;border:1px solid #3b617e;padding:11px 14px;backdrop-filter:blur(8px)}.gallery-status{top:18px;left:18px}.gallery-status b{color:var(--blue)}.gallery-expand{right:18px;bottom:18px;color:#bfe5ff}.gallery-meta{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-top:22px}.gallery-type{font:600 12px 'Space Grotesk',sans-serif;letter-spacing:.13em;color:var(--blue);margin-bottom:8px}.gallery-meta h3{font:600 clamp(25px,3vw,42px)/1 'Space Grotesk',sans-serif;letter-spacing:-.035em}.gallery-meta>div>p:last-child{font-size:14px;color:var(--muted);margin-top:8px}.gallery-controls{display:flex;gap:10px;flex-shrink:0}.gallery-controls button{min-width:118px;padding:14px 16px;border:1px solid #4d7899;background:linear-gradient(135deg,#0b1825,#07101a);color:#dff3ff;font:600 13px 'Space Grotesk',sans-serif;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:inset 0 0 18px #187fc526;transition:color .2s,border-color .2s,box-shadow .2s,transform .2s}.gallery-controls button:hover{color:#fff;border-color:var(--blue);box-shadow:inset 0 0 24px #168cff55,0 0 20px #168cff38;transform:translateY(-2px)}.gallery-controls small{display:block;color:#7890a6;font:12px 'Noto Sans SC',sans-serif;margin-top:5px}.gallery-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:760px;overflow:auto;padding:2px 8px 2px 2px;scrollbar-color:#4faeff #0a1119;scrollbar-width:thin}.gallery-thumb{aspect-ratio:4/3;padding:0;position:relative;overflow:hidden;border:1px solid #233748;background:#05080d;opacity:.56;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));transition:opacity .25s,border-color .25s,transform .25s,box-shadow .25s}.gallery-thumb:hover{opacity:.9;transform:translateY(-2px);border-color:#5794be}.gallery-thumb.is-active{opacity:1;border-color:var(--blue);box-shadow:0 0 20px #1499ff73,inset 0 0 18px #168cff26}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb span{position:absolute;left:8px;bottom:7px;background:#03070cdd;color:#dff2ff;padding:5px 7px;font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.08em}.gallery-thumb.is-active span{background:var(--blue);color:#03101b}.gallery-rail::after{content:"SELECT · 切换作品";grid-column:1/-1;text-align:center;padding:12px;border-top:1px solid #274057;color:#71869a;font:600 11px 'Space Grotesk','Noto Sans SC',sans-serif;letter-spacing:.12em}
@media(max-width:850px){.work-gallery{grid-template-columns:1fr}.gallery-stage{height:clamp(390px,62vw,560px)}.gallery-rail{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;padding:3px 3px 12px}.gallery-thumb{flex:0 0 148px}.gallery-rail::after{display:none}.gallery-meta{align-items:center}}
@media(max-width:540px){.gallery-heading>p{text-align:left;margin-left:18%}.gallery-stage{height:350px}.gallery-status,.gallery-expand{font-size:11px;padding:9px 10px}.gallery-expand{right:12px;bottom:12px}.gallery-status{top:12px;left:12px}.gallery-meta{display:block}.gallery-controls{margin-top:22px}.gallery-controls button{flex:1;min-width:0}.gallery-thumb{flex-basis:122px}}
.gallery-heading>p small{line-height:1.8}.gallery-heading>p small span{color:var(--blue);font-family:'Space Grotesk',sans-serif;letter-spacing:.1em}

/* Selected Work — cinematic technology field */
.work-section{position:relative;isolation:isolate;overflow:hidden;background:
radial-gradient(ellipse at 84% 8%,#0b72c958 0,transparent 35%),
radial-gradient(ellipse at 4% 58%,#064f8f38 0,transparent 31%),
radial-gradient(circle at 74% 82%,#39b9ff20 0,transparent 23%),
linear-gradient(138deg,#020407 0%,#06101a 42%,#02060b 100%)}
.work-section::before{content:"";position:absolute;z-index:-2;inset:-15% -10%;pointer-events:none;background-image:linear-gradient(#5fbfff14 1px,transparent 1px),linear-gradient(90deg,#5fbfff14 1px,transparent 1px);background-size:72px 72px;transform:perspective(720px) rotateX(66deg) translateY(17%);transform-origin:50% 58%;mask-image:linear-gradient(to bottom,transparent 3%,#000 26%,#000 75%,transparent 96%);opacity:.7}
.work-section::after{content:"HnF   //   SELECTED WORK   02";position:absolute;z-index:-1;right:-3.2rem;top:27rem;pointer-events:none;color:#8bd0ff0d;font:700 clamp(90px,15vw,240px)/.8 'Space Grotesk',sans-serif;letter-spacing:-.08em;white-space:nowrap;transform:rotate(90deg) translateX(100%);transform-origin:100% 0;text-shadow:0 0 46px #168cff22}
.work-section>.section-kicker,.work-section>.work-heading,.work-section>.work-gallery{position:relative;z-index:1}
.work-section .section-kicker{border-color:#4daeff55}.work-section .section-kicker::before{content:"●  SYSTEM ONLINE";position:absolute;top:-28px;left:0;color:#58baff;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-shadow:0 0 12px #39a9ff}
.gallery-heading{position:relative}.gallery-heading::before{content:"";position:absolute;width:clamp(230px,31vw,520px);aspect-ratio:1;right:7%;top:-58%;z-index:-1;border:1px solid #6bc4ff2b;border-radius:50%;box-shadow:0 0 0 42px #61bdff0a,0 0 0 84px #61bdff08,inset 0 0 72px #168cff13;animation:workPulse 6s ease-in-out infinite}
.gallery-heading::after{content:"+  +  +  VISUAL SIGNAL  /  0206";position:absolute;right:0;top:-35px;color:#72b9e36b;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.25em}
.work-gallery::before{content:"";position:absolute;z-index:-1;left:-13%;right:-13%;top:14%;height:44%;background:linear-gradient(90deg,transparent,#078dff22 28%,#91d7ff36 50%,#078dff22 72%,transparent);filter:blur(55px);transform:skewY(-7deg);animation:workBeam 7s ease-in-out infinite alternate}
.gallery-stage{background-color:#020509;background-image:linear-gradient(135deg,#0b36502e,transparent 32%,transparent 68%,#087cc72b);border-color:#4dafff7a;box-shadow:0 0 0 1px #07101a,0 0 48px #0d72c646,12px 18px 70px #000b}
.gallery-rail{background:linear-gradient(180deg,#081522d9,#03070bd9);border:1px solid #2c668b55;padding:12px;box-shadow:inset 0 0 38px #168cff0d,0 18px 55px #0008;backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
@keyframes workPulse{0%,100%{opacity:.48;transform:scale(.96) rotate(0)}50%{opacity:1;transform:scale(1.045) rotate(8deg)}}
@keyframes workBeam{0%{opacity:.45;transform:translateX(-6%) skewY(-7deg)}100%{opacity:.9;transform:translateX(6%) skewY(-7deg)}}
@media(max-width:850px){.work-section::before{background-size:48px 48px}.work-section::after{display:none}.gallery-heading::before{right:-12%;top:-20%}.gallery-rail{padding:9px}.work-section .section-kicker::before{top:-23px}}
@media(max-width:540px){.work-section{background:radial-gradient(circle at 92% 9%,#0b72c94f,transparent 31%),radial-gradient(circle at 8% 66%,#087bc72b,transparent 30%),linear-gradient(145deg,#020407,#07111b 48%,#02060b)}.gallery-heading::before{width:250px;right:-42%;top:-5%}.gallery-heading::after{top:-20px;right:-8%;letter-spacing:.14em}.work-gallery::before{left:-40%;right:-40%;filter:blur(38px)}}
@media(prefers-reduced-motion:reduce){.gallery-heading::before,.work-gallery::before{animation:none}}

/* Stronger electric-blue presence and illuminated artwork frames */
.work-section{background:
radial-gradient(ellipse at 82% 7%,#087fd6a8 0,transparent 38%),
radial-gradient(ellipse at -4% 55%,#006fca78 0,transparent 34%),
radial-gradient(circle at 72% 84%,#22aeff55 0,transparent 28%),
linear-gradient(138deg,#010306 0%,#06182a 43%,#02070d 100%)}
.work-section::before{background-image:linear-gradient(#65c8ff2e 1px,transparent 1px),linear-gradient(90deg,#65c8ff2e 1px,transparent 1px);opacity:1;filter:drop-shadow(0 0 5px #138fff55)}
.gallery-heading::before{border-color:#85d7ff70;box-shadow:0 0 0 42px #61bdff18,0 0 0 84px #61bdff10,0 0 90px #078fff55,inset 0 0 90px #168cff2d}
.work-gallery::before{background:linear-gradient(90deg,transparent,#078dff55 25%,#a2e0ff73 50%,#078dff55 75%,transparent);filter:blur(48px)}
.gallery-stage{border:2px solid #68c5ff;box-shadow:0 0 0 1px #b7e8ff4d,0 0 22px #18a8ffcc,0 0 72px #087fd58f,12px 22px 76px #000d,inset 0 0 28px #139fff2b}
.gallery-stage::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 32px #168cff45,inset 0 0 2px 1px #b9e9ff}
.gallery-rail{border:1px solid #61c4ffcc;box-shadow:inset 0 0 42px #168cff22,0 0 18px #16a0ffb3,0 0 58px #087fd56b,0 20px 60px #000a}
.gallery-thumb{border:1px solid #55bfff;opacity:.72;box-shadow:0 0 8px #18a8ffb8,0 0 20px #087fd573,inset 0 0 12px #168cff38}
.gallery-thumb:hover{opacity:1;border-color:#bdeaff;box-shadow:0 0 13px #74d2ffff,0 0 28px #149dffc7,inset 0 0 18px #38b5ff55}
.gallery-thumb.is-active{border:2px solid #c5eeff;box-shadow:0 0 0 1px #38b9ff,0 0 17px #8cddffff,0 0 38px #089bffff,inset 0 0 22px #168cff66}
.gallery-thumb img[src*="portfolio-"]{object-fit:contain;background:#05080d}
.gallery-stage .gallery-expand{bottom:18px}.gallery-stage>img[src*="portfolio-"]{filter:saturate(1.12) contrast(1.05) brightness(1.08)}
@media(max-width:540px){.work-section{background:radial-gradient(circle at 90% 8%,#087fd69c,transparent 35%),radial-gradient(circle at 2% 64%,#007ccc70,transparent 34%),linear-gradient(145deg,#010306,#072038 48%,#02070d)}.gallery-stage{box-shadow:0 0 0 1px #b7e8ff4d,0 0 18px #18a8ffb8,0 0 48px #087fd579}.gallery-thumb{box-shadow:0 0 7px #18a8ffaa,0 0 15px #087fd566}}

/* HnF internal creative system */
.hnf-system{position:relative;isolation:isolate;overflow:hidden;padding-top:125px;padding-bottom:125px;background:radial-gradient(circle at 92% 14%,#087dcc72 0,transparent 27%),radial-gradient(circle at 5% 70%,#005ea652 0,transparent 29%),linear-gradient(145deg,#020407 0%,#071523 48%,#020509 100%)}
.hnf-system::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#67c5ff1e 1px,transparent 1px),linear-gradient(90deg,#67c5ff1e 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(115deg,#000 5%,transparent 62%,#000 100%)}
.hnf-system::after{content:"";position:absolute;z-index:-1;width:56vw;aspect-ratio:1;right:-17vw;top:6%;border:1px solid #6fc8ff45;border-radius:50%;box-shadow:0 0 0 48px #60bdff0c,0 0 0 96px #60bdff0a,0 0 95px #0a94ef4d,inset 0 0 100px #078cff1f;animation:systemOrbit 9s ease-in-out infinite}
.system-ghost{position:absolute;z-index:-1;left:-1.5%;top:16%;display:flex;flex-direction:column;color:#8fd6ff0b;font:700 clamp(120px,20vw,330px)/.67 'Space Grotesk',sans-serif;letter-spacing:-.09em;pointer-events:none}.system-ghost span:last-child{margin-left:12vw;-webkit-text-stroke:1px #8fd6ff1f;color:transparent}
.hnf-system>.section-kicker{border-color:#59bfff5c}.hnf-system>.section-kicker::before{content:"●  CORE ACTIVE / 04 MODULES ONLINE";position:absolute;margin-top:-34px;color:#65c7ff;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-shadow:0 0 12px #20a8ff}
.system-intro{display:grid;grid-template-columns:.62fr 2fr;gap:7%;align-items:start;margin-top:90px}.system-code{font:600 13px/1.8 'Space Grotesk',sans-serif;letter-spacing:.15em;color:#78c7f7;border-left:2px solid #4dbdff;padding-left:18px}.system-code span{font:400 12px 'Noto Sans SC',sans-serif;color:#8ca2b7;letter-spacing:.08em}.system-intro h2{font:700 clamp(45px,6.5vw,96px)/.91 'Space Grotesk',sans-serif;letter-spacing:-.065em}.system-outline{color:transparent;-webkit-text-stroke:1px #8bd6ff;text-shadow:0 0 30px #1ba4ff4d}.system-intro .manifesto-zh{max-width:560px;margin-left:8vw;color:#b7c9da;font-size:18px;border-left:1px solid #3e779c;padding-left:20px}
.system-statement{display:grid;grid-template-columns:.85fr 1.4fr;gap:11%;align-items:end;margin:120px 0 55px;padding:42px 0;border-top:1px solid #62c3ff45;border-bottom:1px solid #62c3ff45;background:linear-gradient(90deg,#0f8cdf12,transparent)}.system-statement>p:first-child{font:600 clamp(30px,4vw,58px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.04em}.system-statement strong{color:var(--blue);font-weight:600}.system-statement span{display:block;font:400 14px/1.7 'Noto Sans SC',sans-serif;color:#8fa5ba;letter-spacing:.06em;margin-top:18px}.system-statement>p:last-child{font:500 15px/1.8 'Space Grotesk',sans-serif;color:#d2dfeb;max-width:700px}
.system-units{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4fb8f547;border:1px solid #4fb8f547;box-shadow:0 0 44px #087fd533}.system-units article{position:relative;min-height:380px;padding:28px 24px;overflow:hidden;background:linear-gradient(160deg,#07121ee8,#03070bed);transition:background .3s,transform .3s,box-shadow .3s}.system-units article:hover{z-index:2;background:linear-gradient(160deg,#0b2a43,#06111d);transform:translateY(-7px);box-shadow:0 0 32px #159fff80}.system-units article::after{content:"+";position:absolute;right:18px;bottom:10px;color:#6dc8ff2b;font:200 80px/1 sans-serif}.unit-no{display:block;font:600 48px/1 'Space Grotesk',sans-serif;color:#75caff;text-shadow:0 0 18px #149fff8f}.unit-tag{font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.16em;color:#8098ad;margin:45px 0 15px}.system-units h3{font:600 clamp(22px,2.2vw,34px)/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;min-height:72px}.unit-zh{font-size:14px!important;color:#77c9fa!important;margin:15px 0 38px!important}.system-units article>p:last-child{font:500 11px/1.7 'Space Grotesk',sans-serif;color:#9fb0c0;letter-spacing:.04em}.system-units article>p:last-child span{display:block;font:400 11px/1.7 'Noto Sans SC',sans-serif;color:#6f8295;margin-top:7px}
.system-flow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:70px;padding:24px 28px;border:1px solid #55bfff66;background:#03090edb;box-shadow:inset 0 0 35px #128fff1a,0 0 28px #078fff2b;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.system-flow span{font:600 clamp(12px,1.35vw,18px) 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#dff4ff}.system-flow small{display:block;font:400 11px 'Noto Sans SC',sans-serif;color:#7291a9;margin-top:6px}.system-flow i{font-style:normal;color:#4dbdff;text-shadow:0 0 12px #24acff;font-size:23px}.system-footer{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:38px;color:#72879a;font:600 10px/1.8 'Space Grotesk',sans-serif;letter-spacing:.12em}.system-footer p:last-child{text-align:right;color:#c7d6e2;font-size:13px}.system-footer p:last-child span{color:var(--blue)}
@keyframes systemOrbit{0%,100%{opacity:.55;transform:scale(.96) rotate(0)}50%{opacity:1;transform:scale(1.04) rotate(12deg)}}
@media(max-width:950px){.system-intro{grid-template-columns:1fr}.system-code{margin-bottom:30px}.system-units{grid-template-columns:repeat(2,1fr)}.system-units article{min-height:330px}.system-statement{gap:6%}}
@media(max-width:540px){.hnf-system{padding-top:95px;padding-bottom:90px;background:radial-gradient(circle at 96% 11%,#087dcc75,transparent 30%),linear-gradient(150deg,#020407,#071827 55%,#020509)}.hnf-system::before{background-size:38px 38px}.hnf-system::after{width:110vw;right:-62vw;top:7%}.system-ghost{top:19%;font-size:94px}.system-intro{margin-top:60px}.system-intro h2{font-size:clamp(40px,12vw,58px)}.system-intro .manifesto-zh{margin-left:0;font-size:16px}.system-statement{grid-template-columns:1fr;margin:85px 0 38px;padding:30px 0}.system-statement>p:last-child{margin-top:12px}.system-units{grid-template-columns:1fr}.system-units article{min-height:285px}.unit-tag{margin-top:25px}.unit-zh{margin-bottom:25px!important}.system-flow{overflow-x:auto;justify-content:flex-start;gap:18px;padding:20px}.system-flow span{min-width:78px}.system-footer{display:block}.system-footer p:last-child{text-align:left;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.hnf-system::after{animation:none}.system-units article{transition:none}}

/* Founders — dual-core future chamber */
.founder-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 24% 48%,#087fd67d 0,transparent 25%),radial-gradient(circle at 78% 63%,#174bbd66 0,transparent 27%),radial-gradient(ellipse at 50% 100%,#168cff42 0,transparent 42%),linear-gradient(138deg,#010307 0%,#071321 48%,#02050a 100%)}
.founder-section::before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(#6bc7ff26 1px,transparent 1px),linear-gradient(90deg,#6bc7ff26 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 28%,transparent 86%);transform:perspective(800px) rotateX(58deg) scale(1.35);transform-origin:50% 75%}
.founder-section::after{content:"FOUNDERS";position:absolute;z-index:-1;left:-1.5%;top:18%;color:transparent;-webkit-text-stroke:1px #83d1ff20;font:700 clamp(120px,22vw,360px)/.8 'Space Grotesk',sans-serif;letter-spacing:-.09em;text-shadow:0 0 55px #168cff21;pointer-events:none;white-space:nowrap}
.founder-section>.section-kicker,.founder-section>.founder-intro,.founder-section>.founder-grid{position:relative;z-index:1}.founder-section>.section-kicker{border-color:#5cc0ff70}.founder-section>.section-kicker::before{content:"●  DUAL CORE / FOUNDERS ONLINE";position:absolute;top:-28px;left:0;color:#64c6ff;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-shadow:0 0 12px #28aaff}
.founder-intro h2{font:700 clamp(48px,7vw,104px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.065em}.founder-intro>p{color:#c6d6e5;text-align:right;text-shadow:0 0 22px #158fff75}.founder-grid{position:relative}.founder-grid::before,.founder-grid::after{content:"";position:absolute;z-index:-1;width:46%;aspect-ratio:1;border-radius:50%;top:4%;border:1px solid #75ceff5c;box-shadow:0 0 0 32px #5fc4ff12,0 0 0 64px #5fc4ff0c,0 0 75px #139fff7a,inset 0 0 85px #139fff28;animation:founderCore 7s ease-in-out infinite}.founder-grid::before{left:-7%}.founder-grid::after{right:-4%;top:20%;animation-delay:-3.5s;border-color:#5688ff66;box-shadow:0 0 0 32px #336eff14,0 0 0 64px #336eff0c,0 0 75px #2864ff70,inset 0 0 85px #225fff28}
.founder{position:relative}.founder::before{content:"CO-FOUNDER // HnF";position:absolute;z-index:4;top:18px;right:18px;color:#dff4ff;background:#03070bc7;border:1px solid #55bfff80;padding:8px 10px;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.16em;backdrop-filter:blur(8px)}
.founder-photo{border:1px solid #6ac8ff;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));box-shadow:0 0 0 1px #bceaff47,0 0 24px #1aa7ffb8,0 0 75px #087fd575,inset 0 0 30px #139fff38;background:#03070b}.founder:nth-child(2) .founder-photo{border-color:#7796ff;box-shadow:0 0 0 1px #bec9ff47,0 0 24px #4777ffad,0 0 75px #204eff6e,inset 0 0 30px #315fff3d}.founder-photo::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 5px,#79cfff0d 6px),linear-gradient(120deg,transparent 0 44%,#9be0ff1c 50%,transparent 56%);background-size:auto,220% 100%;animation:founderScan 6s linear infinite}.founder-photo::after{background:linear-gradient(180deg,#03070b05 28%,#02060ad9 100%),linear-gradient(90deg,#07111ca1,transparent 48%);box-shadow:inset 0 0 35px #168cff38}.founder:nth-child(2) .founder-photo::after{box-shadow:inset 0 0 35px #315fff40}
.founder-num{color:#dff3ffa6;text-shadow:0 0 12px #fff,0 0 34px #36b5ff}.founder:nth-child(2) .founder-num{text-shadow:0 0 12px #fff,0 0 34px #557bff}.founder-info{border-top:1px solid #52bfff73;margin-top:16px;padding:24px 4px 0}.founder:nth-child(2) .founder-info{border-color:#607fff73}.founder-info h3{font:600 clamp(28px,3.2vw,48px)/1 'Space Grotesk',sans-serif;letter-spacing:-.04em}.founder-info h3 span{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-top:11px}.founder-info p{max-width:480px}
@keyframes founderCore{0%,100%{opacity:.48;transform:scale(.94) rotate(0)}50%{opacity:1;transform:scale(1.05) rotate(10deg)}}@keyframes founderScan{0%{background-position:0 0,180% 0}100%{background-position:0 0,-120% 0}}
@media(max-width:850px){.founder-section::before{background-size:46px 46px}.founder-grid::before{width:60%;left:-15%}.founder-grid::after{width:56%;right:-12%}.founder::before{top:14px;right:14px}.founder-intro>p{text-align:left}}
@media(max-width:540px){.founder-section{background:radial-gradient(circle at 20% 39%,#087fd675,transparent 28%),radial-gradient(circle at 86% 77%,#174bbd66,transparent 30%),linear-gradient(145deg,#010307,#071725 50%,#02050a)}.founder-section::after{top:14%;font-size:105px}.founder-grid::before{width:110%;left:-55%;top:2%}.founder-grid::after{width:105%;right:-54%;top:55%}.founder-photo{box-shadow:0 0 0 1px #bceaff3d,0 0 19px #1aa7ffa8,0 0 48px #087fd56b}.founder:nth-child(2) .founder-photo{box-shadow:0 0 0 1px #bec9ff3d,0 0 19px #4777ffa1,0 0 48px #204eff61}.founder:nth-child(2){margin-left:0}.founder-info h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.founder-grid::before,.founder-grid::after,.founder-photo::before{animation:none}}

/* Founders — collective story typography */
.founder-story{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.45fr;gap:10%;margin-top:105px;padding:55px 0;border-top:1px solid #65c7ff70;border-bottom:1px solid #65c7ff70;background:linear-gradient(90deg,#087fd61c,transparent 48%,#1e4db51a)}
.founder-story::before{content:"COLLECTIVE / 共同创办";position:absolute;top:-27px;right:0;color:#6bc7ff;font:600 9px 'Space Grotesk','Noto Sans SC',sans-serif;letter-spacing:.2em;text-shadow:0 0 12px #1ca5ff}
.founder-story-lead{font:600 clamp(30px,4.2vw,64px)/.92 'Space Grotesk',sans-serif;letter-spacing:-.055em}.founder-story-lead strong{display:block;color:var(--blue);font-weight:600;text-shadow:0 0 28px #159fff55}.founder-story-lead>span{display:block;margin-top:25px;color:#90a9bf;font:400 14px/1.8 'Noto Sans SC',sans-serif;letter-spacing:.05em}
.founder-story-copy{display:grid;gap:28px}.founder-story-copy>p{font:500 15px/1.85 'Space Grotesk',sans-serif;color:#d6e3ee}.founder-story-copy>p>span{display:block;margin-top:10px;color:#899fb3;font:400 13px/1.8 'Noto Sans SC',sans-serif}.founder-story-copy .founder-mission{margin-top:8px;padding:22px 24px;border-left:2px solid #58c1ff;background:#061421b8;color:#c8def0;font-size:13px;letter-spacing:.06em;box-shadow:inset 20px 0 35px #128fff13}.founder-mission b{color:#72caff;font:600 clamp(16px,1.8vw,25px)/1.3 'Space Grotesk',sans-serif}.founder-mission span{color:#b1c3d2!important}
.founder-values{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,75px);margin:40px 0 0;padding:24px;border:1px solid #5dc1ff70;background:#02080ddb;box-shadow:inset 0 0 32px #168cff1c,0 0 32px #087fd535;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}.founder-values span{font:600 clamp(13px,1.55vw,20px) 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#e1f4ff;text-align:center}.founder-values small{display:block;margin-top:7px;color:#7898b1;font:400 11px 'Noto Sans SC',sans-serif;letter-spacing:.08em}.founder-values i{font:200 28px/1 sans-serif;color:#5bc4ff;text-shadow:0 0 14px #27adff}.founder-section .founder-grid{margin-top:85px}
@media(max-width:850px){.founder-story{grid-template-columns:1fr;gap:45px;margin-top:80px}.founder-story-lead{max-width:680px}.founder-values{justify-content:space-between}}
@media(max-width:540px){.founder-story{margin-top:65px;padding:40px 0;gap:35px}.founder-story::before{right:auto;left:0}.founder-story-copy{gap:22px}.founder-story-copy .founder-mission{padding:18px}.founder-values{gap:12px;padding:18px 12px}.founder-values span{font-size:11px;letter-spacing:.05em}.founder-values small{font-size:9px}.founder-values i{font-size:18px}.founder-section .founder-grid{margin-top:60px}}

/* Portfolio 02 — motion and video archive */
.video-work{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 88% 16%,#8a28ff45 0,transparent 27%),radial-gradient(circle at 12% 82%,#007dcc70 0,transparent 30%),linear-gradient(142deg,#010306 0%,#071426 48%,#030510 100%);padding-top:110px;padding-bottom:110px}.video-work::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#73caff1f 1px,transparent 1px),linear-gradient(90deg,#73caff1f 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(135deg,#000,transparent 58%,#000)}.video-work::after{content:"MOTION";position:absolute;z-index:-1;right:-2%;top:12%;color:transparent;-webkit-text-stroke:1px #8ed8ff1d;font:700 clamp(130px,23vw,380px)/.8 'Space Grotesk',sans-serif;letter-spacing:-.09em;text-shadow:0 0 65px #168cff28;pointer-events:none}.video-work>.section-kicker{border-color:#64c7ff69}.video-work>.section-kicker::before{content:"●  VIDEO SIGNAL / 06 SOURCES CONNECTED";position:absolute;top:-28px;left:0;color:#6fcbff;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-shadow:0 0 13px #1ca7ff}
.video-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin:70px 0 75px}.video-eyebrow{margin-bottom:24px;color:#72c9ff;font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.18em}.video-heading h2{font:700 clamp(58px,8vw,118px)/.83 'Space Grotesk',sans-serif;letter-spacing:-.07em}.video-heading h2 span{color:var(--blue);text-shadow:0 0 35px #168cff69}.video-heading>p{font:500 clamp(21px,2.3vw,34px)/1.45 'Noto Sans SC',sans-serif;text-align:right}.video-heading>p small{display:block;margin-top:22px;color:#7191aa;font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.18em}
.video-gallery{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:28px;align-items:start;position:relative}.video-gallery::before{content:"";position:absolute;z-index:-1;left:-12%;right:-12%;top:20%;height:52%;background:linear-gradient(90deg,transparent,#078dff3d 30%,#9d4eff42 72%,transparent);filter:blur(55px);transform:skewY(-6deg)}.video-main{min-width:0}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#020407;border:2px solid #69c8ff;box-shadow:0 0 0 1px #c2edff45,0 0 25px #1aa7ffc2,0 0 82px #087fd579,inset 0 0 30px #139fff38;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-scan{position:absolute;z-index:2;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 6px,#80d2ff0c 7px);box-shadow:inset 0 0 42px #168cff35}.video-status{position:absolute;z-index:3;top:18px;left:18px;padding:10px 13px;background:#02060bd9;border:1px solid #5fc4ff9c;color:#dff5ff;font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.14em;backdrop-filter:blur(8px)}.video-status b{color:#69caff}.video-meta{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:24px}.video-meta>div>p{color:#6bc8ff;font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.16em}.video-meta h3{margin-top:9px;font:600 clamp(25px,3vw,42px)/1 'Space Grotesk',sans-serif;letter-spacing:-.04em}.video-meta>div>small{display:block;margin-top:8px;color:#8ba1b5;font-size:13px}.video-meta>a{flex-shrink:0;padding:14px 16px;border:1px solid #59bfff91;background:#071522;color:#dff4ff;font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.09em;box-shadow:inset 0 0 18px #168cff21,0 0 18px #168cff30}.video-meta>a small{display:block;margin-top:6px;color:#7892a8;font:400 10px 'Noto Sans SC',sans-serif}
.video-rail{display:grid;gap:13px;max-height:640px;overflow:auto;padding:10px;background:linear-gradient(180deg,#081625dc,#03070bdd);border:1px solid #62c6ff9c;box-shadow:inset 0 0 38px #168cff1f,0 0 22px #149fff91,0 0 64px #762fff35;scrollbar-color:#55bfff #07111b;scrollbar-width:thin;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;padding:0;border:1px solid #376b8e;background:#020509;opacity:.62;box-shadow:0 0 9px #149fff5c;transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.video-thumb:hover{opacity:1;transform:translateY(-2px);border-color:#a6e3ff;box-shadow:0 0 15px #66caffc2,0 0 30px #168cffa3}.video-thumb.is-active{opacity:1;border:2px solid #c4edff;box-shadow:0 0 0 1px #41bdff,0 0 18px #8edbffff,0 0 36px #168cffe0}.video-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}.video-thumb::after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);display:grid;place-items:center;width:38px;aspect-ratio:1;border:1px solid #bfeaff;border-radius:50%;background:#02070abf;color:#fff;font-size:13px;text-shadow:0 0 12px #55c5ff;box-shadow:0 0 20px #168cff87}.video-thumb span{position:absolute;z-index:2;left:7px;right:7px;bottom:7px;display:flex;justify-content:space-between;padding:6px 8px;background:#02060bd9;color:#cfefff;font:600 9px 'Space Grotesk','Noto Sans SC',sans-serif;letter-spacing:.1em}.video-thumb span b{color:#64c8ff}.video-thumb.is-active span{background:#58bdff;color:#03101b}.video-thumb.is-active span b{color:#03101b}.video-footer{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:18px;border-top:1px solid #5cc4ff54;color:#708ba1;font:600 10px 'Space Grotesk',sans-serif;letter-spacing:.15em}
@media(max-width:850px){.video-heading{align-items:start}.video-gallery{grid-template-columns:1fr}.video-rail{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden}.video-thumb{flex:0 0 210px}.video-work::before{background-size:46px 46px}}
@media(max-width:540px){.video-work{padding-top:90px;padding-bottom:85px}.video-heading{display:block;margin:55px 0}.video-heading h2{font-size:clamp(56px,18vw,82px)}.video-heading>p{text-align:left;margin-top:35px;font-size:20px}.video-frame{border-width:1px;box-shadow:0 0 0 1px #c2edff3d,0 0 18px #1aa7ffa8,0 0 50px #087fd568}.video-status{top:11px;left:11px;font-size:9px;padding:8px 9px}.video-meta{display:block}.video-meta>a{display:inline-block;margin-top:22px}.video-thumb{flex-basis:165px}.video-footer{display:block;line-height:1.8}.video-footer span{display:block;margin-top:6px}}
.site-header nav{gap:clamp(15px,2.8vw,46px)}

/* Social channels — live signal terminal */
.social-section{position:relative;isolation:isolate;overflow:hidden;padding-top:115px;padding-bottom:125px;background:radial-gradient(circle at 88% 14%,#8e27ff57 0,transparent 28%),radial-gradient(circle at 5% 73%,#007fd582 0,transparent 32%),radial-gradient(ellipse at 55% 100%,#156cff40 0,transparent 43%),linear-gradient(145deg,#010307 0%,#071222 48%,#03040b 100%)}.social-section::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(#70caff25 1px,transparent 1px),linear-gradient(90deg,#70caff25 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(145deg,#000,transparent 62%,#000)}.social-section::after{content:"CONNECT";position:absolute;z-index:-1;left:-2%;top:13%;color:transparent;-webkit-text-stroke:1px #8bd8ff1f;font:700 clamp(130px,24vw,390px)/.8 'Space Grotesk',sans-serif;letter-spacing:-.1em;text-shadow:0 0 70px #168cff32;pointer-events:none;white-space:nowrap}.social-section>.section-kicker{border-color:#5dc4ff73}.social-section>.section-kicker::before{content:"●  NETWORK ONLINE / 04 CHANNELS ACTIVE";position:absolute;top:-28px;left:0;color:#69c9ff;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.2em;text-shadow:0 0 13px #1ca7ff}
.social-hero{display:grid;grid-template-columns:.58fr 1.45fr;gap:8%;align-items:start;margin:85px 0 80px}.social-code{border-left:2px solid #5cc5ff;padding-left:18px;color:#78c9fa;font:600 12px/1.8 'Space Grotesk',sans-serif;letter-spacing:.16em}.social-code span{color:#7e91a4;font-size:10px}.social-hero h2{font:700 clamp(68px,10vw,150px)/.79 'Space Grotesk',sans-serif;letter-spacing:-.075em}.social-hero h2 span{text-shadow:0 0 38px #168cff69}.social-hero>div>p{max-width:590px;margin:36px 0 0 12%;padding-left:20px;border-left:1px solid #4a83a9;color:#aebfd0;font-size:16px;line-height:1.85;letter-spacing:.04em}
.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative}.social-grid::before{content:"";position:absolute;z-index:-1;inset:-18%;background:radial-gradient(ellipse at center,#168cff50,transparent 62%);filter:blur(50px)}.social-card{position:relative;min-height:260px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:end;padding:28px 30px;overflow:hidden;border:1px solid #52bdff99;background:linear-gradient(145deg,#071726ed,#03070bed);box-shadow:inset 0 0 38px #168cff20,0 0 17px #168cff73;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,19px 100%,0 calc(100% - 19px));transition:transform .3s,border-color .3s,box-shadow .3s}.social-card::before{content:"";position:absolute;inset:0;opacity:.7;background:linear-gradient(125deg,transparent 34%,#76ccff1d 50%,transparent 66%);background-size:220% 100%;transition:background-position .55s}.social-card:hover{transform:translateY(-7px);border-color:#c5efff;box-shadow:inset 0 0 50px #168cff31,0 0 22px #7ed4ffcc,0 0 55px #168cff91}.social-card:hover::before{background-position:100% 0}.social-no{align-self:start;color:#6dc9ff;font:600 44px/1 'Space Grotesk',sans-serif;text-shadow:0 0 22px #16a4ff}.social-card div{position:relative;z-index:1}.social-card div>p{margin-bottom:15px;color:#7994aa;font:600 9px 'Space Grotesk','Noto Sans SC',sans-serif;letter-spacing:.17em}.social-card h3{font:600 clamp(29px,4vw,56px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.055em}.social-card strong{display:block;margin-top:14px;color:#8eb3ce;font:500 13px 'Space Grotesk',sans-serif;letter-spacing:.04em}.social-arrow{font:300 43px/1 'Space Grotesk',sans-serif;color:#75cfff;text-shadow:0 0 20px #168cff}.social-tiktok{border-color:#58d9e9a3;box-shadow:inset 0 0 38px #00d7e51c,0 0 17px #00cfe16b}.social-tiktok .social-no,.social-tiktok .social-arrow{color:#74f0f5;text-shadow:0 0 22px #00dfea}.social-youtube{border-color:#765dffa8;box-shadow:inset 0 0 38px #5140ff22,0 0 17px #4e4bff70}.social-youtube .social-no,.social-youtube .social-arrow{color:#9a8cff;text-shadow:0 0 22px #5f4dff}.social-email{border-color:#ad57ffad;box-shadow:inset 0 0 38px #8e2aff22,0 0 17px #832dff70}.social-email .social-no,.social-email .social-arrow{color:#c58bff;text-shadow:0 0 22px #8e2aff}.social-email strong{overflow-wrap:anywhere}
.social-contact{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;align-items:end;margin-top:100px;padding-top:45px;border-top:1px solid #63c6ff66}.social-contact>p:first-child{font:600 clamp(38px,6vw,84px)/.92 'Space Grotesk',sans-serif;letter-spacing:-.055em}.social-contact>p:first-child span{color:var(--blue)}.social-contact>p:last-child{font-size:15px;line-height:1.8;color:#91a9bd}.social-contact a{display:inline-block;margin-top:22px;padding-bottom:8px;border-bottom:1px solid #69caff;color:#dff4ff;font:600 12px 'Space Grotesk','Noto Sans SC',sans-serif;letter-spacing:.1em}.social-status{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding:18px 0;border-top:1px solid #2c5877;border-bottom:1px solid #2c5877;color:#7190a8;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.14em}.social-status span::before{content:"●";color:#53c8ff;margin-right:8px;text-shadow:0 0 10px #36b8ff}
@media(max-width:850px){.social-hero{grid-template-columns:1fr;gap:34px}.social-grid{grid-template-columns:1fr}.social-card{min-height:220px}.social-contact{grid-template-columns:1fr;gap:35px}.social-status{flex-wrap:wrap}.social-section::before{background-size:44px 44px}}
@media(max-width:540px){.social-section{padding-top:90px;padding-bottom:90px}.social-section::after{top:16%;font-size:104px}.social-hero{margin:65px 0 55px}.social-hero h2{font-size:clamp(62px,21vw,92px)}.social-hero>div>p{margin-left:0;font-size:14px}.social-card{min-height:190px;grid-template-columns:auto 1fr auto;gap:15px;padding:22px 18px}.social-no{font-size:30px}.social-card h3{font-size:32px}.social-card strong{font-size:11px}.social-arrow{font-size:31px}.social-contact{margin-top:70px}.social-status{display:grid;grid-template-columns:1fr 1fr;font-size:8px}}
@media(prefers-reduced-motion:reduce){.social-card{transition:none}.social-card::before{transition:none}}
.social-section>.section-kicker{position:relative;z-index:1}
.founder-social-link{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;margin-top:24px;padding:13px 15px;border:1px solid #6487ff9c;background:linear-gradient(135deg,#0a1730d9,#050a15e8);color:#e8f1ff;box-shadow:inset 0 0 22px #315fff24,0 0 16px #315fff42;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:transform .25s,border-color .25s,box-shadow .25s}.founder-social-link:hover{transform:translateY(-3px);border-color:#a5b8ff;box-shadow:inset 0 0 28px #315fff38,0 0 20px #6385ff9c,0 0 42px #244fff59}.founder-social-icon{display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:50%;background:#1877f2;color:#fff;font:700 24px/1 Arial,sans-serif;box-shadow:0 0 18px #1877f29e}.founder-social-link>span:nth-child(2){font:600 13px 'Space Grotesk',sans-serif;letter-spacing:.04em}.founder-social-link small{display:block;margin-bottom:5px;color:#859cc2;font:600 9px 'Space Grotesk','Noto Sans SC',sans-serif;letter-spacing:.14em}.founder-social-link b{color:#8db2ff;font:400 25px/1 'Space Grotesk',sans-serif;text-shadow:0 0 14px #4b73ff}
@media(max-width:540px){.founder-social-link{grid-template-columns:38px 1fr auto;padding:12px}.founder-social-icon{width:34px;font-size:21px}}

/* Keep testimonial social cards independent from the Social Channels grid */
.feedback-board .feedback-card.social-card{display:block;min-height:340px;padding:0 22px 22px;clip-path:none;align-items:initial;gap:0}.feedback-board .social-card header{width:100%;display:grid;grid-template-columns:38px 48px minmax(0,1fr) auto}.feedback-board .social-card blockquote{width:auto;max-width:none}.feedback-board .social-card footer{display:flex;width:auto}.feedback-board .social-card div{position:static}.feedback-board .social-card strong{margin-top:0}.feedback-board .social-card::before{inset:auto 0 auto 0}
@media(max-width:760px){.feedback-board .feedback-card.social-card{min-height:350px;padding:0 18px 20px}.feedback-board .social-card header{grid-template-columns:34px 42px minmax(0,1fr) auto}.feedback-board .social-card footer{left:18px;right:18px}}

/* Two-way social conversations with customer and HnF avatars */
.feedback-board .feedback-card.social-card{min-height:520px}.feedback-board .social-card .social-avatar{display:block;object-fit:cover;padding:0;border-color:#8bd8ff}.chat-thread{display:flex!important;position:static!important;flex-direction:column;gap:13px;margin-top:14px}.chat-row{display:flex;position:static!important;align-items:flex-end;gap:9px;width:100%}.chat-row.incoming{justify-content:flex-start}.chat-row.outgoing{justify-content:flex-end}.chat-avatar,.hnf-chat-avatar{display:block;flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid #6ccaff;background:#08111c;box-shadow:0 0 10px #168cff55}.chat-avatar{object-fit:cover}.hnf-chat-avatar{padding:3px}.hnf-chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.feedback-board .social-card .chat-row blockquote{flex:0 1 78%;width:auto;margin:0;padding:13px 15px;border-radius:16px 16px 16px 4px;font-size:13px;line-height:1.45}.feedback-board .social-card .chat-row.outgoing p{flex:0 1 73%;margin:0;padding:13px 15px;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg,#1671db,#2190ff);color:#fff;font:400 13px/1.45 Arial,sans-serif;box-shadow:0 8px 20px #0004}.feedback-board .instagram-card .chat-row.outgoing p{background:linear-gradient(135deg,#7f3cff,#d440b7 58%,#ff526d)}.feedback-board .social-card .social-reaction{margin:10px 0 0 44px}.feedback-board .social-card footer{bottom:16px}
@media(max-width:760px){.feedback-board .feedback-card.social-card{min-height:540px}.feedback-board .social-card .chat-row blockquote,.feedback-board .social-card .chat-row.outgoing p{font-size:12px}.chat-avatar,.hnf-chat-avatar{flex-basis:30px;width:30px;height:30px}}

.platform-icon svg{display:block;width:23px;height:23px;fill:#fff}.facebook-icon svg{width:36px;height:36px}.messenger-icon svg{width:25px;height:25px}

/* v30 — immersive visual-design background system */
.hero{background:#020408}
.hero-img{content:url("assets/bg-hero-visual-v2.webp");inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;filter:saturate(1.08) contrast(1.05)}
.hero-shade{z-index:-2;background:linear-gradient(90deg,#02050be8 0%,#02050bc7 28%,#02050b4d 57%,#02050b12 78%),linear-gradient(0deg,#02050be6 0%,transparent 22%,transparent 76%,#02050b8c 100%),radial-gradient(circle at 75% 43%,transparent 0 27%,#02050b24 57%)}
.hero::before{content:"";display:block;position:absolute;z-index:1;right:7%;top:27%;width:min(35vw,570px);aspect-ratio:2.75;background:url("assets/brand.png") 50% 27%/170% auto no-repeat;mix-blend-mode:screen;filter:drop-shadow(0 0 14px #79c9ff) drop-shadow(0 0 45px #168cff99);opacity:.96;pointer-events:none;animation:heroMarkFloat 7s ease-in-out infinite}
.hero::after{content:"VISUAL / IDENTITY / MOTION / EXPERIENCE";position:absolute;z-index:1;right:4.5%;top:58%;color:#cdeaff72;font:600 9px 'Space Grotesk',sans-serif;letter-spacing:.42em;writing-mode:vertical-rl;text-shadow:0 0 14px #168cff;pointer-events:none}.hero-copy,.hero-top,.hero-index{z-index:2}.hero-copy{position:relative}
@keyframes heroMarkFloat{0%,100%{transform:translateY(0);filter:drop-shadow(0 0 14px #79c9ff) drop-shadow(0 0 45px #168cff99)}50%{transform:translateY(-9px);filter:drop-shadow(0 0 20px #9be0ff) drop-shadow(0 0 62px #168cffc4)}}

.hnf-system{background:linear-gradient(105deg,#02060bea 0%,#03101bc2 43%,#02060b9e 100%),url("assets/bg-belief-v2.webp") center top/cover no-repeat,#02060b}
.hnf-system::before{background-image:linear-gradient(#67c5ff2e 1px,transparent 1px),linear-gradient(90deg,#67c5ff2e 1px,transparent 1px),radial-gradient(circle at 83% 17%,#24aaff35,transparent 34%);background-size:56px 56px,56px 56px,100% 100%;mask-image:linear-gradient(115deg,#000 8%,#0008 64%,#000 100%)}
.hnf-system::after{opacity:.86}

.work-section{background:linear-gradient(110deg,#02050ad9 0%,#03101ab8 48%,#030612b8 100%),url("assets/bg-portfolio-v2.webp") center top/cover no-repeat,#02050a}
.work-section::before{background-image:linear-gradient(#65c8ff30 1px,transparent 1px),linear-gradient(90deg,#65c8ff30 1px,transparent 1px),radial-gradient(circle at 73% 22%,#168cff48,transparent 35%);background-size:72px 72px,72px 72px,100% 100%;opacity:.92}
.video-work{background:linear-gradient(120deg,#01040adc 0%,#06101ab0 48%,#08031ab8 100%),url("assets/bg-portfolio-v2.webp") 50% 58%/cover no-repeat,#02050a}
.video-work::before{background-image:linear-gradient(#73caff27 1px,transparent 1px),linear-gradient(90deg,#73caff27 1px,transparent 1px),radial-gradient(circle at 88% 14%,#8a28ff4d,transparent 34%);background-size:64px 64px,64px 64px,100% 100%;mask-image:linear-gradient(135deg,#000,#0007 58%,#000)}

.founder-section{background:linear-gradient(112deg,#010409db 0%,#04101bb8 48%,#040511b0 100%),url("assets/bg-founders-v2.webp") center top/cover no-repeat,#02050a}
.founder-section::before{background-image:linear-gradient(#6bc7ff2b 1px,transparent 1px),linear-gradient(90deg,#6bc7ff2b 1px,transparent 1px),radial-gradient(ellipse at 50% 36%,#168cff38,transparent 56%);background-size:60px 60px,60px 60px,100% 100%;mask-image:radial-gradient(ellipse at center,#000 35%,#0008 86%)}
.founder-section::after{opacity:.9}

.social-section{background:linear-gradient(115deg,#01040ad4 0%,#050d19ad 48%,#080316ad 100%),url("assets/bg-social-v2.webp") center top/cover no-repeat,#02050a}
.social-section::before{background-image:linear-gradient(#70caff2b 1px,transparent 1px),linear-gradient(90deg,#70caff2b 1px,transparent 1px),radial-gradient(circle at 82% 17%,#8f34ff55,transparent 35%);background-size:58px 58px,58px 58px,100% 100%;mask-image:linear-gradient(145deg,#000,#0007 62%,#000)}

@media(max-width:850px){.hero-img{content:url("assets/bg-hero-visual-v2.webp");object-position:58% center}.hero-shade{background:linear-gradient(90deg,#02050bd9,#02050b65),linear-gradient(0deg,#02050bf2 0%,transparent 28%,transparent 73%,#02050ba6 100%)}.hero::before{top:18%;right:4%;width:min(52vw,410px)}.hnf-system,.work-section,.video-work,.founder-section,.social-section{background-attachment:scroll}}
@media(max-width:540px){.hero-img{object-position:62% center;filter:saturate(1.04) contrast(1.03)}.hero::before{top:125px;right:4%;width:56vw;opacity:.9}.hero::after{display:none}.hnf-system{background:linear-gradient(145deg,#02060bd9,#04111cbd),url("assets/bg-belief-v2.webp") 58% top/auto 1050px no-repeat,#02060b}.work-section,.video-work{background:linear-gradient(145deg,#01050ad4,#050c18b3),url("assets/bg-portfolio-v2.webp") 54% top/auto 980px no-repeat,#02050a}.founder-section{background:linear-gradient(145deg,#010409d8,#050b17b8),url("assets/bg-founders-v2.webp") center top/auto 980px no-repeat,#02050a}.social-section{background:linear-gradient(145deg,#01040ad4,#080316b3),url("assets/bg-social-v2.webp") center top/auto 980px no-repeat,#02050a}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none}}

/* v34 — show artwork at full strength and use authentic brand/platform marks */
.hero-shade{display:none}
.hero::before{right:8%;top:31%;width:min(31vw,500px);background-position:50% 27%;mix-blend-mode:screen;filter:none;opacity:.72;animation:none}
.hero-copy{padding:28px 32px;margin:175px 0 0 3%;max-width:610px;background:linear-gradient(110deg,#02060be8 0%,#02060bbd 72%,transparent 100%);border-left:1px solid #65c8ff70;backdrop-filter:blur(5px)}
.hero-top{padding:8px 12px;background:#02060ba8;backdrop-filter:blur(4px)}
.hnf-system{background:url("assets/bg-belief-v2.webp") center top/cover no-repeat #02060b}
.work-section{background:url("assets/bg-portfolio-v2.webp") center top/cover no-repeat #02050a}
.video-work{background:url("assets/bg-portfolio-v2.webp") 50% 58%/cover no-repeat #02050a}
.founder-section{background:url("assets/bg-founders-v2.webp") center top/cover no-repeat #02050a}
.social-section{background:url("assets/bg-social-v2.webp") center top/cover no-repeat #02050a}
.hnf-system>.section-kicker,.work-section>.section-kicker,.video-work>.section-kicker,.founder-section>.section-kicker,.social-section>.section-kicker{background:#02070bac;padding:20px 16px 12px;backdrop-filter:blur(6px)}
.system-intro,.system-statement,.work-heading,.video-heading,.founder-intro,.founder-story,.social-hero,.social-contact{position:relative;padding-left:20px;padding-right:20px;text-shadow:0 2px 18px #000,0 2px 5px #000}
.system-units article,.system-flow,.gallery-meta,.video-meta,.founder-info,.social-card{backdrop-filter:blur(10px)}

.footer-word{position:relative;width:260px;height:112px;margin:0 auto 32px;font-size:0;display:block;overflow:hidden}
.footer-word::before{content:"";position:absolute;inset:0;background:url("assets/brand.png") 50% 27%/170% auto no-repeat;mix-blend-mode:screen;filter:drop-shadow(0 0 12px #168cff72)}
.footer-word>span{display:none}
footer{padding-top:45px}

.social-grid>.social-card .social-no{position:relative;width:64px;height:64px;font-size:0;border:1px solid #73ccff70;border-radius:18px;background:#03080ed9;box-shadow:inset 0 0 18px #168cff35,0 0 22px #168cff55}
.social-grid>.social-card .social-no::before{content:"";position:absolute;inset:13px;background:#fff;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.social-grid>.social-card .social-no::after{position:absolute;right:-7px;bottom:-9px;padding:3px 6px;border:1px solid #5cc4ff70;border-radius:8px;background:#02070d;color:#8fd7ff;font:600 9px/1 'Space Grotesk',sans-serif;letter-spacing:.08em}
.social-instagram .social-no{background:radial-gradient(circle at 30% 105%,#ffd56a 0 22%,#ff3c6f 42%,#b62cff 70%,#426cff 100%)!important}.social-instagram .social-no::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 2A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8V7.8A3.8 3.8 0 0 0 16.2 4H7.8Zm8.7 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2Zm0 2A3.8 3.8 0 0 0 4 7.8v8.4A3.8 3.8 0 0 0 7.8 20h8.4a3.8 3.8 0 0 0 3.8-3.8V7.8A3.8 3.8 0 0 0 16.2 4H7.8Zm8.7 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E")}.social-instagram .social-no::after{content:"01"}
.social-tiktok .social-no::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-2.13-.07-4.16-.75-5.81-1.9-.01 2.92.01 5.84-.02 8.75-.18 3.94-3.44 7.08-7.26 7.15-4.05.22-7.66-3.31-7.73-7.34-.2-4.15 3.69-7.72 7.78-7.16.02 1.48-.04 2.96-.04 4.44-1.9-.61-3.88.82-3.75 2.84.08 1.79 1.87 3.2 3.61 2.78 1.59-.32 2.55-1.77 2.58-3.3.09-5.41-.01-10.82.04-16.23h.7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-2.13-.07-4.16-.75-5.81-1.9-.01 2.92.01 5.84-.02 8.75-.18 3.94-3.44 7.08-7.26 7.15-4.05.22-7.66-3.31-7.73-7.34-.2-4.15 3.69-7.72 7.78-7.16.02 1.48-.04 2.96-.04 4.44-1.9-.61-3.88.82-3.75 2.84.08 1.79 1.87 3.2 3.61 2.78 1.59-.32 2.55-1.77 2.58-3.3.09-5.41-.01-10.82.04-16.23h.7Z'/%3E%3C/svg%3E")}.social-tiktok .social-no::after{content:"02"}
.social-youtube .social-no{background:#ff0033!important}.social-youtube .social-no::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2 31 31 0 0 0 0 12a31 31 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1A31 31 0 0 0 24 12a31 31 0 0 0-.5-5.8ZM9.6 15.6V8.4L15.8 12l-6.2 3.6Z'/%3E%3C/svg%3E")}.social-youtube .social-no::after{content:"03"}
.social-email .social-no::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h20a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm10 9L2.7 6.7v10.6h18.6V6.7L12 13Zm0-2.4L20.5 6h-17L12 10.6Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4h20a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm10 9L2.7 6.7v10.6h18.6V6.7L12 13Zm0-2.4L20.5 6h-17L12 10.6Z'/%3E%3C/svg%3E")}.social-email .social-no::after{content:"04"}
@media(max-width:850px){.hero-copy{margin-top:165px;margin-left:2%;max-width:570px}.hero::before{top:20%;right:3%;width:min(47vw,390px)}}
@media(max-width:540px){.hero::before{top:135px;right:5%;width:52vw;opacity:.65}.hero-copy{margin:185px 4% 0;padding:24px 20px;max-width:none}.hnf-system{background:url("assets/bg-belief-v2.webp") 58% top/auto 1050px no-repeat #02060b}.work-section,.video-work{background:url("assets/bg-portfolio-v2.webp") 54% top/auto 980px no-repeat #02050a}.founder-section{background:url("assets/bg-founders-v2.webp") center top/auto 980px no-repeat #02050a}.social-section{background:url("assets/bg-social-v2.webp") center top/auto 980px no-repeat #02050a}.footer-word{width:190px;height:84px}.social-grid>.social-card .social-no{width:52px;height:52px;border-radius:14px}.social-grid>.social-card .social-no::before{inset:11px}}

/* v35 — logo is part of the hero artwork; typography uses light edging only */
.hero-img{content:url("assets/bg-hero-integrated-v3.webp");object-position:center;filter:none}
.hero::before,.hero::after{display:none}
.hero-copy{padding:205px 5% 85px;margin:0;max-width:1000px;background:none;border:0;backdrop-filter:none}
.hero-top{padding:0;background:none;backdrop-filter:none}
.hero h1,.hero .hero-zh,.hero .eyebrow,.hero .hero-bottom,.hero .hero-top,.hero .hero-index{text-shadow:0 1px 2px #000,0 0 7px #071b31,0 0 14px #43b6ff,0 0 28px #168cff9c}
.hero h1{-webkit-text-stroke:.35px #dff3ff}
.hero .hero-zh{-webkit-text-stroke:.2px #a9d9ff}
.hero-bottom p,.hero-bottom a{filter:drop-shadow(0 0 5px #168cff)}
.founder-orbit{border:2px solid #bceaff;box-shadow:0 0 0 4px #07101ac7,0 0 12px #dff6ff,0 0 27px #31b5ff,0 0 52px #168cffb3,inset 0 0 18px #62c7ff66}
.founder-orbit::after{background:linear-gradient(145deg,transparent 36%,#72ccff55);box-shadow:inset 0 0 18px #57c3ff70}
.founder-shortcut strong{color:#fff;text-shadow:0 0 3px #000,0 0 8px #8ed8ff,0 0 18px #168cff,0 0 30px #168cff}
.founder-shortcut:hover .founder-orbit{border-color:#fff;box-shadow:0 0 0 4px #07101ac7,0 0 16px #fff,0 0 36px #45c0ff,0 0 68px #168cffd1,inset 0 0 20px #72d0ff7a}
@media(max-width:850px){.hero-img{content:url("assets/bg-hero-integrated-v3.webp");object-position:58% center}.hero-copy{padding-top:200px;margin:0;max-width:760px}}
@media(max-width:540px){.hero-img{object-position:63% center}.hero-copy{padding:215px 5% 85px;margin:0;max-width:none}.founder-orbit{box-shadow:0 0 0 3px #07101ac7,0 0 10px #dff6ff,0 0 22px #31b5ff,0 0 42px #168cffb3}}

/* v36 — cinematic type system and luminous navigation controls */
:root{
  --display:'Oxanium','Space Grotesk','Noto Sans SC',sans-serif;
  --body:'Space Grotesk','Noto Sans SC',sans-serif;
  --zh:'Noto Sans SC','Microsoft YaHei',sans-serif;
}
body{font-family:var(--body);font-feature-settings:"ss01" 1,"ss02" 1;text-rendering:optimizeLegibility}
:lang(zh-Hans){font-family:var(--zh)}
h1,h2,h3,.footer-word,.social-contact>p:first-child{font-family:var(--display)!important;font-weight:600}
.eyebrow,.micro,.section-kicker,.system-code,.unit-tag,.video-eyebrow,.gallery-type,.gallery-status,.gallery-expand,.video-status,.social-code,.social-status,.client-signals-head>div>p,.feedback-end,.nav-note{font-family:var(--display)!important}

.site-header{
  position:fixed;z-index:50;padding:13px 4%;
  border-bottom:1px solid #76cfff52;
  background:linear-gradient(180deg,#02060cf2 0%,#04101dd9 72%,#0715228f 100%);
  box-shadow:0 8px 35px #0009,0 1px 0 #d9f5ff1f,inset 0 -10px 30px #168cff0b;
  backdrop-filter:blur(16px) saturate(1.35)
}
.site-header::after{content:"";position:absolute;left:4%;right:4%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#65c9ff 18%,#e7f8ff 50%,#65c9ff 82%,transparent);box-shadow:0 0 10px #3ab9ff,0 0 24px #168cff88;pointer-events:none}
.site-header .brand{position:relative;filter:drop-shadow(0 0 7px #a9e4ff) drop-shadow(0 0 18px #168cff8c);transition:filter .25s,transform .25s}
.site-header .brand:hover{transform:translateY(-2px);filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 26px #168cff)}
.site-header nav{gap:9px;align-items:center;padding:5px;border:1px solid #4aaeff42;background:#02070caf;box-shadow:inset 0 0 24px #168cff12;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.site-header nav a{
  position:relative;isolation:isolate;min-width:112px;padding:11px 16px 10px;overflow:hidden;
  border:1px solid #4d759363;background:linear-gradient(145deg,#0b1722db,#03070ccf);
  color:#d9edfa;text-align:center;font:600 13px/1 var(--display)!important;letter-spacing:.105em;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  box-shadow:inset 0 0 16px #168cff11;transition:transform .24s,border-color .24s,color .24s,box-shadow .24s,background .24s
}
.site-header nav a::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,#bceaff42 48%,transparent 76%);transform:translateX(-135%);transition:transform .52s ease}
.site-header nav a::after{content:"";position:absolute;left:10px;right:42%;bottom:0;height:2px;background:#5bc6ff;box-shadow:0 0 8px #41bbff,0 0 17px #168cff;transform:scaleX(.25);transform-origin:left;opacity:.45;transition:transform .25s,opacity .25s}
.site-header nav a:hover,.site-header nav a:focus-visible{transform:translateY(-3px);border-color:#c8efff;color:#fff;background:linear-gradient(145deg,#12314c,#06111d);box-shadow:inset 0 0 22px #34b6ff2c,0 0 13px #8edaff9c,0 0 31px #168cff6b}
.site-header nav a:hover::before,.site-header nav a:focus-visible::before{transform:translateX(135%)}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after,.site-header nav a.is-active::after{transform:scaleX(1);opacity:1}
.site-header nav a.is-active,.site-header nav a[aria-current]{border-color:#d6f4ff;color:#fff;background:linear-gradient(145deg,#0f3454,#06121f);box-shadow:inset 0 0 23px #2eb3ff35,0 0 11px #a9e6ffba,0 0 28px #168cff8f;text-shadow:0 0 6px #bfeaff,0 0 14px #168cff}
.site-header nav span{margin-top:6px;color:#7fb9df;font:500 10px/1 var(--zh)!important;letter-spacing:.08em;text-shadow:0 0 9px #168cff8a}
.site-header nav a.is-active span{color:#d8f3ff}
.nav-note{color:#a9c8dc;font-size:10px;letter-spacing:.12em;text-shadow:0 0 9px #168cff8f}

.hero{padding-top:76px}
.hero h1{font-family:var(--display)!important;letter-spacing:-.055em;text-transform:uppercase}
.hero h1,.hero .hero-zh,.hero .eyebrow,.hero .hero-bottom,.hero .hero-top,.hero .hero-index{text-shadow:0 2px 3px #000,0 0 8px #020a12,0 0 15px #39b5ffb3,0 0 30px #168cff73}
.hero .eyebrow{font-weight:600;letter-spacing:.24em}.hero .hero-zh{font-weight:600}.hero-bottom>p{font-family:var(--display)!important;font-weight:500;letter-spacing:-.01em}.hero-bottom>p>span{font-family:var(--zh)!important;font-weight:500;letter-spacing:.08em}

.hnf-system h2,.work-section h2,.video-work h2,.founder-section h2,.social-section h2{
  letter-spacing:-.055em;text-shadow:0 2px 4px #000,0 0 10px #020a12,0 0 22px #168cff52
}
.hnf-system h3,.work-section h3,.video-work h3,.founder-section h3,.social-section h3{font-family:var(--display)!important;letter-spacing:-.035em;text-shadow:0 1px 3px #000,0 0 13px #168cff47}
.hnf-system p,.work-section p,.video-work p,.founder-section p,.social-section p{font-family:var(--body);text-shadow:0 2px 5px #000,0 0 12px #02070dd9}
.hnf-system [lang="zh-Hans"],.work-section [lang="zh-Hans"],.video-work [lang="zh-Hans"],.founder-section [lang="zh-Hans"],.social-section [lang="zh-Hans"]{font-family:var(--zh);font-weight:500}
.section-kicker{position:relative;color:#d1e9f7;font-weight:600;letter-spacing:.15em;text-shadow:0 0 6px #c5efff,0 0 16px #168cff;border-top-color:#6bcaff8a}
.section-kicker::after{content:"";position:absolute;top:-1px;left:0;width:23%;height:2px;background:linear-gradient(90deg,#e9faff,#47bdff,transparent);box-shadow:0 0 12px #48bdff}
.system-statement,.founder-story,.social-hero>div>p,.video-heading>p,.gallery-heading>p{color:#d5e5ef;text-shadow:0 2px 5px #000,0 0 9px #02070d,0 0 15px #168cff3d}
.system-units article>p:last-child,.founder-info p,.gallery-meta>div>p:last-child,.video-meta>div>small{color:#b7cbda;text-shadow:0 2px 4px #000,0 0 10px #07131f}
.social-card h3,.gallery-meta h3,.video-meta h3,.founder-info h3{color:#f3faff;text-shadow:0 0 5px #d9f4ff80,0 0 17px #168cff69}

@media(max-width:1050px){
  .site-header{padding-inline:3%;gap:12px}.site-header nav{gap:6px}.site-header nav a{min-width:94px;padding-inline:11px;font-size:12px!important}.nav-note{display:none}
}
@media(max-width:760px){
  :root{scroll-padding-top:126px}
  .site-header{align-items:center;padding:10px 4%;gap:9px}.site-header .logo-crop{width:60px;height:34px}.site-header .logo-crop img{width:112px;left:-27px;top:-17px}
  .site-header nav{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:3px;overflow:visible}
  .site-header nav a{min-width:0;padding:10px 3px 9px;font-size:10px!important;letter-spacing:.04em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
  .site-header nav span{font-size:9px!important;letter-spacing:0}.hero{padding-top:72px}
}
@media(max-width:480px){
  .site-header{padding-inline:2.5%}.site-header .brand{display:none}.site-header nav{width:100%}.site-header nav a{padding-inline:2px;font-size:9px!important}.site-header nav span{font-size:8px!important}
  .hero{padding-top:66px}.section-kicker{letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){.site-header nav a::before{display:none}}

/* v37 — clean dimensional marks and targeted readability glow */
.site-header .brand{
  display:block;flex:0 0 auto;padding:0;border:0;background:none;box-shadow:none;clip-path:none;
  filter:drop-shadow(0 2px 2px #000) drop-shadow(0 0 7px #c9efff) drop-shadow(0 0 18px #168cff8f)
}
.site-header .brand:hover{transform:none;filter:drop-shadow(0 3px 3px #000) drop-shadow(0 0 10px #fff) drop-shadow(0 0 24px #168cffb3)}
.logo-crop{display:block;width:112px;height:54px;overflow:visible;position:relative}
.logo-crop img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;filter:contrast(1.07) saturate(1.08)}

.hero-top{
  color:#f5fbff;font-weight:700;letter-spacing:.14em;
  text-shadow:0 2px 3px #000,0 0 5px #fff,0 0 13px #60c9ff,0 0 30px #168cff,0 0 54px #168cffad
}
.hero-top>span{
  display:inline-block;margin-top:5px;color:#e9f8ff;font-weight:600;letter-spacing:.12em;
  text-shadow:0 2px 3px #000,0 0 5px #fff,0 0 15px #60c9ff,0 0 32px #168cff
}
.gallery-heading>p small{
  margin-top:28px;color:#edf9ff;font:600 16px/1.8 var(--zh);letter-spacing:.07em;
  text-shadow:0 2px 4px #000,0 0 5px #dff6ff,0 0 14px #4fc2ff,0 0 30px #168cffc2
}
.gallery-heading>p small span{
  display:inline-block;margin-top:5px;color:#aee3ff;font:600 15px/1.5 var(--display);letter-spacing:.1em;
  text-shadow:0 1px 3px #000,0 0 5px #fff,0 0 14px #53c5ff,0 0 29px #168cff
}
.video-heading>p small{
  margin-top:25px;color:#dff6ff;font:600 15px/1.5 var(--display);letter-spacing:.16em;
  text-shadow:0 2px 4px #000,0 0 5px #fff,0 0 14px #63ceff,0 0 32px #168cff
}

.footer-word{width:min(440px,70vw);height:auto;aspect-ratio:2/1;margin:0 auto 30px;overflow:visible;background:none}
.footer-word::before{display:none}
.footer-word img{display:block;width:100%;height:100%;object-fit:contain;filter:contrast(1.08) saturate(1.08) drop-shadow(0 7px 4px #000) drop-shadow(0 0 9px #dff7ff) drop-shadow(0 0 26px #168cffb5);transition:filter .3s,transform .3s}
.footer-word:hover img{transform:translateY(-4px);filter:contrast(1.1) saturate(1.14) drop-shadow(0 10px 5px #000) drop-shadow(0 0 13px #fff) drop-shadow(0 0 38px #168cffdc)}
.footer-word>span{display:none}

@media(max-width:760px){.logo-crop{width:74px;height:38px}.hero-top{font-size:11px}}
@media(max-width:480px){.site-header .brand{display:block}.logo-crop{width:48px;height:30px}.site-header{gap:5px}.footer-word{width:min(300px,76vw)}}

/* v38 — unframed hero sculpture, neutral header mark, framed return control */
.hero-img{content:url("assets/bg-hero-freestanding-v4.png");object-position:center;filter:none}
.site-header .brand,.site-header .brand:hover{
  transform:none;filter:none;background:none;border:0;box-shadow:none;clip-path:none
}
.logo-crop{width:132px;height:62px}
.logo-crop img{filter:contrast(1.08);transition:none}

.footer-word{
  position:relative;isolation:isolate;width:min(560px,82vw);height:auto;aspect-ratio:auto;
  display:grid;justify-items:center;gap:6px;margin:0 auto 34px;padding:27px 46px 22px;
  overflow:hidden;border:1px solid #69caff9e;background:linear-gradient(145deg,#071421d9,#02070cec);
  box-shadow:inset 0 0 32px #168cff20,0 0 0 1px #d9f5ff10,0 0 22px #168cff66;
  clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);
  transition:transform .2s,border-color .25s,box-shadow .25s,background .25s
}
.footer-word::before{
  content:"";display:block;position:absolute;z-index:-1;inset:0;
  background:linear-gradient(112deg,transparent 20%,#a9e7ff0d 38%,#e9faff5c 50%,#a9e7ff0d 62%,transparent 80%);
  transform:translateX(-125%);transition:transform .65s ease
}
.footer-word::after{content:"";position:absolute;left:20px;right:55%;top:0;height:2px;background:linear-gradient(90deg,#e9faff,#51c3ff,transparent);box-shadow:0 0 12px #45bdff;transition:right .3s}
.footer-word img{
  width:min(350px,78%);height:auto;aspect-ratio:2/1;object-fit:contain;
  filter:contrast(1.1) drop-shadow(0 8px 5px #000);transform:none;transition:transform .28s,filter .28s
}
.footer-word .footer-return{
  display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:18px;width:min(330px,82%);
  padding-top:13px;border-top:1px solid #4e7896;color:#e9f8ff;text-align:left
}
.footer-return b{font:600 15px/1 var(--zh);letter-spacing:.16em}.footer-return small{grid-column:1;font:600 10px/1.2 var(--display);letter-spacing:.18em;color:#77bce6;margin-top:6px}.footer-return i{grid-column:2;grid-row:1/3;font:400 28px/1 var(--display);font-style:normal;color:#91dcff;text-shadow:0 0 12px #168cff;transition:transform .25s}
.footer-word:hover{transform:translateY(-5px);border-color:#d9f5ff;background:linear-gradient(145deg,#0b2033e8,#030a12f2);box-shadow:inset 0 0 42px #168cff2e,0 0 12px #dff7ff78,0 0 38px #168cff8c}
.footer-word:hover::before{transform:translateX(125%)}.footer-word:hover::after{right:20px}.footer-word:hover img{transform:translateY(-3px);filter:contrast(1.12) drop-shadow(0 11px 6px #000)}.footer-word:hover .footer-return i{transform:translateY(-5px)}
.footer-word:active{transform:translateY(1px) scale(.975);box-shadow:inset 0 0 55px #3cbcff52,0 0 10px #dff7ff9c,0 0 30px #168cff}.footer-word:active img{transform:scale(.97)}

@media(max-width:760px){.logo-crop{width:86px;height:42px}.footer-word{width:min(470px,88vw);padding:24px 28px 20px}}
@media(max-width:480px){.logo-crop{width:58px;height:32px}.footer-word{width:90vw;padding:22px 20px 18px}.footer-word img{width:82%}.footer-word .footer-return{width:88%}}

/* v40 — soft privacy blur for customer identities */
.feedback-board .customer-identity{
  position:relative!important;min-width:0;min-height:42px;overflow:hidden;isolation:isolate
}
.feedback-board .customer-identity strong,
.feedback-board .customer-identity small{
  display:block;filter:blur(4.8px);opacity:.82;user-select:none;
  text-shadow:0 0 8px #9bdcff8c
}
.feedback-board .customer-identity::after{
  content:"";position:absolute;z-index:2;left:-3px;top:1px;width:min(164px,94%);height:38px;
  background:linear-gradient(90deg,#0d2134b8,#1734518c 70%,transparent);
  -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
  border-radius:7px;box-shadow:0 0 16px #168cff36;pointer-events:none
}
@media(max-width:480px){.feedback-board .customer-identity::after{width:min(136px,92%);height:34px}}

/* v41 — interactive HnF services system */
.services-hub{position:relative;z-index:2;margin:clamp(70px,9vw,145px) 0 80px;padding:clamp(24px,4vw,54px);border:1px solid #6ecbff5c;background:linear-gradient(145deg,#02070df0 0%,#061421e8 56%,#03101af2 100%);box-shadow:inset 0 0 90px #168cff14,0 0 55px #061f334f;overflow:hidden}
.services-hub::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#56c8ff10 1px,transparent 1px),linear-gradient(#56c8ff0c 1px,transparent 1px),radial-gradient(circle at 78% 0%,#643cff2b,transparent 34%);background-size:72px 72px,72px 72px,100% 100%;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.services-hub::after{content:"SERVICE MATRIX / ACTIVE";position:absolute;right:-62px;top:170px;transform:rotate(90deg);font:600 10px/1 var(--display);letter-spacing:.3em;color:#7bd2ff70}
.services-hub-head{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:end;gap:40px;margin-bottom:44px}
.services-signal{margin:0 0 13px!important;color:#70ceff;font:600 11px/1.2 var(--display)!important;letter-spacing:.22em!important;text-shadow:0 0 14px #168cff!important}
.services-hub-head h2{margin:0;color:#f2f9ff;font:700 clamp(48px,7vw,105px)/.78 var(--display)!important;letter-spacing:-.065em;text-shadow:0 3px 4px #000,0 0 25px #168cff55}
.services-hub-head h2>span{color:transparent;-webkit-text-stroke:1px #83d8ff;text-shadow:0 0 20px #168cff80}
.services-hub-head h2>small{display:block;margin-top:22px;color:#c6edff;font:600 16px/1 var(--zh);letter-spacing:.28em;-webkit-text-stroke:0;text-shadow:0 0 15px #168cff}
.services-hub-head>p{justify-self:end;max-width:360px;margin:0!important;color:#d9edf8;font:600 14px/1.7 var(--display)!important;letter-spacing:.09em!important;text-align:right}
.services-hub-head>p span{display:block;margin-top:9px;color:#8facc0;font:500 13px/1.7 var(--zh);letter-spacing:.04em}
.services-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.service-card{--accent:#39bfff;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;min-height:430px;padding:21px 21px 22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 58%,#172d3c);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 12%,#07111b) 0%,#03070d 62%);color:#eefaff;text-align:left;cursor:pointer;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:inset 0 0 0 1px #ffffff08,inset 0 -80px 85px #0008,0 0 18px color-mix(in srgb,var(--accent) 18%,transparent);transition:transform .3s ease,border-color .3s,box-shadow .3s,background .3s}
.service-card::before{content:"";position:absolute;z-index:-1;inset:-1px;background:radial-gradient(circle at 83% 16%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 32%),linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--accent) 16%,transparent) 50%,transparent 66%);transform:translateX(-22%);transition:transform .5s,opacity .3s;opacity:.72}
.service-card::after{content:"";position:absolute;top:0;left:20px;width:38%;height:2px;background:linear-gradient(90deg,#fff,var(--accent),transparent);box-shadow:0 0 15px var(--accent);transition:width .35s}
.service-card:nth-child(2),.service-card:nth-child(4){margin-top:34px}
.service-card:hover,.service-card:focus-visible{transform:translateY(-9px);border-color:color-mix(in srgb,var(--accent) 88%,#fff);background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 20%,#07111b),#03070d 68%);box-shadow:inset 0 0 40px color-mix(in srgb,var(--accent) 13%,transparent),0 0 12px color-mix(in srgb,var(--accent) 55%,transparent),0 18px 45px #000b;outline:none}
.service-card:hover::before,.service-card:focus-visible::before{transform:translateX(10%);opacity:1}.service-card:hover::after,.service-card:focus-visible::after{width:calc(100% - 40px)}
.service-funnel{--accent:#43b9ff}.service-website{--accent:#8a68ff}.service-carousel{--accent:#10e1d0}.service-aigc{--accent:#ff9e44}
.service-index{color:var(--accent);font:600 10px/1 var(--display);letter-spacing:.19em;text-shadow:0 0 12px var(--accent)}
.service-icon{display:grid;place-items:center;width:67px;height:67px;margin:36px 0 28px;border:1px solid color-mix(in srgb,var(--accent) 68%,transparent);background:#02070cb3;box-shadow:inset 0 0 22px color-mix(in srgb,var(--accent) 18%,transparent),0 0 18px color-mix(in srgb,var(--accent) 25%,transparent);transform:rotate(-4deg)}
.service-icon svg{width:38px;height:38px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--accent))}
.service-title{display:block;color:#f4fbff;font:700 clamp(28px,2.4vw,39px)/.88 var(--display);letter-spacing:-.045em;text-shadow:0 2px 3px #000,0 0 14px color-mix(in srgb,var(--accent) 48%,transparent)}
.service-title small{display:block;margin-top:12px;color:color-mix(in srgb,var(--accent) 75%,#fff);font:600 12px/1 var(--zh);letter-spacing:.14em}
.service-copy{display:block;margin:24px 0 28px;color:#bdd0dd;font:400 13px/1.65 var(--body)}
.service-copy small{display:block;margin-top:8px;color:#829bab;font:400 12px/1.65 var(--zh)}
.service-action{display:grid;grid-template-columns:1fr auto;margin-top:auto;padding-top:17px;border-top:1px solid color-mix(in srgb,var(--accent) 38%,transparent);color:#e9f8ff;font:600 10px/1.3 var(--display);letter-spacing:.13em}
.service-action b{grid-row:1/3;grid-column:2;font-size:25px;color:var(--accent);text-shadow:0 0 12px var(--accent);transition:transform .25s}.service-action small{margin-top:5px;color:#7895a7;font:500 10px/1 var(--zh)}
.service-card:hover .service-action b,.service-card:focus-visible .service-action b{transform:translate(4px,-4px)}
.service-dialog{width:min(1040px,92vw);max-height:88vh;margin:auto;padding:0;border:1px solid #7fd8ff9c;background:#03080ee8;color:#eff9ff;box-shadow:inset 0 0 80px #168cff1c,0 0 26px #69ceff77,0 35px 100px #000;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);overflow:auto}
.service-dialog::backdrop{background:#000c;backdrop-filter:blur(13px)}
.service-dialog-close{position:sticky;z-index:3;float:right;top:16px;margin:16px 16px 0 0;padding:11px 14px;border:1px solid #72cfff7d;background:#061827e8;color:#bceaff;font:600 10px/1 var(--display);letter-spacing:.12em;cursor:pointer}.service-dialog-close:hover,.service-dialog-close:focus-visible{color:#fff;border-color:#fff;box-shadow:0 0 17px #168cff;outline:none}
.service-dialog-grid{display:grid;grid-template-columns:.68fr 1.32fr;min-height:620px}
.service-dialog-grid>aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:45px 38px;background:linear-gradient(155deg,color-mix(in srgb,var(--dialog-accent,#43b9ff) 22%,#07121c),#020509);border-right:1px solid color-mix(in srgb,var(--dialog-accent,#43b9ff) 45%,transparent);overflow:hidden}
.service-dialog-grid>aside::after{content:"";position:absolute;width:360px;height:360px;left:-150px;bottom:-150px;border:1px solid var(--dialog-accent,#43b9ff);border-radius:50%;box-shadow:0 0 70px color-mix(in srgb,var(--dialog-accent,#43b9ff) 46%,transparent)}
.service-dialog-grid>aside>span{color:var(--dialog-accent,#43b9ff);font:600 11px/1 var(--display);letter-spacing:.24em}.service-dialog-mark{font:700 clamp(76px,10vw,150px)/1 var(--display);letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--dialog-accent,#43b9ff) 80%,#fff);text-shadow:0 0 32px color-mix(in srgb,var(--dialog-accent,#43b9ff) 44%,transparent);transform:rotate(-90deg)}
.service-dialog-grid>aside>p{position:relative;z-index:1;margin:0!important;color:#dff5ff;font:600 13px/1.7 var(--display)!important;letter-spacing:.14em!important}
.service-dialog-main{padding:clamp(44px,7vw,85px) clamp(34px,6vw,76px) 54px}.service-dialog-main>p:first-child{margin:0 0 20px;color:var(--dialog-accent,#43b9ff);font:600 11px/1 var(--display);letter-spacing:.24em;text-shadow:0 0 12px var(--dialog-accent,#43b9ff)}
.service-dialog-main h3{margin:0;color:#f7fcff;font:700 clamp(52px,7vw,93px)/.82 var(--display)!important;letter-spacing:-.065em;text-shadow:0 3px 4px #000,0 0 22px color-mix(in srgb,var(--dialog-accent,#43b9ff) 40%,transparent)}
.service-dialog-zh{margin:19px 0 32px!important;color:var(--dialog-accent,#43b9ff);font:600 17px/1 var(--zh)!important;letter-spacing:.18em}
.service-dialog-copy{max-width:670px;margin:0 0 36px!important;color:#c9dbe6;font:400 16px/1.8 var(--body)!important}
.service-dialog-label{margin:0 0 14px!important;color:#7f9bad;font:600 10px/1 var(--display)!important;letter-spacing:.2em!important}.service-dialog-main ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:0;padding:0;list-style:none}.service-dialog-main li{padding:12px 13px;border-left:2px solid var(--dialog-accent,#43b9ff);background:#ffffff08;color:#dff4ff;font:500 12px/1.4 var(--body)}
.service-dialog-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.service-dialog-links a{display:grid;grid-template-columns:1fr auto;min-width:210px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--dialog-accent,#43b9ff) 60%,#233d50);background:#06121da8;color:#f1faff;font:600 10px/1.2 var(--display);letter-spacing:.1em;text-decoration:none;transition:.25s}.service-dialog-links a span{grid-column:2;grid-row:1/3;color:var(--dialog-accent,#43b9ff);font-size:21px}.service-dialog-links a small{margin-top:4px;color:#7995a6;font:500 10px/1 var(--zh)}.service-dialog-links a:hover,.service-dialog-links a:focus-visible{border-color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--dialog-accent,#43b9ff) 48%,transparent);transform:translateY(-3px);outline:none}
@media(max-width:1050px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card:nth-child(2),.service-card:nth-child(4){margin-top:22px}.service-card{min-height:390px}}
@media(max-width:720px){.services-hub{padding:26px 16px;margin-top:58px}.services-hub-head{grid-template-columns:1fr;gap:22px}.services-hub-head>p{justify-self:start;text-align:left}.services-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(2),.service-card:nth-child(4){min-height:330px;margin-top:0}.service-icon{margin:25px 0 20px}.service-dialog-grid{grid-template-columns:1fr}.service-dialog-grid>aside{min-height:190px;padding:26px;border-right:0;border-bottom:1px solid #60c9ff61}.service-dialog-mark{position:absolute;right:28px;top:30px;font-size:86px;transform:none}.service-dialog-main{padding:38px 24px 34px}.service-dialog-main ul{grid-template-columns:1fr}.service-dialog-links{flex-direction:column}.service-dialog-links a{min-width:0}.services-hub::after{display:none}}

/* v42 — whole-site language switch */
body.lang-en [lang="zh-Hans"]{display:none!important}
body.lang-en .ticker-zh,body.lang-zh .ticker-en{display:none!important}
body.lang-zh [lang="zh-Hans"] [lang="en"],body.lang-zh .footer-return [lang="en"],body.lang-zh .footer-bottom [lang="en"]{display:none!important}
body.lang-en .founder-story::before{content:"COLLECTIVE"}
body.lang-en .gallery-rail::after{content:"SELECT · WORK"}
body.lang-zh .hnf-system>.section-kicker::before{content:"●  核心系统运行中 / 04 模块在线"}
body.lang-zh .services-hub::after{content:"服务系统 / 运行中"}
body.lang-zh .client-signals::after{content:"顾客反馈 / HnF"}
body.lang-zh .work-section .section-kicker::before{content:"●  系统在线"}
body.lang-zh .gallery-heading::after{content:"+  +  +  视觉信号  /  0206"}
body.lang-zh .gallery-rail::after{content:"选择 · 切换作品"}
body.lang-zh .work-section::after{content:"HnF   //   精选作品   02"}
body.lang-zh .video-work::after{content:"动态影像"}
body.lang-zh .video-work>.section-kicker::before{content:"●  影像信号 / 已连接 05 个来源"}
body.lang-zh .founder-section::after{content:"创办人"}
body.lang-zh .founder-section>.section-kicker::before{content:"●  双核心 / 创办人在线"}
body.lang-zh .founder-story::before{content:"共同创办"}
body.lang-zh .founder::before{content:"联合创办人 // HnF"}
body.lang-zh .social-section::after{content:"连接"}
body.lang-zh .social-section>.section-kicker::before{content:"●  网络在线 / 04 个频道运行中"}
.language-switch{position:relative;display:flex;align-items:center;flex:0 0 auto;gap:7px;padding:6px;border:1px solid #6dccff75;background:linear-gradient(145deg,#071522e8,#02070ded);box-shadow:inset 0 0 18px #168cff16,0 0 14px #168cff3b;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.language-switch::before{content:"";position:absolute;top:0;left:10px;width:38%;height:1px;background:linear-gradient(90deg,#fff,#56c8ff,transparent);box-shadow:0 0 10px #56c8ff}
.language-switch button{min-width:66px;padding:8px 9px;border:0;background:transparent;color:#71899c;font:600 10px/1 var(--display);letter-spacing:.11em;transition:color .2s,background .2s,text-shadow .2s,box-shadow .2s}
.language-switch button:first-child{font-family:var(--zh);letter-spacing:.16em}.language-switch button[aria-pressed="true"]{color:#f4fbff;background:#168cff22;text-shadow:0 0 5px #fff,0 0 14px #168cff;box-shadow:inset 0 0 12px #168cff24}
.language-switch button:hover,.language-switch button:focus-visible{color:#fff;text-shadow:0 0 12px #55c8ff;outline:1px solid #72d1ff;outline-offset:1px}.language-switch i{color:#4b7088;font-style:normal;font-size:11px}
.lang-zh h1,.lang-zh h2,.lang-zh h3,.lang-zh .service-title,.lang-zh .ticker,.lang-zh .section-kicker,.lang-zh .gallery-status,.lang-zh .video-status{font-family:var(--zh)!important;letter-spacing:.01em!important}
.lang-zh h1{line-height:1.12!important}.lang-zh h1 span{margin-left:5vw}.lang-zh .hero-bottom>p,.lang-zh .text-link,.lang-zh .service-action,.lang-zh .site-header nav a{font-family:var(--zh)!important;letter-spacing:.04em}
.lang-zh #gallery-title-zh,.lang-zh #video-title-zh,.lang-zh #service-dialog-zh{display:none!important}
@media(max-width:1180px){.site-header{gap:12px}.site-header nav{gap:5px}.site-header nav a{min-width:86px}.language-switch button{min-width:58px;padding-inline:6px}.nav-note{display:none}}
@media(max-width:760px){.site-header{padding-top:41px}.language-switch{position:absolute;right:4%;top:6px;padding:4px}.language-switch button{min-width:58px;padding:6px 7px;font-size:9px}.site-header nav{width:auto}.hero{padding-top:104px}}
@media(max-width:480px){.site-header{padding-top:39px}.language-switch{right:2.5%}.language-switch button{min-width:52px}.lang-zh h1 span{margin-left:7vw}}

/* Full-page, scrollable portfolio image viewer */
#viewer.portfolio-viewer{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:none;padding:0;border:0;overflow-x:hidden;overflow-y:auto;background:#02070c;color:#f2f8ff;overscroll-behavior:contain;scrollbar-color:#4088b7 #07101a}
#viewer.portfolio-viewer::backdrop{background:rgba(0,3,8,.93);backdrop-filter:blur(8px)}
#viewer.portfolio-viewer .viewer-bar{position:sticky;top:0;z-index:4;min-height:62px;margin:0;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #4eaee77a;background:rgba(2,7,12,.88);backdrop-filter:blur(14px)}
#viewer.portfolio-viewer .viewer-bar h2{font:600 15px/1.35 var(--display);letter-spacing:.08em;color:#dff3ff}
#viewer.portfolio-viewer .viewer-bar button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #5a9bc2;border-radius:50%;background:#081523;color:#e9f7ff;font:400 27px/1 Arial,sans-serif;cursor:pointer}
#viewer.portfolio-viewer .viewer-bar button:hover{border-color:#b7e8ff;background:#0e2940}
#viewer.portfolio-viewer #viewer-img{display:block;width:100%;max-width:none;height:auto;max-height:none;margin:0 auto;object-fit:initial}
@media(max-width:600px){#viewer.portfolio-viewer .viewer-bar{min-height:56px;padding:8px 12px}#viewer.portfolio-viewer .viewer-bar h2{font-size:12px;letter-spacing:.04em}#viewer.portfolio-viewer .viewer-bar button{flex-basis:36px;width:36px;height:36px}}

.service-dialog-detail-grid{display:grid;grid-template-columns:1fr;margin-top:22px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--dialog-accent,#43b9ff) 30%,transparent)}.service-dialog-fit{margin:0;color:#bfd1dc;font:400 13px/1.75 var(--body)}.service-dialog-process{display:grid;gap:9px;margin:0;padding:0;list-style:none}.service-dialog-process li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px 12px;background:#ffffff08;border:1px solid #ffffff0d}.service-step-no{color:var(--dialog-accent,#43b9ff);font:600 10px/1.5 var(--display);letter-spacing:.08em}.service-step-copy b{display:block;margin-bottom:4px;color:#eff9ff;font:600 11px/1.35 var(--display);letter-spacing:.04em}.service-step-copy small{display:block;color:#9db2c0;font:400 11px/1.5 var(--body)}@media(max-width:720px){.service-dialog-detail-grid{grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:22px}.service-dialog-process{gap:7px}}
/* Typography spacing: keep stacked display headings clear and readable. */
.hero h1,.system-intro h2,.gallery-heading h2,.client-signals-head h2,.services-hub-head h2,.founder-intro h2,.video-heading h2,.social-hero h2,.service-dialog-main h3,.service-title,.social-card h3{line-height:1.08!important}/* Higher contrast for supporting text across the HnF studio site. */
:root{--muted:#e3edf6;--blue:#82c8ff}
.large-en{color:#bdd6e8!important}
.service-copy small,.service-dialog-label,.service-dialog-links a small{color:#b9cfdf!important}
.founder-num{color:#58728c!important}/* Make HnF labels and secondary copy clearly distinct from dark backgrounds. */
.large-en,.project-caption h3 span,.work-aside>p,.founder-photo p,.founder-photo p span,.social-list small,.service-copy small,.service-dialog-label,.service-dialog-links a small,.gallery-controls small,.gallery-rail::after{color:#dce8f2!important}
.founder-num{color:#9bb2c8!important}/* Selected Work: keep every thumbnail vivid and keyboard focus unmistakable. */
.gallery-thumb{opacity:.82}
.gallery-thumb:hover,.gallery-thumb:focus-visible{opacity:1;transform:translateY(-3px);border-color:#b8e7ff;box-shadow:0 0 22px #168cff70,inset 0 0 18px #168cff26}
.gallery-thumb:focus-visible{outline:2px solid #e7f7ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}/* PORTFOLIO 02: frame the film archive as a refined, easy-to-scan player. */
.video-gallery{grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:stretch}
.video-frame{border-width:1px;box-shadow:0 0 0 1px #d5f2ff38,0 16px 54px #0009,0 0 30px #168cff62}
.video-meta{margin-top:14px;padding:21px 23px;align-items:center;background:linear-gradient(120deg,#071320f5,#081a2af0);border:1px solid #63c6ff63;border-left:2px solid #65caff;box-shadow:inset 0 1px #d9f5ff17,0 12px 38px #0008}
.video-meta>div>p{margin-bottom:8px;color:#9fe0ff}
.video-meta h3{margin-top:0;font-size:clamp(24px,2.4vw,34px);line-height:1.1!important}
.video-meta>div>small{color:#dce8f2}
.video-meta>a{margin:0;padding:13px 15px;border-color:#75cfffaa;background:#0b1d2d;color:#f2faff;transition:transform .2s,border-color .2s,box-shadow .2s}
.video-meta>a:hover,.video-meta>a:focus-visible{transform:translateY(-2px);border-color:#fff;box-shadow:0 0 18px #168cff72;outline:none}
.video-meta>a small{color:#d0e4f1}
.video-rail{display:block;max-height:none;padding:15px;background:linear-gradient(165deg,#081624f2,#040913f5);border:1px solid #5abcf276;box-shadow:inset 0 1px #d9f5ff18,0 16px 48px #0009;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%)}
.video-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:0 2px 13px;border-bottom:1px solid #68caff55}
.video-rail-heading p{margin:0;color:#e8f7ff;font:600 10px/1.4 'Space Grotesk',sans-serif;letter-spacing:.15em}
.video-rail-heading p span{display:block}
.video-rail-heading>strong{display:flex;align-items:baseline;gap:5px;color:#a9e4ff;font:700 20px/1 'Space Grotesk',sans-serif}
.video-rail-heading>strong small{color:#abc3d2;font:600 8px/1 'Space Grotesk',sans-serif;letter-spacing:.1em}
.video-rail-list{display:grid;gap:11px;max-height:565px;overflow:auto;padding:2px 4px 2px 2px;scrollbar-color:#55bfff #07111b;scrollbar-width:thin}
.video-thumb{opacity:.84;box-shadow:0 6px 15px #0007;transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s}
.video-thumb:hover,.video-thumb:focus-visible{opacity:1;transform:translateY(-2px);border-color:#c5ecff;box-shadow:0 0 18px #47baff80}
.video-thumb:focus-visible{outline:2px solid #effaff;outline-offset:2px;z-index:4}
.video-thumb img{filter:saturate(1) contrast(1.06)}
@media(max-width:980px){.video-gallery{grid-template-columns:1fr}.video-rail-list{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.video-thumb{flex:0 0 clamp(185px,29vw,235px);scroll-snap-align:start}}
@media(max-width:720px){.video-meta{display:block;padding:18px}.video-meta>a{display:inline-block;margin-top:18px}.video-rail{padding:12px}.video-rail-list{gap:10px}.video-thumb{flex-basis:170px}}
@media(max-width:540px){.video-rail-heading{margin-bottom:10px}.video-rail-list{margin-right:-5px;padding-bottom:6px}.video-thumb{flex-basis:155px}}
body.lang-zh .video-rail-heading [lang="en"]{display:none!important}
.work-filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 26px;padding:0 0 14px;border-bottom:1px solid #29465d}.work-filters button{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #29465d;background:#07111b;color:#bed0de;cursor:pointer;font:600 11px var(--display);letter-spacing:.08em;transition:.2s}.work-filters button span[lang='zh-Hans']{font:500 11px var(--zh);letter-spacing:0}.work-filters button b{color:#7b9ab0;font-size:10px}.work-filters button:hover,.work-filters button:focus-visible,.work-filters button.is-active{border-color:#59bdff;background:linear-gradient(135deg,#0e2940,#071522);color:#eff9ff;box-shadow:0 0 18px #168cff24;outline:none}.work-filters button.is-active b{color:#62c5ff}.gallery-thumb[hidden]{display:none!important}.gallery-category-chip{position:absolute;top:7px;left:7px;max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;border:1px solid #4b9bd1;background:#03101ddd;color:#c8ecff;font:600 8px/1 var(--display);letter-spacing:.06em;font-style:normal}.gallery-type{display:inline-flex;padding:6px 9px;border:1px solid #3c80a9;background:#07111c;color:#77ceff!important}.p-content-carousel-case{padding:56px clamp(20px,6vw,80px);background:radial-gradient(ellipse at 10% 0,#103758 0,transparent 45%),linear-gradient(135deg,#040a12,#071827 58%,#050b13);color:#eff8ff;border-block:1px solid #1d4b6b}.p-carousel-case-heading{max-width:840px;margin:0 auto 34px;text-align:center}.p-carousel-case-heading .p-eyebrow{color:#55caff}.p-carousel-case-heading h2{margin:12px 0;color:#f2f8ff;font-size:clamp(30px,5vw,58px);line-height:1.02;letter-spacing:-.04em}.p-carousel-case-heading h2 em{color:#45c7ff;font-style:normal}.p-carousel-case-heading>p:not(.p-eyebrow){max-width:620px;margin:0 auto;color:#b2c8d8;font-size:13px;line-height:1.7}.p-carousel-case-heading>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.p-carousel-case-heading>div span,.p-carousel-case-footer span{padding:7px 10px;border:1px solid #275475;color:#87d8ff;font-size:9px;letter-spacing:.12em}.p-carousel-slides{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1200px;margin:auto}.p-carousel-slide{position:relative;display:flex;min-height:clamp(230px,30vw,380px);flex-direction:column;justify-content:space-between;overflow:hidden;padding:20px 17px 15px;border:1px solid #28709c;aspect-ratio:4/5;box-shadow:0 16px 40px #0006}.p-carousel-slide>small{position:relative;z-index:1;color:#9fdaff;font-size:8px;letter-spacing:.14em}.p-carousel-slide>i{position:absolute;right:13px;bottom:12px;color:#c5e6f5;font-size:8px;font-style:normal;letter-spacing:.1em}.p-carousel-cover{background:radial-gradient(circle at 50% 35%,#1386b8,#071c31 58%,#030910)}.p-carousel-cover::after{content:'';position:absolute;inset:14px;border:1px solid #64d2ff5e;pointer-events:none}.p-carousel-number{margin:10px 0 -30px;color:#dff7ff;font:700 clamp(53px,8vw,106px)/.8 var(--display);letter-spacing:-.1em;text-shadow:0 0 34px #38bfff88}.p-carousel-number sup{font-size:.2em;letter-spacing:0;vertical-align:top}.p-carousel-cover>b{font:700 clamp(20px,2.2vw,31px)/.94 var(--display);letter-spacing:.03em}.p-carousel-cover>p{color:#bfe8ff;font-size:11px;line-height:1.5}.p-carousel-story{background:linear-gradient(155deg,#f0f7f8,#dcecf1 58%,#a9d8e6);color:#092033;border-color:#c5e4ee}.p-carousel-story>small{color:#17638a}.p-carousel-index{position:absolute;right:-8px;top:27px;color:#b6dfe9;font:700 96px/1 var(--display)}.p-carousel-story h3,.p-carousel-services h3,.p-carousel-proof h3,.p-carousel-end h3{position:relative;z-index:1;margin:auto 0 10px;font:700 clamp(22px,3vw,36px)/.97 var(--display);letter-spacing:-.06em}.p-carousel-story h3 em,.p-carousel-services h3 em{color:#148bb7;font-style:normal}.p-carousel-story>p{position:relative;z-index:1;max-width:185px;color:#3c5b6b;font-size:11px;line-height:1.6}.p-carousel-story>span{margin-top:14px;color:#166f96;font-size:8px;font-weight:700;letter-spacing:.09em}.p-carousel-story>i{color:#426879}.p-carousel-services{background:linear-gradient(155deg,#0a1825,#092c43 65%,#0b4661)}.p-carousel-services h3{font-size:clamp(26px,3.8vw,45px)}.p-carousel-services>div{display:grid;gap:8px}.p-carousel-services>div span{display:flex;gap:10px;align-items:center;padding:9px 8px;border:1px solid #4a98bb44;background:#05131d88;color:#71caff;font-size:9px}.p-carousel-services>div b{color:#ecf8ff;letter-spacing:.08em}.p-carousel-proof{background:linear-gradient(150deg,#14202d,#090e18 70%);border-color:#53697d}.p-carousel-proof h3{font-size:clamp(25px,3.4vw,40px)}.p-carousel-proof blockquote{margin:0;padding:15px 13px;border-left:2px solid #5bc9ff;background:#ffffff0b;color:#d4e8f3;font:italic 12px/1.6 var(--body)}.p-carousel-proof>b{margin-top:13px;color:#70c9f3;font-size:8px;line-height:1.5;letter-spacing:.08em}.p-carousel-end{justify-content:center;gap:12px;text-align:center;background:radial-gradient(circle at 50% 32%,#195d84,#071a2a 62%,#040910)}.p-carousel-end>span{color:#effaff;font:700 65px/.9 var(--display);letter-spacing:-.09em;text-shadow:0 0 25px #48bfff78}.p-carousel-end h3{margin:0;font-size:clamp(23px,3vw,35px)}.p-carousel-end>p{color:#b5d5e5;font-size:11px;line-height:1.55}.p-carousel-end>b{color:#67caff;font:600 8px var(--display);letter-spacing:.13em}.p-carousel-case-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:20px auto 0;color:#86aabd;font-size:8px;letter-spacing:.1em}.p-carousel-case-footer b{color:#d3eaf5;font-size:8px;letter-spacing:.08em}@media(max-width:900px){.p-carousel-slides{grid-template-columns:repeat(3,minmax(0,1fr))}.p-carousel-slide{min-height:300px}.p-carousel-case-footer{flex-wrap:wrap}}@media(max-width:620px){.work-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.work-filters button{justify-content:space-between;padding:10px}.work-filters button span[lang='en'],.work-filters button span[lang='zh-Hans']{font-size:10px}.p-content-carousel-case{padding:38px 16px}.p-carousel-slides{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.p-carousel-slide{min-height:240px;padding:14px 12px 13px}.p-carousel-number{font-size:61px}.p-carousel-case-footer{display:grid;justify-items:center;text-align:center}}@media(max-width:390px){.p-carousel-slides{grid-template-columns:1fr 1fr}.p-carousel-slide{min-height:210px}}
/* Make portfolio category totals unmistakable. */
.work-filters button{min-height:50px;gap:14px;padding:9px 12px;border-color:#365b75;background:linear-gradient(140deg,#091521,#07101a)}
.work-filters button b{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:1px solid #c7f0ff;border-radius:6px;background:linear-gradient(135deg,#55c8ff,#b4edff);color:#061522!important;box-shadow:0 0 15px #25aaff66;font:700 14px/1 var(--display);letter-spacing:0}
.work-filters button:hover b,.work-filters button:focus-visible b,.work-filters button.is-active b{border-color:#fff;background:linear-gradient(135deg,#8bdcff,#e4f9ff);color:#03121d!important;box-shadow:0 0 22px #43c4ffb3,0 0 4px #fff}
.work-filters button.is-active{border-color:#82d8ff;background:linear-gradient(135deg,#123650,#091b2a);box-shadow:0 0 24px #168cff42,inset 0 0 16px #168cff16}
@media(max-width:540px){.work-filters button{min-height:48px;gap:8px;padding:8px}.work-filters button b{flex-basis:30px;width:30px;height:30px;font-size:13px}}