/* Bundled stylesheet. See assets/src/css/manifest.json. */

/* CINE POCKET public information page. No submission-form styles are included. */
body.page-template-page-cine-pocket-php,
body.page-template-page-cine-pocket{
  --tmcp-black:#0b0b0d;
  --tmcp-ink:#15171c;
  --tmcp-red:#ef261e;
  --tmcp-red-deep:#8d071f;
  --tmcp-line:#dedbd6;
  background:#f5f4f1;
}
body.page-template-page-cine-pocket-php .tm-main,
body.page-template-page-cine-pocket .tm-main{overflow:clip}
body.page-template-page-cine-pocket-php .tmcp-page,
body.page-template-page-cine-pocket .tmcp-page{color:var(--tmcp-ink);background:#f5f4f1}
body.page-template-page-cine-pocket-php .tmcp-page :where(section,article,figure),body.page-template-page-cine-pocket .tmcp-page :where(section,article,figure){border-radius:0!important}
.tmcp-kicker{display:inline-flex;align-items:center;gap:12px;color:#a8583a;font-size:15px;font-weight:900}
.tmcp-kicker::before{content:"";width:42px;height:3px;background:currentColor}
.tmcp-opening{width:min(1180px,calc(100% - 48px));padding:clamp(70px,9vw,130px) 0;display:grid;grid-template-columns:170px minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:start}
.tmcp-opening__number{color:var(--tmcp-red);font-size:clamp(92px,12vw,170px);font-weight:900;line-height:.8;letter-spacing:-.08em}
.tmcp-opening h2{max-width:900px;margin:18px 0 20px;font-size:clamp(38px,5vw,70px);line-height:1.25;color:#111318}
.tmcp-opening p{max-width:930px;margin:0;color:#5e5e63;font-size:clamp(18px,2vw,24px);line-height:2}
.tmcp-tribute{background:#101115;color:#fff}
.tmcp-tribute__grid{width:min(1360px,calc(100% - 48px));display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);min-height:620px}
.tmcp-tribute figure{margin:0;min-height:620px;overflow:hidden}
.tmcp-tribute figure img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block;filter:saturate(.88) contrast(1.02)}
.tmcp-tribute__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,7vw,100px);background:linear-gradient(145deg,#15171c 0%,#1a1113 100%)}
.tmcp-tribute__copy .tmcp-kicker{color:#ff4b42}
.tmcp-tribute__copy h2{margin:18px 0 24px;color:#fff;font-size:clamp(40px,5vw,68px);line-height:1.2}
.tmcp-tribute__copy p{margin:0;color:rgba(255,255,255,.78);font-size:18px;line-height:2.15}
.tmcp-rules{width:min(1360px,calc(100% - 48px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(70px,8vw,120px) 0}
.tmcp-rule{min-height:430px;padding:clamp(34px,5vw,70px);border:1px solid rgba(0,0,0,.11);display:flex;flex-direction:column}
.tmcp-rule>span{font-size:17px;font-weight:900;opacity:.65}
.tmcp-rule h2{margin:42px 0 28px;font-size:clamp(32px,3.8vw,52px);line-height:1.25}
.tmcp-rule ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.tmcp-rule li{position:relative;padding-right:27px;font-size:18px;line-height:1.85}
.tmcp-rule li::before{content:"";position:absolute;right:0;top:.77em;width:10px;height:10px;background:currentColor;border-radius:50%}
.tmcp-rule--red{background:linear-gradient(145deg,#ef281f,#bc071e);color:#fff}
.tmcp-rule--dark{background:#101115;color:#fff}
.tmcp-rule--red :where(h2,span,li,p),.tmcp-rule--dark :where(h2,span,li,p){color:#fff!important}
.tmcp-rule--light{background:#fff;color:#16171b}
.tmcp-rule--image{background:linear-gradient(150deg,#e3ddd5,#f8f6f2);color:#17181d}
.tmcp-rule__note{margin:auto 0 0;padding-top:28px;border-top:1px solid currentColor;font-weight:800;line-height:1.8}
.tmcp-editorial{width:min(1180px,calc(100% - 48px));padding:0 0 clamp(70px,8vw,120px)}
.tmcp-editorial__body{padding:clamp(30px,5vw,64px);background:#fff;border:1px solid var(--tmcp-line);font-size:18px;line-height:2}
@media(max-width:1100px){
  .tmcp-opening{grid-template-columns:120px minmax(0,1fr)}
  .tmcp-tribute__grid{grid-template-columns:1fr}
  .tmcp-tribute figure{min-height:520px}
}
@media(max-width:760px){
  .tmcp-opening{width:min(100%,calc(100% - 28px));grid-template-columns:1fr;padding:65px 0;gap:25px}
  .tmcp-opening__number{font-size:82px}
  .tmcp-opening h2{font-size:37px}
  .tmcp-tribute__grid,.tmcp-rules,.tmcp-editorial{width:min(100%,calc(100% - 28px))}
  .tmcp-tribute figure{min-height:400px}
  .tmcp-tribute__copy{padding:36px 24px}
  .tmcp-tribute__copy h2{font-size:38px}
  .tmcp-tribute__copy p{font-size:16px}
  .tmcp-rules{grid-template-columns:1fr;padding:60px 0}
  .tmcp-rule{min-height:auto;padding:38px 24px}
  .tmcp-rule h2{margin-top:28px;font-size:34px}
  .tmcp-editorial__body{padding:28px 22px;font-size:16px}
}