/* Pretendard, served from this site. The file holds Latin letters, the 2,350 everyday Korean syllables and common symbols. */
@font-face{font-family:"Pretendard Variable";font-style:normal;font-weight:45 920;font-display:swap;src:url("/fonts/pretendard-subset.woff2") format("woff2-variations"),url("/fonts/pretendard-subset.woff2") format("woff2")}
:root{--page-gutter:clamp(1rem,4vw,4rem);color-scheme:dark;--bg:#151512;--ink:#f8f4e8;--muted:#c0bbaf;--line:#47443a;--accent:#ffc39b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}a{color:inherit;text-underline-offset:.25em}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.05em}h2{font-size:clamp(2rem,5vw,3.6rem)}h3{font-size:1.35rem}.wrap{width:min(100rem,calc(100% - 2 * var(--page-gutter)));margin-inline:auto}.top,.foot,.section-head,.next{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.top{padding:1rem 0;border-bottom:1px solid var(--line)}.logo{font-weight:900;letter-spacing:-.05em;text-decoration:none;white-space:nowrap}.logo span,.label,.partner-link[aria-current]{color:var(--accent)}.top nav{display:flex;gap:.25rem clamp(.55rem,2vw,1.4rem);align-items:center;flex-wrap:wrap}.top nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:.9rem}.top nav a:hover{text-decoration:underline}.partner-link{border-left:1px solid var(--line);padding-left:.8rem;color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr minmax(0,.78fr);align-items:center;gap:clamp(1.7rem,7vw,7rem);padding:clamp(2rem,7vw,6rem) 0}.hero h1,.partners h1{font-size:clamp(3.6rem,8vw,8rem);margin:.18em 0 .25em}.intro{max-width:31rem;color:var(--muted)}.label{font-size:.78rem;font-weight:750;letter-spacing:.11em}.dot{display:inline-block;width:.58rem;height:.58rem;border-radius:100%;background:var(--accent);margin-right:.45rem}.actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.5rem}.button,.panel .btn{display:inline-flex;align-items:center;gap:.8rem;min-height:46px;padding:.55rem 1rem;border-radius:4px;border:1px solid var(--line);text-decoration:none;font-weight:750}.primary,.panel .btn{background:var(--accent);color:#211a15;border-color:var(--accent)}.button:hover,.panel .btn:hover{filter:brightness(1.13)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hero-art{position:relative;background:#25251f}.hero-art img{width:100%;height:clamp(19rem,43vw,33rem);object-position:center 48%}.hero-art figcaption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;padding:2.5rem 1.2rem 1rem;background:linear-gradient(transparent,#151512)}.hero-art figcaption span{font-size:.72rem;color:var(--accent);letter-spacing:.1em}
.shelf,.next,.partners{padding-block:clamp(2rem,6vw,5rem);border-top:1px solid var(--line)}.section-head{align-items:end;margin-bottom:1.4rem}.section-head .label,.next .label{margin-bottom:.45rem}.muted,.posters article>p:last-child,.foot,.steps p,.panel p{color:var(--muted)}.posters,.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2.5vw,2rem)}.posters img{width:100%;height:auto;aspect-ratio:2/3;background:#25251f}.posters .label,.posters article>p:last-child{margin-top:.65rem}.posters h3{margin:.25rem 0}.next p:last-child{margin-top:.55rem}.foot{border-top:1px solid var(--line);padding-block:1.5rem;font-size:.85rem}.partners{border:0}.partners h1{font-size:clamp(2.7rem,7vw,6.5rem)}.eyebrow{color:var(--accent);letter-spacing:.1em;font-size:.78rem}.steps{list-style:none;padding:0;margin:2rem 0;grid-template-columns:repeat(4,minmax(0,1fr))}.steps li{border-top:1px solid var(--line);padding-top:.8rem}.steps h3,.steps p{margin-top:.45rem}.panel{background:#23231d;padding:clamp(1rem,4vw,2rem);display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}
@media(max-width:650px){.hero{grid-template-columns:1fr}.hero-art img{height:clamp(14rem,72vw,25rem)}.posters{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.top{gap:.2rem}}
.reel{position:relative;min-width:0}.reel-controls:not([hidden]){display:flex;position:absolute;bottom:1rem;right:1rem;gap:.4rem}.reel-controls button{background:#1d1d19;color:var(--ink);border:1px solid #b8ad9a;border-radius:50%;width:44px;height:44px;font:inherit;cursor:pointer}.reel-controls button:hover{background:#433c32}.hero-art figcaption{padding-right:7rem}.live-screening{padding-bottom:clamp(1.5rem,4vw,3rem)}.screening-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border:1px solid var(--line);background:#23231d;padding:clamp(1rem,3vw,2rem)}.screening-card h2{font-size:clamp(1.35rem,3.5vw,2.5rem);margin:.32rem 0}.screening-card p:last-child{color:var(--muted)}.screening-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.screening-actions span{color:var(--accent);font-weight:700}
@property --reel-light{syntax:"<color>";inherits:true;initial-value:#214640}
.hero{position:relative;isolation:isolate;--reel-light:#214640;transition:--reel-light .75s ease}.hero[data-tone="1"]{--reel-light:#35486b}.hero[data-tone="2"]{--reel-light:#71472b}.hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 74% 50%,var(--reel-light),transparent 72%)}.hero-art{overflow:hidden;touch-action:pan-y pinch-zoom}.hero-art .outgoing{position:absolute;inset:0;pointer-events:none}.hero-art figcaption{z-index:1}.reel-controls{z-index:2}#reel-caption small{display:block;color:var(--muted);font-size:.8rem}@media(max-width:650px){.hero::before{background:radial-gradient(ellipse at 50% 76%,var(--reel-light),transparent 67%)}}@media(prefers-reduced-motion:reduce){.hero{transition:none}}
/* The upcoming film is the home page's first and largest section. */
.live-screening{padding-block:clamp(1rem,3vw,2.5rem);scroll-margin-top:1rem}
.feature{min-height:68svh;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-content:center;align-items:center;gap:clamp(1.5rem,6vw,5rem);padding:clamp(1.4rem,6vw,5rem);border:1px solid var(--line);background:radial-gradient(ellipse at 8% 5%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 65%)}
.feature h1{font-size:clamp(2.8rem,7vw,6.7rem);margin:.25em 0;overflow-wrap:anywhere;word-break:keep-all}
.feature-meta{margin:.65rem 0 1.3rem;color:var(--muted)}.feature-meta span{white-space:nowrap;color:var(--accent);font-weight:750}
.feature-editorial{border-inline-start:1px solid var(--line);padding-inline-start:clamp(1rem,3vw,2.5rem);min-width:0}
.feature-editorial h3{font-size:.8rem;color:var(--accent);letter-spacing:.05em}
.feature-editorial p{margin:.6rem 0 1.7rem;white-space:pre-line;overflow-wrap:anywhere}.feature-editorial p:last-child{margin-bottom:0;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:650}
.community-flow{border-top:1px solid var(--line);padding-block:2rem}.community-flow h2{font-size:clamp(1.5rem,3vw,2.3rem);margin:.35rem 0}.community-flow .steps{grid-template-columns:repeat(3,minmax(0,1fr))}.community-flow h3{word-break:keep-all}
@media(max-width:650px){.feature,.community-flow .steps{grid-template-columns:1fr}.feature{min-height:0;gap:1.6rem}.feature-editorial{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line);padding-top:1rem}}
.demo-feature{background:radial-gradient(ellipse at 12% 12%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%)}.demo-feature .feature-editorial>p.label{margin-top:0;margin-bottom:.8rem}.demo-booking summary{cursor:pointer}.demo-booking p{font-size:.9rem;color:var(--muted);margin-top:.65rem}.demo-lineup{margin-top:clamp(1.6rem,4vw,3rem)}.demo-lineup h2{margin:.35rem 0}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.demo-grid article{border:1px solid var(--line);padding:1.2rem}.demo-grid h3{margin:.55rem 0}.demo-grid article>p:not(.label){margin:.65rem 0}.demo-grid summary{cursor:pointer;font-weight:700}.demo-grid details p{margin-top:.45rem}@media(max-width:650px){.demo-grid{grid-template-columns:1fr}}
.demo-feature{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:1.25rem clamp(1.5rem,5vw,4rem)}.demo-feature .feature-editorial{grid-column:1;border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line);padding-top:1rem}.demo-poster{grid-column:2;grid-row:1/span 2;align-self:center;position:relative;background:#1d252c}.demo-poster img{width:100%;height:auto;aspect-ratio:2/3}.demo-poster figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#101416);color:#f8f4e8;padding:1.7rem .75rem .55rem;font-size:.75rem}@media(max-width:650px){.demo-feature{grid-template-columns:1fr}.demo-poster{grid-column:1;grid-row:2;max-width:22rem;justify-self:center}.demo-feature .feature-editorial{grid-row:3}}

/* Home typography and spacing follow the order of a screening programme. */
html[data-theme="light"] .editorial-home{--bg:#fff;--ink:var(--rockcha-ink);--muted:#575752;--line:#e0ddd8;--accent:var(--rockcha-orange-text)}
html[data-theme="dark"] .editorial-home{--accent:var(--rockcha-orange)}
.editorial-home{font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif}
.editorial-home .top{padding-block:.85rem}
.editorial-home .logo{font-weight:700;color:var(--ink);letter-spacing:-.025em}.editorial-home .logo span{color:var(--accent)}
.editorial-home .top nav a{font-size:.83rem}
.editorial-home .live-screening{padding-block:clamp(2rem,6vw,5rem)}
.editorial-home .feature{border:0;background:none;min-height:0;padding:0;gap:1.5rem clamp(2rem,7vw,6rem)}
.editorial-home .feature h1{font-size:clamp(2.55rem,6vw,5.2rem);font-weight:560;letter-spacing:-.065em;line-height:1.14;margin:.42em 0 .34em}
.editorial-home .label{font-weight:560;letter-spacing:.035em;color:var(--muted)}
.editorial-home .dot{width:.38rem;height:.38rem;margin-inline-end:.3rem}
.editorial-home .feature-meta{font-size:.9rem;line-height:1.65;display:flex;flex-wrap:wrap;gap:0 .8rem}
.editorial-home .feature-meta span{font-weight:450;color:var(--muted)}
.editorial-home .button.primary{border-radius:0;background:var(--ink);border-color:var(--ink);color:var(--bg);font-size:.86rem;font-weight:550;padding-inline:1rem}
html[data-theme="light"] .editorial-home .button.primary{color:var(--bg)}
.editorial-home .feature-editorial h3{color:var(--ink);font-weight:650;letter-spacing:0}
.editorial-home .feature-editorial p{font-size:.94rem;line-height:1.75}
.editorial-home .feature-editorial p:last-child{font-weight:500}
.editorial-home .demo-poster{background:transparent}
.editorial-home .demo-poster figcaption{position:static;background:none;color:var(--muted);padding:.5rem 0 0}
.editorial-home .demo-lineup{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:clamp(2.8rem,8vw,6rem)}
.editorial-home .demo-lineup h2{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:560}
.editorial-home .demo-grid{display:block}
.editorial-home .demo-grid article{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.65rem 1.2rem;border:0;border-top:1px solid var(--line);padding:1rem 0}
.editorial-home .demo-grid h3{font-weight:600;margin:0 0 .3rem}
.editorial-home .demo-grid article div>p:not(.label){margin:.35rem 0;color:var(--muted)}
.editorial-home .demo-grid summary{font-size:.85rem;font-weight:550}
@media(max-width:650px){
  .editorial-home .feature{gap:1.25rem}
  .editorial-home .demo-grid article{grid-template-columns:1fr}
  .editorial-home .demo-poster{max-width:none;width:100%}
}

.editorial-home .demo-grid article{
  grid-template-columns:clamp(4.5rem,10vw,7rem) minmax(5rem,8rem) minmax(0,1fr);
  align-items:start;
}
.editorial-home .lineup-poster{
  width:100%;height:auto;aspect-ratio:2/3;background:var(--line);
  grid-row:1;grid-column:1;
}
@media(max-width:650px){
  .editorial-home .demo-grid article{grid-template-columns:4.7rem minmax(0,1fr);column-gap:.85rem}
  .editorial-home .lineup-poster{grid-row:1/span 2}
  .editorial-home .demo-grid article>p,.editorial-home .demo-grid article>div{grid-column:2}
}

.editorial-home .demo-feature{display:block}
.screening-hero{position:relative;isolation:isolate;display:grid;align-items:end;overflow:hidden;min-height:clamp(29rem,58vw,40rem);background:#171b20;color:#fff}
.screening-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 61%;z-index:-2}
.screening-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0b1016f5 0%,#0b1016b8 30%,transparent 76%)}
.screening-hero-copy{padding:clamp(1.4rem,5vw,4rem);max-width:45rem}
.editorial-home .screening-hero h1{font-weight:800;letter-spacing:-.065em;text-wrap:balance}
.editorial-home .screening-hero :is(.label,.feature-meta,.feature-meta span,.demo-booking p){color:#fff}
.editorial-home .screening-hero .dot{background:currentColor}
html[data-theme] .editorial-home .screening-hero .button.primary{background:#fff;border-color:#fff;color:#181815}
.screening-hero :focus-visible{outline-color:#fff}
.editorial-home .demo-feature .feature-editorial{border-top:0;padding:1.5rem 0 0;max-width:46rem}
@media(max-width:650px){.screening-hero{min-height:clamp(28rem,122vw,34rem)}.screening-hero-image{object-position:50% 60%}.screening-hero-copy{padding:1.2rem}.editorial-home .screening-hero h1{font-size:clamp(2.15rem,10vw,3.5rem)}}

.screening-hero-copy{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  align-items:end;
  gap:clamp(1.35rem,4vw,3rem);
  max-width:none;
}
.screening-hero::after{
  background:linear-gradient(0deg,#0b1016fa 0%,#0b1016df 37%,#0b101659 65%,transparent 100%);
}
.editorial-home .screening-hero .feature-editorial{
  padding:0 0 0 clamp(1rem,3vw,2rem);
  border-inline-start:1px solid #ffffff5c;
  color:#fff;
}
.editorial-home .screening-hero .feature-editorial h3{color:#fff}
.editorial-home .screening-hero .feature-editorial p:not(.label){color:#f0f0ee;margin-bottom:1rem}
.editorial-home .screening-hero .feature-editorial p:last-child{margin-bottom:0;font-weight:600}
@media(max-width:650px){
  .screening-hero-copy{grid-template-columns:1fr;padding-top:clamp(8rem,42vw,12rem)}
  .screening-hero::after{background:linear-gradient(0deg,#0b1016fa 0%,#0b1016e8 55%,#0b101640 82%,transparent 100%)}
  .editorial-home .screening-hero .feature-editorial{padding:1rem 0 0;border-inline-start:0;border-top:1px solid #ffffff5c}
}

.community-flow :is(h2,h3,p){word-break:keep-all;overflow-wrap:anywhere}
.community-flow .intro{max-width:42rem;text-wrap:pretty;line-height:1.8}
.community-flow .steps p{text-wrap:pretty}
.film-credits{display:flex;gap:.5rem 1rem;flex-wrap:wrap;margin:.75rem 0 1.25rem;font-size:.85rem;color:#fff}
.film-credits div{display:flex;gap:.3rem}.film-credits dt{color:#dedbd5}.film-credits dd{margin:0;font-weight:600}
.film-questions{padding-inline-start:1.2rem;color:#fff;word-break:keep-all;overflow-wrap:anywhere}
.film-gallery{position:absolute;inset:0;z-index:-2;touch-action:pan-y pinch-zoom}
.film-gallery:has(.gallery-controls){z-index:auto;pointer-events:none}
.film-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.film-gallery img[hidden]{display:none}
.screening-hero:has(.film-gallery) .screening-hero-copy{position:relative;z-index:2}
.screening-hero:has(.film-gallery)::after{z-index:1;pointer-events:none}
.gallery-controls{position:absolute;right:.75rem;top:.75rem;z-index:3;display:flex;align-items:center;gap:.5rem;pointer-events:auto;background:#151515cf;padding:.25rem;color:#fff}
.screening-hero:has(.gallery-controls) .gallery-controls{z-index:3}
.gallery-controls button{min-width:44px;min-height:44px;background:#252525;color:#fff;border:1px solid #fff7;font:inherit;cursor:pointer}
.screening-hero.no-film-photo{background:#222522;min-height:24rem}
.lineup-link,.film-back a{display:inline-flex;min-height:44px;align-items:center;font-weight:650}
.film-back{margin-bottom:.7rem}.editorial-home .live-lineup article{grid-template-columns:minmax(7rem,10rem) minmax(0,1fr)}
@media(max-width:650px){.editorial-home .live-lineup article{grid-template-columns:1fr}.editorial-home .live-lineup article>*{grid-column:1}.screening-hero.no-film-photo .screening-hero-copy{padding-top:1.5rem}}

.screening-hero-copy{display:block;max-width:52rem}
.screening-hero-main{max-width:48rem}
.film-editorial-below{padding-block-start:clamp(1.5rem,4vw,3rem)}
.film-editorial-below h2{font-size:clamp(1.12rem,2.3vw,1.55rem);line-height:1.35;margin:0 0 .55rem}
.film-editorial-below p,.film-editorial-below ol{line-height:1.8;margin:0 0 1.2rem;color:var(--muted)}
.film-editorial-below .film-questions{color:var(--muted)}
.curator-letter p.label{margin-bottom:.35rem}.curator-source{font-size:.82rem}
.demo-feature .film-gallery img:first-child{object-position:center 61%}

.film-editorial-below>div+div{border-top:1px solid var(--line);padding-top:1.25rem;margin-top:1.25rem}
.account-link{font-size:.8rem;color:var(--muted)}
.top nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:.35em}
.info-page{padding-block:clamp(2rem,6vw,5rem);word-break:keep-all;overflow-wrap:anywhere}
.info-intro h1{font-size:clamp(2.2rem,6vw,4.6rem);margin:.3em 0;line-height:1.18}
.info-page p:not(.label){color:var(--muted);margin:.7rem 0 1.1rem;line-height:1.8}
.info-section{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.info-section h2{font-size:clamp(1.45rem,3vw,2.2rem)}
.info-section .community-steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}
.info-empty{border-inline-start:2px solid var(--line);padding-inline-start:1rem}
.info-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.8rem}.info-section address{font-style:normal;margin-top:.7rem}
@media(max-width:650px){.info-section .community-steps{grid-template-columns:1fr}}
.brand-link{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;text-decoration:none}
.brand-link:hover{text-decoration:underline}
.brand-link-icon{width:24px;height:24px;object-fit:contain;flex:none}
.brand-link small{display:block;font-size:.72rem;color:var(--muted)}
.info-links{align-items:center}

.editorial-home .demo-grid article{grid-template-columns:clamp(7rem,15vw,10rem) minmax(0,1fr);gap:1rem clamp(1rem,3vw,2rem)}
.editorial-home .demo-grid .lineup-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.2rem 1rem;margin-bottom:.25rem}
.editorial-home .demo-grid .lineup-heading h3{margin:0;word-break:keep-all}
.editorial-home .demo-grid .lineup-heading p{margin:0;font-variant-numeric:tabular-nums}
.editorial-home .live-lineup article{grid-template-columns:minmax(0,1fr)}
@media(max-width:650px){.editorial-home .demo-grid article{grid-template-columns:clamp(5.25rem,25vw,7rem) minmax(0,1fr);gap:.75rem}.editorial-home .live-lineup article{grid-template-columns:minmax(0,1fr)}}

.screening-countdown{position:absolute;z-index:4;top:1rem;right:1rem;padding:.45rem .95rem;border-radius:2rem;background:var(--rockcha-orange);color:var(--rockcha-ink);font-weight:800;font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.15;letter-spacing:.055em;font-variant-numeric:tabular-nums}
.screening-hero:has(.gallery-controls) .gallery-controls{inset:auto 1rem 1rem auto;padding:.12rem .3rem;gap:.18rem;border:1px solid #ffffff52;border-radius:2rem;background:#171a20a8;backdrop-filter:blur(9px)}
.gallery-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent}
.gallery-controls button:hover{background:#ffffff29}
.gallery-controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.gallery-dots{display:flex;align-items:center;gap:5px}
.gallery-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff85}
.gallery-dots i.active{width:14px;border-radius:4px;background:#fff}
.gallery-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:650px){.screening-hero:has(.gallery-controls) .gallery-controls{inset:1rem .85rem auto auto}.screening-countdown{right:.85rem}}

:is(.community-page,.partner-page) .info-intro>p:not(.label){max-inline-size:52rem}
.community-scenes{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1rem,3vw,2rem);margin-top:clamp(1.75rem,5vw,3rem)}
.community-scenes figure{margin:0;min-width:0}
.community-scenes figure:nth-child(2){margin-top:clamp(0rem,3vw,2rem)}
.community-scenes img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--line)}
.community-scenes figcaption{display:flex;justify-content:space-between;gap:.3rem 1rem;flex-wrap:wrap;margin-top:.55rem;font-size:.82rem}
.community-scenes figcaption span{color:var(--muted);font-size:.72rem}
.note-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.8rem,2vw,1.4rem);padding:1rem .3rem 1.8rem}
.audience-note{margin:0;min-height:12rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;background:#f4e6a7;color:#342d22;box-shadow:2px 5px 8px #0002;transform:rotate(-1.2deg)}
.audience-note:nth-child(2){background:#e2e7cb;transform:rotate(.8deg)}
.audience-note:nth-child(3){background:#f2dcd2;transform:rotate(-.65deg)}
.audience-note:nth-child(4){background:#dbe5eb;transform:rotate(1.05deg)}
.audience-note blockquote{margin:0;font-family:"Gaegu","Nanum Pen Script","Apple SD Gothic Neo",sans-serif;font-size:1rem;font-weight:550;line-height:1.65}
.audience-note figcaption{font-size:.72rem;color:#574d3c;border-top:1px solid #51463345;padding-top:.55rem}
@media(max-width:800px){.note-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.community-scenes{grid-template-columns:1fr}.community-scenes figure:nth-child(2){margin-top:0}.audience-note{padding:.9rem}.audience-note blockquote{font-size:.88rem}}

.gv-home-note{margin-bottom:1.5rem;color:var(--muted);font-size:.9rem;word-break:keep-all}.gv-home-note a{display:inline-block;color:var(--ink);font-weight:650}

.partner-page .eyebrow{color:var(--accent)}
.editorial-home .top{column-gap:.8rem}
.editorial-home .top nav{column-gap:clamp(.55rem,1.3vw,1.1rem)}

.inquiry-form{display:grid;gap:.85rem;max-width:40rem;margin-top:1.5rem}
.inquiry-form label{display:grid;gap:.25rem;font-size:.9rem;font-weight:650}
.inquiry-form :is(input,textarea){width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:.65rem .75rem;font:inherit}
.inquiry-form textarea{resize:vertical}
.inquiry-form button{justify-self:start;font-family:inherit;cursor:pointer}
.inquiry-success{border-inline-start:3px solid var(--accent);padding-inline-start:1rem}

/* Extra contact field that only automated senders fill in. */
.inquiry-extra{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.screening-hero .button.share{background:transparent;color:#fff;border-color:#ffffff8c;border-radius:0;font:inherit;font-size:.86rem;font-weight:550;cursor:pointer}
.screening-hero .button.share:hover{background:#ffffff24}

/* Direction B: ink ground, the poster leads, the next screenings follow as a row of posters. */
.editorial-home .screening-hero{min-height:clamp(30rem,60vw,44rem)}
.hero-seats{font-size:.92rem;font-weight:700;color:#ffd6b8;margin-inline-end:.35rem}
.hero-seats.closed{color:#fff}
.rail{margin-top:clamp(2.6rem,7vw,5rem);padding-top:1.3rem;border-top:1px solid var(--line)}
.rail h2{font-size:clamp(1.35rem,3vw,1.9rem);font-weight:650;margin-bottom:1.1rem}
.rail-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:1.6rem clamp(.9rem,2vw,1.6rem)}
.rail-list a{display:grid;gap:.15rem;text-decoration:none}
.rail-poster{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;margin-bottom:.6rem;background:var(--line)}
.rail-blank{display:flex;align-items:flex-end;padding:.9rem;border-top:3px solid var(--rockcha-orange);background:color-mix(in srgb,var(--ink) 9%,var(--bg));font-size:1.25rem;font-weight:800;letter-spacing:-.05em;line-height:1.2;word-break:keep-all}
.rail-date{font-size:.8rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.rail-list strong{font-size:1.05rem;font-weight:650;letter-spacing:-.03em;line-height:1.35;word-break:keep-all}
.rail-meta{font-size:.82rem;color:var(--muted)}
.rail-list a:hover strong{text-decoration:underline;text-underline-offset:.25em}
.book-bar{display:none}
@media(max-width:650px){
  .editorial-home .screening-hero{min-height:min(72svh,38rem)}
  .rail-list{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter);scroll-padding-inline:var(--page-gutter)}
  .rail-list::-webkit-scrollbar{display:none}
  .rail-list li{flex:none;width:42vw;max-width:11rem;scroll-snap-align:start}
  /* On phones the booking button stays within thumb reach while the page scrolls. */
  .book-bar{display:flex;position:fixed;inset:auto 0 0;z-index:20;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem var(--page-gutter) calc(.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--bg)}
  .book-bar p{font-size:.82rem;line-height:1.4}
  .book-bar strong{display:block}
  .book-bar span{color:var(--accent);font-weight:700}
  .book-bar .button{min-height:48px;padding-inline:1.5rem}
  body:has(.book-bar){padding-bottom:5rem}
  .feature:has(.book-bar) .hero-actions .button.primary{display:none}
}
.editorial-home{font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif}

/* The question from direction A sits right under the title: the film is light, the question carries the weight. */
.hero-question{max-width:36rem;margin:.1rem 0 1.2rem;padding-inline-start:1rem;border-inline-start:3px solid var(--rockcha-orange);color:#fff;font-size:clamp(1.15rem,2.3vw,1.65rem);font-weight:650;line-height:1.45;letter-spacing:-.035em;word-break:keep-all;text-wrap:balance}
.hero-question span{display:block;margin-bottom:.3rem;font-size:.76rem;font-weight:600;letter-spacing:.02em;color:#ffd6b8}
.rail-q{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.45rem;padding-top:.45rem;border-top:1px solid var(--line);font-size:.84rem;line-height:1.55;word-break:keep-all}

/* Posters answer to the pointer on desktop. Phones have no hover, so nothing changes there. */
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .rail-poster{transition:transform calc(.5s * var(--motion-speed,1)) var(--motion-ease,ease),filter .5s}
  .rail-list a:hover .rail-poster{transform:translateY(-6px);filter:brightness(1.08)}
  .button{transition:transform .15s,filter .15s,background-color .15s}
  .button:active{transform:scale(.97)}
}

/* Footer: brand, policy links, business details (required for paid bookings). The details live in site-assets/footer.html. */
.foot{row-gap:.9rem;align-items:flex-start}
.foot-links{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem}
.foot-links a{display:inline-flex;align-items:center;min-height:44px}
.foot-business{flex-basis:100%;font-size:.78rem;line-height:1.75}
/* Placeholder values that are not real yet: dotted orange underline and a small "예시" tag. */
mark.mock{background:none;color:inherit;text-decoration:underline dotted var(--rockcha-orange);text-underline-offset:.25em}
mark.mock::after{content:"예시";margin-inline-start:.3em;padding:0 .35em;border:1px solid var(--rockcha-orange);color:var(--accent);font-size:.72em;font-weight:600;text-decoration:none;display:inline-block;line-height:1.5}