/* ======================================================================
   ARCHER PRASANTA / PROJECTS — STUDIO CINEMA
   01 Base · 02 Cover · 03 Featured story · 04 Film archive
   05 Principles / invitation · 06 Cinema · 07 Motion · 08 Responsive
   Page-scoped styles. 1700px maximum content width.
   ====================================================================== */

/* 01 / BASE */
.apj-main { --apj-paper:#F2EFE6; --apj-ink:#262D2C; --apj-muted:#68706B; --apj-olive:#777A54; --apj-line:#D6D8CE; --apj-cyan:#6FEFFF; --apj-navy:#111A3D; background:var(--apj-paper); color:var(--apj-ink); font-family:Inter,Arial,Helvetica,sans-serif; isolation:isolate; }
.apj-main *, .apj-main *::before,.apj-main *::after { box-sizing:border-box; }
.apj-main [hidden] { display:none!important; }
.apj-main :is(h1,h2,h3,h4,p,figure,dl,dd) { margin:0; }
.apj-main :is(h1,h2,h3,h4) { color:inherit; font-family:inherit; font-weight:500; text-transform:none; letter-spacing:-.055em; }
.apj-main p { color:var(--apj-muted); font-size:15px; line-height:1.85; }
.apj-main a { color:inherit; text-decoration:none; }
.apj-main img { display:block; width:100%; height:auto; }
.apj-main button { font:inherit; cursor:pointer; }
.apj-main :is(a,button,summary):focus-visible { outline:3px solid #168397; outline-offset:5px; }
.apj-main section { scroll-margin-top:110px; }
.apj-main h2 { font-size:clamp(40px,4.6vw,78px); line-height:1.04; }
.apj-main :is(h1,h2) em { color:var(--apj-olive); font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; letter-spacing:-.065em; }
.apj-wrap { width:min(1700px,calc(100% - 112px)); margin-inline:auto; }
.apj-main .apj-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:15px; font:600 10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; color:var(--apj-olive); }
.apj-eyebrow i { display:block; width:32px; height:1px; background:currentColor; opacity:.5; }
.apj-main .apj-button { display:inline-flex; align-items:center; justify-content:space-between; gap:33px; padding:18px 24px; min-height:59px; background:var(--apj-cyan); color:var(--apj-navy); border:1px solid #A7F6FF; border-radius:4px; box-shadow:0 3px 0 #55868B,0 15px 30px #283E3C0A; font-size:13px; font-weight:600; transition:transform .22s,box-shadow .22s; }
.apj-button>span { font-size:24px; line-height:1; font-weight:400; }
.apj-main .apj-button-dark { background:var(--apj-navy); color:white; border-color:var(--apj-navy); box-shadow:0 3px 0 #687084,0 15px 30px #283E3C0A; }
.apj-button-dark>span { color:var(--apj-cyan); }
.apj-text-link { display:inline-flex; min-height:44px; align-items:center; justify-content:space-between; gap:30px; font-size:12px; font-weight:600; }
.apj-text-link>span { font-size:23px; font-weight:400; }
.apj-section-head { display:flex; justify-content:space-between; align-items:end; gap:70px; margin-bottom:64px; }
.apj-section-head .apj-eyebrow { margin-bottom:23px; }
.apj-section-head>p { max-width:365px; padding-bottom:5px; }

/* 02 / THE ARCHIVE COVER */
.apj-hero { padding-top:22px; overflow:clip; background:radial-gradient(ellipse at 80% 55%,#D4D6C5 0%,transparent 50%),var(--apj-paper); }
.apj-breadcrumb { display:flex; align-items:center; gap:14px; color:#697267; font-size:10px; }
.apj-breadcrumb a { display:inline-flex; align-items:center; min-height:32px; }
.apj-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:45px; padding:56px 0 72px; }
.apj-hero-copy { position:relative; z-index:2; padding:15px 0 25px; }
.apj-main h1 { font-size:clamp(74px,8.1vw,138px); line-height:.95; letter-spacing:-.065em; margin-top:31px; }
.apj-main h1 :is(span,em) { display:inline-block; }
.apj-main h1 em { white-space:nowrap; }
.apj-main .apj-hero-lead { margin-top:35px; font-size:16px; line-height:1.85; max-width:380px; }
.apj-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 32px; margin-top:33px; }
.apj-hero-stats { display:flex; align-items:center; gap:35px; margin-top:65px; padding-top:27px; border-top:1px solid #636B5433; max-width:510px; }
.apj-hero-stats>p { display:flex; align-items:center; gap:13px; }
.apj-hero-stats strong { font-size:34px; font-weight:400; letter-spacing:-.06em; line-height:1; color:#485443; }
.apj-hero-stats p>span { font:500 8px/1.6 ui-monospace,monospace; letter-spacing:.05em; }
.apj-hero-location { margin-left:auto; font:500 8px/1.7 ui-monospace,monospace; letter-spacing:.05em; color:#6D7666; }
.apj-cover-scene { position:relative; padding:8px 25px 32px 25px; perspective:1200px; }
.apj-cover { position:relative; background:#1C2321; padding:10px; transform:rotate(3deg); box-shadow:15px 25px 55px #353E3526; }
.apj-cover-back { position:absolute; inset:23px 47px 40px 20px; border:1px solid #74816666; transform:rotate(-5deg); background:#E2E4D5; }
.apj-cover-window { aspect-ratio:4/4.6; overflow:hidden; position:relative; }
.apj-cover-window::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#13221D66,transparent 65%); pointer-events:none; }
.apj-main .apj-cover-photo { height:118%; object-fit:cover; object-position:50% 57%; margin-top:-8%; }
.apj-cover figcaption { display:flex; justify-content:space-between; gap:10px; color:#D2D9C7; font:500 7px/1.7 ui-monospace,monospace; letter-spacing:.12em; padding:12px 6px 2px; }
.apj-cover-word { position:absolute; top:34px; left:31px; color:#F5F1E5; font-size:clamp(35px,4vw,68px); line-height:.86; font-weight:700; letter-spacing:-.055em; }
.apj-cover-ticket { position:absolute; bottom:9px; left:-33px; width:225px; padding:23px; background:#DDE39D; box-shadow:0 4px 0 #9AA56D,0 20px 25px #253C2520; transform:rotate(-6deg); z-index:2; transition:rotate .25s; }
.apj-cover-ticket>span { display:flex; justify-content:space-between; gap:15px; font:600 8px/1.6 ui-monospace,monospace; letter-spacing:.07em; }
.apj-cover-ticket b { font-size:19px; font-weight:400; }
.apj-cover-ticket strong { display:block; font-size:26px; font-weight:500; letter-spacing:-.045em; line-height:1.08; margin:23px 0; }
.apj-cover-ticket small { display:block; border-top:1px dashed #52644355; padding-top:17px; font:500 8px/1.6 ui-monospace,monospace; }
.apj-cover-side { position:absolute; right:0; top:90px; writing-mode:vertical-rl; font:500 8px/1 ui-monospace,monospace; letter-spacing:.15em; color:#62705E; }
.apj-hero-foot { display:flex; align-items:center; justify-content:space-between; gap:25px; border-top:1px solid #63705533; padding:23px 0; font:500 8px/1.7 ui-monospace,monospace; letter-spacing:.13em; color:#617054; }
.apj-hero-foot a { display:flex; align-items:center; gap:27px; min-height:28px; }
.apj-hero-foot a>span { font-size:20px; }

/* 03 / FEATURED STORY — NATIVE CHAPTER CONTENT */
.apj-featured { padding:112px 0 120px; background:#FAF9F5; }
.apj-story-grid { display:grid; grid-template-columns:.77fr 1.23fr; align-items:start; gap:90px; }
.apj-story-copy { position:sticky; top:125px; padding-top:18px; }
.apj-story-index { display:block; font:500 10px/1.6 ui-monospace,monospace; letter-spacing:.1em; color:#7B8065; }
.apj-story-copy h3 { font-size:clamp(32px,3vw,51px); line-height:1.06; margin:21px 0 22px; }
.apj-story-copy>p { max-width:390px; font-size:14px; }
.apj-specs { margin:34px 0!important; }
.apj-specs>div { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 0; border-top:1px solid #D5D8CC; }
.apj-specs>div:last-child { border-bottom:1px solid #D5D8CC; }
.apj-specs dt { font:500 9px/1.6 ui-monospace,monospace; letter-spacing:.05em; color:#69775E; }
.apj-specs dd { font-size:13px; font-weight:500; }
.apj-main .apj-story-note { font-size:11px; margin-top:23px; max-width:305px; line-height:1.7; }
.apj-chapter-viewer { background:#26302C; padding:23px; color:#F7F5EA; border-radius:5px; box-shadow:0 4px 0 #8D9686,0 26px 55px #34402C14; }
.apj-chapter-bar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:23px; }
.apj-main .apj-chapter-bar button { text-align:left; color:#BFCBBD; background:none; border:1px solid #A8B39533; border-radius:3px; font-size:11px; padding:15px 12px; transition:background .2s,color .2s; min-height:65px; }
.apj-main .apj-chapter-bar button>span { display:block; font:400 9px/1.6 ui-monospace,monospace; margin-bottom:5px; opacity:.75; }
.apj-main .apj-chapter-bar button[aria-pressed=true] { background:#DDE39D; color:#243A28; border-color:#DDE39D; }
.apj-chapter-image { position:relative; background:#171E1B; overflow:hidden; }
.apj-main .apj-chapter-image img { width:100%; height:clamp(240px,29vw,440px); object-fit:contain; }
.apj-chapter-image>span { position:absolute; top:13px; left:13px; background:#182720D9; padding:8px 10px; border:1px solid #9CAF8D33; font:500 8px/1.6 ui-monospace,monospace; color:#DFE7D6; text-transform:uppercase; letter-spacing:.06em; }
.apj-chapter-panel figcaption { padding:23px 7px 20px; min-height:137px; }
.apj-chapter-panel h4 { font-size:23px; letter-spacing:-.035em; margin-bottom:10px; }
.apj-chapter-panel figcaption p { font-size:12px; color:#B9C5B4; line-height:1.8; max-width:525px; }
.apj-chapter-panel+.apj-chapter-panel { border-top:1px solid #92A08344; padding-top:23px; }
.apj-enhanced .apj-chapter-panel { border-top:0; padding-top:0; }
.apj-chapter-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; border-top:1px solid #9CAD8E3B; padding:17px 7px 0; color:#BAC6AE; font:500 7px/1.6 ui-monospace,monospace; letter-spacing:.1em; }

/* 04 / THE FILM ARCHIVE */
.apj-films { padding:112px 0 73px; background:#192225; color:#F2F0E6; }
.apj-films .apj-eyebrow { color:#C6D4B0; }
.apj-films h2 em { color:#C2D296; }
.apj-films .apj-section-head>p { color:#ABB9B6; }
.apj-filter-mount { margin-bottom:40px; }
.apj-filter-row { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.apj-filters { display:flex; flex-wrap:wrap; gap:6px; }
.apj-main .apj-filters button { position:relative; isolation:isolate; min-height:44px; padding:12px 19px; border:1px solid #AABCB32B; border-radius:30px; background:transparent; color:#C7D1C7; font-size:11px; white-space:nowrap; }
.apj-main .apj-filters button[aria-pressed=true] { background:#DDE39D; border-color:#DDE39D; color:#223326; }
.apj-main .apj-motion-filters button[aria-pressed=true] { background:transparent; }
.apj-filter-pill { position:absolute; inset:-1px; z-index:-1; background:#DDE39D; border-radius:30px; }
.apj-main .apj-result-count { font:500 9px/1.5 ui-monospace,monospace; letter-spacing:.05em; color:#B8C6BA; margin-top:16px; }
.apj-filter-row .apj-result-count { margin:0; min-width:74px; text-align:right; }
.apj-result-count strong { display:inline-block; font-weight:500; color:#EAF0D2; }
.apj-film-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:57px 35px; }
.apj-film-card { min-width:0; }
.apj-film-link { display:block; }
.apj-film-media { position:relative; aspect-ratio:16/10; background:#111C1E; overflow:hidden; border-radius:4px; }
.apj-main .apj-film-media img { height:100%; object-fit:cover; opacity:.82; transition:transform .6s cubic-bezier(.2,.65,.3,1),opacity .45s; }
.apj-film-media::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#101C22AA,transparent 65%); pointer-events:none; }
.apj-film-number { position:absolute; z-index:1; top:23px; left:25px; color:#F4F5E7; font:400 13px/1 ui-monospace,monospace; letter-spacing:.06em; }
.apj-play { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; gap:12px; min-width:118px; min-height:53px; padding:15px 20px; border:1px solid #D9EAE759; border-radius:40px; background:#13262A66; color:#F4F7E9; backdrop-filter:blur(9px); font-size:11px; transition:background .25s,color .25s; }
.apj-film-cover-label { position:absolute; z-index:1; left:24px; bottom:21px; font:500 7px/1.6 ui-monospace,monospace; color:#D9E3D4; letter-spacing:.14em; }
.apj-film-title { display:flex; justify-content:space-between; gap:25px; padding-top:24px; }
.apj-film-title .apj-eyebrow { font-size:8px; margin-bottom:9px; }
.apj-film-title h3 { font-size:clamp(24px,2.6vw,43px); line-height:1.1; letter-spacing:-.045em; }
.apj-film-title>span { display:flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; font-size:24px; color:var(--apj-cyan); border:1px solid #8CA1A54D; border-radius:50%; }
.apj-main .apj-film-copy { color:#AEBEBA; font-size:12px; max-width:420px; margin-top:15px; }
.apj-film-foot { display:flex; justify-content:space-between; align-items:center; gap:45px; padding-top:34px; margin-top:70px; border-top:1px solid #B4C3B733; }
.apj-film-foot>span { font:500 8px/1.7 ui-monospace,monospace; letter-spacing:.09em; color:#B7C7BC; }
.apj-main .apj-film-foot>p { font-size:10px; max-width:370px; color:#A6B7B1; }
.apj-main .apj-film-empty { padding:45px 0; color:#CED9C7; }

/* 05 / THE STANDARD & NEXT CHAPTER */
.apj-standard { padding:92px 0 100px; background:#E0E4CD; overflow:clip; }
.apj-standard-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:39px; }
.apj-standard-star { display:block; color:#727D56; font-size:63px; line-height:1; }
.apj-standard h2 { max-width:1160px; font-size:clamp(39px,5.2vw,88px); }
.apj-standard h2 em { color:#65764E; }
.apj-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:65px; margin-top:72px; }
.apj-principles article { border-top:1px solid #69795455; padding-top:25px; }
.apj-principles article>span { display:block; color:#5D704C; font:500 8px/1.8 ui-monospace,monospace; letter-spacing:.08em; }
.apj-principles h3 { font-size:25px; line-height:1.15; margin:22px 0 15px; letter-spacing:-.035em; }
.apj-principles p { font-size:13px; color:#5D6D56; max-width:370px; }
.apj-invite { padding:102px 0 110px; background:#F5F1E6; }
.apj-invite-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:100px; align-items:center; }
.apj-invite .apj-eyebrow { margin-bottom:24px; }
.apj-invite h2 { font-size:clamp(48px,5.5vw,94px); }
.apj-invite-grid>div:last-child>p { max-width:420px; margin-bottom:29px; }
.apj-invite .apj-text-link { display:flex; width:max-content; margin-top:23px; }

/* 06 / CLICK-TO-PLAY CINEMA — NO PLAYER ON INITIAL LOAD */
.apj-main .apj-cinema { width:min(1120px,calc(100% - 40px)); max-height:calc(100dvh - 40px); padding:25px; border:1px solid #8297955E; border-radius:7px; background:#132024; color:#F1F3E8; box-shadow:0 25px 90px #0008; overflow:auto; }
.apj-cinema:not([open]) { display:none; }
.apj-cinema::backdrop { background:#091019DB; backdrop-filter:blur(12px); }
.apj-cinema-head { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:20px; }
.apj-cinema-head>div>span { display:block; font:500 8px/1.6 ui-monospace,monospace; letter-spacing:.1em; color:#BACCA9; }
.apj-cinema h2 { font-size:24px; line-height:1.15; letter-spacing:-.03em; margin-top:8px; }
.apj-main .apj-cinema-head button { display:flex; align-items:center; gap:17px; min-height:44px; padding:9px 14px; background:#233737; color:#DDEBD3; border:1px solid #A2B9A448; border-radius:3px; font-size:11px; }
.apj-main .apj-cinema-head button>span { font-size:23px; }
.apj-player { height:min(56.25vw,60dvh,590px); background:#080D12; display:grid; place-items:center; }
.apj-player iframe { display:block; width:100%; height:100%; border:0; }
.apj-cinema-foot { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:19px; }
.apj-main .apj-cinema-foot p { font-size:10px; color:#B1C1B8; }
.apj-main .apj-cinema-foot a { display:inline-flex; align-items:center; min-height:44px; font-size:11px; color:var(--apj-cyan); flex-shrink:0; }
html.apj-page { scroll-behavior:auto; }
html.apj-cinema-open { overflow:hidden; }

/* 07 / MOTION — CLASSES ONLY APPLIED WHILE THIS PAGE IS ACTIVE */
html.lenis,html.lenis body { height:auto; }
.lenis.lenis-smooth { scroll-behavior:auto!important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior:contain; }
.lenis.lenis-stopped { overflow:hidden; }
@media (hover:hover) and (pointer:fine) {
  .apj-main .apj-button:hover { transform:translateY(-3px); box-shadow:0 5px 0 #55868B,0 18px 30px #283E3C14; }
  .apj-main .apj-button-dark:hover { box-shadow:0 5px 0 #687084,0 18px 30px #283E3C14; }
  .apj-film-link:hover .apj-film-media img { transform:scale(1.04); opacity:1; }
  .apj-film-link:hover .apj-play { background:#DDE39D; color:#223326; }
  .apj-cover-ticket:hover { rotate:3deg; }
}
@media (prefers-reduced-motion:reduce) {
  html:has(.apj-main) { scroll-behavior:auto!important; }
  .apj-main *, .apj-main *::before,.apj-main *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
  .apj-main .apj-button:hover,.apj-film-link:hover .apj-film-media img { transform:none; }
  .apj-cover-ticket:hover { rotate:none; }
}

/* 08 / RESPONSIVE */
@media (min-width:1600px) { .apj-hero-grid { gap:100px; } .apj-cover-scene { max-width:680px; justify-self:end; width:100%; } }
@media (max-width:1200px) {
  .apj-wrap { width:calc(100% - 64px); }
  .apj-hero-grid { gap:22px; }
  .apj-main h1 { font-size:clamp(70px,8.1vw,101px); }
  .apj-hero-stats { gap:20px; }
  .apj-hero-location { display:none; }
  .apj-cover-ticket { width:190px; left:-8px; padding:20px; }
  .apj-cover-ticket strong { font-size:23px; }
  .apj-story-grid { gap:50px; grid-template-columns:.83fr 1.17fr; }
  .apj-section-head { gap:40px; }
  .apj-section-head>p { max-width:300px; }
  .apj-principles { gap:35px; }
  .apj-invite-grid { gap:65px; }
}
@media (max-width:900px) {
  .apj-hero-grid { grid-template-columns:1fr; gap:15px; padding-top:38px; }
  .apj-main h1 { font-size:clamp(70px,11.8vw,104px); }
  .apj-hero-copy { padding-bottom:20px; }
  .apj-hero-copy .apj-eyebrow { font-size:9px; }
  .apj-hero-stats { margin-top:35px; max-width:480px; }
  .apj-hero-location { display:block; }
  .apj-cover-scene { width:min(600px,90%); justify-self:center; padding:10px 30px 30px; }
  .apj-cover-window { aspect-ratio:4/3.8; }
  .apj-cover-word { font-size:64px; }
  .apj-cover-ticket { left:-13px; width:205px; }
  .apj-section-head { align-items:start; }
  .apj-section-head>p { max-width:275px; font-size:13px; }
  .apj-story-grid { grid-template-columns:1fr; gap:40px; }
  .apj-story-copy { position:static; display:grid; grid-template-columns:1fr 1fr; gap:0 40px; }
  .apj-story-index,.apj-story-copy h3,.apj-story-copy>p,.apj-story-copy .apj-button { grid-column:1; }
  .apj-story-copy h3 { font-size:37px; }
  .apj-story-copy .apj-button { justify-self:start; margin-top:23px; }
  .apj-story-copy .apj-specs { grid-column:2; grid-row:1 / span 4; align-self:center; margin:0!important; }
  .apj-main .apj-chapter-image img { height:380px; }
  .apj-film-title h3 { font-size:27px; }
  .apj-film-grid { gap:43px 25px; }
  .apj-filter-row { display:block; }
  .apj-filter-row .apj-result-count { text-align:left; margin-top:17px; }
  .apj-principles { gap:26px; }
  .apj-principles h3 { font-size:22px; }
  .apj-invite-grid { gap:40px; }
  .apj-invite h2 { font-size:56px; }
}
@media (max-width:600px) {
  .apj-wrap { width:calc(100% - 36px); }
  .apj-hero { padding-top:13px; }
  .apj-hero-grid { padding:25px 0 45px; }
  .apj-main h1 { font-size:clamp(57px,12.4vw,74px); margin-top:26px; }
  .apj-main h1 em { white-space:normal; }
  .apj-hero-copy .apj-eyebrow { font-size:8px; gap:8px; }
  .apj-hero-copy .apj-eyebrow i { width:16px; }
  .apj-main .apj-hero-lead { font-size:14px; margin-top:24px; }
  .apj-hero-actions { gap:12px 22px; margin-top:26px; }
  .apj-main .apj-button { padding:15px 18px; min-height:54px; gap:28px; font-size:12px; }
  .apj-text-link { font-size:11px; gap:18px; }
  .apj-hero-stats { gap:22px; margin-top:26px; padding-top:21px; }
  .apj-hero-stats strong { font-size:28px; }
  .apj-hero-stats>p { gap:9px; }
  .apj-hero-stats p>span { font-size:7px; }
  .apj-hero-location { display:none; }
  .apj-cover-scene { width:95%; padding:15px 14px 35px; margin-top:9px; }
  .apj-cover { padding:7px; }
  .apj-cover-window { aspect-ratio:4/4.3; }
  .apj-cover-word { font-size:47px; top:26px; left:25px; }
  .apj-cover figcaption { font-size:5px; gap:7px; padding:9px 3px 2px; }
  .apj-cover-side { display:none; }
  .apj-cover-ticket { width:170px; left:-6px; padding:17px; }
  .apj-cover-ticket strong { font-size:23px; margin:15px 0; }
  .apj-cover-ticket small { font-size:7px; padding-top:13px; }
  .apj-cover-ticket>span { font-size:7px; }
  .apj-hero-foot { padding:19px 0; font-size:6px; gap:14px; letter-spacing:.05em; }
  .apj-hero-foot a { gap:10px; }
  .apj-featured { padding:67px 0 76px; }
  .apj-main h2 { font-size:42px; }
  .apj-section-head { display:block; margin-bottom:35px; }
  .apj-section-head .apj-eyebrow { font-size:8px; margin-bottom:19px; }
  .apj-section-head>p { max-width:410px; margin-top:25px; font-size:13px; }
  .apj-story-grid { gap:33px; }
  .apj-story-copy { display:block; padding-top:0; }
  .apj-story-copy h3 { font-size:36px; }
  .apj-story-copy .apj-specs { margin:25px 0!important; }
  .apj-story-copy .apj-button { margin-top:0; }
  .apj-chapter-viewer { padding:13px; }
  .apj-chapter-bar { gap:5px; margin-bottom:14px; }
  .apj-main .apj-chapter-bar button { padding:11px 8px; font-size:9px; min-height:62px; }
  .apj-main .apj-chapter-bar button>span { font-size:8px; }
  .apj-main .apj-chapter-image img { height:clamp(210px,65vw,330px); }
  .apj-chapter-image>span { top:8px; left:8px; padding:6px 8px; font-size:6px; }
  .apj-chapter-panel figcaption { padding:22px 4px; min-height:155px; }
  .apj-chapter-panel h4 { font-size:23px; }
  .apj-chapter-panel figcaption p { font-size:11px; }
  .apj-chapter-bottom { font-size:6px; letter-spacing:.05em; padding:15px 4px 2px; gap:10px; }
  .apj-films { padding:68px 0 40px; }
  .apj-filter-mount { margin-bottom:28px; }
  .apj-filters { gap:7px; }
  .apj-main .apj-filters button { font-size:10px; min-height:42px; padding:11px 14px; }
  .apj-film-grid { grid-template-columns:1fr; gap:36px; }
  .apj-film-media { aspect-ratio:4/3; }
  .apj-film-title { padding-top:20px; gap:15px; }
  .apj-film-title h3 { font-size:29px; }
  .apj-film-title>span { width:38px; height:38px; font-size:22px; }
  .apj-film-title .apj-eyebrow { font-size:7px; }
  .apj-film-number { top:20px; left:20px; font-size:11px; }
  .apj-film-foot { display:block; margin-top:40px; padding-top:24px; }
  .apj-main .apj-film-foot>p { margin-top:15px; font-size:9px; }
  .apj-standard { padding:50px 0 60px; }
  .apj-standard-top { margin-bottom:30px; }
  .apj-standard-top .apj-eyebrow { font-size:8px; max-width:220px; }
  .apj-standard-star { font-size:43px; }
  .apj-principles { grid-template-columns:1fr; gap:30px; margin-top:38px; }
  .apj-principles h3 { font-size:25px; margin:17px 0 12px; }
  .apj-principles p { font-size:13px; }
  .apj-invite { padding:65px 0 74px; }
  .apj-invite-grid { grid-template-columns:1fr; gap:27px; }
  .apj-invite .apj-eyebrow { font-size:8px; }
  .apj-invite h2 { font-size:54px; }
  .apj-invite-grid>div:last-child>p { font-size:13px; }
  .apj-main .apj-cinema { width:calc(100% - 20px); padding:14px; max-height:calc(100dvh - 24px); }
  .apj-cinema-head { align-items:start; gap:10px; }
  .apj-cinema-head>div>span { font-size:6px; }
  .apj-cinema h2 { font-size:21px; }
  .apj-main .apj-cinema-head button { font-size:0; padding:6px 12px; gap:0; }
  .apj-main .apj-cinema-head button>span { font-size:24px; }
  .apj-cinema-foot { display:block; margin-top:12px; }
  .apj-main .apj-cinema-foot p { font-size:9px; }
  .apj-main .apj-cinema-foot a { margin-top:6px; }
}