/* V6 — deep indigo surfaces and a clear violet action color. */
:root{--plum:#b8adff;--accent:#6553c7;--accent-hover:#7563db;--accent-light:#c1b8ff;--accent-line:#595781;--accent-surface:#202337}
.header .deck-nav,.hero h1 em,.service-num,.service-list details[open] h3,.studio-note .note-label,.ip-note .eyebrow{color:var(--accent-light)}
.header-contact,.hero-contact,.floating-contact,.contact-section .solid-button{background:var(--accent);color:#fff}
.header-contact:hover,.hero-contact:hover,.floating-contact:hover,.contact-section .solid-button:hover{background:var(--accent-hover)}
.dot{background:var(--accent-light)}
.hero-ctas .text-link,.deck-language-link,.more-work-row .text-link{color:#ddd8ff;border-color:var(--accent-line)}
.hero-ctas .text-link:hover,.deck-language-link:hover,.more-work-row .text-link:hover{background:var(--accent-surface);border-color:#a99deb}
.hero-work-link .text-link{color:#ddd8ff}.deck-compact{border-color:#3b3e58}.deck-language-link>span:last-child{color:var(--accent-light)}
.filter-row{border-color:#363949}.filter-row button.active{background:#dcd9f5;color:#24213d}
.work-meta{color:#aaa7c4}.work-card:hover .work-image,.work-card:focus-visible .work-image{border-color:#a99deb}
.social-link{background:#202337;border-color:#4d506d;color:#f0effa}.social-link:hover{background:#292d45;border-color:#9390c4}.social-link>span:last-child,.social-link small{color:#c1bcdf}
.full-reel-button{background:#292a45;border-color:#74729d}.ai-video-stage{background:#181a28}
.onset-caption,.brand-strip-heading button,.press-meta,.press-arrow,.press-more summary{color:#b9b5d6}.press-row:hover h3,.press-row:focus-visible h3{color:#c1b8ff}.press-row:focus-visible{outline-color:#b8adff}
.case-copy .text-link{color:#c1b8ff}.case-facts{border-color:#43435f}
.contact-section{background:#f0f1f8;border-color:#d8dbea}.contact-intro .eyebrow,.email-link,.contact-section .text-link:hover{color:#51429c}
.contact-section input,.contact-section select,.contact-section textarea{border-color:#d5d7e5}.contact-section .form-result{background:#e3e3f3}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#b8adff}

@media(max-width:360px){.header{padding-inline:16px;gap:8px}.header .brand{width:132px;flex-basis:132px}.header-actions{gap:6px}.header .language{width:74px;padding-left:0;padding-right:12px}}

@media(max-width:950px){.header nav{background:#181b29;border-color:#3b3e58}}

/* Chinese deck label keeps its own typeface in every UI language. */
.deck-language-link .deck-chinese-label{font-family:"TEAM91 Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:500;font-style:normal;letter-spacing:0;line-height:1.5;font-synthesis:none}

/* V7 revised — solid deep purple; pearl and cloud gradients removed. */
:root{--plum:#b28acb;--accent:#4b1268;--accent-hover:#601d7d;--accent-light:#b28acb;--accent-line:#613169;--accent-surface:#28132e;--cloud-action:#4b1268}
.header-contact,.hero-contact,.floating-contact,.contact-section .solid-button{background:var(--cloud-action);border:1px solid #68367d;box-shadow:none;color:#fff}
.header-contact:hover,.hero-contact:hover,.floating-contact:hover,.contact-section .solid-button:hover{background:#601d7d;border-color:#825197;box-shadow:none}
.hero-ctas .text-link,.deck-language-link,.more-work-row .text-link{color:#e4c7ea;border-color:#613169}
.hero-ctas .text-link:hover,.deck-language-link:hover,.more-work-row .text-link:hover{background:#301537;border-color:#9f49ab}
.hero-work-link .text-link{color:#e4c7ea}.deck-compact{border-color:#45284b}.filter-row{border-color:#402a46}.filter-row button.active{background:#e2c3eb;color:#3a1044}
.work-meta{color:#bdadc2}.work-card:hover .work-image,.work-card:focus-visible .work-image{border-color:#ad53bb}
.social-link{background:#26172c;border-color:#55325f;color:#f5eaf8}.social-link:hover{background:#361b40;border-color:#a05caf}.social-link>span:last-child,.social-link small{color:#d1b5da}
.full-reel-button{background:var(--cloud-action);border-color:#68367d;box-shadow:none}.ai-video-stage{background:#1c1420}
.onset-caption,.brand-strip-heading button,.press-meta,.press-arrow,.press-more summary{color:#cab3d2}.press-row:hover h3,.press-row:focus-visible h3,.case-copy .text-link{color:#b28acb}.case-facts{border-color:#523159}
.contact-section{background:#f5eff7;border-color:#e2d3e8}.contact-intro .eyebrow,.email-link,.contact-section .text-link:hover{color:#75168b}.contact-section input,.contact-section select,.contact-section textarea{border-color:#dbcae2}.contact-section .form-result{background:#ecdef1}
a:focus-visible,button:focus-visible,summary:focus-visible,.press-row:focus-visible{outline-color:#b28acb}
@media(max-width:950px){.header nav{background:#201523;border-color:#45284b}}

/* Contact details and visible optional production fields. */
.contact-office{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:30px 0}.contact-office div{min-width:0}.contact-office dt{font-size:12px;font-weight:600;color:#755c80;margin-bottom:7px}.contact-office dd{margin:0;font-size:15px;line-height:1.7;color:#322638}.contact-office a{color:inherit;text-decoration:none}.contact-office a:hover{text-decoration:underline}.contact-office .office-address{grid-column:1/-1}.contact-office address{font-style:normal;max-width:38ch;overflow-wrap:anywhere}.contact-options{margin-top:20px}.contact-options>div{padding-top:0}.contact-options select,.contact-options input{min-width:0}
@media(max-width:380px){.contact-office{grid-template-columns:1fr;gap:16px}}

/* Keep currency labels clear of the native select arrow. */
.contact-section .budget-row{grid-template-columns:116px minmax(0,1fr) 15px minmax(0,1fr)}
.contact-section .budget-row select[name="currency"]{width:100%;min-width:116px;padding-left:12px;padding-right:30px;box-sizing:border-box}
@media(max-width:600px){.contact-section .budget-row{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr);gap:10px}.contact-section .budget-row select[name="currency"]{grid-column:1/-1;width:128px;min-width:128px}}

/* Chinese text in the native language picker, including its open menu. */
.header #language{font-family:"Pretendard","TEAM91 Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}
.header #language option[value="zh"],html[lang="zh-CN"] .header #language{font-family:"TEAM91 Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;font-weight:500;font-style:normal;letter-spacing:0;font-synthesis:none}

/* Extra room for currency code, symbol and native dropdown arrow. */
.contact-section .budget-row{grid-template-columns:144px minmax(0,1fr) 15px minmax(0,1fr)}
.contact-section .budget-row select[name="currency"]{width:144px;min-width:144px;padding-left:12px;padding-right:32px;letter-spacing:0;text-indent:0}
@media(max-width:600px){.contact-section .budget-row{grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr)}.contact-section .budget-row select[name="currency"]{grid-column:1/-1;width:144px;min-width:144px}}

/* Restored source details stay inside the project dialog. */
.case-synopsis{line-height:1.85;overflow-wrap:anywhere}.case-services{columns:2;column-gap:24px}.case-services li{break-inside:avoid}.case-media-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:14px 0 28px}.case-media-links a{min-height:44px;display:inline-flex;align-items:center}.case-gallery{border-top:1px solid #50325b;padding-top:18px;margin-top:28px}.case-gallery summary{cursor:pointer;padding:12px 0;color:#d9bfdf}.case-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.case-gallery-grid a{display:flex;justify-content:center;align-items:center;background:#17141b;min-width:0;padding:8px}.case-gallery-grid img{display:block;width:auto;height:auto;max-width:100%;max-height:320px;object-fit:contain}.case-awards{line-height:1.8}
@media(max-width:600px){.case-services{columns:1}.case-gallery-grid{grid-template-columns:1fr}.case-gallery-grid img{max-height:360px}}

/* 2026-09-22: wider showreel and touch access */
.mobile-nav-contact{display:none}
@media(min-width:1100px){.hero-film{width:min(calc(100vw - 32px),1920px);max-width:none;position:relative;left:50%;transform:translateX(-50%)}}
@media(max-width:900px){#navigation .mobile-nav-contact{display:flex;align-items:center;min-height:48px;color:#d9bfdf}}
@media(pointer:coarse){.work-card .card-arrow{opacity:1;transform:none}}
@media(max-width:600px){.work-card h3{font-size:16px;line-height:1.45}.work-card>p{font-size:13px;line-height:1.6}}

#case-dialog>.dialog-close{position:sticky;top:12px;right:auto;display:flex;margin:12px 12px -56px auto;z-index:5}