@media(max-width:720px){.scene-zen{display:none}.zen-stage{position:relative;left:auto;bottom:auto;width:min(86vw,520px);margin:26px auto 0;max-height:none}.zen-stage .zen-f{position:relative;left:auto;bottom:auto;width:100%;height:auto;max-height:none;transform:none}.zen-stage .tea-steam{position:absolute;z-index:5;bottom:34%;left:22%;width:34px;height:86px;transform-origin:center bottom}.zen-stage .tea-steam:nth-child(2){left:28%;bottom:32%;height:74px;width:28px}.zen-stage .tea-steam:nth-child(3){left:34%;bottom:34%;height:62px;width:22px}.zen-stage .tea-steam:nth-child(4)::before{border-left-color:rgba(255,255,255,.78)}.zen-stage .tea-steam:nth-child(4)::after{border-left-color:rgba(128,83,34,.50)}}
@media(max-width:1100px){
  .navlinks{display:none}.brand{opacity:1}.screen{padding-top:104px;min-height:100svh}.about .screen-copy,.zen .screen-copy,.services .screen-copy,.attitude .screen-copy{width:min(620px,calc(100% - 32px));margin-left:auto;margin-right:auto}.zen-f{left:-3vw;width:50vw;opacity:.55}.services-f{right:-2vw;width:36vw;opacity:.62}.attitude-f{left:-8vw;width:40vw;opacity:.44}.cards{grid-template-columns:repeat(2,1fr)}.glass-card,.paper-card{padding:34px}.hero-logo{left:9vw;top:28vh;width:30vw}.hero-geek{left:10vw;top:57vh;width:36vw}.hero-diver{right:-20vw;top:26vh;width:92vw;opacity:.92}.hero-cta{left:24px;bottom:6vh;max-width:84vw}.hero-cta .stats{grid-template-columns:repeat(3,1fr)}.hero::after{background:linear-gradient(90deg,rgba(1,10,20,.28),rgba(1,20,32,.12) 76%,rgba(1,14,25,.24))}.stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
  .nav{top:12px;left:14px;width:calc(100% - 28px)}.topcta{padding:10px 14px}.brand{padding:9px 12px}.screen{min-height:auto;padding:106px 0 56px;display:block}.screen h2{font-size:38px}.screen p{font-size:16px}.glass-card,.paper-card{padding:26px;border-radius:26px}.mini-list,.cards{grid-template-columns:1fr}.zen-f,.services-f,.attitude-f{position:relative;right:auto;bottom:auto;display:block;margin:26px auto 0;width:min(74vw,380px);max-height:none;opacity:1}.zen-f{width:min(86vw,520px)}.services-f{width:min(58vw,330px)}.attitude-f{width:min(72vw,360px)}.quote-line{position:relative;left:auto;right:auto;bottom:auto;width:min(var(--max),calc(100% - 36px));margin:22px auto 0}.hero-diver{top:34%;right:-18vw;width:142vw;opacity:.86}.hero-logo{top:20vh;left:8vw;width:40vw;opacity:.78}.hero-geek{top:48vh;left:10vw;width:56vw;opacity:.26}.btn{width:100%}.stats{grid-template-columns:1fr}.safe{width:calc(100% - 28px)}
}

