/* TYRA STUDIO homepage — conversion-first, mobile-first */
.home-page{overflow:auto}
.home-screen{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:56px 24px 76px}
.home-screen:after{top:52%;opacity:.55;animation:none}
.home-content{width:min(1040px,100%);display:flex;flex-direction:column;align-items:center;text-align:center}
.home-eyebrow{margin:0 0 15px;color:rgba(244,241,234,.55);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:0;animation:fadeUp .65s ease forwards .1s}
.brand-mark{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.brand-mark h1{width:100%;font-size:clamp(58px,12vw,158px);line-height:.86;letter-spacing:-.075em;text-align:center;white-space:nowrap;text-transform:uppercase}
.home-tagline{margin-top:18px;font-size:clamp(13px,1.6vw,18px);letter-spacing:.11em}
.home-value{margin:12px auto 0;color:rgba(244,241,234,.66);font-size:clamp(13px,1.5vw,16px);line-height:1.5;opacity:0;animation:fadeUp .7s ease forwards .62s}
.home-cta{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;opacity:0;animation:fadeUp .75s ease forwards .78s}
.home-cta .home-nav-link{min-height:48px;padding:14px 22px}
.home-nav{margin:20px 0 0;gap:20px;opacity:0;animation:fadeUp .7s ease forwards 1.08s}
.home-mini-link{color:rgba(244,241,234,.52);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;transition:color var(--transition)}
.home-mini-link:hover,.home-mini-link:focus-visible{color:#fff}
.home-process{margin-top:21px;display:flex;flex-wrap:wrap;justify-content:center;gap:9px 22px;color:rgba(244,241,234,.48);font-size:10px;letter-spacing:.05em;opacity:0;animation:fadeUp .7s ease forwards 1.2s}
.home-process span{white-space:nowrap}.home-process b{color:rgba(244,241,234,.8);margin-right:5px}
.home-legal{position:absolute;padding:15px 20px;gap:8px 16px}.home-legal span[aria-hidden=true]{display:none}
@media(max-width:760px){
  .home-screen{align-items:flex-start;padding:62px 16px 88px}
  .home-screen:before{inset:12px}
  .brand-mark h1{font-size:clamp(50px,16vw,92px);white-space:normal}
  .home-tagline{max-width:330px}
  .home-value{max-width:340px}
  .home-cta{width:min(360px,100%);display:grid;grid-template-columns:1fr}
  .home-cta .home-nav-link{width:100%}
      .home-nav{gap:15px}
  .home-process{max-width:340px;display:grid;gap:7px;text-align:left}
  .home-legal{position:absolute;bottom:10px}
}
@media(max-width:420px){.home-nav{display:flex;width:auto}.home-mini-link{font-size:10px}}

.home-logo-mark{width:clamp(62px,7vw,96px);height:clamp(62px,7vw,96px);object-fit:cover;border-radius:18px;display:block;filter:drop-shadow(0 0 22px rgba(255,255,255,.08));opacity:0;animation:fadeUp .65s ease forwards .18s}


/* v1.3 — language switcher */
.home-cta-single{width:min(360px,100%)}
.home-cta-single .home-nav-link{width:100%}
.language-switcher{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;animation:fadeUp .7s ease forwards .88s}
.language-btn{min-width:58px;height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.035);color:#f4f1ea;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.language-btn span{font-size:18px;line-height:1}.language-btn b{font-size:10px;letter-spacing:.1em}
.language-btn:hover,.language-btn:focus-visible{transform:translateY(-1px);border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.language-btn[aria-pressed="true"]{background:#f4f1ea;color:#050506;border-color:#f4f1ea}
@media(max-width:760px){.language-switcher{flex-wrap:wrap}}


/* v2026.09.04-route-fix — resilient homepage navigation */
.home-screen::after{pointer-events:none}
.home-page .home-eyebrow,
.home-page .home-logo-mark,
.home-page .brand-mark h1,
.home-page .home-tagline,
.home-page .home-value,
.home-page .home-cta,
.home-page .language-switcher,
.home-page .home-nav,
.home-page .home-process{opacity:1;animation-fill-mode:both}
.home-page .home-cta,
.home-page .home-nav,
.home-page .home-legal{position:relative;z-index:7;pointer-events:auto}
.home-page .home-legal{position:absolute}
@media (prefers-reduced-motion: reduce){
  .home-page .home-eyebrow,.home-page .home-logo-mark,.home-page .brand-mark h1,.home-page .home-tagline,.home-page .home-value,.home-page .home-cta,.home-page .language-switcher,.home-page .home-nav,.home-page .home-process{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}