/* Web2 content only. Layout foundation intentionally inherited from the original KIIRO site. */
.web2-exact-layout .web2-nav-shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.web2-exact-layout .desktop-nav{grid-column:2;margin:0!important;display:flex!important;justify-content:center}.web2-exact-layout .desktop-socials{grid-column:3;justify-self:end;display:flex;align-items:center;gap:10px}.web2-exact-layout .desktop-socials .social-link{display:grid;place-items:center;width:36px;height:36px}.web2-exact-layout .desktop-socials svg{display:block;width:17px;height:17px;fill:currentColor}.web2-exact-layout .lore-lead{justify-self:end}.web2-exact-layout .kiiro-tv-section{background:#090a0f}.web2-exact-layout .tv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.web2-exact-layout .tv-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;aspect-ratio:1;overflow:hidden;padding:22px;border:1px solid rgba(244,240,228,.2);background:#101218;color:#f4f0e4;text-align:left;cursor:pointer}.web2-exact-layout .tv-card>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.web2-exact-layout .tv-card:after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(0deg,rgba(4,5,8,.96),rgba(4,5,8,.05) 72%)}.web2-exact-layout .tv-card:hover>img,.web2-exact-layout .tv-card:focus-visible>img{transform:scale(1.045)}.web2-exact-layout .tv-card>span,.web2-exact-layout .tv-card>div{position:relative;z-index:2}.web2-exact-layout .tv-card>span{align-self:flex-end;color:#ffd20a;font-size:10px;font-weight:800;letter-spacing:.14em}.web2-exact-layout .tv-card h3{margin:0 0 9px;font-size:clamp(25px,2.4vw,37px);font-weight:400;letter-spacing:-.065em;line-height:.9}.web2-exact-layout .tv-card p{max-width:30ch;margin:0 0 14px;color:#e5e2d8;font-size:12px;line-height:1.45}.web2-exact-layout .tv-card b{color:#ffd20a;font-size:10px;letter-spacing:.08em}.web2-exact-layout .follow-section{background:#07080c}.web2-exact-layout .follow-list{margin-top:75px;margin-left:calc(150px + 32px);border-top:1px solid rgba(244,240,228,.16)}.web2-exact-layout .follow-list a{display:grid;grid-template-columns:45px 1fr 1fr 22px;align-items:center;gap:25px;min-height:104px;border-bottom:1px solid rgba(244,240,228,.16);transition:background .2s,padding .2s}.web2-exact-layout .follow-list a:hover{padding-inline:12px;background:rgba(255,210,10,.04)}.web2-exact-layout .follow-list span{color:#ffd20a;font-size:10px;font-weight:800}.web2-exact-layout .follow-list strong{font-size:clamp(29px,3vw,44px);font-weight:400;letter-spacing:-.065em}.web2-exact-layout .follow-list em{color:#a7a399;font-size:15px;font-style:normal}.web2-exact-layout .follow-list b{color:#ffd20a;font-size:18px}.web2-exact-layout .web2-footer{display:flex;justify-content:flex-end;min-height:116px;align-items:center}.web2-exact-layout .web2-footer a{color:#ffd20a;font-size:10px;font-weight:800;letter-spacing:.1em}.carousel-dialog{width:min(970px,calc(100% - 32px));max-height:calc(100% - 32px);padding:clamp(34px,5vw,68px);border:1px solid rgba(255,210,10,.45);background:#0b0d12;color:#f4f0e4;box-shadow:0 30px 100px #000}.carousel-dialog::backdrop{background:rgba(0,0,0,.83);backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:15px;right:17px;width:39px;height:39px;border:1px solid rgba(244,240,228,.22);border-radius:50%;background:#0b0d12;color:#f4f0e4;font-size:25px;line-height:1;cursor:pointer}.carousel-dialog h2{margin:10px 0 29px;font-size:clamp(45px,6vw,86px);font-weight:400;letter-spacing:-.075em;line-height:.8}.carousel-stage{position:relative;aspect-ratio:16/8;overflow:hidden;background:#141820}.carousel-image{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .24s}.carousel-image.active{opacity:1;pointer-events:auto}.carousel-image img{width:100%;height:100%;object-fit:cover}.carousel-image:nth-child(1) img{object-position:33% 18%;transform:scale(1.8)}.carousel-image:nth-child(2) img{object-position:8% 61%;transform:scale(1.8)}.carousel-image:nth-child(3) img{object-position:90% 71%;transform:scale(1.8)}.carousel-image p{position:absolute;left:22px;bottom:18px;margin:0;font-size:clamp(18px,2vw,26px);text-shadow:0 2px 14px #000}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;color:#aaa69d;font-size:11px;font-weight:800;letter-spacing:.07em}.carousel-controls button{border:0;background:transparent;color:#ffd20a;font:inherit;cursor:pointer}@media(min-width:901px){.web2-exact-layout .menu-toggle{display:none!important}}@media(max-width:900px){.web2-exact-layout .web2-nav-shell{display:flex}.web2-exact-layout .desktop-nav,.web2-exact-layout .desktop-socials{display:none!important}.web2-exact-layout .menu-toggle{margin-left:auto}.web2-exact-layout .mobile-socials{display:flex;gap:9px;margin-top:15px}.web2-exact-layout .mobile-socials .social-link{display:inline-flex;width:auto;height:auto;padding:0;border:0;border-radius:0;color:#ffd20a;font-size:11px;font-weight:800;letter-spacing:.08em}.web2-exact-layout .tv-grid{grid-template-columns:1fr;gap:14px;margin-top:36px}.web2-exact-layout .tv-card{aspect-ratio:1.12}.web2-exact-layout .follow-list{margin:50px 0 0}.web2-exact-layout .follow-list a{grid-template-columns:35px 1fr 20px;gap:10px;min-height:88px}.web2-exact-layout .follow-list em{display:none}.web2-exact-layout .web2-footer{min-height:102px}.carousel-stage{aspect-ratio:1/1.16}}@media(prefers-reduced-motion:reduce){.web2-exact-layout .tv-card>img{transition:none}}.web2-exact-layout .site-header{background:rgba(11,13,19,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:rgba(244,240,228,.12)!important}.web2-exact-layout .site-header .desktop-nav a,.web2-exact-layout .site-header .menu-toggle{filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}.web2-exact-layout .hero-media img{object-position:50% 36%!important}.web2-exact-layout .carousel-stage{width:min(100%,560px);aspect-ratio:1/1;margin-inline:auto}.web2-exact-layout .carousel-image img,.web2-exact-layout .carousel-image:nth-child(1) img,.web2-exact-layout .carousel-image:nth-child(2) img,.web2-exact-layout .carousel-image:nth-child(3) img,.web2-exact-layout .carousel-image:nth-child(4) img{object-position:center;transform:none}@media(max-width:900px){.web2-exact-layout .hero-media img{object-position:50% center!important}.web2-exact-layout .carousel-stage{aspect-ratio:1/1.16}}.carousel-dialog{overflow:auto;padding:clamp(22px,3vw,36px)}.carousel-dialog h2{margin:8px 0 18px;font-size:clamp(34px,4.5vw,56px);line-height:.87}.web2-exact-layout .carousel-stage{width:min(100%,360px);height:auto;aspect-ratio:1/1;margin-inline:auto}.carousel-dialog{box-sizing:border-box}.web2-exact-layout .site-header{transition:background-color .28s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease}.web2-exact-layout .site-header.is-scrolled{background:rgba(7,8,13,.9)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom-color:rgba(244,240,228,.17)!important}.web2-exact-layout .sparklab-section{background:linear-gradient(180deg,#0a0b10,#0d0e13)}.web2-exact-layout .sparklab-intro{max-width:520px;margin-top:40px;margin-bottom:0;color:#b7b2a7;font-size:clamp(18px,1.7vw,24px);line-height:1.3}.web2-exact-layout .sparklab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.web2-exact-layout .sparklab-card{min-height:390px;display:grid;grid-template-rows:1fr auto;overflow:hidden;border:1px solid rgba(244,240,228,.18);background:#101218}.web2-exact-layout .lab-visual{position:relative;min-height:205px;overflow:hidden;border-bottom:1px solid rgba(244,240,228,.14)}.web2-exact-layout .sparklab-card>div:last-child{padding:24px}.web2-exact-layout .lab-index{margin:0 0 10px;color:#ffd20a;font-size:10px;font-weight:800;letter-spacing:.1em}.web2-exact-layout .sparklab-card h3{margin:0 0 11px;font-size:clamp(36px,4.4vw,62px);font-weight:400;letter-spacing:-.075em;line-height:.86}.web2-exact-layout .sparklab-card p:last-child{max-width:33ch;margin:0;color:#b7b2a7;font-size:14px;line-height:1.45}.web2-exact-layout .prompt-visual{background:radial-gradient(circle at 61% 36%,rgba(255,210,10,.34),transparent 15%),linear-gradient(135deg,#191813,#0d1014 68%)}.web2-exact-layout .prompt-visual:before{position:absolute;inset:18px;content:"";border:1px solid rgba(255,210,10,.42);clip-path:polygon(0 0,89% 0,100% 19%,100% 100%,15% 100%,0 84%)}.web2-exact-layout .prompt-visual i{position:absolute;display:block;height:1px;background:rgba(244,240,228,.36)}.web2-exact-layout .prompt-visual i:nth-child(1){top:33%;left:12%;width:46%}.web2-exact-layout .prompt-visual i:nth-child(2){top:49%;left:12%;width:64%}.web2-exact-layout .prompt-visual i:nth-child(3){top:65%;left:12%;width:35%}.web2-exact-layout .prompt-visual span{position:absolute;right:13%;top:28%;color:#ffd20a;font-size:68px;line-height:1;text-shadow:0 0 30px rgba(255,210,10,.45)}.web2-exact-layout .workflow-visual{background:linear-gradient(135deg,#12161a,#17130b)}.web2-exact-layout .workflow-visual:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent 0 21%,rgba(255,210,10,.2) 21.2% 21.8%,transparent 22% 50%,rgba(255,210,10,.2) 50.2% 50.8%,transparent 51% 79%,rgba(255,210,10,.2) 79.2% 79.8%,transparent 80%)}.web2-exact-layout .workflow-visual i{position:absolute;z-index:1;display:grid;place-items:center;width:50px;height:50px;border:1px solid #ffd20a;border-radius:50%;background:#0d0f13;box-shadow:0 0 24px rgba(255,210,10,.18)}.web2-exact-layout .workflow-visual i:after{color:#ffd20a;font-size:11px;font-style:normal}.web2-exact-layout .workflow-visual i:nth-child(1){left:12%;top:56%}.web2-exact-layout .workflow-visual i:nth-child(1):after{content:"01"}.web2-exact-layout .workflow-visual i:nth-child(2){left:34%;top:29%}.web2-exact-layout .workflow-visual i:nth-child(2):after{content:"02"}.web2-exact-layout .workflow-visual i:nth-child(3){left:57%;top:56%}.web2-exact-layout .workflow-visual i:nth-child(3):after{content:"03"}.web2-exact-layout .workflow-visual i:nth-child(4){left:79%;top:29%}.web2-exact-layout .workflow-visual i:nth-child(4):after{content:"04"}@media(max-width:900px){.web2-exact-layout .sparklab-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.web2-exact-layout .sparklab-card{min-height:340px}.web2-exact-layout .sparklab-intro{margin-top:28px}.web2-exact-layout .lab-visual{min-height:180px}}
/* Spark Lab supplied artwork: the image owns the top visual band; copy remains in the separate panel below. */
.web2-exact-layout .lab-visual>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;background:#0b0d12}
.web2-exact-layout .lab-visual.prompt-visual,.web2-exact-layout .lab-visual.workflow-visual{background:#0b0d12}
.web2-exact-layout .lab-visual.prompt-visual:before,.web2-exact-layout .lab-visual.workflow-visual:before{display:none}
/* C30 mobile Hero: one portrait plane, KIIRO left, mark over knees; Web2 header remains unchanged. */
@media(max-width:700px){
  .web2-exact-layout .hero{height:100svh;min-height:100svh;padding-top:0;isolation:isolate}
  .web2-exact-layout .hero-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden;background:#04050a}
  .web2-exact-layout .hero-media>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:90% center!important}
  .web2-exact-layout .hero-shade{inset:0;top:0;bottom:0;height:auto;background:linear-gradient(180deg,rgba(3,5,11,0) 0 62%,rgba(3,5,11,.08) 70%,rgba(3,5,11,.54) 100%)}
  .web2-exact-layout .hero-layout{position:absolute;inset:0;width:100%;min-height:100%;padding:0;pointer-events:none}
  .web2-exact-layout .hero-copy{position:absolute;inset:auto 0 clamp(96px,17svh,142px);width:100%;padding:0 4vw;text-align:center}
  /* Responsive mobile fit: the visible electric wordmark keeps a deliberate hairline margin from each viewport edge. */
  .web2-exact-layout .animated-wordmark{width:174vw!important;max-width:none!important;aspect-ratio:1875/601;margin:0!important;position:relative!important;left:50%!important;transform:translateX(-50%)!important}
  .web2-exact-layout .animated-title-video{display:block!important;width:100%!important;height:100%!important;opacity:1!important}
  /* Mobile: the animated electric wordmark is the only visible logo; no static duplicate beneath it. */
  .web2-exact-layout .animated-wordmark .animated-title-fallback{display:none!important}
  .web2-exact-layout .animated-wordmark .animated-title-fallback img{display:block;width:100%;height:auto}
  .web2-exact-layout .tagline,.web2-exact-layout .hero-actions{display:none}
}

/* Restore the approved legacy mobile placement: stacked Lore panels directly after the Lore copy. */
@media(max-width:900px){
  .web2-exact-layout .visual-world .visual-desktop{display:block!important}
  .web2-exact-layout .visual-world .world-panel{aspect-ratio:16/10;height:auto!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)}
  .web2-exact-layout .visual-world .world-panel:last-child{border-bottom:0!important}
}
@media(max-width:640px){
  .web2-exact-layout .visual-world .world-panel figcaption{left:20px;bottom:24px}
  .web2-exact-layout .visual-world .world-panel figcaption strong{font-size:2rem}
}