/* Sukira Roots — global type, resets and motion. Component styling is authored inline. */
body { margin: 0; background: #050505; font-family: 'Schibsted Grotesk', system-ui, sans-serif; }
  a { color: #C9A96A; text-decoration: none; }
  a:hover { color: #E6CFA0; }
  *::-webkit-scrollbar { width: 0; height: 0; }
  @keyframes maskUp { from { opacity: 0; transform: translateY(105%); } to { opacity: 1; transform: none; } }
  @keyframes riseIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes ringIn { from { opacity: 0; transform: scale(0.72) rotate(-14deg); } to { opacity: 1; transform: none; } }
  @keyframes barGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @keyframes letterIn { from { opacity: 0; letter-spacing: 0.62em; } to { opacity: 1; letter-spacing: 0.34em; } }
  @keyframes slowZoom { from { transform: scale(1.06); } to { transform: scale(1.14); } }
  @keyframes sweep { 0% { transform: translateX(-120%); } 100% { transform: translateX(320%); } }
  @keyframes ripple { 0% { transform: scale(0.72); opacity: 0.9; } 100% { transform: scale(1.45); opacity: 0; } }
  @keyframes drawIn { to { stroke-dashoffset: 0; } }
  @keyframes breathe { 0%,100% { box-shadow: 0 0 0 0 rgba(201,169,106,0); } 50% { box-shadow: 0 0 0 7px rgba(201,169,106,0.05); } }
  @keyframes nudge { 0%,100% { transform: translateY(2px); } 50% { transform: translateY(-3px); } }
  @keyframes dropIn { 0% { opacity: 0; transform: translateY(-460px) scale(0.88); } 60% { opacity: 1; } 100% { opacity: 1; transform: none; } }
  @media (max-width: 820px) {
    html, body { height: 100%; overflow: hidden; }
    #stage { padding: 0 !important; gap: 0 !important; min-height: 100dvh !important; }
    #caption { display: none !important; }
    #bezel { width: 100vw !important; height: 100dvh !important; border-radius: 0 !important; padding: 0 !important; background: #070707 !important; box-shadow: none !important; }
    #screen { width: 100vw !important; height: 100dvh !important; border-radius: 0 !important; }
    #notch { display: none !important; }
    /* Shop browse: product name moves above the product so it never sits on the product */
    #sk-info-top { display: block !important; }
    #sk-info-bottom { display: none !important; }
  }
  /* Shorter phones: shrink the product a little so it clears the dots and Read more */
  @media (max-width: 820px) and (max-height: 700px) {
    #sk-browse-panel { padding-bottom: 22px !important; }
  }
  @media (max-width: 820px) and (max-height: 665px) { #sk-products[data-mode="browse"] { transform: scale(0.93); } }
  @media (max-width: 820px) and (max-height: 640px) { #sk-products[data-mode="browse"] { transform: scale(0.81); } }
  @media (max-width: 820px) and (max-height: 600px) { #sk-products[data-mode="browse"] { transform: scale(0.7); } }
  @media (max-width: 820px) and (max-height: 560px) { #sk-products[data-mode="browse"] { transform: scale(0.6); } }