/* HANTAN V24.3 — surgical corporate cleanup.
   Homepage composition stays intact. The top-left brand is hidden,
   while the original orbital/watery hero engine is restored without its center logo. */

/* Logo appears only in the contact brochure. Keep the topbar slot so flags/status stay exactly aligned. */
.topbar .brand{visibility:hidden!important;pointer-events:none!important}

/* Original V23 water/orbital center behavior, restored exactly; the supplied logo texture is transparent. */
.hero-logo{overflow:visible}
.hero-water-canvas,.hero-logo-fallback{position:absolute;inset:0;width:100%;height:100%}
.hero-water-canvas{z-index:3;display:block;border-radius:50%;pointer-events:auto;touch-action:none;opacity:0;transition:none;filter:drop-shadow(0 0 24px rgba(63,130,255,.28))}
.hero-logo.water-ready .hero-water-canvas{opacity:1}
.hero-logo-fallback{z-index:2;object-fit:contain;padding:2%;transition:none;filter:drop-shadow(0 0 22px rgba(63,130,255,.30))}
.hero-logo.water-ready .hero-logo-fallback{opacity:1}
.hero-logo img.hero-logo-fallback{width:100%;height:100%;object-fit:contain;padding:2%;filter:none}
@media(min-width:761px){.scene[data-panel="home"] .hero-system{transform:translate3d(0,-113px,0)!important;transform-origin:50% 50%}}

/* Non-home sections only: consistent corporate rhythm. */
.scene[data-panel="company"],.scene[data-panel="lab"],.scene[data-panel="contact"]{padding-top:52px}
.section-heading,.lab-heading,.contact-copy{position:relative;z-index:2}
.section-heading{padding-bottom:0}
.section-heading h2,.lab-heading h2,.contact-copy h2{margin-top:0;font-size:clamp(48px,4.7vw,76px);letter-spacing:-.055em;line-height:.98}

.company-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;left:72px;right:64px;bottom:46px}
.company-flow article{min-height:238px}
.company-flow h3{font-size:21px}
.company-flow p{font-size:13px;line-height:1.72}

.lab-heading{display:block}
.lab-heading>div>p:last-child{margin:14px 0 0;color:#8fa2c0;font-size:15px;line-height:1.7}
.lab-stack{margin-top:32px}

.contact-copy{width:46%;max-width:650px;padding-top:0}
.contact-copy h2{font-size:clamp(52px,5vw,80px)}
.contact-copy>p{max-width:570px;margin:28px 0 0;color:#93a5c2;font-size:16px;line-height:1.75}
.contact-mail{margin-top:28px}
.contact-brochure{position:absolute;z-index:3;right:6%;top:7%;width:min(40vw,540px);padding:30px;border-radius:22px;background:linear-gradient(145deg,rgba(7,24,52,.83),rgba(4,14,32,.58));box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brochure-brand{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid rgba(120,164,230,.14)}
.brochure-brand img{width:58px;height:76px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 18px rgba(63,130,255,.26))}
.brochure-brand>div{display:grid;gap:6px}
.brochure-brand strong{font-size:24px;letter-spacing:.18em}
.brochure-brand span{color:#7890b5;font:600 8px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}
.brochure-heading{margin:26px 0 18px;color:#f2f7ff;font-size:28px;font-weight:650;letter-spacing:-.03em}
.contact-details{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(120,164,230,.12);border-left:1px solid rgba(120,164,230,.12)}
.contact-details>div{min-width:0;padding:18px;border-right:1px solid rgba(120,164,230,.12);border-bottom:1px solid rgba(120,164,230,.12);background:rgba(17,49,96,.10)}
.contact-details dt{margin:0 0 10px;color:#657da3;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.contact-details dd{margin:0;color:#dbe8f9;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.contact-details a{color:#7fdfff;text-decoration:none}
.contact-details a:hover,.contact-details a:focus-visible{color:#fff;outline:0}

@media(min-width:761px) and (max-width:1100px){
  .scene[data-panel="company"],.scene[data-panel="lab"],.scene[data-panel="contact"]{padding:42px 38px 54px 42px;overflow-y:auto;overflow-x:hidden}
  .section-heading h2,.lab-heading h2,.contact-copy h2{font-size:clamp(44px,5.2vw,62px)}
  .company-flow{position:static;margin-top:34px;grid-template-columns:1fr;max-height:none;overflow:visible;left:auto;right:auto;bottom:auto}
  .company-flow article{min-height:auto;padding:24px}
  .lab-stack{margin-top:26px}
  .lab-prototype-grid{display:block}
  .lab-prototype-grid>.lab-row:first-child{border-right:0;margin-bottom:12px}
  .lab-prototype-grid>.lab-row{grid-template-columns:54px 140px minmax(0,1fr)}
  .contact-copy{width:44%}
  .contact-brochure{right:28px;top:42px;width:46%;padding:24px}
  .contact-details{grid-template-columns:1fr}
  .brochure-brand img{width:48px;height:64px}
}

@media(min-width:761px) and (max-width:860px){
  .scene[data-panel="contact"]{overflow-y:auto}
  .contact-copy{width:100%;max-width:none}
  .contact-brochure{position:relative;right:auto;top:auto;width:100%;margin-top:30px}
}

@media(max-width:760px){
  .scene[data-panel="company"],.scene[data-panel="lab"],.scene[data-panel="contact"]{padding:34px 20px 82px}
  .section-heading h2,.lab-heading h2,.contact-copy h2{font-size:clamp(40px,11vw,54px)}
  .company-flow{position:static;display:block;margin-top:34px}
  .company-flow article{margin-bottom:12px;min-height:auto}
  .lab-prototype-grid{display:block}
  .lab-prototype-grid>.lab-row{grid-template-columns:48px 1fr}
  .lab-prototype-grid>.lab-row:first-child{margin-bottom:10px}
  .contact-copy{width:100%;max-width:none}
  .contact-copy>p{font-size:15px}
  .contact-brochure{position:relative;right:auto;top:auto;width:100%;margin-top:34px;padding:22px 18px;border-radius:18px}
  .brochure-brand{gap:14px;padding-bottom:20px}
  .brochure-brand img{width:46px;height:62px}
  .brochure-brand strong{font-size:20px}
  .brochure-heading{font-size:25px;margin:22px 0 16px}
  .contact-details{grid-template-columns:1fr}
}

@media(max-width:390px){
  .contact-brochure{padding:19px 15px}
  .contact-details>div{padding:16px}
}