/* 喜帮科技官网 · 样式
   视觉：家的平面图（线稿）+ 宋体大字 + 标志橙；动效取自五金本身的开、合、推、拉。 */

/* ---------- 字体（子集文件，构建时生成；缺失时回落到系统字体） ---------- */
@font-face{font-family:"XB Serif";src:url("../fonts/xb-serif.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"XB Sans";src:url("../fonts/xb-sans.woff2") format("woff2");font-weight:300 600;font-display:swap}

:root{
  --paper:#F4F1EC; --paper-2:#EAE6DE; --ink:#141312; --ink-2:#1E1C1A;
  --text:#34312E; --mute:#7C766D; --mute-d:#948E85;
  --line:rgba(20,19,18,.15); --line-d:rgba(244,241,236,.16);
  --orange:#EA5413;
  --serif:"XB Serif","Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  --sans:"XB Sans","Noto Sans SC","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --pad:clamp(20px,5.2vw,92px);
  --ease:cubic-bezier(.2,.7,.1,1);
  --nav-h:84px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;font-weight:400;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--orange);color:#fff}

.wrap{padding-inline:var(--pad);max-width:1760px;margin-inline:auto}

/* ---------- 通用字样 ---------- */
.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.16em;color:var(--ink);font-weight:500}
.eyebrow b{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}
.eyebrow span{color:var(--mute);letter-spacing:.3em;font-size:11px;font-weight:400;margin-left:6px}
.eyebrow--dark{color:var(--paper)}
.eyebrow--dark span{color:var(--mute-d)}

.h2{font-family:var(--serif);font-weight:500;font-size:clamp(40px,6.6vw,124px);line-height:1.1;letter-spacing:-.01em}
.h3{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.6vw,60px);line-height:1.2}
.ln{display:block;overflow:hidden;padding-block:.07em;margin-block:-.07em}
.ln>span{display:block;will-change:transform}

.sec-head{display:grid;gap:clamp(20px,2.4vw,36px)}
.sec-head__note{color:var(--text);font-size:clamp(15px,1.1vw,18px);max-width:24em;justify-self:end;margin-top:-1.2em}

.btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:17px 28px 17px 30px;border:1px solid var(--ink);border-radius:999px;
  font-size:14px;letter-spacing:.16em;overflow:hidden;isolation:isolate;transition:color .5s var(--ease);white-space:nowrap}
.btn::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .55s var(--ease);z-index:-1;border-radius:inherit}
.btn svg{transition:transform .5s var(--ease)}
.btn:hover{color:var(--paper)}
.btn:hover::before{transform:none}
.btn:hover svg{transform:translateX(5px)}

/* ---------- 开场：门缝里的光 ---------- */
.intro{display:none}
.js .intro{display:block;position:fixed;inset:0;z-index:200;pointer-events:none;perspective:2200px;overflow:hidden}
.intro__leaf{position:absolute;top:0;bottom:0;width:50.2%;background:var(--ink);will-change:transform;backface-visibility:hidden}
.intro__leaf--l{left:0;transform-origin:left center}
.intro__leaf--r{right:0;transform-origin:right center}
.intro__slit{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--orange);transform:scaleY(0);transform-origin:center;
  box-shadow:0 0 28px 4px rgba(234,84,19,.75),0 0 120px 24px rgba(234,84,19,.28)}
.intro__mark{position:absolute;left:50%;bottom:9vh;transform:translateX(-50%);color:var(--paper);font-family:var(--serif);font-size:15px;letter-spacing:.5em;white-space:nowrap;opacity:0}
.intro__mark span{font-family:var(--sans);font-size:10px;letter-spacing:.5em;color:var(--mute-d);margin-left:.6em}
.intro.is-done{display:none}

/* ---------- 光标 ---------- */
.cursor{display:none}
@media (hover:hover) and (pointer:fine){
  .js .cursor{display:block;position:fixed;left:0;top:0;z-index:150;pointer-events:none;mix-blend-mode:normal}
  .cursor span{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--orange);transition:transform .45s var(--ease),background .3s,opacity .3s;opacity:0}
  .cursor.is-live span{opacity:1}
  .cursor.is-link span{transform:scale(4.4);background:rgba(234,84,19,.18)}
}

/* ---------- 回到首页（带阅读进度圈） ---------- */
.totop{position:fixed;right:clamp(16px,2.2vw,32px);bottom:clamp(16px,2.6vw,34px);z-index:85;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);
  opacity:0;transform:translateY(24px) scale(.9);pointer-events:none;transition:opacity .5s var(--ease),transform .6s var(--ease),color .4s}
