/* Phone composition. Desktop source styles remain unchanged. */
.language-toggle{display:none}
.language-options{display:flex;align-items:center;gap:2px}
.teaser-icon,.dna-icon{display:none}
@media(max-width:680px){
  html{scroll-padding-top:88px}
  .site-header,.home-redesign .site-header{top:0;width:100%;padding:0}
  .nav-shell,.is-scrolled .nav-shell,.home-redesign .nav-shell{
    position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;
    align-items:center;gap:4px;min-height:64px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));
    border:0;border-bottom:1px solid #8994c135;border-radius:0;background:#090d18f2;
    box-shadow:0 8px 25px #05081565;
  }
  .nav-shell>.wordmark{grid-column:1;grid-row:1;min-width:0;width:max-content;max-width:100%;min-height:60px;font-size:.91rem;letter-spacing:.12em}
  .nav-shell>.wordmark::after{content:"INTERACTIVE";position:absolute;inset:auto auto 7px 22px;width:auto;background:none;transform:none;animation:none;font-size:7px;letter-spacing:.28em;font-weight:500;color:#aebde4}
  .nav-shell>.language-switch{grid-column:2;grid-row:1;order:initial;border:0;padding:0;min-width:44px;min-height:44px}
  .language-toggle{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#e3e8ff;cursor:pointer}
  .language-toggle svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6}
  .language-options{display:none;position:absolute;z-index:4;top:calc(100% + 7px);right:62px;padding:6px;min-width:152px;border:1px solid #7a85b17a;border-radius:14px;background:#101729;box-shadow:0 18px 32px #0009}
  .language-switch.open .language-options{display:grid;gap:3px}
  .language-options a{justify-content:flex-start;padding:0 13px;min-height:46px;font-size:14px}
  .nav-shell>.menu-toggle{grid-column:3;grid-row:1;width:44px;height:44px}
  .nav-shell>.nav-links{position:absolute;top:calc(100% + 7px);left:12px;right:12px;width:auto;max-height:calc(100dvh - 88px - env(safe-area-inset-bottom));overflow-y:auto;z-index:3;border:1px solid #7284b577;border-radius:15px;background:#101726;box-shadow:0 24px 45px #000b}
  .js .nav-links,.js .nav-links.open{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;margin:0;padding:0}
  .js .nav-links.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .js .nav-links .nav-items{display:grid;overflow:visible;padding:8px;gap:2px}
  .js .nav-links.open a{display:flex;min-height:52px;padding:12px 16px;border:0;border-radius:9px;font-size:16px}
  .nav-items a[aria-current]{color:#ecedff}
  .nav-items a:is([aria-current="page"],[aria-current="location"]){background:linear-gradient(100deg,#4561b52e,#8b67ff29)}
  .nav-items a:is([aria-current="page"],[aria-current="location"])::after{left:16px;right:16px;bottom:6px;width:auto}
  .js .nav-links:not(.open) a[aria-current],.js .nav-links:not(.open) a[aria-current]::after{animation-play-state:paused}
  .language-toggle:focus-visible,.menu-toggle:focus-visible{outline:2px solid #c4bfff;outline-offset:2px;border-radius:7px}
}
@media(max-width:680px){
  .home-redesign{
    --mobile-space-xs:8px;
    --mobile-space-sm:12px;
    --mobile-space-md:16px;
    --mobile-space-lg:24px;
    --mobile-space-xl:32px;
    background:#080c15
  }
  .home-redesign .container{width:auto;margin-inline:18px}
  .home-redesign main{overflow:visible}
  .brand-hero{min-height:0;display:block;border:0;padding:112px 0 var(--mobile-space-lg);background:#080d1a}
  .brand-hero-art{inset:38px 0 0 10%;background-image:linear-gradient(90deg,#080d1a 0%,#080d1a9e 34%,#080d1a4a 75%),linear-gradient(0deg,#080d1a 0%,transparent 65%),url('/assets/artlash-hero.webp');background-position:55% center,center,61% center;background-size:cover}
  .brand-hero-inner{padding:0;min-height:0}
  .brand-overline,.home-label{font-size:14px;line-height:1.5;letter-spacing:.075em;color:#bbc9fa}
  .brand-hero h1{max-width:100%;margin:16px 0 16px;font-size:clamp(35px,10vw,42px);line-height:1.04;letter-spacing:-.05em;overflow-wrap:anywhere}
  .brand-hero h1 span{letter-spacing:-.055em}
  .brand-intro{max-width:28ch;color:#dce4f9;font-size:16px;line-height:1.55}
  .brand-actions{margin-top:var(--mobile-space-lg)}
  .home-redesign .brand-actions .brand-primary,.home-redesign .feature-button{
    min-height:50px;padding:12px 20px;border-radius:28px;
    font-size:15px;line-height:1.4;gap:18px
  }
  .home-redesign .brand-primary svg,.home-redesign .feature-button svg{flex:none;width:18px;height:18px}
  .brand-actions .brand-secondary,.brand-hero-foot{display:none}
  .home-feature{margin:0 14px 0;border:1px solid #e094c161;border-radius:17px;overflow:hidden;background:radial-gradient(ellipse at 80% 12%,#b545866d,transparent 59%),linear-gradient(140deg,#31182b,#181522 80%)}
  .home-feature::before{display:none}
  .home-feature .container{margin:0}
  .home-feature-inner{display:flex;flex-direction:column;min-height:0}
  .home-feature-visual{order:0;align-self:stretch;width:100%;height:215px;margin:0;overflow:hidden;background:radial-gradient(ellipse at 70% 75%,#cb5e9c77,transparent 60%),linear-gradient(110deg,#261524,#382039)}
  .home-feature-visual::before{display:none}
  .home-feature-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#251727 0%,transparent 42%);pointer-events:none}
  .home-feature-visual img{position:absolute;right:0;bottom:-92px;width:69%;max-width:none;height:325px;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 8px 15px #1408167c)}
  .visual-caption{display:none}
  .home-feature-copy{order:1;padding:var(--mobile-space-md) 19px var(--mobile-space-lg);max-width:none}
  .home-feature .home-label{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:14px;line-height:1.45;letter-spacing:.065em}
  .home-status{font-size:13px;line-height:1.35;margin-left:0;padding:4px 8px}
  .home-feature h2{font-size:clamp(30px,8.4vw,38px);line-height:1.06;margin:11px 0 9px}
  .home-feature h2 span{display:inline}
  .feature-lead{font-size:16px;line-height:1.5}
  .feature-small{font-size:15px;line-height:1.5;margin-top:6px}
  .feature-platform{font-size:14px;line-height:1.45;margin-top:var(--mobile-space-sm)}
  .home-redesign .feature-button{margin-top:var(--mobile-space-md)}
  .home-teaser{padding:var(--mobile-space-lg) 0 var(--mobile-space-lg)}
  .teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .teaser-card{display:grid;grid-template-rows:30px 1fr;min-height:0;padding:var(--mobile-space-md) 8px;text-align:center;border-color:#7182aa45;border-radius:14px;background:linear-gradient(150deg,#161d30,#0c1220)}
  .teaser-card img,.teaser-card::before,.teaser-number{display:none}
  .teaser-icon,.dna-icon{display:block;fill:none;stroke:#829dff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .teaser-icon{width:29px;height:29px;margin:0 auto}
  .teaser-card:nth-child(2) .teaser-icon{stroke:#ad8aff}
  .teaser-card:nth-child(3) .teaser-icon{stroke:#ee9bd2}
  .teaser-card div{position:static;padding:0;align-self:start}
  .teaser-card h3{font-size:15px;line-height:1.25;letter-spacing:0;margin:0 0 6px}
  .teaser-card p{font-size:14px;line-height:1.4;color:#c9d1e6;overflow-wrap:break-word}
  .home-dna{padding:var(--mobile-space-xs) 0 var(--mobile-space-lg);border:0;background:#080c15}
  .home-section-heading{margin-bottom:var(--mobile-space-md)}
  .home-section-heading h2,.home-about h2{font-size:clamp(25px,7vw,30px);line-height:1.2;margin-top:6px}
  .dna-grid{grid-template-columns:1fr;grid-auto-rows:1fr;gap:var(--mobile-space-xs)}
  .dna-card{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:var(--mobile-space-sm);align-content:center;align-items:center;min-height:82px;padding:var(--mobile-space-sm) var(--mobile-space-md);border-radius:13px;background:#111827}
  .dna-card::before,.dna-index{display:none}
  .dna-card:nth-child(2),.dna-card:nth-child(3){background:#111827}
  .dna-icon{grid-row:1/3;width:28px;height:28px;stroke:#9b86ed}
  .dna-card h3{margin:0;font-size:16px;line-height:1.3}
  .dna-card p{font-size:14px;line-height:1.4;max-width:none}
  .home-about{padding:var(--mobile-space-lg) 0;background:linear-gradient(115deg,#0a0f1c,#131a31);border:0}
  .about-home-grid{display:block}
  .about-home-lead{font-size:16px;line-height:1.55;margin-top:13px}
  .about-home-detail{font-size:15px;line-height:1.55;margin:9px 0 0}
  .home-about .inline-link{display:none}
  .home-catalog{padding:var(--mobile-space-lg) 0;background:#080c15}
  .catalog-grid{display:block}
  .catalog-game{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:stretch;min-height:104px;border-radius:13px}
  .catalog-game img{height:100%;min-height:104px;width:104px;object-fit:cover;object-position:65% center;filter:brightness(.86)}
  .catalog-game::after{display:none}
  .catalog-game-copy{position:static;align-items:center;padding:var(--mobile-space-sm) 12px var(--mobile-space-sm) var(--mobile-space-md);gap:var(--mobile-space-xs)}
  .catalog-game .catalog-meta{font-size:13px;line-height:1.35;letter-spacing:0;text-transform:none}
  .catalog-game h3{font-size:16px;line-height:1.25;margin:4px 0}
  .catalog-game p{font-size:13px;line-height:1.3}
  .catalog-arrow{width:28px;height:28px;border:0;font-size:22px}
  .catalog-future{display:none}
  .home-closing{margin:0 14px var(--mobile-space-lg);padding:var(--mobile-space-lg) 4px;border:1px solid #8098da4a;border-radius:14px;background:linear-gradient(115deg,#17264a,#18152d)}
  .home-closing::before{opacity:.25;background-position:center}
  .closing-inner h2{font-size:23px;margin:6px 0}
  .closing-inner>p:not(.home-label){font-size:14px;line-height:1.5}
  .home-redesign .closing-button{display:none}
  .closing-support{margin-top:var(--mobile-space-md);padding-top:var(--mobile-space-sm);font-size:14px;line-height:1.55}
  .closing-support a{display:block;margin-top:4px;overflow-wrap:anywhere}
  .home-redesign .site-footer{padding-top:var(--mobile-space-lg);padding-bottom:calc(var(--mobile-space-lg) + env(safe-area-inset-bottom))}
  .home-redesign .footer-main{gap:var(--mobile-space-md)}
  .home-redesign .footer-nav{gap:0 var(--mobile-space-md)}
  .home-redesign .footer-nav a{min-height:44px;font-size:14px}
  .home-redesign .footer-contact{margin-top:var(--mobile-space-sm)}
  .home-redesign .footer-bottom{margin-top:var(--mobile-space-lg);padding-top:var(--mobile-space-md)}
}
@media(max-width:340px){
  .home-redesign .container{margin-inline:16px}
  .brand-hero h1{font-size:34px}
  .home-feature h2{font-size:29px}
  .home-feature-visual img{right:-15px}
  .teaser-grid{grid-template-columns:1fr}
  .teaser-card{display:grid;grid-template-columns:34px 1fr;text-align:left;align-items:center;padding:11px 15px}
  .teaser-icon{margin:0;grid-row:1}
  .teaser-card h3{margin:0 0 2px}
}
@media(prefers-reduced-motion:reduce){
  .js .nav-links,.js .nav-links.open{transition:none}
}
@media(max-width:680px) and (pointer:coarse){
  .home-redesign .brand-primary:active,.home-redesign .feature-button:active{
    animation-play-state:paused;filter:brightness(1.045);transform:none
  }
  .home-redesign .teaser-card,.home-redesign .dna-card{transition:none}
}