:root{--bg:#fbfaf6;--ink:#202124;--muted:#64676e;--line:#deded8;--blue:#4d7cff;--yellow:#ffd45c;--green:#62c58b;--red:#ff776d;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.skip{position:fixed;top:-4rem;left:1rem;z-index:20;background:var(--ink);color:#fff;padding:.7rem 1rem}.skip:focus{top:1rem}.topbar{height:76px;padding:0 clamp(20px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.04em}.logo-symbol{position:relative;width:31px;height:31px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(9deg)}.logo-symbol i{display:block;border-radius:8px 8px 2px 8px}.logo-symbol i:nth-child(1){background:var(--blue)}.logo-symbol i:nth-child(2){background:var(--red)}.logo-symbol i:nth-child(3){background:var(--green)}.logo-symbol i:nth-child(4){background:var(--yellow)}nav{display:flex;gap:34px;font-size:14px}nav a,.plain-link{border-bottom:1px solid transparent}nav a:hover,.plain-link:hover{border-color:currentColor}.pill{border:1px solid var(--ink);border-radius:100px;padding:13px 18px;display:inline-flex;align-items:center;gap:30px;font:500 12px var(--mono);transition:.2s}.pill:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink)}.pill-small{padding:10px 14px;gap:18px}.pill-dark{background:var(--ink);color:#fff}.hero{min-height:calc(100svh - 76px);padding:clamp(70px,9vw,140px) clamp(20px,4vw,70px) 34px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr auto;gap:30px;position:relative;overflow:hidden}.kicker,.section-label,.tag,.counter,.report-top,.report-foot,.coming{font:500 10px/1.4 var(--mono);letter-spacing:.06em}.hero-copy{align-self:center;position:relative;z-index:2}.hero h1{font-size:clamp(68px,8.6vw,144px);line-height:.91;letter-spacing:-.075em;margin:20px 0 30px;max-width:850px;font-weight:500}.word-blue{color:var(--blue)}.lead{font-size:clamp(18px,1.6vw,25px);line-height:1.28;max-width:580px;color:var(--muted);letter-spacing:-.025em}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px}.plain-link{font-size:14px}.playground{align-self:center;justify-self:end;width:min(38vw,590px);aspect-ratio:1;position:relative;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 30px 80px rgba(32,33,36,.08)}.orbit{position:absolute;border:1px dashed #b9bbc0;border-radius:50%;inset:12%}.orbit-two{inset:28%}.shape{position:absolute;width:74px;height:74px;border-radius:22px;display:grid;place-items:center;font:500 20px var(--mono);box-shadow:0 12px 30px rgba(0,0,0,.12);animation:float 5s ease-in-out infinite}.shape-blue{background:var(--blue);color:#fff;left:5%;top:20%;transform:rotate(-10deg)}.shape-yellow{background:var(--yellow);right:3%;top:15%;animation-delay:-1s}.shape-red{background:var(--red);color:#fff;right:8%;bottom:10%;animation-delay:-2s}.shape-green{background:var(--green);left:8%;bottom:13%;animation-delay:-3s}@keyframes float{50%{translate:0 -13px;rotate:4deg}}.center-card{position:absolute;inset:34%;border-radius:50%;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font:500 9px/1.35 var(--mono);box-shadow:0 18px 50px rgba(0,0,0,.25)}.center-card b{color:var(--yellow)}.center-card strong{color:var(--green);margin-top:3px}.hero-note{grid-column:1/-1;display:flex;align-items:center;gap:16px;font:10px var(--mono);color:var(--muted)}.hero-note i{height:4px;width:4px;border-radius:50%;background:var(--blue)}.section{padding:clamp(85px,11vw,170px) clamp(20px,4vw,70px)}.promise{border-top:1px solid var(--line)}.promise h2,.journal h2,.studio h2{font-size:clamp(52px,6.5vw,106px);line-height:.98;letter-spacing:-.065em;margin:38px 0 70px;font-weight:500}.promise h2 span,.journal h2 span{color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mode{min-height:390px;border-radius:32px;padding:26px;display:flex;flex-direction:column}.mode-num{font:10px var(--mono)}.mode-icon{margin:auto 0;font-size:76px;font-weight:400}.mode h3{font-size:35px;letter-spacing:-.05em;margin:0 0 8px}.mode p{font-size:16px;line-height:1.35;margin:0;max-width:310px}.blue-card{background:var(--blue);color:#fff}.yellow-card{background:var(--yellow)}.green-card{background:var(--green)}.work{background:#fff;border-radius:46px 46px 0 0}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-top h2{font-size:clamp(45px,5.4vw,88px);line-height:.96;letter-spacing:-.06em;margin:18px 0 0;font-weight:500}.counter{color:var(--muted)}.project{border:1px solid var(--line);border-radius:30px;padding:clamp(25px,3vw,45px);overflow:hidden;position:relative}.project-loka{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:#f2f5ff}.project-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.project-copy h3{font-size:clamp(44px,5vw,82px);line-height:.93;letter-spacing:-.065em;margin:28px 0 20px;font-weight:500}.project-copy>p:not(.tag){font-size:18px;line-height:1.3;max-width:470px;color:var(--muted)}.project-copy a{margin-top:auto;font:500 12px var(--mono);border-bottom:1px solid;padding-bottom:8px}.loka-visual{align-self:center;padding-left:8%;transform:rotate(3deg)}.prompt{background:white;border:1px solid #cbd2e3;border-radius:18px;padding:20px;display:flex;gap:20px;margin:-5px 0;box-shadow:0 12px 30px rgba(35,62,126,.08);transform:translateX(28px);opacity:.7}.prompt:nth-child(2){transform:translateX(0)}.prompt.active{background:var(--blue);color:#fff;transform:translateX(52px);opacity:1}.prompt span{font:10px var(--mono);opacity:.7}.prompt p{margin:0;font-size:17px}.project-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.small-project{min-height:530px}.aig{background:#fdf0ef}.next{background:#f1f8ed}.coming{margin-top:auto;border:1px solid;border-radius:100px;padding:8px 11px}.signal{height:150px;display:flex;align-items:end;justify-content:flex-end;gap:9px;margin-top:30px}.signal i{width:9%;background:var(--red);border-radius:20px}.signal i:nth-child(1){height:20%}.signal i:nth-child(2){height:45%}.signal i:nth-child(3){height:90%}.signal i:nth-child(4){height:55%}.signal i:nth-child(5){height:72%}.next-mark{position:absolute;right:30px;bottom:0;color:var(--green);font-size:280px;line-height:.7;font-weight:400}.journal{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:var(--yellow)}.journal-intro{align-self:center}.journal-intro p:last-child{max-width:420px;font-size:18px;color:#655b32}.report{background:var(--ink);color:#fff;min-height:650px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.3s}.report:hover{transform:rotate(1deg) translateY(-7px)}.report-top,.report-foot{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}.report h3{font-size:clamp(75px,9vw,146px);line-height:.78;letter-spacing:-.08em;margin:12px 0;position:relative;z-index:2}.report>div>p{font:11px var(--mono);position:relative;z-index:2}.report-shapes i{position:absolute;border-radius:50%}.report-shapes i:nth-child(1){width:380px;height:380px;background:var(--blue);right:-110px;top:70px}.report-shapes i:nth-child(2){width:260px;height:260px;background:var(--red);right:80px;top:190px;mix-blend-mode:screen}.report-shapes i:nth-child(3){width:120px;height:120px;background:var(--green);right:25%;top:80px;mix-blend-mode:screen}.report-foot b{font-weight:500;color:var(--yellow)}.studio{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:9vw}.studio-mark{aspect-ratio:1;max-width:550px;position:relative;border-radius:50%;background:white;border:1px solid var(--line);display:grid;place-items:center}.studio-mark span{position:absolute;width:28%;height:28%;border-radius:35%;transform-origin:calc(50% + 100px) 50%}.studio-mark span:nth-child(1){background:var(--blue);transform:translateX(-95px)}.studio-mark span:nth-child(2){background:var(--red);transform:translateY(-95px)}.studio-mark span:nth-child(3){background:var(--yellow);transform:translateX(95px)}.studio-mark span:nth-child(4){background:var(--green);transform:translateY(95px)}.studio-mark b{font-size:100px;font-weight:500;z-index:2}.studio-copy>p:not(.section-label){font-size:20px;line-height:1.3;max-width:580px;color:var(--muted)}.studio-copy .pill{margin-top:26px}footer{background:var(--ink);color:#fff;padding:50px clamp(20px,4vw,70px) 26px;display:grid;grid-template-columns:1fr 1fr;gap:70px}footer p{font-size:clamp(33px,5vw,70px);letter-spacing:-.06em;margin:0;max-width:560px;line-height:.95}.footer-logo{align-self:start}footer>div{display:flex;gap:25px;align-items:end;justify-content:flex-end;font:11px var(--mono)}footer small{grid-column:1/-1;border-top:1px solid #414348;padding-top:18px;font:9px var(--mono);color:#a9abb0}.reveal{opacity:0;transform:translateY(16px);transition:.65s cubic-bezier(.2,.75,.2,1)}.reveal.in{opacity:1;transform:none}@media(max-width:800px){.topbar{height:66px}.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero h1{font-size:clamp(65px,18vw,105px)}.playground{width:82vw;justify-self:center;margin-top:25px}.mode-grid,.project-row,.journal,.studio{grid-template-columns:1fr}.mode{min-height:330px}.project-loka{grid-template-columns:1fr;min-height:720px}.loka-visual{padding:40px 0 0}.small-project{min-height:500px}.journal{gap:60px}.report{min-height:570px}.studio-mark{width:86vw;margin:auto}.studio-mark span{transform-origin:center}.studio-mark span:nth-child(1){transform:translateX(-72px)}.studio-mark span:nth-child(2){transform:translateY(-72px)}.studio-mark span:nth-child(3){transform:translateX(72px)}.studio-mark span:nth-child(4){transform:translateY(72px)}footer{grid-template-columns:1fr;gap:35px}footer>div{justify-content:flex-start}footer small{grid-column:auto}}

/* 2026-10-09 selected-direction amendments */
.line-arrow{width:88px;height:88px;display:grid;place-items:center}.line-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.center-card strong{letter-spacing:-.04em}.site-snippet{position:relative;overflow:hidden;border:1px solid rgba(32,33,36,.16);background:#fff}.site-snippet img{width:100%;height:100%;display:block;object-fit:cover}.loka-visual{align-self:center;padding-left:0;aspect-ratio:1.42;border-radius:20px;transform:rotate(3deg) translateX(3%);box-shadow:0 22px 52px rgba(35,62,126,.18)}.loka-visual img{object-position:center top}.aig{transition:transform .25s ease,box-shadow .25s ease}.aig:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(60,30,30,.12)}.aig .project-copy{max-width:82%}.aig-snippet{position:absolute;left:28px;bottom:26px;width:58%;aspect-ratio:1.75;border-radius:14px;transform:rotate(-4deg);box-shadow:0 18px 35px rgba(60,30,30,.18);transition:transform .3s ease}.aig:hover .aig-snippet{transform:rotate(-1deg) translateY(-4px)}.aig-snippet img{object-position:center top}.next-mark{position:absolute;right:18px;bottom:8px;width:min(48%,240px);height:auto;overflow:visible;fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.next-mark circle{fill:var(--bg)}.report-actual{position:absolute;z-index:1;width:66%;aspect-ratio:1.775;right:-14%;top:13%;overflow:hidden;border:1px solid rgba(255,255,255,.35);box-shadow:0 28px 60px rgba(0,0,0,.42);transform:rotate(5deg);transition:transform .4s ease}.report:hover .report-actual{transform:rotate(2deg) scale(1.03)}.report-actual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,33,36,.48),transparent 48%)}.report-actual img{width:100%;height:100%;display:block;object-fit:cover}.studio-mark span{width:22%;height:22%;transform:none;filter:drop-shadow(0 10px 18px rgba(32,33,36,.12))}.studio-mark span:nth-child(1){left:9%;top:36%;transform:none;animation:studioFloatOne 5.2s ease-in-out infinite}.studio-mark span:nth-child(2){right:19%;top:9%;transform:none;animation:studioFloatTwo 6s ease-in-out infinite}.studio-mark span:nth-child(3){right:8%;bottom:23%;transform:none;animation:studioFloatThree 5.6s ease-in-out infinite}.studio-mark span:nth-child(4){left:29%;bottom:8%;transform:none;animation:studioFloatFour 6.4s ease-in-out infinite}.studio-mark b{font-size:clamp(26px,4vw,58px);font-weight:600;letter-spacing:.12em;z-index:2;background:#fff;border:1px solid var(--line);border-radius:100px;padding:13px 20px;box-shadow:0 12px 34px rgba(32,33,36,.08)}@keyframes studioFloatOne{50%{translate:8px -13px;rotate:-7deg}}@keyframes studioFloatTwo{50%{translate:-11px 9px;rotate:8deg}}@keyframes studioFloatThree{50%{translate:-7px -12px;rotate:-5deg}}@keyframes studioFloatFour{50%{translate:10px 8px;rotate:7deg}}@media(max-width:800px){.line-arrow{width:74px;height:74px}.project-loka{min-height:760px}.loka-visual{width:108%;transform:rotate(2deg) translateX(-2%);margin-top:46px}.aig .project-copy{max-width:100%}.aig-snippet{width:61%;left:25px;bottom:24px}.next-mark{width:47%;right:18px;bottom:12px}.report-actual{width:88%;right:-32%;top:18%;opacity:.92}.report-actual:after{background:linear-gradient(90deg,rgba(32,33,36,.66),rgba(32,33,36,.06))}.studio-mark b{font-size:clamp(24px,8vw,42px);padding:11px 16px}}

/* 2026-10-09 shape-retention and static-lockup correction */
.loka-visual{position:relative;aspect-ratio:auto;width:100%;min-width:0;align-self:center;height:470px;padding:0 0 0 7%;transform:none;background:transparent;border:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column;justify-content:flex-end}.loka-snippet{position:absolute;z-index:1;top:0;right:0;width:66%;aspect-ratio:1.47;border:0;border-radius:16px;transform:rotate(3deg);box-shadow:0 18px 42px rgba(35,62,126,.18)}.loka-snippet img{object-fit:cover;object-position:center}.loka-visual .prompt{position:relative;z-index:2}.aig-visual{position:absolute;left:27px;right:27px;bottom:25px;height:172px}.aig-visual .aig-snippet{position:absolute;left:0;bottom:2px;width:57%;height:132px;aspect-ratio:auto;border:0;border-radius:13px;background:transparent;transform:rotate(-4deg);box-shadow:0 16px 34px rgba(60,30,30,.17)}.aig-visual .aig-snippet img{object-fit:cover;object-position:center}.aig:hover .aig-visual .aig-snippet{transform:rotate(-1deg) translateY(-3px)}.aig-visual .signal{position:absolute;right:0;bottom:0;width:51%;height:150px;margin:0;z-index:2}.report-shapes{position:absolute;inset:0;z-index:0}.report-actual{z-index:1;width:48%;aspect-ratio:1;right:4%;top:12%;border-radius:50%;transform:rotate(4deg);box-shadow:0 22px 48px rgba(0,0,0,.38)}.report-actual:after{content:none}.report-actual img{object-fit:cover;object-position:left center}.report:hover .report-actual{transform:rotate(2deg) scale(1.025)}.studio-mark.studio-lockup{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,38px);overflow:visible}.studio-mark.studio-lockup .studio-logo{position:relative;inset:auto;width:34%;height:auto;aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;gap:9%;animation:none;filter:none;transform:rotate(5deg)}.studio-logo i{display:block;border-radius:46% 46% 18% 46%}.studio-logo i:nth-child(1){background:var(--blue)}.studio-logo i:nth-child(2){background:var(--red)}.studio-logo i:nth-child(3){background:var(--green)}.studio-logo i:nth-child(4){background:var(--yellow)}.studio-mark.studio-lockup>b{font-size:clamp(46px,7vw,96px);font-weight:600;letter-spacing:-.065em;background:none;border:0;border-radius:0;padding:0;box-shadow:none}@media(max-width:800px){.project-loka{min-height:930px}.loka-visual{width:100%;height:555px;margin-top:36px;padding-left:1%;transform:none}.loka-snippet{width:86%;top:0;right:0}.aig-visual{left:24px;right:24px;bottom:23px;height:178px}.aig-visual .aig-snippet{width:58%;height:126px}.aig-visual .signal{width:49%;height:145px}.report-actual{width:58%;right:-4%;top:16%;opacity:1}.studio-mark.studio-lockup{width:86vw;margin:auto;gap:20px}.studio-mark.studio-lockup .studio-logo{width:35%}.studio-mark.studio-lockup>b{font-size:clamp(48px,14vw,72px)}}

/* 2026-10-09 consolidated Genzai palette and composition */
:root{--blue:#2F6FED;--red:#6C1836;--green:#4CC58A;--yellow:#F4A53D}
.word-blue{color:var(--blue)}
.logo-symbol i:nth-child(1),.studio-logo i:nth-child(1){background:var(--red)}
.logo-symbol i:nth-child(2),.studio-logo i:nth-child(2){background:var(--blue)}
.logo-symbol i:nth-child(3),.studio-logo i:nth-child(3){background:var(--yellow)}
.logo-symbol i:nth-child(4),.studio-logo i:nth-child(4){background:var(--green)}
.shape{display:grid;place-items:center;font:500 14px/1 var(--mono);letter-spacing:.04em}
.shape span{font:500 23px/1 var(--mono)}
.shape small{font:500 7px/1 var(--mono);letter-spacing:.08em}
.shape-blue{background:var(--blue);color:#fff}
.shape-yellow{background:var(--yellow);color:var(--ink)}
.shape-red{background:var(--red);color:#fff}
.shape-green{background:var(--green);color:#12372A}
.center-card b{color:var(--green)}.center-card strong{color:var(--yellow)}
.blue-card{background:var(--blue);color:#fff}
.yellow-card{background:var(--green);color:#12372A}
.green-card{background:var(--yellow);color:var(--ink)}
.mode p{color:inherit}
.project-loka{background:#FFF0DD;border-color:#E9C48E}
.project-loka .tag{color:#8A4616}
.loka-snippet{width:82%;right:3%;border:1px solid rgba(130,67,20,.18);transform:rotate(1.25deg);box-shadow:0 20px 45px rgba(151,80,26,.18)}
.loka-visual .prompt{width:94%;border-color:#E2C7A1;transform:translateX(4%)}
.loka-visual .prompt:nth-child(2){transform:translateX(0)}
.loka-visual .prompt.active{width:92%;background:#E8752C;color:#fff;border-color:#E8752C;transform:translateX(8%)}
.aig{background:var(--red);color:#fff;border-color:#8D3655}
.aig .project-copy>p:not(.tag){color:rgba(255,255,255,.78)}
.aig .coming{border-color:rgba(255,255,255,.72);color:#fff}
.aig-visual .signal i{background:#F8D9E4}
.next{background:#EAF1FF;border-color:#B8CCFA}
.next .project-copy>p:not(.tag){color:#39527F}
.next-mark{stroke:var(--blue);z-index:1}.next-mark circle{fill:#EAF1FF}
.next-bubbles{position:absolute;right:34px;bottom:150px;width:154px;height:112px;display:block;transform:none;z-index:2}
.next-bubbles i{position:absolute;width:44px;height:38px;display:block;border-radius:15px 15px 15px 6px;box-shadow:0 8px 18px rgba(28,72,150,.12)}
.next-bubbles i:nth-child(1){left:0;top:68px;background:#15396F}.next-bubbles i:nth-child(2){left:35px;top:42px;background:#275DBC}.next-bubbles i:nth-child(3){left:72px;top:19px;background:#4F82EA}.next-bubbles i:nth-child(4){left:108px;top:0;background:#A9C4FF}
.journal{background:var(--green);color:#12372A}
.journal h2 span{color:#1B6B4A}.journal-intro p:last-child{color:#174A38}
.report{background:#0D3B2B;color:#fff}
.report-shapes i:nth-child(1){background:#176647}.report-shapes i:nth-child(2){background:#3BC988}.report-shapes i:nth-child(3){background:#A6EBCF}
.report-actual{border:4px solid #C7F2DE;box-shadow:0 22px 48px rgba(3,42,28,.46)}
.report-actual img{object-position:68% center}
.report-foot b{color:#FFC66C}
.studio-mark.studio-lockup>.studio-logo{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:30%;height:auto;aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;gap:9%;background:transparent;animation:none;filter:none;transform:none}
.studio-mark.studio-lockup>.studio-logo i{position:static;width:auto;height:auto;display:block;transform:none;animation:none;filter:none;border-radius:48% 48% 20% 48%}
.studio-mark.studio-lockup>b{letter-spacing:-.065em}
.project-copy>a,.hero-actions .plain-link,footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:800px){.project-loka{min-height:825px}.loka-visual{height:440px;margin-top:24px;padding-left:0}.loka-snippet{width:96%;right:2%;top:0}.loka-visual .prompt{width:94%}.loka-visual .prompt.active{width:92%}.next-bubbles{width:154px;height:112px;right:30px;bottom:145px}.studio-mark.studio-lockup>.studio-logo{width:31%}.studio-mark.studio-lockup>b{font-size:clamp(44px,13vw,66px)}}


/* 2026-10-09 requested content and colour refinements */
.project-loka .project-copy>a{color:#D95F13;border-color:currentColor;font-weight:500}
.aig-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.aig-links a{min-height:42px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.72);border-radius:100px;padding:9px 13px;color:#fff;font:500 10px/1 var(--mono);letter-spacing:.04em}
.aig-links a:hover{background:#fff;color:var(--red)}
.next-bubbles i:after{content:"";position:absolute;left:9px;bottom:-5px;width:11px;height:11px;background:inherit;transform:rotate(45deg);border-radius:2px}
@media(max-width:800px){.aig{min-height:590px}.shape{font-size:13px}.next-bubbles{right:28px;bottom:144px}}

@media(min-width:801px){.small-project{min-height:585px}}

/* 2026-10-09 final editorial polish */
:root{--scroll-progress:0}
.topbar{position:sticky;top:0;background:rgba(251,250,246,.88);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px 0 rgba(32,33,36,.04)}
.topbar:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:linear-gradient(90deg,var(--blue) 0 25%,var(--red) 25% 50%,var(--yellow) 50% 75%,var(--green) 75%);transform:scaleX(var(--scroll-progress));transform-origin:left center;will-change:transform}
.hero{background:radial-gradient(circle at 82% 22%,rgba(47,111,237,.075),transparent 24%),radial-gradient(circle at 72% 80%,rgba(76,197,138,.06),transparent 28%)}
.orbit-one{animation:orbitTurn 42s linear infinite}.orbit-two{animation:orbitTurn 34s linear infinite reverse}
@keyframes orbitTurn{to{transform:rotate(1turn)}}
.mode,.project,.report{transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s cubic-bezier(.2,.75,.2,1)}
.mode{box-shadow:0 12px 30px rgba(32,33,36,.05)}
.project{box-shadow:0 12px 35px rgba(32,33,36,.045)}
.reveal{transition-delay:var(--reveal-delay,0ms)}
a:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:8px}
.report:focus-visible{border-radius:4px}
@media(hover:hover) and (pointer:fine){.mode:hover,.project-loka:hover,.next:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(32,33,36,.11)}.next-bubbles i{transition:transform .28s ease}.next:hover .next-bubbles i:nth-child(1){transform:translate(-3px,3px)}.next:hover .next-bubbles i:nth-child(2){transform:translate(-1px,1px)}.next:hover .next-bubbles i:nth-child(3){transform:translate(1px,-1px)}.next:hover .next-bubbles i:nth-child(4){transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shape,.orbit,.studio-mark span{animation:none!important}.reveal,.mode,.project,.report,.pill,.next-bubbles i{transition:none!important}}
@media(max-width:800px){.hero h1 .word-blue{display:block}}


/* Production utility pages */
.utility-page{min-height:100svh;display:flex;flex-direction:column}.utility-page .topbar{flex:0 0 auto}.utility-main{flex:1;padding:clamp(80px,11vw,150px) clamp(20px,8vw,130px);background:radial-gradient(circle at 88% 12%,rgba(47,111,237,.1),transparent 26%)}.utility-wrap{max-width:850px}.utility-main h1{font-size:clamp(64px,9vw,138px);line-height:.88;letter-spacing:-.075em;font-weight:500;margin:22px 0 45px}.utility-main h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.045em;margin:45px 0 12px}.utility-main p,.utility-main li{font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:var(--muted)}.utility-main ul{padding-left:1.25em}.utility-main .pill{margin-top:32px}.utility-meta{font:500 10px/1.4 var(--mono);letter-spacing:.06em}.utility-page footer{margin-top:auto}.error-code{color:var(--blue)}