.totop.is-show{opacity:1;transform:none;pointer-events:auto}
.totop svg{width:56px;height:56px;border-radius:50%;background:rgba(244,241,236,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(20,19,18,.12);transition:background .4s}
.totop__track{fill:none;stroke:var(--line);stroke-width:1.5}
.totop__bar{fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;transform:rotate(-90deg);transform-origin:26px 26px;stroke-dasharray:151;stroke-dashoffset:151}
.totop__arrow{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.totop span{font-size:11px;letter-spacing:.24em;padding-left:.24em}
.totop:hover svg{background:var(--orange)}
.totop:hover .totop__arrow{stroke:#fff}
.totop.is-dark{color:var(--paper)}
.totop.is-dark svg{background:rgba(30,28,26,.78)}
.nav__home{color:inherit}
.cursor b{position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(.4);font-size:11px;letter-spacing:.2em;color:#fff;font-weight:500;opacity:0;white-space:nowrap;transition:opacity .3s,transform .45s var(--ease);padding-left:.2em}
.cursor.is-drag span{transform:scale(7.2);background:var(--orange);opacity:.92}
.cursor.is-drag b{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* ---------- 导航 ---------- */
.nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:90;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--pad);
  color:var(--ink);transition:transform .6s var(--ease),background .4s,color .4s,height .4s}
.nav.is-hidden{transform:translateY(-102%)}
.nav.is-solid{background:rgba(244,241,236,.82);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);height:68px}
.nav.is-dark{color:var(--paper)}
.nav.is-dark.is-solid{background:rgba(20,19,18,.72)}
.nav__logo{display:block;position:relative;width:166px;height:53px;flex:none;transition:width .4s,height .4s}
.nav__logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .4s}
.nav__logo::after{content:"";position:absolute;inset:0;background:url("../img/brand/logo-light.png") center/contain no-repeat;opacity:0;transition:opacity .4s}
.nav.is-dark .nav__logo img{opacity:0}
.nav.is-dark .nav__logo::after{opacity:1}
.nav.is-solid .nav__logo{width:140px;height:44px}
.foot__logo{display:block;width:clamp(150px,13vw,210px);height:auto;margin-bottom:clamp(28px,3.4vw,48px)}
.nav__links{display:flex;gap:clamp(22px,2.6vw,46px);font-size:14px;letter-spacing:.14em}
.nav__links a{position:relative;padding:8px 0;display:inline-flex;align-items:baseline;gap:7px}
.nav__links a i,.menu a i{font-style:normal;font-size:10px;color:var(--orange);letter-spacing:.08em;font-weight:500}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav__links a:hover::after,.nav__links a.is-here::after{transform:scaleX(1);transform-origin:left}
.nav__staff{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.14em;padding:10px 18px;border:1px solid currentColor;border-radius:999px;
  transition:background .4s,color .4s,border-color .4s}
.nav__staff:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.nav__burger{display:none;width:44px;height:44px;position:relative}
.nav__burger span{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor;transition:transform .5s var(--ease),top .5s var(--ease)}
.nav__burger span:first-child{top:18px}.nav__burger span:last-child{top:26px}
.nav.is-open .nav__burger span:first-child{top:22px;transform:rotate(45deg)}
.nav.is-open .nav__burger span:last-child{top:22px;transform:rotate(-45deg)}
.nav.is-open{color:var(--paper);background:none;transform:none}
.nav.is-open .nav__logo img{opacity:0}.nav.is-open .nav__logo::after{opacity:1}

.menu{position:fixed;inset:0;z-index:80;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;
  padding:calc(var(--nav-h) + 6vh) var(--pad) 40px;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease);visibility:hidden}
.menu.is-open{clip-path:inset(0);visibility:visible}
.menu nav{display:grid;gap:4px}
.menu a{font-family:var(--serif);font-size:clamp(34px,9.5vw,56px);line-height:1.5;display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--line-d);padding-block:6px}
.menu p{font-size:12px;letter-spacing:.2em;color:var(--mute-d)}

