/* Cinema's 2026 paper-and-film identity. Color remains monochrome. */
:root{--paper:#f1f1f1;--ink:#101010}
.hero{width:100%;max-width:none;padding:32px max(24px,calc((100vw - 1280px)/2)) 20px;background:linear-gradient(162deg,transparent 28%,#00000005 28.2%,transparent 40%),linear-gradient(24deg,transparent 65%,#00000008 65.2%,transparent 75%),var(--paper);color:var(--ink);position:relative;isolation:isolate}
.hero::after{content:'';display:block;position:absolute;inset:auto 0 -1px;height:13px;background:var(--ink);clip-path:polygon(0 70%,8% 30%,16% 70%,28% 20%,40% 65%,52% 30%,68% 65%,80% 20%,93% 55%,100% 25%,100% 100%,0 100%)}
.hero-topline{border-color:#aaa;padding-bottom:20px}
.hero-topline .pill{border:0;border-radius:0;background:#111;color:white;transform:rotate(-2deg);padding:9px 14px;line-height:1.4}
.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:clamp(26px,4vw,70px);padding:38px 0 45px;align-items:center}
.hero-copy h1{font-size:clamp(3.2rem,5.8vw,6rem);line-height:1.01}
.hero-copy h1 .outline{-webkit-text-stroke:1.5px #111}
.hero-copy p{color:#333;max-width:38ch}
.hero .button{border:2px solid #111;box-shadow:3px 3px 0 #aaa}
.hero .button.primary{background:#111;color:#fff}
.hero .button:hover{background:#333;color:white}
.hero-visual{align-self:center;width:100%;padding:10px 12px 0;background:#111;transform:rotate(1deg);box-shadow:6px 7px 0 #bcbcbc}
.hero-visual .identity-art{width:100%}
.hero-logo-clean{display:flex;align-items:center;justify-content:center;min-height:310px;padding:28px;background:#f1f1f1;border:1px solid #777}
.hero-logo-clean img{display:block;width:min(100%,520px);height:auto;filter:none;mix-blend-mode:normal}
.image-label{background:#111;color:#ddd;border:0;line-height:1.4;padding-block:15px}
.image-label .image-index{white-space:nowrap}
.session-strip{position:relative;border:0;padding:36px 0;background:#101010}
.session-strip::before,.session-strip::after{content:'';position:absolute;inset:8px 12px auto;height:6px;background:repeating-linear-gradient(90deg,#eee 0 15px,transparent 15px 31px);opacity:.65;pointer-events:none}
.session-strip::after{top:auto;bottom:8px}
.quick-date{border-color:#686868}
.quick-date strong{font-size:2.8rem}
.program-section{position:relative;padding-block:64px 76px}
.section-heading h2{font-style:italic;letter-spacing:-.05em}
.program-tabs .tab{border-radius:0;box-shadow:3px 3px 0 #555}
.event-list{gap:30px}
.event{border:2px solid #aaa;border-top:17px solid #eee;border-bottom:17px solid #eee;background-color:#f1f1f1;background-image:linear-gradient(165deg,transparent 56%,#00000005 56.3%,transparent 68%);box-shadow:5px 5px 0 #393939}
.event:nth-child(4n+2),.event:nth-child(4n+3){background:#1b1b1b;border-color:#eee}
.event::before,.event::after{content:'';position:absolute;left:9px;right:9px;top:-12px;height:7px;background:repeating-linear-gradient(90deg,#111 0 13px,transparent 13px 27px);pointer-events:none}
.event::after{top:auto;bottom:-12px}
.event-header{border-bottom:1px dashed currentColor}
.event-date strong{font-size:3rem}
.event-title{font-size:clamp(1.8rem,2.6vw,2.6rem);line-height:1.14}
.event-footer{border-top-style:dashed}
.favorite[aria-pressed=true]{background:#ddd;color:#111}
.route-section{position:relative;background:linear-gradient(169deg,transparent 32%,#00000005 32.3%,transparent 43%),var(--paper)}
.route-summary{padding:24px;border:2px solid #111;box-shadow:6px 6px 0 #b5b5b5;background:#f8f8f8}
.route-section h2{font-style:italic}
.sister-section{background:conic-gradient(#181818 25%,#101010 0 50%,#181818 0 75%,#101010 0) 0 0/72px 72px}
.sister-inner{padding-block:10px}
.sister-section p{color:#ddd}
.detail-header{background:linear-gradient(160deg,transparent 60%,#00000006 60.3%,transparent 76%),#f1f1f1;border-bottom:2px dashed #888}
.detail-date{border:2px solid #111;padding:12px 8px;align-self:start;text-align:center;box-shadow:4px 4px 0 #aaa}
.detail-topline{background:#111;color:#fff}
.detail-topline .close{border-color:#fff;background:#111;color:#fff}
.detail-actions .button.primary{box-shadow:3px 3px 0 #999}
.coming-posters{border:1px solid #666;margin-top:55px;padding:0 22px;background:#181818}
.coming-posters summary{cursor:pointer;padding:18px 0;font-size:.875rem;font-weight:700;line-height:1.5}
.coming-posters summary span{font-weight:400;color:#bbb}
.coming-posters .hero-poster-carousel{height:310px}
.coming-posters .hero-poster-carousel .poster-slot{flex-basis:230px;min-width:180px;border-color:#888;background:#202020}
.coming-posters .hero-poster-carousel .poster-slot strong{font-size:4rem}
.coming-posters .poster-carousel-controls{margin-bottom:15px}
@media(min-width:1000px){.event:nth-child(even){transform:translateY(24px)}}
@media(max-width:1050px){.hero{padding-inline:28px}.hero-grid{gap:30px}.hero-copy h1{font-size:clamp(3rem,5.8vw,4.6rem)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}}
@media(max-width:760px){
  .hero{padding:24px 18px 20px}
  .hero-grid{grid-template-columns:1fr;gap:30px;padding:30px 0 38px}
  .hero-topline{align-items:center;gap:12px}
  .hero-topline .pill{font-size:.75rem;padding:8px;max-width:24ch}
  .hero-copy h1{font-size:clamp(3.2rem,12vw,5.4rem)}
  .hero-visual{transform:none;box-shadow:4px 4px 0 #bcbcbc;padding:8px 8px 0}
  .hero-logo-clean{min-height:230px;padding:18px}
  .hero-copy p{max-width:46ch;margin-bottom:24px}
  .hero-actions{display:flex}
  .hero-actions .button{width:auto;flex:1 1 auto}
  .image-label{font-size:.75rem;flex-wrap:wrap;gap:5px;padding-block:12px}
  .quick-date strong{font-size:2.3rem}
  .program-section{padding-block:44px 50px}
  .event-list{padding-right:5px}
  .event-date strong{font-size:2.6rem}
  .event-title{font-size:clamp(1.75rem,7.5vw,2.6rem)}
  .event-header{gap:10px;padding-inline:16px}
  .event-open,.event-access{padding-inline:16px}
  .route-summary{padding:18px;margin-right:6px}
  .detail-date{padding:8px 12px;justify-self:start}
  .coming-posters{padding-inline:14px}
}
@media(max-width:380px){.hero-actions .button{width:100%}.hero-topline .eyebrow{font-size:.75rem}.favorite{min-width:78px}.event-access{max-width:70%}}