/* Cinema is a standalone Sites surface: one visual authority, one shell. */
@import url('preview-layer.css');
:root{--ws-crimson:#A14D57;--cinema-paper:color-mix(in oklab,var(--ws-crimson) 12%,#FAF9F5);--cinema-paper-light:color-mix(in oklab,var(--ws-crimson) 7%,#FAF9F5);--cinema-night:color-mix(in oklab,var(--ws-crimson) 22%,#171713);--cinema-ink:#252525;--cinema-gold:var(--ws-crimson);--cinema-line:color-mix(in oklab,var(--ws-crimson) 34%,transparent);--cinema-canvas:min(94vw,1760px);--cinema-serif:var(--ws-type-display-en);--cinema-zh:"Noto Serif TC",var(--ws-type-display-zh)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.sites-cinema{margin:0;background:var(--cinema-paper);color:var(--cinema-ink);font:16px/1.45 var(--cinema-serif)}body.sites-cinema a{color:inherit;text-decoration:none}body.sites-cinema img,body.sites-cinema iframe{display:block;max-width:100%}.sites-cinema main{overflow:hidden}.sites-return{position:fixed;z-index:30;top:22px;left:max(3.5vw,calc((100vw - var(--cinema-canvas))/2));color:#f7f3e8;font-size:11px;letter-spacing:.12em;mix-blend-mode:difference}
.sites-cinema-hall{position:relative;min-height:100svh;overflow:hidden;background:var(--cinema-night);color:#f7f3e8}.sites-cinema-hall:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:18vh;pointer-events:none;background:linear-gradient(transparent,var(--cinema-paper))}.sites-cinema-brand{position:absolute;z-index:6;left:max(7vw,calc((100vw - var(--cinema-canvas))/2));bottom:18vh;max-width:42rem;color:#f7f3e8;text-shadow:0 2px 18px rgba(0,0,0,.64)}.sites-cinema-brand p{margin:0 0 1.2rem;font-size:10px;letter-spacing:.18em}.sites-cinema-brand h1{margin:0;font:400 clamp(76px,10vw,184px)/.75 var(--cinema-serif);letter-spacing:-.05em}.sites-cinema-brand h1 em{font-weight:400}.sites-cinema-brand h1 span{display:block;margin-top:1.25rem;font:400 .24em var(--cinema-zh);letter-spacing:.08em}.sites-cinema-screen{position:absolute;z-index:1;inset:0}.sites-cinema-screen:after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,15,12,.8),rgba(15,15,12,.1) 60%,rgba(15,15,12,.45))}.sites-cinema-screen>*{width:100%;height:100%}.cinema-feature{position:relative;width:100%;height:100%;background:#050505;color:#fff}.cinema-feature__visual,.cinema-feature__media{position:absolute;inset:0}.cinema-feature__poster,.cinema-feature__media iframe{width:100%;height:100%;border:0;object-fit:cover}.cinema-feature__curtain{position:absolute;z-index:6;inset:0;width:100%;height:100%;border:0;background:transparent;color:#f7f3e8;cursor:pointer}.cinema-feature__curtain span{display:inline-block;border:1px solid rgba(247,243,232,.78);background:rgba(13,13,11,.72);padding:13px 19px}.cinema-feature__copy{position:absolute;z-index:5;left:max(7vw,calc((100vw - var(--cinema-canvas))/2));right:3rem;bottom:10vh;pointer-events:none;text-shadow:0 2px 12px #000}.cinema-feature__copy p{font-size:10px;letter-spacing:.18em}.cinema-feature__copy h2{margin:0 0 .4rem;font:400 clamp(2rem,4vw,5rem)/.9 var(--cinema-serif)}.cinema-feature[data-state="playing"] .cinema-feature__copy{opacity:0}.sites-cinema-enter{position:absolute;z-index:7;right:max(7vw,calc((100vw - var(--cinema-canvas))/2));bottom:10vh;border-bottom:1px solid rgba(247,243,232,.6);padding-bottom:.5rem;font-size:11px;letter-spacing:.14em}
.sites-cinema-reason,.sites-cinema-week,.sites-cinema-archive,.bible-world{padding:clamp(6rem,12vh,13rem) max(3vw,calc((100vw - var(--cinema-canvas))/2));background:var(--cinema-paper);color:var(--cinema-ink)}.sites-cinema-week{background:color-mix(in oklab,var(--ws-crimson) 16%,#FAF9F5);background-image:radial-gradient(circle at 76% 30%,color-mix(in oklab,var(--ws-crimson) 16%,transparent),transparent 25%),repeating-linear-gradient(90deg,transparent 0 11.8%,color-mix(in oklab,var(--ws-crimson) 10%,transparent) 11.9% 12%)}.sites-cinema-reason>header,.sites-cinema-week>header,.sites-cinema-archive>header{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2vw;max-width:var(--cinema-canvas);margin:0 auto 7vh;padding-top:1rem;border-top:1px solid var(--cinema-line)}.sites-cinema-reason header p,.sites-cinema-week header p,.sites-cinema-archive header p,.archive-group__head p,.archive-group__head span,.resource-meta{font-size:10px;letter-spacing:.16em}.sites-cinema-reason h2,.sites-cinema-week h2,.sites-cinema-archive h2{margin:0;font:400 clamp(58px,7vw,134px)/.8 var(--cinema-serif);letter-spacing:-.04em}.sites-cinema-archive header>p:last-child,#cinema-why-tonight{font-family:var(--cinema-zh)}#cinema-why-tonight,#cinema-week-programme,#cinema-archive-index,#cinema-library,.sites-cinema-source{max-width:var(--cinema-canvas);margin-inline:auto}#cinema-why-tonight{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2vw;line-height:2}.sites-cinema-week button{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2vw;width:100%;min-height:5.5rem;padding:1.2rem 0;border:0;border-top:1px solid var(--cinema-line);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.sites-cinema-week button:hover{background:rgba(181,154,77,.15)}.sites-cinema-source{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:6vh;padding-top:1rem;border-top:1px solid var(--cinema-line);font-size:12px}.sites-cinema-source a{border-bottom:1px solid currentColor}.bible-world{min-height:0!important;background:var(--cinema-paper)!important}.bible-world__intro{max-width:min(74rem,100%);padding-bottom:5vh}.bible-world__stage{padding-left:0}.bible-world__time button{background:rgba(247,243,232,.5)}.bible-world__time button[data-active="true"]{background:var(--cinema-gold);color:var(--cinema-ink)}.bible-world__moment,.bible-world__coordinates>div{background:var(--cinema-paper-light);color:var(--cinema-ink)}.sites-cinema-archive{background:var(--cinema-paper-light)}.archive-index{display:flex;flex-wrap:wrap;gap:10px 24px;padding-bottom:48px;border-bottom:1px solid var(--cinema-line);font-size:10px;letter-spacing:.12em}.archive-index a{border-bottom:1px solid #777;padding-bottom:5px}.archive-source-list{padding:24px 0 40px;border-bottom:1px solid var(--cinema-line)}.archive-source-list>p{font-size:9px;letter-spacing:.18em}.archive-source-list h3,.archive-group__head h3{margin:0 0 20px;font:400 clamp(28px,4vw,58px)/.9 var(--cinema-serif)}.archive-source-list__links{display:flex;flex-wrap:wrap;gap:12px 28px}.archive-source-list__links a{border-bottom:1px solid #777;padding-bottom:5px;font-size:10px;letter-spacing:.08em}.archive-group{padding:60px 0 20px}.archive-group__head{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:24px;margin-bottom:22px}.archive-group__head p,.archive-group__head span{margin:0}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--cinema-line)}.resource-card{display:flex;min-height:220px;flex-direction:column;overflow:hidden;padding:0 30px 30px;background:color-mix(in oklab,var(--ws-crimson) 9%,#FAF9F5);color:var(--cinema-ink)}.resource-poster-wrap,.resource-preview{position:relative;aspect-ratio:16/9;overflow:hidden;margin:0 -30px 26px;background:#171713}.resource-poster,.resource-preview img,.resource-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.resource-card h3{margin:1em 0 .2em;font:400 clamp(26px,3vw,44px)/.95 var(--cinema-serif)}.resource-card p{margin-bottom:auto}.resource-action{margin-top:24px;border:1px solid currentColor;background:transparent;padding:12px 15px;color:inherit;font-size:10px;letter-spacing:.12em;cursor:pointer}.sites-cinema-friends{display:flex;gap:2rem;align-items:center;padding:3rem max(3vw,calc((100vw - var(--cinema-canvas))/2));background:var(--cinema-night);color:#f7f3e8;font-size:12px}.sites-cinema-friends p{margin-right:auto;font-size:10px;letter-spacing:.16em}.sites-cinema-friends a{border-bottom:1px solid rgba(247,243,232,.45)}
@media(max-width:760px){.sites-return{left:18px;top:16px}.sites-cinema-brand{left:18px;bottom:16vh}.sites-cinema-brand h1{font-size:20vw}.sites-cinema-enter{right:18px;bottom:6vh}.sites-cinema-reason,.sites-cinema-week,.sites-cinema-archive,.bible-world{padding-inline:18px!important}.sites-cinema-reason>header,.sites-cinema-week>header,.sites-cinema-archive>header,#cinema-why-tonight{display:block}.sites-cinema-reason h2,.sites-cinema-week h2,.sites-cinema-archive h2{margin:2rem 0;font-size:18vw}.sites-cinema-week button{display:block}.sites-cinema-week button>*{display:block;margin:.3rem 0}.resource-grid{grid-template-columns:1fr}.sites-cinema-friends{display:block;padding:2rem 18px}.sites-cinema-friends>*{display:block;margin:1rem 0}}
/* The hall owns the opening title.  Programme metadata begins below the fold. */
.sites-cinema-hall .cinema-feature__copy{display:none}

/* Cinema scale authority — widen the editorial field instead of shrinking it on large displays. */
@media(min-width:1920px){
  :root{--cinema-canvas:min(92vw,2200px)}
  body.sites-cinema{font-size:18px}
  .sites-return,.sites-cinema-enter{font-size:13px}
  .sites-cinema-brand p,.cinema-feature__copy p,.sites-cinema-reason header p,.sites-cinema-week header p,.sites-cinema-archive header p,.archive-group__head p,.archive-group__head span,.resource-meta,.archive-index,.resource-action{font-size:12px}
  .sites-cinema-source,.sites-cinema-friends{font-size:14px}
}
@media(min-width:2560px){
  :root{--cinema-canvas:min(90vw,2800px)}
  body.sites-cinema{font-size:20px}
  .sites-cinema-reason,.sites-cinema-week,.sites-cinema-archive{padding-block:clamp(8rem,11vh,16rem)}
  .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .resource-card{padding:0 clamp(30px,1.5vw,48px) clamp(30px,1.5vw,48px)}
}
@media(min-width:3400px){
  :root{--cinema-canvas:min(88vw,3400px)}
  body.sites-cinema{font-size:22px}
  .sites-return,.sites-cinema-enter{font-size:15px}
  .sites-cinema-brand p,.sites-cinema-reason header p,.sites-cinema-week header p,.sites-cinema-archive header p,.archive-group__head p,.archive-group__head span,.resource-meta,.archive-index,.resource-action{font-size:14px}
  .sites-cinema-reason h2,.sites-cinema-week h2,.sites-cinema-archive h2{font-size:clamp(92px,5.5vw,168px)}
  .resource-card h3{font-size:clamp(38px,2.2vw,68px)}
}


/* CINEMA POLISH 01 — Hall / opening frame */
.sites-cinema-hall{
  min-height:max(100svh,760px);
  background:#0d0d0b;
  isolation:isolate
}
.sites-cinema-hall:before{
  content:"";position:absolute;z-index:3;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 68% 42%,rgba(206,189,116,.09),transparent 34%),
    linear-gradient(90deg,rgba(8,8,7,.88) 0%,rgba(8,8,7,.38) 38%,rgba(8,8,7,.06) 70%,rgba(8,8,7,.34) 100%)
}
.sites-cinema-hall:after{
  z-index:4;height:22vh;
  background:linear-gradient(180deg,transparent 0%,rgba(13,13,11,.38) 42%,var(--cinema-paper) 100%)
}
.sites-cinema-brand{
  z-index:8;bottom:clamp(12vh,15vh,18vh);max-width:min(46rem,44vw);
  text-shadow:0 3px 28px rgba(0,0,0,.72)
}
.sites-cinema-brand p{margin-bottom:clamp(1rem,1.5vh,1.5rem);color:#CEBD74}
.sites-cinema-brand h1{
  font-size:clamp(72px,9.1vw,176px);line-height:.76;
  letter-spacing:-.055em;text-wrap:balance
}
.sites-cinema-brand h1 em{font-style:italic}
.sites-cinema-brand h1 span{
  margin-top:clamp(1rem,2vh,1.8rem);font-size:clamp(15px,.18em,28px);
  line-height:1.25;letter-spacing:.14em
}
.sites-cinema-screen{z-index:1;transform:scale(1.018);transform-origin:center}
.sites-cinema-screen:after{
  background:
    linear-gradient(90deg,rgba(10,10,8,.78) 0%,rgba(10,10,8,.18) 44%,rgba(10,10,8,.08) 72%,rgba(10,10,8,.44) 100%),
    linear-gradient(0deg,rgba(7,7,6,.32),transparent 42%)
}
.sites-cinema-enter{
  z-index:9;bottom:clamp(5vh,7vh,9vh);padding:.7rem 0;
  border-bottom-color:rgba(247,243,232,.42);
  transition:border-color 420ms ease,transform 420ms cubic-bezier(.2,.75,.2,1)
}
.sites-cinema-enter:hover,.sites-cinema-enter:focus-visible{border-bottom-color:#CEBD74;transform:translateY(-3px)}
.sites-cinema-enter:focus-visible,.cinema-feature__curtain:focus-visible,.sites-return:focus-visible{
  outline:1px solid #CEBD74;outline-offset:6px
}
.sites-return{z-index:10;opacity:.82;transition:opacity 300ms ease}
.sites-return:hover,.sites-return:focus-visible{opacity:1}
.cinema-feature__curtain span{
  border-color:rgba(247,243,232,.58);backdrop-filter:blur(8px);
  transition:background 300ms ease,border-color 300ms ease,transform 420ms cubic-bezier(.2,.75,.2,1)
}
.cinema-feature__curtain:hover span,.cinema-feature__curtain:focus-visible span{
  border-color:#CEBD74;background:rgba(13,13,11,.82);transform:scale(1.025)
}
@media(max-width:760px){
  .sites-cinema-hall{min-height:100svh}
  .sites-cinema-brand{left:18px;right:18px;bottom:15vh;max-width:none}
  .sites-cinema-brand h1{font-size:clamp(58px,19vw,104px);line-height:.8}
  .sites-cinema-brand h1 span{font-size:14px;letter-spacing:.12em}
  .sites-cinema-hall:before{background:linear-gradient(90deg,rgba(8,8,7,.76),rgba(8,8,7,.12))}
}
@media(prefers-reduced-motion:reduce){
  .sites-cinema-screen{transform:none}
  .sites-cinema-enter,.sites-return,.cinema-feature__curtain span{transition:none}
}


/* CINEMA POLISH 02 — Why Tonight / programme note */
.sites-cinema-reason{
  position:relative;isolation:isolate;
  padding-block:clamp(7rem,12vh,14rem);
  background:
    linear-gradient(180deg,rgba(206,189,116,.045),transparent 24%),
    var(--cinema-paper)
}
.sites-cinema-reason:before{
  content:"";position:absolute;top:0;left:var(--cinema-gutter);right:var(--cinema-gutter);
  height:1px;background:linear-gradient(90deg,transparent,rgba(37,37,37,.24) 12%,rgba(37,37,37,.24) 88%,transparent)
}
.sites-cinema-reason header{
  display:grid;grid-template-columns:minmax(10rem,.52fr) minmax(0,1.48fr);
  column-gap:clamp(2.5rem,6vw,9rem);align-items:start
}
.sites-cinema-reason header p{
  grid-column:1;margin-top:.55em;
  font-size:clamp(11px,.72vw,14px);line-height:1.5;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(37,37,37,.62)
}
.sites-cinema-reason h2{
  grid-column:2;margin:0;
  font-size:clamp(72px,7vw,142px);line-height:.82;letter-spacing:-.052em;
  text-wrap:balance
}
.sites-cinema-reason .reason-copy,
.sites-cinema-reason .cinema-reason__copy{
  width:min(100%,62rem);margin-left:auto;
  font-size:clamp(18px,1.15vw,25px);line-height:1.72
}
.sites-cinema-reason blockquote{
  width:min(100%,72rem);margin:clamp(4rem,7vh,8rem) 0 0 auto;
  padding:clamp(1.8rem,3vw,3.5rem) 0 0;
  border-top:1px solid rgba(37,37,37,.26);
  font-family:var(--ws-type-display-en);
  font-size:clamp(30px,2.6vw,58px);line-height:1.08;letter-spacing:-.025em
}
.sites-cinema-reason a{
  text-decoration-thickness:1px;text-underline-offset:.22em;
  transition:text-decoration-color 300ms ease,color 300ms ease
}
.sites-cinema-reason a:hover,.sites-cinema-reason a:focus-visible{color:#76672f;text-decoration-color:#CEBD74}
.sites-cinema-reason a:focus-visible{outline:1px solid #9d8c48;outline-offset:5px}
@supports(animation-timeline:view()){
  .sites-cinema-reason header,.sites-cinema-reason .reason-copy,.sites-cinema-reason .cinema-reason__copy,.sites-cinema-reason blockquote{
    animation:dawn-emerge var(--dawn-time-slow,1400ms) var(--dawn-ease-reveal,cubic-bezier(.68,0,.18,1)) both;
    animation-timeline:view();animation-range:entry 8% cover 34%
  }
}
@media(min-width:2560px){
  .sites-cinema-reason header{grid-template-columns:minmax(16rem,.48fr) minmax(0,1.52fr)}
  .sites-cinema-reason h2{font-size:clamp(108px,5.4vw,168px)}
  .sites-cinema-reason .reason-copy,.sites-cinema-reason .cinema-reason__copy{width:min(100%,78rem)}
}
@media(max-width:760px){
  .sites-cinema-reason{padding-block:clamp(5rem,10vh,7rem)}
  .sites-cinema-reason header{display:block}
  .sites-cinema-reason header p{margin:0 0 1.2rem}
  .sites-cinema-reason h2{font-size:clamp(58px,18vw,92px);line-height:.84}
  .sites-cinema-reason .reason-copy,.sites-cinema-reason .cinema-reason__copy{margin-top:2.5rem;font-size:17px;line-height:1.68}
  .sites-cinema-reason blockquote{margin-top:3.5rem;font-size:clamp(28px,9vw,42px)}
}
@media(prefers-reduced-motion:reduce){
  .sites-cinema-reason header,.sites-cinema-reason .reason-copy,.sites-cinema-reason .cinema-reason__copy,.sites-cinema-reason blockquote{animation:none!important}
}


/* CINEMA POLISH 03 — This Week / screening programme */
.sites-cinema-week{
  position:relative;isolation:isolate;
  padding-block:clamp(7rem,11vh,13rem);
  background:#171714;color:var(--cinema-paper)
}
.sites-cinema-week:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse at 76% 18%,rgba(206,189,116,.08),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%)
}
.sites-cinema-week header{
  display:grid;grid-template-columns:minmax(10rem,.48fr) minmax(0,1.52fr);
  gap:clamp(2.5rem,6vw,9rem);align-items:end;
  padding-bottom:clamp(2.5rem,4vw,5rem);
  border-bottom:1px solid rgba(247,243,232,.22)
}
.sites-cinema-week header p{
  grid-column:1;margin:0 0 .55em;color:#CEBD74;
  font-size:clamp(11px,.72vw,14px);letter-spacing:.16em;text-transform:uppercase
}
.sites-cinema-week h2{
  grid-column:2;margin:0;
  font-size:clamp(72px,7vw,142px);line-height:.82;letter-spacing:-.052em
}
.sites-cinema-week .week-grid,
.sites-cinema-week .cinema-week__grid{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(14px,1.4vw,28px);row-gap:clamp(3rem,6vh,6rem);
  margin-top:clamp(3.5rem,6vw,7rem)
}
.sites-cinema-week article{
  position:relative;grid-column:span 6;
  padding-top:clamp(1.4rem,2vw,2.2rem);
  border-top:1px solid rgba(247,243,232,.2)
}
.sites-cinema-week article:nth-child(3n+1){grid-column:span 7}
.sites-cinema-week article:nth-child(3n+2){grid-column:span 5}
.sites-cinema-week article h3{
  margin:.35em 0 .45em;font-size:clamp(34px,3vw,62px);
  line-height:.94;letter-spacing:-.035em;text-wrap:balance
}
.sites-cinema-week article p{max-width:48rem;color:rgba(247,243,232,.72);line-height:1.62}
.sites-cinema-week article a{color:inherit;text-decoration-color:rgba(206,189,116,.5);text-underline-offset:.22em}
.sites-cinema-week article a:hover,.sites-cinema-week article a:focus-visible{color:#CEBD74;text-decoration-color:#CEBD74}
.sites-cinema-week article a:focus-visible{outline:1px solid #CEBD74;outline-offset:5px}
@supports(animation-timeline:view()){
  .sites-cinema-week header,.sites-cinema-week article{
    animation:dawn-emerge var(--dawn-time-slow,1400ms) var(--dawn-ease-gather,cubic-bezier(.2,.75,.2,1)) both;
    animation-timeline:view();animation-range:entry 8% cover 32%
  }
}
@media(min-width:2560px){
  .sites-cinema-week h2{font-size:clamp(108px,5.4vw,168px)}
  .sites-cinema-week .week-grid,.sites-cinema-week .cinema-week__grid{column-gap:clamp(24px,1.5vw,46px)}
  .sites-cinema-week article h3{font-size:clamp(48px,2.2vw,72px)}
}
@media(max-width:760px){
  .sites-cinema-week{padding-block:clamp(5rem,10vh,7rem)}
  .sites-cinema-week header{display:block;padding-bottom:2rem}
  .sites-cinema-week header p{margin-bottom:1.2rem}
  .sites-cinema-week h2{font-size:clamp(58px,18vw,92px);line-height:.84}
  .sites-cinema-week .week-grid,.sites-cinema-week .cinema-week__grid{display:block;margin-top:3rem}
  .sites-cinema-week article,.sites-cinema-week article:nth-child(n){margin-top:2.5rem;padding-top:1.4rem}
}
@media(prefers-reduced-motion:reduce){
  .sites-cinema-week header,.sites-cinema-week article{animation:none!important}
}


/* Adaptive Screening System — 1 feature / 2–4 strip / 5+ week */
.sites-cinema-week[data-screening-mode="featured"]{min-height:min(88svh,1080px);display:flex;flex-direction:column;justify-content:center}
.sites-cinema-week[data-screening-mode="featured"] header{border-bottom-color:rgba(206,189,116,.34)}
#cinema-week-programme[data-screening-mode="featured"]{margin-top:clamp(3rem,7vh,7rem)}
.programme-card.programme-featured{
  width:100%;min-height:clamp(25rem,42vw,50rem);padding:clamp(2.5rem,5vw,7rem);
  display:grid;grid-template-columns:minmax(9rem,.38fr) minmax(0,1.62fr);align-content:end;
  column-gap:clamp(2rem,6vw,9rem);text-align:left;color:var(--cinema-paper);
  border:1px solid rgba(247,243,232,.22);background:
    radial-gradient(ellipse at 78% 18%,rgba(206,189,116,.12),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,0));
  cursor:pointer;overflow:hidden;position:relative
}
.programme-card.programme-featured:before{content:"FEATURED SCREENING";grid-column:1;color:#CEBD74;font-size:clamp(11px,.7vw,14px);letter-spacing:.18em}
.programme-card.programme-featured time{grid-column:1;margin-top:1.2rem;color:rgba(247,243,232,.58);font-size:clamp(13px,.85vw,17px);line-height:1.6}
.programme-card.programme-featured strong{grid-column:2;grid-row:1/span 3;align-self:end;font-family:var(--ws-type-display-en);font-size:clamp(58px,7vw,142px);line-height:.82;letter-spacing:-.05em;font-weight:400;text-wrap:balance}
.programme-card.programme-featured span{grid-column:2;margin-top:clamp(1.5rem,2.5vw,3rem);font-size:clamp(14px,1vw,19px);letter-spacing:.08em;color:rgba(247,243,232,.68)}
.programme-card.programme-featured:after{content:"ENTER SCREENING  →";position:absolute;right:clamp(2rem,4vw,5rem);bottom:clamp(1.5rem,3vw,3.5rem);font-size:clamp(11px,.72vw,14px);letter-spacing:.14em;color:#CEBD74;transition:transform 420ms cubic-bezier(.2,.75,.2,1)}
.programme-card.programme-featured:hover:after,.programme-card.programme-featured:focus-visible:after{transform:translateX(.55rem)}
.programme-card.programme-featured:focus-visible{outline:1px solid #CEBD74;outline-offset:7px}
#cinema-week-programme[data-screening-mode="strip"]{display:flex;gap:1px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:clamp(3rem,6vw,6rem);background:rgba(247,243,232,.16)}
#cinema-week-programme[data-screening-mode="strip"] .programme-card:not([hidden]){display:grid;flex:0 0:min(76vw,42rem);min-height:25rem;scroll-snap-align:start;padding:clamp(2rem,3vw,4rem);text-align:left;background:#171714;color:var(--cinema-paper);border:0;border-top:1px solid rgba(206,189,116,.42)}
@media(max-width:760px){
  .sites-cinema-week[data-screening-mode="featured"]{min-height:auto}
  .programme-card.programme-featured{display:block;min-height:31rem;padding:2rem}
  .programme-card.programme-featured:before{display:block;margin-bottom:5rem}
  .programme-card.programme-featured time{display:block;margin-bottom:1.2rem}
  .programme-card.programme-featured strong{display:block;font-size:clamp(50px,15vw,76px)}
  .programme-card.programme-featured span{display:block;margin-top:1.5rem}
}
@media(prefers-reduced-motion:reduce){.programme-card.programme-featured:after{transition:none}}


/* VISUAL POLICY — dark + gold pairing is forbidden on site surfaces.
   Cinema programme surfaces return to the shared paper / ink language. */
.sites-cinema-week,
.sites-cinema-week[data-screening-mode="featured"]{
  background:var(--cinema-paper);color:#252525
}
.sites-cinema-week:before{
  background:
    radial-gradient(ellipse at 76% 18%,rgba(37,37,37,.035),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.22),transparent 24%)
}
.sites-cinema-week header{border-bottom-color:rgba(37,37,37,.22)}
.sites-cinema-week header p{color:rgba(37,37,37,.58)}
.sites-cinema-week article{border-top-color:rgba(37,37,37,.2)}
.sites-cinema-week article p{color:rgba(37,37,37,.68)}
.sites-cinema-week article a{color:inherit;text-decoration-color:rgba(37,37,37,.35)}
.sites-cinema-week article a:hover,.sites-cinema-week article a:focus-visible{color:#252525;text-decoration-color:#252525}
.sites-cinema-week article a:focus-visible{outline-color:#252525}
.sites-cinema-week[data-screening-mode="featured"] header{border-bottom-color:rgba(37,37,37,.24)}
.programme-card.programme-featured{
  color:#252525;border-color:rgba(37,37,37,.22);
  background:
    radial-gradient(ellipse at 78% 18%,rgba(37,37,37,.045),transparent 32%),
    linear-gradient(135deg,rgba(255,255,255,.34),rgba(238,228,201,.22))
}
.programme-card.programme-featured:before,
.programme-card.programme-featured:after{color:#252525}
.programme-card.programme-featured time{color:rgba(37,37,37,.58)}
.programme-card.programme-featured span{color:rgba(37,37,37,.68)}
.programme-card.programme-featured:focus-visible{outline-color:#252525}
#cinema-week-programme[data-screening-mode="strip"]{background:rgba(37,37,37,.14)}
#cinema-week-programme[data-screening-mode="strip"] .programme-card:not([hidden]){
  background:var(--cinema-paper);color:#252525;border-top-color:rgba(37,37,37,.3)
}

/* COLOR OS DIRECT BINDING — Cinema is a standalone document, so it owns a direct crimson bridge. */
body.sites-cinema{background:var(--cinema-paper)}
.sites-cinema-reason{background:linear-gradient(180deg,color-mix(in oklab,var(--ws-crimson) 7%,transparent),transparent 24%),var(--cinema-paper)}
.sites-cinema-week{background-color:color-mix(in oklab,var(--ws-crimson) 16%,#FAF9F5)}
.sites-cinema-archive{background:var(--cinema-paper-light)}
.sites-cinema-source a,.archive-index a,.archive-source-list__links a{border-color:color-mix(in oklab,var(--ws-crimson) 52%,transparent)}

/* 2026-10-09 — Cinema hero typography: actual standalone page, not Hugo shell. */
body.sites-cinema .sites-cinema-hall .sites-cinema-brand{left:clamp(24px,7vw,150px);bottom:clamp(85px,14vh,170px);max-width:min(84vw,900px);z-index:8}
body.sites-cinema .sites-cinema-hall .sites-cinema-brand h1{font-family:var(--ws-type-display-en,"Bodoni Moda",serif);font-size:clamp(84px,10vw,178px);font-weight:400;line-height:.78;letter-spacing:-.055em;font-synthesis:none}
body.sites-cinema .sites-cinema-hall .sites-cinema-brand h1 em{display:block;font:italic 400 1em/.78 var(--ws-type-display-en,"Bodoni Moda",serif)}
body.sites-cinema .sites-cinema-hall .sites-cinema-brand h1 span{display:block;margin-top:clamp(20px,3vh,38px);font-family:var(--ws-type-display-zh,"Chiron Hei HK WS",sans-serif);font-size:clamp(23px,2.5vw,42px);font-weight:200;line-height:1.3;letter-spacing:.14em;font-synthesis:none}
body.sites-cinema .sites-cinema-hall .sites-cinema-brand>p{font-size:clamp(12px,.9vw,16px);font-weight:400;letter-spacing:.18em;margin-bottom:clamp(20px,3vh,35px)}
body.sites-cinema .sites-cinema-hall .sites-cinema-enter{font-size:clamp(13px,.95vw,17px);bottom:clamp(45px,9vh,110px)}
@media(max-width:760px){body.sites-cinema .sites-cinema-hall .sites-cinema-brand{left:6vw;bottom:17vh;max-width:88vw}body.sites-cinema .sites-cinema-hall .sites-cinema-brand h1{font-size:clamp(56px,15vw,104px)}body.sites-cinema .sites-cinema-hall .sites-cinema-brand h1 span{font-size:clamp(19px,5vw,28px)}}

/* Shared bilingual heading roles are defined by Design OS. */
body.sites-cinema .ws-bilingual-heading{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ws-bilingual-gap,clamp(8px,1vw,18px));}
body.sites-cinema .ws-bilingual-heading__en{font-family:var(--ws-type-display-en,"Bodoni Moda",serif);font-size:var(--ws-type-scale-title-lg,clamp(32px,3vw,60px));font-weight:400;line-height:1.05;font-synthesis:none;}
body.sites-cinema .ws-bilingual-heading__zh{font-family:var(--ws-type-display-zh,"Chiron Hei HK WS",sans-serif);font-size:var(--ws-type-scale-title-sm,clamp(20px,1.5vw,30px));font-weight:200;line-height:1.35;font-synthesis:none;}