.hero{min-height:100svh;padding:calc(var(--header) + 36px) 0 clamp(48px, 7vw, 90px);border-radius:0 0 var(--radius) var(--radius);background:radial-gradient(60% 70% at 72% 45%, #0d2833 0%, var(--stage) 72%);align-items:center;display:grid;overflow:clip}.hero-inner{align-items:center;gap:clamp(8px,3vw,40px);display:grid}@media (min-width:960px){.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}.hero h1{gap:18px;display:grid}.hero-name{align-items:center;gap:10px;display:inline-flex}.hero-name:before{content:"";background:currentColor;width:26px;height:1.5px}.hero-lines{display:grid}.hero-lines .line{letter-spacing:-.035em;color:#fff;white-space:nowrap;animation:rise 1.1s var(--spring) both;font-size:clamp(2.9rem,6.6vw,6.9rem);font-weight:720;line-height:.92;display:block}.hero-lines .line.glow{background:linear-gradient(100deg,#b8f3ff 0%,#19d3ff 45%,#0b9fd8 100%);color:#0000;filter:drop-shadow(0 0 34px #19d3ff59);-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;animation-delay:.12s}@keyframes rise{0%{opacity:0;translate:0 .35em}}.hero-lead{max-width:50ch;color:var(--stage-dim);animation:rise 1s var(--spring) .25s both;margin-top:26px;font-size:clamp(1.05rem,1.45vw,1.24rem)}.hero-actions{animation:rise 1s var(--spring) .35s both;flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-mark{justify-self:center;justify-items:center;gap:4px;width:min(100%,580px);display:grid;position:relative}@media (max-width:959px){.hero-mark{order:-1;width:min(82vw,440px);margin-bottom:-8px}}.mark3d{aspect-ratio:1;touch-action:pan-y;cursor:grab;outline-offset:-12px;width:100%;position:relative}.mark3d:active{cursor:grabbing}.mark3d img{z-index:1;filter:drop-shadow(0 50px 40px #0000008c);width:100%;height:auto;position:relative}.mark3d-glow{background:var(--cyan);filter:blur(90px);opacity:.26;border-radius:50%;animation:6s ease-in-out infinite alternate breathe;position:absolute;inset:20%}@keyframes breathe{to{opacity:.4;scale:1.12}}.mark3d-ripples{width:86%;height:20%;position:absolute;bottom:8%;left:50%;translate:-50%}.mark3d-ripples i,.reach-ripples i{opacity:0;animation:ripple 6s var(--ease) infinite;border:1.5px solid #19d3ff80;border-radius:50%;position:absolute;inset:0}.mark3d-ripples i:nth-child(2),.reach-ripples i:nth-child(2){animation-delay:2s}.mark3d-ripples i:nth-child(3),.reach-ripples i:nth-child(3){animation-delay:4s}.reach-ripples i:nth-child(4){animation-delay:5s}@keyframes ripple{0%{opacity:.7;scale:.2}to{opacity:0;scale:1.15}}.hero-hint{opacity:.55;font-size:.68rem}.ticker{border-bottom:1px solid var(--line);padding:26px 0;overflow:hidden}.ticker-track{width:max-content;animation:46s linear infinite tick;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-row{white-space:nowrap;font:500 .82rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);align-items:center;gap:34px;padding-right:34px;display:flex}.ticker-row b{font:700 1.45rem var(--display);letter-spacing:-.02em;text-transform:none;color:var(--ink)}.ticker-row span:before{content:"";background:var(--cyan);vertical-align:2px;border-radius:50%;width:7px;height:7px;margin-right:14px;display:inline-block}@keyframes tick{to{translate:-50%}}.work{padding-top:clamp(80px,10vw,140px)}.projects{padding-inline:10px;gap:22px;padding-bottom:clamp(40px,6vw,80px);display:grid}.project{isolation:isolate;border-radius:var(--radius);width:min(100%,1340px);color:var(--p-text);background:var(--p-bg);margin-inline:auto;position:relative;overflow:clip;box-shadow:0 40px 90px -40px #0000008c}@media (min-width:960px) and (min-height:700px){.project{top:calc(var(--header) + 14px);min-height:calc(100svh - var(--header) - 40px);transform-origin:50% 0;scale:calc(1 - var(--covered,0) * .05);filter:brightness(calc(1 - var(--covered,0) * .35));position:sticky}}.project-art{z-index:-1;position:absolute;inset:0}.project-art img{object-fit:cover;width:100%;height:100%}.project-art:after{content:"";background:var(--p-shade);position:absolute;inset:0}.project-inner{min-height:inherit;align-items:center;gap:28px;padding:clamp(28px,5vw,76px);display:grid}@media (min-width:960px){.project-inner{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}.project-copy{justify-items:start;gap:14px;max-width:590px;display:grid}.project-icon{border-radius:18px;width:70px;height:70px;margin-bottom:4px;box-shadow:0 18px 30px -14px #0009}.projects .project p.label{color:var(--p-accent)}.project h3{color:var(--p-ink);font-size:clamp(2.3rem,5vw,4.4rem)}.project-claim{font:650 clamp(1.15rem, 2vw, 1.55rem)/1.2 var(--display);color:var(--p-ink)}.project-text{max-width:52ch;font-size:1.04rem}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:8px 0 0;display:grid}@media (min-width:560px){.project-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.project-facts div{background:var(--p-chip);border-radius:16px;flex-direction:column-reverse;gap:6px;padding:14px 14px 12px;display:flex}.project-facts dd{font:720 clamp(1.7rem, 3vw, 2.4rem)/1 var(--display);color:var(--p-ink);margin:0}.project-facts dt{font:500 .66rem/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.project-devices{opacity:.85;font-size:.86rem}.project-links{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:10px;display:flex}.project .button.primary{background:var(--p-button);color:var(--p-button-text);box-shadow:0 14px 30px -14px var(--p-button)}.project .text-link{color:var(--p-link)}.project-phones{height:clamp(440px,62svh,660px);position:relative}.phone{width:clamp(170px,21vw,270px);aspect-ratio:var(--ratio);background:#07090b;border-radius:32px;margin:0;padding:7px;position:absolute;top:50%;left:50%;box-shadow:0 50px 80px -30px #000000b3,inset 0 0 0 1.5px #ffffff24}.phone img{object-fit:cover;border-radius:26px;width:100%;height:100%}.phone.front{z-index:2;translate:-78% -50%;rotate:-5deg}.phone.back{z-index:1;translate:-12% -44%;rotate:6deg}.project-figure{z-index:3;filter:drop-shadow(0 24px 30px #0000008c);width:clamp(110px,13vw,190px);height:auto;position:absolute;bottom:-2%;right:0}@media (max-width:959px){.project-phones{height:118vw;max-height:560px}.phone{width:44vw;max-width:230px}.phone.front{translate:-86% -50%}.phone.back{translate:-8% -44%}.project-figure{width:26vw;right:-2%}}.project.daynori{--p-bg:#fdebd6;--p-text:#5c4538;--p-ink:#2a1a12;--p-accent:#a5482a;--p-chip:#ffffff8c;--p-button:#2a1a12;--p-button-text:#fdebd6;--p-link:#8c3b1f;--p-shade:linear-gradient(90deg, #fdebd6f7 0%, #fdebd6d1 40%, #fdebd60d 72%)}.project.laneshooter{--p-bg:#101a55;--p-text:#cdd3ff;--p-ink:#fff;--p-accent:#ffd43a;--p-chip:#ffffff1a;--p-button:#ffd43a;--p-button-text:#101a55;--p-link:#ffd43a;--p-shade:linear-gradient(90deg, #0b0e34f2 0%, #0b0e34c7 40%, #0b0e341f 75%)}@media (max-width:959px){.project.daynori{--p-shade:linear-gradient(180deg, #fdebd6f7 0%, #fdebd6e6 55%, #fdebd659 100%)}.project.laneshooter{--p-shade:linear-gradient(180deg, #0b0e34f2 0%, #0b0e34d9 55%, #0b0e344d 100%)}}.studio-grid{gap:40px;display:grid}@media (min-width:960px){.studio-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start}}.studio h2{margin:16px 0 26px;font-size:clamp(2.3rem,5.4vw,4.6rem)}.studio-text{max-width:62ch;color:var(--text);font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.7}.studio-facts{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;margin:0;padding:10px 28px;position:relative;overflow:hidden}.studio-mark{opacity:.14;width:150px;height:auto;position:absolute;top:-22px;right:-26px}.studio-facts div{border-bottom:1px solid var(--line);gap:4px;padding:16px 0;display:grid;position:relative}.studio-facts div:last-child{border-bottom:0}.studio-facts dt{font:500 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.studio-facts dd{color:var(--ink);margin:0;font-weight:600}.principles{padding-top:0}.principle-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.principle-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.principle-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.principle-list li{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;align-content:start;gap:12px;padding:28px;display:grid}.principle-list svg{width:46px;height:46px;color:var(--cyan-ink);background:#19d3ff24;border-radius:14px;padding:11px}:root[data-theme=dark] .principle-list svg{color:var(--cyan)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .principle-list svg{color:var(--cyan)}}.principle-list h3{font-size:1.32rem}.principle-list p{color:var(--dim)}.questions{padding-top:0}.reach{border-radius:var(--radius);text-align:center;background:radial-gradient(70% 90% at 50% 105%, #0f3443, var(--stage) 68%);margin:0 10px clamp(60px,8vw,100px);padding-block:clamp(90px,12vw,170px);overflow:clip}.reach-ripples{aspect-ratio:2.4;z-index:-1;width:min(1200px,160%);position:absolute;bottom:-30%;left:50%;translate:-50%}.reach-inner{justify-items:center;gap:18px;display:grid}.reach h2{font-size:clamp(3rem,9.5vw,8rem);line-height:.9}.reach p:not(.label){max-width:46ch;font-size:1.1rem}.reach .hero-actions{justify-content:center;animation:none}@media (prefers-reduced-motion:reduce){.ticker-track,.mark3d-glow,.mark3d-ripples i,.reach-ripples i{animation:none}}