/* ---------- 首屏 ---------- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--nav-h) + 24px);overflow:hidden}
.hero__plan{position:absolute;right:-4vw;top:37%;width:min(61vw,1100px);transform:translateY(-50%);pointer-events:none;perspective:2000px}
.hero__plan .plan-mount{transform:rotateX(54deg) rotateZ(-33deg);transform-style:preserve-3d;will-change:transform}
.hero__plan .plan{filter:drop-shadow(0 40px 46px rgba(20,19,18,.10))}
.hero__body{position:relative;z-index:2;width:100%}
.hero__eyebrow{margin-bottom:clamp(18px,2.6vh,34px)}
.hero__title{font-family:var(--serif);font-weight:500;font-size:clamp(58px,min(11.6vw,21.5vh),220px);line-height:1.06;letter-spacing:-.015em;margin-left:-.04em;paint-order:stroke fill;-webkit-text-stroke:.075em var(--paper)}
.hero__title em{font-style:normal;color:var(--orange)}
.hero__lede{position:relative;isolation:isolate}
.hero__lede::before{content:"";position:absolute;inset:-14px -22px;background:var(--paper);filter:blur(14px);opacity:.88;z-index:-1}
.hero__row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:clamp(22px,3.4vh,44px);padding-bottom:clamp(22px,3.4vh,44px)}
.hero__lede{max-width:27em;font-size:clamp(15px,1.16vw,19px);line-height:1.95;color:var(--text)}
.hero__foot{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.2em;color:var(--mute);
  padding-block:20px 24px}
.hero__foot::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:var(--line);transform-origin:left;transform:scaleX(var(--w,1))}
.hero__scroll{display:inline-flex;align-items:center;gap:14px}
.hero__scroll i{position:relative;width:46px;height:1px;background:var(--line);overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;inset:0;background:var(--orange);animation:scrollcue 2.4s var(--ease) infinite}
@keyframes scrollcue{0%{transform:translateX(-101%)}55%{transform:none}100%{transform:translateX(101%)}}
.hero__index{display:flex;gap:clamp(16px,2.2vw,36px)}
.hero__index b{color:var(--orange);font-weight:500;margin-right:8px;letter-spacing:.06em}

/* ---------- 平面图 ---------- */
.plan{width:100%;height:auto;overflow:visible}
.pl-wall path{stroke:var(--ink);stroke-width:3.2;stroke-linecap:square}
.pl-wall .pl-wall--out{stroke-width:6.5}
.pl-win path{stroke:var(--ink);stroke-width:1}
.pl-fur *{stroke:rgba(20,19,18,.3);stroke-width:1.2}
.pl-dim path{stroke:rgba(20,19,18,.32);stroke-width:1}
.pl-dim text,.pl-room text{font-family:var(--sans);font-size:11px;fill:rgba(20,19,18,.46);letter-spacing:.24em}
.pl-room text{font-size:13px;fill:rgba(20,19,18,.52)}
.pl-room .pl-room--s{font-size:11px}
.pl-zone{fill:var(--orange);opacity:0;transition:opacity .7s}
.pl-arc{stroke:var(--orange);stroke-width:1.2;stroke-dasharray:2.5 5.5}
.pl-leaf{stroke:var(--orange);stroke-width:3.4;stroke-linecap:round}
.pl-hinge{fill:var(--paper);stroke:var(--orange);stroke-width:1.6}
.pl-dot{fill:var(--orange)}
.pl-slide{stroke:var(--orange);stroke-width:1.5;fill:rgba(234,84,19,.09)}
.pl-rod{stroke:var(--orange);stroke-width:2.2;stroke-linecap:round}
.pl-hang{stroke:var(--orange);stroke-width:1.2;stroke-linecap:round}
.pl-curtain{stroke:var(--orange);stroke-width:2.2;stroke-dasharray:1.5 6.5;stroke-linecap:round}
.pl-pane{fill:var(--orange)}
.pl-tag circle{fill:var(--paper);stroke:var(--orange);stroke-width:1.2}
.pl-tag text{font-family:var(--sans);font-size:10.5px;font-weight:500;fill:var(--orange);letter-spacing:.02em}
.pl-z{transition:opacity .7s}
.plan[data-active] .pl-z{opacity:.2}
.plan[data-active="door"] .pl-z--door,.plan[data-active="cab"] .pl-z--cab,.plan[data-active="ward"] .pl-z--ward,.plan[data-active="bath"] .pl-z--bath{opacity:1}
.plan[data-active="door"] .pl-z--door .pl-zone,.plan[data-active="cab"] .pl-z--cab .pl-zone,.plan[data-active="ward"] .pl-z--ward .pl-zone,.plan[data-active="bath"] .pl-z--bath .pl-zone{opacity:.075}

/* ---------- 关于 ---------- */
.about{padding-block:clamp(110px,15vw,240px) clamp(80px,10vw,160px)}
.about__say{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.7vw,66px);line-height:1.5;max-width:21.5em;margin-top:clamp(28px,4vw,56px);letter-spacing:.005em}
.about__say .ch{color:rgba(20,19,18,.15);transition:color .45s}
.about__say .ch.on{color:var(--ink)}
.about__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(24px,3vw,56px);margin-top:clamp(64px,8vw,130px);align-items:end}
.about__fig{grid-column:1/span 5;aspect-ratio:5/7;overflow:hidden;position:relative;background:var(--paper-2)}
.about__fig img{width:100%;height:100%;object-fit:cover;will-change:transform}
.about__cols{grid-column:7/-1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,56px)}
.about__col h3{font-family:var(--serif);font-weight:500;font-size:clamp(19px,1.5vw,24px);line-height:1.5;padding-top:18px;border-top:1px solid var(--ink)}
.about__col p{color:var(--text);font-size:15px;line-height:1.95;margin-top:14px}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(72px,9vw,150px);border-top:1px solid var(--ink)}
.stat{padding:22px clamp(14px,2vw,32px) 0 0;position:relative}
.stat+.stat{padding-left:clamp(14px,2vw,32px);border-left:1px solid var(--line)}
.stat dt{font-size:12px;letter-spacing:.22em;color:var(--mute)}
.stat dd{font-family:var(--serif);font-weight:400;font-size:clamp(54px,7.6vw,138px);line-height:1.08;margin-top:clamp(18px,3vw,44px);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:lining-nums}
.stat dd small{font-size:.26em;margin-left:.3em;letter-spacing:.1em;font-weight:500}
.stat dd.stat__txt{font-size:clamp(34px,4.3vw,78px);line-height:1.9;letter-spacing:0}
.stat dd.stat__txt i{font-style:normal;color:var(--orange);margin-inline:.12em;font-family:var(--sans);font-weight:300}
.stat p{font-size:13px;color:var(--mute);margin-top:10px;line-height:1.7}

/* ---------- 历程（横向） ---------- */
.history{background:var(--ink);color:var(--paper);position:relative}
.history__pin{height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}
.history__track{display:flex;align-items:flex-start;will-change:transform;padding-inline:var(--pad) 22vw}
.history__head{flex:0 0 clamp(520px,56vw,980px);padding-right:6vw}
.history__head .h2{margin-top:clamp(20px,2.4vw,36px);font-size:clamp(44px,min(7vw,13vh),132px)}
.history__hint{display:flex;align-items:center;gap:14px;margin-top:clamp(28px,4vh,56px);font-size:12px;letter-spacing:.22em;color:var(--mute-d)}
.history__hint i{width:46px;height:1px;background:var(--orange)}
.yr{flex:0 0 clamp(300px,31vw,500px);padding-right:clamp(36px,5vw,96px);position:relative}
.yr__num{font-family:var(--serif);font-weight:300;font-size:clamp(110px,min(16.5vw,31vh),290px);line-height:1;letter-spacing:-.03em;color:rgba(244,241,236,.1);
  transition:color .8s var(--ease);white-space:nowrap;font-variant-numeric:lining-nums}
