.sticky-navigation{position:sticky;top:0;z-index:100;background:#030c16ed;backdrop-filter:blur(18px);height:82px}.about-page,.scroll-chapter{scroll-margin-top:82px}#next .about-footer{bottom:22px}.scroll-chapter{position:relative;isolation:isolate;overflow:hidden;background:#040d18;color:#d1def0;min-height:100svh}.scroll-backdrop{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center}.scroll-backdrop:after{content:'';position:absolute;inset:0;background:rgba(2,9,18,var(--shade,.45))}.scroll-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scroll-section-banner{position:relative;min-height:65svh;display:flex;align-items:center;padding:65px 6%}.scroll-section-visual{position:absolute;inset:0 0 0 28%;mask-image:linear-gradient(90deg,transparent,#000 30%)}.scroll-section-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#040d18,transparent 40%)}.scroll-section-visual>img,.scroll-section-visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scroll-section-intro{position:relative;z-index:1;width:47%;max-width:650px;pointer-events:none}.scroll-section-intro h2{font:italic 500 clamp(42px,5vw,88px)/1 'Cormorant Garamond',Georgia,serif;color:#d4e4ff;letter-spacing:-.03em;margin:24px 0 14px;text-shadow:0 0 25px #5d88b84d}.scroll-section-intro h3{font-size:28px;letter-spacing:.15em;font-weight:400;margin:0 0 25px}.scroll-section-intro p{white-space:pre-line;font-size:16px;line-height:1.9}.scroll-preview-hint{display:block;font-size:12px;letter-spacing:.2em;color:#9dbbd7;margin-top:30px}.scroll-gallery{position:relative;padding:25px 6% 80px;max-width:1800px;margin:auto}.scroll-gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #8fb4df55;padding-top:35px;margin-bottom:20px}.scroll-gallery-header h3{font-size:30px;font-weight:400;letter-spacing:.15em;margin:0 0 10px}.scroll-gallery-header small{font-size:10px;letter-spacing:.15em;color:#8ea9c8}.scroll-edit{flex-shrink:0;background:#0d2135b3;border:1px solid #718ba56b;padding:12px 18px;border-radius:25px;font-size:12px}.scroll-gallery-description{font-size:15px;line-height:1.8;white-space:pre-line;color:#a6bcd3;margin-bottom:35px;max-width:800px}.scroll-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;perspective:1400px}.scroll-card{position:relative;display:block;width:100%;padding:0;aspect-ratio:3/4;overflow:hidden;background:#081625;border:1px solid #aecaf28c;border-radius:4px;text-align:left;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s,box-shadow .35s;box-shadow:0 15px 35px #0008;cursor:pointer}.scroll-card>img,.scroll-card>.cover-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.scroll-card:hover,.scroll-card:focus-visible{transform:translateY(-12px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 0 25px #a0caff55,0 25px 45px #0009;z-index:5}.scroll-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent,#d3eaff30,transparent);transform:translateX(-120%);transition:transform .7s}.scroll-card:hover:after{transform:translateX(120%)}.scroll-card-caption{position:absolute;inset:auto 0 0;padding:70px 22px 24px;background:linear-gradient(transparent,#020c18ed 60%);display:grid;gap:8px;pointer-events:none}.scroll-card-number{font-size:26px;font-style:italic;color:#dbeaff}.scroll-card-caption strong{font-size:22px;font-weight:400;letter-spacing:.05em}.scroll-card-caption small{font-size:10px;letter-spacing:.1em;color:#9fb7d4;padding-right:20px}.scroll-card-arrow{position:absolute;right:20px;bottom:20px;border:1px solid #abc6e855;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.scroll-thumbnails{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px;align-items:center}.scroll-thumbnails button{padding:0;border:1px solid #89a9d366;border-radius:5px;background:#0b1724;overflow:hidden;width:90px;height:60px}.scroll-thumbnails img{width:100%;height:100%;object-fit:cover}.scroll-gallery-note{font-size:12px;color:#92aecb;letter-spacing:.07em;line-height:1.8;margin-top:24px}.scroll-chapter[data-section=film] .scroll-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.scroll-chapter[data-section=film] .scroll-card{aspect-ratio:16/9;border:6px solid #182536;outline:1px solid #adc9f977}.scroll-chapter[data-section=visual] .scroll-cards{gap:45px}.scroll-chapter[data-section=visual] .scroll-card{border:7px solid #b7d8fa18;outline:1px solid #a1bddb88}.scroll-chapter[data-section=aigc] .scroll-card:nth-child(3n+2){margin-top:35px}.scroll-chapter[data-section=awards] .scroll-card{aspect-ratio:4/5;border:9px ridge #8f9294}.scroll-chapter[data-section=awards] .scroll-card:hover{box-shadow:0 0 25px #e5ce9b44}.project-modal{width:min(1400px,97vw);max-width:none;max-height:94svh;padding:0;border-radius:12px;overflow:auto;background:#04101c}.project-modal .commercial-detail{padding-top:30px;padding-bottom:60px}.project-modal-close{position:sticky;display:block;margin:10px 15px 0 auto;top:10px;z-index:20;width:40px;height:40px;border-radius:50%;border:1px solid #a9c8ea77;background:#071525dd;font:26px Arial}.project-modal::backdrop{background:#020710df;backdrop-filter:blur(12px)}@media(max-width:1000px){.sticky-navigation{height:auto}.about-page,.scroll-chapter{scroll-margin-top:135px}.scroll-cards{gap:22px}.scroll-card-caption{padding:55px 15px 18px}.scroll-card-caption strong{font-size:18px}.scroll-chapter[data-section=visual] .scroll-cards{gap:24px}}@media(max-width:700px){.scroll-section-banner{min-height:680px;align-items:flex-end;padding:290px 7% 45px}.scroll-section-visual{inset:0 0 20%;mask-image:linear-gradient(#000 35%,transparent)}.scroll-section-intro{width:100%;max-width:none}.scroll-section-intro h2{font-size:48px}.scroll-section-intro h3{font-size:24px}.scroll-section-intro p{font-size:14px}.scroll-gallery{padding:10px 7% 65px}.scroll-gallery-header h3{font-size:25px}.scroll-edit{font-size:11px;padding:10px 12px}.scroll-cards,.scroll-chapter[data-section=film] .scroll-cards{grid-template-columns:1fr;gap:25px}.scroll-card{max-height:650px}.scroll-chapter[data-section=aigc] .scroll-card:nth-child(3n+2){margin-top:0}.scroll-card-caption strong{font-size:23px}.scroll-card-caption small{font-size:10px}.scroll-thumbnails{gap:10px}.scroll-thumbnails button{width:65px;height:46px}.scroll-gallery-description{font-size:14px}.project-modal .commercial-detail{padding-left:6%;padding-right:6%}}@media(prefers-reduced-motion:reduce){.scroll-card,.scroll-card:hover{transform:none}.scroll-card:after{display:none}}