/* Mobile aesthetic patch — desktop rules above remain untouched */
@media (max-width: 780px){
  html,body{scroll-snap-type:y mandatory;-webkit-scroll-snap-type:y mandatory}
  body{background:#05080c;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
  .safe,.screen-copy{width:calc(100% - 28px)!important;margin-left:auto!important;margin-right:auto!important}

  .nav{top:max(12px,env(safe-area-inset-top));left:12px;width:calc(100% - 24px);gap:10px;align-items:center}
  .brand,.topcta{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12)}
  .brand{padding:10px 14px;font-size:13px;gap:9px;background:rgba(0,0,0,.30);opacity:calc(var(--scroll-p, 0) * 2)}
  .brand img{width:27px;height:24px}.brand span{white-space:nowrap}
  .topcta{padding:10px 14px;font-size:13px;background:rgba(255,255,255,.88);white-space:nowrap}

  .hero{min-height:100vh;min-height:100svh;min-height:100dvh;background:#031421;isolation:isolate;scroll-snap-align:start}
  .hero-bg{inset:-12%;background-position:45% 50%;transform:scale(1.08)!important;filter:saturate(1.08) contrast(1.03) brightness(.92)}
  .hero::before{background:radial-gradient(circle at 76% 22%,rgba(129,230,255,.24),transparent 36%),radial-gradient(circle at 22% 74%,rgba(14,165,233,.22),transparent 36%)}
  .hero::after{z-index:2;background:linear-gradient(180deg,rgba(1,10,20,.22) 0%,rgba(1,10,20,.04) 32%,rgba(1,10,20,.36) 66%,rgba(1,10,20,.88) 100%),linear-gradient(90deg,rgba(1,10,20,.36),rgba(1,10,20,.05) 58%,rgba(1,10,20,.42))}
  .hero-stage{z-index:4}.hero-vignette{z-index:7;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28))}
  .hero-brand{position:absolute;left:20px;top:88px;z-index:11;align-items:flex-start;gap:8px;transform:translate(calc(var(--scroll-p,0) * 20px), calc(var(--scroll-p,0) * var(--flip-ty,-200px))) scale(calc(1 + var(--scroll-p,0) * (var(--flip-scale,0.16) - 1)));opacity:calc(1 - max(0, var(--scroll-p, 0) - 0.5) * 2);filter:drop-shadow(0 18px 22px rgba(0,0,0,.28))}
  .hero-logo{width:clamp(92px,30vw,132px);transform:rotate(-1.5deg);opacity:calc(0.75 * (1 - var(--scroll-p, 0) * 1.33));filter:drop-shadow(0 16px 24px rgba(0,0,0,.22))}
  .hero-logo-w{position:absolute;top:0;left:0;width:clamp(92px,30vw,132px);transform:rotate(-1.5deg);opacity:calc(var(--scroll-p, 0) * 1.33);filter:drop-shadow(0 16px 24px rgba(0,0,0,.22));pointer-events:none}
  .hero-geek{width:clamp(138px,42vw,190px)!important;opacity:.55!important;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28)) brightness(1.45)}

  .bubbles{z-index:8;opacity:.7}.bubble{box-shadow:0 0 16px rgba(129,230,255,.20)}
  .hero-cta{left:14px;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));max-width:none;z-index:12}
  .hero-cta .btns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-cta .btn{width:100%;min-height:46px;padding:12px 10px;font-size:13px;box-shadow:0 15px 34px rgba(0,0,0,.22)}
  .hero-cta .btn:not(.primary){background:rgba(255,255,255,.10)}
  .hero-cta .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;max-width:none}
  .stat{border-radius:17px;padding:11px 8px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
  .stat b{font-size:clamp(14px,3.8vw,17px);line-height:1.22;letter-spacing:-.04em}.stat span{font-size:10.5px;line-height:1.3;color:rgba(255,255,255,.68)}

  .screen{min-height:auto;display:block;padding:86px 0 46px;overflow:hidden}
  .screen-bg{inset:-8%;transform:scale(1.05)!important}.screen::before{z-index:1}.screen .label{font-size:10px;letter-spacing:.18em;padding:8px 11px}
  .screen h2{font-size:clamp(34px,10vw,44px);line-height:1.12;letter-spacing:-.055em;margin-top:15px}.screen p{font-size:15.5px;line-height:1.78;margin-top:18px}.gold-line{width:54px;margin-top:18px}
  .glass-card,.paper-card{border-radius:28px;padding:24px 22px;box-shadow:0 28px 76px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.14)}

  .about{min-height:100vh;min-height:100svh;min-height:100dvh;padding:92px 0 24px;display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start}.about .screen-bg{background-position:88% 28%;filter:saturate(.95) contrast(1.03) brightness(.68)}.about .screen-copy.glass-card{padding:18px 16px 16px}.about h2{font-size:clamp(26px,7.2vw,32px)}.about .gold-line{margin-top:12px}.about p{margin-top:12px;font-size:14.5px}.about .mini-list{margin-top:14px;gap:8px}.about .mini{padding:10px 11px;border-radius:14px;gap:9px}.about .mini b{width:28px;height:28px;border-radius:10px;font-size:12px}.about .mini span{font-size:12px;line-height:1.42}
  .about::before{background:linear-gradient(180deg,rgba(3,2,1,.72),rgba(8,5,3,.48) 34%,rgba(8,5,3,.76) 100%),radial-gradient(circle at 18% 68%,rgba(201,155,75,.22),transparent 42%)}
  .mini-list{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.mini{align-items:flex-start;padding:13px;border-radius:17px;gap:10px;min-width:0}.mini b{width:32px;height:32px;border-radius:12px;font-size:13px}.mini span{min-width:0;font-size:13.2px;line-height:1.48;overflow-wrap:anywhere}

  .zen{min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 0 12px;scroll-snap-align:start}.zen .screen-bg{background-position:center;background-size:cover;filter:saturate(.95) contrast(1.02) brightness(.98);transform:scale(1.05)!important}
  .zen::before{background:linear-gradient(180deg,rgba(238,232,219,.22),rgba(238,232,219,.42) 54%,rgba(238,232,219,.62) 100%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.18),transparent 38%)}
  .zen .screen-copy{order:1;margin-bottom:auto}.zen .paper-card{padding:14px 14px 12px;margin-top:50px;box-shadow:0 28px 76px rgba(75,62,42,.18),inset 0 1px 0 rgba(255,255,255,.72)}.zen h2{font-size:clamp(30px,10vw,44px);margin-top:14px;margin-bottom:14px}.zen p{font-size:13.5px;margin-top:6px}.zen .gold-line{margin-top:10px}.zen-stage{order:2;position:relative;left:auto;bottom:auto;width:min(92vw,520px);margin:8px auto 0;max-height:none;z-index:5}.zen-stage .zen-f{width:100%;height:auto;max-height:none;transform:none!important;opacity:.98}.zen-stage .tea-steam{bottom:34%;left:22%;opacity:.9}
  .zen-stage .tea-steam:nth-child(2){left:28%;bottom:32%}
  .zen-stage .tea-steam:nth-child(3){left:34%;bottom:34%}.zen-list{gap:5px;margin-top:10px}.zen-item{align-items:flex-start;gap:6px;padding:7px 10px;border-radius:12px;font-size:12.5px;line-height:1.42;margin-bottom:10px}.zen-item i{width:26px;height:26px;font-size:10px;margin-top:1px;border-radius:8px}

  .services{min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 0 28px;scroll-snap-align:start}.services .screen-bg{background-position:53% center;filter:saturate(.92) brightness(1.03)}.services::before{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.64) 48%,rgba(255,255,255,.92) 100%),radial-gradient(circle at 82% 28%,rgba(201,155,75,.20),transparent 42%)}.services h2{font-size:clamp(28px,8vw,38px);margin-top:10px}.services p{font-size:14px;margin-top:10px}
  .services-f{position:absolute!important;right:2vw!important;top:96px!important;bottom:auto!important;width:min(36vw,160px)!important;max-height:260px;opacity:.88!important;z-index:3;transform:none!important}.services p{max-width:100%}
  .cards{grid-template-columns:1fr;gap:6px;margin-top:14px}.card{min-height:auto;border-radius:16px;padding:11px 13px;display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:start;background:rgba(255,255,255,.70)}.card:hover{transform:none}.icon{grid-row:1 / span 2;margin:0;width:34px;height:34px;border-radius:12px;font-size:18px}.card h3{font-size:15px;line-height:1.2}.card p{grid-column:2;font-size:12px;line-height:1.55;margin-top:4px}
  .services::after{right:-12vw;top:90px;width:68vw;height:68vw;opacity:.6}
  .scene-services::before{right:-5vw;top:18vh;width:50vw;height:50vw}
  .service-orbit{right:-1vw;top:22vh;width:40vw;height:40vw}
  .service-orbit:nth-child(2){right:4vw;top:30vh;width:28vw;height:28vw}
  .service-orbit:nth-child(3){right:10vw;top:38vh;width:16vw;height:16vw}

  .attitude{min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;align-items:flex-start;padding-top:68px;padding-bottom:56px;scroll-snap-align:start}.attitude .screen-bg{background-position:44% center;filter:saturate(.94) contrast(1.02) brightness(1.02)}.attitude::before{background:linear-gradient(180deg,rgba(241,230,205,.38),rgba(241,230,205,.72) 44%,rgba(241,230,205,.93) 100%),radial-gradient(circle at 12% 72%,rgba(0,0,0,.10),transparent 44%)}
  .attitude-f{position:absolute!important;left:50%!important;bottom:0!important;width:min(84vw,360px)!important;max-height:72vh;opacity:.95!important;z-index:3;transform:translateX(-50%)!important}.attitude h2{font-size:clamp(42px,12vw,54px)}.attitude .btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.attitude .btn{width:100%;min-height:46px;padding:12px 10px;font-size:14px}.quote-line{display:none}

  .modal-card{max-width:calc(100vw - 28px);padding:22px 20px 18px;border-radius:22px}.modal-card img{max-width:min(300px,78vw)}
}

@media (max-width: 380px){
  .brand span{display:none}.topcta{font-size:12px;padding:10px 12px}.hero-brand{top:82px}.hero-cta .btns{grid-template-columns:1fr}.hero-cta .stats{grid-template-columns:1fr}.mini-list{grid-template-columns:1fr}.attitude .btns{grid-template-columns:1fr}.screen h2{font-size:33px}.screen p{font-size:15px}.hero-diver{right:-88vw;width:190vw;opacity:.84}
}