:root{color-scheme:dark light;--bg:#101116;--panel:#191b22;--text:#f4f3ef;--muted:#aaaab2;--line:#34353e;--accent:#ddd1ff;--pad:clamp(20px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}a:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p,h1,h2{margin:0}a:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;padding:12px 20px;background:var(--text);color:var(--bg)}.skip-link:focus{top:12px}.site-header,main,.site-footer{max-width:1440px;margin:auto;padding-left:var(--pad);padding-right:var(--pad)}.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:750;line-height:1.4;flex-shrink:0}.brand small{display:block;font-size:10px;letter-spacing:.12em;font-weight:500;color:var(--muted);margin-top:3px}.brand-mark{display:flex;align-items:center;justify-content:center;width:48px;height:54px;background:#17181d;border-radius:10px}.brand-mark img{width:31px;height:auto}.site-header nav{display:flex;gap:26px;align-items:center;font-size:14px;font-weight:600}.contact-link{padding:8px 15px;border:1px solid var(--line);border-radius:30px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em;color:var(--accent)}.page-intro{padding:76px 0 44px}.page-intro h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.055em;line-height:1.2;margin:12px 0 20px}.page-intro>p:not(.eyebrow){color:var(--muted)}.work-count{display:block;margin-top:30px;font-size:13px;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px}.work-card{min-width:0}.work-card>a{display:block}.poster{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:12px;background:var(--panel)}.poster img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.work-card a:hover img{transform:scale(1.025)}.play-label{position:absolute;right:14px;bottom:14px;border:1px solid #ffffff40;background:#111111b8;color:#fff;border-radius:30px;padding:6px 12px;font-size:12px}.card-copy{padding-top:17px}.category{font-size:12px;color:var(--accent);font-weight:600}.card-copy h2{font-size:20px;letter-spacing:-.04em;line-height:1.5;margin:6px 0}.client{font-size:13px;color:var(--muted)}.description{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.8}.inquiry{padding:62px 0;margin-top:76px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;justify-content:space-between}.inquiry h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.04em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:14px 22px;background:var(--text);color:var(--bg);border-radius:8px;font-size:14px;font-weight:650;max-width:100%}.site-footer{border-top:1px solid var(--line);padding-top:34px;padding-bottom:40px;margin-top:30px;color:var(--muted);font-size:12px}.site-footer>a{display:inline-block;color:var(--text);font-size:14px;font-weight:650;margin-bottom:16px}.site-footer p+p{margin-top:5px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);padding:28px 0 0}.watch-heading{padding:36px 0 26px}.watch-heading h1{font-size:clamp(29px,4vw,48px);letter-spacing:-.05em;line-height:1.4;margin-top:10px;max-width:1000px}.video-stage{display:flex;align-items:center;justify-content:center;background:#08080a;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:220px}.video-stage video{width:100%;height:auto;max-height:76vh;object-fit:contain}.video-stage.portrait{min-height:0}.video-stage.portrait video{width:auto;max-width:100%;height:min(76vh,900px)}.work-information{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);padding:40px 0 64px}.work-story h2{font-size:18px;margin-bottom:13px}.work-story>p{white-space:pre-line;color:var(--muted);line-height:1.95}.work-story .button{margin-top:28px}.work-facts{margin:0;font-size:14px}.work-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.work-facts dt{color:var(--muted)}.work-facts dd{margin:0}.preview-note{margin-top:12px;color:var(--muted);font-size:13px}.related{border-top:1px solid var(--line);padding:40px 0}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.section-heading h2{font-size:24px}.section-heading>a{font-size:13px;color:var(--muted)}.error-page{padding:100px 0;max-width:800px}.error-page h1{font-size:clamp(28px,5vw,44px);letter-spacing:-.04em;margin:12px 0 20px}.error-page>p:not(.eyebrow){color:var(--muted)}.error-page .button{margin-top:30px}.empty{color:var(--muted);padding:30px 0}
@media(prefers-color-scheme:light){:root{--bg:#f8f7f3;--panel:#edece7;--text:#202129;--muted:#666770;--line:#d9d8d3;--accent:#675094}}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-information{gap:34px}.work-facts>div{grid-template-columns:80px minmax(0,1fr)}}
@media(max-width:600px){.site-header{min-height:86px;gap:12px}.brand{font-size:15px;gap:9px}.brand small{font-size:8px;letter-spacing:.06em}.brand-mark{width:38px;height:46px}.brand-mark img{width:25px}.site-header nav{font-size:12px;gap:12px}.contact-link{padding:6px 10px}.page-intro{padding:48px 0 30px}.work-grid{grid-template-columns:minmax(0,1fr);gap:32px}.poster{aspect-ratio:4/3}.card-copy h2{font-size:20px}.inquiry{margin-top:48px;padding:38px 0;flex-direction:column;align-items:flex-start}.watch-heading{padding-top:28px}.video-stage{border-radius:8px;min-height:160px}.video-stage video{max-height:68vh}.video-stage.portrait video{height:min(68vh,720px)}.work-information{grid-template-columns:minmax(0,1fr);gap:26px;padding:28px 0 42px}.work-facts{grid-row:1}.work-facts>div{padding:11px 0}.section-heading h2{font-size:21px}.site-footer{font-size:11px;line-height:1.9}.error-page{padding:70px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster img{transition:none}}