/* Shared layer loaded after each page's inline styles: primary menu + footer fixes. */

/* Footer: older per-page `footer{display:grid|flex;...}` rules were overriding the shared footer layout. */
.site-footer{display:block;min-height:0;text-transform:none}
.site-footer .footer-col a{text-transform:uppercase;letter-spacing:.08em}

/* Menu button sits next to the existing nav actions. */
.nav-end{display:flex;align-items:center;gap:8px;justify-self:end}
.menu-toggle{
  appearance:none;background:none;color:inherit;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 40%,transparent);border-radius:999px;
  padding:10px 13px;font:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.13em;line-height:1
}
.menu-toggle i{display:block;width:14px;height:6px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.has-links .menu-toggle{display:none}

.site-menu{
  position:fixed;z-index:200;inset:0;display:flex;flex-direction:column;
  background:#070707;color:#f4f1ea;padding:0 22px 34px;
  opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif
}
.site-menu.open{opacity:1;visibility:visible;transition:opacity .28s ease}
.site-menu-top{height:68px;display:flex;align-items:center;justify-content:space-between;flex:none}
.site-menu-top .logo{color:#f4f1ea}
.site-menu .menu-toggle{border-color:#ffffff4d}
.site-menu > nav{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}
.site-menu > nav a{
  font-size:clamp(48px,9vw,120px);line-height:.95;font-weight:650;letter-spacing:-.06em;
  display:flex;align-items:baseline;gap:16px;width:max-content;max-width:100%;
  transform:translateY(14px);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s ease,color .2s
}
.site-menu > nav a small{font-size:10px;letter-spacing:.16em;font-weight:400;color:#ffffff55}
.site-menu > nav a[aria-current="page"]{color:#ff4a2d}
.site-menu.open > nav a{transform:none;opacity:1}
.site-menu.open > nav a:nth-child(2){transition-delay:.04s}
.site-menu.open > nav a:nth-child(3){transition-delay:.08s}
.site-menu.open > nav a:nth-child(4){transition-delay:.12s}
.site-menu.open > nav a:nth-child(5){transition-delay:.16s}
.site-menu-foot{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 24px;flex:none;
  border-top:1px solid #ffffff18;padding-top:22px;
  font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#ffffffa8
}
.site-menu-foot span{display:flex;gap:18px;flex-wrap:wrap}
@media(hover:hover) and (pointer:fine){.site-menu > nav a:hover{color:#ff4a2d}.site-menu-foot a:hover{color:#fff}}
html.menu-open,html.menu-open body{overflow:hidden}

@media(max-width:800px){
  .has-links .menu-toggle{display:inline-flex}
  .nav-end .back{display:none}
  .menu-toggle{font-size:9px;padding:10px 12px}
  .site-menu{padding:0 16px 30px}
  .site-menu-top{height:64px}
  .site-menu > nav a{font-size:15vw}
}
@media(prefers-reduced-motion:reduce){.site-menu,.site-menu > nav a{transition:none}}

/* App Store call-to-action (product pages) */
.store-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:22px}
.store-row .link{margin-top:0}
.store-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:#f4f1ea;color:#0a0a0a;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.store-btn.dark{background:#0a0a0a;color:#f4f1ea}
@media(hover:hover) and (pointer:fine){.store-btn:hover{transform:translateY(-2px)}}

/* THEOMI wordmark from the approved Photoshop artwork. */
.brand-wordmark{display:block;position:relative;overflow:hidden;width:166px;height:34px;line-height:0}
.brand-wordmark img{position:absolute;width:166.667%;max-width:none;height:auto;left:-33.333%;top:50%;transform:translateY(-50%);filter:invert(1);mix-blend-mode:screen}
.footer-logo .brand-wordmark{width:230px;height:46px}
@media(max-width:600px){.logo .brand-wordmark{width:136px;height:29px}.footer-logo .brand-wordmark{width:190px;height:40px}}

/* Same-page language links remain usable without JavaScript. */
.language-switch{display:flex;align-items:center;gap:7px;flex:none;font:600 10px/1 Arial,sans-serif;letter-spacing:.06em;white-space:nowrap}
.language-switch a{text-decoration:none;color:inherit;opacity:.55;padding:10px 2px}
.language-switch a[aria-current]{opacity:1;border-bottom:1px solid currentColor}
.language-switch a:focus-visible{outline:2px solid #ff4a2d;outline-offset:3px}
.site-menu-top .language-switch{margin-left:auto;margin-right:20px}
html[lang="tr"] .hero h1{font-size:clamp(56px,9.5vw,150px)}
@media(max-width:600px){.nav-end{gap:6px}.nav-end .nav-cta,.nav-end .navcta{display:none}.language-switch{font-size:10px}.site-menu > nav a{font-size:14vw}}

html[lang="tr"] .hero-stamp:before{content:"THEOMI / 2026 / DÜNYA ÇAPINDA"}
html[lang="tr"] .portal-foot:after{content:" / ÜRET · GELİŞTİR · OYNA"}
html[lang="tr"] .brand-moment .big{white-space:normal;font-size:clamp(36px,7.8vw,120px);line-height:1;overflow-wrap:break-word}
html[lang="tr"] a[href^="mailto:"]{text-transform:none}

/* Studio Notes: one consent-based subscription form shared by all pages. */
.studio-notes{scroll-margin-top:96px;display:grid;grid-template-columns:1fr 1fr;gap:48px;border-bottom:1px solid rgba(127,127,127,.3);padding:0 0 48px;margin-bottom:48px;color:inherit}
.studio-notes-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px}
.studio-notes h2{font-size:clamp(25px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:0 0 16px;max-width:440px}
.studio-notes-copy>p:last-child{font-size:15px;line-height:1.6;max-width:420px;opacity:.75}
.studio-notes-fields{display:grid;grid-template-columns:1fr 140px;gap:12px}
.studio-notes-form label{font-size:13px;line-height:1.5;display:block}
.studio-notes-fields input,.studio-notes-fields select{display:block;box-sizing:border-box;width:100%;min-height:46px;border:1px solid rgba(127,127,127,.45);border-radius:8px;padding:12px;margin-top:6px;background:#fff;color:#111;font:inherit}
.studio-notes-form .studio-notes-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0}
.studio-notes-consent input{flex:none;margin:3px 0 0;width:16px;height:16px;accent-color:#111}
.studio-notes-form button{padding:13px 22px;min-height:46px;border:1px solid currentColor;border-radius:8px;background:#111;color:#fff;font:inherit;font-size:14px;cursor:pointer}
.studio-notes-form button:disabled{opacity:.6;cursor:wait}
.studio-notes-status,.studio-notes-form details{font-size:12px;line-height:1.6}
.studio-notes-status:empty{display:none}
.studio-notes-form details{margin-top:14px;opacity:.75}
.studio-notes-form summary{cursor:pointer}
.studio-notes-form details p{max-width:520px;margin:8px 0}
.studio-notes-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){.studio-notes{grid-template-columns:1fr;gap:22px;padding-bottom:32px;margin-bottom:32px}.studio-notes-fields{grid-template-columns:minmax(0,1fr) 115px}}
@media(max-width:360px){.studio-notes-fields{grid-template-columns:1fr}}