/* Cupfox original film festival editorial layout */
:root{--background:#F7F6F2;--surface:#fff;--surface-warm:#F1EEE8;--paper:#FFFEFB;--graphite:#242830;--graphite-soft:#3A4049;--graphite-light:#565F68;--orange:#B84C23;--orange-hover:#963A19;--orange-bright:#E47E43;--orange-soft:#FAE9DF;--teal:#286D70;--teal-soft:#E6F1F0;--slate-blue:#526E8C;--slate-blue-soft:#E9F0F5;--wine:#975368;--wine-soft:#F5E9ED;--mustard:#C29A4C;--mustard-soft:#F9F1DD;--lavender:#897C9F;--lavender-soft:#F0ECF5;--title:#222933;--body:#3D4651;--muted:#66717A;--border:#E3E1DC;--divider:#ECEAE5;--dark-text:#FFFDF8;--dark-muted:#D0D2D5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--background);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);line-height:1.75;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;color:var(--title)}h1{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.045em}h2{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.025em}h3{font-size:1.16rem}p{line-height:1.82}.wrap{width:min(1320px,calc(100% - 64px));margin-inline:auto}.section{padding-block:74px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-head h2{margin:4px 0 0}.section-head p{max-width:380px;margin:0;color:var(--muted)}.eyebrow{display:block;color:var(--orange);font-weight:750;font-size:.77rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px}.link{color:var(--orange);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--orange);border-radius:10px;background:var(--orange);color:#fff;padding:10px 20px;font-weight:700;cursor:pointer;line-height:1.3}.btn:hover{background:var(--orange-hover);border-color:var(--orange-hover);color:#fff}.btn.outline{background:transparent;color:var(--orange)}.btn.outline:hover{background:var(--orange-soft)}.action-row{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.center{justify-content:center}.skip{position:absolute;left:-9999px;top:0;background:#fff;z-index:50}.skip:focus{left:10px}.site-header{background:var(--paper);border-bottom:1px solid var(--border);position:relative;z-index:20}.topbar{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:74px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>img{width:94px;max-height:48px;object-fit:contain}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--orange-soft);border-radius:12px;font-size:24px}.brand strong{display:block;color:var(--title);font-size:1.18rem;line-height:1.25}.brand small{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.075em}.desktop-nav{display:flex;gap:28px;font-weight:650;white-space:nowrap}.desktop-nav a[aria-current]{color:var(--orange)}.nav-actions{display:flex;align-items:center;gap:14px}.search-short{font-weight:700;white-space:nowrap}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;min-width:44px;min-height:44px}.ticket-nav{border-top:1px solid var(--divider);background:#fff}.ticket-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-block:8px}.ticket-track a{white-space:nowrap;padding:7px 15px;border:1px dashed var(--border);border-radius:8px;color:var(--graphite-soft);font-size:.84rem;font-weight:650}.ticket-track a:hover{background:var(--orange-soft)}.menu-overlay{position:fixed;inset:0;background:#18202b99;z-index:40}.mobile-menu{position:fixed;right:0;top:0;bottom:0;width:min(340px,88vw);z-index:41;background:#fff;padding:32px 25px;transform:translateX(105%);transition:transform .2s ease;display:flex;flex-direction:column;gap:13px;box-shadow:-10px 0 30px #0002}.mobile-menu.open{transform:none}.mobile-menu a{padding:9px;border-bottom:1px solid var(--border)}.menu-close{align-self:end;background:transparent;border:0;font-size:36px;min-width:44px;min-height:44px}.bottom-nav{display:none}.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:415px;gap:28px;align-items:stretch;padding-block:34px}.hero-text{padding:55px 24px 35px 0;display:flex;flex-direction:column;align-items:start;justify-content:center}.hero-text h1{font-size:clamp(2.35rem,4.2vw,3.5rem);max-width:610px}.hero-text h1 em{font-style:normal;color:var(--orange)}.hero-text>p{max-width:550px;color:var(--graphite-light)}.hero-note{font-size:.82rem;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;margin-top:30px}.hero-visual{position:relative;min-height:350px;border-radius:18px;overflow:hidden;background:#333b46}.hero-visual>.banner{width:100%;height:100%;object-fit:cover;aspect-ratio:5/4}.hero-stamp{position:absolute;bottom:22px;left:22px;padding:12px 17px;border-radius:4px;background:#fffef2ed;color:var(--title);font-size:.74rem;font-weight:800;letter-spacing:.075em;transform:rotate(-3deg)}.cover{aspect-ratio:2/3;object-fit:cover;width:100%;border-radius:9px}.empty-art{background:linear-gradient(135deg,#dfe6e4,#e8dfd4);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#44505b;padding:15px;gap:8px;min-height:100px}.empty-art span{font-size:2.2rem}.empty-art small{font-size:.78rem}.hero-visual .empty-art{height:100%;width:100%;border-radius:0;background:linear-gradient(145deg,#333d4a,#59616d);color:#fff;aspect-ratio:auto}.hero-visual .empty-art span{font-size:5rem}.category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-tiles a{background:#fff;border:1px solid var(--border);padding:21px;min-height:137px;border-radius:13px;display:flex;flex-direction:column}.category-tiles a:hover{border-color:var(--orange)}.category-tiles span{font-size:1.6rem}.category-tiles strong{color:var(--title);font-size:1rem;margin:7px 0 1px}.category-tiles small{font-size:.77rem;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.feature-main{position:relative;border-radius:15px;overflow:hidden;min-height:445px;background:var(--graphite);display:flex;align-items:end}.feature-main>.feature-img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.65;aspect-ratio:auto;border-radius:0}.feature-main>.empty-art{position:absolute;inset:0;aspect-ratio:auto;background:linear-gradient(130deg,#313640,#646f7c);color:#fff;border-radius:0}.feature-main>div:last-child{position:relative;padding:34px;color:#fff;background:linear-gradient(transparent,#101218c7);width:100%}.feature-main h3{color:#fff;font-size:2rem}.feature-main p{max-width:380px}.feature-list{display:grid;gap:14px}.work-card{display:block;min-width:0}.work-card h3{margin:11px 0 5px}.work-card p{font-size:.85rem;color:var(--muted);margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-card .eyebrow{margin:7px 0 3px;font-size:.69rem}.work-card:hover h3{color:var(--orange)}.subtle{font-size:.72rem;color:var(--teal)}.work-card.horizontal{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.work-card.horizontal .cover{width:120px;height:116px;aspect-ratio:auto;object-fit:cover}.work-card.horizontal h3{margin:2px 0 6px}.work-card.horizontal p{-webkit-line-clamp:2}.full-bleed-warm{background:var(--surface-warm)}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.route-grid a{background:#fff;padding:28px;border-radius:12px;min-height:220px}.route-grid p{font-size:.92rem;color:var(--muted)}.route-grid small{font-weight:700;color:var(--teal)}.line-accent{display:block;width:50px;height:4px;background:var(--orange);margin-bottom:22px}.route-grid a:nth-child(2) .line-accent{background:var(--wine)}.route-grid a:nth-child(3) .line-accent{background:var(--teal)}.rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spotlight{border-radius:14px;padding:46px;min-height:310px}.spotlight h2{font-size:2.15rem}.spotlight.dark{background:#2e3540;color:#eef0f2}.spotlight.dark h2{color:#fff}.spotlight.dark .eyebrow{color:#f4ad7b}.spotlight.future{background:var(--slate-blue-soft)}.light-link{color:#ffc299;font-weight:750}.editorial-row{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px}.editorial-row.reverse{grid-template-columns:.8fr 1fr}.editorial-img{width:100%;height:300px;object-fit:cover;aspect-ratio:auto;border-radius:14px}.editorial-row p{max-width:650px}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.three-cards .cover{max-height:380px}.collection-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.collection-strip a{border:1px solid var(--border);padding:25px;border-radius:12px;background:#fff}.collection-strip span{font-size:1.7rem}.collection-strip h3{margin:15px 0 5px}.collection-strip p{font-size:.86rem;color:var(--muted);margin:0}.ending{text-align:center;border-top:1px solid var(--border)}.ending h2{font-size:clamp(1.9rem,3vw,2.8rem);margin:20px 0 30px}.footer{background:var(--graphite);color:var(--dark-muted);margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-block:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:8px}.footer-grid p{margin:0}.footer-grid b,.footer-brand{color:#fff}.footer-brand{font-size:1.2rem}.footer-grid small{max-width:490px}.copyright{border-top:1px solid #4e5157;padding-block:18px;font-size:.8rem}.page-lead{max-width:850px;margin-bottom:44px}.page-lead p{color:var(--muted);font-size:1.1rem}.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:42px}.catalog-aside{align-self:start;position:sticky;top:20px;background:#fff;padding:22px;border:1px solid var(--border);border-radius:12px}.catalog-aside h2{font-size:1.18rem}.filter-cat{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--divider);font-size:.9rem}.filter-cat b{color:var(--muted)}.filter-cat[aria-current]{color:var(--orange);font-weight:700}.aside-note{font-size:.8rem;color:var(--muted);margin-top:24px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:var(--surface-warm);border-radius:12px;padding:18px;align-items:end}.filters label{font-size:.8rem;font-weight:700;color:var(--muted)}.filters input,.filters select,.search-form input,.search-form select{display:block;width:100%;min-height:44px;border:1px solid #cccac5;background:#fff;border-radius:8px;padding:8px 10px;color:var(--title)}.results-line{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border);padding:30px 0 15px;margin-bottom:26px}.results-line span{color:var(--muted)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.pages a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:7px;background:#fff}.pages a[aria-current]{background:var(--graphite);color:#fff}.catalog-bottom{background:var(--teal-soft);border-radius:14px;padding:30px;margin-top:50px}.no-results{background:#fff;border:1px solid var(--border);border-radius:12px;padding:40px}.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:22px}.breadcrumbs a{color:var(--orange)}.watch-hero{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:54px;align-items:start}.detail-poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:15px}.watch-info{padding-top:20px}.watch-summary{font-size:1.07rem;max-width:750px}.meta-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.meta-list div{border-top:1px solid var(--border);padding-top:10px}.meta-list b,.meta-list span{display:block}.meta-list b{font-size:.8rem;color:var(--muted)}.section-jump{display:flex;flex-wrap:wrap;gap:17px;border-block:1px solid var(--border);padding:13px 0;margin:52px 0 15px;font-size:.9rem}.section-jump a{color:var(--orange);font-weight:650}.detail-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(230px,1fr);gap:50px}.detail-block{padding:40px 0;border-bottom:1px solid var(--border);scroll-margin-top:30px}.detail-block p{font-size:1.04rem}.fact{padding:12px 0}.fact b{color:var(--title)}.fact p{margin:6px 0}.highlight-list li{padding:8px 0}.detail-aside{padding-top:38px}.note-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:26px;align-self:start}.note-card .link{display:block;margin-top:14px}.episode{border-left:3px solid var(--slate-blue);padding:8px 20px;margin:14px 0;background:var(--slate-blue-soft)}.episode p{font-size:.9rem;margin:3px 0}.episode small{color:var(--muted)}.player{display:block;width:100%;aspect-ratio:16/9;background:#111;border-radius:10px}.unavailable{background:var(--surface-warm);border:1px dashed #aaa;border-radius:12px;padding:35px}.unavailable strong{font-size:1.15rem}.unavailable p{margin-bottom:0}.four-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--graphite);color:#fff;border-radius:16px;overflow:hidden}.collection-hero>div{padding:40px}.collection-hero h1{color:#fff}.collection-img{width:100%;height:300px;object-fit:cover;aspect-ratio:auto}.collection-hero .empty-art{height:300px}.collection-intro{margin:40px auto 60px;max-width:790px;padding-left:25px;border-left:4px solid var(--orange)}.collection-intro p{display:inline;font-size:1.05rem}.collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.collection-card{display:grid;grid-template-columns:39% 1fr;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;min-height:270px}.collection-card.wide{grid-column:span 2;grid-template-columns:38% 1fr}.coll-art .cover{border-radius:0;height:100%;aspect-ratio:auto;min-height:230px}.coll-text{padding:28px}.coll-text h2{font-size:1.4rem}.coll-text p{font-size:.86rem;color:var(--muted)}.coll-text small{color:var(--orange);font-weight:700}.collection-sequence{border-top:1px solid var(--border)}.sequence-item{display:grid;grid-template-columns:50px 150px 1fr;gap:23px;align-items:center;padding:27px 0;border-bottom:1px solid var(--border)}.sequence-num{font-size:2.2rem;color:var(--mustard);font-weight:800}.sequence-art{height:180px;width:150px;object-fit:cover;aspect-ratio:auto;border-radius:8px}.studio-hero{display:grid;grid-template-columns:1fr .85fr;background:var(--teal-soft);border-radius:16px;overflow:hidden;align-items:center}.studio-hero>div{padding:48px}.studio-hero p{font-size:1.1rem}.studio-image{width:100%;height:320px;object-fit:cover;aspect-ratio:auto}.studio-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px;margin-top:45px}.studio-index{align-self:start;position:sticky;top:24px}.studio-index h2{font-size:1.15rem}.studio-index a{display:flex;gap:15px;padding:11px 0;border-bottom:1px solid var(--border)}.studio-index span{color:var(--orange)}.studio-chapter{padding:26px 0 46px;border-bottom:1px solid var(--border);scroll-margin-top:30px}.studio-chapter h2{font-size:2rem}.studio-chapter p{font-size:1.08rem;line-height:2}.chapter-foot{background:var(--surface-warm);padding:13px 18px;font-size:.88rem;border-radius:7px}.search-page{max-width:1050px}.search-form{background:var(--surface-warm);border-radius:12px;padding:25px}.search-form>label{display:block;font-weight:700;margin-bottom:8px}.search-form>div{display:grid;grid-template-columns:1fr 210px auto;gap:10px}.search-suggest{margin-top:65px}.tag-row{display:flex;flex-wrap:wrap;gap:12px}.tag-row a{border:1px solid var(--border);border-radius:24px;padding:8px 18px;background:#fff}.search-results a{display:block;padding:24px 0;border-bottom:1px solid var(--border)}.search-results h2{font-size:1.28rem}.search-results p{font-size:.92rem;margin-bottom:0;color:var(--muted)}.about-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(220px,1fr);gap:55px}.about-layout section{padding-bottom:30px;margin-bottom:35px;border-bottom:1px solid var(--border)}.about-layout section p{font-size:1.04rem}.about-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.about-cats a{background:#fff;border:1px solid var(--border);border-radius:9px;padding:16px}.about-cats b,.about-cats span{display:block}.about-cats span{font-size:.84rem;color:var(--muted)}details{background:#fff;padding:16px 20px;margin-bottom:9px;border-radius:9px}summary{cursor:pointer;font-weight:650}
@media(max-width:1024px){.wrap{width:calc(100% - 44px)}.desktop-nav{gap:14px;font-size:.88rem}.catalog-layout{grid-template-columns:200px 1fr;gap:20px}.rail{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.four-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.section{padding-block:46px}.section-head{align-items:start;flex-direction:column;gap:7px}.desktop-nav{display:none}.menu-toggle{display:block}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--border);z-index:25;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.35rem;line-height:1.1;min-height:56px}.bottom-nav span{font-size:.67rem}.footer{padding-bottom:65px}.topbar{min-height:65px}.ticket-track{margin-right:-17px}.hero{grid-template-columns:1fr;padding-top:15px}.hero-text{padding:18px 0}.hero-visual{min-height:250px}.hero-visual>.banner{height:280px}.category-tiles{grid-template-columns:repeat(2,1fr)}.feature-grid,.duo,.editorial-row,.editorial-row.reverse,.collection-hero,.studio-hero,.about-layout,.detail-layout{grid-template-columns:1fr}.feature-main{min-height:360px}.route-grid,.three-cards{grid-template-columns:1fr}.collection-strip{grid-template-columns:repeat(2,1fr)}.feature-list{gap:10px}.editorial-row{gap:24px}.spotlight{min-height:245px;padding:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}.catalog-layout,.studio-layout{grid-template-columns:1fr}.catalog-aside,.studio-index{position:static}.catalog-aside{display:none}.filters{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.watch-hero{grid-template-columns:1fr 1.3fr;gap:22px}.meta-list{grid-template-columns:1fr}.watch-info{padding-top:0}.watch-info h1{font-size:2rem}.watch-summary{font-size:.92rem}.detail-aside{padding:0}.collections-grid{grid-template-columns:1fr}.collection-card.wide{grid-column:span 1}.collection-card{grid-template-columns:37% 1fr}.sequence-item{grid-template-columns:36px 90px 1fr;gap:12px}.sequence-art{width:90px;height:128px}.sequence-num{font-size:1.5rem}.studio-hero>div{padding:28px}.search-form>div{grid-template-columns:1fr 1fr}.search-form input{grid-column:span 2}.about-cats{grid-template-columns:1fr}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.brand strong{font-size:1rem}.brand small{font-size:.58rem}.search-short span{display:none}.ticket-track a{padding:6px 10px;font-size:.77rem}.hero-text h1{font-size:2rem}.hero-visual{min-height:215px}.hero-visual>.banner{height:235px}.category-tiles a{padding:14px;min-height:115px}.category-tiles strong{font-size:.9rem}.collection-strip{grid-template-columns:1fr}.work-card.horizontal{grid-template-columns:90px 1fr;gap:10px;padding:8px}.work-card.horizontal .cover{width:90px;height:110px}.work-card.horizontal h3{font-size:1rem}.work-card.horizontal p{font-size:.75rem}.work-card.horizontal .subtle{display:none}.filters{grid-template-columns:1fr}.watch-hero{grid-template-columns:1fr}.poster-column{max-width:270px;margin-inline:auto}.meta-list{grid-template-columns:1fr 1fr}.four-cards{gap:12px}.four-cards .work-card p{display:none}.collection-card,.collection-card.wide{display:block}.coll-art .cover{height:180px;min-height:0}.sequence-item{grid-template-columns:28px 1fr}.sequence-art{display:none}.search-form>div{grid-template-columns:1fr}.search-form input{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-menu{transition:none}}