@font-face{font-family:MG;src:url("../fonts/MG-B-BiU9T5KX.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:MG;src:url("../fonts/MG-EB-DCIsQNoG.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:MG;src:url("../fonts/MG-BL-BdR8LHFG.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:LoaderSaans;src:url("../fonts/SaansMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:LoaderKorolev;src:url("../fonts/KorolevCondensed-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:AntonMenu;src:url("../fonts/Anton-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --base-size:1512;
  --base-vw:100vw;
  --dark:#090909;
  --paper:#ebeae4;
  --cream:#eee9d1;
  --brown:#341c09;
  --olive:#4d5c04;
  --rust:#b5542e;
  --charcoal:#2e2e2e;
  --yellow:#ffdb00;
  --home-paper:#f7f6f2;
  --home-ink:#060607;
  --home-muted:#777873;
  --home-glow:#5f49ff;
  --ease:cubic-bezier(.496,.004,0,1);
  --page-footer:#341c09;
  --base-size-desktop-h:845;
  --site-menu-offset-top:18px;
  --site-menu-offset-right:20px;
  --site-menu-width:112px;
  --site-menu-height:40px;
}
@media(max-width:601px){:root{--base-size:430}}
html{background:var(--dark);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
html::-webkit-scrollbar{display:none}
body{background:var(--paper);color:var(--dark);font-family:Manrope,Arial,sans-serif;font-weight:800;overflow-x:hidden}
body[data-page=home]{--page-footer:#000;background:#000;color:var(--home-paper)}
body[data-page=works]{background:var(--dark);--page-footer:var(--rust)}
body[data-page=video]{background:var(--dark);--page-footer:var(--rust)}
body[data-page=break]{background:var(--brown);--page-footer:var(--brown)}
body[data-page=visual]{background:#fffffa;color:#0a59ff;--page-footer:#fffffa}
body[data-page=project]{background:#fffffa;color:#050505;--page-footer:#fffffa}
body[data-page=about]{background:#f2f2ef;--page-footer:#f2f2ef;color:#111}
body[data-page=about] .main-header{color:#111;mix-blend-mode:normal}
html:has(body[data-page=visual]){background:#fffffa}
html.skip-first-preloader body[data-page=visual],
html.from-page-transition body[data-page=visual]{background:#fffffa}
html.skip-first-preloader body[data-page=visual] main,
html.skip-first-preloader body[data-page=visual] .main-header,
html.from-page-transition body[data-page=visual] main,
html.from-page-transition body[data-page=visual] .main-header{clip-path:none;transform:none;visibility:visible}
body[data-page=visual].az-imported-loader-exiting main,
body[data-page=visual].az-imported-loader-exiting .main-header{clip-path:none;height:auto;inset:auto;overflow:visible;position:relative;transform:none;visibility:visible;width:auto}
body[data-page=visual] .t-transition{display:none}
html:has(body[data-page=project]){background:#fffffa}
html.skip-first-preloader body[data-page=project],
html.from-page-transition body[data-page=project]{background:#fffffa}
html.skip-first-preloader body[data-page=project] main,
html.skip-first-preloader body[data-page=project] .main-header,
html.from-page-transition body[data-page=project] main,
html.from-page-transition body[data-page=project] .main-header{clip-path:none;transform:none;visibility:visible}
body[data-page=project].az-imported-loader-exiting main,
body[data-page=project].az-imported-loader-exiting .main-header{clip-path:none;height:auto;inset:auto;overflow:visible;position:relative;transform:none;visibility:visible;width:auto}
body[data-page=project] .t-transition{display:none}
.about-topbar{align-items:flex-start;color:#111;display:none;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(11px,.72vw,14px);font-weight:500;grid-template-columns:1.15fr 1fr auto 1fr auto;left:0;line-height:1.12;padding:24px 28px;pointer-events:none;position:fixed;right:0;top:0;z-index:70}
.about-topbar>div:nth-child(3){border:1px solid rgba(17,17,17,.28);border-radius:999px;display:flex;gap:18px;margin-top:-7px;padding:8px 16px}
.about-topbar>div:nth-child(4){justify-self:center}
.about-topbar>div:nth-child(5){justify-self:end}
a{color:inherit;text-decoration:none}
img,video{display:block;height:auto;max-width:100%}
button{border:0;background:none;color:inherit;font:inherit}
.t-ma,.media-fill{width:100%;height:100%;object-fit:cover}
.no-wrap{white-space:nowrap}

.skip-first-preloader .preloader,.skip-first-preloader .page-loading-bar{display:none}
.from-page-transition .preloader,.from-page-transition .page-loading-bar{display:none}
.from-page-transition main,.from-page-transition .main-header,.from-page-transition .main-footer{visibility:hidden}
html.from-page-transition body[data-page=works]{background:var(--dark)}
html.from-page-transition body[data-page=works] main,
html.from-page-transition body[data-page=works] .main-header{visibility:visible}
html.from-page-transition body[data-page=works] .main-footer{visibility:hidden}
html.from-page-transition body[data-page=about] main,
html.from-page-transition body[data-page=about] .main-header{visibility:visible}
html.from-page-transition body[data-page=about] .main-footer{visibility:hidden}
html.reveal-break-page main,html.reveal-break-page .main-header,html.reveal-break-page .main-footer{visibility:visible}
.from-page-transition .t-transition{pointer-events:all}
html.from-page-transition body[data-page=home] .transition-home,
html.from-page-transition body[data-page=works] .transition-works,
html.from-page-transition body[data-page=visual] .transition-break,
html.from-page-transition body[data-page=break] .transition-break,
html.from-page-transition body[data-page=about] .transition-about{opacity:1;visibility:visible;transform:translateY(0)}
html.from-page-transition body[data-page=works] .transition-works{clip-path:inset(0 0 0 0)}
html.from-page-transition body[data-page=works] .transition-works .t-caption,
html.from-page-transition body[data-page=works] .transition-works .t-title,
html.from-page-transition body[data-page=works] .transition-works .t-media{opacity:0}
html.from-page-transition body[data-page=break] .transition-break{clip-path:inset(0 0 0 0)}
html.from-page-transition body[data-page=visual] .transition-break{clip-path:inset(0 0 0 0)}
html.from-page-transition body[data-page=visual] .transition-break .t-caption,
html.from-page-transition body[data-page=visual] .transition-break .t-title,
html.from-page-transition body[data-page=visual] .transition-break .t-media{opacity:0}
html.from-page-transition body[data-page=break] .transition-break .t-caption,
html.from-page-transition body[data-page=break] .transition-break .t-title,
html.from-page-transition body[data-page=break] .transition-break .t-media{opacity:0}
html.from-page-transition body[data-page=about] .transition-about .section-heading__inner{opacity:0;visibility:hidden}
html.from-page-transition body[data-page=about] .transition-about{transition:none}
body.az-imported-loader-active{overflow:hidden}
body.az-imported-loader-exiting{--az-page-scale:.82}
body.az-imported-loader-exiting main{
  height:100vh;
  inset:0;
  overflow:hidden;
  position:fixed;
  transform:scale(var(--az-page-scale)) translateZ(0);
  transform-origin:center center;
  width:100%;
  z-index:100001;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
body.az-imported-loader-exiting .main-header{
  color:var(--home-paper);
  opacity:0;
  mix-blend-mode:normal;
  visibility:hidden;
  transform:scale(var(--az-page-scale)) translateZ(0);
  transform-origin:center center;
  z-index:100002;
}
body.az-imported-loader-exiting .main-footer{visibility:hidden}
body.az-page-header-visible .main-header{
  opacity:1;
  visibility:visible;
}
.az-site-loader,#az-system-stage,#az-loader-layer{
  --az-col-l:12;
  --az-margin-y:2.6rem;
  --az-margin-x:2.6rem;
  --az-gutter:1.6rem;
  --az-area:calc(100vw - var(--az-margin-x)*2);
  --az-col:calc((var(--az-area) - var(--az-gutter)*(var(--az-col-l) - 1))/var(--az-col-l));
  --az-bg:#040404;
  --az-fg:#d4e8e8;
  --az-fg2:rgba(212,232,232,.5);
  --az-fg3:rgba(212,232,232,.3);
  --az-loader-ease:cubic-bezier(.19,1,.22,1);
  color:var(--az-fg);
  font-family:LoaderSaans,Manrope,Arial,sans-serif;
  font-size:clamp(11px,.84vw,13px);
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.1;
  text-transform:uppercase;
}
.az-site-loader{inset:0;opacity:1;overflow:hidden;pointer-events:all;position:fixed;transform:translateZ(0);will-change:opacity;z-index:100003}
.az-loader-core{background:var(--az-bg);inset:0;overflow:hidden;position:absolute;transform:scale(1) translateZ(0);transform-origin:center center;will-change:clip-path,transform,opacity}
.az-loader-bg{background:var(--az-bg);inset:0;position:absolute}
.az-site-loader .az-l-wrap{display:block;overflow:hidden}
.az-site-loader .az-l{display:block;transform:translate3d(0,110%,0);white-space:nowrap;will-change:transform,opacity}
.az-site-loader .az-c-wrap{display:inline-block;overflow:hidden}
.az-site-loader .az-c{display:inline-block;opacity:0;white-space:nowrap;will-change:opacity}
.az-loader-top{height:2rem;left:var(--az-margin-x);overflow:hidden;pointer-events:none;position:absolute;top:var(--az-margin-y);width:4.8rem}
.az-loader-top>div{inset:0;position:absolute}
.az-loader-edge-ticks{--az-tick-progress:0%;bottom:calc(var(--az-margin-y) + 5.2rem);opacity:1;pointer-events:none;position:absolute;top:calc(var(--az-margin-y) + 5.2rem);width:clamp(9px,1.1vw,18px);z-index:1}
.az-loader-edge-ticks::before,.az-loader-edge-ticks::after{content:"";inset:0;position:absolute}
.az-loader-edge-ticks::before{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.2) 0 1px,transparent 1px 15px);mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}
.az-loader-edge-ticks::after{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.24) 0 1px,transparent 1px 60px);mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent)}
.az-loader-edge-ticks span{background:repeating-linear-gradient(to bottom,rgba(255,255,255,1) 0 1px,transparent 1px 15px),repeating-linear-gradient(to bottom,rgba(255,255,255,1) 0 1px,transparent 1px 60px);bottom:0;height:var(--az-tick-progress);left:0;mask-image:linear-gradient(to bottom,transparent,black 4%,black 100%);opacity:0;position:absolute;transition:height .08s linear,opacity .18s ease;width:100%;z-index:2}
.az-loader-edge-ticks.is-loading span{opacity:1}
.az-loader-edge-ticks--left{left:var(--az-margin-x)}
.az-loader-edge-ticks--left::before,.az-loader-edge-ticks--left span{clip-path:polygon(0 0,48% 0,48% 100%,0 100%)}
.az-loader-edge-ticks--left::after{clip-path:polygon(0 0,68% 0,68% 100%,0 100%)}
.az-loader-edge-ticks--right{right:var(--az-margin-x);transform:scaleX(-1)}
.az-loader-edge-ticks--right::before,.az-loader-edge-ticks--right span{clip-path:polygon(0 0,48% 0,48% 100%,0 100%)}
.az-loader-edge-ticks--right::after{clip-path:polygon(0 0,68% 0,68% 100%,0 100%)}
.az-loader-center{background:transparent;border:0;color:inherit;cursor:default;height:calc(var(--az-col)*2 + var(--az-gutter));left:50%;outline:0;padding:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--az-col)*2 + var(--az-gutter));z-index:2}
.az-loader-center:focus-visible{outline:1px solid currentColor;outline-offset:12px}
.az-loader-center>div{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.az-loader-logo{height:0;opacity:1;overflow:hidden;pointer-events:none;width:0}
.az-loader-logo svg{fill:currentColor;height:100%;width:100%}
.az-loader-logo .az-kirk-layer{clip-path:polygon(-330% -60%,-130% -60%,-30% 160%,-230% 160%);transform-box:fill-box;will-change:clip-path}
.az-loader-logo .az-kirk-layer-base{clip-path:inset(0 0 0 0);fill:#fff}
.az-loader-logo .az-kirk-layer-blue{animation:azKirkColorHold 1.15s cubic-bezier(.16,1,.3,1) .18s forwards;fill:#0a59ff}
.az-loader-logo .az-kirk-layer-cyan{animation:azKirkColorHold 1.15s cubic-bezier(.16,1,.3,1) .92s forwards;fill:#14e7ff}
.az-loader-logo .az-kirk-layer-white{animation:azKirkColorHold 1.2s cubic-bezier(.16,1,.3,1) 1.72s forwards;fill:#fff}
@keyframes azKirkColorHold{
  from{clip-path:polygon(-330% -60%,-130% -60%,-30% 160%,-230% 160%)}
  to{clip-path:polygon(-120% -60%,120% -60%,220% 160%,-20% 160%)}
}
.az-loader-cta,.az-loader-exit{line-height:1;text-align:center}
.az-loader-cta.is-blinking .az-l{animation:azLoaderCtaBlink 1.8s steps(1,end) infinite}
.az-loader-generating-text{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;width:100%;z-index:3}
.az-loader-generating-text .az-l-wrap{display:flex;justify-content:center;overflow:hidden;width:100%}
.az-loader-generating-text .az-l{align-items:center;display:flex;gap:.14em;justify-content:center;white-space:nowrap}
.az-loader-letter{animation:azLoaderLetterAnim 2s infinite;color:#fff;display:inline-block;font-size:clamp(11px,1.05vw,16px);font-weight:800;letter-spacing:0;line-height:1;text-shadow:0 0 10px rgba(255,255,255,.7)}
.az-loader-letter--space{width:.42em}
.az-loader-letter:nth-child(1){animation-delay:0s}
.az-loader-letter:nth-child(2){animation-delay:.1s}
.az-loader-letter:nth-child(3){animation-delay:.2s}
.az-loader-letter:nth-child(4){animation-delay:.3s}
.az-loader-letter:nth-child(5){animation-delay:.4s}
.az-loader-letter:nth-child(6){animation-delay:.5s}
.az-loader-letter:nth-child(7){animation-delay:.6s}
.az-loader-letter:nth-child(8){animation-delay:.7s}
.az-loader-letter:nth-child(9){animation-delay:.8s}
.az-loader-letter:nth-child(10){animation-delay:.9s}
.az-loader-circles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}
.az-loader-circles svg{filter:drop-shadow(0 0 12px rgba(20,231,255,.28));height:100%;overflow:visible;position:relative;width:100%;will-change:opacity}
.az-loader-circles svg::before{content:"";position:absolute;inset:14%;border-radius:50%;box-shadow:0 0 26px 8px rgba(20,231,255,.2),0 0 48px 16px rgba(20,231,255,.12);pointer-events:none}
.az-loader-circles circle{transform-box:fill-box;transform-origin:center center;will-change:stroke-dashoffset,transform}
.az-loader-fx,.az-loader-main-ring,.az-loader-pulse-ring,.az-loader-path-ring,.az-loader-path-spark,.az-loader-labels,.az-loader-circle-ticks{opacity:0;transition:opacity .55s var(--az-loader-ease)}
.az-loader-circles svg.is-drawn .az-loader-fx{opacity:1}
.az-loader-circles svg.is-drawn .az-loader-main-ring{opacity:.98}
.az-loader-circles svg.is-drawn .az-loader-pulse-ring{opacity:0}
.az-loader-circles svg.is-drawn .az-loader-path-ring{opacity:.88}
.az-loader-circles svg.is-drawn .az-loader-path-spark{opacity:.82}
.az-loader-circles svg.is-drawn .az-loader-labels{opacity:1}
.az-loader-circles svg:not(.is-drawn) .az-loader-pulse-ring{display:none}
.az-loader-circles svg.is-drawing .az-loader-circle-ticks{animation:azLoaderCircleTicks 1.65s cubic-bezier(.87,0,.13,1) forwards;opacity:.52}
.az-loader-main-ring{filter:none}
.az-loader-draw-ring{filter:none;stroke-dasharray:477.5;stroke-dashoffset:477.5;stroke-linecap:round;transform:rotate(-90deg);will-change:stroke-dashoffset}
.az-loader-circles svg.is-drawing .az-loader-draw-ring{animation:azLoaderDrawCircle 1.65s cubic-bezier(.87,0,.13,1) forwards}
.az-loader-circles svg.is-drawn .az-loader-draw-ring{stroke-dashoffset:0}
.az-loader-path-ring{stroke-linecap:round}
.az-loader-path-ring--progress{mix-blend-mode:screen}
.az-loader-path-spark{animation:azLoaderPathSpark 2s linear infinite;stroke-dasharray:34 444;stroke-linecap:round;transform-origin:109px 109px;will-change:opacity,transform}
.az-loader-circle-ticks{pointer-events:none;transform-origin:109px 109px;will-change:opacity,transform}
.az-loader-circle-tick{stroke:rgba(255,255,255,.28);stroke-linecap:round;stroke-width:.48}
.az-loader-circle-tick--mid{stroke:rgba(255,255,255,.36);stroke-width:.56}
.az-loader-circle-tick--major{stroke:rgba(255,255,255,.58);stroke-width:.76}
.az-loader-labels{overflow:visible;pointer-events:none}
.az-loader-label{opacity:0;will-change:opacity}
.az-loader-label polyline{fill:none;stroke:rgba(255,255,255,.38);stroke-linecap:round;stroke-linejoin:round;stroke-width:.8}
.az-loader-label text{fill:rgba(255,255,255,.52);font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.08em;paint-order:stroke fill;stroke:rgba(0,0,0,.14);stroke-width:1px}
.az-loader-pulse-ring{animation:azLoaderOuterPulse 2.8s cubic-bezier(.16,1,.3,1) infinite;opacity:0;transform-origin:109px 109px;will-change:opacity,transform}
.az-loader-pulse-ring--1{animation-delay:1.2s}
.az-loader-pulse-ring--2{animation-delay:1s}
.az-loader-pulse-ring--3{animation-delay:.82s}
.az-loader-pulse-ring--4{animation-delay:.64s}
.az-loader-pulse-ring--5{animation-delay:.48s}
.az-loader-pulse-ring--6{animation-delay:.32s}
.az-loader-pulse-ring--7{animation-delay:.16s}
.az-loader-pulse-ring--8{animation-delay:0s}
.az-loader-shadow-spin{animation:azLoaderInnerShadowRotate 2.8s linear infinite;transform-box:view-box;transform-origin:109px 109px;will-change:transform}
@keyframes azLoaderInnerShadowRotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes azLoaderLetterAnim{
  0%,100%{opacity:.4;transform:translateY(0)}
  20%{opacity:1;transform:scale(1.15)}
  40%{opacity:.7;transform:translateY(0)}
}
@keyframes azLoaderOuterPulse{
  0%{opacity:.62;transform:scale(.9)}
  60%{opacity:.12;transform:scale(1.44)}
  100%{opacity:0;transform:scale(1.86)}
}
@keyframes azLoaderPathSpark{
  from{transform:rotate(-90deg)}
  to{transform:rotate(270deg)}
}
@keyframes azLoaderDrawCircle{
  from{stroke-dashoffset:477.5}
  to{stroke-dashoffset:0}
}
@keyframes azLoaderCircleTicks{
  0%{opacity:0;transform:rotate(-10deg) scale(.94)}
  18%{opacity:.52}
  82%{opacity:.52}
  100%{opacity:0;transform:rotate(0deg) scale(1)}
}
.az-loader-bottom{bottom:calc(var(--az-margin-y) - .2rem);display:flex;left:var(--az-margin-x);pointer-events:none;position:absolute}
.az-loader-text:first-child{width:calc(var(--az-col)*2 + var(--az-gutter)*2)}
.az-loader-text:nth-child(2){width:calc(var(--az-col)*9 + var(--az-gutter)*9)}
.az-loader-text:nth-child(3){margin-top:auto;text-align:right;width:var(--az-col)}
.az-loader-text:nth-child(3)>div{margin-right:-.2rem}
.az-loader-recs{height:1.1em;overflow:hidden}
.az-loader-scanline{background:#fff;border-radius:999px;height:100vh;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px;z-index:4;will-change:opacity,left,top,width,height}
@keyframes azLoaderCtaBlink{0%,11%,23%,100%{opacity:1}12%,22%{opacity:0}}
#az-system-stage{background:#fff;color:rgba(35,35,35,.58);inset:0;opacity:0;pointer-events:none;position:fixed;visibility:hidden;z-index:99999}
.az-system-panel{background:transparent;color:rgba(35,35,35,.58);inset:0;overflow:hidden;pointer-events:none;position:absolute;will-change:opacity}
.az-system-ready{left:var(--az-margin-x);opacity:.3;position:absolute;top:var(--az-margin-y)}
.az-system-authorized{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}
#az-system-stage .az-system-ready{animation:azTextBlink 2.2s steps(1,end) infinite}
#az-system-stage .az-system-authorized{animation:azTextBlink 2.8s steps(1,end) infinite}
#az-loader-layer{color:rgba(35,35,35,.55);inset:0;opacity:.92;pointer-events:none;position:fixed;z-index:100000}
.az-layer-slashes{color:rgba(35,35,35,.45);left:var(--az-margin-x);line-height:1;overflow:hidden;position:absolute;right:var(--az-margin-x);top:calc(var(--az-margin-y) - 1.15rem);white-space:nowrap}
.az-layer-dots{bottom:calc(var(--az-margin-y) + 9rem);display:flex;justify-content:space-between;left:0;padding:0 var(--az-margin-x);pointer-events:none;position:absolute;right:0;top:calc(var(--az-margin-y) + 4.2rem)}
.az-layer-dots-l,.az-layer-dots-r{display:flex;flex-direction:column;justify-content:space-between}
.az-layer-dots-l div,.az-layer-dots-r div{background:currentColor;border-radius:50%;height:.35rem;width:.35rem}
.az-layer-top{align-items:flex-start;display:flex;gap:var(--az-gutter);justify-content:space-between;left:var(--az-margin-x);position:absolute;right:var(--az-margin-x);top:calc(var(--az-margin-y) + .2rem)}
.az-layer-bottom{align-items:flex-end;bottom:var(--az-margin-y);display:flex;gap:var(--az-gutter);justify-content:space-between;left:var(--az-margin-x);position:absolute;right:var(--az-margin-x)}
.az-layer-item{position:relative;white-space:nowrap}
.az-layer-animated .az-layer-slashes{animation:azSlashJitter 1.8s steps(2,end) infinite}
.az-layer-animated .az-layer-dots-l div:nth-child(odd),.az-layer-animated .az-layer-dots-r div:nth-child(even){animation:azDotPulse 1.45s steps(1,end) infinite}
.az-layer-animated .az-layer-top div:nth-child(1),.az-layer-animated .az-layer-bottom div:nth-child(2){animation:azTextBlink 1.8s steps(1,end) infinite}
.az-layer-animated .az-layer-top div:nth-child(3),.az-layer-animated .az-layer-bottom div:nth-child(5){animation:azTextBlink 2.4s steps(1,end) .35s infinite}
@keyframes azLayerBlink{0%,18%,24%,100%{opacity:1}19%,23%{opacity:.1}}
@keyframes azSlashJitter{0%,100%{transform:translateX(0)}50%{transform:translateX(-1.2rem)}}
@keyframes azDotPulse{0%,30%,100%{opacity:1}31%,42%{opacity:.18}}
@keyframes azTextBlink{0%,12%,19%,100%{opacity:1}13%,18%{opacity:.15}}
@keyframes homeSignalTear{
  0%,14%,100%{clip-path:inset(0 0 0 0);transform:translate3d(0,0,0);opacity:.2}
  15%{clip-path:inset(17% 0 75% 0);transform:translate3d(-18px,0,0);opacity:.42}
  16%{clip-path:inset(0 0 0 0);transform:translate3d(0,0,0);opacity:.18}
  44%{clip-path:inset(46% 0 48% 0);transform:translate3d(22px,0,0);opacity:.36}
  45%{clip-path:inset(0 0 0 0);transform:translate3d(0,0,0);opacity:.22}
  71%{clip-path:inset(72% 0 20% 0);transform:translate3d(-12px,0,0);opacity:.34}
  72%{clip-path:inset(0 0 0 0);transform:translate3d(0,0,0);opacity:.18}
}
@keyframes homeSignalChroma{
  0%,19%,100%{transform:translate3d(0,0,0);opacity:.14}
  20%{transform:translate3d(8px,-1px,0);opacity:.26}
  21%{transform:translate3d(-5px,1px,0);opacity:.2}
  22%{transform:translate3d(0,0,0);opacity:.14}
  58%{transform:translate3d(-10px,0,0);opacity:.24}
  59%{transform:translate3d(6px,0,0);opacity:.18}
  60%{transform:translate3d(0,0,0);opacity:.14}
  83%{transform:translate3d(4px,0,0);opacity:.22}
  84%{transform:translate3d(0,0,0);opacity:.14}
}
@keyframes homeHeroHardWarp{
  0%,10%,10.9%,31%,31.8%,54%,54.9%,77%,77.7%,100%{transform:translate3d(0,0,0) skew(0) scale(1);filter:none}
  10.15%{transform:translate3d(-42px,3px,0) skewX(8deg) scaleX(1.08);filter:hue-rotate(28deg) saturate(2.2) contrast(1.35)}
  10.35%{transform:translate3d(58px,-2px,0) skewX(-12deg) scaleX(.92) scaleY(1.04);filter:hue-rotate(-22deg) saturate(2.8) contrast(1.55)}
  10.55%{transform:translate3d(-18px,0,0) skewX(4deg) scaleX(1.03);filter:contrast(1.25) brightness(1.12)}
  31.15%{transform:translate3d(76px,0,0) skewX(-16deg) scaleX(.86) scaleY(1.08);filter:hue-rotate(42deg) saturate(3) contrast(1.7)}
  31.35%{transform:translate3d(-64px,-4px,0) skewX(11deg) scaleX(1.12);filter:hue-rotate(-36deg) saturate(2.4) contrast(1.45)}
  54.12%{transform:translate3d(-34px,6px,0) skewY(3deg) scale(1.06,.94);filter:hue-rotate(58deg) saturate(2.7) contrast(1.65)}
  54.32%{transform:translate3d(44px,-3px,0) skewX(-9deg) scale(.94,1.08);filter:hue-rotate(-48deg) saturate(3.2) contrast(1.5)}
  77.1%{transform:translate3d(0,0,0) skewX(18deg) scaleX(1.18);filter:invert(.08) hue-rotate(80deg) saturate(3.4) contrast(1.8)}
  77.28%{transform:translate3d(-88px,2px,0) skewX(-20deg) scaleX(.82);filter:hue-rotate(-70deg) saturate(3.1) contrast(1.7)}
  77.46%{transform:translate3d(32px,0,0) skewX(6deg) scaleX(1.04);filter:contrast(1.3)}
}
@keyframes homeProcessFallbackFlow{
  0%{transform:translate3d(-5%,-2%,0) rotate(-4deg) scale(1.06)}
  50%{transform:translate3d(4%,3%,0) rotate(3deg) scale(1.12)}
  100%{transform:translate3d(-1%,5%,0) rotate(-2deg) scale(1.08)}
}
@media(max-width:768px){
  .az-site-loader,#az-system-stage,#az-loader-layer{--az-col-l:6;--az-margin-x:1.6rem;font-size:clamp(10px,1.8vw,12px)}
  .az-loader-center{height:40vw;max-height:28rem;max-width:28rem;width:40vw}
  .az-loader-bottom{bottom:var(--az-margin-y);display:grid;grid-template-columns:1fr 1fr;right:var(--az-margin-x);row-gap:1rem}
  .az-loader-text:first-child,.az-loader-text:nth-child(2),.az-loader-text:nth-child(3){width:auto}
  .az-loader-text:nth-child(3){grid-column:2;text-align:right}
  .az-layer-item:nth-child(n+4){display:none}
  .az-loader-labels{display:none}
  .az-loader-circles svg{filter:none}
}
@media(max-width:480px){
  .az-site-loader,#az-system-stage,#az-loader-layer{--az-col-l:4;--az-margin-x:1.2rem;--az-margin-y:1.6rem;font-size:10px}
  .az-loader-center{height:46vw;width:46vw}
  .az-loader-logo{transform:none}
  .az-loader-bottom{line-height:1.05}
  .az-layer-top,.az-layer-bottom{gap:.8rem}
  .az-layer-top .az-layer-item:nth-child(n+3),.az-layer-bottom .az-layer-item:nth-child(n+4){display:none}
}

.main-header{position:fixed;left:0;top:0;width:100%;z-index:70;color:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:calc(12/var(--base-size)*var(--base-vw));font-weight:800;line-height:100%;text-transform:uppercase;mix-blend-mode:difference;pointer-events:none}
body[data-page=home] .main-header{color:#fff;mix-blend-mode:normal}
@media(max-width:601px){.main-header{font-size:calc(10/var(--base-size)*var(--base-vw))}}
.main-header-inner{display:flex;align-items:center;margin:calc(15/var(--base-size)*var(--base-vw)) calc(20/var(--base-size)*var(--base-vw)) 0 calc(30/var(--base-size)*var(--base-vw))}
.main-header .location{position:relative;margin-left:calc(15/var(--base-size)*var(--base-vw));margin-right:calc(40/var(--base-size)*var(--base-vw));white-space:nowrap}
.main-header .location::before{content:"";position:absolute;left:calc(-9/var(--base-size)*var(--base-vw));top:50%;width:calc(6/var(--base-size)*var(--base-vw));height:calc(6/var(--base-size)*var(--base-vw));border-radius:50%;background:currentColor;transform:translate(-100%,-50%)}
.main-header .time{margin-right:calc(40/var(--base-size)*var(--base-vw));font-weight:700}
.main-header .coords{margin-right:auto;white-space:nowrap}
.main-header nav{display:flex;gap:calc(14/var(--base-size)*var(--base-vw));pointer-events:all}
.nav-item__outer{display:block;padding:calc(5/var(--base-size)*var(--base-vw)) calc(10/var(--base-size)*var(--base-vw))}
.nav-item{display:grid;overflow:hidden;line-height:1;width:max-content}
.nav-item span,.main-footer .nav-item span{grid-area:1/1;transition:transform .78s var(--ease)}
.nav-item span:nth-child(2),.main-footer .nav-item span:nth-child(2){transform:translateY(100%)}
.nav-item:hover span:first-child,.main-footer .nav-item:hover span:first-child{transform:translateY(-100%)}
.nav-item:hover span:nth-child(2),.main-footer .nav-item:hover span:nth-child(2){transform:translateY(0)}

body.has-staggered-menu .main-header nav{display:none}
body.has-staggered-menu .main-header{transition:color .3s ease,mix-blend-mode .3s ease,z-index .3s ease}
body.staggered-menu-open{overflow:hidden}
body.staggered-menu-open .main-header{color:#111;mix-blend-mode:normal;z-index:180}
body.staggered-menu-open .main-header .location,
body.staggered-menu-open .main-header .time,
body.staggered-menu-open .main-header .coords,
body.staggered-menu-open .main-header .namma-brandmark,
body.staggered-menu-open .main-header .namma-mode-pill{opacity:0;visibility:hidden}
body.home-process-flow-active .main-header{opacity:0;visibility:hidden}
.site-menu-toggle{--star-light:#0a66ff;--star-ink:currentColor;--star-border:currentColor;--star-path:path("M 0 0 H 112 V 40 H 0 V 0");align-items:center;background:transparent;border:0;border-radius:999px;box-shadow:none;color:currentColor;cursor:pointer;display:none;font-size:14px;font-weight:800;height:40px;isolation:isolate;justify-content:center;letter-spacing:0;line-height:1;min-width:112px;overflow:hidden;padding:0 22px;pointer-events:all;position:relative;text-shadow:none;text-transform:uppercase;transition:transform .28s var(--ease),opacity .28s ease;z-index:2}
body:not([data-page=home]) .site-menu-toggle{color:#050505}
body[data-page=home]:not(.staggered-menu-open) .site-menu-toggle{color:#fff}
body[data-page=video]:not(.staggered-menu-open) .site-menu-toggle,
body[data-page=works]:not(.staggered-menu-open) .site-menu-toggle,
body[data-page=break]:not(.staggered-menu-open) .site-menu-toggle{color:#fff}
body.staggered-menu-open .site-menu-toggle{color:#050505}
body.has-staggered-menu .site-menu-toggle{display:inline-flex}
.site-menu-toggle:hover{transform:translateY(-1px)}
.site-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:999px}
.site-menu-toggle .star-button-light{border-radius:inherit;inset:0;overflow:hidden;padding:2px;pointer-events:none;position:absolute;z-index:3;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.site-menu-toggle .star-button-light::before{animation:starButtonOrbit 3s linear infinite;aspect-ratio:1;background:radial-gradient(ellipse at center,var(--star-light),transparent,transparent);content:"";inset:0;offset-distance:0%;offset-path:var(--star-path);opacity:1;position:absolute;width:110px}
.site-menu-toggle .star-button-field{border:2px solid var(--star-border);border-radius:inherit;color:var(--star-ink);inset:0;overflow:hidden;position:absolute;z-index:2}
.site-menu-toggle .star-button-stars{display:none}
.site-menu-toggle .star-button-field::after{display:none}
.site-menu-toggle .sm-toggle-textWrap{display:inline-block;height:1em;min-width:4.6em;overflow:hidden;position:relative;white-space:nowrap;z-index:4}
.site-menu-toggle .sm-toggle-textInner{display:flex;flex-direction:column;line-height:1;will-change:transform}
.site-menu-toggle .sm-toggle-line{background:none;color:currentColor;display:block;height:1em;line-height:1}
@keyframes starButtonOrbit{from{offset-distance:0%}to{offset-distance:100%}}
.staggered-menu{--sm-panel-bg:#fff;--sm-accent:#0055ff;--sm-muted:#d7d7d7;background:#fff;bottom:0;color:#101010;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .28s ease,visibility .28s ease;visibility:hidden;z-index:150}
.staggered-menu.is-open{opacity:1;visibility:visible}
.staggered-menu .sm-prelayers{display:none}
.staggered-menu .staggered-menu-panel{background:var(--sm-panel-bg);height:100dvh;inset:0;overflow:hidden;pointer-events:none;position:absolute;transform:translate3d(0,4%,0) scale(.985);transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .36s ease;width:100vw;will-change:transform,opacity;z-index:2}
.staggered-menu.is-open .staggered-menu-panel{opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.sm-panel-inner{display:grid;grid-template-columns:minmax(220px,34%) 1fr;height:100%;min-height:0}
.sm-panel-rail{border-right:1px solid rgba(0,0,0,.08);display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr auto;height:100%;padding:clamp(34px,5vw,58px) clamp(22px,3.2vw,52px)}
.sm-rail-meta{align-items:start;color:#111;display:flex;flex-direction:column;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(8px,.6vw,11px);font-weight:500;gap:clamp(22px,3.2vw,48px);grid-row:1/3;line-height:1;writing-mode:vertical-rl}
.sm-rail-meta span:nth-child(2){writing-mode:horizontal-tb}
.sm-rail-list{align-self:start;display:flex;flex-direction:column;font-family:MG,Impact,sans-serif;gap:clamp(4px,.6vw,9px);list-style:none;margin:clamp(16px,2vw,34px) 0 0;padding:0;text-transform:uppercase}
.sm-rail-list li{color:#e3e3e3;font-size:clamp(46px,5vw,86px);font-weight:900;letter-spacing:0;line-height:.78;position:relative;white-space:nowrap}
.sm-rail-list a{color:inherit;display:inline-block;text-decoration:none;transition:color .22s ease,transform .22s var(--ease)}
.sm-rail-list a:hover,.sm-rail-list a:focus-visible{color:var(--sm-accent);transform:translateX(4px)}
.sm-rail-list a.is-current{color:var(--sm-accent)}
.sm-rail-list a:focus-visible{outline:2px solid var(--sm-accent);outline-offset:5px}
.sm-rail-list li span{color:#d8d8d8;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(8px,.6vw,11px);font-weight:500;margin-right:6px;vertical-align:top}
.sm-rail-list li.is-current{color:#101010}
.sm-rail-footer{align-self:end;color:#111;display:flex;flex-direction:column;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(8px,.62vw,11px);font-weight:500;gap:13px;grid-column:2;line-height:1}
.sm-panel-list{align-self:stretch;display:flex;flex-direction:column;gap:clamp(14px,1.8vw,24px);height:100%;justify-content:center;list-style:none;margin:0;overflow-y:auto;padding:clamp(72px,7vw,104px) clamp(44px,6vw,86px) clamp(82px,7vw,112px);scroll-behavior:smooth;width:100%}
.sm-panel-category{display:block;scroll-margin-top:clamp(76px,8vw,112px)}
.sm-panel-category h3{align-items:baseline;color:#d8d8d8;display:flex;font-family:MG,Impact,sans-serif;font-size:clamp(20px,1.9vw,34px);font-weight:900;gap:8px;letter-spacing:0;line-height:.8;margin:0 0 clamp(7px,.8vw,12px);text-transform:uppercase}
.sm-panel-category h3 span{font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(8px,.58vw,11px);font-weight:500;line-height:1}
.sm-panel-category ul{display:grid;gap:0;list-style:none;margin:0;padding:0}
.sm-panel-tag{align-items:center;border-bottom:1px solid rgba(0,0,0,.08);color:#111;display:grid;font-family:LoaderSaans,Manrope,Arial,sans-serif;gap:clamp(12px,1.5vw,24px);grid-template-columns:32px minmax(150px,1fr) minmax(170px,30%);min-height:clamp(34px,4.8dvh,52px);opacity:0;transform:translateY(12px);transition:opacity .36s ease,transform .48s var(--ease)}
.sm-panel-tag span{color:#aaa;font-size:clamp(8px,.58vw,11px);font-weight:500}
.sm-panel-tag strong{font-family:MG,Impact,sans-serif;font-size:clamp(25px,2.8vw,48px);font-weight:900;letter-spacing:0;line-height:.82;text-transform:uppercase}
.sm-panel-tag em{color:#aaa;font-size:clamp(9px,.68vw,12px);font-style:normal;font-weight:500;line-height:1.22}
.staggered-menu.is-open .sm-panel-tag{opacity:1;transform:translateY(0);transition-delay:.22s}
.sm-panel-itemWrap{border-bottom:1px solid rgba(0,0,0,.08);line-height:1;overflow:hidden;position:relative}
.sm-panel-item{align-items:center;color:#101010;display:grid;font-family:MG,Impact,sans-serif;gap:clamp(12px,1.5vw,24px);grid-template-columns:32px minmax(250px,1fr) minmax(180px,28%);min-height:clamp(62px,8.2dvh,92px);position:relative;text-decoration:none;text-transform:uppercase;transition:color .22s ease;width:100%}
.sm-panel-itemNumber,.sm-panel-itemYear{color:#a9a9a9;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(8px,.58vw,11px);font-weight:500;line-height:1;transition:color .22s ease}
.sm-panel-itemMeta{align-items:flex-start;display:flex;gap:8px;min-width:0;overflow:hidden}
.sm-panel-itemLabel{display:block;font-size:clamp(42px,4.8vw,78px);font-weight:900;letter-spacing:0;line-height:.82;transform:translateY(112%);transform-origin:50% 100%;transition:transform .45s cubic-bezier(.7,0,.84,0);white-space:nowrap;will-change:transform}
.sm-panel-itemYear{padding-top:.35em}
.sm-panel-itemCopy{color:#999;display:flex;flex-direction:column;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(9px,.68vw,12px);font-weight:500;gap:8px;line-height:1.25;opacity:0;text-transform:none;transform:translateY(12px);transition:color .22s ease,opacity .36s ease,transform .48s var(--ease)}
.sm-panel-itemCopy strong{color:#111;font-size:clamp(9px,.62vw,11px);font-weight:700;line-height:1;text-transform:none}
.sm-panel-itemCopy span{max-width:24ch}
.staggered-menu.is-open .sm-panel-itemLabel{transform:translateY(0);transition-delay:calc(.18s + var(--item-index)*.055s);transition-duration:.78s;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.staggered-menu.is-open .sm-panel-itemCopy{opacity:1;transform:translateY(0);transition-delay:calc(.28s + var(--item-index)*.045s)}
.sm-panel-item:hover,.sm-panel-item:focus-visible,.sm-panel-item.is-current{color:var(--sm-accent)}
.sm-panel-item:hover .sm-panel-itemNumber,.sm-panel-item:focus-visible .sm-panel-itemNumber,.sm-panel-item.is-current .sm-panel-itemNumber,.sm-panel-item:hover .sm-panel-itemYear,.sm-panel-item:focus-visible .sm-panel-itemYear,.sm-panel-item.is-current .sm-panel-itemYear{color:var(--sm-accent)}
.sm-panel-item:hover .sm-panel-itemCopy,.sm-panel-item:focus-visible .sm-panel-itemCopy,.sm-panel-item.is-current .sm-panel-itemCopy{color:#cfcfcf}
.sm-panel-item:focus-visible,.sm-socials-link:focus-visible{outline:2px solid var(--sm-accent);outline-offset:4px}
.sm-socials{bottom:clamp(28px,4vw,54px);display:flex;font-family:LoaderSaans,Manrope,Arial,sans-serif;gap:18px;position:absolute;right:clamp(44px,6vw,86px)}
.sm-socials-title{display:none}
.sm-socials-list{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.sm-socials-link{color:#aaa;display:inline-block;font-size:clamp(9px,.62vw,11px);font-weight:500;line-height:1;text-decoration:none;text-transform:none;transform:translateY(10px);opacity:0;transition:color .2s ease,opacity .34s ease,transform .48s var(--ease)}
.staggered-menu.is-open .sm-socials-link{opacity:1;transform:translateY(0);transition-delay:calc(.46s + var(--social-index)*.04s)}
.sm-socials-link:hover{color:var(--sm-accent)}

.staggered-menu{
  --sm-panel-bg:#fff;
  --sm-accent:#0055ff;
  background:transparent;
  color:#050505;
}
.staggered-menu .staggered-menu-panel{
  background:transparent;
  opacity:1;
  transform:none;
  transition:none;
}
.staggered-menu .staggered-menu-panel::before{
  background:#fff;
  content:"";
  inset:0;
  opacity:1;
  position:absolute;
  transform:translate3d(22vw,18vh,0) rotate(30deg);
  transform-origin:bottom left;
  transition:transform 1.65s cubic-bezier(.16,1,.3,1),opacity .32s ease;
  z-index:0;
}
.staggered-menu.is-open .staggered-menu-panel::before{transform:translate3d(0,0,0) rotate(0deg)}
.staggered-menu.is-navigating .staggered-menu-panel::before{
  opacity:0;
  transform:rotate(-30deg);
  transform-origin:top right;
  transition-duration:1.1s,.34s;
  transition-delay:0s,.72s;
  transition-timing-function:cubic-bezier(.7,0,.84,0);
}
.menu-flow-navigating .site-menu-toggle{pointer-events:none}
@media(prefers-reduced-motion:reduce){
  .staggered-menu .staggered-menu-panel::before{
    transform:translate3d(0,0,0);
    transition:none;
  }
  .sm-menu-motion-frame{display:none}
  .sm-menu-frame{opacity:1;transition:none}
}
.sm-menu-shell{
  font-family:MG,Impact,sans-serif;
  height:100%;
  min-height:100dvh;
  overflow:hidden;
  position:relative;
  text-transform:uppercase;
}
.sm-menu-frame,
.sm-menu-motion-frame{
  background:transparent;
  display:grid;
  grid-template-columns:clamp(38px,4.3vw,58px) minmax(220px,30%) 1fr;
  height:100dvh;
  inset:0;
  max-width:none;
  min-height:0;
  opacity:0;
  position:absolute;
  transform:none;
  transition:opacity .34s ease .82s;
  width:100vw;
  z-index:2;
}
.sm-menu-motion-frame{
  opacity:1;
  pointer-events:none;
  transform:translate3d(22vw,18vh,0) rotate(30deg);
  transform-origin:bottom left;
  transition:transform 1.65s cubic-bezier(.16,1,.3,1),opacity .34s ease .92s;
  z-index:1;
}
.staggered-menu.is-open .sm-menu-motion-frame{
  opacity:0;
  transform:translate3d(0,0,0) rotate(0deg);
}
.staggered-menu.is-navigating .sm-menu-motion-frame{
  opacity:1;
  transform:rotate(-30deg);
  transform-origin:top right;
  transition:transform 1.1s cubic-bezier(.7,0,.84,0),opacity .18s ease;
  z-index:3;
}
.staggered-menu.is-open .sm-menu-frame{opacity:1}
.staggered-menu.is-navigating .sm-menu-frame{
  opacity:0;
  transition-delay:0s;
  transition-duration:.18s;
}
.sm-menu-motion-frame .sm-menu-link{transform:none}
.sm-menu-motion-frame .sm-menu-list:has(.sm-menu-motion-item.is-active) .sm-menu-link{color:rgba(5,5,5,.12)}
.sm-menu-motion-frame .sm-menu-motion-item.is-active .sm-menu-link{color:var(--sm-accent)}
.sm-menu-side{
  align-items:center;
  border-right:1px solid rgba(0,0,0,.08);
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  justify-items:center;
  padding:28px 0;
  position:relative;
  z-index:2;
}
.sm-side-mark,
.sm-side-locale,
.sm-side-resume{
  font-family:LoaderSaans,Manrope,Arial,sans-serif;
  font-size:clamp(8px,.62vw,11px);
  font-weight:500;
  line-height:1;
  text-transform:none;
  writing-mode:vertical-rl;
}
.sm-side-mark{
  display:block;
  filter:brightness(0);
  height:auto;
  width:clamp(18px,1.55vw,28px);
  writing-mode:horizontal-tb;
}
.sm-side-locale{align-self:start;margin-top:42px}
.sm-side-progress{
  align-self:center;
  background:rgba(0,0,0,.1);
  height:54px;
  position:relative;
  width:2px;
}
.sm-side-progress span{
  background:var(--sm-accent);
  bottom:0;
  height:18px;
  left:0;
  position:absolute;
  width:100%;
}
.sm-side-resume{align-self:end}
.sm-menu-nav{
  align-items:start;
  border-right:1px solid rgba(0,0,0,.08);
  display:grid;
  height:100%;
  justify-items:start;
  padding:clamp(72px,8.2vw,118px) clamp(24px,4vw,58px) clamp(34px,5vw,70px);
  position:relative;
  z-index:3;
}
.sm-menu-list{
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
}
.sm-menu-item{
  line-height:.82;
  overflow:hidden;
}
.sm-menu-link{
  align-items:flex-start;
  color:#050505;
  display:flex;
  position:relative;
  gap:clamp(7px,.7vw,11px);
  opacity:1;
  padding:.01em 0;
  text-decoration:none;
  transform:translate3d(0,112%,0);
  transition:color .24s ease,opacity .24s ease,transform .78s cubic-bezier(.16,1,.3,1);
  transition-delay:calc(.08s + var(--item-index)*.045s);
}
.staggered-menu.is-open .sm-menu-link{transform:translate3d(0,0,0)}
.sm-menu-list:has(.sm-menu-link.is-active) .sm-menu-link{color:rgba(5,5,5,.12)}
.sm-menu-list:has(.sm-menu-link.is-active) .sm-menu-link.is-active,
.sm-menu-link:hover,
.sm-menu-link:focus-visible,
.sm-menu-link.is-current{color:var(--sm-accent)}
.sm-menu-link:focus-visible{outline:0}
.sm-menu-number{
  color:currentColor;
  font-family:LoaderSaans,Manrope,Arial,sans-serif;
  font-size:clamp(7px,.54vw,9px);
  font-weight:500;
  line-height:1;
  margin-top:.72em;
  min-width:1.8em;
}
.sm-menu-label{
  display:block;
  font-size:clamp(54px,5.35vw,104px);
  font-weight:900;
  letter-spacing:0;
  line-height:.83;
  white-space:nowrap;
}
.sm-menu-label-zh{
  opacity:0;
  color:rgba(0,0,0,.42);
  font-family:"AlibabaPuHuiTi","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;
  font-size:clamp(17px,1.18vw,22px);
  font-weight:800;
  line-height:1.2;
  max-width:28ch;
  text-transform:none;
  align-self:center;
  margin-left:clamp(14px,1.4vw,24px);
  transition:opacity .24s ease,color .24s ease;
}
.sm-menu-link:hover .sm-menu-label-zh{opacity:1;color:rgba(0,85,255,.72)}
.sm-menu-detail{
  color:#050505;
  display:grid;
  font-family:MG,Impact,sans-serif;
  font-size:clamp(10px,.72vw,13px);
  font-weight:700;
  line-height:1;
  max-width:none;
  opacity:0;
  padding:clamp(72px,8.2vw,118px) clamp(28px,4.2vw,62px) clamp(34px,5vw,70px);
  position:relative;
  right:auto;
  align-content:start;
  text-align:left;
  top:auto;
  transform:translate3d(18px,0,0);
  transition:opacity .36s ease,transform .64s cubic-bezier(.16,1,.3,1);
  z-index:2;
}
.staggered-menu.is-open .sm-menu-detail{
  opacity:1;
  transform:translate3d(0,0,0);
  transition-delay:.28s;
}
.sm-menu-detail-list{
  display:grid;
  list-style:none;
  margin:0;
  padding:0;
}
.sm-menu-child{
  align-items:center;
  border-bottom:1px solid rgba(0,0,0,.08);
  display:grid;
  gap:clamp(7px,.8vw,12px);
  grid-template-columns:24px minmax(260px,1fr) 42px minmax(160px,25%);
  min-height:clamp(72px,8.7dvh,104px);
  opacity:0;
  transform:translateY(10px);
  transition:opacity .32s ease,transform .46s cubic-bezier(.16,1,.3,1);
}
.sm-menu-child:first-child{border-top:1px solid rgba(0,0,0,.08)}
.staggered-menu.is-open .sm-menu-child{
  opacity:1;
  transform:translateY(0);
}
.staggered-menu.is-open .sm-menu-child:nth-child(1){transition-delay:.3s}
.staggered-menu.is-open .sm-menu-child:nth-child(2){transition-delay:.34s}
.staggered-menu.is-open .sm-menu-child:nth-child(3){transition-delay:.38s}
.staggered-menu.is-open .sm-menu-child:nth-child(4){transition-delay:.42s}
.staggered-menu.is-open .sm-menu-child:nth-child(5){transition-delay:.46s}
.staggered-menu.is-open .sm-menu-child:nth-child(6){transition-delay:.5s}
.staggered-menu.is-open .sm-menu-child:nth-child(7){transition-delay:.54s}
.sm-menu-child-number,
.sm-menu-child-year{
  color:rgba(0,0,0,.42);
  font-family:LoaderSaans,Manrope,Arial,sans-serif;
  font-size:clamp(7px,.54vw,9px);
  font-weight:500;
  line-height:1;
}
.sm-menu-child-title{
  color:#050505;
  display:block;
  font-family:AntonMenu,Impact,sans-serif;
  font-size:clamp(38px,4.15vw,82px);
  font-weight:400;
  letter-spacing:0;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.sm-menu-child-translation{
  color:rgba(0,0,0,.42);
  font-family:Manrope,"AlibabaPuHuiTi","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;
  font-size:clamp(17px,1.18vw,22px);
  font-weight:800;
  line-height:1.2;
  max-width:28ch;
  text-transform:none;
}
.sm-menu-child:hover .sm-menu-child-title{color:var(--sm-accent)}
.sm-menu-child:hover .sm-menu-child-translation{color:rgba(0,85,255,.72)}

@media(min-width:641px) and (max-width:1180px){
  .sm-menu-frame{grid-template-columns:clamp(38px,4.3vw,58px) minmax(210px,28%) 1fr}
  .sm-menu-child{grid-template-columns:22px minmax(210px,1fr) 38px minmax(130px,23%)}
  .sm-menu-child-title{font-size:clamp(32px,3.7vw,58px)}
}

@media(max-width:640px){
  body.staggered-menu-open .main-header{color:var(--dark)}
  .staggered-menu .staggered-menu-panel{height:100dvh;overflow:auto;width:100vw}
  .sm-menu-shell{min-height:100dvh;overflow:auto}
  .sm-menu-frame{
    grid-template-columns:34px 1fr;
    grid-template-rows:auto 1fr;
    height:auto;
    inset:0;
    max-width:none;
    min-height:100dvh;
    transform:none;
    width:100vw;
  }
  .sm-menu-side{grid-row:1/3;padding:18px 0}
  .sm-side-locale{margin-top:28px}
  .sm-menu-nav{border-right:0;padding:82px 22px 18px}
  .sm-menu-label{font-size:clamp(54px,17.2vw,82px)}
  .sm-menu-label-zh{display:none!important}
  .sm-menu-label{display:block}
  .sm-menu-number{font-size:8px;margin-top:.58em;min-width:22px}
  .sm-menu-detail{
    grid-column:2;
    padding:28px 22px 34px;
    transform:translate3d(0,12px,0);
  }
  .sm-menu-child{
    grid-template-columns:20px minmax(0,1fr) 30px;
    min-height:66px;
  }
  .sm-menu-child-title{font-size:clamp(27px,8.3vw,42px);white-space:normal}
  .sm-menu-child-translation{display:none}
}

.t-transition{position:fixed;inset:0;display:grid;z-index:200;overflow:hidden;pointer-events:none}
.t-transition>*{grid-area:1/1;height:100dvh;max-width:100vw;opacity:0;overflow:hidden;transform:translateY(100%);transition:transform .95s var(--ease),opacity .35s ease,visibility .35s;visibility:hidden;will-change:transform,opacity}
.t-transition>.is-cleaning{opacity:0!important;visibility:hidden!important;transform:translateY(100%)!important;transition:none!important}
.t-transition.is-active{pointer-events:all}
.t-transition.is-active.is-passive{pointer-events:none}
.t-transition .t-caption,.t-transition .t-media,.t-transition .t-title,.t-transition .section-heading__inner{will-change:transform,opacity}
.transition-home{align-items:start;background:radial-gradient(ellipse 76% 52% at 50% 52%,rgba(95,73,255,.76) 0,rgba(95,73,255,.52) 32%,rgba(247,246,242,.92) 64%,rgba(247,246,242,0) 76%),linear-gradient(to bottom,#030304 0%,#070710 25%,#21145d 44%,var(--home-paper) 74%,var(--home-paper) 100%);color:var(--home-paper);display:flex;height:100vh;justify-content:center;width:100%}
.transition-about{align-items:start;background:#f2f2ef;color:#111;display:flex;height:100vh;justify-content:center;width:100%}
.transition-home__inner,.transition-about__inner{height:100vh;position:relative;width:100%}
.transition-home .section-heading,.transition-about .section-heading{font-family:MG,Impact,sans-serif;font-size:calc(298/var(--base-size)*var(--base-vw));font-weight:800;letter-spacing:.01em;line-height:75%;left:50%;overflow:clip;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap;width:100%}
.transition-home .section-heading{font-size:calc(265/var(--base-size)*var(--base-vw));line-height:78%;white-space:normal}
.transition-about .section-heading{top:50%}
.transition-project{align-items:center;background:var(--rust);color:var(--cream);display:flex;height:100dvh;justify-content:center;width:100%}
.transition-project>.t-cr{align-items:center;color:inherit;display:flex;flex-wrap:nowrap;height:100%;justify-content:center;position:relative;width:100%}
.transition-project .caption-container{display:grid;font-family:Manrope,Arial,sans-serif;font-size:calc(16/var(--base-size)*var(--base-vw));font-weight:700;grid-template-columns:repeat(3,1fr);left:0;letter-spacing:0;line-height:120%;padding:0 calc(45/var(--base-size)*var(--base-vw));position:absolute;text-transform:uppercase;top:8%;width:100%;z-index:3}
.transition-project .t-caption:nth-child(2){justify-self:center;text-align:center}
.transition-project .t-caption:nth-child(3){justify-self:end;text-align:right}
.transition-project .t-media{background:var(--dark);height:calc(314.10791/var(--base-size)*var(--base-vw));overflow:hidden;position:relative;width:calc(527.25201/var(--base-size)*var(--base-vw));z-index:1}
.transition-project .t-media picture,.transition-break .t-media picture{display:block;height:100%;overflow:hidden;width:100%}
.transition-project .t-media img,.transition-break .t-media img{height:100%;object-fit:cover;width:100%}
.transition-project .t-title-container{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2}
.transition-project .t-title{color:inherit;font-family:MG,Impact,sans-serif;font-size:calc(310/var(--base-size)*var(--base-vw));font-weight:900;letter-spacing:.02em;line-height:75%;position:relative;text-transform:uppercase;white-space:nowrap}
.transition-project .t-title-1{padding-right:calc(15/var(--base-size)*var(--base-vw))}
.transition-project .t-title-2{padding-left:calc(15/var(--base-size)*var(--base-vw))}
.transition-project.is-works-sequence .t-media{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.58);transform-origin:center}
.transition-project.is-works-sequence .t-title-container{z-index:3}
.transition-project.is-works-sequence .caption-container{z-index:4}
.transition-project.is-works-sequence.is-cleaning{background:var(--dark)!important}
.transition-project.is-works-sequence.is-cleaning .t-cr{background:var(--dark)!important}
.transition-break{align-items:center;background:var(--brown);color:var(--cream);display:flex;height:100dvh;justify-content:center;width:100%}
.transition-break>.t-cr{color:inherit;display:grid;height:100%;position:relative;width:100%}
body[data-page=break] .main-header{color:#f6f3ea;mix-blend-mode:normal}
.transition-break .caption-container{align-items:center;align-self:center;display:flex;font-family:Manrope,Arial,sans-serif;font-size:calc(16/var(--base-size)*var(--base-vw));font-weight:700;grid-area:1/1;height:100%;justify-content:space-between;letter-spacing:0;line-height:120%;padding:0 calc(30/var(--base-size)*var(--base-vw));text-transform:uppercase;width:100%;z-index:3}
.transition-break .t-caption:first-child{text-align:left}
.transition-break .t-caption:nth-child(2){text-align:right}
.transition-break .t-media{align-self:center;background:var(--dark);grid-area:1/1;height:calc(352/var(--base-size)*var(--base-vw));justify-self:center;overflow:hidden;position:relative;width:calc(340/var(--base-size)*var(--base-vw));z-index:1}
.transition-break .t-title-container{align-items:center;display:flex;flex-direction:column;grid-area:1/1;height:100%;justify-content:center;width:100%;z-index:2}
.transition-break .t-title{color:inherit;font-family:MG,Impact,sans-serif;font-size:calc(310/var(--base-size)*var(--base-vw));font-weight:900;letter-spacing:.02em;line-height:75%;position:relative;text-transform:uppercase;white-space:nowrap}
.transition-break.is-break-sequence{background:transparent;clip-path:inset(0 0 0 0)}
.transition-break.is-break-sequence .t-cr{z-index:3}
.transition-break.is-break-sequence .t-caption,.transition-break.is-break-sequence .t-title,.transition-break.is-break-sequence .t-media{opacity:0;visibility:hidden}
.transition-break.is-break-sequence .t-media{background:transparent;overflow:visible;z-index:4}
.transition-break.is-break-sequence .t-title-container{z-index:5}
.transition-break.is-break-sequence .caption-container{z-index:6}
.transition-break .break-brown-wipe{background:var(--brown);clip-path:inset(0 0 0 100%);height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:1}
.transition-break .break-black-wipe{background:var(--dark);height:100%;inset:0;pointer-events:none;position:absolute;transform:translate3d(100%,0,0);width:100%;z-index:2}
.break-transition-frame{inset:calc(-14/var(--base-size)*var(--base-vw));opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease;z-index:3}
.break-transition-frame::before,.break-transition-frame::after{background:linear-gradient(90deg,rgba(238,233,209,.9) 0 calc(3/var(--base-size)*var(--base-vw)),transparent calc(3/var(--base-size)*var(--base-vw)) 100%),repeating-linear-gradient(180deg,transparent 0 calc(20/var(--base-size)*var(--base-vw)),rgba(238,233,209,.82) calc(20/var(--base-size)*var(--base-vw)) calc(34/var(--base-size)*var(--base-vw)),transparent calc(34/var(--base-size)*var(--base-vw)) calc(54/var(--base-size)*var(--base-vw)));bottom:0;content:"";height:100%;position:absolute;transform:scaleY(0);transform-origin:bottom;width:calc(26/var(--base-size)*var(--base-vw));will-change:transform;z-index:0}
.break-transition-frame::before{left:calc(-26/var(--base-size)*var(--base-vw))}
.break-transition-frame::after{right:calc(-26/var(--base-size)*var(--base-vw));transform:scaleX(-1) scaleY(0)}
.break-transition-frame .btf-line,.break-transition-frame .btf-corner{background:rgba(238,233,209,.9);display:block;position:absolute;will-change:opacity,transform;z-index:1}
.break-transition-frame .btf-line-left,.break-transition-frame .btf-line-right{bottom:0;height:100%;transform:scaleY(0);transform-origin:bottom;width:calc(1.2/var(--base-size)*var(--base-vw))}
.break-transition-frame .btf-line-left{left:0}
.break-transition-frame .btf-line-right{right:0}
.break-transition-frame .btf-line-top,.break-transition-frame .btf-line-bottom{height:calc(1.2/var(--base-size)*var(--base-vw));left:0;opacity:0;transform:scaleX(0);width:100%}
.break-transition-frame .btf-line-top{top:0;transform-origin:left}
.break-transition-frame .btf-line-bottom{bottom:0;transform-origin:left}
.break-transition-frame .btf-corner{height:calc(1.2/var(--base-size)*var(--base-vw));opacity:0;width:calc(26/var(--base-size)*var(--base-vw))}
.break-transition-frame .btf-corner::after{background:inherit;content:"";height:calc(20/var(--base-size)*var(--base-vw));position:absolute;top:0;width:calc(1.2/var(--base-size)*var(--base-vw))}
.break-transition-frame .btf-corner-tl{left:0;top:0}
.break-transition-frame .btf-corner-tr{right:0;top:0}
.break-transition-frame .btf-corner-bl{bottom:0;left:0}
.break-transition-frame .btf-corner-br{bottom:0;right:0}
.break-transition-frame .btf-corner-tl::after,.break-transition-frame .btf-corner-bl::after{left:0}
.break-transition-frame .btf-corner-tr::after,.break-transition-frame .btf-corner-br::after{right:0}
.break-transition-frame .btf-corner-bl::after,.break-transition-frame .btf-corner-br::after{bottom:0;top:auto}
.break-transition-frame.is-growing .btf-line-left,.break-transition-frame.is-growing .btf-line-right{transform:scaleY(1);transition:transform .86s var(--ease)}
.break-transition-frame.is-growing::before{transform:scaleY(1);transition:transform .86s var(--ease)}
.break-transition-frame.is-growing::after{transform:scaleX(-1) scaleY(1);transition:transform .86s var(--ease)}
.break-transition-frame.is-growing .btf-line-bottom{opacity:1;transform:scaleX(1);transition:opacity .12s ease .08s,transform .5s var(--ease) .08s}
.break-transition-frame.is-growing .btf-line-top{opacity:1;transform:scaleX(1);transition:opacity .18s ease .48s,transform .58s var(--ease) .48s}
.break-transition-frame.is-growing .btf-corner{opacity:1;transition:opacity .24s ease .52s}

.section-hero-banner{
  --hero-brown-start:100%;
  --home-scene-extension:84vh;
  --hero-collapse-scroll:82vh;
  --hero-frame-scale:1;
  --hero-frame-x:0px;
  --hero-frame-y:0px;
  --hero-frame-height:100dvh;
  --hero-frame-radius:0px;
  --hero-frame-shadow:0;
  --hero-grain-opacity:1;
  --hero-scene-opacity:1;
  --hero-image-opacity:0;
  --hero-velocity-opacity:0;
  --hero-about-preview-opacity:0;
  --hero-return-about-opacity:0;
  --hero-about-glitch-opacity:0;
  --hero-fx-opacity:1;
  --particle-photo-bg-opacity:0;
  --particle-bottom-image-opacity:0;
  background:#000;
  color:var(--home-paper);
  height:calc(100dvh + var(--hero-collapse-scroll));
  min-height:calc(100dvh + var(--hero-collapse-scroll));
  overflow:visible;
  position:relative;
  z-index:3;
}
body.hero-min-return .section-hero-banner{
  --hero-collapse-scroll:0vh;
  height:100dvh;
  min-height:100dvh;
}
.section-hero-banner::before,
.section-hero-banner::after{
  content:"";
  display:none;
  inset:0;
  pointer-events:none;
  position:fixed;
  transition:opacity .16s linear;
}
.section-hero-banner::before{
  background:
    radial-gradient(ellipse 28% 20% at 6% 6%,rgba(31,111,255,.38) 0%,rgba(20,231,255,.15) 34%,rgba(20,231,255,0) 68%),
    radial-gradient(ellipse 28% 20% at 94% 6%,rgba(31,111,255,.34) 0%,rgba(20,231,255,.13) 34%,rgba(20,231,255,0) 68%),
    radial-gradient(ellipse 30% 22% at 6% 94%,rgba(31,111,255,.3) 0%,rgba(20,231,255,.11) 36%,rgba(20,231,255,0) 70%),
    radial-gradient(ellipse 30% 22% at 94% 94%,rgba(31,111,255,.32) 0%,rgba(20,231,255,.12) 36%,rgba(20,231,255,0) 70%),
    radial-gradient(ellipse 62% 48% at 50% 43%,rgba(239,244,220,0) 0%,rgba(225,234,210,0) 32%,rgba(0,0,0,0) 54%),
    radial-gradient(ellipse 82% 72% at 50% 50%,rgba(0,0,0,0) 38%,rgba(0,0,0,.5) 72%,rgba(0,0,0,.94) 100%),
    linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,rgba(0,0,0,.9)),
    linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,0) 16%,rgba(0,0,0,0) 84%,rgba(0,0,0,.96));
  box-shadow:inset 0 0 78px 32px rgba(0,0,0,.9),inset 0 0 34px 8px rgba(20,231,255,.1);
  opacity:var(--hero-fx-opacity);
  z-index:45;
}
.section-hero-banner::after{
  background:
    linear-gradient(90deg,transparent 0 49.45%,rgba(238,232,207,.18) 49.55%,rgba(0,0,0,.26) 49.9%,transparent 50.35%),
    linear-gradient(90deg,transparent 0 13%,rgba(255,255,255,.06) 13.08%,transparent 13.22%,transparent 78%,rgba(0,0,0,.16) 78.08%,transparent 78.2%),
    radial-gradient(circle at 19% 15%,rgba(255,255,255,.2) 0 1px,transparent 1.5px),
    radial-gradient(circle at 71% 34%,rgba(0,0,0,.32) 0 1px,transparent 1.5px),
    radial-gradient(circle at 84% 26%,rgba(255,255,255,.14) 0 .8px,transparent 1.4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 12px);
  background-size:auto,auto,31px 31px,43px 43px,37px 37px,auto;
  mix-blend-mode:screen;
  opacity:calc((1 - var(--hero-grain-opacity)) * var(--hero-fx-opacity) * .28);
  z-index:46;
}
body[data-page=home].az-imported-loader-active .section-hero-banner::before,
body[data-page=home].az-imported-loader-active .section-hero-banner::after,
body[data-page=home].staggered-menu-open .section-hero-banner::before,
body[data-page=home].staggered-menu-open .section-hero-banner::after{
  opacity:0;
}
.particle-home-hero{
  --particle-home-paper:#f1f0f9;
  --particle-home-ink:#0c0b0e;
  border:0;
  border-radius:var(--hero-frame-radius);
  box-shadow:0 0 0 calc(10px * var(--hero-frame-shadow)) rgba(255,253,232,var(--hero-frame-shadow));
  color:var(--particle-home-ink);
  cursor:default;
  font-family:MG,Impact,sans-serif;
  height:var(--hero-frame-height);
  isolation:isolate;
  left:0;
  overflow:hidden;
  position:sticky;
  top:0;
  transform:translate3d(var(--hero-frame-x),var(--hero-frame-y),0) scale(var(--hero-frame-scale));
  transform-origin:left top;
  width:100%;
  will-change:transform,border-radius,box-shadow;
  z-index:8;
}
.particle-home-hero::before,
.particle-home-hero::after{
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
  transition:opacity .08s linear;
}
.particle-home-hero::before{
  display:none;
}
.particle-home-hero::after{
  background:transparent;
  border:calc(1px + var(--hero-frame-shadow) * 1px) solid rgba(255,255,255,calc(var(--particle-bottom-image-opacity) * .74));
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(0,85,255,calc(var(--particle-bottom-image-opacity) * .2));
  opacity:var(--particle-bottom-image-opacity);
  z-index:4;
}
.particle-home-canvas{
  display:block;
  height:100%;
  inset:0;
  position:absolute;
  width:100%;
  z-index:2;
}
.particle-home-base{
  background:
    linear-gradient(rgba(241,240,249,.08),rgba(241,240,249,.08)),
    var(--particle-home-paper);
  color:var(--particle-home-ink);
  height:100%;
  inset:0;
  overflow:hidden;
  position:absolute;
  width:100%;
}
.particle-home-title{
  font-family:LoaderSaans,Manrope,Arial,sans-serif;
  font-size:clamp(11px,1.08vw,16px);
  font-weight:500;
  left:clamp(20px,2vw,32px);
  letter-spacing:0;
  line-height:1.18;
  margin:0;
  position:absolute;
  text-transform:uppercase;
  top:clamp(76px,6.2vw,104px);
  z-index:2;
}
.particle-home-catcher{
  bottom:clamp(20px,1.9vw,32px);
  font-size:clamp(48px,9.6vw,152px);
  font-weight:800;
  left:0;
  letter-spacing:.005em;
  line-height:.82;
  padding:0 clamp(12px,2vw,32px);
  position:absolute;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  width:100%;
}
.section-hero-banner.is-hero-collapsed .particle-home-catcher{
  opacity:.18;
}
.particle-home-burger{
  align-items:center;
  display:flex;
  flex-direction:column;
  height:48px;
  justify-content:center;
  position:absolute;
  right:clamp(20px,2vw,32px);
  top:clamp(76px,6.2vw,104px);
  width:56px;
}
.particle-home-burger__line{
  background:var(--particle-home-ink);
  height:2px;
  margin:5px 0;
  width:100%;
}
.particle-home-scene{
  background:var(--particle-home-ink);
  color:var(--particle-home-paper);
  height:100%;
  inset:0;
  mask:url("#particleHeroMask");
  -webkit-mask:url("#particleHeroMask");
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  width:100%;
  z-index:2;
}
.particle-home-scene-title{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  font-size:clamp(54px,12.1vw,190px);
  font-weight:800;
  left:clamp(12px,2vw,32px);
  letter-spacing:.005em;
  line-height:.82;
  position:absolute;
  right:clamp(12px,2vw,32px);
  text-transform:uppercase;
  top:clamp(96px,8.2vw,132px);
}
.section-hero-banner.is-hero-collapsed .particle-home-scene-title{
  opacity:.92;
}
.particle-home-scene-title__line:nth-child(2){
  margin-left:auto;
}
.particle-home-word{
  --max-scale:1.62;
  bottom:0;
  display:flex;
  flex-direction:row;
  font-family:MG,Impact,sans-serif;
  font-size:clamp(170px,33vw,530px);
  font-weight:900;
  justify-content:center;
  left:0;
  letter-spacing:.01em;
  line-height:.72;
  position:absolute;
  text-transform:uppercase;
  width:100%;
}
@keyframes particleHomeCharScale{
  0%{scale:1 .1}
  50%{scale:1 var(--max-scale)}
  100%{scale:1 .1}
}
.particle-home-word__char{
  animation:particleHomeCharScale 1.25s cubic-bezier(.65,0,.35,1) infinite;
  transform-origin:50% 86.5%;
}
.particle-home-word__char:nth-child(1){color:#fe6319}
.particle-home-word__char:nth-child(2){animation-delay:.16s;color:#ff68a8}
.particle-home-word__char:nth-child(3){animation-delay:.32s;color:#009800}
.particle-home-word__char:nth-child(4){animation-delay:.48s;color:#14e7ff}
.particle-home-cursor{
  background:#88f901;
  border-radius:50%;
  height:3vw;
  left:-1.5vw;
  min-height:20px;
  min-width:20px;
  pointer-events:none;
  position:fixed;
  top:-1.5vw;
  transform:translate3d(var(--x,50vw),var(--y,50vh),0);
  width:3vw;
  z-index:10;
}
.section-hero-banner.is-hero-collapsed .particle-home-cursor{
  opacity:0;
}
.particle-home-svg{
  height:100%;
  inset:0;
  pointer-events:none;
  position:absolute;
  width:100%;
  z-index:3;
}
.particle-home-hello{
  color:#fff;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.28));
  height:100dvh;
  inset:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  transform:translateZ(0) scale(calc(.94 + var(--particle-signature-progress,0) * .03));
  transform-origin:center center;
  width:100dvw;
  z-index:2;
}
.particle-home-kirk-mark{
  display:block;
  height:auto;
  left:62%;
  opacity:0;
  pointer-events:none;
  position:absolute;
  top:17.8%;
  transform:translate3d(-50%,0,0);
  width:clamp(180px,14vw,292px);
  z-index:2;
}
.particle-home-hello__path{
  stroke-linecap:round;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  opacity:0;
  transition:opacity .18s linear;
}
.particle-home-hello__path--h1{
  stroke-width:15.8;
}
.particle-home-hello__path--ello{
  stroke-width:15.8;
}
@keyframes particleHelloDraw{
  0%{
    opacity:0;
    stroke-dashoffset:1;
    filter:drop-shadow(0 0 0 rgba(216,255,0,0));
  }
  8%{
    opacity:1;
  }
  72%{
    opacity:1;
    stroke-dashoffset:0;
    filter:drop-shadow(0 0 6px rgba(216,255,0,.58));
  }
  100%{
    opacity:1;
    stroke-dashoffset:0;
    filter:drop-shadow(0 0 2px rgba(216,255,0,.42));
  }
}
.section-hero-banner.is-particle-signature-live .particle-home-hello{
  opacity:1;
  transform:translateZ(0) scale(calc(.94 + var(--particle-signature-progress,0) * .03));
}
.section-hero-banner.is-particle-signature-live .particle-home-kirk-mark{
  opacity:.98;
}
.section-hero-banner.is-particle-signature-live .particle-home-hello__path--h1{
  opacity:1;
  stroke-dashoffset:calc(1 - var(--particle-signature-h-progress,0));
}
.section-hero-banner.is-particle-signature-live .particle-home-hello__path--ello{
  opacity:1;
  stroke-dashoffset:calc(1 - var(--particle-signature-ello-progress,0));
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-collapse-frame,
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-blur-overlay,
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-edge-decor,
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-diamond-orbit{
  opacity:0;
  pointer-events:none;
  visibility:hidden;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero){
  background:#0055ff;
  color:var(--particle-home-ink,#0c0b0e);
  transition:background-color .2s linear;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero)::before{
  display:none;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero)::after{
  display:none;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-brand-contour{
  background:transparent;
  display:block;
  inset:0;
  opacity:var(--particle-photo-bg-opacity);
  position:absolute;
  z-index:0;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-brand-contour::before,
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-brand-contour::after{
  display:none;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-brand-contour canvas{
  display:block;
  filter:none;
  height:100%;
  inset:0;
  opacity:.34;
  position:absolute;
  width:100%;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-sticky-stage{
  opacity:1;
  pointer-events:none;
  visibility:visible;
  z-index:1;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-scroll-velocity-backdrop{
  mix-blend-mode:normal;
  opacity:calc(var(--hero-velocity-opacity) * var(--particle-photo-bg-opacity));
  visibility:visible;
  z-index:1;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-scroll-velocity-backdrop::before{
  background:
    radial-gradient(circle at 50% 46%,rgba(216,255,0,.08),rgba(216,255,0,0) 44%),
    repeating-linear-gradient(110deg,rgba(255,255,255,.035) 0 1px,transparent 1px 96px);
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-scroll-velocity-row:nth-child(1){top:39vh;rotate:0deg}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-scroll-velocity-row:nth-child(2){top:49vh;rotate:0deg}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-scroll-velocity-row:nth-child(3){top:59vh;rotate:0deg}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-scroll-velocity-scroller span{
  color:rgba(241,240,249,.94);
  font-size:clamp(54px,7.8vw,132px);
  line-height:.76;
  text-shadow:none;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .hero-scroll-velocity-row:nth-child(1) span{
  color:rgba(216,255,0,.88);
}
body[data-page=home] .section-hero-banner.is-hero-collapsed:has(.particle-home-hero) .hero-scroll-velocity-backdrop{
  opacity:0;
  visibility:hidden;
}
body[data-page=home] .section-hero-banner:has(.particle-home-hero) .particle-home-hero{
  z-index:8;
}
body[data-page=home]:has(.particle-home-hero) .main-header{
  color:#fff;
  mix-blend-mode:normal;
}
body[data-page=home]:has(.section-hero-banner.is-hero-collapsed) .main-header{
  color:#fff;
}
body[data-page=home]:has(.particle-home-hero) .site-menu-toggle{
  --star-light:#14e7ff;
  background:rgba(255,255,255,.18);
}
@media(max-width:601px){
  .particle-home-title{
    font-size:10px;
    left:18px;
    top:74px;
  }
  .particle-home-burger{
    height:34px;
    right:18px;
    top:72px;
    width:40px;
  }
  .particle-home-burger__line{
    margin:4px 0;
  }
  .particle-home-catcher{
    bottom:24px;
    font-size:clamp(38px,13.4vw,64px);
    white-space:normal;
  }
  .particle-home-scene-title{
    font-size:clamp(46px,16vw,76px);
    top:112px;
  }
  .particle-home-word{
    font-size:clamp(136px,44vw,204px);
  }
  .particle-home-cursor{
    display:none;
  }
  .particle-home-kirk-mark{
    left:56%;
    top:18%;
    width:clamp(124px,36vw,202px);
  }
  .particle-home-hello{
    height:100dvh;
    width:100dvw;
  }
  .section-hero-banner.is-particle-signature-live .particle-home-hello{
    transform:translateZ(0) scale(calc(.94 + var(--particle-signature-progress,0) * .03));
  }
}
.hero-sticky-stage{height:100dvh;left:0;overflow:hidden;position:sticky;top:0;width:100%;z-index:3}
.section-hero-banner.is-hero-fx-live .hero-sticky-stage{animation:none;transform-origin:50% 48%;will-change:auto}
.hero-sticky-stage::before,
.hero-sticky-stage::after{
  content:"";
  display:none;
  inset:0;
  pointer-events:none;
  position:absolute;
}
.hero-sticky-stage::before{
  background:
    linear-gradient(180deg,transparent 0 18%,rgba(255,255,255,.1) 18.2%,rgba(0,0,0,.34) 18.8%,transparent 20%),
    linear-gradient(180deg,transparent 0 47%,rgba(0,229,255,.12) 47.3%,rgba(0,0,0,.42) 48.1%,transparent 49.8%),
    linear-gradient(180deg,transparent 0 73%,rgba(255,255,255,.08) 73.2%,rgba(18,103,255,.18) 73.7%,transparent 75%),
    repeating-linear-gradient(180deg,rgba(255,255,255,.055) 0 1px,rgba(0,0,0,.16) 1px 2px,transparent 2px 5px);
  mix-blend-mode:screen;
  opacity:calc(var(--hero-fx-opacity) * .22);
  transform:translateZ(0);
  animation:homeSignalTear 5.2s steps(1,end) infinite;
  z-index:47;
}
.hero-sticky-stage::after{
  background:
    linear-gradient(90deg,rgba(18,103,255,.22),transparent 18%,transparent 78%,rgba(0,229,255,.16)),
    linear-gradient(180deg,transparent 0 40%,rgba(255,255,255,.14) 40.3%,transparent 41.4%,transparent 63%,rgba(18,103,255,.2) 63.25%,transparent 64.1%),
    repeating-linear-gradient(0deg,transparent 0 13px,rgba(255,255,255,.045) 13px 14px);
  filter:blur(.2px);
  mix-blend-mode:screen;
  opacity:calc(var(--hero-fx-opacity) * .16);
  transform:translateZ(0);
  animation:homeSignalChroma 3.7s steps(1,end) infinite;
  z-index:48;
}
body[data-page=home].az-imported-loader-active .hero-sticky-stage::before,
body[data-page=home].az-imported-loader-active .hero-sticky-stage::after,
body[data-page=home].staggered-menu-open .hero-sticky-stage::before,
body[data-page=home].staggered-menu-open .hero-sticky-stage::after{
  opacity:0;
}
body[data-page=home].az-imported-loader-active .hero-diamond-orbit,
body[data-page=home].az-imported-loader-active .hero-edge-decor,
body[data-page=home].staggered-menu-open .hero-diamond-orbit{
  opacity:0;
}
body[data-page=home].staggered-menu-open .hero-edge-decor{
  opacity:0;
}
.section-hero-banner.is-hero-collapsed .hero-scroll-velocity-backdrop,
.section-hero-banner.is-hero-collapsed .hero-edge-decor,
.section-hero-banner.is-hero-collapsed .hero-diamond-orbit,
.section-hero-banner.is-hero-collapsed .hero-orbit-lockup,
.section-hero-banner.is-hero-collapsed .hero-blur-overlay,
.section-hero-banner.is-hero-collapsed .hero-sticky-stage::before,
.section-hero-banner.is-hero-collapsed .hero-sticky-stage::after{
  opacity:0;
}
.section-hero-banner.is-hero-collapsed .hero-scroll-velocity-backdrop,
.section-hero-banner.is-hero-collapsed .hero-edge-decor,
.section-hero-banner.is-hero-collapsed .hero-diamond-orbit,
.section-hero-banner.is-hero-collapsed .hero-orbit-lockup,
.section-hero-banner.is-hero-collapsed .hero-blur-overlay{
  visibility:hidden;
}
.section-hero-banner.is-hero-collapsed .hero-edge-decor,
.section-hero-banner.is-hero-collapsed .hero-diamond-orbit,
.section-hero-banner.is-hero-collapsed .hero-blur-overlay{
  transition:opacity .22s ease,visibility 0s linear .22s;
}
.section-hero-banner.is-hero-collapsed .hero-scroll-velocity-backdrop,
.section-hero-banner.is-hero-collapsed .hero-orbit-lockup{
  transition:opacity .22s ease,visibility 0s linear .22s;
}
.section-hero-banner.is-hero-collapsed .hero-sticky-stage::before,
.section-hero-banner.is-hero-collapsed .hero-sticky-stage::after{
  transition:opacity .18s ease;
}
.hero-scroll-velocity-backdrop{
  height:100dvh;
  inset:0;
  opacity:var(--hero-velocity-opacity);
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  transition:opacity .16s linear;
  width:100%;
  z-index:1;
}
.hero-scroll-velocity-backdrop::before{
  background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.09),rgba(255,255,255,0) 42%);
  content:"";
  inset:0;
  position:absolute;
}
.hero-scroll-velocity-row{
  left:-18vw;
  overflow:hidden;
  position:absolute;
  width:136vw;
}
.hero-scroll-velocity-row:nth-child(1){top:22vh;rotate:-5deg}
.hero-scroll-velocity-row:nth-child(2){top:45vh;rotate:3deg}
.hero-scroll-velocity-row:nth-child(3){top:67vh;rotate:-2deg}
.hero-scroll-velocity-scroller{
  display:flex;
  transform:translate3d(var(--velocity-x,0px),0,0);
  white-space:nowrap;
  will-change:transform;
}
.hero-scroll-velocity-scroller span{
  color:rgba(247,246,242,.84);
  flex-shrink:0;
  font-family:MG,Impact,sans-serif;
  font-size:clamp(48px,7.6vw,126px);
  font-weight:900;
  letter-spacing:.01em;
  line-height:.84;
  text-transform:uppercase;
  text-shadow:0 1px 1px rgba(0,0,0,.22);
}
.hero-sticky-stage>.grainient-container{
  height:100dvh;
  inset:0;
  position:absolute;
  opacity:var(--hero-grain-opacity);
  transition:opacity .06s linear;
  width:100%;
  z-index:0;
}
.hero-collapse-frame{
  background:transparent;
  border-radius:var(--hero-frame-radius);
  box-shadow:none;
  height:100dvh;
  isolation:isolate;
  left:0;
  overflow:visible;
  position:absolute;
  top:0;
  transform:translate3d(var(--hero-frame-x),var(--hero-frame-y),0) scale(var(--hero-frame-scale));
  transform-origin:left top;
  width:100vw;
  will-change:transform,border-radius,box-shadow;
  z-index:2;
}
.hero-wave-backdrop{
  height:54vh;
  left:-18vw;
  opacity:var(--hero-wave-opacity,0);
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  top:50%;
  transform:translate3d(0,-50%,0);
  transition:opacity .18s linear;
  width:136vw;
  z-index:0;
}
.hero-wave-backdrop::before,
.hero-wave-backdrop::after{
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
  z-index:2;
}
.hero-wave-backdrop::before{
  background:linear-gradient(90deg,#000 0%,rgba(0,0,0,0) 12%,rgba(0,0,0,0) 88%,#000 100%);
}
.hero-wave-backdrop::after{
  background:radial-gradient(ellipse at 50% 50%,rgba(20,231,255,.16),rgba(20,231,255,0) 58%);
  mix-blend-mode:screen;
}
.hero-wave-track{
  animation:heroWaveDrift 7.2s linear infinite;
  display:flex;
  height:100%;
  opacity:.98;
  position:absolute;
  top:0;
  transform:translate3d(0,0,0);
  width:max-content;
  will-change:transform;
}
.hero-wave-track--left{left:0}
.hero-wave-track--right{
  animation-delay:-3.6s;
  left:52vw;
}
.hero-wave-track svg{
  flex:0 0 2880px;
  height:100%;
  overflow:visible;
  width:2880px;
}
.hero-wave-track path{
  fill:none;
  stroke:rgba(235,252,255,.98);
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:3.4;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.95)) drop-shadow(0 0 20px rgba(20,231,255,.74));
  vector-effect:non-scaling-stroke;
}
.hero-wave-track svg:nth-child(2) path{opacity:.68}
.hero-wave-track svg:nth-child(3) path{opacity:.42}
.hero-collapse-image-stage{
  background:transparent;
  inset:0;
  opacity:var(--hero-image-opacity);
  pointer-events:none;
  position:absolute;
  z-index:1;
}
.hero-collapse-image-stage img{
  filter:drop-shadow(0 calc(22px*var(--hero-frame-shadow)) calc(54px*var(--hero-frame-shadow)) rgba(0,0,0,.42));
  height:100%;
  object-fit:cover;
  opacity:1;
  position:relative;
  width:100%;
  z-index:1;
}
.hero-fx-layer{
  --hero-fx-strength:1;
  --hero-fx-vertical-stretch:0;
  --hero-fx-scanline:0;
  --hero-fx-smear:0;
  --hero-fx-trail:0;
  --hero-fx-blur:0;
  --hero-fx-shift:0px;
  inset:0;
  opacity:calc(.18 + var(--hero-image-opacity) * .56);
  mix-blend-mode:screen;
  position:absolute;
  z-index:5;
}
.hero-fx-layer span{
  inset:0;
  position:absolute;
}
.hero-fx-layer__base{
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 16%,rgba(0,0,0,0) 58%,rgba(0,0,0,.28)),
    radial-gradient(circle at 50% 36%,rgba(20,231,255,.15),rgba(20,231,255,0) 48%);
  mix-blend-mode:screen;
  opacity:.72;
}
.hero-fx-layer__vertical-stretch{
  background:
    repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,rgba(0,0,0,0) 1px 8px),
    linear-gradient(180deg,rgba(20,231,255,.12),rgba(20,231,255,0) 28%,rgba(255,255,255,.08) 48%,rgba(255,255,255,0) 72%);
  clip-path:inset(0 0 0 0);
  opacity:calc(var(--hero-fx-vertical-stretch) * .72);
  transform:translate3d(0,0,0) scaleY(calc(1 + var(--hero-fx-vertical-stretch) * .14)) skewX(calc(var(--hero-fx-vertical-stretch) * -2deg));
  transform-origin:50% 50%;
  filter:blur(calc(var(--hero-fx-vertical-stretch) * .45px));
}
.hero-fx-layer__vertical-stretch::before,
.hero-fx-layer__vertical-stretch::after{
  content:"";
  inset:0;
  position:absolute;
}
.hero-fx-layer__vertical-stretch::before{
  background:linear-gradient(180deg,transparent 0 22%,rgba(255,255,255,.14) 42%,transparent 64%,rgba(18,103,255,.14) 84%,transparent 100%);
  mix-blend-mode:screen;
  opacity:.9;
  transform:scaleY(calc(1 + var(--hero-fx-vertical-stretch) * .28));
}
.hero-fx-layer__vertical-stretch::after{
  background:radial-gradient(ellipse 74% 18% at 50% 50%,rgba(255,255,255,.2),rgba(255,255,255,0) 62%);
  opacity:calc(var(--hero-fx-vertical-stretch) * .7);
  transform:translateY(calc(var(--hero-fx-vertical-stretch) * -4px));
}
.hero-fx-layer__scanline-streak{
  background:
    repeating-linear-gradient(180deg,rgba(255,255,255,.1) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(180deg,rgba(20,231,255,.08) 0 1px,transparent 1px 19px),
    linear-gradient(180deg,transparent 0 42%,rgba(255,255,255,.14) 50%,transparent 58%);
  opacity:calc(var(--hero-fx-scanline) * .72);
  transform:translate3d(0,calc(var(--hero-fx-shift) * .16),0);
  filter:contrast(1.08) saturate(1.08);
  mask-image:linear-gradient(180deg,rgba(0,0,0,0),black 12%,black 88%,rgba(0,0,0,0));
}
.hero-fx-layer__scanline-streak::before{
  content:"";
  inset:0;
  position:absolute;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.14) 44%,rgba(255,255,255,0) 58%);
  opacity:.55;
  mix-blend-mode:screen;
}
.hero-fx-layer__shader-smear{
  background:
    linear-gradient(180deg,rgba(255,255,255,.18) 0 8%,rgba(20,231,255,0) 22%),
    linear-gradient(90deg,rgba(18,103,255,.22),rgba(18,103,255,0) 22%,rgba(255,255,255,0) 78%,rgba(255,255,255,.16));
  clip-path:inset(0 0 0 0);
  opacity:calc(var(--hero-fx-smear) * .7);
  transform:translate3d(calc(var(--hero-fx-shift) * .58),calc(var(--hero-fx-smear) * -4px),0) skewX(calc(var(--hero-fx-smear) * -10deg));
  filter:blur(calc(var(--hero-fx-smear) * 1.15px));
  mix-blend-mode:screen;
}
.hero-fx-layer__light-trail{
  background:
    radial-gradient(circle at 14% 40%,rgba(255,255,255,.4),rgba(255,255,255,0) 12%),
    radial-gradient(circle at 45% 50%,rgba(20,231,255,.3),rgba(20,231,255,0) 14%),
    radial-gradient(circle at 76% 36%,rgba(18,103,255,.32),rgba(18,103,255,0) 18%),
    linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.08) 45%,rgba(255,255,255,0) 70%);
  opacity:calc(var(--hero-fx-trail) * .76);
  transform:translate3d(calc(var(--hero-fx-shift) * -1px),calc(var(--hero-fx-trail) * 3px),0);
  filter:blur(calc(var(--hero-fx-trail) * 2.3px));
  mix-blend-mode:screen;
}
.hero-fx-layer__directional-blur{
  background:
    linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,0) 18%,rgba(20,231,255,.12) 38%,rgba(255,255,255,0) 64%,rgba(18,103,255,.12) 84%,rgba(255,255,255,0)),
    linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.14) 48%,rgba(0,0,0,0));
  opacity:calc(var(--hero-fx-blur) * .65);
  transform:translate3d(calc(var(--hero-fx-shift) * .82),0,0) scaleX(calc(1 + var(--hero-fx-blur) * .18));
  filter:blur(calc(var(--hero-fx-blur) * 3px));
  mask-image:linear-gradient(90deg,rgba(0,0,0,0),black 12%,black 88%,rgba(0,0,0,0));
  mix-blend-mode:screen;
}
.hero-profile-screen{
  background:transparent;
  border-radius:12px;
  color:var(--home-paper);
  inset:17.8% 8.6% 17.8% 26.8%;
  opacity:var(--hero-profile-opacity,0);
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  transform:translate3d(calc((1 - var(--hero-profile-opacity,0)) * 18px),0,0);
  transition:opacity .14s linear;
  width:auto;
  z-index:4;
}
.hero-profile-screen::before{
  content:none;
  display:none;
}
.hero-profile-screen::after{
  content:none;
  display:none;
}
.hero-profile-card{
  align-content:center;
  display:grid;
  gap:clamp(22px,2.4vw,48px);
  grid-template-columns:clamp(58px,6vw,118px) minmax(0,1fr);
  inset:0;
  opacity:0;
  padding:clamp(22px,3.1vw,62px) clamp(28px,4.2vw,82px);
  position:absolute;
  transform:translate3d(7%,0,0);
  transition:opacity .38s ease,transform .72s var(--ease);
  z-index:7;
}
.hero-profile-card.is-active{
  opacity:1;
  transform:translate3d(0,0,0);
}
.hero-profile-card__index{
  color:rgba(247,246,242,.52);
  font-family:MG,Impact,sans-serif;
  font-size:clamp(58px,6vw,118px);
  line-height:.78;
  text-shadow:0 0 12px rgba(0,0,0,.78);
}
.hero-profile-main{align-self:center}
.hero-profile-eyebrow{
  color:rgba(20,231,255,.82);
  font-size:clamp(12px,1.1vw,20px);
  font-weight:800;
  line-height:1;
  margin-bottom:clamp(8px,1vh,16px);
  text-transform:uppercase;
  text-shadow:0 1px 12px rgba(0,0,0,.9);
}
.hero-profile-card h2{
  font-size:clamp(64px,6.2vw,126px);
  font-weight:800;
  letter-spacing:0;
  line-height:.9;
  text-shadow:0 2px 18px rgba(0,0,0,.92);
}
.hero-profile-card p{
  color:rgba(247,246,242,.86);
  font-size:clamp(18px,1.55vw,30px);
  font-weight:700;
  line-height:1.24;
  margin-top:clamp(16px,2vh,30px);
  text-shadow:0 1px 12px rgba(0,0,0,.9);
}
.hero-profile-timeline{
  border-left:2px solid rgba(20,231,255,.48);
  display:grid;
  gap:clamp(18px,2.1vh,34px);
  padding-left:clamp(24px,2.4vw,44px);
}
.hero-profile-job{position:relative}
.hero-profile-job::before{
  background:#14e7ff;
  border-radius:50%;
  box-shadow:0 0 18px rgba(20,231,255,.72);
  content:"";
  height:10px;
  left:calc(clamp(24px,2.4vw,44px) * -1 - 6px);
  position:absolute;
  top:.45em;
  width:10px;
}
.hero-profile-job span{
  color:rgba(247,246,242,.62);
  display:block;
  font-size:clamp(13px,1.06vw,20px);
  line-height:1;
  margin-bottom:8px;
  text-shadow:0 1px 10px rgba(0,0,0,.88);
}
.hero-profile-job h3{font-size:clamp(28px,2.5vw,50px);line-height:.98;text-shadow:0 2px 14px rgba(0,0,0,.92)}
.hero-profile-job p{font-size:clamp(14px,1.15vw,22px);line-height:1.24;margin-top:8px}
.hero-profile-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(20px,2.8vh,42px);
}
.hero-profile-tags span{
  background:var(--home-paper);
  border-radius:999px;
  color:#050505;
  font-size:clamp(13px,1vw,18px);
  line-height:1;
  padding:10px 13px;
  text-transform:uppercase;
}
.hero-about-preview{
  background:#6f7356;
  color:var(--cream);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(28%,360px);
  grid-template-rows:auto 1fr;
  inset:0;
  opacity:var(--hero-about-preview-opacity,0);
  overflow:hidden;
  padding:clamp(20px,3.6vw,70px);
  pointer-events:none;
  position:absolute;
  transform:translate3d(0,calc((1 - var(--hero-about-preview-opacity,0)) * 24px),0) scale(calc(.985 + var(--hero-about-preview-opacity,0) * .015));
  transition:opacity .16s linear;
  z-index:9;
}
.hero-about-preview::before{
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,0) 36%,rgba(0,0,0,.18));
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}
.hero-about-preview__title{
  align-self:start;
  font-family:MG,Impact,sans-serif;
  font-size:clamp(62px,8.4vw,170px);
  font-weight:800;
  grid-column:1/-1;
  letter-spacing:0;
  line-height:.78;
  position:relative;
  text-transform:uppercase;
  z-index:1;
}
.hero-about-preview__media{
  align-self:end;
  aspect-ratio:4/5;
  grid-column:2;
  grid-row:2;
  justify-self:end;
  max-height:72%;
  overflow:hidden;
  position:relative;
  width:min(100%,360px);
  z-index:1;
}
.hero-about-preview__media img{
  height:100%;
  object-fit:cover;
  width:100%;
}
.hero-about-preview__body{
  align-self:end;
  display:grid;
  gap:clamp(10px,1.2vw,18px);
  font-size:clamp(18px,1.55vw,30px);
  font-weight:800;
  grid-column:1;
  grid-row:2;
  line-height:1.18;
  max-width:720px;
  position:relative;
  z-index:1;
}
.hero-about-preview__body p{margin:0}
.hero-blur-overlay{
  inset:clamp(12px,2.4vh,24px) clamp(14px,2.2vw,40px) clamp(16px,3vh,34px);
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  mask-image:radial-gradient(ellipse 56% 54% at 50% 42%,black 0,black 46%,rgba(0,0,0,.72) 67%,transparent 86%);
  z-index:44;
}
.hero-blur-overlay::before{
  content:"";
  inset:0;
  position:absolute;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,0) 18%,rgba(0,0,0,.12) 64%,rgba(0,0,0,.24));
  opacity:calc(var(--hero-image-opacity) * .68);
}
.hero-blur-overlay img{
  filter:blur(20px) saturate(1.03) brightness(.88) contrast(1.04);
  height:112%;
  left:-6%;
  object-fit:cover;
  opacity:calc(var(--hero-image-opacity) * .4);
  position:absolute;
  top:-6%;
  transform:scale(1.04);
  width:112%;
}
.section-hero-banner .t-cr-wrapper{background:transparent;height:100%;opacity:var(--hero-scene-opacity);position:relative;overflow:hidden;isolation:isolate;width:100%;z-index:2}
body.hero-about-return .section-hero-banner .t-cr-wrapper{opacity:0}
body.hero-about-return .section-hero-banner .hero-scroll-velocity-backdrop,
body.hero-about-return .section-hero-banner .hero-orbit-lockup{opacity:0;visibility:hidden}
.hero-return-about-content{
  align-content:stretch;
  background:transparent;
  color:rgba(247,246,242,.94);
  display:grid;
  grid-template-rows:auto 1fr;
  inset:17.8% 8.6% 17.8% 26.8%;
  opacity:var(--hero-return-about-opacity,0);
  overflow:hidden;
  padding:clamp(18px,2.2vw,44px);
  pointer-events:none;
  position:absolute;
  text-shadow:0 2px 18px rgba(0,0,0,.92);
  transform:translate3d(calc((1 - var(--hero-return-about-opacity,0)) * 18px),0,0);
  transition:opacity .12s linear,transform .12s linear;
  z-index:8;
}
.hero-return-about-content::before,
.hero-return-about-content::after{
  content:none;
  display:none;
}
.hero-return-about-meta{
  align-items:start;
  display:grid;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(10px,.62vw,13px);
  font-weight:800;
  gap:12px;
  grid-template-columns:1fr auto 1fr;
  line-height:1;
  position:relative;
  text-transform:uppercase;
  z-index:2;
}
.hero-return-about-meta span:nth-child(2){color:rgba(20,231,255,.86);justify-self:center}
.hero-return-about-meta span:nth-child(3){justify-self:end}
.hero-return-about-main{
  align-items:center;
  display:grid;
  gap:clamp(18px,3vw,54px);
  grid-template-columns:minmax(180px,32%) minmax(0,1fr);
  position:relative;
  z-index:2;
}
.hero-return-about-identity{display:grid;gap:clamp(12px,1.2vw,24px)}
.hero-return-about-identity span{
  color:rgba(20,231,255,.86);
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(14px,1vw,22px);
  font-weight:900;
  line-height:1;
}
.hero-return-about-identity strong{
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(62px,7.4vw,148px);
  font-weight:900;
  letter-spacing:0;
  line-height:.86;
}
.hero-return-about-identity em{
  color:rgba(247,246,242,.62);
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(11px,.72vw,15px);
  font-style:normal;
  font-weight:800;
  line-height:1.2;
  max-width:28em;
}
.hero-return-about-copy{
  display:grid;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(14px,1.12vw,24px);
  font-weight:850;
  gap:clamp(10px,1vw,18px);
  line-height:1.24;
  max-width:min(760px,50vw);
}
.hero-return-about-copy p{margin:0}
.hero-return-about-copy-en{
  color:rgba(247,246,242,.46);
  display:grid;
  font-size:clamp(9px,.55vw,12px);
  font-weight:800;
  gap:6px;
  line-height:1.26;
  margin-top:clamp(4px,.8vw,16px);
  max-width:64em;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.section-hero-banner .t-cr-wrapper::before{content:none;display:none}
.section-hero-banner .t-cr-wrapper::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:calc(var(--home-scene-extension) * -1);
  height:calc(58vh + var(--home-scene-extension));
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.03) 14%,rgba(0,0,0,.12) 32%,rgba(0,0,0,.34) 58%,rgba(0,0,0,.72) 84%,#000 100%);
  pointer-events:none;
  z-index:1;
}
.section-hero-banner .grainient-container{
  background:
    radial-gradient(ellipse 30% 14% at 64% 38%,rgba(0,200,255,.14),rgba(0,200,255,0) 58%),
    radial-gradient(ellipse 24% 14% at 84% 62%,rgba(0,130,255,.08),rgba(0,130,255,0) 68%),
    #000;
  filter:none;
  height:100%;
  isolation:isolate;
  left:0;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:0;
}
.section-hero-banner .grainient-container::before,
.section-hero-banner .grainient-container::after{
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}
.section-hero-banner .grainient-container::before{
  background:url("https://hoirqrkdgbmvpwutwuwj.supabase.co/storage/v1/object/public/assets/assets/0e2dbea0-c0a9-413f-a57b-af279633c0df_3840w.jpg") center 42%/cover no-repeat;
  filter:grayscale(1) brightness(.55) contrast(3.8);
  mix-blend-mode:screen;
  opacity:.98;
  z-index:-2;
}
.section-hero-banner .grainient-container::after{
  background:
    radial-gradient(ellipse 26% 10% at 58% 31%,rgba(255,255,255,.18),rgba(35,230,255,.28) 22%,rgba(0,200,255,.12) 44%,rgba(0,200,255,0) 66%),
    radial-gradient(ellipse 22% 12% at 78% 58%,rgba(35,230,255,.15),rgba(0,150,255,.08) 46%,rgba(0,150,255,0) 70%),
    linear-gradient(125deg,rgba(0,170,255,0) 0 39%,rgba(35,230,255,.2) 46%,rgba(230,252,255,.14) 50%,rgba(0,144,255,.1) 55%,rgba(0,144,255,0) 64%);
  filter:blur(5px);
  mix-blend-mode:screen;
  opacity:.78;
  z-index:-1;
}
.section-hero-banner .grainient-container.is-fallback{background:#03050a}
.section-hero-banner .grainient-container canvas{display:block;width:100%;height:100%}
.section-hero-banner .t-cr{height:100%;min-height:100%;display:grid;grid-template-rows:1fr auto 1fr;position:relative;z-index:2}
.section-hero-banner .spacer{display:none}
.title-intro{align-self:center;color:var(--home-paper);grid-row:2;position:relative;z-index:2;width:100%;padding:0 clamp(18px,2.35vw,36px);text-align:center;will-change:transform}
.hg-1-wrapper{overflow:hidden;text-align:center}
.hg-1,.mega-heading,.section-heading__inner{font-family:MG,Impact,sans-serif;font-weight:800;letter-spacing:.01em;line-height:.74;text-transform:uppercase}
.section-hero-banner .hg-1{position:relative;font-size:calc(265/var(--base-size)*var(--base-vw));line-height:78%;letter-spacing:.01em;white-space:nowrap;color:var(--home-paper);text-align:center}
.section-hero-banner .hg-1-wrapper{
  position:relative;
  z-index:5;
}
.section-hero-banner .hg-1::before{content:none;display:none}
.section-hero-banner .hero-line{display:flex;justify-content:center;text-align:center;width:100%}
.section-hero-banner .hero-letter{will-change:transform;color:var(--home-paper)}
.section-hero-banner .hero-letter span{
  display:inline-block;
  will-change:transform;
  color:var(--home-paper);
  -webkit-text-fill-color:currentColor;
  position:relative;
  z-index:2;
}
.hero-orbit-lockup{
  --orbit-size:clamp(226px,22vw,356px);
  --orbit-left:50%;
  --orbit-top:50%;
  --orbit-offset-x:-34px;
  --orbit-offset-y:-38px;
  opacity:0;
  height:var(--orbit-size);
  left:var(--orbit-left);
  pointer-events:none;
  position:absolute;
  top:var(--orbit-top);
  visibility:hidden;
  width:var(--orbit-size);
  z-index:20;
  transform:translate(calc(-50% + var(--orbit-offset-x,0px)), calc(-50% + var(--orbit-offset-y,0px)));
  transition:opacity .18s ease;
}
body.hero-entrance-complete .hero-orbit-lockup.is-positioned{
  opacity:1;
  visibility:visible;
}
.hero-orbit-text{
  animation:heroOrbitSpin var(--orbit-duration,13s) linear infinite;
  border-radius:50%;
  color:rgba(247,246,242,.72);
  cursor:pointer;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(18px,1.55vw,24px);
  font-weight:900;
  height:100%;
  left:0;
  letter-spacing:.02em;
  line-height:1;
  mix-blend-mode:normal;
  pointer-events:auto;
  position:absolute;
  top:0;
  transform-origin:50% 50%;
  opacity:0;
  scale:.92;
  transition:opacity .72s ease,scale .72s cubic-bezier(0,0,0,1);
  width:100%;
  z-index:1;
  text-shadow:0 0 10px rgba(0,0,0,.5);
}
.hero-orbit-text::before,
.hero-orbit-text::after{
  border:1px solid rgba(247,246,242,.18);
  border-radius:50%;
  content:"";
  inset:5%;
  pointer-events:none;
  position:absolute;
}
.hero-orbit-text::after{
  inset:12%;
  opacity:.7;
}
.hero-orbit-text.is-visible{opacity:1;scale:1}
.hero-orbit-text:hover{animation-duration:calc(var(--orbit-duration,13s)/5);scale:.88}
.hero-orbit-text span{
  display:inline-block;
  height:57%;
  left:50%;
  position:absolute;
  top:-7%;
  transform-origin:50% 100%;
  width:1em;
}
.hero-kirk-mark{
  --mark-width:clamp(122px,12.6vw,196px);
  --mark-mask:url("../images/kirk-logo.svg");
  --mark-top:50%;
  --mark-left:50%;
  --mark-offset-x:0px;
  --mark-offset-y:0px;
  --mark-rotate:0deg;
  --mark-scale:1;
  filter:none;
  opacity:0;
  left:var(--mark-left);
  pointer-events:none;
  position:absolute;
  top:var(--mark-top);
  transform:translate(-50%,-50%) rotate(var(--mark-rotate)) scale(var(--mark-scale));
  transform-origin:50% 50%;
  transition:opacity .72s ease,transform .72s cubic-bezier(0,0,0,1);
  width:var(--mark-width);
  z-index:2;
}
body[data-page=home] .hero-orbit-lockup.is-positioned .hero-orbit-text{
  opacity:1;
  scale:1;
}
body[data-page=home] .hero-orbit-lockup.is-positioned .hero-kirk-mark{
  opacity:1;
}
.hero-kirk-mark__roll{
  display:block;
  position:relative;
  transform-origin:50% 50%;
  width:100%;
}
.hero-kirk-mark__base{
  display:block;
  height:auto;
  position:relative;
  width:100%;
  z-index:1;
}
.hero-kirk-mark__scan{
  animation:kirkScanSweep 2.35s linear infinite both;
  background:var(--scan-color);
  clip-path:polygon(-24% -20%,0 -20%,62% 120%,38% 120%);
  display:block;
  inset:0;
  mask-image:var(--mark-mask);
  mask-position:center;
  mask-repeat:no-repeat;
  mask-size:contain;
  -webkit-clip-path:polygon(-24% -20%,0 -20%,62% 120%,38% 120%);
  -webkit-mask-image:var(--mark-mask);
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  overflow:hidden;
  pointer-events:none;
  position:absolute;
  will-change:clip-path;
  z-index:2;
}
.hero-kirk-mark__scan--blue{
  --scan-color:#1267ff;
  animation-delay:-.35s;
}
.hero-kirk-mark__scan--cyan{
  --scan-color:#00e5ff;
  animation-delay:-.17s;
}
.hero-kirk-mark__scan--white{
  --scan-color:#fff;
  animation-delay:.01s;
}
body.hero-entrance-complete .hero-kirk-mark{
  opacity:1;
}
.hero-edge-decor{
  color:#fff;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(9px,.72vw,12px);
  font-weight:800;
  inset:0;
  isolation:isolate;
  letter-spacing:.08em;
  line-height:1;
  mix-blend-mode:normal;
  opacity:var(--hero-fx-opacity);
  pointer-events:none;
  position:fixed;
  text-transform:uppercase;
  transition:opacity .16s linear;
  z-index:55;
}
.hero-edge-decor__corner{
  height:clamp(66px,7.1vw,118px);
  opacity:.76;
  position:absolute;
  width:clamp(66px,7.1vw,118px);
}
.hero-edge-decor__corner::before,
.hero-edge-decor__corner::after{
  background:currentColor;
  content:"";
  opacity:.82;
  position:absolute;
}
.hero-edge-decor__corner::before{height:1px;width:100%}
.hero-edge-decor__corner::after{height:100%;width:1px}
.hero-edge-decor__corner--tl{left:clamp(18px,2.7vw,42px);top:clamp(58px,5.7vw,96px)}
.hero-edge-decor__corner--tl::before,.hero-edge-decor__corner--tl::after{left:0;top:0}
.hero-edge-decor__corner--tr{right:clamp(18px,2.7vw,42px);top:clamp(58px,5.7vw,96px)}
.hero-edge-decor__corner--tr::before{right:0;top:0}
.hero-edge-decor__corner--tr::after{right:0;top:0}
.hero-edge-decor__corner--br{bottom:clamp(26px,3.4vw,58px);right:clamp(18px,2.7vw,42px)}
.hero-edge-decor__corner--br::before{bottom:0;right:0}
.hero-edge-decor__corner--br::after{bottom:0;right:0}
.hero-edge-decor__corner--bl{bottom:clamp(26px,3.4vw,58px);left:clamp(18px,2.7vw,42px)}
.hero-edge-decor__corner--bl::before{bottom:0;left:0}
.hero-edge-decor__corner--bl::after{bottom:0;left:0}
.hero-edge-decor__label,
.hero-edge-decor__readout{
  display:flex;
  gap:clamp(10px,1.2vw,20px);
  opacity:1;
  position:absolute;
  text-shadow:0 1px 8px rgba(0,0,0,.36);
  white-space:nowrap;
}
.hero-edge-decor__label span,
.hero-edge-decor__readout span{
  border-top:1px solid rgba(255,255,255,.62);
  padding-top:8px;
}
.hero-edge-decor__label--top-left{
  left:clamp(116px,11vw,190px);
  top:clamp(58px,5.7vw,96px);
}
.hero-edge-decor__label--top-right{
  right:clamp(116px,11vw,190px);
  top:clamp(58px,5.7vw,96px);
}
.hero-edge-decor__label--right{
  align-items:flex-end;
  flex-direction:column;
  gap:clamp(14px,1.45vw,24px);
  right:clamp(18px,2.7vw,42px);
  top:50%;
  transform:translateY(-50%);
}
.hero-edge-decor__label--bottom-right{
  bottom:clamp(26px,3.4vw,58px);
  right:clamp(116px,11vw,190px);
}
.hero-edge-decor__readout--left{
  align-items:flex-start;
  bottom:clamp(26px,3.4vw,58px);
  flex-direction:column;
  gap:10px;
  left:clamp(116px,11vw,190px);
}
.hero-edge-decor__readout--left span{
  border-left:1px solid rgba(255,255,255,.62);
  border-top:0;
  padding-left:9px;
  padding-top:0;
}
.hero-edge-decor__ticks{
  background:
    repeating-linear-gradient(to bottom,rgba(255,255,255,.62) 0 1px,transparent 1px 13px),
    repeating-linear-gradient(to bottom,rgba(255,255,255,.86) 0 1px,transparent 1px 52px);
  height:clamp(180px,31vh,320px);
  opacity:.38;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:clamp(8px,.72vw,12px);
}
.hero-edge-decor__ticks--left{left:clamp(18px,2.7vw,42px)}
.hero-edge-decor__ticks--right{right:clamp(18px,2.7vw,42px)}
.hero-diamond-orbit{
  --diamond-spin-duration:12s;
  --diamond-frame-size:clamp(92px,10.4vw,158px);
  align-items:center;
  aspect-ratio:1;
  bottom:clamp(48px,6.4vw,92px);
  color:#fff;
  display:flex;
  height:var(--diamond-frame-size);
  justify-content:center;
  left:clamp(18px,3.7vw,58px);
  mix-blend-mode:normal;
  isolation:isolate;
  opacity:var(--hero-fx-opacity);
  pointer-events:none;
  position:fixed;
  transform-origin:50% 50%;
  transition:opacity .16s linear;
  width:var(--diamond-frame-size);
  z-index:60;
}
.hero-diamond-orbit::before,
.hero-diamond-orbit::after{
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}
.hero-diamond-orbit::before{
  border:1px solid rgba(247,246,242,.68);
  box-shadow:inset 0 0 0 1px rgba(247,246,242,.08);
  z-index:0;
}
.hero-diamond-orbit::after{
  background:
    linear-gradient(currentColor,currentColor) left top/28px 1px no-repeat,
    linear-gradient(currentColor,currentColor) left top/1px 28px no-repeat,
    linear-gradient(currentColor,currentColor) right top/28px 1px no-repeat,
    linear-gradient(currentColor,currentColor) right top/1px 28px no-repeat,
    linear-gradient(currentColor,currentColor) left bottom/28px 1px no-repeat,
    linear-gradient(currentColor,currentColor) left bottom/1px 28px no-repeat,
    linear-gradient(currentColor,currentColor) right bottom/28px 1px no-repeat,
    linear-gradient(currentColor,currentColor) right bottom/1px 28px no-repeat;
  opacity:.92;
  z-index:1;
}
.hero-diamond-orbit__svg{
  display:block;
  filter:none;
  height:73%;
  overflow:visible;
  position:relative;
  shape-rendering:geometricPrecision;
  width:52%;
  z-index:2;
}
.hero-diamond-orbit__spin{
  transform-box:view-box;
  transform-origin:110px 160px;
}
.hero-diamond-orbit__face{
  fill:none;
  opacity:0;
  stroke:none;
}
.hero-diamond-orbit__outer,
.hero-diamond-orbit__mid,
.hero-diamond-orbit__facet,
.hero-diamond-orbit__inner{
  fill:none;
  stroke:#fff;
  opacity:1;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.45;
  vector-effect:non-scaling-stroke;
}
.hero-diamond-orbit__mid{
  opacity:1;
}
.hero-diamond-orbit__facet{
  opacity:1;
  stroke-width:1.15;
}
.hero-diamond-orbit__inner{
  opacity:1;
  stroke-width:1.25;
}
.hero-diamond-orbit__axis{
  fill:none;
  opacity:1;
  stroke:#fff;
  stroke-dasharray:8 8;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1;
  vector-effect:non-scaling-stroke;
}
.hero-diamond-orbit__core,
.hero-diamond-orbit__node{
  fill:none;
  opacity:1;
  stroke:#fff;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.15;
  vector-effect:non-scaling-stroke;
}
.hero-diamond-orbit__node{
  transform-box:fill-box;
  transform-origin:center;
}
@media(max-width:601px){
  .hero-edge-decor__label--top-left,
  .hero-edge-decor__label--top-right,
  .hero-edge-decor__label--bottom-right{
    display:none;
  }
  .hero-edge-decor__readout--left{
    bottom:26px;
    left:112px;
  }
  .hero-edge-decor__label--right{
    right:16px;
  }
  .hero-edge-decor__ticks{
    height:178px;
  }
  .hero-diamond-orbit{
    --diamond-frame-size:86px;
    bottom:90px;
    left:16px;
  }
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .transition-home .section-heading__inner{
    background-image:linear-gradient(90deg,#0006ff,#0a98ff,#fff,#0006ff);
    background-repeat:repeat;
    background-size:300% 100%;
    background-position:0% 50%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    animation:homeTitleGradient 3.5s linear infinite alternate;
    will-change:background-position;
  }
}
.video-intro{position:relative;z-index:1;flex:1;display:grid;place-items:center;padding:12px 30px 74px;overflow:visible}
.media-outer{display:block;height:calc(220/var(--base-size)*var(--base-vw));left:50%;max-width:100vw;position:absolute;top:calc(50% + 96px);translate:-50% 0;width:calc(350/var(--base-size)*var(--base-vw));background:transparent;z-index:3;transform-origin:top center;will-change:width,height,transform}
.media-wrapper{height:100%;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;background:linear-gradient(135deg,#020203,#161627 48%,#5b4cff);box-shadow:0 18px 68px rgba(13,12,25,.28);will-change:width,height,top,transform}
.media-wrapper.is-contain .t-ma{object-fit:contain;background:#2e2e2e}
.media-caption-container-wrapper{position:absolute;left:50%;top:calc(50% + 77px);transform:translateX(-50%);width:calc(350/var(--base-size)*var(--base-vw));z-index:5;will-change:transform}
body:not(.hero-entrance-complete) .section-hero-banner .media-caption-container-wrapper{opacity:0;visibility:hidden}
body.hero-entrance-complete .section-hero-banner .media-caption-container-wrapper{opacity:1;transition:opacity .45s ease;visibility:visible}
.media-caption-container{display:flex;justify-content:space-between;gap:12px;font-family:Manrope,Arial,sans-serif;font-size:calc(12/var(--base-size)*var(--base-vw));font-weight:800;line-height:100%;text-transform:uppercase;color:var(--home-ink);opacity:.68}
body[data-page=home] .media-caption-container{color:var(--home-paper)}
.media-caption-container-wrapper.is-hero-final .media-caption-container{justify-content:space-between}
.heading-2-container-wrapper{color:var(--home-paper);position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none;z-index:4;will-change:transform}
.heading-2-container{display:flex;align-items:center;justify-content:space-between;padding:0 calc(52/var(--base-size)*var(--base-vw))}
.hg-2{font-family:MG,Impact,sans-serif;font-size:calc(96/var(--base-size)*var(--base-vw));font-weight:700;line-height:75%;overflow:visible;text-transform:uppercase;white-space:nowrap;will-change:transform}
.hg-2-inner,.media-caption-inner{display:inline-block;will-change:transform}
.scroll-indicator-wrapper{align-self:end;color:var(--home-paper);grid-row:3;padding-bottom:46px;text-align:center}
.scroll-indicator{display:inline-block;font-family:Manrope,Arial,sans-serif;font-size:calc(12/var(--base-size)*var(--base-vw));font-weight:800;line-height:calc(18/var(--base-size)*var(--base-vw));text-transform:uppercase;opacity:.6}
.hero-scroll-reveal{
  --scroll-reveal-opacity:1;
  display:inline-flex;
  align-items:center;
  flex-direction:column;
  gap:5px;
  position:relative;
  width:max-content;
  opacity:var(--scroll-reveal-opacity);
  transition:opacity .35s ease;
  animation:heroScrollPromptFloat 1.35s ease-in-out infinite;
  will-change:transform,opacity;
}
.hero-scroll-reveal.is-hidden{animation:none;opacity:0!important;transition:none}
.hero-scroll-reveal span{
  position:static;
  display:block;
  font-family:Manrope,Arial,sans-serif;
  font-size:calc(11/var(--base-size)*var(--base-vw));
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  color:var(--home-paper);
  letter-spacing:.02em;
  text-shadow:0 1px 6px rgba(0,0,0,.2);
}
.hero-scroll-reveal .hero-scroll-reveal-core{
  text-align:center;
}
.hero-scroll-reveal .hero-scroll-reveal-arrow{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  opacity:.82;
}
.hero-scroll-reveal .hero-scroll-reveal-arrow svg{
  width:18px;
  height:18px;
  overflow:visible;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.45;
  fill:none;
}
@keyframes heroScrollPromptFloat{
  0%,100%{transform:translateY(0);opacity:.64}
  50%{transform:translateY(7px);opacity:1}
}

.section-home-intro{background:#000;margin-top:-100vh;min-height:100vh;position:relative;z-index:1}
.section-home-intro::before{
  background:
    radial-gradient(circle at 18% 28%,rgba(20,231,255,.16),transparent 25%),
    radial-gradient(circle at 78% 34%,rgba(95,73,255,.2),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,0),#000 24%,#000 78%,rgba(0,0,0,.92));
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}
.section-home-intro::after{
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 6px);
  content:"";
  inset:0;
  mix-blend-mode:screen;
  opacity:.12;
  pointer-events:none;
  position:absolute;
}
.profile-sticky{
  align-items:center;
  display:flex;
  height:100vh;
  min-height:720px;
  overflow:hidden;
  position:sticky;
  top:0;
  z-index:2;
}
.profile-signal{
  color:rgba(247,246,242,.055);
  display:flex;
  font-family:MG,Impact,sans-serif;
  font-size:clamp(82px,10vw,190px);
  font-weight:900;
  gap:.24em;
  left:-8vw;
  line-height:.8;
  pointer-events:none;
  position:absolute;
  right:-8vw;
  text-transform:uppercase;
  top:7vh;
  transform:translate3d(calc(var(--profile-progress) * -8vw),0,0);
  white-space:nowrap;
  will-change:transform;
}
.profile-grid{
  display:grid;
  gap:clamp(28px,5vw,86px);
  grid-template-columns:minmax(300px,.82fr) minmax(420px,1fr);
  margin:0 auto;
  max-width:1500px;
  padding:clamp(76px,8.4vh,118px) clamp(24px,5.2vw,86px) clamp(52px,6vh,86px);
  position:relative;
  width:100%;
}
.profile-left{align-self:center;min-width:0}
.profile-kicker{
  color:rgba(247,246,242,.52);
  font-size:clamp(10px,.86vw,13px);
  line-height:1;
  margin-bottom:clamp(18px,3vh,32px);
  text-transform:uppercase;
}
.profile-title{
  font-family:MG,Impact,sans-serif;
  font-size:clamp(82px,9.7vw,174px);
  font-weight:900;
  letter-spacing:0;
  line-height:.76;
  text-transform:uppercase;
}
.profile-title__line{
  display:block;
  opacity:calc(.68 + var(--profile-progress) * .32);
  transform:translate3d(calc(var(--profile-progress) * -1.2vw),0,0);
  will-change:transform,opacity;
}
.profile-title__line:nth-child(2){color:#14e7ff;mix-blend-mode:screen;transform:translate3d(calc(var(--profile-progress) * 1.6vw),0,0)}
.profile-title__line:nth-child(3){color:#fff}
.profile-readout{
  align-items:center;
  border-top:1px solid rgba(247,246,242,.16);
  color:rgba(247,246,242,.7);
  display:flex;
  font-size:clamp(10px,.92vw,14px);
  justify-content:space-between;
  margin-top:clamp(24px,4.4vh,44px);
  max-width:430px;
  padding-top:14px;
  text-transform:uppercase;
}
.profile-right{
  align-self:center;
  aspect-ratio:16/9;
  filter:drop-shadow(0 34px 80px rgba(0,0,0,.48));
  height:auto;
  position:relative;
  width:min(52vw,820px);
}
.profile-device{
  aspect-ratio:16/9;
  position:relative;
  width:100%;
}
.profile-device__png{
  height:100%;
  object-fit:contain;
  position:relative;
  width:100%;
  z-index:3;
}
.profile-device::before{
  background:radial-gradient(circle at 44% 50%,rgba(20,231,255,.28),rgba(20,231,255,0) 42%),linear-gradient(135deg,rgba(20,231,255,.18),rgba(95,73,255,.2));
  border-radius:8px;
  content:"";
  inset:13% 22% 18% 30%;
  opacity:.52;
  position:absolute;
  z-index:1;
}
.profile-device__screen{
  background:rgba(0,0,0,.52);
  border-radius:9px;
  inset:20.2% 13.7% 21.5% 32.3%;
  overflow:hidden;
  position:absolute;
  z-index:4;
}
.profile-device__screen::before{
  background:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 5px);
  content:"";
  inset:0;
  mix-blend-mode:screen;
  opacity:.28;
  pointer-events:none;
  position:absolute;
  z-index:5;
}
.profile-device__screen::after{
  background:linear-gradient(90deg,transparent,rgba(20,231,255,.2),transparent);
  content:"";
  height:1px;
  left:0;
  opacity:.7;
  position:absolute;
  right:0;
  top:50%;
  z-index:5;
}
.profile-card{
  align-content:center;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  display:grid;
  gap:clamp(10px,1.2vw,18px);
  grid-template-columns:clamp(28px,3vw,50px) minmax(0,1fr);
  inset:0;
  opacity:0;
  padding:clamp(18px,2.2vw,34px);
  pointer-events:none;
  position:absolute;
  transform:translate3d(8%,0,0);
  transition:opacity .45s ease,transform .72s var(--ease);
  will-change:opacity,transform;
  z-index:4;
}
.profile-card.is-active{
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,0,0);
}
.profile-card__index{
  color:rgba(247,246,242,.5);
  font-family:MG,Impact,sans-serif;
  font-size:clamp(28px,3vw,54px);
  line-height:.78;
}
.profile-card h3{
  font-size:clamp(20px,2.1vw,36px);
  font-weight:800;
  letter-spacing:0;
  line-height:1;
}
.profile-card p{
  color:rgba(247,246,242,.72);
  font-size:clamp(11px,.88vw,14px);
  font-weight:700;
  line-height:1.42;
  margin-top:clamp(8px,1.1vh,14px);
}
.profile-timeline{
  border-left:1px solid rgba(20,231,255,.32);
  display:grid;
  gap:clamp(8px,1vh,13px);
  padding-left:clamp(12px,1.4vw,20px);
}
.profile-job{position:relative}
.profile-job::before{
  background:#14e7ff;
  border-radius:50%;
  box-shadow:0 0 20px rgba(20,231,255,.65);
  content:"";
  height:6px;
  left:calc(clamp(12px,1.4vw,20px) * -1 - 3px);
  position:absolute;
  top:.45em;
  width:6px;
}
.profile-job span{
  color:rgba(247,246,242,.46);
  display:block;
  font-size:clamp(8px,.65vw,10px);
  line-height:1;
  margin-bottom:5px;
}
.profile-job h3{font-size:clamp(13px,1.12vw,19px);line-height:1.05}
.profile-job p{font-size:clamp(9px,.68vw,11px);line-height:1.36;margin-top:5px}
.profile-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:clamp(10px,1.5vh,18px);
}
.profile-tags span{
  background:var(--home-paper);
  border-radius:999px;
  color:#050505;
  font-size:clamp(8px,.62vw,10px);
  line-height:1;
  padding:6px 8px;
  text-transform:uppercase;
}

.section-featured-works{background:#000;color:var(--home-paper);position:relative;z-index:2;padding:45px 0 86px;overflow:hidden}
.text-intro{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%}
.section-featured-works .hg,.section-break .hg{font-family:MG,Impact,sans-serif;font-weight:800;font-size:calc(332/var(--base-size)*var(--base-vw));line-height:75%;letter-spacing:.01em;text-transform:uppercase;text-align:center;white-space:nowrap;width:100%}
.section-featured-works .featured-letter{display:inline-block;opacity:0;transform:translateX(-.45em);will-change:transform,opacity}
.section-featured-works .featured-letter.is-space{width:.28em}
.section-featured-works .featured-title-ready.is-visible .featured-letter{opacity:1;transform:translateX(0);transition:transform .68s var(--ease),opacity .48s ease;transition-delay:calc(var(--letter-index)*38ms)}
.i-line{height:1px;background:currentColor;width:calc(100% - 60px);margin:37px 30px 18px}
.s-tag-label{font-size:clamp(8px,.93vw,14px);line-height:1;text-transform:uppercase;margin-left:30px;margin-right:auto}
.cr-tag{display:flex;gap:15px;margin-right:30px;flex-wrap:wrap;justify-content:flex-end}
.t-tag,.t-card-term{display:inline-flex;align-items:center;border-radius:999px;background:var(--home-ink);color:var(--home-paper);font-size:clamp(8px,.93vw,14px);line-height:1;text-transform:uppercase;padding:4px 10px}
.section-featured-works .t-tag,.section-break .t-tag{background:var(--home-paper);color:var(--home-ink)}
.works-wrapper{margin-top:99px;padding:0 30px}
.list-work .t-card-container{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:46px;width:100%}
.list-work .t-card{position:relative;display:block;background:var(--home-ink);border-radius:8px;overflow:hidden;color:var(--home-paper)}
.list-work .t-card:nth-child(3n+1){width:100%}
.list-work .t-card:nth-child(3n+2),.list-work .t-card:nth-child(3n+3){width:calc((100% - 28px)/2)}
.list-work .t-card-media-wrapper{position:relative;display:grid;height:37vw;min-height:430px;overflow:hidden}
.list-work .t-card:nth-child(3n+2) .t-card-media-wrapper,.list-work .t-card:nth-child(3n+3) .t-card-media-wrapper{height:37vw}
.t-card-featured-image-wrapper,.t-card-hover-media-wrapper{grid-area:1/1;width:100%;height:100%;transition:transform .9s var(--ease),opacity .9s var(--ease)}
.t-card-featured-image,.t-card-hover-media{width:100%;height:100%;object-fit:cover}
.t-card-hover-media-wrapper{opacity:0;transform:scale(.2);z-index:2}
.t-card:hover .t-card-hover-media-wrapper{opacity:1;transform:scale(1)}
.t-card:hover .t-card-featured-image-wrapper{transform:scale(1.04)}
.t-card-intro{position:absolute;left:0;bottom:0;z-index:3;display:flex;align-items:center;width:100%;min-height:74px;background:rgba(6,6,7,.9);backdrop-filter:blur(18px);padding:0 19px 0 21px;transform:translateY(100%);transition:transform .9s var(--ease)}
.t-card:hover .t-card-intro{transform:translateY(0)}
.t-card-number{font-family:MG,Impact,sans-serif;font-weight:800;font-size:36px;line-height:.75}
.t-card-title{font-size:14px;line-height:1;text-transform:uppercase;margin-left:8px;margin-right:auto}
.t-card-tags{display:flex;gap:15px}
.t-card-term{background:var(--home-paper);color:var(--home-ink)}
.bottom-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:54px;margin-top:54px}
.bottom-cta-intro{display:flex;align-items:center;gap:49px;text-transform:uppercase;font-size:14px}
.bottom-cta-intro-icon-container{width:24px;height:24px;animation:bounceDown 1.4s ease-in-out infinite}
.btn-cta{display:inline-block;text-transform:uppercase;cursor:pointer}
.btn-cta-inner{display:block;width:max-content;background:var(--home-ink);color:var(--home-paper);border-radius:999px;padding:30px 50px;font-size:clamp(16px,1.6vw,24px);line-height:1;transition:transform .7s var(--ease),background .7s var(--ease),color .7s var(--ease)}
.section-featured-works .btn-cta-inner{background:var(--home-paper);color:var(--home-ink)}
.btn-cta:hover .btn-cta-inner{transform:scale(.94);background:#dedcf5;color:var(--home-ink)}

.section-break{background:#000;color:var(--home-paper);padding:54px 0 92px;overflow:hidden}
.section-break .t-marquee{width:100%;overflow:hidden}
.section-break .t-marquee .hg{animation:marqueeBreak 12s linear infinite;white-space:nowrap}
.section-break .i-line-wrapper{width:100%}
.section-break .s-tag{display:flex;align-items:center;width:100%}
.breaks-wrapper{position:relative;margin-top:64px;padding:0 30px}
.list-break .t-card-container{position:relative;z-index:2}
.list-break .t-card{border-top:1px solid currentColor;cursor:pointer;display:block}
.list-break .t-card:last-child{border-bottom:1px solid currentColor}
.list-break .t-card-title{display:flex;align-items:center;gap:18px;min-height:96px;font-family:MG,Impact,sans-serif;font-size:clamp(42px,8vw,122px);font-weight:800;line-height:.78;text-transform:uppercase;transition:padding-left .75s var(--ease),color .75s var(--ease)}
.list-break .t-card-title span:last-child,.list-break .t-card-link{font-family:Manrope,"AlibabaPuHuiTi","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:clamp(30px,5vw,78px);line-height:1.05;letter-spacing:0;text-transform:none}
.list-break .t-card-number{font-size:clamp(18px,2.38vw,36px);min-width:60px}
.list-break .t-card:hover .t-card-title{padding-left:5vw;color:#b8afff}
.break-preview{position:fixed;left:0;top:0;width:330px;aspect-ratio:16/10;z-index:5;pointer-events:none;opacity:0;transform:translate3d(-50%,-50%,0) scale(.72) rotate(-3deg);transition:opacity .25s ease,transform .45s var(--ease);background:var(--dark);overflow:hidden}
.break-preview.is-visible{opacity:1;transform:translate3d(-50%,-50%,0) scale(1) rotate(-1deg)}
.break-preview img{width:100%;height:100%;object-fit:cover}

.section-home-process{background:#000;color:var(--home-paper);overflow:clip;position:relative;z-index:60}
.section-home-process::before{content:"";height:1px;left:0;opacity:.08;position:absolute;right:0;top:0;background:currentColor}
.home-process-flow{background:#000;position:relative}
.home-process-panel{color:#fff;height:100vh;min-height:640px;overflow:hidden;position:sticky;top:0;z-index:var(--panel-index)}
.home-process-panel::before{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 42%);content:"";inset:0;opacity:.42;pointer-events:none;position:absolute}
.home-process-panel--orange{background:#f94b00}
.home-process-panel--blue{background:#28e547}
.home-process-panel--purple{background:#FF3837}
.home-process-panel--red{background:#202020}
.home-process-flow-field{background:transparent;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}
.home-process-panel--orange .home-process-flow-field{background:
  radial-gradient(circle at 18% 24%,rgba(255,144,52,.12),transparent 34%),
  radial-gradient(circle at 80% 72%,rgba(196,42,0,.12),transparent 38%)}
.home-process-flow-field::before{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 42%);content:"";inset:0;opacity:.46;position:absolute}
.home-process-flow-field::after{background:radial-gradient(circle,rgba(255,255,255,.12) 0 1px,transparent 1.5px) 0 0/30px 30px;content:"";inset:-8%;mix-blend-mode:overlay;opacity:.05;position:absolute}
.home-process-flow-field canvas{display:block;height:100%;inset:0;opacity:.28;position:absolute;width:100%}
.home-process-marker,.home-process-panel__content,.home-process-step__number{position:absolute}
.home-process-marker{font-size:clamp(18px,1.42vw,29px);font-weight:800;left:50%;line-height:1;opacity:.36;pointer-events:none;position:absolute;top:clamp(42px,6.7vh,58px);transform:translateX(-50%);z-index:2}
.home-process-panel__content{inset:0;position:absolute;z-index:2}
.home-process-panel h3{font-size:clamp(48px,4.2vw,86px);font-weight:800;left:clamp(38px,1.85vw,48px);letter-spacing:0;line-height:.98;position:absolute;top:clamp(142px,17.65vh,156px);white-space:nowrap;z-index:3}
.home-process-panel h3 span{display:inline-block;font-size:.42em;font-weight:700;margin-left:.24em;vertical-align:baseline}
.home-process-feature-grid{border:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:1fr 1fr;height:clamp(98px,11.52vh,118px);left:clamp(38px,1.85vw,48px);position:absolute;right:clamp(24px,1.2vw,25px);top:clamp(324px,37.2vh,338px);z-index:3}
.home-process-feature-grid::before{background:rgba(255,255,255,.16);content:"";height:100%;left:50%;position:absolute;top:0;width:1px}
.home-process-feature{align-items:flex-start;display:flex;font-size:clamp(14px,.78vw,16px);font-weight:800;gap:14px;line-height:1;padding:clamp(34px,4vh,40px) 28px}
.home-process-feature span{background:#fff;border-radius:2px;display:block;flex:0 0 8px;height:8px;margin-top:2px;width:8px}
.home-process-panel p{font-size:clamp(22px,1.32vw,27px);font-weight:500;left:clamp(38px,1.85vw,48px);letter-spacing:0;line-height:1.24;max-width:330px;opacity:.58;position:absolute;top:clamp(456px,53.15vh,486px);z-index:3}
.home-process-panel p strong{color:#fff;font-weight:800;opacity:1}
.home-process-panel h3,.home-process-feature-grid,.home-process-panel p,.home-process-generate,.home-process-media,.home-process-step__number{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s ease,transform .9s var(--ease)}
.home-process-panel.is-active h3,.home-process-panel.is-active .home-process-feature-grid,.home-process-panel.is-active p,.home-process-panel.is-active .home-process-generate,.home-process-panel.is-active .home-process-media,.home-process-panel.is-active .home-process-step__number{opacity:1;transform:translate3d(0,0,0)}
.home-process-panel.is-active h3{transition-delay:.05s}
.home-process-panel.is-active .home-process-feature-grid{transition-delay:.08s}
.home-process-panel.is-active p{transition-delay:.12s}
.home-process-panel.is-active .home-process-generate{transition-delay:.16s}
.home-process-panel.is-active .home-process-media{transition-delay:.22s}
.home-process-panel.is-active .home-process-step__number{transition-delay:.08s}
.home-process-generate{align-items:center;background:#fff;border-radius:999px;color:#111;cursor:pointer;display:inline-flex;font-size:clamp(17px,1vw,21px);font-weight:500;height:58px;justify-content:center;left:50%;line-height:1;min-width:148px;padding:0 30px;position:absolute;text-decoration:none;text-transform:none;top:clamp(606px,70.1vh,644px);transform:translate3d(-50%,28px,0);transition:opacity .7s ease,transform .9s var(--ease),background .5s var(--ease),color .5s var(--ease);white-space:nowrap;width:auto;z-index:4}
.home-process-panel.is-active .home-process-generate{transform:translate3d(-50%,0,0)}
.home-process-panel.is-active .home-process-media{transform:translate3d(-50%,0,0)}
.home-process-generate:hover{background:#111;color:#fff;transform:translate3d(-50%,0,0) scale(.94)}
.home-process-generate.is-generating{background:#111;color:#fff;transform:translate3d(-50%,0,0) scale(.94)}
.home-process-media{bottom:clamp(-104px,-11.6vh,-82px);display:flex;gap:clamp(10px,1.2vw,18px);left:50%;position:absolute;transform:translate3d(-50%,28px,0);z-index:2}
.home-process-media span{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 44px rgba(0,0,0,.16);display:block;overflow:hidden}
.home-process-media img{height:100%;object-fit:cover;width:100%}
.home-process-media--avatars{background:rgba(255,255,255,.2);border-radius:24px;display:grid;grid-template-columns:repeat(5,1fr);padding:86px 26px 32px;width:clamp(820px,42.4vw,868px)}
.home-process-media--avatars{bottom:auto;top:clamp(690px,80.8vh,730px)}
.home-process-adjust-title{font-size:clamp(20px,1.13vw,23px);font-weight:800;left:28px;line-height:1;position:absolute;top:34px}
.home-process-adjust-label{font-size:clamp(12px,.68vw,14px);font-weight:700;left:28px;opacity:.32;position:absolute;top:82px}
.home-process-media--avatars span{border-radius:16px;height:clamp(102px,7.2vw,148px);position:relative;width:100%}
.home-process-media--avatars span::before{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:50%;content:"";height:17px;left:12px;position:absolute;top:14px;width:17px;z-index:2}
.home-process-media--avatars span:nth-of-type(2){outline:2px solid rgba(255,86,0,.98);outline-offset:3px}
.home-process-media--avatars span:nth-of-type(2)::before{background:#ff5a00;border:5px solid #fff}
.home-process-media--cards,.home-process-media--gallery,.home-process-media--export{background:rgba(255,255,255,.26);border-radius:24px;bottom:auto;top:clamp(690px,80.8vh,730px);padding:64px 26px 32px;width:clamp(820px,42.4vw,868px)}
.home-process-media--cards::before,.home-process-media--gallery::before,.home-process-media--export::before{content:"视觉组合";font-size:clamp(20px,1.13vw,23px);font-weight:800;left:28px;line-height:1;position:absolute;top:28px}
.home-process-media--gallery::before{content:"三维研究"}
.home-process-media--export::before{content:"视频格式"}
.home-process-media--cards span,.home-process-media--gallery span{background:rgba(255,255,255,.24);border-radius:16px;height:clamp(112px,7.2vw,148px);width:calc((100% - 54px)/4)}
.home-process-media--cards span:not(:first-child){background:rgba(255,255,255,.2)}
.home-process-media--cards span:not(:first-child)::before{align-items:center;color:rgba(255,255,255,.72);content:"+";display:flex;font-size:36px;height:100%;justify-content:center;width:100%}
.home-process-media--gallery span{width:calc((100% - 36px)/3)}
.home-process-media--export{align-items:end;display:grid;grid-template-columns:repeat(3,1fr)}
.home-process-media--export span{align-items:center;background:#fff;border:0;border-radius:18px;color:#111;display:flex;font-size:clamp(18px,1vw,21px);font-weight:800;height:clamp(112px,7.2vw,148px);justify-content:center;padding:0 14px;text-transform:uppercase;width:100%}
.home-process-step__number{font-size:clamp(116px,7.45vw,153px);font-weight:500;letter-spacing:0;line-height:.74;opacity:.95;position:absolute;right:clamp(24px,1.2vw,25px);top:clamp(146px,18.9vh,168px);z-index:2}
.home-process-faq{background:#000;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42vw);gap:clamp(34px,7vw,120px);padding:clamp(76px,10vw,150px) clamp(24px,7vw,132px) clamp(80px,10vw,150px);position:relative;z-index:5}
.home-process-faq h2{font-size:clamp(44px,5.5vw,96px);font-weight:700;letter-spacing:0;line-height:.95}
.home-process-questions{align-self:start;border-top:1px solid rgba(255,255,255,.22)}
.home-process-questions details{border-bottom:1px solid rgba(255,255,255,.22);padding:18px 0}
.home-process-questions summary{cursor:pointer;font-size:clamp(13px,1.1vw,16px);font-weight:800;line-height:1.2;list-style:none;position:relative;text-transform:uppercase}
.home-process-questions summary::-webkit-details-marker{display:none}
.home-process-questions summary::after{content:"+";position:absolute;right:0;top:0}
.home-process-questions details[open] summary::after{content:"-"}
.home-process-questions p{font-size:14px;font-weight:700;line-height:1.45;max-width:480px;opacity:.64;padding-top:14px}

.main-footer{
  background:#020308;
  color:var(--home-paper);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:100vh;
  overflow:hidden;
  padding:clamp(34px,5.4vh,64px) clamp(8px,.65vw,12px) 0;
  position:relative;
  width:100%;
  z-index:80;
}
body[data-page=home] .main-footer{background:#020308}
body[data-page=works] .main-footer,body[data-page=break] .main-footer,body[data-page=about] .main-footer{background:#020308}
.footer-panel{
  background:#111111;
  border-radius:clamp(34px,3.4vw,62px) clamp(34px,3.4vw,62px) 0 0;
  min-height:min(84vh, 800px);
  overflow:hidden;
  padding:clamp(36px,2.8vw,56px) clamp(32px,2.6vw,48px) 0;
  position:relative;
  width:100%;
}
.footer-top{
  display:grid;
  gap:clamp(44px,8vw,132px);
  grid-template-columns:minmax(260px,36vw) minmax(420px,1fr);
  min-height:clamp(190px,13vw,252px);
  position:relative;
  top:clamp(24px,2.8vw,48px);
  z-index:2;
}
.footer-brand{
  align-self:start;
  display:block;
  width:clamp(88px,7.6vw,138px);
}
.footer-brand img{
  display:block;
  height:auto;
  width:100%;
}
.footer-social-grid{
  align-items:start;
  align-self:start;
  display:flex;
  gap:clamp(18px,1.8vw,32px);
  justify-content:end;
  justify-self:end;
  padding-top:0;
  flex-wrap:nowrap;
}
.footer-social-icon{
  align-items:center;
  background:var(--footer-social-bg,#111);
  border-radius:clamp(12px,1.1vw,18px);
  color:inherit;
  display:flex;
  height:clamp(34px,3vw,54px);
  justify-content:center;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  width:clamp(34px,3vw,54px);
}
.footer-social-icon svg{
  display:block;
  height:100%;
  overflow:hidden;
  transform-origin:center center;
  width:100%;
}
.footer-social-icon--wechat{
  --footer-social-bg:#6bc839;
}
.footer-social-icon--qq{
  --footer-social-bg:#111;
}
.footer-social-icon--douyin{
  --footer-social-bg:#170b1a;
}
.footer-social-icon--red{
  --footer-social-bg:#fff;
}
.footer-social-icon--zcool{
  --footer-social-bg:#1d1d1b;
}
.footer-social-icon--wechat svg{
  transform:translateX(8px) scale(1.3);
}
.footer-social-icon--red svg{
  transform:scale(1.2);
}
.footer-social-icon--qq svg{
  transform:scale(.92);
}
.footer-social-icon span{
  display:none;
}
.footer-qr-popover{
  background:#f3f2ed;
  border:1px solid rgba(18,18,18,.1);
  border-radius:16px;
  box-shadow:0 22px 60px rgba(0,0,0,.34);
  left:0;
  opacity:0;
  padding:10px;
  pointer-events:none;
  position:fixed;
  top:0;
  transform:translateY(8px) scale(.98);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  visibility:hidden;
  width:clamp(158px,13vw,218px);
  z-index:90;
}
.footer-qr-popover.is-open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0) scale(1);
  visibility:visible;
}
.footer-qr-popover img{
  aspect-ratio:1;
  border-radius:10px;
  display:block;
  object-fit:contain;
  width:100%;
}
.footer-meta{
  color:rgba(247,246,242,.55);
  display:grid;
  font-size:clamp(14px,1vw,19px);
  font-weight:700;
  gap:clamp(22px,2.2vw,32px);
  grid-template-columns:minmax(260px,1fr) minmax(280px,.46fr);
  left:clamp(42px,2.95vw,58px);
  line-height:1.2;
  position:absolute;
  right:clamp(42px,2.95vw,58px);
  top:auto;
  bottom:clamp(330px,26vw,468px);
  z-index:2;
}
.footer-meta p:last-child{
  justify-self:end;
  text-align:right;
}
.footer-contact{
  align-items:center;
  display:flex;
  gap:8px;
}
.footer-contact svg{
  fill:none;
  flex:0 0 15px;
  height:15px;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
  width:15px;
}
.footer-dot-matrix{
  background:#111111;
  border-radius:0;
  bottom:clamp(22px,2vw,36px);
  height:clamp(276px,22vw,410px);
  left:clamp(42px,2.95vw,58px);
  overflow:hidden;
  position:absolute;
  right:clamp(42px,2.95vw,58px);
  top:auto;
  z-index:1;
}
.footer-dot-matrix canvas{display:block;height:100%;position:relative;width:100%;z-index:1}

.section-curated-works,.section-all-break{background:var(--dark);min-height:100vh;overflow:hidden;position:relative;color:var(--cream);z-index:2}
body[data-page=works] .section-curated-works{transform:translateY(0);transform-origin:bottom;will-change:transform}
body[data-page=works]:not(.works-entrance-complete) .section-curated-works{transform:translateY(0)}
body[data-page=works].works-entrance-complete .section-curated-works{transform:translateY(0)}
.section-curated-works>.t-cr>.t-box,.section-all-break>.t-cr>.t-box{width:100%}
.list-curated-work,.list-all-break{background:var(--dark);color:var(--cream);height:100dvh;overflow:hidden;position:relative;width:100%}
.list-all-break{--break-frame-pulse-scale:1.15}
.list-curated-work .play-state{bottom:calc(38/var(--base-size)*var(--base-vw));display:flex;font-family:Manrope,Arial,sans-serif;font-size:calc(12/var(--base-size)*var(--base-vw));font-weight:800;justify-content:space-between;left:0;padding:0 calc(30/var(--base-size)*var(--base-vw));position:absolute;width:100%;z-index:5}
.play-state-label{align-items:center;display:flex;gap:calc(5.5/var(--base-size)*var(--base-vw));text-transform:uppercase}
.play-state-label-dot{background:red;border-radius:50%;height:calc(7.87207/var(--base-size)*var(--base-vw));width:calc(7.87207/var(--base-size)*var(--base-vw));animation:blink .8s linear infinite}
.line-ornament-container-wrapper{align-items:center;display:flex;height:100dvh;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}
.line-ornament-container-wrapper-inner{display:grid;position:relative}
.list-curated-work .line-ornament-container-wrapper-inner{height:calc(346.10791/var(--base-size)*var(--base-vw));width:calc(555.25201/var(--base-size)*var(--base-vw))}
.list-all-break .line-ornament-container-wrapper-inner{height:calc(377/var(--base-size)*var(--base-vw));transform-origin:center;transition:transform .8s var(--ease);width:calc(374/var(--base-size)*var(--base-vw));will-change:transform}
.list-all-break.is-frame-expanded .line-ornament-container-wrapper-inner{transform:scale(var(--break-frame-pulse-scale))}
.list-all-break.is-frame-pulsing .line-ornament-container-wrapper-inner{animation:breakFramePulse .86s var(--ease) both}
@keyframes breakFramePulse{0%{transform:scale(1)}42%{transform:scale(var(--break-frame-pulse-scale))}100%{transform:scale(1)}}
@media(max-width:601px){.list-all-break{--break-frame-pulse-scale:1.05}}
.corner-ornament-container{align-self:center;grid-area:1/1;height:100.2%;justify-self:center;position:relative;width:100.2%;z-index:1}
.corner-ornament-wrapper{height:calc(24/var(--base-size)*var(--base-vw));position:absolute;width:calc(27.38817/var(--base-size)*var(--base-vw))}
.corner-ornament-wrapper::before{content:"";display:block;height:100%;width:100%;border-color:var(--cream);border-style:solid;border-width:1px 0 0 1px}
.corner-ornament-wrapper:nth-child(1){left:0;top:0}
.corner-ornament-wrapper:nth-child(2){right:0;top:0;transform:rotateY(180deg)}
.corner-ornament-wrapper:nth-child(3){bottom:0;left:0;transform:rotateX(180deg)}
.corner-ornament-wrapper:nth-child(4){bottom:0;right:0;transform:rotateY(180deg) rotateX(180deg)}
.list-all-break .corner-ornament-container{display:none}
.line-ornament-container{display:grid;grid-area:1/1;height:100%;position:relative;width:100%}
.line-ornament-container .t-line{display:flex;grid-area:1/1;justify-content:center;position:absolute;width:100vw}
.line-ornament-container .t-line>*{background:#2e2e2e;flex:0 0 100%;height:100%;width:100%}
.line-ornament-container .t-line:nth-child(1)>*,.line-ornament-container .t-line:nth-child(3)>*{background:repeating-linear-gradient(90deg,#303030 0,#303030 calc(18/var(--base-size)*var(--base-vw)),transparent calc(18/var(--base-size)*var(--base-vw)),transparent calc(29/var(--base-size)*var(--base-vw)))}
.line-ornament-container .t-line:nth-child(2)>*,.line-ornament-container .t-line:nth-child(4)>*{background:repeating-linear-gradient(180deg,#303030 0,#303030 calc(18/var(--base-size)*var(--base-vw)),transparent calc(18/var(--base-size)*var(--base-vw)),transparent calc(29/var(--base-size)*var(--base-vw)))}
.line-ornament-container .t-line:nth-child(1){height:1px;justify-self:center;width:100vw}
.line-ornament-container .t-line:nth-child(2){align-self:center;flex-direction:column;height:100dvh;width:1px}
.line-ornament-container .t-line:nth-child(3){align-self:end;height:1px;justify-self:center;width:100vw}
.line-ornament-container .t-line:nth-child(4){align-self:center;flex-direction:column;height:100dvh;justify-self:end;width:1px}
.list-all-break .line-ornament-container{border-bottom:1px solid rgba(238,233,209,.72);border-top:1px solid rgba(238,233,209,.72);overflow:visible}
.list-all-break .line-ornament-container::before,.list-all-break .line-ornament-container::after{background:linear-gradient(90deg,rgba(238,233,209,.86) 0 3px,transparent 3px 100%),repeating-linear-gradient(180deg,transparent 0 calc(20/var(--base-size)*var(--base-vw)),rgba(238,233,209,.78) calc(20/var(--base-size)*var(--base-vw)) calc(34/var(--base-size)*var(--base-vw)),transparent calc(34/var(--base-size)*var(--base-vw)) calc(54/var(--base-size)*var(--base-vw)));content:"";height:100dvh;position:absolute;top:50%;width:calc(30/var(--base-size)*var(--base-vw));z-index:1}
.list-all-break .line-ornament-container::before{left:calc(-30/var(--base-size)*var(--base-vw));transform:translateY(-50%)}
.list-all-break .line-ornament-container::after{right:calc(-30/var(--base-size)*var(--base-vw));transform:translateY(-50%) scaleX(-1)}
.list-all-break .line-ornament-container .t-line{opacity:0}
.list-all-break .line-ornament-container .t-line>*{background:transparent}
body[data-page=break] .list-all-break .line-ornament-container{border-bottom-color:transparent;border-top-color:transparent}
body[data-page=break] .list-all-break .line-ornament-container::before,
body[data-page=break] .list-all-break .line-ornament-container::after{transform:translateY(-50%) scaleY(0);transform-origin:bottom;transition:transform .92s var(--ease) .02s}
body[data-page=break] .list-all-break .line-ornament-container::after{transform:translateY(-50%) scaleX(-1) scaleY(0)}
body.break-entrance-complete .list-all-break .line-ornament-container{border-bottom-color:rgba(238,233,209,.72);border-top-color:rgba(238,233,209,.72);transition:border-color .18s ease .58s}
body.break-entrance-complete .list-all-break .line-ornament-container::before{transform:translateY(-50%) scaleY(1)}
body.break-entrance-complete .list-all-break .line-ornament-container::after{transform:translateY(-50%) scaleX(-1) scaleY(1)}
.list-curated-work .title-slider,.list-all-break .title-slider{display:grid;height:100dvh;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}
.title-slider-container{display:flex;transition:transform .78s var(--ease);will-change:transform}
.title-slider-item{color:inherit;text-transform:uppercase}
.title-slider-inner{font-family:Manrope,Arial,sans-serif;font-weight:800;line-height:1;text-transform:uppercase}
.list-curated-work .title-slider-container-wrapper{align-self:center;font-family:Manrope,Arial,sans-serif;font-size:calc(20/var(--base-size)*var(--base-vw));font-weight:800;grid-area:1/1;height:calc(27/var(--base-size)*var(--base-vw));justify-self:center;overflow:hidden;pointer-events:all;transform:translateY(calc(-100% - 199.05396/var(--base-size)*var(--base-vw)));width:100%}
.list-curated-work .title-slider-container{flex-direction:column;height:calc(27/var(--base-size)*var(--base-vw))}
.list-curated-work .title-slider-item{flex:0 0 calc(27/var(--base-size)*var(--base-vw));text-align:center}
.list-all-break .t-hg-wrapper{align-items:center;display:flex;height:100dvh;left:0;padding:0 calc(30/var(--base-size)*var(--base-vw));pointer-events:none;position:absolute;top:0;width:100%;z-index:2}
.list-all-break .t-hg{font-family:MG,Impact,sans-serif;font-size:calc(298/var(--base-size)*var(--base-vw));font-weight:800;letter-spacing:.01em;line-height:75%;text-transform:uppercase}
.list-all-break .title-slider-container-wrapper{align-self:center;font-family:Manrope,Arial,sans-serif;font-size:calc(14/var(--base-size)*var(--base-vw));font-weight:800;grid-area:1/1;height:calc(108.36597/var(--base-size)*var(--base-vw));justify-self:center;overflow:hidden;pointer-events:all;position:relative;transform:translateY(0) translate(calc(50% + 521/var(--base-size)*var(--base-vw)));width:calc(250/var(--base-size)*var(--base-vw))}
.list-all-break .title-slider-container-wrapper::before{background:linear-gradient(0deg,var(--dark) 12%,transparent 30%,transparent 70%,var(--dark) 88%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}
.list-all-break .title-slider-container{flex-direction:column;height:calc(108.36597/var(--base-size)*var(--base-vw))}
.list-all-break .title-slider-item{flex:0 0 calc(14/var(--base-size)*var(--base-vw));margin:calc(6/var(--base-size)*var(--base-vw)) 0;opacity:.24;text-align:left;transition:opacity .35s ease}
.list-all-break .title-slider-item.is-active{opacity:1}
.card-slider{display:grid;height:100dvh;place-content:center;position:relative;width:100%;z-index:2}
.card-container-wrapper{cursor:grab}
.is-dragging .card-container-wrapper,.card-container-wrapper:active{cursor:grabbing}
.card-container-wrapper{grid-area:1/1;overflow:visible;width:100%}
.card-container{display:flex;transition:transform .78s var(--ease);will-change:transform}
.list-curated-work .card-container-wrapper{height:fit-content}
.list-curated-work .card-container{align-items:center;height:100%}
.list-curated-work .t-card{background:var(--dark);flex:0 0 calc(527.25201/var(--base-size)*var(--base-vw));height:calc(314.10791/var(--base-size)*var(--base-vw));margin:0 calc(37/var(--base-size)*var(--base-vw));overflow:hidden;position:relative}
.list-all-break .card-container-wrapper{height:100%}
.list-all-break .card-container{align-items:center;flex-direction:column;height:100dvh;width:100%}
.list-all-break .t-card{background:var(--dark);flex:0 0 calc(352/var(--base-size)*var(--base-vw));height:calc(352/var(--base-size)*var(--base-vw));margin:calc(12.5/var(--base-size)*var(--base-vw)) 0;overflow:hidden;position:relative;width:calc(340/var(--base-size)*var(--base-vw))}
.card-container .t-card-media{display:grid;height:100%;width:100%}
.card-container .t-card-featured-image-wrapper,.card-container .t-card-hover-media{grid-area:1/1;height:100%;width:100%}
.card-container .t-card-featured-image,.card-container .t-card-hover-media{height:100%;object-fit:cover;width:100%}
.card-container .t-card-hover-media{opacity:0;transition:opacity .35s ease}
.card-container .t-card.is-active.has-video-ready .t-card-hover-media,.card-container .t-card.has-video-ready:hover .t-card-hover-media{opacity:1}
.card-container .t-card.is-active.has-video-ready .t-card-featured-image-wrapper,.card-container .t-card.has-video-ready:hover .t-card-featured-image-wrapper{opacity:0}
body[data-page=break] .list-all-break .t-card.is-active.has-video-ready .t-card-hover-media,
body[data-page=break] .list-all-break .t-card.is--active.has-video-ready .t-card-hover-media{opacity:0}
body[data-page=break] .list-all-break .t-card.is-active.has-video-ready .t-card-featured-image-wrapper,
body[data-page=break] .list-all-break .t-card.is--active.has-video-ready .t-card-featured-image-wrapper{opacity:1}
body[data-page=works] .list-curated-work .t-card.is-active.has-video-ready .t-card-hover-media,
body[data-page=works] .list-curated-work .t-card.is--active.has-video-ready .t-card-hover-media{opacity:0}
body[data-page=works] .list-curated-work .t-card.is-active.has-video-ready .t-card-featured-image-wrapper,
body[data-page=works] .list-curated-work .t-card.is--active.has-video-ready .t-card-featured-image-wrapper{opacity:1}
body[data-page=works] .list-curated-work .t-card.has-video-ready:hover .t-card-hover-media{opacity:1}
body[data-page=works] .list-curated-work .t-card.has-video-ready:hover .t-card-featured-image-wrapper{opacity:0}
body[data-page=video] .list-curated-work .t-card.is-active.has-video-ready .t-card-hover-media,
body[data-page=video] .list-curated-work .t-card.is--active.has-video-ready .t-card-hover-media{opacity:0}
body[data-page=video] .list-curated-work .t-card.is-active.has-video-ready .t-card-featured-image-wrapper,
body[data-page=video] .list-curated-work .t-card.is--active.has-video-ready .t-card-featured-image-wrapper{opacity:1}
body[data-page=video] .list-curated-work .t-card.has-video-ready:hover .t-card-hover-media{opacity:1}
body[data-page=video] .list-curated-work .t-card.has-video-ready:hover .t-card-featured-image-wrapper{opacity:0}
.t-slide-controls{display:grid;height:100dvh;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:4}
.t-slide-navigation-container{align-self:center;display:flex;font-family:Manrope,Arial,sans-serif;font-size:calc(12/var(--base-size)*var(--base-vw));font-weight:700;grid-area:1/1;height:fit-content;justify-content:space-between;justify-self:center;line-height:100%;padding:0 calc(30/var(--base-size)*var(--base-vw));pointer-events:all;text-transform:uppercase;transform:translateY(calc(-100% - 186.72396/var(--base-size)*var(--base-vw)));width:100%}
.t-slide-navigation{cursor:pointer;transition:opacity .25s ease}
.t-slide-navigation:hover{opacity:.55}
.t-slide-navigation-number-wrapper{align-self:center;color:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:calc(20/var(--base-size)*var(--base-vw));font-weight:600;grid-area:1/1;height:fit-content;justify-self:center;overflow:hidden;pointer-events:all;width:calc(180/var(--base-size)*var(--base-vw))}
.list-curated-work .t-slide-navigation-number-wrapper{transform:translateY(calc(100% + 229.51396/var(--base-size)*var(--base-vw)))}
.list-all-break .t-slide-navigation-number-wrapper{transform:translate(calc(50% + 263/var(--base-size)*var(--base-vw)))}
.t-slide-navigation-number-container{display:flex;transition:transform .78s var(--ease);will-change:transform}
.t-slide-navigation-number{cursor:pointer;flex:0 0 calc(34/var(--base-size)*var(--base-vw));opacity:.35;text-align:center;transition:opacity .3s,transform .3s}
.t-slide-navigation-number.is-active{opacity:1;transform:scale(1.12)}
.t-slide-number-container{align-self:center;display:flex;font-family:Manrope,Arial,sans-serif;font-size:calc(14/var(--base-size)*var(--base-vw));font-weight:800;grid-area:1/1;height:calc(22/var(--base-size)*var(--base-vw));justify-self:center;line-height:1;pointer-events:all;position:relative;transform:translateY(calc(100% + 272.11396/var(--base-size)*var(--base-vw)))}
.t-slide-number-current{height:calc(22/var(--base-size)*var(--base-vw));overflow:hidden;position:absolute;right:100%;top:0}
.t-slide-number-current-track{display:flex;flex-direction:column;transition:transform .78s var(--ease)}
.t-slide-number-current-track div{height:calc(22/var(--base-size)*var(--base-vw));text-align:right}
.t-slide-number-total{height:100%;left:100%;opacity:.8;position:absolute;top:0;width:max-content}

.section-about-banner{background:#020308;color:var(--cream);overflow:hidden;width:100%}
.section-about-banner .t-cr-wrapper{height:fit-content;position:relative}
.section-about-banner .t-cr-wrapper::before{background:#020308;content:"";height:calc(845/var(--base-size)*var(--base-vw) + (100vh - 845/var(--base-size)*var(--base-vw)));position:absolute;width:100%}
.section-about-banner .t-cr{color:var(--cream);display:flex;flex-direction:column;height:fit-content;min-height:100vh;padding-bottom:calc(65/var(--base-size)*var(--base-vw));position:relative}
.section-about-banner .t-cr>.t-box{width:100%}
.section-about-banner .title-intro{--about-title-start-offset:calc((100vh - 223.5/var(--base-size)*var(--base-vw))*.5 - 144/var(--base-size)*var(--base-vw));height:auto;padding-top:0;position:absolute;top:calc(144/var(--base-size)*var(--base-vw));width:100vw}
body[data-page=about]:not(.about-entrance-complete) .section-about-banner .title-intro{transform:translate3d(0,var(--about-title-start-offset),0)}
.section-about-banner .hg-1-wrapper{margin-top:0;overflow:clip;position:relative;width:100%}
.section-about-banner .hg-1{font-size:calc(298/var(--base-size)*var(--base-vw));line-height:75%;letter-spacing:.01em;text-align:center;white-space:nowrap}
.section-about-banner .about-letter{will-change:transform}
.section-about-banner .about-letter span{will-change:transform}
.section-about-banner .media-intro-wrapper{height:calc(810/var(--base-size)*var(--base-vw));position:absolute;top:calc(490/var(--base-size)*var(--base-vw));width:100%}
.section-about-banner .media-intro{align-items:center;display:flex;height:fit-content;justify-content:center;padding:0 calc(30/var(--base-size)*var(--base-vw));position:absolute;top:0;width:100%;z-index:1}
.about-media{background:transparent;height:calc(810/var(--base-size)*var(--base-vw));position:relative;width:calc(716/var(--base-size)*var(--base-vw));z-index:1}
.about-media .media-wrapper{background:transparent;height:100%;overflow:hidden;width:100%}
.about-media img{height:100%;object-fit:cover;width:100%}
.section-about-banner .media-caption-container{color:var(--cream);opacity:.6}
.media-social-container-wrapper{margin-top:calc(21/var(--base-size)*var(--base-vw));position:relative;width:100%}
.media-social-container{display:flex;gap:calc(39/var(--base-size)*var(--base-vw));justify-content:center}
.media-social .btn-cta-inner{background:var(--dark);color:var(--cream);font-size:calc(14/var(--base-size)*var(--base-vw));padding:calc(3.5/var(--base-size)*var(--base-vw)) calc(10/var(--base-size)*var(--base-vw))}
.section-about-banner .section-body{color:var(--dark);margin-top:calc(1560.5/var(--base-size)*var(--base-vw));padding:0 calc(30/var(--base-size)*var(--base-vw));position:relative;z-index:2}
body[data-page=about]:not(.about-entrance-complete) .section-about-banner .about-media,
body[data-page=about]:not(.about-entrance-complete) .section-about-banner .section-body{opacity:0}
.body-caption-container{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;width:100%}
.body-caption{font-family:Manrope,Arial,sans-serif;font-size:calc(16/var(--base-size)*var(--base-vw));font-weight:700;line-height:calc(20/var(--base-size)*var(--base-vw));text-transform:uppercase;width:fit-content}
.body-caption-1{text-align:left}
.body-caption-2{justify-self:center;text-align:center}
.body-caption-3{justify-self:end;text-align:right}
.t-body{font-family:Manrope,Arial,sans-serif;font-size:calc(32/var(--base-size)*var(--base-vw));font-weight:700;line-height:calc(35/var(--base-size)*var(--base-vw));margin:calc(79/var(--base-size)*var(--base-vw)) auto 0;text-align:center;text-transform:uppercase;width:calc(578/var(--base-size)*var(--base-vw))}
.t-body a{text-decoration:underline;text-underline-offset:.14em}
.section-about-kirk{background:#f2f2ef;color:#111;height:100vh;min-height:100vh;overflow:hidden;position:relative}
.section-about-kirk::before{background:#f2f2ef;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}
.section-about-kirk::after{color:rgba(255,255,255,.38);content:"";font-family:MG,Impact,sans-serif;font-size:clamp(158px,24vw,430px);font-weight:900;left:50%;letter-spacing:0;line-height:.72;pointer-events:none;position:absolute;text-transform:uppercase;top:82%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}
.section-about-kirk[data-about-panel-index]::after{content:""}
.about-horizontal-sticky{height:100vh;overflow:hidden;position:sticky;top:0;width:100%}
.about-horizontal-sticky::before,.about-horizontal-sticky::after{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:8vw;z-index:3}
.about-horizontal-sticky::before{background:linear-gradient(90deg,#f2f2ef,rgba(242,242,239,0));left:0}
.about-horizontal-sticky::after{background:linear-gradient(270deg,#f2f2ef,rgba(242,242,239,0));right:0}
.about-horizontal-track{backface-visibility:hidden;display:flex;height:100%;position:relative;transform:translate3d(var(--about-horizontal-offset,0px),0,0);transform-style:flat;will-change:transform;width:500vw;z-index:1}
.about-scroll-progress{
  align-items:center;
  color:rgba(17,17,17,.78);
  display:grid;
  gap:10px;
  grid-template-columns:auto 86px;
  pointer-events:none;
  position:absolute;
  right:clamp(34px,5vw,82px);
  top:clamp(138px,11vw,204px);
  z-index:7;
}
.about-scroll-progress__label{
  display:flex;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(10px,.72vw,13px);
  font-weight:800;
  gap:4px;
  line-height:1;
}
.about-scroll-progress__track{
  background:rgba(17,17,17,.2);
  display:block;
  height:1px;
  overflow:visible;
  position:relative;
  width:86px;
}
.about-scroll-progress__fill{
  background:#111;
  display:block;
  height:1px;
  transform:scaleX(var(--about-scroll-progress,0));
  transform-origin:left center;
  width:100%;
}
.about-scroll-progress__snap,
.about-scroll-progress__thumb{
  border-radius:50%;
  display:block;
  position:absolute;
  top:50%;
}
.about-scroll-progress__thumb{
  background:#111;
  box-shadow:0 0 calc(10px * var(--about-scroll-snap-progress,0)) rgba(17,17,17,.42);
  height:5px;
  left:calc(var(--about-scroll-progress,0) * 100%);
  transform:translate(-50%,-50%) scale(calc(.75 + var(--about-scroll-snap-progress,0) * .45));
  width:5px;
}
.about-scroll-progress__snap{
  border:1px solid rgba(17,17,17,.55);
  height:13px;
  left:calc(var(--about-scroll-progress,0) * 100%);
  opacity:var(--about-scroll-snap-progress,0);
  transform:translate(-50%,-50%) scale(calc(.72 + var(--about-scroll-snap-progress,0) * .28));
  width:13px;
}
.about-panel{backface-visibility:hidden;color:#111;display:grid;flex:0 0 100vw;gap:clamp(28px,4vw,76px);grid-template-columns:120px minmax(440px,46vw) minmax(220px,1fr);min-height:100vh;padding:clamp(118px,15vw,230px) clamp(34px,5vw,82px) clamp(230px,24vh,300px);position:relative;transform:translateZ(0)}
.about-panel--with-visual{grid-template-columns:120px minmax(440px,46vw) minmax(220px,1fr)}
.about-panel--bio .about-content-stack{gap:clamp(14px,1.45vw,24px)}
.about-panel--device{background:#f2f2ef;display:block;padding:0}
.about-device-shell{align-content:start;background:transparent;border:0;border-radius:0;box-shadow:none;display:grid;font-family:Manrope,Arial,sans-serif;grid-template-rows:auto minmax(0,calc(100vh - 270px));height:100vh;min-height:100vh;overflow:hidden;position:relative;width:100vw}
.about-device-top,.about-panel-top{align-items:center;display:grid;font-family:Manrope,Arial,sans-serif;font-size:clamp(11px,.78vw,15px);font-weight:600;grid-template-columns:120px minmax(0,1fr) 120px;padding:clamp(20px,2.4vw,42px) clamp(34px,5vw,82px) 10px}
.about-panel-top{left:0;position:absolute;right:0;top:clamp(62px,4.8vw,96px);z-index:2}
.about-device-brand{align-items:center;display:flex;font-size:clamp(18px,1.2vw,24px);font-weight:700;letter-spacing:0}
.about-device-brand img{display:block;height:auto;width:clamp(42px,2.8vw,58px)}
.about-device-search{border-bottom:1px solid rgba(5,5,5,.26);color:rgba(5,5,5,.72);justify-self:start;padding-bottom:8px;width:min(560px,45vw)}
.about-device-action{justify-self:end}
.about-panel--detail .about-kirk-section-label{grid-column:1 / 3;align-self:start;margin-left:120px;margin-top:clamp(96px,8.2vw,156px)}
.about-company-feature{color:#111;display:grid;font-family:Manrope,Arial,sans-serif;font-weight:800;gap:clamp(12px,1.15vw,24px);justify-items:center;left:clamp(180px,12vw,250px);letter-spacing:0;line-height:.9;pointer-events:none;position:absolute;text-align:center;top:52%;transform:translateY(-50%);white-space:nowrap;width:min(49vw,980px);z-index:2}
.about-company-feature span{display:block;font-size:clamp(64px,6.25vw,128px)}
.about-company-feature.is-particle-ready span{opacity:var(--company-solid-opacity,0);position:relative;z-index:3}
.about-company-feature__particles{display:block;height:100%;inset:0;opacity:var(--company-particle-opacity,1);pointer-events:none;position:absolute;width:100%;z-index:2}
.about-panel--detail .about-content-stack{backface-visibility:hidden;grid-column:3;transform:translate3d(0,clamp(42px,3.8vw,76px),0)}
.about-panel--graphic-work{grid-template-columns:120px minmax(440px,46vw) minmax(220px,1fr);overflow:hidden}
.about-panel--graphic-work>.about-content-stack:not(.about-content-stack--graphic-work){display:none}
.about-content-stack--graphic-work{grid-column:3;position:relative;z-index:2}
.about-fixed-panel[data-fixed-panel="1"]>.about-device-profile:not(.about-device-profile--replacement),
.about-fixed-panel[data-fixed-panel="1"]>.about-device-spec:not(.about-device-spec--replacement),
.about-fixed-panel[data-fixed-panel="1"]>.about-device-note:not(.about-device-note--replacement){display:none}
.about-device-main{align-items:start;display:grid;grid-template-columns:130px minmax(390px,34vw) minmax(560px,1fr);min-height:0;padding:clamp(52px,6vh,78px) clamp(34px,5vw,82px) 24px;position:relative}
.about-device-nav{align-self:start;display:grid;font-size:clamp(16px,1.2vw,24px);font-weight:700;line-height:1.06;margin-top:clamp(12px,1.4vw,28px)}
.about-device-arrows{display:flex;font-size:clamp(18px,1.6vw,30px);gap:22px;pointer-events:none;visibility:hidden}
.about-device-count{font-size:clamp(24px,2vw,38px);font-weight:500;line-height:1;pointer-events:none;visibility:hidden}
.about-device-hero{align-self:start;display:grid;gap:clamp(4px,.5vw,9px);grid-column:2;max-width:560px;transform:translate3d(var(--about-device-hero-x,0px),0,0)}
.about-device-hero span{color:rgba(5,5,5,.24);font-size:clamp(40px,4.3vw,78px);font-weight:800;line-height:.86}
.about-device-hero strong{display:none}
.about-device-hero em{color:#111;font-size:clamp(76px,7.8vw,148px);font-style:normal;font-weight:800;letter-spacing:0;line-height:.84;margin-top:clamp(22px,2.5vw,48px)}
.about-device-hero small{display:none}
.about-device-hero h1,.about-device-hero p{display:none}
.about-profile-copy{align-self:start;color:#111;display:grid;font-size:24px;font-weight:800;gap:12px;grid-column:3;line-height:1.5;max-width:none;padding-top:clamp(74px,7.2vw,128px);transform:translate3d(calc((var(--about-device-orbit-x,0px) * .35) - 300px),0,0)}
.about-profile-copy,.about-profile-copy-en{width:min(82vw,1680px)}
.about-profile-copy p,.about-profile-copy-en p{margin:0}
.about-profile-copy p:first-child,.about-profile-copy p:nth-child(3){white-space:nowrap}
.about-profile-copy-en{align-self:start;color:rgba(5,5,5,.42);display:grid;font-size:clamp(14px,.8vw,16px);font-weight:700;gap:7px;grid-column:3;line-height:1.32;margin-top:clamp(-118px,-5.8vw,-78px);max-width:none;overflow-wrap:anywhere;padding-top:0;transform:translate3d(calc((var(--about-device-orbit-x,0px) * .35) - 300px),0,0);width:min(82vw,1680px);word-break:break-word}
.about-device-orbit{display:none}
.about-device-orbit::before{background:radial-gradient(circle at 58% 42%,#14e7ff 0 4px,transparent 5px),radial-gradient(circle at 38% 62%,#196dff 0 4px,transparent 5px),conic-gradient(from 30deg,rgba(214,34,24,.85),rgba(255,198,121,.8),rgba(20,231,255,.45),rgba(214,34,24,.85));border-radius:50%;content:"";inset:11%;opacity:.78;position:absolute}
.about-device-orbit::after{background:#333;border:8px solid #1d1d1d;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);content:"";height:34%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:34%}
.about-device-orbit span{background:#050505;display:block;height:54%;position:absolute;top:-16%;width:4px}
.about-device-orbit span:nth-child(1){left:40%}
.about-device-orbit span:nth-child(2){left:58%}
.about-device-orbit span:nth-child(3){display:none}
.about-device-bottom{border-top:1px solid rgba(5,5,5,.34);display:grid;font-size:clamp(12px,.78vw,15px);font-weight:700;grid-template-columns:130px 88px 140px minmax(300px,1.25fr) minmax(150px,.62fr) minmax(170px,.7fr) minmax(138px,.5fr);min-height:160px;margin:0 clamp(34px,5vw,82px)}
.about-device-bottom>*{border-left:1px solid rgba(5,5,5,.18);padding:22px 20px}
.about-device-bottom>*:first-child{border-left:0}
.about-device-tab{font-size:clamp(30px,2.35vw,54px);font-weight:600;line-height:.96}
.about-device-buy{align-self:start;background:transparent;border-radius:999px;color:transparent;justify-self:start;line-height:1;padding:7px 16px;visibility:hidden}
.about-fixed-panel .about-device-tab{font-size:clamp(24px,1.7vw,36px);overflow-wrap:anywhere}
.about-fixed-panel .about-device-buy{border-left:0;color:transparent;font-size:0;line-height:0;padding:0;visibility:hidden}
.about-device-price{font-size:clamp(24px,2vw,40px);font-weight:500;line-height:1}
.about-fixed-panel .about-device-price{font-size:clamp(24px,1.7vw,36px);font-weight:600;line-height:.96;overflow-wrap:anywhere}
.about-device-profile{display:grid;gap:10px}
.about-device-profile h2{font-size:clamp(24px,1.7vw,36px);line-height:1.05;margin:0;overflow-wrap:anywhere}
.about-device-profile p,.about-device-note{font-size:clamp(12px,.78vw,15px);font-weight:700;line-height:1.4;margin:0}
.about-device-note{align-content:center;display:grid;gap:8px;justify-items:center;text-align:center}
.about-device-note strong,.about-device-note span{display:block;width:min(100%,132px)}
.about-device-note strong{font-size:clamp(24px,1.7vw,36px);font-weight:700;letter-spacing:.06em;line-height:1}
.about-device-note span{font-size:clamp(10px,.68vw,13px);font-weight:600;line-height:1.18}
.about-device-spec{display:grid;gap:8px}
.about-device-spec strong{display:none}
.about-device-spec span{font-size:clamp(24px,1.7vw,36px);font-weight:700;line-height:1.05}
.about-device-name{font-size:clamp(24px,1.7vw,36px);font-weight:600;line-height:.96;text-align:center;white-space:nowrap}
.about-device-footer{align-items:end;display:grid;font-size:clamp(10px,.72vw,13px);font-weight:600;grid-template-columns:1fr 1fr auto;padding:0 clamp(34px,5vw,82px) clamp(34px,4vw,62px)}
.about-device-footer span:nth-child(2){justify-self:center}
.about-device-footer span:nth-child(3){justify-self:end}
.about-panel--device .about-device-bottom,.about-panel--device .about-device-footer{display:none}
.about-panel--bio .about-device-bottom{display:none}
.about-panel--bio{overflow:hidden}
.about-panel--bio::before{
  color:rgba(17,17,17,.035);
  content:"About";
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(150px,21vw,400px);
  font-weight:900;
  left:50%;
  line-height:.8;
  pointer-events:none;
  position:absolute;
  top:30%;
  transform:translate(-30%,-50%);
  z-index:0;
}
.about-panel--bio .about-device-shell{grid-template-rows:auto minmax(0,1fr)}
.about-panel--bio .about-device-top{
  display:none;
}
.about-panel--bio .about-device-brand img{width:clamp(48px,3.4vw,72px)}
.about-panel--bio .about-device-search{font-size:clamp(12px,.72vw,15px);font-weight:800;padding-bottom:10px;width:100%}
.about-panel--bio .about-device-action{font-size:clamp(11px,.7vw,14px)}
.about-panel--bio .about-device-main--profile{
  align-items:start;
  display:grid;
  grid-template-columns:minmax(78px,7vw) minmax(0,1fr);
  min-height:0;
  padding:clamp(24px,2.2vw,42px) clamp(40px,5vw,70px) 0;
  position:relative;
  z-index:1;
}
.about-panel--bio .about-device-nav{
  color:rgba(115,115,115,.9);
  display:grid;
  font-size:clamp(25px,1.85vw,38px);
  font-weight:800;
  line-height:.96;
  margin-top:clamp(78px,7.2vw,112px);
}
.about-panel--bio .about-device-hero--profile{
  align-content:start;
  display:grid;
  column-gap:clamp(24px,2.8vw,58px);
  gap:clamp(9px,.75vw,15px);
  grid-column:2;
  grid-template-columns:minmax(240px,26vw) minmax(0,1fr);
  max-width:none;
  padding-left:clamp(160px,12.8vw,270px);
  padding-top:clamp(74px,8.4vw,104px);
  position:relative;
  transform:translate3d(calc(var(--about-device-hero-x,0px) * .16),0,0);
}
.about-panel--bio .about-device-wordmark{
  height:auto;
  left:clamp(20px,2.2vw,58px);
  position:absolute;
  top:clamp(192px,17.2vw,286px);
  width:clamp(260px,19.5vw,430px);
  z-index:1;
}
.about-panel--bio .about-device-hero--profile strong{
  color:#111;
  display:block;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(36px,3.1vw,66px);
  font-weight:900;
  letter-spacing:0;
  line-height:.9;
  grid-column:2;
  margin:clamp(8px,.8vw,16px) 0 clamp(18px,1.6vw,34px);
  position:relative;
  z-index:2;
}
.about-panel--bio .about-device-hero--profile p{
  color:#111;
  display:block;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(14px,.92vw,21px);
  font-weight:900;
  line-height:1.45;
  margin:0;
  grid-column:2;
  max-width:min(1280px,65vw);
  position:relative;
  z-index:2;
}
.about-panel--bio .about-profile-copy-en{
  color:rgba(17,17,17,.42);
  display:grid;
  font-size:clamp(12px,.72vw,16px);
  font-weight:800;
  gap:4px;
  grid-column:2;
  line-height:1.25;
  margin-top:clamp(18px,1.6vw,34px);
  max-width:min(1320px,72vw);
  padding-top:0;
  transform:none;
  width:auto;
}
.about-panel--bio .about-profile-copy-en p{
  color:inherit;
  display:block;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  margin:0;
  max-width:none;
}
.about-fixed-bottom{bottom:0;left:0;pointer-events:none;position:absolute;right:0;z-index:5}
.about-fixed-panel{border-top:1px solid rgba(5,5,5,.34);bottom:0;display:grid;font-family:Manrope,Arial,sans-serif;font-size:clamp(12px,.78vw,15px);font-weight:700;grid-template-columns:minmax(130px,9vw) 0 minmax(220px,14vw) minmax(460px,30vw) minmax(200px,1fr) minmax(150px,10vw) minmax(230px,15vw);left:clamp(34px,5vw,82px);min-height:160px;opacity:0;overflow:hidden;perspective:900px;pointer-events:none;position:absolute;right:clamp(34px,5vw,82px);transition:opacity .08s linear}
.about-fixed-panel>*{align-content:center;border-left:1px solid rgba(5,5,5,.18);box-sizing:border-box;justify-items:center;min-width:0;overflow:hidden;padding:22px 20px;text-align:center}
.about-fixed-panel>*:first-child{border-left:0}
.section-about-kirk[data-about-panel-index="0"] .about-fixed-panel[data-fixed-panel="0"],.section-about-kirk[data-about-panel-index="1"] .about-fixed-panel[data-fixed-panel="1"],.section-about-kirk[data-about-panel-index="2"] .about-fixed-panel[data-fixed-panel="2"],.section-about-kirk[data-about-panel-index="3"] .about-fixed-panel[data-fixed-panel="3"],.section-about-kirk[data-about-panel-index="4"] .about-fixed-panel[data-fixed-panel="4"]{opacity:1}

/* XIAOGUO reference-locked first About panel */
.about-panel--bio.about-panel--device{
  align-items:stretch;
  display:block;
}
.about-panel--bio .about-device-shell{
  aspect-ratio:3837/1914;
  container-type:size;
  display:block;
  height:100vh;
  min-height:0;
  min-width:0;
  overflow:hidden;
  position:relative;
  width:100vw;
}
.about-panel--bio::before{display:none}
.about-panel--bio .about-device-shell::before{
  color:rgba(17,17,17,.035);
  content:"About";
  font-family:Manrope,Arial,sans-serif;
  font-size:10.95cqw;
  font-weight:900;
  left:29.7%;
  line-height:.78;
  pointer-events:none;
  position:absolute;
  top:23.75%;
  white-space:nowrap;
  z-index:0;
}
.about-panel--bio .about-device-top{
  align-items:center;
  display:grid;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(11px,.78vw,15px);
  font-weight:600;
  grid-template-columns:120px minmax(0,1fr) 120px;
  left:0;
  padding:clamp(20px,2.4vw,42px) clamp(34px,5vw,82px) 10px;
  position:absolute;
  right:0;
  top:clamp(62px,4.8vw,96px);
  z-index:4;
}
.about-panel--bio .about-device-brand{
  align-items:center;
  display:flex;
  font-size:clamp(18px,1.2vw,24px);
  font-weight:700;
  letter-spacing:0;
  position:relative;
  width:auto;
}
.about-panel--bio .about-device-brand img{
  display:block;
  height:auto;
  width:clamp(42px,2.8vw,58px);
}
.about-panel--bio .about-device-search{
  border-bottom:1px solid rgba(5,5,5,.26);
  color:rgba(5,5,5,.72);
  font-size:inherit;
  font-weight:inherit;
  justify-self:start;
  line-height:normal;
  padding:0 0 8px;
  position:static;
  width:min(560px,45vw);
}
.about-panel--bio .about-device-action{
  color:inherit;
  font-size:inherit;
  font-weight:inherit;
  justify-self:end;
  line-height:normal;
  position:static;
  white-space:nowrap;
}
.about-panel--bio .about-device-main--profile{
  display:block;
  inset:0;
  min-height:0;
  padding:0;
  position:absolute;
  z-index:2;
}
.about-panel--bio .about-device-nav{
  color:rgba(115,115,115,.9);
  display:grid;
  font-size:1.05cqw;
  font-weight:800;
  left:3.23%;
  line-height:.98;
  margin:0;
  position:absolute;
  top:calc(15.31% + clamp(72px,6vw,118px));
}
.about-panel--bio .about-device-hero--profile{
  display:block;
  inset:0;
  max-width:none;
  height:100%;
  padding:0;
  position:absolute;
  transform:none;
  width:100%;
}
.about-panel--bio .about-device-wordmark{
  height:auto;
  left:8.31%;
  position:absolute;
  top:42.79%;
  width:17.72%;
  z-index:2;
}
.about-panel--bio .about-device-hero--profile strong{
  color:#111;
  display:block;
  font-family:Manrope,Arial,sans-serif;
  font-size:2.28cqw;
  font-weight:900;
  left:28.9%;
  letter-spacing:0;
  line-height:.94;
  margin:0;
  position:absolute;
  top:37.04%;
  white-space:nowrap;
  z-index:3;
}
.about-panel--bio .about-device-hero--profile > p{
  color:#111;
  display:block;
  font-family:Manrope,Arial,sans-serif;
  font-size:.98cqw;
  font-weight:900;
  left:29%;
  line-height:1.18;
  margin:0;
  max-width:none;
  position:absolute;
  white-space:nowrap;
  z-index:3;
}
.about-panel--bio .about-device-hero--profile > p:nth-of-type(1){top:45.4%;width:63.23%}
.about-panel--bio .about-device-hero--profile > p:nth-of-type(2){top:49.16%;width:37.76%}
.about-panel--bio .about-device-hero--profile > p:nth-of-type(3){top:52.93%;width:64.68%}
.about-panel--bio .about-profile-copy-en{
  color:rgba(17,17,17,.42);
  display:grid;
  font-size:.64cqw;
  font-weight:800;
  gap:.28cqh;
  left:29%;
  line-height:1.28;
  margin:0;
  max-width:none;
  padding:0;
  position:absolute;
  top:60.4%;
  transform:none;
  width:64.58%;
  z-index:3;
}
.about-panel--bio .about-profile-copy-en p{
  color:inherit;
  display:block;
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit;
  margin:0;
  max-width:none;
}
.about-panel--bio .about-device-bottom{
  border-top:1px solid rgba(5,5,5,.34);
  bottom:0;
  display:none!important;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(12px,.78vw,15px);
  font-weight:700;
  grid-template-columns:minmax(130px,9vw) 0 minmax(220px,14vw) minmax(460px,30vw) minmax(200px,1fr) minmax(150px,10vw) minmax(230px,15vw);
  left:clamp(34px,5vw,82px);
  margin:0;
  min-height:160px;
  overflow:hidden;
  position:absolute;
  right:clamp(34px,5vw,82px);
  top:auto;
  z-index:5;
}
.about-panel--bio .about-device-bottom>*{
  align-content:center;
  border-left:1px solid rgba(5,5,5,.18);
  box-sizing:border-box;
  justify-items:center;
  min-width:0;
  overflow:hidden;
  padding:22px 20px;
  text-align:center;
}
.about-panel--bio .about-device-bottom>*:first-child{border-left:0}
.about-panel--bio .about-device-bottom .about-device-buy{
  border-left:0;
  color:transparent;
  display:block!important;
  font-size:0;
  line-height:0;
  padding:0;
  visibility:hidden;
}
.about-panel--bio .about-device-bottom .about-device-tab,
.about-panel--bio .about-device-bottom .about-device-price,
.about-panel--bio .about-device-bottom .about-device-profile h2,
.about-panel--bio .about-device-bottom .about-device-spec span,
.about-panel--bio .about-device-bottom .about-device-note strong,
.about-panel--bio .about-device-bottom .about-device-name{
  color:#111;
  font-size:clamp(24px,1.7vw,36px);
  margin:0;
  overflow-wrap:normal;
  white-space:nowrap;
  word-break:normal;
}
.about-panel--bio .about-device-bottom .about-device-tab,
.about-panel--bio .about-device-bottom .about-device-price,
.about-panel--bio .about-device-bottom .about-device-name{
  font-weight:600;
  line-height:.96;
}
.about-panel--bio .about-device-bottom .about-device-profile h2,
.about-panel--bio .about-device-bottom .about-device-spec span{
  font-weight:700;
  line-height:1.05;
}
.about-panel--bio .about-device-bottom .about-device-profile,
.about-panel--bio .about-device-bottom .about-device-spec,
.about-panel--bio .about-device-bottom .about-device-note{display:grid}
.about-panel--bio .about-device-bottom .about-device-spec strong{display:none}
.about-panel--bio .about-device-bottom .about-device-note{
  align-content:center;
  gap:8px;
  justify-items:center;
  text-align:center;
}
.about-panel--bio .about-device-bottom .about-device-note strong{
  display:block;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1;
  width:min(100%,132px);
}
.about-panel--bio .about-device-bottom .about-device-note span{
  color:#111;
  display:block;
  font-size:clamp(10px,.68vw,13px);
  font-weight:600;
  line-height:1.18;
  width:min(100%,132px);
}
.about-panel--bio .about-device-bottom .about-device-name{white-space:nowrap}
.about-fixed-panel>* > *{backface-visibility:hidden;transform-origin:50% 0;transform-style:preserve-3d}
.section-about-kirk.is-about-flipping[data-about-panel-index="0"] .about-fixed-panel[data-fixed-panel="0"]>* > *,.section-about-kirk.is-about-flipping[data-about-panel-index="1"] .about-fixed-panel[data-fixed-panel="1"]>* > *,.section-about-kirk.is-about-flipping[data-about-panel-index="2"] .about-fixed-panel[data-fixed-panel="2"]>* > *,.section-about-kirk.is-about-flipping[data-about-panel-index="3"] .about-fixed-panel[data-fixed-panel="3"]>* > *,.section-about-kirk.is-about-flipping[data-about-panel-index="4"] .about-fixed-panel[data-fixed-panel="4"]>* > *{animation:aboutFixedTextSettle .18s ease-out both}
.section-about-kirk.is-about-flipping[data-about-flip-direction="back"][data-about-panel-index="0"] .about-fixed-panel[data-fixed-panel="0"]>* > *,.section-about-kirk.is-about-flipping[data-about-flip-direction="back"][data-about-panel-index="1"] .about-fixed-panel[data-fixed-panel="1"]>* > *,.section-about-kirk.is-about-flipping[data-about-flip-direction="back"][data-about-panel-index="2"] .about-fixed-panel[data-fixed-panel="2"]>* > *,.section-about-kirk.is-about-flipping[data-about-flip-direction="back"][data-about-panel-index="3"] .about-fixed-panel[data-fixed-panel="3"]>* > *,.section-about-kirk.is-about-flipping[data-about-flip-direction="back"][data-about-panel-index="4"] .about-fixed-panel[data-fixed-panel="4"]>* > *{animation-name:aboutFixedTextSettle}
@keyframes aboutCalendarFlipIn{0%{opacity:0;transform:translateY(-18px) rotateX(72deg)}58%{opacity:1;transform:translateY(2px) rotateX(-8deg)}100%{opacity:1;transform:none}}
@keyframes aboutCalendarFlipInBack{0%{opacity:0;transform:translateY(18px) rotateX(-72deg)}58%{opacity:1;transform:translateY(-2px) rotateX(8deg)}100%{opacity:1;transform:none}}
@keyframes aboutFixedTextSettle{0%{opacity:.76;transform:translate3d(0,4px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
.about-fixed-footer{display:none}
.about-fixed-footer span:nth-child(2){justify-self:center}
.about-fixed-footer span:nth-child(3){justify-self:end}
.about-panel--intro{display:block;padding-left:0;padding-right:0}
.about-panel--intro .title-intro{padding:0;position:relative;top:auto;width:100vw}
.section-about-kirk .hg-1{font-size:clamp(88px,15.5vw,298px)}
.about-panel-intro{display:grid;gap:clamp(28px,5vw,92px);grid-template-columns:minmax(260px,38vw) minmax(0,1fr);margin:clamp(28px,5vw,86px) calc(30/var(--base-size)*var(--base-vw)) 0}
.about-3d-device{align-self:start;aspect-ratio:4/5;min-height:420px;perspective:1000px;position:relative;transform-style:preserve-3d;width:100%}
.about-3d-device::before{background:radial-gradient(ellipse at 50% 60%,rgba(20,231,255,.34),rgba(20,231,255,0) 58%);content:"";filter:blur(18px);inset:18% -8% -10%;opacity:.78;position:absolute;transform:translateZ(-120px) rotateX(70deg)}
.about-3d-device__grid{background:linear-gradient(rgba(20,231,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(20,231,255,.28) 1px,transparent 1px);background-size:34px 34px;border:1px solid rgba(20,231,255,.22);inset:12% 0 8%;opacity:.35;position:absolute;transform:rotateX(66deg) rotateZ(-18deg) translate3d(-4%,8%,0);transform-origin:center bottom}
.about-3d-device__screen{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(20,231,255,.06) 46%,rgba(0,0,0,.2));border:1px solid rgba(238,233,209,.28);box-shadow:0 0 34px rgba(20,231,255,.18),inset 0 0 34px rgba(20,231,255,.1);height:58%;left:14%;overflow:hidden;position:absolute;top:16%;transform:rotateY(-24deg) rotateX(8deg) rotateZ(-4deg);transform-style:preserve-3d;width:68%}
.about-3d-device__screen::before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 8px);content:"";inset:0;opacity:.46;position:absolute}
.about-3d-device__screen span{background:#14e7ff;box-shadow:0 0 18px rgba(20,231,255,.8);height:2px;left:14%;position:absolute;width:72%}
.about-3d-device__screen span:nth-child(1){top:24%;transform:translateZ(34px)}
.about-3d-device__screen span:nth-child(2){top:42%;transform:translateZ(54px);width:52%}
.about-3d-device__screen span:nth-child(3){top:60%;transform:translateZ(42px);width:66%}
.about-3d-device__screen span:nth-child(4){top:78%;transform:translateZ(62px);width:36%}
.about-3d-device__plane{border:1px solid rgba(238,233,209,.22);position:absolute;transform-style:preserve-3d}
.about-3d-device__plane--a{background:rgba(20,231,255,.08);height:28%;right:3%;top:6%;transform:rotateY(-38deg) rotateX(18deg) translateZ(60px);width:32%}
.about-3d-device__plane--b{background:rgba(255,255,255,.06);bottom:10%;height:24%;left:6%;transform:rotateY(28deg) rotateX(-12deg) translateZ(90px);width:34%}
.about-3d-device__beam{background:linear-gradient(90deg,rgba(20,231,255,0),rgba(20,231,255,.88),rgba(20,231,255,0));filter:blur(.3px);height:2px;left:2%;position:absolute;top:54%;transform:rotateZ(-16deg) translateZ(120px);width:96%}
.about-kirk-copy{align-self:end;color:var(--cream);display:grid;font-family:Manrope,Arial,sans-serif;gap:clamp(16px,1.8vw,28px);max-width:880px}
.about-kirk-kicker{color:rgba(238,233,209,.62);font-size:clamp(12px,.95vw,16px);font-weight:800;line-height:1;text-transform:uppercase}
.about-kirk-copy p{font-size:clamp(18px,2.15vw,40px);font-weight:800;line-height:1.16;margin:0}
.about-kirk-copy .about-kirk-lead{color:#fff;font-size:clamp(28px,4vw,76px);line-height:.98}
.about-kirk-section-label{color:#111;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(12px,.92vw,16px);font-weight:500;letter-spacing:0;line-height:1.12;text-transform:none}
.about-panel-copy{align-self:center;display:grid;gap:clamp(20px,2vw,34px);max-width:980px}
.about-panel-copy p{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,4.8vw,92px);font-weight:800;line-height:.98;margin:0}
.about-kirk-jobs{display:grid;gap:clamp(20px,2.4vw,42px)}
.about-kirk-jobs article{display:grid;gap:8px}
.about-kirk-jobs span{color:#14e7ff;font-family:Manrope,Arial,sans-serif;font-size:clamp(12px,.9vw,15px);font-weight:800;line-height:1}
.about-kirk-jobs h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.8vw,52px);font-weight:800;line-height:1;margin:0}
.about-kirk-jobs p{color:rgba(238,233,209,.72);font-family:Manrope,Arial,sans-serif;font-size:clamp(14px,1.25vw,22px);font-weight:700;line-height:1.35;margin:0;max-width:720px}
.about-kirk-tags{display:flex;flex-wrap:wrap;gap:10px}
.about-kirk-tags span,.about-kirk-resume{background:var(--cream);border-radius:999px;color:#050505;display:inline-flex;font-family:Manrope,Arial,sans-serif;font-size:clamp(12px,.95vw,15px);font-weight:800;line-height:1;padding:10px 14px;text-decoration:none;text-transform:uppercase}
.about-kirk-resume{background:#14e7ff;margin-top:18px;width:max-content}
.about-content-stack{align-self:center;display:grid;font-family:Manrope,Arial,sans-serif;gap:clamp(18px,1.8vw,32px);max-width:860px}
.about-detail-lead{color:#111;font-size:clamp(22px,2.6vw,50px);font-weight:800;letter-spacing:0;line-height:1.02;margin:0;max-width:760px}
.about-detail-list{display:grid;gap:clamp(18px,1.55vw,30px);list-style:none;margin:0;max-width:980px;padding:0}
.about-detail-list li{color:#111;font-family:Manrope,Arial,sans-serif;font-size:clamp(15px,1.05vw,20px);font-weight:700;letter-spacing:0;line-height:1.48;margin:0;max-width:900px;position:relative}
.about-detail-list li::before{color:#111;content:"";display:inline-block;margin-right:0}
.about-detail-list--compact{gap:clamp(16px,1.35vw,26px)}
.about-detail-list--compact li{font-size:clamp(14px,.95vw,18px);line-height:1.46}
.about-skill-grid{display:flex;flex-wrap:wrap;gap:clamp(10px,1vw,16px);max-width:1060px}
.about-skill-grid span{border:1px solid rgba(17,17,17,.28);border-radius:999px;color:#111;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(20px,1.7vw,32px);font-weight:500;line-height:1;padding:clamp(12px,1vw,18px) clamp(14px,1.25vw,24px);text-transform:uppercase}
.about-skill-grid--compact{gap:8px;max-width:980px}
.about-skill-grid--compact span{font-size:clamp(12px,.95vw,17px);padding:9px 11px}
.about-job-heading{display:grid;gap:clamp(8px,.8vw,14px);max-width:1060px}
.about-job-heading span{color:#111;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-size:clamp(14px,1vw,18px);font-weight:500;line-height:1.15}
.about-job-heading h1,.about-job-heading h2{color:#111;font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5vw,96px);font-weight:800;line-height:.96;margin:0}
.about-contact-lines{display:grid;gap:clamp(10px,1vw,18px);font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3.2vw,64px);font-weight:800;line-height:1.08}
.about-contact-lines--small{font-size:clamp(18px,1.45vw,28px);gap:8px}
.about-panel--closing .about-kirk-tags{max-width:920px}
.about-kirk-tags span{background:transparent;border:1px solid rgba(17,17,17,.28);border-radius:999px;color:#111;font-family:LoaderSaans,Manrope,Arial,sans-serif;font-weight:500}
.about-visual-card{align-self:end;aspect-ratio:1/1;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.92),rgba(255,255,255,0) 58%);border:1px solid rgba(17,17,17,.08);border-radius:50%;grid-column:3;justify-self:end;margin-bottom:clamp(-60px,-3.2vw,-24px);min-height:0;overflow:hidden;position:relative;transform:none;width:min(31vw,520px)}
.about-visual-card::before{border:1px solid rgba(17,17,17,.34);border-radius:50%;content:"";inset:8%;position:absolute}
.about-visual-card::after{color:#111;content:"visual designer · brand system · AIGC workflow · operation design · ";font-family:Manrope,Arial,sans-serif;font-size:clamp(16px,1.2vw,24px);font-weight:500;left:50%;letter-spacing:0;line-height:1;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) rotate(-20deg);width:140%}
.about-visual-card img{display:none}
.about-visual-card--float,.about-visual-card--small{transform:none}
.about-panel--detail .about-visual-card{display:none}
.section-row-gallery{background:var(--olive);overflow:hidden;position:relative;width:100%}
.section-row-gallery>.t-cr{color:var(--cream);display:flex;flex-wrap:wrap;padding-bottom:calc(120/var(--base-size)*var(--base-vw));padding-top:calc(41/var(--base-size)*var(--base-vw))}
.section-row-gallery>.t-cr>.t-box{width:100%}
.container-media{align-items:center;display:flex;gap:calc(50/var(--base-size)*var(--base-vw));justify-content:center;width:100%}
.item-media{background:var(--dark);height:calc(228/var(--base-size)*var(--base-vw));overflow:hidden;width:calc(228/var(--base-size)*var(--base-vw))}
.item-media img{height:100%;object-fit:cover;width:100%}
.section-stacked-text{background:var(--olive);color:var(--cream);overflow:hidden;width:100%}
.section-stacked-text .t-cr>.t-box{width:100%}
.text-container-wrapper{position:relative}
.text-container{font-family:MG,Impact,sans-serif;font-size:calc(250/var(--base-size)*var(--base-vw));font-weight:700;letter-spacing:.01em;line-height:calc(223/var(--base-size)*var(--base-vw));list-style:none;text-align:center;text-transform:uppercase}
.dynamic-bg{height:calc(223/var(--base-size)*var(--base-vw));left:0;position:absolute;top:0;width:100%}
.dynamic-bg-inner{background:#6c7d14;height:100%;width:100%}
.text-item-wrapper{background:var(--olive);position:relative}
.text-item{opacity:.2;transition:opacity .6s var(--ease),transform .65s var(--ease)}
.text-item-wrapper:hover .text-item{opacity:1;transform:translateX(2vw)}
.section-award{background:var(--dark);color:var(--cream);min-height:100vh;overflow:hidden;position:relative;width:100%;z-index:2}
.section-award>.t-cr{box-sizing:content-box;display:grid;height:100vh;padding-bottom:calc(150/var(--base-size)*var(--base-vw));padding-top:calc(150/var(--base-size)*var(--base-vw))}
.section-award>.t-cr>.t-box{padding:0 calc(30/var(--base-size)*var(--base-vw));width:100%}
.section-award .t-box-a{align-items:center;display:flex;grid-area:1/1;height:100%;justify-content:space-between;position:relative}
.section-award .t-box-a>*{flex-basis:33%}
.section-award .section-heading{font-family:Manrope,Arial,sans-serif;font-size:calc(24/var(--base-size)*var(--base-vw));font-weight:800;line-height:calc(33/var(--base-size)*var(--base-vw));margin:0;position:relative;text-align:left;text-transform:uppercase;z-index:1}
.award-stage{display:contents}
.heading-container{display:grid;font-family:MG,Impact,sans-serif;font-size:calc(140/var(--base-size)*var(--base-vw));font-weight:800;height:100%;left:0;line-height:calc(120/var(--base-size)*var(--base-vw));list-style:none;position:absolute;text-align:center;top:0;width:100%}
.heading-item{align-items:center;align-self:center;display:flex;grid-area:1/1;height:100%;justify-self:center;opacity:0;pointer-events:none;position:relative;width:100%;z-index:2}
.heading-item.is-active{opacity:1}
.heading-item-text{margin:auto;text-transform:uppercase;width:calc(600/var(--base-size)*var(--base-vw))}
.award-stage>div{display:grid;flex-basis:33%;margin-left:auto;position:relative;z-index:3}
.award-media{height:calc(243.49/var(--base-size)*var(--base-vw));overflow:hidden;position:relative;width:calc(352.92/var(--base-size)*var(--base-vw))}
.award-media img{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;transform:scale(1.06);transition:opacity .55s ease,transform .8s var(--ease);width:100%}
.award-media img.is-active{opacity:1;transform:scale(1)}
.award-copy{font-family:Manrope,Arial,sans-serif;font-size:calc(14/var(--base-size)*var(--base-vw));font-weight:700;line-height:calc(18/var(--base-size)*var(--base-vw));margin-top:calc(24/var(--base-size)*var(--base-vw));min-height:calc(110/var(--base-size)*var(--base-vw));text-transform:uppercase;width:calc(348/var(--base-size)*var(--base-vw))}
.award-copy .body-item{display:none}
.award-copy .body-item.is-active{display:block}
.award-numbers{display:flex;gap:calc(9/var(--base-size)*var(--base-vw));margin-top:calc(18/var(--base-size)*var(--base-vw))}
.award-numbers button{background:currentColor;border-radius:50%;cursor:pointer;height:calc(8/var(--base-size)*var(--base-vw));opacity:.34;width:calc(8/var(--base-size)*var(--base-vw))}
.award-numbers button.is-active{opacity:1}

.reveal{opacity:0;transform:translateY(56px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.works-enter-item{opacity:0;transform:var(--works-enter-base-transform,translateY(0)) translateY(32px) scale(.985);transition:opacity .82s ease,transform .98s var(--ease)}
html.from-page-transition body[data-page=works] .works-enter-item{opacity:0;transform:var(--works-enter-base-transform,translateY(0)) translateY(40px) scale(.985)}
body.works-entrance-complete .works-enter-item{opacity:1;transform:var(--works-enter-base-transform,translateY(0)) translateY(0) scale(1)}
body[data-page=works] .card-slider.works-enter-item{opacity:1;transform:none;transition:none}
html.from-page-transition body[data-page=works] .card-slider.works-enter-item{opacity:1;transform:none}
html.from-page-transition body[data-page=works] .list-curated-work .t-card:not(.is-active){opacity:0;transform:translateY(34px) scale(.985);transition:opacity .78s ease,transform .95s var(--ease)}
body.works-entrance-complete .list-curated-work .t-card:not(.is-active){opacity:1;transform:translateY(0) scale(1);transition:opacity .78s ease .1s,transform .95s var(--ease) .1s}
body[data-page=works] .list-curated-work .title-slider-container-wrapper.works-enter-item{--works-enter-base-transform:translateY(calc(-100% - 199.05396/var(--base-size)*var(--base-vw)))}
body.works-entrance-complete .list-curated-work .line-ornament-container-wrapper-inner.works-enter-item{transition-delay:.08s}
body.works-entrance-complete .list-curated-work .card-slider.works-enter-item{transition-delay:.12s}
body.works-entrance-complete .list-curated-work .title-slider-container-wrapper.works-enter-item{transition-delay:.16s}
body.works-entrance-complete .list-curated-work .play-state.works-enter-item{transition-delay:.2s}
body.works-entrance-complete .list-curated-work .t-slide-controls.works-enter-item{transition-delay:.22s}
.break-enter-item{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .82s ease,transform .96s var(--ease)}
body.break-entrance-complete .break-enter-item{opacity:1;transform:translateY(0) scale(1)}
body[data-page=break]:not(.break-entrance-complete) .list-all-break .line-ornament-container-wrapper-inner,
.list-all-break .line-ornament-container-wrapper-inner.break-enter-item{opacity:1;transform:translateY(0) scale(1)}
body[data-page=break]:not(.break-entrance-complete) .list-all-break .card-slider,
.list-all-break .card-slider.break-enter-item{opacity:0;transform:translateY(136px) scale(.982)}
body[data-page=break]:not(.break-entrance-complete) .list-all-break .t-hg-wrapper,
.list-all-break .t-hg-wrapper.break-enter-item{opacity:0;transform:translateX(-22vw)}
body[data-page=break]:not(.break-entrance-complete) .list-all-break .t-slide-controls,
.list-all-break .t-slide-controls.break-enter-item{opacity:0;transform:translateX(4.5vw)}
body[data-page=break]:not(.break-entrance-complete) .list-all-break .title-slider-container-wrapper,
.list-all-break .title-slider-container-wrapper.break-enter-item{opacity:0;transform:translateY(26px) translate(calc(50% + 521/var(--base-size)*var(--base-vw))) scale(.985)}
body.break-entrance-complete .list-all-break .line-ornament-container-wrapper-inner{opacity:1;transform:translateY(0) scale(1);transition:opacity .42s ease .02s,transform .96s var(--ease) .02s}
body.break-entrance-complete .list-all-break .card-slider{opacity:1;transform:translateY(0) scale(1);transition:opacity .82s ease .05s,transform .96s var(--ease) .05s}
body.break-entrance-complete .list-all-break .t-hg-wrapper{opacity:1;transform:translateX(0);transition:opacity .72s ease .08s,transform 1.08s var(--ease) .08s}
body.break-entrance-complete .list-all-break .t-slide-controls{opacity:1;transform:translateX(0);transition:opacity .72s ease .16s,transform .92s var(--ease) .16s}
body.break-entrance-complete .list-all-break .title-slider-container-wrapper{opacity:1;transform:translateY(0) translate(calc(50% + 521/var(--base-size)*var(--base-vw))) scale(1);transition:opacity .72s ease .28s,transform .92s var(--ease) .28s}
body.break-entrance-complete .list-all-break.is-frame-expanded .line-ornament-container-wrapper-inner.break-enter-item{transform:scale(var(--break-frame-pulse-scale))}
.fallback-asset{background:linear-gradient(135deg,#d9d1b8,#9c4d36 42%,#1b1b1b);position:relative}
.fallback-asset::after{content:"JASMINE GUNARTO";position:absolute;left:16px;bottom:14px;color:rgba(238,233,209,.86);font-size:12px;line-height:1;letter-spacing:.04em}

@keyframes pulse{50%{opacity:.24;transform:scale(.75)}}
@keyframes homeTitleGradient{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes heroOrbitSpin{from{rotate:0deg}to{rotate:360deg}}
@keyframes kirkRoll{
  0%{transform:rotateY(0deg)}
  100%{transform:rotateY(360deg)}
}
@keyframes kirkScanSweep{
  0%{
    clip-path:polygon(-24% -20%,0 -20%,62% 120%,38% 120%);
    -webkit-clip-path:polygon(-24% -20%,0 -20%,62% 120%,38% 120%);
  }
  100%{
    clip-path:polygon(76% -20%,100% -20%,162% 120%,138% 120%);
    -webkit-clip-path:polygon(76% -20%,100% -20%,162% 120%,138% 120%);
  }
}
@keyframes heroWaveDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-960px,0,0)}
}
@keyframes bounceDown{50%{transform:translateY(8px)}}
@keyframes footerMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes marqueeBreak{from{transform:translateX(0)}to{transform:translateX(-50%)}}

body[data-page=works]{
  --brand-bg:#050505;
  --brand-fg:#f6f3e8;
  --brand-muted:rgba(246,243,232,.58);
  --brand-soft:rgba(246,243,232,.16);
  --brand-line:rgba(246,243,232,.24);
  background:var(--brand-bg);
  color:var(--brand-fg);
}
body[data-page=works] .main-header{color:var(--brand-fg);mix-blend-mode:normal}
body[data-page=break] .main-header{color:#f6f3ea;mix-blend-mode:normal}
body[data-page=poster] .main-header{color:#f6f3ea;mix-blend-mode:normal}
body[data-page=poster]:not(.staggered-menu-open) .site-menu-toggle{color:#f6f3ea}
body[data-page=break]:not(.staggered-menu-open) .site-menu-toggle{color:#f6f3ea}
body[data-page=works].has-staggered-menu .main-header nav{display:none}
body[data-page=works] .site-menu-toggle{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;padding:0!important;position:absolute;width:1px;white-space:nowrap}
body[data-page=works] .main-header .location,
body[data-page=works] .main-header .time,
body[data-page=works] .main-header .coords{display:none}
body[data-page=works] .main-header-inner{justify-content:flex-end;margin:18px 26px 0}
body[data-page=works] .main-header nav{font-size:11px;gap:6px;text-transform:none}
body[data-page=works] .nav-item__outer{padding:7px 8px}
body[data-page=works] .section-curated-works{
  background:var(--brand-bg);
  color:var(--brand-fg);
  isolation:isolate;
  min-height:100svh;
}
body[data-page=works] .section-curated-works::before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:25vw 100%,100% 33.333%;
  content:"";
  inset:0;
  opacity:.45;
  pointer-events:none;
  position:absolute;
  z-index:0;
}
.works-studio-topbar{
  align-items:flex-start;
  display:grid;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(11px,.9vw,14px);
  font-weight:800;
  grid-template-columns:1fr auto 1fr;
  left:0;
  line-height:1;
  padding:18px 26px;
  pointer-events:none;
  position:fixed;
  right:0;
  text-transform:none;
  top:0;
  z-index:74;
}
.works-studio-topbar a{
  color:var(--brand-fg);
  pointer-events:all;
  width:max-content;
}
.works-studio-topbar a:nth-child(2){justify-self:center}
.works-studio-topbar a:nth-child(3){justify-self:end;margin-right:210px}
.works-studio-topbar span{color:var(--brand-muted);margin-left:.25em}
.works-studio-meta{
  color:var(--brand-muted);
  display:grid;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(10px,.76vw,12px);
  font-weight:700;
  gap:4px;
  line-height:1.12;
  max-width:260px;
  pointer-events:none;
  position:fixed;
  text-transform:none;
  z-index:5;
}
.works-studio-meta--left{bottom:23px;left:26px}
.works-studio-meta--right{bottom:54px;right:26px;text-align:right}
.works-studio-wordmark{
  color:var(--brand-fg);
  display:grid;
  font-family:MG,Impact,sans-serif;
  font-size:clamp(74px,12vw,184px);
  font-weight:900;
  inset:9.5vh 0 auto;
  letter-spacing:0;
  line-height:.72;
  pointer-events:none;
  position:fixed;
  text-align:center;
  text-transform:uppercase;
  z-index:1;
}
.works-studio-wordmark span{display:block;white-space:nowrap}
.works-studio-wordmark span:nth-child(1){transform:translateX(-12.5vw)}
.works-studio-wordmark span:nth-child(2){transform:translateX(8.4vw)}
.works-studio-wordmark span:nth-child(3){transform:translateX(-3vw)}
.works-studio-wordmark span:nth-child(4){transform:translateX(16vw)}
.works-studio-wordmark span:nth-child(5){font-size:.7em;transform:translateX(-7vw)}
body[data-page=works] .list-curated-work{
  background:transparent;
  color:var(--brand-fg);
  height:100svh;
  min-height:640px;
  overflow:hidden;
  z-index:2;
}
body[data-page=works] .list-curated-work .line-ornament-container-wrapper{
  opacity:.36;
  z-index:1;
}
body[data-page=works] .list-curated-work .line-ornament-container-wrapper-inner{
  height:min(34vw,440px);
  width:min(58vw,760px);
}
body[data-page=works] .corner-ornament-wrapper::before{border-color:var(--brand-line)}
body[data-page=works] .line-ornament-container .t-line>*{
  background:rgba(246,243,232,.18);
}
body[data-page=works] .line-ornament-container .t-line:nth-child(1)>*,
body[data-page=works] .line-ornament-container .t-line:nth-child(3)>*{
  background:repeating-linear-gradient(90deg,rgba(246,243,232,.2) 0,rgba(246,243,232,.2) 18px,transparent 18px,transparent 31px);
}
body[data-page=works] .line-ornament-container .t-line:nth-child(2)>*,
body[data-page=works] .line-ornament-container .t-line:nth-child(4)>*{
  background:repeating-linear-gradient(180deg,rgba(246,243,232,.2) 0,rgba(246,243,232,.2) 18px,transparent 18px,transparent 31px);
}
body[data-page=works] .list-curated-work .card-slider{
  height:100svh;
  min-height:640px;
  place-content:center;
  z-index:3;
}
body[data-page=works] .list-curated-work .card-container-wrapper{
  overflow:visible;
  padding-top:6.5vh;
  width:100%;
}
body[data-page=works] .list-curated-work .card-container{align-items:center}
body[data-page=works] .list-curated-work .t-card{
  background:#111;
  border:1px solid rgba(246,243,232,.2);
  box-shadow:0 28px 70px rgba(0,0,0,.42);
  flex:0 0 clamp(300px,35vw,560px);
  height:clamp(210px,22vw,338px);
  margin:0 clamp(12px,1.6vw,24px);
  opacity:.68;
  overflow:hidden;
  transform:scale(.92);
  transition:border-color .35s ease,box-shadow .45s ease,opacity .45s ease,transform .78s var(--ease);
}
body[data-page=works] .list-curated-work .t-card.is-active,
body[data-page=works] .list-curated-work .t-card.is--active{
  border-color:rgba(246,243,232,.78);
  box-shadow:0 34px 90px rgba(0,0,0,.62);
  opacity:1;
  transform:scale(1);
}
body[data-page=works] .card-container .t-card-featured-image,
body[data-page=works] .card-container .t-card-hover-media{
  filter:grayscale(1) contrast(1.06);
  height:100%;
  object-fit:cover;
  transition:filter .45s ease,transform .7s var(--ease);
  width:100%;
}
body[data-page=works] .list-curated-work .t-card.is-active .t-card-featured-image,
body[data-page=works] .list-curated-work .t-card.is--active .t-card-featured-image,
body[data-page=works] .list-curated-work .t-card:hover .t-card-featured-image,
body[data-page=works] .list-curated-work .t-card:hover .t-card-hover-media{
  filter:grayscale(0) contrast(1.02);
}
body[data-page=works] .list-curated-work .t-card:hover img,
body[data-page=works] .list-curated-work .t-card:hover video{transform:scale(1.035)}
body[data-page=works] .list-curated-work .title-slider{
  height:100svh;
  min-height:640px;
  z-index:5;
}
body[data-page=works] .list-curated-work .title-slider-container-wrapper{
  align-self:end;
  color:var(--brand-fg);
  font-size:clamp(20px,3.2vw,54px);
  height:clamp(28px,3.5vw,60px);
  justify-self:start;
  margin:0 0 92px 26px;
  overflow:hidden;
  pointer-events:all;
  transform:none;
  width:min(72vw,920px);
}
body[data-page=works] .list-curated-work .title-slider-container{
  height:clamp(28px,3.5vw,60px);
}
body[data-page=works] .list-curated-work .title-slider-item{
  flex:0 0 clamp(28px,3.5vw,60px);
  opacity:1;
  text-align:left;
  text-transform:none;
}
body[data-page=works] .title-slider-inner{
  font-family:MG,Impact,sans-serif;
  font-weight:900;
  line-height:.86;
  text-transform:uppercase;
}
body[data-page=works] .play-state{
  display:none;
}
body[data-page=works] .play-state-duration{display:none}
body[data-page=works] .play-state-label{
  align-items:flex-start;
  flex-direction:column;
  gap:8px;
  line-height:1.08;
  text-transform:none;
}
body[data-page=works] .play-state-label-dot{
  animation:blink 1.1s linear infinite;
  background:var(--brand-fg);
  height:6px;
  width:6px;
}
body[data-page=works] .t-slide-controls{
  color:var(--brand-fg);
  height:100svh;
  min-height:640px;
  z-index:8;
}
body[data-page=works] .t-slide-navigation-container{
  align-self:end;
  display:flex;
  font-size:clamp(11px,.9vw,14px);
  font-weight:800;
  justify-content:flex-end;
  gap:22px;
  line-height:1;
  padding:0 26px 26px;
  text-transform:none;
  transform:none;
}
body[data-page=works] .t-slide-navigation.prev::before{content:"("}
body[data-page=works] .t-slide-navigation.prev::after{content:")"}
body[data-page=works] .t-slide-navigation.next::before{content:"("}
body[data-page=works] .t-slide-navigation.next::after{content:")"}
body[data-page=works] .t-slide-navigation{
  color:var(--brand-muted);
  cursor:pointer;
  min-width:44px;
  text-align:right;
}
body[data-page=works] .t-slide-navigation:hover{color:var(--brand-fg);opacity:1}
body[data-page=works] .t-slide-navigation-number-wrapper{
  align-self:start;
  color:var(--brand-fg);
  font-size:clamp(12px,1vw,15px);
  height:28px;
  justify-self:start;
  margin:58px 0 0 26px;
  overflow:hidden;
  transform:none;
  width:210px;
}
body[data-page=works] .t-slide-navigation-number-container{
  align-items:center;
  gap:0;
}
body[data-page=works] .t-slide-navigation-number{
  color:var(--brand-muted);
  flex:0 0 42px;
  opacity:1;
  transform:none;
}
body[data-page=works] .t-slide-navigation-number-inner::before{content:"("}
body[data-page=works] .t-slide-navigation-number-inner::after{content:")"}
body[data-page=works] .t-slide-navigation-number.is-active{
  color:var(--brand-fg);
  transform:none;
}
body[data-page=works] .t-slide-number-container{
  align-self:end;
  color:var(--brand-muted);
  font-size:clamp(11px,.9vw,14px);
  height:16px;
  justify-self:center;
  margin-bottom:26px;
  transform:none;
}
body[data-page=works] .t-slide-number-current,
body[data-page=works] .t-slide-number-current-track div{
  height:16px;
}
body[data-page=works] .t-slide-number-total{height:16px}
body[data-page=works] .works-enter-item{
  transform:translateY(26px);
}
body[data-page=works] .title-slider-container-wrapper.works-enter-item{
  --works-enter-base-transform:translateY(0);
}
body.works-entrance-complete[data-page=works] .works-enter-item{
  transform:translateY(0);
}
body.works-entrance-complete[data-page=works] .list-curated-work .title-slider-container-wrapper.works-enter-item{
  transform:translateY(0);
}

@media(max-width:768px){
  body[data-page=works] .main-header-inner{margin:14px 14px 0}
  body[data-page=works] .main-header nav{font-size:10px;gap:2px}
  body[data-page=works] .nav-item__outer{padding:5px 4px}
  .works-studio-topbar{
    font-size:10px;
    grid-template-columns:1fr auto 1fr;
    padding:14px 16px;
  }
  .works-studio-topbar a:nth-child(2){justify-self:center;grid-column:auto;grid-row:auto;margin-top:0}
  .works-studio-topbar a:nth-child(3){justify-self:end;margin-right:0}
  .works-studio-meta{
    bottom:16px;
    font-size:9px;
    max-width:150px;
  }
  .works-studio-meta--left{left:16px}
  .works-studio-meta--right{display:none}
  .works-studio-wordmark{
    font-size:clamp(52px,19vw,112px);
    inset:13vh 0 auto;
    line-height:.76;
  }
  .works-studio-wordmark span:nth-child(1){transform:translateX(-8vw)}
  .works-studio-wordmark span:nth-child(2){transform:translateX(4vw)}
  .works-studio-wordmark span:nth-child(3){transform:translateX(-12vw)}
  .works-studio-wordmark span:nth-child(4){transform:translateX(10vw)}
  .works-studio-wordmark span:nth-child(5){font-size:.62em;transform:translateX(-5vw)}
  body[data-page=works] .list-curated-work,
  body[data-page=works] .list-curated-work .card-slider,
  body[data-page=works] .list-curated-work .title-slider,
  body[data-page=works] .t-slide-controls{min-height:600px}
  body[data-page=works] .list-curated-work .line-ornament-container-wrapper-inner{
    height:64vw;
    width:88vw;
  }
  body[data-page=works] .list-curated-work .card-container-wrapper{padding-top:4vh}
  body[data-page=works] .list-curated-work .t-card{
    flex-basis:min(78vw,360px);
    height:min(48vw,236px);
    margin:0 10px;
  }
  body[data-page=works] .play-state{
    display:none;
  }
  body[data-page=works] .list-curated-work .title-slider-container-wrapper{
    font-size:clamp(28px,9vw,48px);
    height:clamp(30px,9.5vw,52px);
    margin:0 16px 70px;
    width:calc(100vw - 32px);
  }
  body[data-page=works] .list-curated-work .title-slider-container{
    height:clamp(30px,9.5vw,52px);
  }
  body[data-page=works] .list-curated-work .title-slider-item{
    flex-basis:clamp(30px,9.5vw,52px);
  }
  body[data-page=works] .t-slide-navigation-number-wrapper{
    font-size:11px;
    margin:74px 0 0 16px;
    width:146px;
  }
  body[data-page=works] .t-slide-navigation-number{flex-basis:30px}
  body[data-page=works] .t-slide-navigation-container{
    font-size:12px;
    gap:16px;
    padding:0 16px 18px;
  }
  body[data-page=works] .t-slide-number-container{
    display:none;
  }
}
@keyframes rowGallery{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:601px){
  .main-header-inner{justify-content:space-between;margin:calc(15/var(--base-size)*var(--base-vw)) calc(15/var(--base-size)*var(--base-vw)) 0 calc(20/var(--base-size)*var(--base-vw))}
  .main-header .time,.main-header .coords{display:none}
  .main-header .location{margin-right:calc(6/var(--base-size)*var(--base-vw))}
  .main-header nav{gap:calc(5/var(--base-size)*var(--base-vw));flex-shrink:0}
  .nav-item__outer{padding:calc(4/var(--base-size)*var(--base-vw))}
  .section-hero-banner{--hero-collapse-scroll:70vh;min-height:calc(100dvh + var(--hero-collapse-scroll))}
  .section-hero-banner .spacer{display:none}
  .section-hero-banner .hg-1{font-size:calc(54/var(--base-size)*var(--base-vw));white-space:nowrap;line-height:84%}
  .title-intro{align-self:center;padding:0 12px}
  .hero-orbit-lockup{--orbit-size:142px;--orbit-offset-x:-18px;--orbit-offset-y:-22px}
  .hero-orbit-text{font-size:12px}
  .hero-kirk-mark{--mark-width:84px;--mark-offset-x:0px;--mark-offset-y:0px;--mark-rotate:0deg}
  .video-intro{display:none}
  .media-outer{height:auto;left:auto;max-width:390px;position:relative;top:auto;translate:none;width:100%;aspect-ratio:1.67}
  .media-wrapper{position:static;transform:none}
  .media-caption-container-wrapper{left:auto;margin-bottom:8px;position:relative;top:auto;transform:none;width:100%}
  .heading-2-container-wrapper{position:static;transform:none;margin-top:10px;width:100%}
  .heading-2-container{flex-direction:column;gap:5px;padding:0}
  .hg-2{line-height:80%}
  .media-caption-container{font-size:calc(8/var(--base-size)*var(--base-vw))}
  .hero-profile-screen{border-radius:6px;inset:17.8% 8.6% 17.8% 26.8%}
  .hero-profile-card{gap:10px;grid-template-columns:36px minmax(0,1fr);padding:16px 18px}
  .hero-profile-card__index{font-size:34px}
  .hero-profile-eyebrow{font-size:9px;margin-bottom:6px}
  .hero-profile-card h2{font-size:clamp(28px,8vw,40px);line-height:.9}
  .hero-profile-card p{font-size:11px;line-height:1.24;margin-top:8px}
  .hero-profile-timeline{gap:8px;padding-left:14px}
  .hero-profile-job::before{height:6px;left:-18px;width:6px}
  .hero-profile-job span{font-size:8px;margin-bottom:3px}
  .hero-profile-job h3{font-size:13px}
  .hero-profile-job p{font-size:8px;line-height:1.2;margin-top:3px}
  .hero-profile-tags{gap:5px;margin-top:9px}
  .hero-profile-tags span{font-size:7px;padding:5px 6px}
  .hero-return-about-content{border-radius:6px;gap:8px;padding:10px 12px}
  .hero-return-about-meta{font-size:7px;gap:6px;grid-template-columns:1fr auto}
  .hero-return-about-meta span:nth-child(3){display:none}
  .hero-return-about-main{align-content:center;display:grid;gap:8px;grid-template-columns:1fr}
  .hero-return-about-identity{gap:5px}
  .hero-return-about-identity span{font-size:10px}
  .hero-return-about-identity strong{font-size:clamp(32px,10vw,44px);line-height:.88}
  .hero-return-about-identity em{font-size:7px;line-height:1.1}
  .hero-return-about-copy{font-size:9px;gap:5px;line-height:1.18;max-width:none}
  .hero-return-about-copy p:nth-child(n+3){display:none}
  .hero-return-about-copy-en{font-size:6px;gap:3px;line-height:1.15;margin-top:2px}
  .hero-return-about-copy-en p:nth-child(n+2){display:none}
  .hero-about-preview{display:block;padding:18px}
  .hero-about-preview__title{font-size:clamp(38px,12vw,64px);line-height:.82}
  .hero-about-preview__media{aspect-ratio:4/3;margin:18px 0 12px;max-height:none;width:100%}
  .hero-about-preview__body{font-size:12px;gap:8px;line-height:1.25;max-width:none}
  .section-home-intro{margin-top:-100vh;min-height:100vh;overflow:visible}
  .profile-sticky{display:block;height:auto;min-height:0;padding:58vh 0 72px;position:relative}
  .profile-signal{font-size:72px;top:47vh}
  .profile-grid{display:block;padding:0 20px}
  .profile-kicker{font-size:10px;margin-bottom:16px}
  .profile-title{font-size:clamp(58px,18vw,82px);line-height:.78}
  .profile-title__line,.profile-title__line:nth-child(2){transform:none}
  .profile-readout{font-size:10px;margin-top:22px;max-width:none}
  .profile-right{height:auto;margin-top:32px;min-height:0;width:100%}
  .profile-device{margin:0 auto;width:min(100%,430px)}
  .profile-device__screen{inset:20.2% 13.7% 21.5% 32.3%}
  .profile-card{display:grid;grid-template-columns:24px minmax(0,1fr);margin-bottom:0;opacity:0;padding:12px;pointer-events:none;position:absolute;right:auto;top:auto;transform:translate3d(8%,0,0)}
  .profile-card.is-active{transform:none}
  .profile-card__index{font-size:22px}
  .profile-card h3{font-size:clamp(12px,3.6vw,16px)}
  .profile-card p{font-size:9px;line-height:1.32;margin-top:6px}
  .profile-timeline{gap:6px;padding-left:10px}
  .profile-job::before{height:5px;left:-13px;width:5px}
  .profile-job span{font-size:7px;margin-bottom:3px}
  .profile-job h3{font-size:9px}
  .profile-job p{font-size:7px;line-height:1.25;margin-top:3px}
  .profile-tags{gap:4px;margin-top:8px}
  .profile-tags span{font-size:7px;padding:4px 5px}
  .section-featured-works{padding:34px 0 64px}
  .section-featured-works .hg,.section-break .hg{font-size:calc(140/var(--base-size)*var(--base-vw));line-height:80%;white-space:normal}
  .i-line{width:calc(100% - 40px);margin:13px 20px 10px}
  .s-tag-label{margin-left:20px}
  .cr-tag{margin-right:20px;gap:6px}
  .works-wrapper,.breaks-wrapper{margin-top:34px;padding:0 20px}
  .list-work .t-card{width:100%!important}
  .list-work .t-card-media-wrapper{height:68vw!important;min-height:0}
  .t-card-intro{min-height:45px;transform:translateY(0);padding:0 9px 0 12px}
  .t-card-number{font-size:20px}
  .t-card-title,.t-card-term{font-size:8px}
  .t-card-tags{gap:4px}
  .bottom-cta{gap:38px;margin-top:54px}
  .btn-cta-inner{padding:25px 44px}
  .section-break{padding-top:42px}
  .list-break .t-card-title{min-height:72px;font-size:clamp(48px,17vw,76px);gap:10px}
  .list-break .t-card-title span:last-child,.list-break .t-card-link{font-size:clamp(28px,10vw,46px)}
  .list-break .t-card-number{min-width:40px}
  .break-preview{display:none}
  .home-process-panel{height:100svh;min-height:640px}
  .home-process-marker{font-size:18px;top:28px}
  .home-process-panel h3{font-size:clamp(30px,9.2vw,42px);left:20px;line-height:.98;top:104px}
  .home-process-feature-grid{grid-template-columns:1fr;height:118px;left:20px;right:20px;top:276px}
  .home-process-feature-grid::before{display:none}
  .home-process-feature{font-size:12px;padding:21px 18px}
  .home-process-feature+.home-process-feature{border-top:1px solid rgba(255,255,255,.16)}
  .home-process-feature span{height:7px;width:7px;flex-basis:7px}
  .home-process-panel p{font-size:clamp(19px,5.7vw,25px);left:20px;max-width:270px;top:424px}
  .home-process-generate{font-size:16px;height:56px;top:536px;min-width:150px}
  .home-process-media{bottom:-58px;gap:8px;max-width:calc(100vw - 36px)}
  .home-process-media--avatars{border-radius:18px;grid-template-columns:repeat(5,86px);overflow:hidden;padding:70px 18px 22px;width:calc(100vw - 36px)}
  .home-process-adjust-title{font-size:20px;left:22px;top:28px}
  .home-process-adjust-label{font-size:12px;left:22px;top:58px}
  .home-process-media--avatars span{border-radius:12px;height:96px;width:86px}
  .home-process-media--cards,.home-process-media--gallery,.home-process-media--export{bottom:auto;top:690px;padding:64px 18px 22px;width:calc(100vw - 36px)}
  .home-process-media--cards span{height:96px;width:calc((100% - 16px)/3)}
  .home-process-media--cards span:nth-child(n+4){display:none}
  .home-process-media--gallery span{height:96px;width:calc((100% - 16px)/3)}
  .home-process-media--export span{font-size:12px;height:96px;padding:0 10px}
  .home-process-step__number{font-size:clamp(72px,21vw,94px);right:18px;top:150px}
  .home-process-faq{display:block;padding:74px 20px 86px}
  .home-process-faq h2{font-size:clamp(42px,12vw,58px);margin-bottom:48px}
  .main-footer{padding:34px 6px 0}
  .footer-panel{border-radius:28px 28px 0 0;min-height:78vh;padding:24px 22px 0}
  .footer-top{display:block;min-height:0;top:18px}
  .footer-brand{width:96px}
  .footer-social-grid{gap:14px;justify-content:start;margin-top:44px;padding-top:0}
  .footer-social-icon{border-radius:12px;height:34px;width:34px}
  .footer-social-icon svg{height:100%;width:100%}
  .footer-qr-popover{
    border-radius:14px;
    padding:8px;
    width:min(178px,calc(100vw - 28px));
  }
  .footer-meta{bottom:288px;display:grid;font-size:12px;gap:12px;grid-template-columns:1fr;left:18px;right:18px;top:auto}
  .footer-meta p:last-child{justify-self:start;text-align:left}
  .footer-contact svg{height:14px;width:14px}
  .footer-dot-matrix{border-radius:0;bottom:24px;height:224px;left:18px;right:18px;top:auto}
  .transition-home .section-heading,.transition-about .section-heading{font-size:calc(140/var(--base-size)*var(--base-vw));line-height:80%;margin:0 auto;white-space:normal;width:80%}
  .transition-home .section-heading{font-size:calc(54/var(--base-size)*var(--base-vw));line-height:84%;width:100%}
  .transition-project .caption-container,.transition-break .caption-container{font-size:calc(10/var(--base-size)*var(--base-vw))}
  .transition-project .t-caption,.transition-break .t-caption{display:none}
  .transition-project .t-title-container{flex-wrap:wrap;text-align:center}
  .transition-project .t-title,.transition-break .t-title{font-size:calc(165/var(--base-size)*var(--base-vw));line-height:75%}
  .transition-project .t-title-1,.transition-project .t-title-2{padding-left:0;padding-right:0;width:100%}
  .transition-project .t-media,.transition-break .t-media{height:calc(214.58081/var(--base-size)*var(--base-vw));width:calc(360.18884/var(--base-size)*var(--base-vw))}
  .transition-break .t-title-container{flex-wrap:wrap;text-align:center}

  .list-curated-work,.list-all-break{height:100dvh;min-height:0;padding:0}
  .list-curated-work .play-state{bottom:calc(23/var(--base-size)*var(--base-vw));font-size:calc(10/var(--base-size)*var(--base-vw));left:0;padding:0 calc(20/var(--base-size)*var(--base-vw));top:auto}
  .list-curated-work .play-state-label-dot{height:calc(7.87207/var(--base-size)*var(--base-vw));width:calc(7.87207/var(--base-size)*var(--base-vw))}
  .list-curated-work .line-ornament-container-wrapper,.list-all-break .line-ornament-container-wrapper{height:100dvh;inset:auto;left:0;top:0;width:100%}
  .list-curated-work .line-ornament-container-wrapper-inner,.list-all-break .line-ornament-container-wrapper-inner{height:calc(249.76081/var(--base-size)*var(--base-vw));width:calc(390.72884/var(--base-size)*var(--base-vw))}
  .list-all-break .line-ornament-container::before,.list-all-break .line-ornament-container::after{background:linear-gradient(90deg,rgba(238,233,209,.86) 0 2px,transparent 2px 100%),repeating-linear-gradient(180deg,transparent 0 calc(14/var(--base-size)*var(--base-vw)),rgba(238,233,209,.78) calc(14/var(--base-size)*var(--base-vw)) calc(24/var(--base-size)*var(--base-vw)),transparent calc(24/var(--base-size)*var(--base-vw)) calc(38/var(--base-size)*var(--base-vw)));height:100dvh;width:calc(20/var(--base-size)*var(--base-vw))}
  .list-all-break .line-ornament-container::before{left:calc(-20/var(--base-size)*var(--base-vw));transform:translateY(-50%)}
  .list-all-break .line-ornament-container::after{right:calc(-20/var(--base-size)*var(--base-vw));transform:translateY(-50%) scaleX(-1)}
  .corner-ornament-wrapper{height:calc(18/var(--base-size)*var(--base-vw));width:calc(27.38817/var(--base-size)*var(--base-vw))}
  .list-curated-work .title-slider-container-wrapper{font-size:calc(16/var(--base-size)*var(--base-vw));height:calc(27/var(--base-size)*var(--base-vw));transform:translateY(calc(-100% - 199.05396/var(--base-size)*var(--base-vw)))}
  body[data-page=works] .list-curated-work .title-slider-container-wrapper.works-enter-item{--works-enter-base-transform:translateY(calc(-100% - 199.05396/var(--base-size)*var(--base-vw)))}
  .list-curated-work .title-slider-inner{font-size:inherit}
  .list-curated-work .t-card{flex:0 0 calc(360.18884/var(--base-size)*var(--base-vw));height:calc(214.58081/var(--base-size)*var(--base-vw));margin:0 calc(18/var(--base-size)*var(--base-vw))}
  .list-curated-work .t-card-hover-media,.list-curated-work .t-card-featured-image-wrapper{height:calc(214.58081/var(--base-size)*var(--base-vw));width:100%}
  .list-curated-work .t-slide-controls{height:100dvh;margin:0;position:fixed}
  .list-curated-work .t-slide-navigation-container{font-size:calc(12/var(--base-size)*var(--base-vw));padding:0 calc(20/var(--base-size)*var(--base-vw));transform:translateY(calc(-100% - 138.72396/var(--base-size)*var(--base-vw)))}
  .list-curated-work .t-slide-navigation-number-wrapper{font-size:calc(24/var(--base-size)*var(--base-vw))}
  .list-curated-work .t-slide-number-container{font-size:9px;height:9px;line-height:9px;overflow:visible}
  .list-curated-work .t-slide-number-current{height:9px;margin-right:calc(2.5/var(--base-size)*var(--base-vw))}
  .list-curated-work .t-slide-number-current-track div{height:9px}
  .list-curated-work .t-slide-number-total{height:9px}

  .list-all-break .t-hg-wrapper{padding:0 calc(20/var(--base-size)*var(--base-vw))}
  .list-all-break .t-hg{font-size:calc(140/var(--base-size)*var(--base-vw));line-height:80%;text-align:center;transform:translateY(calc(50% + 217.29041/var(--base-size)*var(--base-vw)));width:100%}
  .list-all-break .title-slider-container-wrapper{display:flex;font-size:calc(8/var(--base-size)*var(--base-vw));height:calc(61/var(--base-size)*var(--base-vw));justify-content:center;transform:translateY(calc(0% - 247.29041/var(--base-size)*var(--base-vw))) translate(0);width:100%}
  .list-all-break .title-slider-container-wrapper.break-enter-item{transform:translateY(calc(26px - 247.29041/var(--base-size)*var(--base-vw))) translate(0) scale(.985)}
  body.break-entrance-complete .list-all-break .title-slider-container-wrapper.break-enter-item{transform:translateY(calc(0% - 247.29041/var(--base-size)*var(--base-vw))) translate(0) scale(1)}
  .list-all-break .title-slider-container-wrapper::before{background:linear-gradient(0deg,var(--dark) 10%,transparent 30%,transparent 70%,var(--dark) 90%)}
  .list-all-break .title-slider-container{height:calc(61/var(--base-size)*var(--base-vw))}
  .list-all-break .title-slider-item{flex:0 0 calc(8/var(--base-size)*var(--base-vw));margin:calc(2/var(--base-size)*var(--base-vw)) 0;text-align:center}
  .list-all-break .title-slider-inner{font-size:inherit}
  .list-all-break .card-container{flex-direction:row;height:100dvh;width:100%}
  .list-all-break .t-card{flex:0 0 calc(360.18884/var(--base-size)*var(--base-vw));height:calc(214.58081/var(--base-size)*var(--base-vw));margin:0;width:calc(360.18884/var(--base-size)*var(--base-vw))}
  .list-all-break .t-card-hover-media,.list-all-break .t-card-featured-image-wrapper{height:calc(214.58081/var(--base-size)*var(--base-vw));width:100%}
  .list-all-break .t-slide-controls{height:100dvh;margin:0;position:fixed}
  .list-all-break .t-slide-navigation-container{display:flex;font-size:calc(12/var(--base-size)*var(--base-vw));padding:0 calc(20/var(--base-size)*var(--base-vw));transform:translateY(calc(-50% - 138.72396/var(--base-size)*var(--base-vw)))}
  .list-all-break .t-slide-navigation-number-wrapper{font-size:calc(24/var(--base-size)*var(--base-vw));transform:translate(0) translateY(calc(-50% - 324.29041/var(--base-size)*var(--base-vw)))}

  .section-about-banner .t-cr{padding-bottom:calc(55/var(--base-size)*var(--base-vw));padding-top:0}
  .section-about-banner .t-cr-wrapper::before{height:100vh}
  .section-about-banner .title-intro{--about-title-start-offset:calc((100vh - 224/var(--base-size)*var(--base-vw))*.42 - 74/var(--base-size)*var(--base-vw));top:calc(74/var(--base-size)*var(--base-vw))}
  .section-about-banner .hg-1{font-size:calc(140/var(--base-size)*var(--base-vw));line-height:80%;margin:0 auto;white-space:normal;width:80%}
  .section-about-banner .media-intro-wrapper{height:calc(523/var(--base-size)*var(--base-vw));top:calc(390/var(--base-size)*var(--base-vw))}
  .section-about-banner .media-intro{flex-direction:column;padding:0;width:100%}
  .about-media{height:calc(523/var(--base-size)*var(--base-vw));min-width:0;width:100%}
  .section-about-banner .media-caption-container-wrapper{position:static;transform:none}
  .section-about-banner .media-caption-container{align-items:center;color:var(--cream);flex-direction:column;font-size:calc(10/var(--base-size)*var(--base-vw));justify-content:center;line-height:calc(14/var(--base-size)*var(--base-vw))}
  .section-about-banner .media-wrapper{margin-top:calc(76/var(--base-size)*var(--base-vw));position:static}
  .media-social-container{gap:calc(12/var(--base-size)*var(--base-vw))}
  .media-social .btn-cta-inner{font-size:calc(8/var(--base-size)*var(--base-vw))}
  .section-about-banner .section-body{display:block;margin-top:calc(1228/var(--base-size)*var(--base-vw));padding:0 calc(20/var(--base-size)*var(--base-vw))}
  .body-caption-container{grid-template-columns:repeat(3,1fr)}
  .body-caption{font-size:calc(10/var(--base-size)*var(--base-vw));line-height:calc(11/var(--base-size)*var(--base-vw));margin-bottom:0;text-align:inherit!important}
  .body-caption-2,.body-caption-3{display:block}
  .t-body{font-size:calc(16/var(--base-size)*var(--base-vw));line-height:calc(20/var(--base-size)*var(--base-vw));margin:calc(72/var(--base-size)*var(--base-vw)) auto 0;width:calc(334.54/var(--base-size)*var(--base-vw))}
  body[data-page=about] .main-header{display:block}
  .about-topbar{font-size:10px;grid-template-columns:1fr auto;gap:10px;padding:16px 18px}
  .about-topbar>div:nth-child(2),.about-topbar>div:nth-child(4){display:none}
  .about-topbar>div:nth-child(3){gap:10px;grid-column:1/-1;grid-row:2;margin-top:4px;padding:7px 12px;width:max-content}
  .section-about-kirk{height:100vh}
  .about-horizontal-track{width:500vw}
  .about-panel{display:block;padding:104px 20px 280px}
  .about-panel--device{display:block;padding:0}
  .about-device-shell{border:0;border-radius:0;grid-template-rows:auto minmax(0,calc(100svh - 260px));height:100svh;min-height:100svh;width:100vw}
  .about-device-top,.about-panel-top{grid-template-columns:72px minmax(0,1fr) 54px;padding:16px 18px 8px}
  .about-scroll-progress{grid-template-columns:auto 58px;right:18px;top:58px}
  .about-scroll-progress__label{font-size:9px}
  .about-scroll-progress__track{width:58px}
  .about-device-brand{font-size:16px}
  .about-device-search{font-size:10px;width:100%}
  .about-device-action{font-size:10px}
  .about-device-main{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto auto;padding:22px 18px 18px}
  .about-device-nav{font-size:13px;grid-row:1/3}
  .about-device-arrows{font-size:16px;gap:14px}
  .about-device-count{font-size:20px;justify-self:end}
  .about-device-hero{grid-column:1/-1;margin-top:18px;max-width:none}
  .about-device-hero span{font-size:42px}
  .about-device-hero strong{font-size:28px}
  .about-device-hero em{font-size:76px}
  .about-device-hero small{font-size:32px}
  .about-profile-copy{font-size:12px;gap:8px;grid-column:1/-1;line-height:1.38;margin-top:16px;max-width:none;padding-top:0;transform:none;width:100%}
  .about-profile-copy-en{font-size:9px;gap:5px;grid-column:1/-1;line-height:1.28;margin-top:8px;max-width:none;padding-top:0;transform:none;width:100%}
  .about-device-orbit{position:absolute;right:14px;top:96px;width:140px}
  .about-device-bottom{grid-template-columns:1fr 1fr;min-height:0}
  .about-device-bottom>*{min-height:82px;padding:14px}
  .about-device-price{font-size:22px}
  .about-device-profile{grid-column:1/-1}
  .about-device-note{grid-column:1/-1}
  .about-device-name{font-size:24px;text-align:left}
  .about-device-footer{font-size:9px;gap:6px;grid-template-columns:1fr;padding:0 18px 16px}
  .about-device-footer span,.about-device-footer span:nth-child(2),.about-device-footer span:nth-child(3){justify-self:start}
  .about-fixed-panel{bottom:0;display:grid;font-size:10px;grid-template-columns:1fr 1fr;left:20px;min-height:0;right:20px;top:auto}
  .about-fixed-panel>*{min-height:56px;padding:10px}
  .about-device-tab{font-size:30px}
  .about-fixed-panel .about-device-profile,.about-fixed-panel .about-device-note{grid-column:1/-1}
  .about-fixed-footer{display:none}
  .about-fixed-footer span,.about-fixed-footer span:nth-child(2),.about-fixed-footer span:nth-child(3){justify-self:start}
  .about-panel--with-visual{display:block}
  .about-panel--intro .title-intro{width:100vw}
  .section-about-kirk .hg-1{font-size:clamp(64px,18vw,112px);line-height:.82;width:92%}
  .about-panel-intro{display:block;margin:30px 20px 0}
  .about-3d-device{aspect-ratio:4/3;margin-bottom:28px;min-height:260px;width:100%}
  .about-kirk-copy{gap:14px}
  .about-kirk-copy p{font-size:16px;line-height:1.35}
  .about-kirk-copy .about-kirk-lead{font-size:28px;line-height:1.04}
  .about-kirk-section-label{font-size:11px;margin-bottom:22px}
  .about-panel--detail .about-kirk-section-label{margin-left:0;margin-top:0}
  .about-company-feature{gap:10px;left:auto;margin:18px auto 24px;position:relative;transform:none;width:100%;white-space:normal}
  .about-company-feature span{font-size:clamp(42px,14vw,68px)}
  .about-content-stack--graphic-work{grid-column:auto}
  .about-panel-copy p{font-size:30px;line-height:1.04}
  .about-kirk-jobs{gap:24px}
  .about-kirk-jobs h2{font-size:22px}
  .about-kirk-jobs p{font-size:13px}
  .about-kirk-tags{gap:7px}
  .about-kirk-tags span,.about-kirk-resume{font-size:10px;padding:8px 10px}
  .about-content-stack{gap:18px;max-width:none}
  .about-detail-lead{font-size:28px;line-height:1.06}
  .about-detail-list{gap:18px}
  .about-detail-list li{font-size:14px;line-height:1.5}
  .about-detail-list--compact li{font-size:14px;line-height:1.48}
  .about-skill-grid{gap:8px}
  .about-skill-grid span{font-size:14px;padding:10px 12px}
  .about-skill-grid--compact span{font-size:11px;padding:8px 9px}
  .about-job-heading{gap:8px}
  .about-job-heading span{font-size:13px;line-height:1.25}
  .about-job-heading h2{font-size:34px;line-height:1}
  .about-contact-lines{font-size:26px;line-height:1.12}
  .about-contact-lines--small{font-size:18px}
  .about-visual-card{aspect-ratio:1/1;margin:26px 0 0 auto;min-height:0;transform:none;width:min(58vw,240px)}
  .about-visual-card--float,.about-visual-card--small{margin-bottom:0;transform:none}
  .section-row-gallery>.t-cr{padding-bottom:calc(60/var(--base-size)*var(--base-vw));padding-top:0}
  .container-media{gap:calc(20/var(--base-size)*var(--base-vw))}
  .item-media{height:calc(120/var(--base-size)*var(--base-vw));width:calc(120/var(--base-size)*var(--base-vw))}
  .section-stacked-text{padding:0}
  .text-container{font-size:calc(96/var(--base-size)*var(--base-vw));line-height:calc(130/var(--base-size)*var(--base-vw))}
  .dynamic-bg{height:calc(130/var(--base-size)*var(--base-vw))}
  .section-award{padding:0}
  .section-award>.t-cr{height:fit-content;padding-bottom:calc(91/var(--base-size)*var(--base-vw));padding-top:calc(62/var(--base-size)*var(--base-vw));width:100%}
  .section-award>.t-cr>.t-box{padding:0 calc(20/var(--base-size)*var(--base-vw))}
  .section-award .t-box-a{flex-wrap:wrap;height:fit-content;padding:0}
  .section-award .t-box-a>*{flex-basis:100%}
  .section-award .section-heading{font-size:calc(18/var(--base-size)*var(--base-vw));line-height:calc(22/var(--base-size)*var(--base-vw));width:100%}
  .heading-container{font-size:calc(96/var(--base-size)*var(--base-vw));height:calc(300/var(--base-size)*var(--base-vw));line-height:calc(82/var(--base-size)*var(--base-vw));margin-top:calc(36/var(--base-size)*var(--base-vw));position:relative}
  .heading-item{min-height:0}
  .heading-item-text{font-size:inherit;width:100%}
  .award-stage>div{display:block;margin:calc(35/var(--base-size)*var(--base-vw)) auto 0}
  .award-media{height:calc(214.58081/var(--base-size)*var(--base-vw));width:calc(360.18884/var(--base-size)*var(--base-vw))}
  .award-copy{font-size:calc(10/var(--base-size)*var(--base-vw));line-height:calc(13/var(--base-size)*var(--base-vw));margin-top:calc(18/var(--base-size)*var(--base-vw));min-height:calc(120/var(--base-size)*var(--base-vw));width:calc(360.18884/var(--base-size)*var(--base-vw))}
}
@media(max-width:400px){
  .main-header{font-size:8px}
  .main-header-inner{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-left:14px;margin-right:10px}
  .main-header .location{display:block;width:max-content;margin-left:10px;margin-right:0}
  .main-header nav{width:calc(100vw - 24px);flex-wrap:wrap;justify-content:flex-start;gap:3px 5px}
  .nav-item__outer{padding:2px 3px}
  body.has-staggered-menu .main-header-inner{align-items:center;flex-direction:row;gap:0;justify-content:space-between;margin:15px 14px 0 20px}
  body.has-staggered-menu .main-header .location{margin-left:10px;margin-right:auto}
  body.has-staggered-menu .site-menu-toggle{height:40px;margin-left:auto;min-width:112px;padding:0 22px}
}

@media(max-width:601px){
  body[data-page=works] .main-header{display:block;font-size:10px}
  body[data-page=works] .main-header-inner{
    align-items:center;
    flex-direction:row;
    justify-content:flex-end;
    margin:14px 14px 0;
  }
  body[data-page=works] .main-header .location,
  body[data-page=works] .main-header .time,
  body[data-page=works] .main-header .coords{display:none}
  body[data-page=works] .main-header nav{
    flex-wrap:wrap;
    font-size:10px;
    gap:2px;
    justify-content:flex-end;
    width:auto;
  }
  body[data-page=works] .nav-item__outer{padding:5px 4px}
  body[data-page=works] .list-curated-work,
  body[data-page=works] .list-curated-work .card-slider,
  body[data-page=works] .list-curated-work .title-slider,
  body[data-page=works] .list-curated-work .t-slide-controls{
    height:100svh;
    min-height:600px;
  }
  body[data-page=works] .list-curated-work .line-ornament-container-wrapper-inner{
    height:64vw;
    width:88vw;
  }
  body[data-page=works] .list-curated-work .card-container{
    flex-direction:row;
    height:auto;
    width:auto;
  }
  body[data-page=works] .list-curated-work .card-container-wrapper{
    height:auto;
    padding-top:4vh;
  }
  body[data-page=works] .list-curated-work .t-card{
    flex:0 0 min(78vw,360px);
    height:min(48vw,236px);
    margin:0 10px;
    width:auto;
  }
  body[data-page=works] .list-curated-work .title-slider-container-wrapper,
  body[data-page=works] .list-curated-work .title-slider-container-wrapper.works-enter-item{
    font-size:clamp(28px,9vw,48px);
    height:clamp(30px,9.5vw,52px);
    margin:0 16px 70px;
    transform:translateY(0);
    width:calc(100vw - 32px);
  }
  body[data-page=works] .list-curated-work .title-slider-container{
    height:clamp(30px,9.5vw,52px);
  }
  body[data-page=works] .list-curated-work .title-slider-item{
    flex:0 0 clamp(30px,9.5vw,52px);
  }
  body[data-page=works] .list-curated-work .t-slide-navigation-container{
    align-self:end;
    justify-self:end;
    font-size:12px;
    gap:16px;
    padding:0 16px 18px;
    transform:none;
    width:auto;
  }
  body[data-page=works] .list-curated-work .t-slide-navigation{
    min-width:auto;
    width:auto;
  }
  body[data-page=works] .list-curated-work .t-slide-navigation-container{display:none}
  body[data-page=works] .list-curated-work .t-slide-navigation-number-wrapper{
    font-size:11px;
    margin:74px 0 0 16px;
    transform:none;
    width:146px;
  }
  body[data-page=works] .list-curated-work .t-slide-navigation-number{flex:0 0 30px}
  body[data-page=works] .list-curated-work .t-slide-number-container{display:none}
}

/* Brand page final proportion pass: let the work image lead the scene. */
body[data-page=works] .works-studio-wordmark{
  display:none;
}
body[data-page=works] .list-curated-work .card-container-wrapper{
  padding-top:0;
}
body[data-page=works] .list-curated-work .t-card{
  border:0;
  box-shadow:none;
  flex-basis:100vw;
  height:100vh;
  height:100dvh;
  margin:0;
  opacity:0;
  transform:scale(1);
}
body[data-page=works] .list-curated-work .t-card.is-active,
body[data-page=works] .list-curated-work .t-card.is--active{
  opacity:1;
  transform:scale(1);
}
body[data-page=works] .card-container .t-card-featured-image,
body[data-page=works] .card-container .t-card-hover-media{
  filter:none;
  object-fit:cover;
}
body[data-page=works] .list-curated-work .title-slider-container-wrapper{
  font-size:clamp(18px,2.55vw,42px);
  height:clamp(24px,2.9vw,48px);
  margin-bottom:34px;
  z-index:9;
}
body[data-page=works] .list-curated-work .title-slider-container{
  height:clamp(24px,2.9vw,48px);
}
body[data-page=works] .list-curated-work .title-slider-item{
  flex-basis:clamp(24px,2.9vw,48px);
}
body[data-page=works] .works-studio-meta--left,
body[data-page=works] .works-studio-meta--right{
  z-index:9;
}

@media(max-width:768px){
  body[data-page=works] .works-studio-wordmark{
    display:none;
  }
  body[data-page=works] .list-curated-work .card-container-wrapper{
    padding-top:0;
  }
  body[data-page=works] .list-curated-work .t-card{
    flex:0 0 100vw;
    height:100svh;
    min-height:0;
    margin:0;
    opacity:0;
    transform:scale(1);
    width:auto;
  }
  body[data-page=works] .list-curated-work .t-card.is-active,
  body[data-page=works] .list-curated-work .t-card.is--active{
    opacity:1;
    transform:scale(1);
  }
  body[data-page=works] .list-curated-work .title-slider-container-wrapper,
  body[data-page=works] .list-curated-work .title-slider-container-wrapper.works-enter-item{
    font-size:clamp(26px,8vw,42px);
    height:clamp(28px,8.5vw,46px);
    margin-bottom:28px;
  }
  body[data-page=works] .list-curated-work .title-slider-container{
    height:clamp(28px,8.5vw,46px);
  }
  body[data-page=works] .list-curated-work .title-slider-item{
    flex-basis:clamp(28px,8.5vw,46px);
  }
}

@media(max-width:768px){
  body[data-page=works] .list-curated-work .card-slider,
  body[data-page=works] .list-curated-work .card-container-wrapper,
  body[data-page=works] .list-curated-work .card-container,
  body[data-page=works] .list-curated-work .t-card,
  body[data-page=works] .list-curated-work .t-card-media,
  body[data-page=works] .list-curated-work .t-card-featured-image-wrapper,
  body[data-page=works] .list-curated-work .t-card-hover-media,
  body[data-page=works] .list-curated-work .t-card-featured-image{
    height:100vh;
    height:100dvh;
  }
  body[data-page=works] .list-curated-work .t-card{
    flex-basis:100vw;
  }
  body[data-page=works] .list-curated-work .t-card-featured-image,
  body[data-page=works] .list-curated-work .t-card-hover-media{
    object-fit:cover;
    width:100vw;
  }
}

/* Brand page reference layout: full-screen image with Simon Holm-style overlay. */
body[data-page=works] .section-curated-works::before,
body[data-page=works] .list-curated-work .line-ornament-container-wrapper{
  display:none;
}
body[data-page=works] .works-reference-logo{
  color:#fff;
  font-family:Georgia,serif;
  font-size:clamp(38px,3.2vw,58px);
  font-weight:400;
  left:14px;
  letter-spacing:-.14em;
  line-height:.72;
  pointer-events:none;
  position:fixed;
  top:16px;
  z-index:80;
}
body[data-page=works] .works-studio-topbar{
  color:#fff;
  display:grid;
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(14px,.9vw,18px);
  font-weight:700;
  grid-template-columns:15vw 14vw 21vw 14vw 1fr;
  left:0;
  line-height:1.08;
  padding:16px 14px 0 322px;
  pointer-events:none;
  position:fixed;
  right:0;
  top:0;
  z-index:80;
}
body[data-page=works] .works-studio-topbar a,
body[data-page=works] .works-studio-topbar span{
  color:#fff;
  justify-self:start;
  margin:0;
  pointer-events:all;
  width:auto;
}
body[data-page=works] .works-studio-topbar .works-live-time{
  justify-self:end;
}
body[data-page=works] .works-bottom-rule{
  border-bottom:1px solid rgba(255,255,255,.42);
  bottom:17.2vh;
  left:0;
  pointer-events:none;
  position:fixed;
  right:0;
  z-index:80;
}
body[data-page=works] .works-menu-dot{
  align-items:center;
  background:#fff;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  gap:3px;
  height:30px;
  justify-content:center;
  pointer-events:all;
  position:absolute;
  right:14px;
  top:-15px;
  width:30px;
}
body[data-page=works] .works-menu-dot span{
  background:#111;
  border-radius:999px;
  height:2px;
  width:12px;
}
body[data-page=works] .works-studio-meta{
  color:#fff;
  font-size:clamp(14px,.9vw,18px);
  font-weight:700;
  line-height:1;
  max-width:none;
  pointer-events:none;
  z-index:80;
}
body[data-page=works] .works-studio-meta--left{
  bottom:16px;
  left:14px;
}
body[data-page=works] .works-studio-meta--right{
  bottom:16px;
  display:flex;
  gap:54px;
  right:14px;
  text-align:left;
}
body[data-page=works] .works-studio-meta--right a{
  color:#fff;
  pointer-events:all;
}
body[data-page=works] .list-curated-work .title-slider-container-wrapper,
body[data-page=works] .list-curated-work .title-slider-container-wrapper.works-enter-item{
  display:none;
}
body[data-page=works] .list-curated-work .title-slider-container{
  height:clamp(104px,8.6vw,176px);
}
body[data-page=works] .list-curated-work .title-slider-item{
  flex:0 0 clamp(104px,8.6vw,176px);
  text-align:left;
}
body[data-page=works] .list-curated-work .title-slider-inner{
  font-family:Manrope,Arial,sans-serif;
  font-weight:600;
  letter-spacing:-.04em;
  line-height:.9;
  text-transform:none;
}
body[data-page=works] .t-slide-controls{
  color:#fff;
  height:100vh;
  height:100dvh;
  min-height:0;
  z-index:82;
}
body[data-page=works] .t-slide-navigation-container,
body[data-page=works] .list-curated-work .t-slide-navigation-container{
  align-self:center;
  display:flex;
  font-size:clamp(14px,.9vw,18px);
  font-weight:700;
  justify-content:space-between;
  padding:0 14px;
  pointer-events:all;
  text-transform:none;
  transform:none;
  width:100%;
}
body[data-page=works] .t-slide-navigation{
  color:#fff;
  min-width:0;
}
body[data-page=works] .t-slide-navigation.prev::before{content:"[\2190] "}
body[data-page=works] .t-slide-navigation.prev::after{content:""}
body[data-page=works] .t-slide-navigation.next::before{content:""}
body[data-page=works] .t-slide-navigation.next::after{content:" [\2192]"}
body[data-page=works] .t-slide-navigation-number-wrapper{
  display:none;
}
body[data-page=works] .t-slide-number-container{
  display:none;
}
body[data-page=works] .t-slide-number-current,
body[data-page=works] .t-slide-number-current-track div,
body[data-page=works] .t-slide-number-total{
  height:22px;
}
body[data-page=works] .works-title-overlay{
  bottom:4.1vh;
  color:#fff;
  display:grid;
  font-family:Manrope,Arial,sans-serif;
  left:92px;
  pointer-events:none;
  position:fixed;
  z-index:90;
}
body[data-page=works] .works-title-index{
  bottom:calc(4.1vh + 8.6vw);
  font-size:clamp(14px,.9vw,18px);
  font-weight:700;
  left:14px;
  line-height:1;
  margin-bottom:6px;
  position:fixed;
}
body[data-page=works] .works-title-current{
  font-size:clamp(90px,7.2vw,148px);
  font-weight:600;
  letter-spacing:-.04em;
  line-height:.9;
}

@media(max-width:768px){
  body[data-page=works] .works-reference-logo{
    font-size:34px;
    left:12px;
    top:13px;
  }
  body[data-page=works] .works-studio-topbar{
    font-size:12px;
    grid-template-columns:1fr 1fr;
    padding:14px 12px 0 74px;
    row-gap:6px;
  }
  body[data-page=works] .works-studio-topbar a:nth-child(3),
  body[data-page=works] .works-studio-topbar span:nth-child(4),
  body[data-page=works] .works-studio-topbar .works-live-time{
    display:none;
  }
  body[data-page=works] .works-bottom-rule{
    bottom:20vh;
  }
  body[data-page=works] .works-menu-dot{
    height:28px;
    right:12px;
    top:-14px;
    width:28px;
  }
  body[data-page=works] .list-curated-work .title-slider-container-wrapper,
  body[data-page=works] .list-curated-work .title-slider-container-wrapper.works-enter-item{
    display:none;
  }
  body[data-page=works] .list-curated-work .title-slider-container{
    height:clamp(64px,24vw,104px);
  }
  body[data-page=works] .list-curated-work .title-slider-item{
    flex-basis:clamp(64px,24vw,104px);
  }
  body[data-page=works] .t-slide-navigation-container,
  body[data-page=works] .list-curated-work .t-slide-navigation-container{
    display:flex;
    font-size:12px;
    padding:0 12px;
  }
  body[data-page=works] .t-slide-number-container{
    display:none;
  }
  body[data-page=works] .works-title-overlay{
    bottom:10vh;
    left:14px;
    max-width:calc(100vw - 28px);
    overflow:hidden;
  }
  body[data-page=works] .works-title-index{
    bottom:calc(10vh + 94px);
    font-size:12px;
    left:14px;
    margin-bottom:5px;
  }
  body[data-page=works] .works-title-current{
    font-size:clamp(38px,12.8vw,58px);
    line-height:.92;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  body[data-page=works] .works-studio-meta{
    font-size:12px;
  }
body[data-page=works] .works-studio-meta--right{
    gap:18px;
    right:12px;
  }
}

body[data-page="3d"]{
  --namma-paper:#efeee7;
  --namma-ink:#10100f;
  --namma-muted:rgba(16,16,15,.54);
  --namma-line:rgba(16,16,15,.16);
  --namma-dark:#050505;
  --namma-dark-line:rgba(239,238,231,.18);
  --namma-blue:#275cff;
  background:var(--namma-paper);
  color:var(--namma-ink);
  min-height:100vh;
}
html:has(body[data-page="3d"]){
  background:#efeee7;
}
html.skip-first-preloader body[data-page="3d"],
html.from-page-transition body[data-page="3d"]{
  background:var(--namma-paper);
}
html.skip-first-preloader body[data-page="3d"] main,
html.skip-first-preloader body[data-page="3d"] .main-header,
html.from-page-transition body[data-page="3d"] main,
html.from-page-transition body[data-page="3d"] .main-header{
  clip-path:none;
  transform:none;
  visibility:visible;
}
body[data-page="3d"].az-imported-loader-exiting main,
body[data-page="3d"].az-imported-loader-exiting .main-header{
  clip-path:none;
  height:auto;
  inset:auto;
  overflow:visible;
  position:relative;
  transform:none;
  visibility:visible;
  width:auto;
}
body[data-page="3d"] .t-transition{
  display:none;
}
body[data-page="3d"] .main-header{
  color:var(--namma-ink);
  font-family:Manrope,Arial,sans-serif;
  font-size:clamp(12px,.86vw,15px);
  font-weight:800;
  letter-spacing:0;
  mix-blend-mode:normal;
  text-transform:none;
  z-index:90;
}
body[data-page="3d"] .main-header-inner{
  align-items:flex-start;
  display:grid;
  column-gap:clamp(24px,6vw,120px);
  grid-template-columns:1fr auto;
  margin:0;
  padding:24px 32px 0;
  width:100%;
}
body[data-page="3d"] .main-header .location,
body[data-page="3d"] .main-header .time,
body[data-page="3d"] .main-header .coords{
  display:none;
}
body[data-page="3d"] .main-header nav{
  display:none;
  gap:16px;
  justify-self:end;
  pointer-events:all;
}
body[data-page="3d"] .nav-item__outer{
  padding:0;
}
body[data-page="3d"] .nav-item{
  line-height:1.08;
}
body[data-page="3d"] .namma-brandmark{
  display:grid;
  gap:2px;
  line-height:1.06;
  pointer-events:all;
  position:relative;
  z-index:2;
  width:max-content;
}
body[data-page="3d"] .namma-brandmark span{
  white-space:nowrap;
}
body[data-page="3d"] .namma-brandmark span:nth-child(2){
  color:var(--namma-muted);
}
body[data-page="3d"] .namma-mode-pill{
  align-items:center;
  background:transparent;
  border:1px solid rgba(16,16,15,.34);
  border-radius:999px;
  color:var(--namma-ink);
  cursor:pointer;
  display:inline-flex;
  font-size:clamp(11px,.76vw,13px);
  font-weight:800;
  gap:9px;
  justify-self:center;
  line-height:1;
  padding:8px 14px 8px 10px;
  pointer-events:all;
  text-transform:none;
}
body[data-page="3d"] .namma-mode-pill span{
  background:var(--namma-ink);
  border-radius:50%;
  display:block;
  height:9px;
  width:9px;
}
body[data-page="3d"] .site-menu-toggle{
  background:transparent;
  border:0;
  box-shadow:none;
  color:var(--namma-ink);
  font-size:14px;
  grid-column:auto;
  grid-row:auto;
  justify-self:end;
  min-width:112px;
  overflow:hidden;
  padding:0 22px;
  position:fixed;
  right:20px;
  top:18px;
  text-shadow:none;
  text-transform:uppercase;
  width:auto;
  z-index:95;
}
body[data-page="3d"] .namma-menu-button{
  height:auto;
  line-height:1;
}
body[data-page="3d"] .site-menu-toggle .sm-toggle-textWrap{
  height:1em;
  min-width:4.6em;
}
body[data-page="3d"] .site-menu-toggle .sm-toggle-textInner{
  width:100%;
}
body[data-page="3d"] .site-menu-toggle .sm-toggle-line{
  text-align:center;
}
body[data-page="3d"].staggered-menu-open .site-menu-toggle{
  background:transparent;
  color:var(--namma-ink);
}
.namma-3d-page{
  background:var(--namma-paper);
  color:var(--namma-ink);
  font-family:Manrope,Arial,sans-serif;
  min-height:100vh;
  min-height:100dvh;
  overflow:hidden;
  position:relative;
  z-index:1000;
}
.namma-3d-page>section{
  position:relative;
  z-index:1;
}
body[data-page="3d"] .main-header{
  z-index:1004;
}
body[data-page="3d"] .site-menu-toggle{
  z-index:1005;
}
body[data-page="3d"].brand-services .site-menu-toggle{
  align-items:center;
  background:#fff;
  border:1px solid #0055ff;
  border-radius:999px;
  box-shadow:none;
  color:#0055ff;
  display:inline-flex;
  height:40px;
  justify-content:center;
  min-width:112px;
  overflow:hidden;
  padding:0 22px;
  right:32px;
  top:24px;
  width:112px;
}
body[data-page="3d"].brand-services .site-menu-toggle .star-button-light{
  display:block;
  inset:0;
  opacity:.95;
}
body[data-page="3d"].brand-services .site-menu-toggle .star-button-field{
  border:0;
}
body[data-page="3d"].brand-services .site-menu-toggle .sm-toggle-textWrap{
  position:relative;
  z-index:4;
}
body[data-page="3d"].brand-services .site-menu-toggle,
body[data-page="3d"].brand-services .site-menu-toggle .sm-toggle-line{
  color:#0055ff!important;
}
body[data-page="3d"] .staggered-menu{
  z-index:1010;
}
body[data-page="3d"].staggered-menu-open .main-header{
  z-index:1020;
}
.namma-3d-page::before{
  background:var(--namma-paper);
  content:"";
  inset:0;
  pointer-events:none;
  position:fixed;
  z-index:-1;
}
.namma-hero{
  background:var(--namma-paper);
  display:grid;
  grid-template-columns:1fr minmax(148px,15vw);
  min-height:100vh;
  min-height:100dvh;
  padding:112px 32px 42px;
  position:relative;
}
.namma-hero::after{
  background:linear-gradient(90deg,transparent,rgba(16,16,15,.16),transparent);
  bottom:24px;
  content:"";
  height:1px;
  left:32px;
  position:absolute;
  right:32px;
}
.namma-hero__meta{
  color:var(--namma-muted);
  display:grid;
  font-size:clamp(11px,.82vw,14px);
  font-weight:800;
  gap:5px;
  grid-column:1/-1;
  grid-template-columns:1fr auto 1fr;
  line-height:1.06;
  margin-bottom:26px;
  text-transform:none;
}
.namma-hero__meta span:nth-child(2){
  justify-self:center;
}
.namma-hero__meta span:nth-child(3){
  justify-self:end;
}
.namma-hero__title{
  align-self:end;
  color:var(--namma-ink);
  display:grid;
  font-family:MG,Manrope,Arial,sans-serif;
  font-size:clamp(76px,12.6vw,204px);
  font-weight:900;
  grid-column:1;
  letter-spacing:0;
  line-height:.72;
  margin:0;
  max-width:10.5em;
  text-transform:uppercase;
}
.namma-hero__title span{
  display:block;
  white-space:nowrap;
}
.namma-hero__title span:nth-child(1){
  transform:translateX(.22em);
}
.namma-hero__title span:nth-child(2){
  transform:translateX(0);
}
.namma-hero__title span:nth-child(3){
  transform:translateX(1.02em);
}
.namma-hero__title span:nth-child(4){
  transform:translateX(2.14em);
}
.namma-gap{
  color:transparent;
  display:inline!important;
  -webkit-text-stroke:1px rgba(16,16,15,.42);
}
.namma-hero__aside{
  align-self:center;
  color:var(--namma-ink);
  display:grid;
  font-size:clamp(22px,2.25vw,42px);
  font-weight:800;
  grid-column:2;
  line-height:.94;
  text-align:right;
  text-transform:none;
}
.namma-scroll-link{
  align-self:end;
  color:var(--namma-muted);
  font-size:clamp(12px,.82vw,14px);
  font-weight:800;
  grid-column:2;
  justify-self:end;
  line-height:1;
  margin-bottom:10px;
  pointer-events:all;
}
.namma-manifesto{
  background:var(--namma-paper);
  display:grid;
  gap:36px;
  grid-template-columns:minmax(160px,18vw) minmax(0,1fr);
  min-height:100svh;
  padding:90px 32px 80px;
  position:relative;
}
.namma-section-label{
  color:var(--namma-muted);
  font-size:clamp(13px,1vw,18px);
  font-weight:800;
  line-height:1.12;
  max-width:250px;
}
.namma-manifesto__copy{
  color:var(--namma-ink);
  font-family:MG,Manrope,Arial,sans-serif;
  font-size:clamp(52px,7.7vw,142px);
  font-weight:900;
  line-height:.82;
  margin-top:7vh;
  max-width:1180px;
  text-transform:uppercase;
}
.namma-manifesto__copy p{
  margin:0;
}
.namma-manifesto__copy p:nth-child(even){
  text-align:right;
}
.namma-orbit{
  aspect-ratio:1;
  bottom:9vh;
  perspective:900px;
  position:absolute;
  right:7vw;
  width:clamp(180px,26vw,430px);
}
.namma-orbit__ring{
  border:1px solid rgba(16,16,15,.36);
  border-radius:50%;
  inset:7%;
  position:absolute;
  transform:rotateX(68deg) rotateZ(-15deg);
}
.namma-orbit__ring::before,
.namma-orbit__ring::after{
  border:1px solid rgba(16,16,15,.2);
  border-radius:50%;
  content:"";
  position:absolute;
}
.namma-orbit__ring::before{
  inset:19%;
}
.namma-orbit__ring::after{
  inset:35%;
}
.namma-orbit__core{
  animation:nammaFloat 8s ease-in-out infinite;
  inset:24%;
  position:absolute;
  transform-style:preserve-3d;
}
.namma-orbit__core span{
  background:var(--namma-ink);
  border-radius:50%;
  height:10px;
  left:50%;
  position:absolute;
  top:50%;
  transform-style:preserve-3d;
  width:10px;
}
.namma-orbit__core span:nth-child(1){transform:translate3d(-60px,-34px,46px)}
.namma-orbit__core span:nth-child(2){transform:translate3d(44px,-54px,-12px)}
.namma-orbit__core span:nth-child(3){transform:translate3d(78px,20px,34px)}
.namma-orbit__core span:nth-child(4){transform:translate3d(-24px,70px,-38px)}
.namma-orbit__core span:nth-child(5){transform:translate3d(-82px,22px,12px)}
.namma-orbit__core span:nth-child(6){transform:translate3d(0,0,74px)}
.namma-media-strip{
  display:grid;
  gap:24px;
  grid-column:1/-1;
  grid-template-columns:1.1fr .75fr 1.05fr .8fr;
  margin-top:10vh;
}
.namma-media-strip figure{
  aspect-ratio:4/5;
  background:#111;
  border-radius:32px;
  overflow:hidden;
}
.namma-media-strip figure:nth-child(2),
.namma-media-strip figure:nth-child(4){
  margin-top:12vh;
}
.namma-media-strip img{
  filter:grayscale(.8) contrast(1.1);
  height:100%;
  object-fit:cover;
  transition:filter .45s ease,transform .8s var(--ease);
  width:100%;
}
.namma-media-strip figure:hover img{
  filter:grayscale(0) contrast(1.04);
  transform:scale(1.035);
}
.namma-projects{
  background:var(--namma-paper);
  padding:86px 32px 120px;
}
.namma-projects__top,
.namma-services__intro{
  align-items:end;
  border-top:1px solid var(--namma-line);
  display:flex;
  justify-content:space-between;
  padding-top:22px;
}
.namma-projects__top h2,
.namma-services__intro h2{
  font-family:MG,Manrope,Arial,sans-serif;
  font-size:clamp(54px,8.2vw,142px);
  font-weight:900;
  letter-spacing:0;
  line-height:.76;
  margin:0;
  text-transform:uppercase;
}
.namma-projects__top a,
.namma-services__intro a,
.namma-cta a{
  border:1px solid currentColor;
  border-radius:999px;
  color:inherit;
  display:inline-flex;
  font-size:clamp(12px,.86vw,15px);
  font-weight:800;
  line-height:1;
  padding:11px 16px;
  text-transform:none;
}
.namma-project-grid{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:36px;
}
.namma-project-card{
  min-height:clamp(420px,48vw,720px);
}
.namma-project-card a{
  background:#111;
  border-radius:36px;
  color:#fff;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 1fr auto;
  height:100%;
  min-height:inherit;
  overflow:hidden;
  padding:24px;
  position:relative;
  transform:perspective(1200px) rotateX(var(--namma-card-tilt-x,0deg)) rotateY(var(--namma-card-tilt-y,0deg)) translateZ(0);
  transition:transform .45s var(--ease),border-radius .45s var(--ease);
  will-change:transform;
}
.namma-project-card--wide{
  grid-column:span 2;
  min-height:clamp(520px,56vw,840px);
}
.namma-project-card__index,
.namma-project-card__tag{
  color:rgba(255,255,255,.62);
  font-size:clamp(12px,.86vw,15px);
  font-weight:800;
  line-height:1;
  position:relative;
  z-index:2;
}
.namma-project-card__tag{
  justify-self:end;
}
.namma-project-card__title{
  align-self:end;
  font-family:MG,Manrope,Arial,sans-serif;
  font-size:clamp(48px,7.6vw,136px);
  font-weight:900;
  grid-column:1/-1;
  line-height:.78;
  max-width:9em;
  position:relative;
  text-transform:uppercase;
  z-index:2;
}
.namma-project-card__visual{
  inset:0;
  position:absolute;
}
.namma-project-card__visual img{
  filter:grayscale(1) contrast(1.08);
  height:100%;
  object-fit:cover;
  opacity:.72;
  transition:filter .45s ease,opacity .45s ease,transform .8s var(--ease);
  width:100%;
}
.namma-project-card a:hover img{
  filter:grayscale(.15) contrast(1.05);
  opacity:.88;
  transform:scale(1.035);
}
.namma-project-card a:hover{
  border-radius:28px;
}
.namma-project-card::after{
  background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,0) 35%,rgba(0,0,0,.6));
  border-radius:36px;
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
}
.namma-wire-scene{
  background:
    radial-gradient(circle at 50% 46%,rgba(255,255,255,.24),transparent 30%),
    linear-gradient(135deg,#191919,#050505);
  display:block;
  height:100%;
  overflow:hidden;
  position:relative;
  width:100%;
}
.namma-wire-scene::before{
  background:
    linear-gradient(55deg,transparent 0 47%,rgba(255,255,255,.74) 47.3% 47.8%,transparent 48.1%),
    linear-gradient(122deg,transparent 0 39%,rgba(255,255,255,.54) 39.2% 39.7%,transparent 40%),
    linear-gradient(18deg,transparent 0 54%,rgba(255,255,255,.42) 54.2% 54.7%,transparent 55%);
  content:"";
  inset:10% 8%;
  position:absolute;
  transform:rotate(-8deg);
}
.namma-wire-scene::after{
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  content:"";
  inset:23% 20%;
  position:absolute;
  transform:rotateX(65deg) rotateZ(-14deg);
}
.namma-wire-scene i{
  background:#fff;
  border-radius:50%;
  height:11px;
  position:absolute;
  width:11px;
}
.namma-wire-scene i:nth-child(1){left:28%;top:30%}
.namma-wire-scene i:nth-child(2){left:62%;top:23%}
.namma-wire-scene i:nth-child(3){left:72%;top:61%}
.namma-wire-scene i:nth-child(4){left:35%;top:68%}
.namma-wire-scene--two{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 34px),
    #070707;
}
.namma-services{
  background:var(--namma-dark);
  color:var(--namma-paper);
  min-height:100svh;
  padding:96px 32px 110px;
}
.namma-services__intro{
  border-top-color:var(--namma-dark-line);
}
.namma-service-list{
  border-top:1px solid var(--namma-dark-line);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:38px;
}
.namma-service-list div{
  align-items:end;
  border-bottom:1px solid var(--namma-dark-line);
  display:grid;
  gap:18px;
  grid-template-columns:1fr auto;
  min-height:clamp(86px,9vw,150px);
  padding:24px 0;
}
.namma-service-list div:nth-child(odd){
  border-right:1px solid var(--namma-dark-line);
  padding-right:28px;
}
.namma-service-list div:nth-child(even){
  padding-left:28px;
}
.namma-service-list strong{
  font-family:MG,Manrope,Arial,sans-serif;
  font-size:clamp(36px,5.6vw,104px);
  font-weight:900;
  line-height:.78;
  text-transform:uppercase;
}
.namma-service-list span{
  color:rgba(239,238,231,.56);
  font-size:clamp(12px,.9vw,15px);
  font-weight:800;
  line-height:1.08;
  text-align:right;
}
.namma-approach{
  background:var(--namma-paper);
  display:grid;
  gap:46px;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  padding:110px 32px;
}
.namma-approach__title{
  align-self:start;
  display:grid;
  gap:28px;
  position:sticky;
  top:110px;
}
.namma-approach__title span{
  color:var(--namma-muted);
  font-size:clamp(12px,.88vw,15px);
  font-weight:800;
  line-height:1;
}
.namma-approach__title h2{
  font-family:MG,Manrope,Arial,sans-serif;
  font-size:clamp(56px,8vw,150px);
  font-weight:900;
  line-height:.78;
  margin:0;
  max-width:890px;
  text-transform:uppercase;
}
.namma-approach__steps{
  border-top:1px solid var(--namma-line);
  display:grid;
}
.namma-approach__steps article{
  border-bottom:1px solid var(--namma-line);
  display:grid;
  gap:18px;
  padding:34px 0 38px;
}
.namma-approach__steps span{
  color:var(--namma-muted);
  font-size:clamp(12px,.88vw,15px);
  font-weight:800;
  line-height:1;
}
.namma-approach__steps h3{
  font-size:clamp(26px,2.9vw,54px);
  font-weight:800;
  line-height:.94;
  margin:0;
}
.namma-approach__steps p{
  color:rgba(16,16,15,.62);
  font-size:clamp(14px,1.12vw,20px);
  font-weight:700;
  line-height:1.32;
  margin:0;
  max-width:560px;
}
.namma-cta{
  align-items:end;
  background:var(--namma-dark);
  color:var(--namma-paper);
  display:grid;
  gap:32px;
  grid-template-columns:minmax(0,1fr) auto;
  min-height:82svh;
  padding:96px 32px 42px;
}
.namma-cta h2{
  font-family:MG,Manrope,Arial,sans-serif;
  font-size:clamp(84px,14vw,244px);
  font-weight:900;
  line-height:.72;
  margin:0;
  text-transform:uppercase;
}
.namma-cta p{
  color:rgba(239,238,231,.6);
  font-size:clamp(14px,1vw,18px);
  font-weight:800;
  line-height:1.22;
  margin:26px 0 0;
  max-width:440px;
}
.namma-cta a{
  color:var(--namma-paper);
  margin-bottom:8px;
  white-space:nowrap;
}
body[data-page="3d"],body[data-page="visual"]:not([class~="3d-entrance-complete"]) .namma-hero__title,
body[data-page="3d"],body[data-page="visual"]:not([class~="3d-entrance-complete"]) .namma-hero__meta,
body[data-page="3d"],body[data-page="visual"]:not([class~="3d-entrance-complete"]) .namma-hero__aside,
body[data-page="3d"],body[data-page="visual"]:not([class~="3d-entrance-complete"]) .namma-scroll-link{
  opacity:1;
  transform:none;
}
body[data-page="3d"],body[data-page="visual"][class~="3d-entrance-complete"] .namma-hero__title,
body[data-page="3d"],body[data-page="visual"][class~="3d-entrance-complete"] .namma-hero__meta,
body[data-page="3d"],body[data-page="visual"][class~="3d-entrance-complete"] .namma-hero__aside,
body[data-page="3d"],body[data-page="visual"][class~="3d-entrance-complete"] .namma-scroll-link{
  opacity:1;
  transform:translateY(0);
  transition:opacity .72s ease,transform 1.05s var(--ease);
}
body[data-page="3d"],body[data-page="visual"][class~="3d-entrance-complete"] .namma-hero__meta{transition-delay:.04s}
body[data-page="3d"],body[data-page="visual"][class~="3d-entrance-complete"] .namma-hero__title{transition-delay:.12s}
body[data-page="3d"],body[data-page="visual"][class~="3d-entrance-complete"] .namma-hero__aside{transition-delay:.22s}
body[data-page="3d"],body[data-page="visual"][class~="3d-entrance-complete"] .namma-scroll-link{transition-delay:.3s}
@keyframes nammaFloat{
  0%,100%{transform:rotateY(-18deg) rotateX(12deg) translateY(0)}
  50%{transform:rotateY(18deg) rotateX(-6deg) translateY(-14px)}
}

@media(max-width:980px){
  body[data-page="3d"] .main-header-inner{
    display:grid;
    grid-template-columns:1fr auto;
    column-gap:20px;
    padding:18px 20px 0;
  }
  body[data-page="3d"] .namma-mode-pill{
    display:none;
  }
  body[data-page="3d"] .main-header nav{
    display:none;
  }
  .namma-hero{
    grid-template-columns:1fr;
    min-height:100svh;
    padding:94px 20px 34px;
  }
  .namma-hero__meta{
    grid-template-columns:1fr;
    gap:4px;
    margin-bottom:42px;
  }
  .namma-hero__meta span,
  .namma-hero__meta span:nth-child(2),
  .namma-hero__meta span:nth-child(3){
    justify-self:start;
  }
  .namma-hero__title{
    font-size:clamp(56px,20vw,128px);
    line-height:.76;
    max-width:100%;
  }
  .namma-hero__title span{
    white-space:normal;
  }
  .namma-hero__title span:nth-child(1),
  .namma-hero__title span:nth-child(2),
  .namma-hero__title span:nth-child(3),
  .namma-hero__title span:nth-child(4){
    transform:none;
  }
  .namma-hero__aside{
    font-size:clamp(24px,8vw,48px);
    grid-column:1;
    margin-top:42px;
    max-width:260px;
    text-align:left;
  }
  .namma-scroll-link{
    grid-column:1;
    justify-self:start;
    margin-top:42px;
  }
  .namma-manifesto,
  .namma-approach{
    grid-template-columns:1fr;
    padding-left:20px;
    padding-right:20px;
  }
  .namma-manifesto__copy{
    font-size:clamp(42px,15vw,96px);
    line-height:.84;
    margin-top:0;
  }
  .namma-manifesto__copy p:nth-child(even){
    text-align:left;
  }
  .namma-orbit{
    bottom:auto;
    margin:28px auto 0;
    position:relative;
    right:auto;
    width:min(70vw,340px);
  }
  .namma-media-strip{
    gap:14px;
    grid-template-columns:1fr 1fr;
    margin-top:22px;
  }
  .namma-media-strip figure{
    border-radius:22px;
  }
  .namma-media-strip figure:nth-child(2),
  .namma-media-strip figure:nth-child(4){
    margin-top:44px;
  }
  .namma-projects,
  .namma-services{
    padding-left:20px;
    padding-right:20px;
  }
  .namma-projects__top h2,
  .namma-services__intro h2{
    font-size:clamp(46px,15vw,96px);
  }
  .namma-project-grid{
    grid-template-columns:1fr;
  }
  .namma-project-card,
  .namma-project-card--wide{
    grid-column:auto;
    min-height:min(124vw,620px);
  }
  .namma-project-card a{
    border-radius:24px;
    padding:18px;
  }
  .namma-project-card::after{
    border-radius:24px;
  }
  .namma-project-card__title{
    font-size:clamp(42px,14vw,88px);
  }
  .namma-service-list{
    grid-template-columns:1fr;
  }
  .namma-service-list div,
  .namma-service-list div:nth-child(odd),
  .namma-service-list div:nth-child(even){
    border-right:0;
    padding-left:0;
    padding-right:0;
  }
  .namma-service-list strong{
    font-size:clamp(38px,13vw,84px);
  }
  .namma-approach__title{
    position:relative;
    top:auto;
  }
  .namma-approach__title h2{
    font-size:clamp(48px,15vw,96px);
  }
  .namma-cta{
    grid-template-columns:1fr;
    padding:86px 20px 34px;
  }
  .namma-cta h2{
    font-size:clamp(62px,18vw,122px);
  }
  .namma-cta a{
    justify-self:start;
  }
}

@media(max-width:520px){
  body[data-page="3d"] .main-header-inner,
  body[data-page="3d"],body[data-page="visual"].has-staggered-menu .main-header-inner{
    align-items:flex-start;
    display:grid;
    flex-direction:initial;
    gap:0 14px;
    grid-template-columns:minmax(0,1fr) auto;
    justify-content:initial;
    margin:0;
    padding:18px 20px 0;
  }
  body[data-page="3d"] .namma-brandmark{
    font-size:12px;
    min-width:0;
  }
  body[data-page="3d"] .namma-mode-pill{
    display:none;
  }
  body[data-page="3d"] .site-menu-toggle{
    left:auto;
    margin:0;
    min-width:112px;
    padding:0 22px;
    right:20px;
    top:18px;
  }
  .namma-hero{
    padding-top:90px;
  }
  .namma-hero__title{
    font-size:clamp(48px,18.8vw,82px);
  }
  .namma-manifesto{
    padding-bottom:56px;
    padding-top:64px;
  }
  .namma-media-strip{
    grid-template-columns:1fr;
  }
  .namma-media-strip figure,
  .namma-media-strip figure:nth-child(2),
  .namma-media-strip figure:nth-child(4){
    aspect-ratio:1.1;
    margin-top:0;
  }
  .namma-projects__top,
  .namma-services__intro{
    align-items:start;
    gap:18px;
  }
  .namma-service-list div{
    grid-template-columns:1fr;
  }
  .namma-service-list span{
    text-align:left;
  }
}

@media(max-width:520px){
  body[data-page="3d"] .main-header .namma-mode-pill{
    display:none!important;
  }
  body[data-page="3d"],body[data-page="visual"].has-staggered-menu .main-header-inner{
    align-items:flex-start!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    margin:0!important;
    padding:18px 20px 0!important;
  }
  body[data-page="3d"],body[data-page="visual"].has-staggered-menu .site-menu-toggle{
    left:auto!important;
    margin:0!important;
    min-width:112px!important;
    position:fixed!important;
    right:20px!important;
    top:18px!important;
  }
  body[data-page="3d"] .site-menu-toggle .sm-toggle-textWrap{
    width:auto!important;
  }
}

body[data-page="3d"].brand-services .site-menu-toggle{
  background:#fff!important;
  border:1px solid #0055ff!important;
  color:#0055ff!important;
  height:40px!important;
  overflow:hidden!important;
  right:32px!important;
  top:24px!important;
  width:112px!important;
}
body[data-page="3d"].brand-services .site-menu-toggle .sm-toggle-line{
  color:#0055ff!important;
}

body.has-staggered-menu .site-menu-toggle{
  clip:auto!important;
  clip-path:none!important;
  display:inline-flex;
  height:var(--site-menu-height)!important;
  margin:0!important;
  min-width:var(--site-menu-width)!important;
  overflow:hidden;
  padding:0 22px!important;
  position:fixed!important;
  right:var(--site-menu-offset-right)!important;
  top:var(--site-menu-offset-top)!important;
  white-space:nowrap;
  width:var(--site-menu-width)!important;
}

body[data-page="3d"].brand-services.has-staggered-menu .site-menu-toggle{
  right:var(--site-menu-offset-right)!important;
  top:var(--site-menu-offset-top)!important;
}

body[data-page=works].has-staggered-menu .main-header{
  z-index:180;
}

body[data-page=works] .works-menu-dot{
  display:none;
}

.poster-wall{
  background:#141414;
  color:#f6f3ea;
  height:100dvh;
  overflow:hidden;
  position:relative;
}
.poster-wall__chrome{
  align-items:flex-start;
  display:flex;
  font-family:Manrope,"AlibabaPuHuiTi","Microsoft YaHei","PingFang SC",Arial,sans-serif;
  font-size:clamp(12px,.95vw,16px);
  font-weight:800;
  justify-content:space-between;
  left:0;
  letter-spacing:0;
  padding:calc(76px + 1.5vw) clamp(18px,3vw,42px) 0;
  pointer-events:none;
  position:fixed;
  right:0;
  text-transform:uppercase;
  top:0;
  z-index:70;
}
.poster-wall__back,
.poster-wall__meta{
  background:rgba(20,20,20,.48);
  border:1px solid rgba(246,243,234,.24);
  color:inherit;
  padding:10px 14px;
}
.poster-wall__back{
  pointer-events:auto;
}
.poster-wall__meta{
  display:flex;
  gap:14px;
  text-transform:none;
}
.poster-wall__viewport{
  cursor:grab;
  height:100%;
  overflow:hidden;
  touch-action:none;
  width:100%;
}
.poster-wall.is-dragging .poster-wall__viewport{
  cursor:grabbing;
}
.poster-wall__track{
  display:grid;
  grid-template-columns:repeat(2, max-content);
  left:0;
  position:absolute;
  top:0;
  transform:translate3d(0,0,0);
  user-select:none;
  will-change:transform;
}
.poster-wall__body{
  display:grid;
  gap:clamp(32px,5.4vw,86px);
  grid-template-columns:repeat(6, clamp(132px,16.9vw,256px));
  padding:clamp(28px,4vw,58px);
  width:max-content;
}
.poster-wall__item{
  aspect-ratio:2/3;
  background:#0a0a0a;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
  margin:0;
  overflow:hidden;
  transform:scale(.3);
  opacity:0;
  animation:posterWallItemIn 1.4s cubic-bezier(.18,.71,.11,1) forwards;
}
.poster-wall__item:nth-child(2n){
  margin-top:60%;
}
.poster-wall__item:nth-child(3n+1){
  animation-delay:.1s;
}
.poster-wall__item:nth-child(3n+2){
  animation-delay:.34s;
}
.poster-wall__item:nth-child(3n){
  animation-delay:.58s;
}
.poster-wall__item img{
  height:100%;
  pointer-events:none;
  width:100%;
  object-fit:cover;
}
@keyframes posterWallItemIn{
  to{
    opacity:1;
    transform:scale(1);
  }
}
@media(max-width:700px){
  .poster-wall__chrome{
    padding:76px 18px 0;
  }
  .poster-wall__meta{
    gap:10px;
  }
  .poster-wall__body{
    gap:34px;
    grid-template-columns:repeat(6, 142px);
    padding:28px;
  }
}

@font-face{font-family:"AlibabaPuHuiTi";src:url("https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-55-regular@1.0.0/AlibabaPuHuiTi-3-55-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"AlibabaPuHuiTi";src:url("https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-65-medium@1.0.0/AlibabaPuHuiTi-3-65-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"AlibabaPuHuiTi";src:url("https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-85-bold@1.0.0/AlibabaPuHuiTi-3-85-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"AlibabaPuHuiTi";src:url("https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-95-extrabold@1.0.0/AlibabaPuHuiTi-3-95-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"AlibabaPuHuiTi";src:url("https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-115-black@1.0.0/AlibabaPuHuiTi-3-115-Black.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}