.yr__num sub{font-size:.2em;vertical-align:baseline;margin-left:.3em;letter-spacing:.04em;color:var(--mute-d);font-family:var(--sans);bottom:0}
.yr.is-on .yr__num{color:var(--paper)}
.yr--key.is-on .yr__num{color:var(--orange)}
.yr__body{margin-top:clamp(18px,3vh,34px);max-width:19.5em;padding-top:20px;position:relative;opacity:.4;transition:opacity .7s}
.yr.is-on .yr__body{opacity:1}
.yr__body::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:var(--line-d)}
.yr__body::after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--orange);transform:scale(0);transition:transform .6s var(--ease)}
.yr.is-on .yr__body::after{transform:none}
.yr__body h3{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.7vw,27px)}
.yr__body p{font-size:15px;line-height:1.95;color:rgba(244,241,236,.68);margin-top:10px}
.history__rail{position:absolute;left:0;right:0;bottom:30px;display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:.2em;color:var(--mute-d)}
.history__rail::before{content:"";flex:1;height:1px;background:var(--line-d)}
.history__rail i{position:absolute;left:var(--pad);top:50%;height:1px;width:calc(100% - var(--pad)*2 - 70px);background:var(--orange);transform:scaleX(0);transform-origin:left}
.history__rail span{font-family:var(--serif);font-size:15px;letter-spacing:.06em;color:var(--paper);width:50px;text-align:right}

/* ---------- 产品 ---------- */
.products{padding-top:clamp(110px,14vw,220px)}
.pz{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,6.5vw,130px);margin-top:clamp(40px,6vw,96px);align-items:start}
.pz__plan{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center}
.pz__plan .plan-mount{width:100%}
.cat{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding-block:56px;border-top:1px solid var(--line);opacity:.26;transition:opacity .7s}
.cat:first-child{border-top:0}
.cat.is-on{opacity:1}
.cat__no{font-family:var(--serif);color:var(--orange);font-size:17px;letter-spacing:.08em}
.cat__name{font-family:var(--serif);font-weight:500;font-size:clamp(42px,5.4vw,96px);line-height:1.15;margin-top:8px;letter-spacing:-.01em}
.cat__desc{color:var(--text);font-size:clamp(15px,1.08vw,17px);line-height:2;max-width:25em;margin-top:clamp(18px,2vw,30px)}
.cat__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.cat__tags li{font-size:13px;letter-spacing:.08em;padding:6px 15px;border:1px solid var(--line);border-radius:999px;color:var(--text)}
.cat__imgs{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;margin-top:36px;aspect-ratio:3/2;max-width:600px}
.cat__imgs figure{overflow:hidden;background:#fff;position:relative}
.cat__imgs figure:first-child{grid-row:1/span 2}
.cat__imgs img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.cat__imgs figure:hover img{transform:scale(1.06)}

.cat__imgs figure i{position:absolute;left:10px;bottom:10px;font-style:normal;font-size:10px;letter-spacing:.2em;color:#fff;background:rgba(20,19,18,.42);padding:3px 9px;border-radius:99px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

.band{position:relative;height:min(92vh,60vw);min-height:420px;overflow:hidden;color:#fff;background:var(--paper)}
.band__img{position:absolute;inset:0;will-change:clip-path}
.band__img img{width:100%;height:100%;object-fit:cover;will-change:transform}
.band__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,18,0) 45%,rgba(20,19,18,.55) 100%)}
.band figcaption{position:absolute;left:0;right:0;bottom:clamp(28px,5vw,80px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;z-index:2}
.band figcaption p{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.6vw,62px);line-height:1.35;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.band figcaption span{font-size:11px;letter-spacing:.24em;opacity:.8;white-space:nowrap}

.gal{margin-top:clamp(80px,10vw,170px)}
.gal__head{display:flex;justify-content:space-between;align-items:center}
.gal__hint{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.2em;color:var(--mute)}
.gal__hint i{width:46px;height:1px;background:var(--orange)}
.gal__track{display:flex;gap:clamp(12px,1.4vw,22px);overflow-x:auto;padding:clamp(24px,3vw,44px) var(--pad) 8px;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch;user-select:none}
.gal__track::-webkit-scrollbar{display:none}
.gal__track.is-drag{cursor:grabbing;scroll-snap-type:none}
.gal__track figure{flex:0 0 clamp(210px,21vw,330px);scroll-snap-align:start}
.gal__track figure>img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#fff;transition:transform 1.1s var(--ease);pointer-events:none}
.gal__track figure:hover>img{transform:scale(1.035)}
.gal__track figcaption{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;font-family:var(--serif);font-size:16px;letter-spacing:.04em;border-top:1px solid var(--line);margin-top:12px}
.gal__track figcaption span{font-family:var(--sans);font-size:12px;letter-spacing:.16em;color:var(--mute)}

.news{padding-top:clamp(110px,14vw,220px)}
.news__grid{columns:3 260px;column-gap:clamp(16px,2.2vw,36px);margin-top:clamp(48px,7vw,110px)}
.news__item{break-inside:avoid;margin:0 0 clamp(34px,4vw,64px)}
.news__item figure{overflow:hidden;background:var(--paper-2)}
.news__item img{width:100%;display:block;transition:transform 1.3s var(--ease)}
.news__item:hover img{transform:scale(1.045)}
.news__tag{font-size:12px;letter-spacing:.2em;color:var(--orange);margin-top:16px}
.news__item h3{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.7vw,28px);line-height:1.35;margin-top:6px}
.news__item h3+p{font-size:14.5px;color:var(--text);margin-top:6px;line-height:1.8}

