.international { font-family: Manrope, "PingFang SC", "Microsoft YaHei", "Leelawadee UI", Tahoma, sans-serif; }
.international .local-header { position: static; inset: auto; background: none; width: var(--shell); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem 0; border-bottom: 1px solid var(--hair); }
.international .local-header .language-links { width: auto; margin: 0; gap: .5rem; }
.international main { width: min(1280px, 92vw); margin: auto; }
.international .local-hero { padding: clamp(3rem,7vw,7rem) 0; }
.international h1 { font-size: clamp(2.3rem,5vw,5.5rem); line-height: 1.15; max-width: 18ch; text-wrap: balance; letter-spacing: -.025em; margin: 1.2rem 0 2rem; }
.international:lang(zh) h1, .international:lang(th) h1 { max-width: 22ch; line-height: 1.4; letter-spacing: normal; }
.international .local-lead { max-width: 65ch; font-size: clamp(1.05rem,1.6vw,1.4rem); line-height: 1.85; color: #b9b9c0; }
.international .local-actions { display: flex; flex-wrap: wrap; gap: 1rem; margin: 2rem 0; }
.international section { padding: 3rem 0; scroll-margin-top: 2rem; }
.international h2 { font-size: clamp(1.8rem,3vw,3rem); line-height: 1.5; margin: 0 0 1.5rem; }
.international h3 { font-size: 1.3rem; margin: 0 0 1rem; }
.international .local-services { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.international article, .international .local-steps li { padding: 1.6rem; border: 1px solid var(--hair); border-radius: 18px; background: var(--raised); }
.international p { line-height: 1.85; }
.international article p { color: #b9b9c0; }
.international article a { text-decoration: underline; text-underline-offset: .3em; }
.international .local-work { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.3rem; }
.international figure { margin: 0; }
.international video { width: 100%; aspect-ratio: 4/5; object-fit: contain; background: #101012; border-radius: 16px; }
.international figcaption { padding: 1rem 0; }
.international .local-steps { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; padding: 0; }
.international .local-steps span { color: #999; display: block; margin-bottom: 1rem; }
.international details { padding: 1.3rem 0; border-bottom: 1px solid var(--hair); }
.international summary { cursor: pointer; font-size: 1.15rem; font-weight: 700; }
.international details p { color: #b9b9c0; max-width: 75ch; }
.international .local-contact { border-top: 1px solid var(--hair); margin-top: 2rem; }
.international footer { padding: 2rem 4vw; text-align: center; }
@media(max-width:700px) { .international .local-header { flex-wrap: wrap; } .international .local-header .language-links { font-size: .85rem; } .international .local-services, .international .local-work, .international .local-steps { grid-template-columns: 1fr; } .international video { max-height: 65svh; } }
/* Cinematic local-language landing pages, using first-party project artwork. */
.international { background: #080809; }
.international .local-header { position: relative; z-index: 2; border-bottom: 0; padding-block: 1.3rem; }
.international .local-header .wordmark { font-weight: 800; letter-spacing: -.05em; font-size: 1.4rem; gap: .7rem; }
.international .local-header .language-links { border: 1px solid #ffffff24; border-radius: 999px; background: #ffffff08; padding: .25rem .45rem; backdrop-filter: blur(16px); }
.international .local-header .language-links a { padding: .5rem .8rem; font-size: .85rem; border-radius: 999px; transition: background .2s; }
.international .local-header .language-links a[aria-current="page"] { background: #ffffff15; text-decoration: none; color: #fff; }
.international .local-header .language-links a:hover { background: #ffffff20; }
.international main { width: min(1440px, 92vw); }
.international .local-hero { position: relative; isolation: isolate; padding: clamp(4rem,8vw,7.5rem) 0 clamp(4rem,7vw,6rem); min-height: min(780px, 84svh); display: flex; align-items: center; }
.international .local-backdrop { position: absolute; z-index: -1; top: -100px; bottom: 0; left: calc((100vw - 100%) / -2); right: calc((100vw - 100%) / -2); overflow: hidden; }
.international .local-backdrop img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 70% 50%; }
.international .local-backdrop::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,5,8,.91),rgba(5,5,8,.69) 47%,rgba(5,5,8,.12)),linear-gradient(0deg,#080809 0%,transparent 40%,rgba(5,5,8,.2)); }
.international .local-hero-content { width: min(820px, 75%); }
.international .local-eyebrow { display: inline-block; color: #d6d4e1; font-size: .8rem; letter-spacing: .1em; margin: 0; }
.international h1 { font-size: clamp(2.8rem,5.2vw,5.7rem); font-weight: 800; line-height: 1.08; margin: 1.4rem 0 1.8rem; letter-spacing: -.055em; max-width: 17ch; }
.international:lang(zh) h1, .international:lang(th) h1 { font-size: clamp(2.3rem,4.4vw,4.7rem); line-height: 1.35; max-width: 19ch; }
.international .local-hero .local-lead { font-size: clamp(1rem,1.3vw,1.18rem); line-height: 1.85; max-width: 58ch; color: #e0dfe6; }
.international .local-actions { margin: 2rem 0 0; }
.international .local-actions .cta { padding: 1rem 1.4rem; min-height: 52px; }
.international .local-actions .outline { background: #ffffff0d; border-color: #ffffff40; backdrop-filter: blur(12px); }
.international .local-intro { display: grid; grid-template-columns: 1fr 1.4fr; gap: 3rem; align-items: start; padding: 2.5rem 0 3.5rem; border-bottom: 1px solid #ffffff20; }
.international .local-intro .mono { color: #8d899b; font-size: .7rem; line-height: 1.9; padding-top: .5rem; }
.international .local-intro p { margin: 0; font-size: 1rem; color: #bdbbc5; }
.international section:not(.local-hero) { padding-block: clamp(3.5rem,7vw,6rem); }
.international h2 { font-size: clamp(2rem,3.3vw,3.6rem); line-height: 1.25; font-weight: 800; letter-spacing: -.045em; margin-bottom: 2.2rem; }
.international:lang(zh) h2, .international:lang(th) h2 { letter-spacing: normal; line-height: 1.5; }
.international .local-services { gap: 1.1rem; }
.international article { padding: clamp(1.5rem,3vw,2.6rem); border-color: #ffffff1c; background: linear-gradient(145deg,#17161c,#0c0c10); border-radius: 20px; display: flex; flex-direction: column; align-items: start; transition: border-color .2s, transform .2s; }
.international article:hover { border-color: #b3a3d764; transform: translateY(-3px); }
.international .local-service-index { color: #a597bb; margin-bottom: 1.8rem; }
.international article h3 { font-size: clamp(1.25rem,1.8vw,1.7rem); font-weight: 750; }
.international article a { margin-top: auto; padding-top: 1rem; font-size: .9rem; }
.international .local-work { gap: 1.4rem; margin-bottom: 2rem; }
.international .local-work figure { min-width: 0; }
.international .local-work video { display: block; object-fit: cover; border: 1px solid #ffffff20; border-radius: 20px; box-shadow: 0 18px 50px #0005; }
.international figcaption a { display: flex; justify-content: space-between; font-size: 1rem; font-weight: 700; }
.international .local-steps li { border: 0; border-top: 1px solid #ffffff35; border-radius: 0; padding: 1.8rem 1.2rem 0 0; background: transparent; }
.international .local-steps span { font-family: "IBM Plex Mono",monospace; color: #a597bb; }
.international .local-steps p { color: #aaa8b3; }
.international details { padding: 1.7rem 0; }
.international summary { line-height: 1.6; }
.international .local-contact { position: relative; padding: clamp(2rem,5vw,4rem) !important; margin-bottom: 4rem; border: 1px solid #ffffff25; border-radius: 24px; background: radial-gradient(ellipse at 100% 0%,#3a284e66,transparent 70%),#101014; }
.international footer { border-top: 1px solid #ffffff16; color: #a7a4af; }
@media(max-width: 900px) { .international .local-hero-content { width: 90%; } .international .local-intro { grid-template-columns: 1fr; gap: 1rem; } }
@media(max-width: 700px) {
 .international .local-header { gap: .85rem; padding-block: 1rem; }
 .international .local-header .language-links { gap: .1rem; }
 .international .local-header .language-links a { padding: .4rem .7rem; font-size: .8rem; }
 .international .local-hero { min-height: 0; padding: 4rem 0 3.5rem; }
 .international .local-hero-content { width: 100%; }
 .international .local-backdrop { top: -155px; }
 .international .local-backdrop img { object-position: 62% center; }
 .international .local-backdrop::after { background: linear-gradient(90deg,#080809df,#08080988),linear-gradient(0deg,#080809,transparent 65%); }
 .international h1 { font-size: clamp(2.7rem,9vw,4rem); }
 .international:lang(zh) h1, .international:lang(th) h1 { font-size: clamp(2.2rem,8vw,3.3rem); }
 .international .local-actions { gap: .7rem; }
 .international .local-intro { padding-block: 1.5rem 2.5rem; }
 .international .local-work video { object-fit: contain; }
}
@media(prefers-reduced-motion: reduce) { .international article { transition: none; } .international article:hover { transform: none; } }