html { scroll-behavior: smooth; }
  @media (pointer: fine) {
    body, a, button { cursor: url('img/cursor-lemon.svg') 4 4, pointer; }
  }
  body { margin: 0; background: #17181C; color: #FEFEFF; font-family: Archivo, sans-serif; }
  * { box-sizing: border-box; }
  a { color: #F6BCC9; text-decoration: none; }
  a:hover { color: #FEFEFF; }
  ::selection { background: #F6BCC9; color: #17181C; }
  input:focus-visible, select:focus-visible, button:focus-visible, textarea:focus-visible { outline: 2px solid #F6BCC9; outline-offset: 2px; }
  input::placeholder, textarea::placeholder { color: #5C5F69; }
  @keyframes takaMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @keyframes takaFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  [data-r~="mburger"] { display: none; }
  #mobileMenu { opacity: 0; visibility: hidden; transition: opacity 240ms ease, visibility 240ms ease; }
  #mobileMenu[data-open="true"] { opacity: 1; visibility: visible; }
  @keyframes takaUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }
  [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity 800ms cubic-bezier(0.16,1,0.3,1), transform 800ms cubic-bezier(0.16,1,0.3,1); }
  [data-reveal][data-visible="true"] { opacity: 1; transform: translateY(0); }
  [data-reveal="scale"] { transform: scale(0.96); }
  [data-reveal="scale"][data-visible="true"] { transform: scale(1); }
  @keyframes takaPop { from { opacity: 0; transform: translateY(18px) scale(0.97); } to { opacity: 1; transform: none; } }
  @keyframes takaBackdrop { from { opacity: 0; } to { opacity: 1; } }
  @keyframes takaPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.045); } }
  [data-r~="buycard"] { animation: takaPop 380ms cubic-bezier(0.16,1,0.3,1) both; }
  [data-r~="modalbg"] { animation: takaBackdrop 260ms ease both; }
  [data-r~="photo"] { overflow: hidden; }
  [data-r~="photo"] img { transition: transform 900ms cubic-bezier(0.16,1,0.3,1); }
  [data-r~="photo"]:hover img { transform: scale(1.05); }
  [data-r~="buybtn"] { transition: transform 220ms cubic-bezier(0.16,1,0.3,1), box-shadow 220ms cubic-bezier(0.16,1,0.3,1), background 220ms ease; }
  [data-r~="buybtn"]:hover { transform: translate(-2px,-2px); }
  [data-r~="cta"] { transition: transform 200ms ease, background 200ms ease, border-color 200ms ease, color 200ms ease; }
  [data-r~="cta"]:hover { transform: translateY(-2px); }
  [data-r~="tile"] { transition: transform 400ms cubic-bezier(0.16,1,0.3,1); }
  [data-r~="tile"]:hover { transform: translateY(-6px); }
  @media (hover: none) {
    [data-r~="photo"] img, [data-r~="buybtn"], [data-r~="cta"], [data-r~="tile"] { transition: none !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    [data-r~="buycard"], [data-r~="modalbg"] { animation: none !important; }
    [data-r~="photo"] img, [data-r~="buybtn"], [data-r~="cta"], [data-r~="tile"] { transition: none !important; transform: none !important; }
    [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
    [data-r~="heroanim"] { animation: none !important; }
  }
  @media (max-width: 1000px) {
    [data-r~="hero"], [data-r~="g2"], [data-r~="g3"] { grid-template-columns: 1fr !important; }
    [data-r~="hero"] { min-height: 0 !important; grid-template-areas: 'top' 'img' 'bottom' !important; }
    [data-r~="g2"] { gap: 40px !important; }
    [data-r~="g3"] { gap: 2px !important; }
    [data-r~="g4"], [data-r~="gfoot"] { grid-template-columns: 1fr 1fr !important; }
    [data-r~="dnav"] { display: none !important; }
    [data-r~="mburger"] { display: flex !important; }
    [data-r~="logowrap"] { display: none !important; }
    [data-r~="hdrcta"] { margin-left: auto !important; }
    [data-r~="modalbg"] { padding: 14px !important; place-items: start center !important; }
    [data-r~="buycard"] { max-height: calc(100dvh - 28px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
    [data-r~="buybody"] { padding: 20px !important; }
    [data-r~="soonpop"] { padding: 30px 20px 24px !important; }
    [data-r~="soonrule"] { margin: -30px -20px 22px !important; }
    [data-r~="stickycol"] { position: static !important; }
    [data-r~="siteheader"] { backdrop-filter: none !important; background: #17181C !important; }
    [data-r~="posterimg"] { mix-blend-mode: normal !important; opacity: 0.3 !important; }
    [data-r~="posterimg"] img { filter: none !important; }
    [data-r~="heroimg"] img { filter: brightness(0.8) !important; }
    [data-r~="packshot"] { height: 170px !important; }
    [data-r~="soonhead"] { font-size: 25px !important; }
    [data-r~="bigtotal"] { font-size: 25px !important; }
    [data-r~="heromarkets"] { margin-top: 28px !important; padding-top: 18px !important; line-height: 1.5; }
    [data-r~="cta"] { width: 100%; justify-content: space-between !important; }
    [data-r~="buybtn"] { width: 100%; justify-content: space-between !important; box-shadow: 4px 4px 0 #17181C !important; padding: 16px 20px !important; font-size: 13px !important; }
    [data-r~="specpanel"] select, [data-r~="specpanel"] input { font-size: 16px !important; }
    select, input, textarea { font-size: 16px !important; }
    [data-r~="hdrcta"] svg { display: none; }
    [data-r~="hdr"] { height: 68px !important; gap: 10px !important; }
    [data-r~="mburger"] { width: 42px !important; height: 42px !important; }
    [data-r~="logo"] { width: 132px !important; height: 36px !important; }
    [data-r~="hdrcta"] { padding: 12px 14px !important; font-size: 11px !important; letter-spacing: 0.06em !important; gap: 7px !important; }
    [data-r~="pad"] { padding-left: 20px !important; padding-right: 20px !important; }
    [data-r~="sec"] { padding-top: 72px !important; padding-bottom: 72px !important; }
    [data-r~="tall"] { height: 380px !important; }
    [data-r~="herotop"] { padding: 24px 20px 0 !important; max-width: none !important; }
    [data-r~="herobottom"] { padding: 0 20px 40px !important; max-width: none !important; }
    [data-r~="heroimg"] { min-height: 340px !important; border-left: none !important; border-top: none !important; }
    [data-r~="heroimg"] img { filter: saturate(0.85) contrast(1.02) brightness(0.82) !important; }
    [data-r~="heroimg"]::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #17181C 0%, rgba(23,24,28,0.05) 20%, rgba(23,24,28,0.05) 55%, #17181C 100%), radial-gradient(120% 100% at 50% 45%, rgba(23,24,28,0) 35%, rgba(23,24,28,0.65) 100%); }
    [data-r~="panel"] { padding: 32px 22px !important; }
    h1 { font-size: clamp(36px, 9.5vw, 50px) !important; line-height: 1.02 !important; }
    h2 { font-size: clamp(26px, 7.5vw, 38px) !important; line-height: 1.04 !important; }
    [data-r~="herotop"] p { font-size: 16px !important; line-height: 1.55 !important; }
    section p { font-size: 15px !important; line-height: 1.6 !important; }
    [data-r~="sec"] { padding-top: 48px !important; padding-bottom: 48px !important; }
    [data-r~="g2"] { gap: 28px !important; padding-top: 32px !important; }
    [data-r~="g4"] > div, [data-r~="gfoot"] > div { padding-top: 32px !important; padding-bottom: 32px !important; }
    [data-r~="herobottom"] > div:first-child { margin-top: 24px !important; }
    [data-r~="herobottom"] > div:last-child { margin-top: 32px !important; padding-top: 20px !important; font-size: 12px !important; }
    section[id] { scroll-margin-top: 68px; }
    div[style*="margin-top: 44px"] { margin-top: 28px !important; padding-top: 20px !important; }
    [data-r~="pillars"] { grid-template-columns: 1fr !important; background: none !important; gap: 12px !important; }
    [data-r~="pillar"] { padding: 20px 20px !important; border: 2px solid #2C2E35 !important; }
    [data-r~="specpanel"] { grid-template-columns: 1fr 1fr !important; background: none !important; gap: 8px !important; }
    [data-r~="specitem"] { padding: 14px 14px !important; border: 2px solid #2C2E35 !important; }
    [data-r~="specitem"] > div:last-child { font-size: 16px !important; }
    [data-r~="rolepick"] { grid-template-columns: 1fr !important; gap: 8px !important; background: none !important; border: none !important; }
    [data-r~="rolepick"] button { border: 2px solid #5C5F69 !important; padding: 16px 14px !important; }
    div[style*="margin-top: 36px"] { margin-top: 24px !important; padding-top: 18px !important; }
    div[style*="margin-top: 40px"] { margin-top: 24px !important; padding-top: 20px !important; }
  }
  @media (max-width: 640px) {
    [data-r~="g4"], [data-r~="gfoot"] { grid-template-columns: 1fr !important; }
    [data-r~="g4"] > div { border-right: none !important; border-bottom: 2px solid #2C2E35; padding: 32px 0 !important; }
    [data-r~="tall"] { height: 300px !important; }
    [data-r~="chiprow"] > button { flex: 1 1 100% !important; }
    [data-r~="photo"] img { min-height: 0 !important; height: 300px !important; }
    [data-r~="sec"] { padding-top: 36px !important; padding-bottom: 36px !important; }
    [data-r~="poster"] { padding: 48px 0 !important; }
    [data-r~="gfoot"] > div { padding-top: 24px !important; padding-bottom: 24px !important; }
    [data-r~="heroimg"] { min-height: 260px !important; }
    [data-r~="herotop"] { padding-bottom: 0 !important; }
    [data-r~="pillar"] p, [data-r~="specitem"] { line-height: 1.5 !important; }
  }
