/* 4DK REWIND
   Standalone series page + scoped teaser blocks for Movies and Throwback.
   Existing page styles/content are not replaced.
*/

.rewind-page{background:#0a0908;color:#eee7dc}
.rewind-topline{background:#080707}
.rewind-masthead{background:#0d0b0a;border-bottom-color:#332a22}
.rewind-masthead .brand-mark{background:#b52b22}
.rewind-page .footer{background:#090807}

.rewind-hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 78% 30%,rgba(173,48,34,.22),transparent 24rem),
  linear-gradient(135deg,#1b1612,#090807 62%);
  color:#f6efe4;border-bottom:1px solid #362d25;padding:72px 0 62px}
.rewind-hero:before{content:"REWIND";position:absolute;right:-28px;bottom:-38px;
  font:1000 clamp(110px,20vw,270px)/.75 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  letter-spacing:-.05em;color:#fff;opacity:.025;pointer-events:none}
.rewind-noise{position:absolute;inset:0;pointer-events:none;opacity:.12;
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px)}
.rewind-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:end}
.rewind-kicker{display:inline-block;color:#dc9a72;font-size:10px;font-weight:1000;letter-spacing:.17em;text-transform:uppercase}
.rewind-hero h1{margin:12px 0 18px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:clamp(76px,12vw,160px);line-height:.72;letter-spacing:-.025em}
.rewind-hero h1 em{font:italic 600 .52em/1 Georgia,serif;color:#d1a375;letter-spacing:-.05em}
.rewind-hero-copy>p{max-width:710px;margin:0;color:#cabfb3;font:18px/1.55 Georgia,serif}
.rewind-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.rewind-actions a{display:inline-block;background:#b52b22;color:#fff;text-decoration:none;font-size:9px;font-weight:1000;
  letter-spacing:.12em;padding:12px 14px;border:1px solid #d54a3d}
.rewind-actions a.ghost{background:transparent;border-color:#55483e;color:#e4d6c9}
.rewind-deck{border:1px solid #4a3a2e;background:rgba(0,0,0,.27);padding:27px;display:grid;gap:14px;
  box-shadow:0 22px 55px rgba(0,0,0,.28)}
.rewind-deck>span{font-size:8px;font-weight:1000;letter-spacing:.18em;color:#c37b56}
.rewind-deck>strong{font:800 20px/1.05 Georgia,serif;color:#f0e5d8;border-top:1px solid #3a312a;padding-top:13px}
.rewind-deck>small{font-size:8px;font-weight:900;letter-spacing:.14em;color:#a99d91;margin-top:4px}

.rewind-strip{background:#b52b22;color:#fff;border-top:1px solid #d04a3d;border-bottom:1px solid #7d1e18;padding:11px 0}
.rewind-strip .shell{display:flex;gap:11px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:8px;font-weight:1000;letter-spacing:.15em}
.rewind-strip i{opacity:.55}

.rewind-feature{background:#f0e6d7;color:#17110e;padding:58px 0}
.rewind-feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;border:1px solid #8e7767;
  box-shadow:0 24px 70px rgba(52,29,17,.14)}
.rewind-poster-art{min-height:590px;position:relative;overflow:hidden;padding:32px;color:#fff;display:flex;flex-direction:column;
  justify-content:flex-end;background:
  linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.72)),
  repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.035) 59px 60px),
  linear-gradient(145deg,#6f1d19,#1c1714 66%)}
.rewind-poster-art:before{content:"";position:absolute;inset:11%;border:1px solid rgba(255,255,255,.13);transform:rotate(-2deg)}
.rewind-poster-art:after{content:"93";position:absolute;right:-12px;top:38px;font:1000 210px/.7 Georgia,serif;
  color:#fff;opacity:.055}
.rewind-frame{position:absolute;top:24px;left:28px;font-size:8px;font-weight:1000;letter-spacing:.18em}
.rewind-year{position:absolute;top:24px;right:28px;font:900 24px/1 Georgia,serif}
.rewind-city{position:absolute;top:66px;left:28px;font-size:7px;font-weight:900;letter-spacing:.14em;color:#d9aa8d}
.rewind-poster-art strong{position:relative;z-index:2;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:clamp(62px,7vw,100px);line-height:.74;letter-spacing:-.015em}
.rewind-poster-art small{position:relative;z-index:2;margin-top:15px;font-size:9px;font-weight:1000;letter-spacing:.2em;color:#e4ba9f}
.rewind-feature-copy{padding:48px 44px;background:#f7f0e7}
.rewind-status{font-size:9px;font-weight:1000;letter-spacing:.16em;color:#a52a22;text-transform:uppercase}
.rewind-feature-copy h2{margin:12px 0 18px;font-size:clamp(40px,5vw,68px);line-height:.9;letter-spacing:-.04em}
.rewind-feature-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#8b3e31}
.rewind-feature-copy p{font:16px/1.6 Georgia,serif;color:#51463e}
.rewind-deck-copy{font-size:19px!important;color:#2c211b!important}
.rewind-angle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:24px 0}
.rewind-angle-grid span{border:1px solid #cbb8a7;background:#eee1d3;padding:10px 9px;font-size:8px;font-weight:1000;letter-spacing:.08em;text-align:center}
.rewind-coming{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #c9b6a5;padding-top:18px;margin-top:18px}
.rewind-coming b{font-size:9px;letter-spacing:.12em;color:#a52a22}
.rewind-coming span{font:italic 13px/1.3 Georgia,serif;color:#6c5c50}

.rewind-method{background:#15110e;color:#eee5da;padding:58px 0}
.rewind-section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:26px}
.rewind-section-head>div>span{font-size:8px;font-weight:1000;letter-spacing:.17em;color:#be6b4e}
.rewind-section-head h2{margin:7px 0 0;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-size:clamp(38px,6vw,70px);line-height:.84}
.rewind-section-head>p{max-width:520px;margin:0;color:#aa9d92;font:14px/1.5 Georgia,serif}
.rewind-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rewind-method-grid article{border:1px solid #3c332c;background:#1c1713;padding:20px;min-height:155px}
.rewind-method-grid b{display:block;color:#8e4a37;font:900 28px/1 Georgia,serif;margin-bottom:18px}
.rewind-method-grid strong{display:block;font-size:11px;letter-spacing:.08em;margin-bottom:8px}
.rewind-method-grid p{margin:0;color:#a99e94;font:13px/1.5 Georgia,serif}

.rewind-board{background:#090807;color:#eee6dc;padding:58px 0}
.rewind-section-head.inverse>div>span{color:#c47c5e}
.rewind-board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rewind-board-grid article{position:relative;overflow:hidden;min-height:150px;border:1px solid #332b25;background:
  linear-gradient(145deg,#171210,#0d0b0a);padding:20px;display:flex;flex-direction:column;justify-content:flex-end}
.rewind-board-grid article:after{content:"▶";position:absolute;right:12px;top:10px;font-size:42px;color:#fff;opacity:.025}
.rewind-board-grid span{font:800 24px/1 Georgia,serif;color:#6f5547}
.rewind-board-grid strong{font-size:15px;margin:9px 0 7px}
.rewind-board-grid small{font-size:7px;font-weight:1000;letter-spacing:.13em;color:#b66b50}

/* MOVIES PAGE: new block only */
.rewind-screen-feature{background:#100d0b;color:#f1e8dc;border-top:1px solid #3b312a;border-bottom:1px solid #3b312a;padding:42px 0}
.rewind-screen-feature .rewind-mini-grid{display:grid;grid-template-columns:.78fr 1.22fr;border:1px solid #4a3a30;background:#15110f}
.rewind-screen-feature .rewind-mini-art{position:relative;overflow:hidden;min-height:320px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.72)),linear-gradient(145deg,#792018,#1d1814 70%)}
.rewind-screen-feature .rewind-mini-art:after{content:"93";position:absolute;right:-10px;top:20px;font:1000 145px/.8 Georgia,serif;color:#fff;opacity:.07}
.rewind-screen-feature .rewind-mini-art span{position:absolute;top:23px;left:25px;font-size:8px;font-weight:1000;letter-spacing:.17em;color:#e4b395}
.rewind-screen-feature .rewind-mini-art strong{position:relative;z-index:2;font:1000 clamp(44px,6vw,72px)/.75 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.rewind-screen-feature .rewind-mini-art small{position:relative;z-index:2;margin-top:12px;font-size:8px;font-weight:1000;letter-spacing:.14em;color:#d8a88e}
.rewind-screen-feature .rewind-mini-copy{padding:32px;display:flex;flex-direction:column;justify-content:center}
.rewind-screen-feature .rewind-mini-kicker{font-size:8px;font-weight:1000;letter-spacing:.17em;color:#cf7657}
.rewind-screen-feature h2{margin:10px 0 13px;font-size:clamp(34px,5vw,56px);line-height:.92;letter-spacing:-.035em}
.rewind-screen-feature h2 em{font-family:Georgia,serif;font-weight:400;color:#d5a183}
.rewind-screen-feature p{margin:0;color:#b9ada3;font:15px/1.55 Georgia,serif}
.rewind-screen-feature .rewind-mini-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.rewind-screen-feature .rewind-mini-actions a{display:inline-block;padding:11px 14px;background:#b52b22;color:#fff;text-decoration:none;font-size:8px;font-weight:1000;letter-spacing:.11em;border:1px solid #d24a3d}
.rewind-screen-feature .rewind-mini-actions span{display:inline-block;padding:11px 14px;border:1px solid #4b4038;color:#c6b7aa;font-size:8px;font-weight:1000;letter-spacing:.11em}

/* THROWBACK PAGE: new block only */
.rewind-throwback-feature{background:#17120f;color:#eee5da;border-top:1px solid #44382f;border-bottom:1px solid #44382f;padding:40px 0}
.rewind-throwback-feature .rewind-archive-card{display:grid;grid-template-columns:1fr .9fr;border:1px solid #57463a;background:#100d0b;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.rewind-throwback-feature .rewind-archive-art{min-height:300px;position:relative;overflow:hidden;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;
  background:linear-gradient(rgba(0,0,0,.10),rgba(0,0,0,.7)),linear-gradient(135deg,#742017,#211a16 72%)}
.rewind-throwback-feature .rewind-archive-art:before{content:"REWIND";position:absolute;right:-25px;top:52px;transform:rotate(90deg);font:1000 60px/1 Impact,sans-serif;color:#fff;opacity:.045}
.rewind-throwback-feature .rewind-archive-art span{position:absolute;top:24px;left:26px;font-size:8px;font-weight:1000;letter-spacing:.16em;color:#e7b69b}
.rewind-throwback-feature .rewind-archive-art strong{position:relative;z-index:2;font:1000 clamp(48px,7vw,78px)/.75 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.rewind-throwback-feature .rewind-archive-art small{position:relative;z-index:2;margin-top:12px;font-size:8px;font-weight:1000;letter-spacing:.14em;color:#d7a789}
.rewind-throwback-feature .rewind-archive-copy{padding:32px;display:flex;flex-direction:column;justify-content:center}
.rewind-throwback-feature .rewind-archive-copy>span{font-size:8px;font-weight:1000;letter-spacing:.16em;color:#c56f50}
.rewind-throwback-feature h2{margin:9px 0 13px;font-size:clamp(34px,5vw,54px);line-height:.9}
.rewind-throwback-feature h2 em{font-family:Georgia,serif;font-weight:400;color:#d1a184}
.rewind-throwback-feature p{margin:0;color:#b5a89c;font:14px/1.55 Georgia,serif}
.rewind-throwback-feature a.rewind-archive-enter{align-self:flex-start;margin-top:18px;padding:10px 13px;background:#b52b22;color:#fff;text-decoration:none;font-size:8px;font-weight:1000;letter-spacing:.11em}

@media(max-width:760px){
  .rewind-hero{padding:48px 0 42px}
  .rewind-hero-grid,.rewind-feature-grid,.rewind-screen-feature .rewind-mini-grid,.rewind-throwback-feature .rewind-archive-card{grid-template-columns:1fr}
  .rewind-hero h1{font-size:82px}
  .rewind-deck{margin-top:4px}
  .rewind-poster-art{min-height:470px}
  .rewind-feature-copy{padding:30px 22px}
  .rewind-angle-grid{grid-template-columns:repeat(2,1fr)}
  .rewind-coming{align-items:flex-start;flex-direction:column}
  .rewind-section-head{align-items:flex-start;flex-direction:column}
  .rewind-method-grid,.rewind-board-grid{grid-template-columns:1fr}
  .rewind-screen-feature,.rewind-throwback-feature{padding:28px 0}
  .rewind-screen-feature .rewind-mini-art,.rewind-throwback-feature .rewind-archive-art{min-height:285px}
  .rewind-screen-feature .rewind-mini-copy,.rewind-throwback-feature .rewind-archive-copy{padding:25px 21px}
}

/* LOCKED 4DK REWIND MENACE HERO */
.rewind-poster-art.rewind-poster-image{
  min-height:0;
  padding:0;
  background:#0a0908;
  display:block;
}
.rewind-poster-art.rewind-poster-image:before,
.rewind-poster-art.rewind-poster-image:after{
  content:none;
}
.rewind-poster-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:590px;
  object-fit:cover;
  object-position:center top;
}
.rewind-screen-feature .rewind-mini-art,
.rewind-throwback-feature .rewind-archive-art{
  background:
    linear-gradient(rgba(0,0,0,.14),rgba(0,0,0,.52)),
    url('/menace-ii-society-4dk-rewind.png') center 28% / cover no-repeat;
}
.rewind-screen-feature .rewind-mini-art:after{
  content:none;
}
.rewind-throwback-feature .rewind-archive-art:before{
  content:none;
}
@media(max-width:760px){
  .rewind-poster-image img{
    min-height:0;
    height:auto;
    object-fit:contain;
  }
}