.feat{position:relative;margin-top:clamp(80px,11vw,180px);height:min(108vh,1120px);min-height:560px;overflow:hidden;color:var(--paper);display:flex;align-items:flex-end;background:var(--ink)}
.feat__img{position:absolute;inset:0}
.feat__img img{width:100%;height:100%;object-fit:cover;will-change:transform}
.feat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,18,.12) 0%,rgba(20,19,18,0) 34%,rgba(20,19,18,.74) 100%);pointer-events:none}
.feat__txt{position:relative;z-index:2;width:100%;padding-bottom:clamp(40px,6vw,104px)}
.feat__t{font-family:var(--serif);font-weight:500;font-size:clamp(46px,8.8vw,168px);line-height:1.08;letter-spacing:-.01em;margin-top:clamp(16px,2vw,30px)}
.feat__d{max-width:27em;font-size:clamp(15px,1.16vw,19px);line-height:1.95;color:rgba(244,241,236,.88);margin-top:clamp(18px,2.2vw,34px)}

.brands{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(72px,10vw,170px);border-top:1px solid var(--ink)}
.brand{padding:clamp(28px,3.4vw,52px) clamp(20px,3vw,56px) clamp(40px,5vw,84px) 0}
.brand+.brand{padding-left:clamp(20px,3vw,56px);border-left:1px solid var(--line)}
.brand__k{font-size:12px;letter-spacing:.22em;color:var(--mute)}
.brand__n{font-family:var(--serif);font-weight:500;font-size:clamp(40px,5.8vw,108px);line-height:1.2;margin-top:clamp(16px,2.4vw,40px);letter-spacing:-.01em}
.brand__n span{font-family:var(--sans);font-weight:300;font-size:.5em;letter-spacing:.06em;color:var(--orange);margin-left:.2em}
.brand__d{color:var(--text);font-size:15px;line-height:1.95;max-width:25em;margin-top:16px}

.marquee{border-block:1px solid var(--line);overflow:hidden;padding-block:clamp(20px,2.4vw,36px)}
.marquee__in{display:flex;align-items:center;gap:clamp(28px,4vw,64px);width:max-content;white-space:nowrap;animation:mq 38s linear infinite}
.marquee span{font-family:var(--serif);font-size:clamp(26px,3.4vw,56px);font-weight:400;color:var(--ink)}
.marquee i{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- 团队 ---------- */
.team{padding-top:clamp(110px,14vw,220px)}
.org{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,44px);margin-top:clamp(48px,7vw,110px)}
.org li{border-top:1px solid var(--ink);padding-top:18px}
.org b{font-family:var(--serif);font-weight:400;color:var(--orange);font-size:15px;letter-spacing:.08em}
.org h3{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3vw,50px);margin-top:clamp(28px,4.4vw,76px);line-height:1.2}
.org p{color:var(--text);font-size:15px;line-height:1.95;margin-top:14px;max-width:19em}

.doors{margin-top:clamp(72px,10vw,160px)}
.doors__stage{position:relative;height:min(92vh,62vw);min-height:340px;overflow:hidden;perspective:1800px;background:var(--ink)}
.doors__img{position:absolute;inset:0}
.doors__img img{width:100%;height:100%;object-fit:cover;will-change:transform}
.doors__leaf{position:absolute;top:0;bottom:0;width:50.1%;background:var(--paper);will-change:transform;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.doors__leaf::after{content:"";position:absolute;top:50%;width:1.5px;height:76px;margin-top:-38px;background:var(--orange)}
.doors__leaf--l{left:0;transform-origin:left center}.doors__leaf--l::after{right:26px}
.doors__leaf--r{right:0;transform-origin:right center}.doors__leaf--r::after{left:26px}
.doors figcaption{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.18em;color:var(--mute);padding-top:16px}

.year{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,6vw,120px);align-items:center;padding-block:clamp(96px,12vw,200px)}
.year .h3{margin-top:clamp(18px,2vw,30px)}
.year__now{display:flex;flex-direction:column;margin-top:clamp(36px,5vw,80px)}
.year__now b{font-family:var(--serif);font-weight:400;font-size:clamp(60px,8vw,150px);line-height:1.1;letter-spacing:-.01em}
.year__now span{color:var(--orange);font-size:clamp(15px,1.25vw,20px);letter-spacing:.2em;margin-top:8px;min-height:1.8em}
.year__desc{color:var(--text);font-size:15px;line-height:1.95;max-width:27em;margin-top:clamp(24px,3vw,44px)}
.dial{position:relative;width:100%;max-width:620px;aspect-ratio:1;justify-self:end}
.dial svg{width:100%;height:100%;overflow:visible}
.dial .d-ring{stroke:var(--ink);stroke-width:1;fill:none}
.dial .d-ring--in{stroke:var(--line)}
.dial .d-tick{stroke:var(--ink);stroke-width:1}
.dial .d-tick--s{stroke:rgba(20,19,18,.3)}
.dial .d-lab{font-family:var(--serif);font-size:19px;fill:rgba(20,19,18,.36);transition:fill .5s}
.dial .d-lab.on{fill:var(--orange)}
.dial .d-mark{fill:var(--orange)}
.dial .d-hub{fill:var(--ink)}
.dial .d-hand{stroke:var(--orange);stroke-width:1.4}
.dial .d-cap{font-family:var(--sans);font-size:10px;letter-spacing:.3em;fill:var(--mute)}

