html { background:#060606; }
body { margin:0; background:#060606; color:#F4F1EC; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }
::selection { background: rgba(166,138,100,0.30); color:#F4F1EC; }
a { color:#A68A64; text-decoration:none; } a:hover { color:#F4F1EC; }

/* image slots: fill the wrapper, cover-fit by default */
.ph { position:relative; overflow:hidden; background:#0a0a0a; width:100%; height:100%; }
.ph img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.ph--contain img { object-fit:contain; }

@keyframes grainShift { 0%{transform:translate(0,0)} 20%{transform:translate(-6%,4%)} 40%{transform:translate(4%,-7%)} 60%{transform:translate(-5%,6%)} 80%{transform:translate(6%,-3%)} 100%{transform:translate(0,0)} }
@keyframes twinkle { 0%,100%{opacity:.1} 50%{opacity:.85} }
@keyframes floatUp { 0%{transform:translateY(0);opacity:0} 12%{opacity:.5} 88%{opacity:.3} 100%{transform:translateY(-160px);opacity:0} }
@keyframes hintPulse { 0%,100%{opacity:.25; transform:scaleY(.65); transform-origin:top} 50%{opacity:.9; transform:scaleY(1); transform-origin:top} }
@keyframes candleFlicker { 0%,100%{ transform:translateX(-50%) scaleY(1) scaleX(1); opacity:1 } 25%{ transform:translateX(-50%) scaleY(1.12) scaleX(.94); opacity:.88 } 50%{ transform:translateX(-50%) scaleY(.9) scaleX(1.05); opacity:1 } 75%{ transform:translateX(-50%) scaleY(1.05) scaleX(.96); opacity:.92 } }

/* ── phone layer (desktop untouched) ── */
@media (max-width:640px){
  header{ padding:15px 20px !important; }
  [data-r="kicker"]{ font-size:9.5px !important; letter-spacing:.3em !important; }
  [data-r="years"]{ font-size:11vw !important; }
  [data-r="ysub"]{ text-align:center !important; padding:0 24px !important; box-sizing:border-box; }
  [data-act="lines"] [data-r="l1"]{ max-width:15ch !important; }
  [data-act="lines"] [data-r="l2"]{ max-width:13ch !important; }
  [data-act="lines"] [data-r="l3"]{ max-width:16ch !important; }
  [data-act="reel"] [data-r="rail"]{ padding:0 5vw !important; gap:26px !important; }
  [data-act="reel"] [data-r="rail"] > div{ transform:none !important; }
  [data-r="q"]{ padding:0 24px !important; box-sizing:border-box; }
  [data-act="range"] [data-r="rlabel"]{ padding-left:20px !important; padding-right:20px !important; box-sizing:border-box; }
  [data-r="tattr"],[data-r="mcap"],[data-r="mplace"],[data-r="wattr"],[data-r="skymem"]{ padding-left:16px !important; padding-right:16px !important; box-sizing:border-box; }
  [data-act="absence"] [data-r="aport"]{ inset:20% 10% !important; }
  [data-act="words"] [data-stage]{ padding-left:24px !important; padding-right:24px !important; }
  [data-credits]{ font-size:8.5px !important; padding:0 20px !important; text-align:center !important; }
}
@media (max-width:380px){
  [data-r="years"]{ font-size:11.5vw !important; }
  [data-act="absence"] [data-r="a1"]{ font-size:30px !important; }
  [data-act="words"] [data-r="w1"],[data-act="words"] [data-r="w2"],[data-act="words"] [data-r="w3"]{ font-size:27px !important; }
}