
:root{--ink:#0b0b0b;--paper:#fff}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#111;font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh;overflow-x:hidden}
.special-back{position:fixed;z-index:20;top:18px;left:20px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:lowercase}
.special-title{position:fixed;z-index:21;top:14px;left:50%;transform:translateX(-50%);color:#fff;text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:lowercase;padding:8px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);animation:specialTitleBounce 2.9s cubic-bezier(.22,.78,.22,1) infinite}
.special-stage{position:relative;width:min(1100px,94vw);min-height:min(1380px,94vh);margin:0 auto;display:grid;place-items:center;padding:6vw 5vw;background:#000;overflow:hidden}
.special-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none;opacity:.98}
.special-inner{position:relative;z-index:2;width:66%;min-height:68%;background:#fff;display:grid;place-items:center;padding:clamp(28px,5vw,72px);box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.special-product{width:min(520px,100%);text-align:center;transform-origin:50% 50%;animation:specialCardSpin 11s linear infinite}
.special-photo{width:100%;aspect-ratio:3/4;background:#f4f4f4;overflow:hidden;border:1px solid #111}
.special-photo img{width:100%;height:100%;object-fit:cover;display:block}
.special-product h1{margin:18px 0 0;font-size:clamp(22px,3.4vw,44px);line-height:.96;letter-spacing:-.04em;text-transform:lowercase;font-weight:700}
.special-empty,.special-empty-state{display:grid;place-items:center;height:100%;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){
  .special-stage{width:100%;min-height:100vh;padding:82px 18px 28px}
  .special-frame{object-fit:cover;object-position:center}
  .special-inner{width:72%;min-height:64%;padding:22px 18px}
  .special-product{width:100%}
  .special-product h1{font-size:24px;margin-top:14px}
}
@media(max-width:440px){
  .special-inner{width:74%;min-height:58%;padding:16px 12px}
  .special-back{top:12px;left:14px}
}

@keyframes specialTitleBounce{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}18%{transform:translateX(-50%) translateY(-5px) scale(1.08)}34%{transform:translateX(-50%) translateY(1px) scale(.96)}52%{transform:translateX(-50%) translateY(-9px) scale(1.14)}72%{transform:translateX(-50%) translateY(2px) scale(.93)}88%{transform:translateX(-50%) translateY(-2px) scale(1.04)}}
@keyframes specialCardSpin{0%{transform:rotate(0deg) scale(1)}20%{transform:rotate(72deg) scale(1.02)}40%{transform:rotate(144deg) scale(.98)}60%{transform:rotate(216deg) scale(1.02)}80%{transform:rotate(288deg) scale(.99)}100%{transform:rotate(360deg) scale(1)}}
.special-photo{box-shadow:0 16px 34px rgba(0,0,0,.08)}
@media(max-width:760px){.special-title{top:12px;padding:7px 14px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.special-title,.special-product{animation:none!important}}

.special-docs{position:relative;z-index:10;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px 20px 28px}.special-docs a{font-size:12px;color:#fff;text-decoration:underline;text-underline-offset:3px}
