.film-section{border-bottom:1px solid var(--border)}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.film-card{min-width:0}.film-cover{width:100%;aspect-ratio:4/5;padding:25px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;isolation:isolate;text-align:left;border:1px solid #e9a36a55;background:radial-gradient(ellipse at 95% 50%,#9e582b90,transparent 70%),#17110e;color:#fff4e8;cursor:pointer;transition:transform .3s,border-color .3s}.film-cover:before{content:'';position:absolute;inset:12% -30% 12% 38%;z-index:-1;border:1px solid #f8c49b66;border-radius:50%;box-shadow:0 0 0 30px #ffffff05,0 0 0 60px #ffffff04,0 0 0 90px #ffffff03;transform:rotate(-25deg);transition:transform .6s}.film-card[data-tone="1"] .film-cover{background:linear-gradient(145deg,#ede6dd,#bdb4a9);color:#17130f;border-color:#fff3}.film-card[data-tone="1"] .film-cover:before{border-radius:0;border-color:#17130f55;transform:rotate(25deg)}.film-card[data-tone="2"] .film-cover{background:radial-gradient(ellipse at 0 100%,#34424c,#11151a 75%);color:#edf2f7;border-color:#657d8e}.film-card[data-tone="3"] .film-cover{background:linear-gradient(30deg,#361c14,#201111);color:#f5c5af}.film-serial,.film-cover-label{font-size:10px;letter-spacing:.15em;font-weight:600}.film-words{font-size:clamp(36px,4.7vw,68px);letter-spacing:-.06em;line-height:.93;white-space:pre-line;position:relative}.film-play{position:absolute;right:20px;bottom:60px;width:50px;height:50px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:24px}.film-cover:hover{transform:translateY(-5px);border-color:var(--accent)}.film-cover:hover:before{transform:rotate(0deg) scale(1.05)}.film-cover:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.film-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 0}.film-foot h3{font-size:15px;margin:0;font-weight:500}.film-foot a{font-size:12px;color:var(--accent);padding:8px 0}.film-index{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-top:1px solid var(--border);font-size:10px;letter-spacing:.12em;color:var(--muted)}.film-dialog{width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:22px;background:#141211;color:var(--ink);border:1px solid #e9a36a66}.film-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.film-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.film-dialog-head h2{font-size:24px;margin:0}.film-dialog-head button{background:none;color:var(--ink);border:0;width:44px;height:44px;font-size:30px}.film-dialog #film-player{margin:20px 0;min-height:160px;color:#171717;background:#f7f3ed;overflow:hidden}.film-dialog .instagram-media{margin:0!important;min-width:0!important;width:100%!important;max-width:100%!important}.film-dialog iframe{max-width:100%!important}.film-dialog blockquote>a{display:block;padding:24px;color:#171717}.route-card{position:relative;overflow:hidden;isolation:isolate}.route-card:before{content:'';position:absolute;z-index:-1;inset:0;opacity:.45;transition:opacity .3s}.route-card:nth-child(1):before{background:radial-gradient(ellipse at 100% 0,#9a522e80,transparent 75%)}.route-card:nth-child(2){background:#e9e1d6;color:#21170e}.route-card:nth-child(2) p{color:#594a3e}.route-card:nth-child(2)>span,.route-card:nth-child(2) strong{color:#6d3a1f}.route-card:nth-child(3):before{background:repeating-linear-gradient(135deg,transparent 0 30px,#e9a36a09 30px 31px)}.route-card:hover:before{opacity:1}body[data-page="content"] .page-art{background:#e9e1d6}.content-art:after{content:'01 — 12';position:absolute;right:26px;top:42%;font-size:11px;writing-mode:vertical-rl;letter-spacing:.2em}body[data-page="marketing"] .marketing-art{background:#e6dfd4;color:#211b15}body[data-page="marketing"] .marketing-art:before{border-color:#211b1515}body[data-page="marketing"] .page-hero{border-bottom:1px solid #e9a36a44}body[data-page="creative-hub"] .page-art{background:radial-gradient(ellipse at 100% 0,#cd8c5b,#8d4c2d);color:#fff4e8}.hub-explorer{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}.hub-explorer button{border:1px solid #e9a36a55;color:var(--ink);background:#ffffff04;min-height:44px;padding:12px 18px;border-radius:30px;font-size:13px}.hub-explorer button[aria-pressed=true]{background:var(--accent);color:#1b110b}.hub-service-group[hidden]{display:none!important}@media(min-width:1000px){body[data-page="content"] .film-card:nth-child(3n+2){padding-top:42px}}@media(max-width:800px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-films .film-card:last-child{grid-column:1/-1}.featured-films .film-card:last-child .film-cover{aspect-ratio:2/1}.film-words{font-size:clamp(32px,6vw,58px)}}@media(max-width:520px){.film-grid{grid-template-columns:1fr;gap:14px}.film-cover{aspect-ratio:1.15;padding:24px}.film-words{font-size:clamp(44px,13vw,65px)}.featured-films .film-card:last-child .film-cover{aspect-ratio:1.15}.film-index{flex-direction:column}.film-dialog{padding:16px}.hub-explorer{gap:8px}.hub-explorer button{padding:10px 14px}}@media(prefers-reduced-motion:reduce){.film-cover,.film-cover:before,.route-card:before{transition:none}.film-cover:hover{transform:none}}

.film-cover.has-poster{aspect-ratio:9/16;background:#151515}.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .4s}.film-cover.has-poster:before{inset:0;border:0;border-radius:0;box-shadow:none;transform:none;background:linear-gradient(#0008,transparent 25%,transparent 75%,#000b);z-index:-1}.has-poster .film-words{visibility:hidden}.has-poster .film-serial,.has-poster .film-cover-label,.has-poster .film-play{color:#fff;text-shadow:0 1px 5px #000}.has-poster .film-play{background:#0006;backdrop-filter:blur(4px)}.film-cover.has-poster:hover .film-poster{transform:scale(1.025)}.film-cover.has-poster:hover:before{transform:none}@media(max-width:800px){.featured-films .film-card:last-child{grid-column:auto}.featured-films .film-card:last-child .film-cover.has-poster{aspect-ratio:9/16}}@media(prefers-reduced-motion:reduce){.film-poster{transition:none}.film-cover.has-poster:hover .film-poster{transform:none}}