/* ---------- 价值观 ---------- */
.values{background:var(--ink);color:var(--paper);padding-block:clamp(110px,14vw,220px);position:relative;overflow:hidden}
.creed{margin-top:clamp(56px,8vw,130px);max-width:min(100%,1180px)}
.creed--r{margin-left:auto;text-align:right}
.creed__k{font-size:12px;letter-spacing:.34em;color:var(--orange)}
.creed__t{font-family:var(--serif);font-weight:500;font-size:clamp(32px,5.9vw,112px);line-height:1.2;margin-top:clamp(12px,1.6vw,24px);letter-spacing:-.01em}
.vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(80px,11vw,180px);border-top:1px solid var(--line-d);border-left:1px solid var(--line-d)}
.vals li{position:relative;aspect-ratio:16/10;padding:clamp(18px,2.2vw,34px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d);
  overflow:hidden;isolation:isolate;transition:color .5s}
.vals li::before{content:"";position:absolute;inset:0;background:var(--orange);transform:translateY(101%);transition:transform .65s var(--ease);z-index:-1}
.vals li::after{content:"";position:absolute;right:-1px;bottom:-1px;width:38%;aspect-ratio:1;border:1px dashed rgba(244,241,236,.22);border-radius:100% 0 0 0;border-right:0;border-bottom:0;transition:transform .8s var(--ease),border-color .5s;transform-origin:right bottom}
.vals li:hover::before{transform:none}
.vals li:hover{color:var(--ink)}
.vals li:hover::after{transform:scale(1.5);border-color:rgba(20,19,18,.35)}
.vals i{font-style:normal;font-size:12px;letter-spacing:.2em;color:var(--orange);transition:color .5s}
.vals li:hover i{color:var(--ink)}
.vals b{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.7vw,68px);line-height:1.2}

.values__coda{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.5vw,42px);line-height:1.7;text-align:center;margin-top:clamp(70px,9vw,150px)}
.values__coda::before{content:"";display:block;width:1px;height:clamp(48px,6vw,100px);background:var(--orange);margin:0 auto clamp(26px,3vw,46px)}

/* ---------- 加入我们 ---------- */
.join{padding-block:clamp(110px,14vw,220px) clamp(90px,11vw,180px)}
.stairs{margin-top:clamp(36px,5vw,80px)}
.stairs svg{width:100%;height:auto;overflow:visible}
.st-shade{display:none}
.st-line{stroke:var(--ink);stroke-width:1.5}
.st-lab text{font-family:var(--serif);font-size:19px;fill:var(--ink)}
.st-lab .st-top{fill:var(--orange);font-size:25px;font-weight:500}
.st-dot{fill:var(--orange)}
.tracks{margin-top:clamp(36px,5vw,76px);border-top:1px solid var(--ink)}
.tracks li{display:grid;grid-template-columns:clamp(84px,11vw,180px) 1fr;align-items:baseline;gap:12px;padding-block:18px;border-bottom:1px solid var(--line)}
.tracks b{font-family:var(--serif);font-weight:500;font-size:clamp(17px,1.5vw,23px)}
.tracks span{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:15px;color:var(--text)}
.tracks i{width:18px;height:1px;background:var(--orange);display:inline-block}
.perks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(36px,4.6vw,76px) clamp(18px,2.4vw,44px);margin-top:clamp(76px,9.5vw,160px)}
.perks li{border-top:1px solid var(--ink);padding-top:16px}
.perks b{font-family:var(--serif);font-weight:400;color:var(--orange);font-size:15px;letter-spacing:.08em}
.perks h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.5vw,42px);line-height:1.25;margin-top:clamp(18px,2.6vw,46px)}
.perks p{font-size:15px;color:var(--text);margin-top:8px;line-height:1.8}
.join .gate__grid{margin-top:clamp(84px,10vw,170px)}

