@font-face{font-family:Space;src:url('/assets/space-grotesk-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Space;src:url('/assets/space-grotesk-medium.ttf') format('truetype');font-weight:500 800;font-display:swap}
:root{color-scheme:dark;--ink:#edf1f3;--muted:#a8b1bb;--line:#ffffff24;--accent:#c6efa0;--bg:#080b10}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 Space,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#c6efa0;color:#080b10}.skip{position:fixed;top:-100px;left:20px;padding:10px 20px;background:var(--accent);color:var(--bg);z-index:99}.skip:focus{top:10px}.nav{height:110px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 5vw;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;min-height:44px;flex-shrink:0}.brand .labs-logo{display:block;width:36px;height:38px;flex-shrink:0}.brand .labs-wordmark-art{display:block;width:168px;height:auto;overflow:hidden}.nav-contact{font-size:13px;color:#c1c7cc;display:flex;align-items:center;gap:24px;min-height:44px}.nav-contact:hover{color:var(--accent)}.labs{background:#080b10}.labs-main{position:relative;isolation:isolate;padding:0 5vw;min-height:calc(100svh - 202px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.chrome-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#3046634d,transparent 57%)}.chrome-object{position:absolute;width:min(70vw,750px);aspect-ratio:1;top:38%;left:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;box-shadow:0 0 75px #779abd15,inset 0 0 50px #c9e7ff33;background:radial-gradient(ellipse at 29% 15%,#dbe8ef 0%,#71879a 12%,#273745 30%,#0e151e 46%,#8495a8 54%,#18222e 62%,#05080d 78%)}.chrome-object:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 40%,transparent 15%,#080b101a 44%,#080b10 72%),linear-gradient(110deg,#080b10c9,transparent 40%,#080b1077);box-shadow:inset 0 0 70px #080b10}.chrome-object canvas{display:block;width:100%;height:100%;opacity:.88}.chrome-object canvas[hidden]{display:none}.orbit{position:absolute;width:min(85vw,1040px);height:min(33vw,420px);border:1px solid #b7cee126;border-radius:50%;left:50%;top:39%;transform:translate(-50%,-50%) rotate(-28deg)}.orbit-b{transform:translate(-50%,-50%) rotate(-48deg);border-color:#b7cee113;width:min(75vw,950px)}.orbit-core{position:absolute;left:50%;top:38%;width:min(71vw,765px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #c0e0ef13;border-radius:50%}.hero-caption{position:absolute;left:5vw;right:5vw;top:34px;display:flex;justify-content:space-between;align-items:center}.eyebrow{display:flex;gap:9px;align-items:center;text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--muted)}.eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #c6efa050}.labs-title{position:relative;padding-top:280px}.labs-title p{font-size:14px;margin:0 0 3px 6px;letter-spacing:.2px;color:#b8c2cc}.labs-title h1{font-size:clamp(90px,14.7vw,244px);font-weight:400;letter-spacing:-.09em;line-height:1.05;margin:0 0 30px -8px;white-space:nowrap}.title-dot{color:var(--accent)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:54px;margin-top:12px}.project{display:flex;position:relative;align-items:center;gap:24px;padding:24px 0 28px;border-top:1px solid #ffffff50;transition:color .25s}.project-index{font-size:10px;align-self:flex-start;margin-top:15px;color:#8e9aa5}.project h2{font-size:34px;font-weight:400;line-height:1.2;letter-spacing:-1.6px;margin:0 0 5px}.project p{margin:0;color:#a4aeb7;font-size:12px}.project-arrow{margin-left:auto;font-size:29px;font-weight:400;transition:transform .25s;color:#dce2e8}.project:hover{color:var(--accent)}.project:hover .project-arrow{transform:translate(4px,-4px);color:var(--accent)}.footer{position:relative;padding:25px 0;margin:0 5vw;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#969ea8;font-size:10px}.footer div{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer a{padding:8px 0}.footer a:hover{color:var(--ink)}
/* Zenkai keeps its own warmer, character-led visual identity. */
.zenkai{--accent:#e6c58d;--bg:#0e1010;background:var(--bg)}.zenkai-hero{min-height:660px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;margin:0 8vw;position:relative}.zenkai-copy{padding:75px 0;z-index:1}.zenkai-copy h1{font-size:clamp(64px,7vw,112px);letter-spacing:-.075em;line-height:1.02;font-weight:400;margin:26px 0}.zenkai-copy h1 em{font-style:normal;color:#e6c58d}.lead{color:#b7bab4;font-size:19px;line-height:1.6}.cta{display:inline-flex;align-items:center;gap:28px;background:#e5c99b;color:#161b18;padding:14px 21px;font-size:13px;margin:22px 0 8px;border-radius:3px}.cta:hover{background:#f3dfbc}.availability{font-size:11px;color:#a0a49d}.character-stage{height:650px;position:relative;display:grid;place-items:center;isolation:isolate}.character-stage img{height:95%;width:auto;max-width:110%;object-fit:contain;position:relative;z-index:1;mask-image:linear-gradient(#000 80%,transparent 100%)}.character-halo{position:absolute;inset:8% -5% 3%;background:radial-gradient(ellipse at 50% 45%,#bda37044,transparent 65%)}.character-halo:after{content:'';position:absolute;inset:10% 8%;border:1px solid #e6c58d33;border-radius:50%;transform:rotate(-22deg)}.character-caption{position:absolute;right:-35px;top:50%;writing-mode:vertical-rl;text-transform:uppercase;font-size:9px;letter-spacing:3px;color:#ac9d82}.character-label{position:absolute;bottom:45px;right:0;font-size:9px;letter-spacing:3px;color:#b7ad9a}.zenkai-details{margin:0 8vw;padding:50px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.zenkai-details span{font-size:9px;letter-spacing:2px;color:#ae9470}.zenkai-details h2{font-size:23px;letter-spacing:-.8px;font-weight:400;margin:14px 0}.zenkai-details p{font-size:14px;color:#a9ada6;max-width:310px;line-height:1.8}.product-note{margin:0 8vw;padding:40px 0 65px;font-size:11px;color:#a2a89e;display:flex;justify-content:space-between;gap:20px}.product-note a{color:#e6c58d}
/* Legal pages are deliberately quiet and readable. */
.document-main{width:min(760px,88vw);margin:60px auto 90px}.back{font-size:12px;color:#afb9c3;display:inline-block;margin-bottom:48px}.document h1{font-size:clamp(40px,6vw,64px);font-weight:400;line-height:1.12;letter-spacing:-3px;margin:20px 0}.doc-intro{font-size:20px;color:#bac2cb;line-height:1.5}.updated{color:#8f9aa6;font-size:11px;margin:28px 0 48px}.prose{color:#c1c8cf;font:400 16px/1.85 Space,Arial,sans-serif}.prose h2{color:var(--ink);font-size:25px;line-height:1.4;letter-spacing:-.6px;font-weight:400;margin:48px 0 18px}.prose h3{color:var(--ink);font-size:19px;margin:25px 0 14px}.prose a{text-decoration:underline;text-underline-offset:4px;color:#d5e4bf;overflow-wrap:anywhere}.prose strong{font-weight:500;color:#e7ebee}.prose p{margin:16px 0}.prose li{margin-bottom:14px;padding-left:5px}.prose ul{padding-left:23px}.contact-large{font-size:clamp(20px,4vw,34px);letter-spacing:-1px}
@media(min-width:1600px){.labs-title{padding-top:370px}}@media(max-height:760px) and (min-width:761px){.nav{height:86px}.labs-main{min-height:610px}.labs-title{padding-top:260px}.chrome-object{width:560px}.orbit-core{width:572px}}
@media(max-width:760px){.nav{height:84px;margin:0 6vw}.brand{font-size:17px}.nav-contact{font-size:11px;gap:12px}.labs-main{padding:0 6vw;min-height:calc(100svh - 200px)}.hero-caption{left:6vw;right:6vw;top:20px}.eyebrow{font-size:8px;letter-spacing:1.4px}.chrome-object{width:100vw;top:35%}.orbit-core{width:102vw;top:35%}.orbit{width:126vw;height:46vw;top:35%}.orbit-b{width:114vw}.labs-title{padding-top:295px}.labs-title h1{font-size:17.2vw;letter-spacing:-.08em;margin:12px 0 27px -4px}.labs-title p{font-size:11px;margin:0}.projects{gap:24px;margin-top:0}.project{gap:12px;padding:20px 0 24px}.project-index{display:none}.project h2{font-size:26px;letter-spacing:-1px}.project p{font-size:9px}.project-arrow{font-size:24px}.footer{margin:0 6vw;flex-direction:column;align-items:flex-start;gap:8px;font-size:9px;padding:22px 0}.footer div{gap:20px}.zenkai-hero{display:flex;flex-direction:column;margin:0 6vw;align-items:stretch;overflow:hidden}.zenkai-copy{padding:54px 0 0}.zenkai-copy h1{font-size:64px;margin:22px 0}.lead{font-size:17px}.character-stage{height:500px;margin-top:0}.character-stage img{height:100%}.character-caption{right:0}.character-label{bottom:30px}.zenkai-details{grid-template-columns:1fr;margin:0 6vw;gap:28px;padding:36px 0}.zenkai-details h2{margin:9px 0}.zenkai-details p{max-width:none;margin-bottom:0}.product-note{margin:0 6vw;flex-direction:column;padding:30px 0 45px}.document-main{margin:35px auto 60px}.back{margin-bottom:30px}.document h1{letter-spacing:-2px}.doc-intro{font-size:18px}.prose{font-size:15px}.prose h2{font-size:22px}.updated{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* The studio homepage uses the company artwork and the two project names. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visual-nav{position:absolute;z-index:3;top:30px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:center}.visual-nav .brand{min-width:44px;min-height:44px}.icon-link{display:grid;place-items:center;width:44px;height:44px;color:#adb8c3}.icon-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}.icon-link:hover{color:var(--accent)}.visual-hero{height:72svh;min-height:500px;max-height:900px;position:relative;isolation:isolate;overflow:hidden}.visual-hero .chrome-object{top:49%;width:min(62vw,640px)}.visual-hero .orbit-core{top:49%;width:min(63vw,653px)}.visual-hero .orbit{top:49%;width:min(86vw,930px);height:min(28vw,330px)}.visual-hero .orbit-b{width:min(80vw,820px)}.visual-hero .ambient{background:radial-gradient(ellipse at 50% 50%,#2941594a,transparent 63%)}.hero-down{position:absolute;bottom:30px;left:calc(50% - 22px);font-size:25px}.visual-projects{margin:0 4vw;display:grid;grid-template-columns:1fr 1fr;gap:20px}.visual-project{height:430px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffffff14;background:#101418;transition:border-color .4s}.visual-project:hover{border-color:#ffffff50}.visual-project-title{position:absolute;bottom:23px;left:30px;right:30px;z-index:2;display:flex;align-items:center;justify-content:space-between}.visual-project h2{font-size:42px;letter-spacing:-2px;font-weight:400;margin:0;line-height:1.2}.visual-project-title>span{font-size:28px;transition:transform .35s}.visual-project:hover .visual-project-title>span{transform:translate(4px,-4px)}.project-art{position:absolute;inset:0;pointer-events:none}
/* BZAR Berry — exact brand roles from Bazario dev's design system. */
.bzar-project{
  --berry-ink:#4A1230;
  --berry-soft:#FFD9E8;
  --berry-accent:#EF607A;
  color:var(--berry-soft);
  background:radial-gradient(ellipse at 48% 35%,#EF607A24,transparent 62%),
    linear-gradient(145deg,var(--berry-ink),#260c20 65%,#160b17);
}
.bzar-project:hover{border-color:#EF607A88}
.bzar-art{perspective:850px}
.bzar-aura{position:absolute;width:320px;height:280px;left:calc(50% - 160px);top:20px;
  background:radial-gradient(ellipse,#EF607A30,transparent 68%);
  animation:berry-glow 9s ease-in-out infinite}
.bzar-orbit{position:absolute;left:calc(50% - 180px);top:105px;width:360px;height:140px;
  border:1px solid #FFD9E828;border-radius:50%;transform:rotate(-26deg);
  box-shadow:0 0 30px #EF607A09;animation:berry-orbit 14s ease-in-out infinite alternate}
.bzar-shadow{position:absolute;width:200px;height:20px;left:calc(50% - 100px);top:310px;
  background:#11051388;border-radius:50%;filter:blur(12px);
  animation:berry-shadow 10s ease-in-out infinite}
.bzar-sculpture{position:absolute;width:250px;aspect-ratio:279/243;left:calc(50% - 125px);top:58px;
  transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-24deg) rotateZ(-12deg);
  animation:berry-float 10s ease-in-out infinite}
.bzar-depth,.bzar-face,.bzar-sheen{position:absolute;inset:0;width:100%;height:100%}
.bzar-depth,.bzar-sheen{mask:url('/assets/bzar-symbol.svg') center/contain no-repeat}
.bzar-depth{background:linear-gradient(135deg,var(--berry-soft),var(--berry-accent) 30%,var(--berry-ink) 72%,var(--berry-accent))}
.bzar-depth:nth-child(1){transform:translateZ(-27px)}
.bzar-depth:nth-child(2){transform:translateZ(-24px)}
.bzar-depth:nth-child(3){transform:translateZ(-21px)}
.bzar-depth:nth-child(4){transform:translateZ(-18px)}
.bzar-depth:nth-child(5){transform:translateZ(-15px)}
.bzar-depth:nth-child(6){transform:translateZ(-12px)}
.bzar-depth:nth-child(7){transform:translateZ(-9px)}
.bzar-depth:nth-child(8){transform:translateZ(-6px)}
.bzar-depth:nth-child(9){transform:translateZ(-3px)}
.bzar-face{object-fit:contain;transform:translateZ(0)}
.bzar-sheen{transform:translateZ(.5px);
  background:linear-gradient(125deg,#ffffffb3 2%,transparent 24%,#EF607A70 43%,transparent 57%,#ffffffc7 68%,#EF607A4d 90%);
  background-size:250% 250%;animation:berry-sheen 10s ease-in-out infinite}
.visual-project .bzar-wordmark{display:block;width:140px;height:auto}
@keyframes berry-float{
  0%,100%{transform:translateY(6px) rotateX(14deg) rotateY(-24deg) rotateZ(-12deg)}
  50%{transform:translateY(-12px) rotateX(-9deg) rotateY(22deg) rotateZ(8deg)}
}
@keyframes berry-sheen{0%,100%{background-position:0% 30%}50%{background-position:100% 65%}}
@keyframes berry-shadow{0%,100%{transform:scaleX(1);opacity:.65}50%{transform:scaleX(.78);opacity:.3}}
@keyframes berry-glow{50%{transform:scale(1.15);opacity:.6}}
@keyframes berry-orbit{to{transform:rotate(-12deg) scale(.95)}}
@media(max-width:760px){
  .bzar-sculpture{width:218px;left:calc(50% - 109px);top:53px}
  .bzar-orbit{width:285px;height:130px;left:calc(50% - 142.5px);top:92px}
  .bzar-shadow{top:278px}
  .visual-project .bzar-wordmark{width:128px}
}

/* Gold identity shares the BZAR card's depth and drift, in Zenkai's night palette. */
.zenkai-project{--zenkai-gold:#F5B62E;--zenkai-ivory:#FFFCF5;
  background:radial-gradient(ellipse at 50% 32%,#F5B62E18,transparent 65%),
    linear-gradient(145deg,#25221c,#151517 72%);color:var(--zenkai-ivory)}
.zenkai-project:hover{border-color:#F5B62E88}
.zenkai-art{perspective:850px}
.zenkai-aura{position:absolute;width:340px;height:280px;left:calc(50% - 170px);top:24px;
  background:radial-gradient(ellipse,#F5B62E25,transparent 66%);
  animation:berry-glow 11s ease-in-out infinite}
.zenkai-orbit{position:absolute;left:calc(50% - 180px);top:109px;width:360px;height:140px;
  border:1px solid #F5B62E30;border-radius:50%;transform:rotate(24deg);
  animation:zenkai-orbit 15s ease-in-out infinite alternate}
.zenkai-shadow{position:absolute;width:200px;height:20px;left:calc(50% - 100px);top:310px;
  background:#07070aaa;border-radius:50%;filter:blur(12px);
  animation:berry-shadow 11s ease-in-out infinite}
.zenkai-sculpture{position:absolute;width:340px;aspect-ratio:1;left:calc(50% - 170px);top:-2px;
  transform-style:preserve-3d;transform:rotateX(12deg) rotateY(22deg) rotateZ(5deg);
  animation:zenkai-float 11s ease-in-out infinite}
.zenkai-depth,.zenkai-face,.zenkai-sheen{position:absolute;inset:0;width:100%;height:100%}
.zenkai-depth,.zenkai-sheen{mask:url('/assets/zenkai-symbol.png') center/contain no-repeat}
.zenkai-depth{background:linear-gradient(135deg,#ffeab8,var(--zenkai-gold) 28%,#76511f 69%,#daa63d)}
.zenkai-depth:nth-child(1){transform:translateZ(-27px)}
.zenkai-depth:nth-child(2){transform:translateZ(-24px)}
.zenkai-depth:nth-child(3){transform:translateZ(-21px)}
.zenkai-depth:nth-child(4){transform:translateZ(-18px)}
.zenkai-depth:nth-child(5){transform:translateZ(-15px)}
.zenkai-depth:nth-child(6){transform:translateZ(-12px)}
.zenkai-depth:nth-child(7){transform:translateZ(-9px)}
.zenkai-depth:nth-child(8){transform:translateZ(-6px)}
.zenkai-depth:nth-child(9){transform:translateZ(-3px)}
.zenkai-face{object-fit:contain;transform:translateZ(0)}
.zenkai-sheen{transform:translateZ(.5px);
  background:linear-gradient(125deg,#fff5cc77 2%,transparent 27%,#88591644 44%,transparent 57%,#fff7d680 69%,transparent 90%);
  background-size:250% 250%;animation:berry-sheen 11s ease-in-out infinite}
.visual-project .zenkai-wordmark{display:block;width:190px;height:auto}
@keyframes zenkai-float{
  0%,100%{transform:translateY(3px) rotateX(12deg) rotateY(22deg) rotateZ(5deg)}
  50%{transform:translateY(-12px) rotateX(-8deg) rotateY(-20deg) rotateZ(-7deg)}
}
@keyframes zenkai-orbit{to{transform:rotate(12deg) scale(.95)}}
@media(max-width:760px){
  .zenkai-sculpture{width:292px;left:calc(50% - 146px);top:2px}
  .zenkai-orbit{width:285px;height:130px;left:calc(50% - 142.5px);top:92px}
  .zenkai-shadow{top:278px}
  .visual-project .zenkai-wordmark{width:174px}
}
.visual-footer{height:72px;margin:0 4vw;display:flex;align-items:center;justify-content:flex-end}.motion-paused .project-art *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.project-art *{animation:none!important}}@media(max-width:760px){.visual-nav{top:18px;left:6vw;right:6vw}.visual-hero{height:65svh;min-height:450px}.visual-hero .chrome-object{width:94vw}.visual-hero .orbit-core{width:96vw}.visual-hero .orbit{width:127vw;height:42vw}.visual-hero .orbit-b{width:118vw}.visual-projects{margin:0 6vw;grid-template-columns:1fr;gap:16px}.visual-project{height:380px}.visual-project-title{left:24px;right:24px;bottom:24px}.visual-project h2{font-size:38px}.hero-down{bottom:22px}.visual-footer{margin:0 6vw}}
.character-stage{overflow:hidden}.character-stage img{position:absolute;inset:0;height:100%;width:100%;max-width:100%;max-height:100%;object-fit:contain}
.project-art *{animation-play-state:paused}.motion-enabled:not(.motion-paused) .project-art *{animation-play-state:running}

/* SVG viewBoxes frame the supplied PNGs' transparent padding without editing the artwork. */

.labs-wordmark{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);
  width:min(48vw,540px);margin:0;line-height:0;pointer-events:none;
  filter:drop-shadow(0 3px 16px #03070ddd)}
.labs-wordmark svg{display:block;width:100%;height:auto;overflow:hidden}
@media(max-width:760px){.labs-wordmark{width:84vw}}

@media(max-width:760px){.nav .brand{gap:10px}.nav .brand .labs-logo{width:30px;height:32px}.nav .brand .labs-wordmark-art{width:134px}}