:root{--bg:#101110;--surface:#171816;--ink:#efeee8;--sub:#a3a69d;--line:rgba(238,237,229,.16);--accent:#cdbb8b;--page:clamp(24px,5.4vw,92px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}img{display:block;max-width:100%}::selection{background:var(--accent);color:#101110}.skip-link{position:fixed;z-index:100;left:15px;top:15px;transform:translateY(-160%);padding:12px;background:#eee;color:#111}.skip-link:focus{transform:none}
.header{height:100px;padding:0 var(--page);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(#10111080,transparent)}.brand{width:200px;display:block}.brand img{width:100%;height:auto;filter:brightness(0) invert(1)}.navigation{display:flex;align-items:center;gap:42px;font-size:13px;letter-spacing:.08em}.navigation>a{padding:14px 0;position:relative}.navigation>a:after{content:"";position:absolute;bottom:5px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.navigation>a:hover:after{width:100%}.nav-contact{margin-left:20px}.nav-contact span{margin-left:28px;font-size:20px}.menu-button{display:none}
.hero{height:min(900px,100svh);min-height:700px;position:relative;overflow:hidden;background:#292821}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% 50%;opacity:.85}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,12,.88) 0%,rgba(8,12,12,.69) 28%,rgba(8,12,12,.14) 67%),linear-gradient(0deg,rgba(10,13,12,.92),transparent 30%,transparent 70%,rgba(8,10,10,.25))}.hero-copy{position:relative;padding:clamp(175px,21vh,240px) var(--page) 120px;max-width:870px}.eyebrow{font-size:11px;letter-spacing:.2em;line-height:1.6;margin:0 0 31px;font-weight:500}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--accent);margin-right:12px;vertical-align:2px}.hero h1{font-size:clamp(58px,6.2vw,94px);font-weight:500;letter-spacing:.02em;line-height:1.25;margin:0 0 27px}.title-dot{color:var(--accent)}.hero-description{font-size:14px;color:#d2d3cb;letter-spacing:.12em;margin:0}.hero-description span{display:inline-block;margin:0 13px;color:#9c9d90}.play-hero{padding:0;margin-top:44px;display:flex;align-items:center;gap:18px;background:none;border:0;text-align:left;font-size:14px;letter-spacing:.06em}.play-ring{display:grid;place-items:center;border:1px solid #d4d4c785;width:58px;height:58px;border-radius:50%;font-size:14px;padding-left:3px;transition:background .2s,color .2s,transform .2s}.play-hero:hover .play-ring{background:var(--ink);color:#101110;transform:scale(1.06)}.play-hero small{font-size:9px;letter-spacing:.2em;display:block;color:#b1b5aa;margin-top:8px}.hero-bottom{position:absolute;bottom:31px;left:var(--page);right:var(--page);display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom p{margin:0;text-align:right;line-height:1.9;font-size:13px;letter-spacing:.1em}.hero-bottom p>span{display:block;font-size:9px;color:#b9baae;letter-spacing:.22em}.scroll-hint{display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:.12em;color:#c3c5ba}.scroll-hint>span{font-size:20px}.hero-side{position:absolute;right:29px;top:48%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.27em;color:#d3d3c6;opacity:.7}
.section-shell{padding:108px var(--page)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:56px}.muted{color:var(--sub)}.section-heading .eyebrow{margin-top:14px}.section-heading h2{font-size:clamp(30px,3.2vw,48px);font-weight:400;letter-spacing:.04em;line-height:1.45;margin:0}.section-intro{font-size:13px;color:var(--sub);line-height:2;margin-top:23px}.feature-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(28px,4.3vw,70px);align-items:center}.film-poster{position:relative;display:block;padding:0;border:0;background:#242923;overflow:hidden;aspect-ratio:16/10;width:100%}.film-poster>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.film-poster:hover>img{transform:scale(1.025)}.poster-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0e0b99,transparent 40%)}.poster-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #eeeeeac4;background:#1a211a40;width:68px;height:68px;border-radius:50%;font-size:17px;padding-left:4px;backdrop-filter:blur(4px);transition:background .2s}.film-poster:hover .poster-play{background:#ededdd;color:#151915}.poster-caption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em}.poster-caption>span{font-size:10px;letter-spacing:.1em}.project-type{color:var(--accent);font-size:10px;letter-spacing:.15em;margin:0 0 18px}.work-description h3{font-size:clamp(27px,2.8vw,42px);font-weight:400;line-height:1.45;letter-spacing:.03em;margin:0 0 20px}.work-description h3>span{color:#b5b8ac}.work-text{font-size:12px;line-height:2.1;color:var(--sub);max-width:340px}.work-meta{font-size:10px;margin:25px 0}.work-meta>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;gap:20px}.work-meta dt{color:#7e8279}.work-meta dd{margin:0;text-align:right}.text-button{background:none;border:0;border-bottom:1px solid #c3c5b6;padding:12px 0;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:46px}.text-button span{font-size:20px}
.stills-heading{display:flex;justify-content:space-between;align-items:center;margin:78px 0 25px}.stills-heading h3{font-size:18px;font-weight:400;letter-spacing:.06em;margin:0}.stills-heading p{font-size:11px;color:var(--sub);margin:0}.stills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.still-card{background:none;border:0;padding:0;text-align:left}.still-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}.still-image>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.still-card:hover img{transform:scale(1.045)}.expand-icon{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;background:#15181580;width:30px;height:30px;border:1px solid #eeeee755;font-size:17px}.still-caption{display:flex;justify-content:space-between;align-items:center;padding-top:17px;gap:10px;font-size:12px}.still-caption>small{color:#83877c;font-size:8px;letter-spacing:.14em}.more-work{border-top:1px solid var(--line);margin-top:66px;padding-top:31px;display:flex;gap:18px;align-items:center}.tiny-cross{font-size:22px;color:#72776b}.more-work p{font-size:13px;margin:0;color:#abafa3}.more-work>span:last-child{margin-left:auto;font-size:8px;letter-spacing:.15em;color:#686e61}
.services{background:#e8e7df;color:#20241d;padding-top:100px;padding-bottom:105px}.services .muted{color:#7e8274}.services .section-intro{color:#747a6b}.services .section-heading{margin-bottom:58px}.service{display:grid;grid-template-columns:65px 1.3fr 1fr 35px;gap:28px;align-items:center;border-top:1px solid #c7cabe;padding:33px 0}.service:last-child{border-bottom:1px solid #c7cabe}.service-number{font-size:10px;color:#808674;align-self:start;padding-top:10px}.service-name h3{font-weight:400;font-size:28px;letter-spacing:.06em;margin:0 0 9px}.service-name>span{font-size:9px;letter-spacing:.17em;color:#8b9182}.service>p{font-size:12px;line-height:1.9;margin:0;color:#707868}.service-mark{font-size:27px;color:#959d8a}
.contact{padding-top:105px;padding-bottom:30px}.contact-main{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;padding:16px 0 94px}.contact h2{font-size:clamp(40px,5.2vw,76px);font-weight:400;line-height:1.35;letter-spacing:.03em;margin:0}.contact h2>span{color:var(--accent)}.contact-info{width:300px}.contact-info>p{font-size:13px;line-height:2;color:#a2a89a;margin:0 0 31px}.contact-info dl{margin:0;font-size:11px}.contact-info dl>div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.contact-info dt{color:#8f9687}.contact-info dd{margin:0;color:#6c7566}footer{border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-wordmark{font-size:22px;letter-spacing:.18em;font-weight:600}.footer-wordmark>span{font-size:8px;font-weight:400;letter-spacing:.11em;display:block;margin-top:8px;color:#909887}footer>p{font-size:9px;color:#68715e}.back-top{font-size:10px;letter-spacing:.06em;color:#a4aa9b}.back-top span{margin-left:18px;font-size:18px}
dialog{padding:22px;border:1px solid #53594d;background:#11150f;color:#efeee8;max-width:calc(100vw - 36px);max-height:calc(100svh - 36px);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#070b07e8;backdrop-filter:blur(8px)}.film-dialog{width:1160px}.gallery-dialog{width:1220px}.dialog-top,.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-top{margin-bottom:18px}.dialog-top h2{font-size:14px;font-weight:400;margin:0;letter-spacing:.06em}.close-button{background:none;border:0;padding:8px;font-size:11px;display:flex;align-items:center;gap:15px}.close-button>span{font-size:26px;line-height:1}#film-player{display:block;width:100%;max-height:72svh;background:#000;aspect-ratio:1.8}.dialog-bottom{font-size:10px;color:#9ea793;margin-top:16px}.gallery-dialog>img{width:100%;max-height:72svh;object-fit:contain;background:#070b07}.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding-top:14px}.gallery-controls>button{width:42px;height:36px;background:none;border:1px solid #404a36;font-size:20px}.gallery-controls>p{font-size:12px;letter-spacing:.1em;margin:0}.gallery-controls small{font-size:10px;color:#8d987e;margin-left:15px}
@media(min-width:1700px){.section-shell{padding-left:max(var(--page),calc((100vw - 1516px)/2));padding-right:max(var(--page),calc((100vw - 1516px)/2))}.hero-copy{padding-left:max(var(--page),calc((100vw - 1516px)/2));max-width:1000px}}
@media(max-width:1000px){.header{height:88px}.brand{width:175px}.navigation{gap:25px}.nav-contact{margin-left:0}.hero{min-height:680px;max-height:870px}.hero-copy{padding-top:190px}.hero h1{font-size:68px}.section-shell{padding-top:80px;padding-bottom:80px}.feature-grid{grid-template-columns:1.3fr 1fr;gap:30px}.section-heading{grid-template-columns:1fr 2.1fr;gap:25px}.work-meta{margin:16px 0}.work-description h3{margin-bottom:10px}.work-text{font-size:11px}.film-poster{aspect-ratio:1.25}.service{grid-template-columns:35px 1fr 1fr 24px;gap:18px}.contact-main{gap:40px}.contact-info{width:270px}}
@media(max-width:700px){:root{--page:24px}html{scroll-padding-top:24px}.header{height:80px}.brand{width:165px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:7px;position:relative;width:40px;height:42px;padding:8px;background:none;border:0;z-index:12}.menu-button span{height:1px;width:24px;background:#eee;transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.navigation{display:none;position:absolute;top:79px;left:0;right:0;padding:24px;background:#11150ff5;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:7px}.navigation.is-open{display:flex}.navigation>a{padding:15px 0}.nav-contact{display:flex;justify-content:space-between}.hero{height:calc(100svh - 10px);min-height:680px;max-height:850px}.hero-image{object-position:61% 40%;opacity:.8}.hero-shade{background:linear-gradient(90deg,#080c0cc9,#080c0c38 94%),linear-gradient(0deg,#0a0d0cef,transparent 55%,#080a0a38)}.hero-copy{padding:175px var(--page) 115px}.hero .eyebrow{font-size:9px;margin-bottom:28px}.hero h1{font-size:clamp(46px,10.7vw,68px);line-height:1.33;letter-spacing:0;margin-bottom:25px}.hero-description{font-size:10px;letter-spacing:.05em}.hero-description span{margin:0 7px}.play-hero{margin-top:36px;font-size:12px;gap:14px}.play-ring{width:50px;height:50px}.play-hero small{font-size:8px}.hero-bottom{bottom:28px}.hero-bottom p{font-size:10px}.hero-bottom p>span{font-size:7px}.scroll-hint{font-size:8px;gap:10px}.hero-side{display:none}.section-shell{padding:65px var(--page)}.section-heading{display:block;margin-bottom:32px}.section-heading .eyebrow{margin:0 0 23px;font-size:9px}.section-heading h2{font-size:32px}.section-intro{font-size:12px;margin-top:19px}.feature-grid{display:flex;flex-direction:column;gap:28px;align-items:stretch}.film-poster{aspect-ratio:16/10}.poster-play{width:56px;height:56px;font-size:14px}.poster-caption{bottom:18px;left:18px;right:18px;font-size:10px}.work-description h3{font-size:30px;line-height:1.4}.work-description h3 br{display:none}.work-description h3 span{margin-left:12px}.project-type{font-size:9px;margin-bottom:12px}.work-text{font-size:12px;max-width:none}.work-meta{margin:20px 0}.text-button{font-size:11px;width:100%;border-color:var(--line)}.stills-heading{margin-top:52px;display:block}.stills-heading h3{font-size:18px}.stills-heading p{margin-top:10px;font-size:10px}.stills-grid{grid-template-columns:1fr;gap:26px}.still-image{aspect-ratio:16/9}.still-caption{padding-top:12px;font-size:12px}.still-caption>small{font-size:8px}.more-work{margin-top:38px;padding-top:22px;gap:12px}.more-work>span:last-child{display:none}.more-work p{font-size:12px}.services .section-heading{margin-bottom:35px}.service{grid-template-columns:26px 1fr 20px;padding:27px 0;gap:8px 12px}.service-number{padding-top:6px}.service-name h3{font-size:24px}.service-name>span{font-size:8px}.service>p{grid-column:2;grid-row:2;font-size:11px;margin-top:7px}.service-mark{grid-row:1;grid-column:3;font-size:22px}.contact .eyebrow{font-size:9px;margin-bottom:25px}.contact-main{display:block;padding:0 0 48px}.contact h2{font-size:clamp(36px,9.8vw,55px)}.contact-info{width:100%;margin-top:35px}.contact-info>p{font-size:12px;margin-bottom:20px}footer{flex-wrap:wrap;align-items:end;padding-top:25px;gap:20px}.footer-wordmark{font-size:21px}footer>p{width:100%;order:3;font-size:8px;margin:0}.back-top{font-size:9px}.film-dialog,.gallery-dialog{padding:12px;max-width:calc(100vw - 16px);max-height:calc(100svh - 20px);width:100%}.dialog-top{margin-bottom:10px}.dialog-top h2{font-size:12px}.dialog-bottom{font-size:8px;gap:8px}.gallery-controls>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.hero:has(.hero-more-film){height:auto;min-height:clamp(700px,100svh,900px);max-height:none}
.hero-more-film{display:flex;align-items:center;gap:20px;background:transparent;border:0;border-bottom:1px solid #d4d4c744;padding:10px 0;margin-top:18px;font-size:11px;letter-spacing:.06em;text-align:left;color:#d2d3cb}.hero-more-film>span{color:var(--accent);font-size:10px;white-space:nowrap}.hero-more-film>span>span{font-size:17px;margin-left:10px}.hero-more-film:hover{color:#fff;border-color:var(--accent)}
.contact-person + .contact-person{margin-top:28px}.contact-person h3{margin:0 0 2px;font-size:17px;font-weight:400;letter-spacing:.12em}.contact-person dl>div{gap:16px;padding:13px 0}.contact-person dd{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.02em}.contact-person dd>a{display:inline-block;padding:3px 0}.contact-person dd>a:hover{color:var(--accent)}.contact-person dd span{margin-left:8px;color:var(--accent)}
/* Cropped display frames keep the original supplied images intact. */
#gallery-frame{position:relative;overflow:hidden;margin-inline:auto;background:#070b07;max-width:100%}
#gallery-frame>img{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill}
.home-current{margin-top:84px;padding-top:43px;border-top:1px solid var(--line)}
.home-current-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.home-current-card{display:block;min-width:0}.home-current-visual{display:block;position:relative;aspect-ratio:1417/827;overflow:hidden;background:#20241e}
.home-current-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.home-current-card:hover .home-current-visual>img{transform:scale(1.035)}
.home-current-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080a08bd,transparent 45%)}
.home-current-entry{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em}.home-current-entry>span{font-size:24px}
.home-current-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px;font-size:10px;letter-spacing:.1em;color:var(--accent)}.home-current-meta>span{color:var(--sub);font-size:9px}.home-current-meta>span:before{content:"";display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;margin-right:8px;vertical-align:2px}
.home-current-card h4{font-size:clamp(25px,2.6vw,36px);font-weight:400;margin:12px 0;line-height:1.45;letter-spacing:.04em}.home-current-card>p{font-size:12px;color:var(--sub);line-height:1.9;margin:0}
.home-myth-poster{background:#271c18}.home-myth-poster>img{object-fit:contain}.home-current-card:hover .home-myth-poster>img{transform:none}
@media(max-width:1000px) and (min-width:701px){.home-current-grid{gap:22px}}
@media(max-width:700px){.home-current{margin-top:52px;padding-top:31px}.home-current-grid{grid-template-columns:1fr;gap:36px}.home-current-meta{margin-top:20px}.home-current-card h4{font-size:29px;margin:10px 0}.home-current-entry{left:22px;right:22px;bottom:18px}}
/* Additional films share the existing cinematic visual language. */
.brand-partners{background:#efeee8;color:#292d26;padding-top:48px;padding-bottom:30px}.brand-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.brand-heading h2{margin:0;font-size:25px;font-weight:400;letter-spacing:.08em}.brand-heading p{font-size:9px;letter-spacing:.16em;color:#858b7e;margin:0}.brand-grid{list-style:none;margin:35px 0 44px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 42px}.brand-grid li{min-width:0;height:74px;display:flex;align-items:center;justify-content:center}.brand-grid img{width:100%;height:100%;max-width:135px;max-height:66px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s}.brand-grid li:hover img{filter:none;opacity:1}.brand-partners footer{border-color:#292d2626}.brand-partners .footer-wordmark{font-size:20px}.brand-partners .footer-wordmark>span,.brand-partners footer>p,.brand-partners .back-top{color:#747d6c}
@media(max-width:1000px){.brand-grid{gap:20px 27px}}
@media(max-width:700px){.brand-partners{padding-top:35px;padding-bottom:28px}.brand-heading{align-items:baseline;gap:15px}.brand-heading h2{font-size:22px}.brand-heading p{font-size:7px;letter-spacing:.07em;max-width:132px;line-height:1.8;text-align:right}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px;margin:24px 0 32px}.brand-grid li{height:62px}.brand-grid img{max-height:48px}.contact:has(+.brand-partners){padding-bottom:15px}}
.navigation{gap:26px}.nav-contact{margin-left:8px}.nav-contact span{margin-left:12px}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.project-card{min-width:0}.project-card .film-poster{aspect-ratio:16/9}.project-card .film-poster>img{object-fit:contain;background:#080908}
.project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:27px}.project-caption .project-type{margin-bottom:10px}.project-caption h3{font-size:clamp(24px,2.6vw,36px);font-weight:400;margin:0;letter-spacing:.02em}.project-caption h3 span{font-size:.6em;color:var(--sub);margin-left:12px}.project-index{font-size:12px;color:#777f70;font-variant-numeric:tabular-nums}.project-synopsis{font-size:12px;line-height:2;color:var(--sub);margin:16px 0 0}.more-work>a{margin-left:auto;font-size:12px;color:var(--accent)}
@media(max-width:1000px){.navigation{gap:20px;font-size:12px}}
@media(max-width:700px){.navigation{gap:7px}.project-grid{grid-template-columns:1fr;gap:42px}.project-caption{margin-top:21px}.project-caption h3{font-size:28px}.project-synopsis{font-size:11px}.more-work{flex-wrap:wrap}.more-work>a{font-size:11px}}
/* A project is a single entry; its film and stills live on the project page. */
.home-drama{margin-top:84px;padding-top:43px;border-top:1px solid var(--line)}
.home-drama-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:31px}.home-drama-heading .eyebrow{font-size:9px;margin-bottom:15px}.home-drama-heading h3{font-size:29px;font-weight:400;letter-spacing:.06em;margin:0}.home-drama-heading>a{font-size:11px;color:var(--accent);padding:8px 0}.home-drama-heading>a span{font-size:19px;margin-left:14px}
.home-drama-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.home-drama-card{display:block;min-width:0}.home-drama-poster{display:block;aspect-ratio:2/3;background:#1a1b19;overflow:hidden;border:1px solid var(--line);transition:border-color .25s,transform .25s}.home-drama-poster img{width:100%;height:100%;object-fit:contain}.home-drama-card:hover .home-drama-poster{border-color:var(--accent);transform:translateY(-4px)}.home-drama-category{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;letter-spacing:.12em;color:var(--accent)}.home-drama-category>span{font-size:20px;line-height:1}.home-drama-card h4{font-size:clamp(15px,1.6vw,22px);line-height:1.65;font-weight:400;letter-spacing:.025em;margin:9px 0 0}
@media(max-width:1000px){.home-drama-grid{gap:19px}}
.home-drama-card .home-drama-summary{font-size:12px;line-height:1.85;color:var(--sub);margin:10px 0 0}
@media(max-width:700px){.home-drama{margin-top:52px;padding-top:31px}.home-drama-heading{margin-bottom:25px;gap:16px}.home-drama-heading h3{font-size:25px}.home-drama-heading>a{font-size:10px}.home-drama-heading>a span{margin-left:6px}.home-drama-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.home-drama-category{margin-top:14px;font-size:9px}.home-drama-card h4{font-size:15px;line-height:1.65;margin-top:6px}}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.portfolio-card{display:block;min-width:0}.portfolio-image{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#080908}.portfolio-image>img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.portfolio-card:hover .portfolio-image>img{transform:scale(1.035)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#050805b3,transparent 45%)}.portfolio-entry{position:absolute;left:20px;bottom:18px;font-size:11px;letter-spacing:.08em;display:flex;align-items:center;gap:14px}.portfolio-entry>span{font-size:22px;transition:transform .2s}.portfolio-card:hover .portfolio-entry>span{transform:translate(3px,-3px)}.portfolio-duration{position:absolute;right:20px;bottom:24px;font-size:10px;color:#c7cbbe;letter-spacing:.1em}.portfolio-category{display:block;color:var(--accent);font-size:10px;letter-spacing:.1em;margin-top:26px}.portfolio-card h3{font-size:clamp(23px,2.6vw,36px);font-weight:400;letter-spacing:.03em;line-height:1.45;margin:13px 0}.portfolio-card h3>span{font-size:.6em;color:var(--sub);margin-left:6px}.portfolio-card>p{font-size:12px;line-height:1.9;color:var(--sub);margin:0}
@media(max-width:1000px){.portfolio-grid{gap:19px}.portfolio-entry{left:14px;font-size:10px;gap:8px}.portfolio-duration{right:14px;font-size:9px}}
@media(max-width:700px){.portfolio-grid{grid-template-columns:1fr;gap:43px}.portfolio-image{aspect-ratio:16/9}.portfolio-entry{left:20px;font-size:12px;gap:14px}.portfolio-duration{right:20px;font-size:10px}.portfolio-category{margin-top:21px;font-size:10px}.portfolio-card h3{font-size:29px;margin:10px 0}.portfolio-card>p{font-size:12px}}