/* ---------- 投递 / 员工专区 ---------- */
.gate__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,28px)}
.gate__card{position:relative;display:flex;flex-direction:column;min-height:min(68vh,640px);padding:clamp(26px,3.4vw,60px);border:1px solid var(--ink);overflow:hidden;isolation:isolate;transition:color .6s var(--ease)}
.gate__card::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .7s var(--ease);z-index:-1}
.gate__card h3{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.7vw,66px);line-height:1.25;margin-top:auto;letter-spacing:-.01em}
.gate__card>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:26em;margin-top:18px;color:var(--text);transition:color .6s}
.gate__card em{font-style:normal;font-size:12px;letter-spacing:.14em;color:var(--orange);border:1px solid var(--orange);border-radius:999px;padding:3px 11px;margin-left:10px;white-space:nowrap}
.gate__go{position:absolute;right:clamp(26px,3.4vw,60px);top:clamp(26px,3.4vw,60px);width:54px;height:54px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:transform .7s var(--ease),background .5s,border-color .5s,color .5s}
.gate__card:hover{color:var(--paper)}
.gate__card:hover::before{transform:none}
.gate__card:hover>p:not(.eyebrow){color:rgba(244,241,236,.72)}
.gate__card:hover .eyebrow{color:var(--paper)}
.gate__card:hover .gate__go{background:var(--orange);border-color:var(--orange);color:#fff;transform:rotate(-45deg)}
.gate__card--dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.gate__card--dark>p:not(.eyebrow){color:rgba(244,241,236,.68)}
.gate__card--dark::before{background:var(--orange)}
.gate__card--dark:hover{color:#fff}
.gate__card--dark:hover em{color:#fff;border-color:#fff}
.gate__card--dark:hover .gate__go{background:var(--ink);border-color:var(--ink);transform:none}

/* ---------- 页脚 ---------- */
.foot{background:var(--ink);color:var(--paper);padding-top:clamp(72px,9vw,150px);overflow:hidden}
.foot__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.foot__say{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.6vw,62px);line-height:1.3}
.foot__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.foot__cols h4{font-size:11px;letter-spacing:.3em;color:var(--mute-d);font-weight:400;margin-bottom:18px}
.foot__cols a,.foot__cols span{display:block;font-size:15px;line-height:2.2;color:rgba(244,241,236,.86);width:fit-content;position:relative}
.foot__cols a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.foot__cols a:hover::after{transform:scaleX(1);transform-origin:left}
.foot__word{font-family:var(--sans);font-weight:300;font-size:clamp(88px,23.6vw,470px);line-height:.86;letter-spacing:.07em;text-align:center;white-space:nowrap;margin:clamp(48px,7vw,120px) -4vw 0;
  color:transparent;background:linear-gradient(180deg,rgba(244,241,236,.2) 8%,rgba(244,241,236,.015) 88%);-webkit-background-clip:text;background-clip:text;user-select:none;padding-left:.07em}
.foot__bar{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line-d);padding-block:22px 26px;font-size:12px;letter-spacing:.1em;color:var(--mute-d);margin-top:clamp(20px,3vw,48px)}
.foot__icp a{color:rgba(244,241,236,.86);border-bottom:1px solid var(--line-d)}
.foot__icp i{font-style:normal;margin-left:12px;opacity:.7}

.draft{position:fixed;right:0;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;z-index:70;font-size:10.5px;letter-spacing:.3em;padding:14px 6px 12px;border-radius:7px 0 0 7px;background:rgba(20,19,18,.86);color:var(--paper);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}
.draft::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-bottom:9px}

/* ---------- 进场的初始态（只在脚本可用时隐藏） ---------- */
.js [data-reveal]{opacity:0;transform:translateY(34px)}
.js .ln>span{transform:translateY(112%)}
.no-motion [data-reveal],.no-motion .ln>span{opacity:1!important;transform:none!important}

/* ---------- 员工专区页 ---------- */
.nav--split{color:var(--paper)}
.nav--split .nav__logo img{opacity:0}
.nav--split .nav__logo::after{opacity:1}
.nav--split .nav__staff{color:var(--ink)}
.nav--split.is-solid{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;height:var(--nav-h)}
.nav--split.is-solid .nav__logo{width:166px;height:53px}
.staff__title em{font-style:normal;color:var(--orange)}
.staff__icp a{border-bottom:1px solid var(--line)}
.st-lab text{transition:opacity .5s}
.staff{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--ink);color:var(--paper)}
.staff__l{position:relative;padding:calc(var(--nav-h) + 6vh) var(--pad) 48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.staff__l .plan-mount{position:absolute;right:-34%;bottom:-20%;width:88%;opacity:.38;transform:rotate(-8deg);pointer-events:none}
.staff__l .plan .pl-wall path,.staff__l .plan .pl-win path{stroke:rgba(244,241,236,.6)}
.staff__l .plan .pl-fur *{stroke:rgba(244,241,236,.2)}
.staff__l .plan .pl-dim,.staff__l .plan .pl-room,.staff__l .plan .pl-tag{display:none}
.staff__l .plan .pl-hinge{fill:var(--ink)}
.staff__title{font-family:var(--serif);font-weight:500;font-size:clamp(52px,8.4vw,150px);line-height:1.08;margin-top:clamp(20px,3vw,40px);letter-spacing:-.01em;position:relative}
.staff__lede{color:rgba(244,241,236,.7);max-width:24em;margin-top:clamp(20px,2.4vw,36px);font-size:clamp(15px,1.1vw,18px);line-height:1.95;position:relative}
.staff__list{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;max-width:520px;margin-top:48px}
.staff__list li{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line-d);padding-block:14px;font-size:15px}
.staff__list li span{font-size:11px;letter-spacing:.16em;color:var(--mute-d)}
.staff__r{background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(var(--nav-h) + 4vh) var(--pad) 48px;position:relative}
.qr{width:min(100%,420px);text-align:center}
.qr__k{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.2em}
.qr__box{position:relative;width:min(72vw,300px);aspect-ratio:1;margin:28px auto 0;padding:18px;background:#fff;border:1px solid var(--line)}
.qr__box svg{width:100%;height:100%;filter:blur(5px);opacity:.34}
.qr__box::before,.qr__box::after{content:"";position:absolute;width:26px;height:26px;border:1.5px solid var(--orange)}
.qr__box::before{left:-8px;top:-8px;border-right:0;border-bottom:0}
.qr__box::after{right:-8px;bottom:-8px;border-left:0;border-top:0}
.qr__lock{position:absolute;inset:0;display:grid;place-items:center}
.qr__lock span{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:var(--paper);font-size:13px;letter-spacing:.2em;padding:12px 20px;border-radius:999px}
.qr__lock span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.25}}
.qr__scan{position:absolute;left:18px;right:18px;top:18px;height:1.5px;background:var(--orange);box-shadow:0 0 14px 2px rgba(234,84,19,.5);animation:scan 3.4s var(--ease) infinite}
@keyframes scan{0%{transform:translateY(0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(calc(min(72vw,300px) - 38px));opacity:0}}
.qr h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.2vw,34px);margin-top:34px}
.qr p{color:var(--mute);font-size:14px;line-height:1.9;margin-top:10px}
.qr__steps{display:flex;justify-content:center;gap:10px;margin-top:26px;font-size:12px;letter-spacing:.12em;color:var(--text);flex-wrap:wrap}
.qr__steps li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:999px}
.qr__steps b{color:var(--orange);font-weight:500}
.staff__back{position:absolute;left:var(--pad);bottom:28px;font-size:12px;letter-spacing:.2em;color:var(--mute);display:inline-flex;gap:10px;align-items:center}
.staff__back:hover{color:var(--ink)}
.staff__icp{position:absolute;right:var(--pad);bottom:28px;font-size:11px;letter-spacing:.1em;color:var(--mute)}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
  .about__fig{grid-column:1/span 5}
  .about__cols{grid-column:6/-1;grid-template-columns:1fr}
  .pz{grid-template-columns:1fr;gap:0}
  .pz__plan{position:relative;height:auto;top:auto;padding-block:8px 28px}
  .cat{min-height:0;opacity:1;padding-block:44px}
  .cat:first-child{border-top:1px solid var(--line)}
}
@media (max-width:900px){
  :root{--nav-h:68px}
  .nav__links,.nav__staff{display:none}
  .nav__burger{display:block}
  .nav__logo,.nav.is-solid .nav__logo{width:132px;height:42px}
  .hero__plan{right:-40vw;top:25%;width:138vw}
  .draft{right:auto;left:10px;top:auto;bottom:10px;transform:none;writing-mode:horizontal-tb;padding:6px 11px;border-radius:999px;letter-spacing:.14em;font-size:10px}
  .totop svg{width:48px;height:48px}
  .foot__bar{padding-bottom:104px}
  .draft::before{margin:0 7px 0 0;vertical-align:1px}
  .hero__row{flex-direction:column;align-items:flex-start;gap:22px}
  .hero__index{display:none}
  .sec-head__note{justify-self:start;margin-top:0}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){padding-left:0;border-left:0}
  .stat:nth-child(n+3){margin-top:36px;border-top:1px solid var(--ink)}
  .history__pin{height:auto;display:block;padding-block:110px 90px;overflow:visible}
  .history__track{display:block;padding-inline:var(--pad);transform:none!important}
  .history__head{padding-right:0}
  .history__hint,.history__rail{display:none}
  .yr{padding-right:0;margin-top:64px}
  .yr__num{color:var(--paper);font-size:clamp(84px,27vw,150px)}
  .yr--key .yr__num{color:var(--orange)}
  .yr__body{opacity:1;max-width:none}
  .yr__body::after{transform:none}
  .brands{grid-template-columns:1fr}
  .brand+.brand{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .org{grid-template-columns:1fr 1fr;row-gap:40px}
  .doors__stage{height:74vw}
  .year{grid-template-columns:1fr}
  .dial{justify-self:center;max-width:420px}
  .vals{grid-template-columns:1fr 1fr}
  .vals li{aspect-ratio:4/3}
  .gate__grid{grid-template-columns:1fr}
  .gate__card{min-height:420px}
  .perks{grid-template-columns:1fr 1fr}
  .feat{height:92svh}
  .foot__top{grid-template-columns:1fr}
  .staff{grid-template-columns:1fr}
  .nav--split .nav__staff{display:inline-flex;color:var(--paper);padding:8px 14px}
  .nav--split .nav__logo{width:132px!important;height:42px!important}
  .staff__l{min-height:66svh}
  .staff__r{padding-top:56px;padding-bottom:96px}
}
@media (max-width:560px){
  body{font-size:15px}
  .eyebrow span{display:none}
  .hero__eyebrow span{display:inline}
  .about__fig,.about__cols{grid-column:1/-1}
  .st-lab text{display:none}
  .st-lab .st-top{display:block;font-size:54px}
  .tracks li{grid-template-columns:1fr;gap:6px}
  .org{grid-template-columns:1fr}
  .org h3{margin-top:18px}
  .foot__cols{grid-template-columns:1fr 1fr}
  .cat__imgs figure{max-width:none}
  .staff__list{grid-template-columns:1fr}
  .foot__icp i{display:block;margin:6px 0 0}
}
@media (prefers-reduced-motion:reduce){
  .marquee__in,.hero__scroll i::after,.qr__scan{animation:none}
}