.holding-mark{display:grid;grid-template-columns:150px minmax(0,1fr);gap:30px;align-items:start;margin-top:48px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.holding-mark b{color:var(--gold);font:500 10px/1.5 var(--mono);letter-spacing:.12em}.holding-mark h3{margin:0 0 12px;font:400 34px/1.08 var(--display);letter-spacing:-.04em}.holding-mark p{margin:0;max-width:600px;color:var(--muted)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.portfolio-card{min-height:230px;padding:28px 25px;background:var(--cloud);border:1px solid #d7dfdb;border-radius:var(--radius)}.portfolio-card h3{margin:21px 0 12px;font:400 28px/1.08 var(--display);letter-spacing:-.035em}.portfolio-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.portfolio-card span{display:inline-block;margin-top:24px;color:#597068;font:500 10px var(--mono);letter-spacing:.08em}@media(max-width:760px){.holding-mark,.portfolio-grid{grid-template-columns:1fr}.holding-mark{gap:14px}.portfolio-card{min-height:auto}}
.service-card .service-action{display:inline-flex;margin-top:23px;color:var(--ink);font:600 12px var(--body);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}.service-card .service-action:hover{color:#705d37}.service-card .service-system{display:block;margin-top:21px;padding-top:16px;border-top:1px solid var(--line);color:#66746e;font-size:11px;line-height:1.65}
.audience-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}.audience-links a{display:flex;min-height:180px;padding:28px;background:var(--ink);color:#fff;border-radius:var(--radius);flex-direction:column;justify-content:flex-end}.audience-links a:hover{background:var(--ink-soft)}.audience-links .eyebrow{color:#d3be89}.audience-links b{display:block;margin-top:19px;font:400 29px/1.08 var(--display);letter-spacing:-.035em}.audience-links small{margin-top:12px;color:#d4dde2;font-size:12px;line-height:1.65}@media(max-width:760px){.audience-links{grid-template-columns:1fr}}
.hero--best{position:relative;overflow:hidden;background:var(--ink);color:#fff}.best-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;opacity:.58;filter:brightness(.72) saturate(.86);transition:filter .7s ease,transform 8s ease}.hero--best:hover .best-hero-art{filter:brightness(.88) saturate(.98);transform:scale(1.035)}.hero--best:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11203cf5 0%,#11203ce8 39%,#11203c9c 58%,#11203c35 100%);z-index:1}.hero--best .hero-grid{position:relative;z-index:2}.hero--best h1{color:#fff}.hero--best h1 em{color:#a8d0d7}.hero--best .hero-copy{color:#e5ecee}.hero--best .button{background:#fbfaf5;color:var(--ink)}.hero--best .button:hover{background:var(--violet);color:#fff}.hero--best .button--ghost{background:transparent;border-color:#ffffff78;color:#fff}.hero--best .hero-note{max-width:315px;padding:0;background:transparent;border:0;border-radius:0;color:#dbe5e9;box-shadow:none}.hero--best .hero-note strong{color:#a8d0d7}.image-caption{margin:20px 0 0;color:#c3d0d5;font-size:10px;line-height:1.5}@media(max-width:820px){.hero--best{padding-top:340px;background:var(--ink)}.best-hero-art{height:340px;object-position:67% center;opacity:.72}.hero--best:after{background:linear-gradient(180deg,#11203c20 0%,#11203c42 48%,#11203cf2 100%)}.hero--best .hero-grid{gap:24px}.hero--best .hero-note{max-width:560px}}@media(max-width:560px){.hero--best{padding-top:280px}.best-hero-art{height:280px;object-position:70% center}}
.hero--organization{position:relative;overflow:hidden}.organization-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.26;filter:grayscale(.2) saturate(.72) contrast(1.05)}.hero--organization:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11203cf8 0%,#11203ce8 46%,#11203c9c 100%);pointer-events:none}.hero--organization .shell{position:relative;z-index:1}.hero--organization .hero-copy{color:#e5ecee}.hero--organization .hero-note{color:#dbe5e9}.hero--organization .hero-note strong{color:#a8d0d7}.hero--organization .button--ghost{border-color:#ffffff78;color:#fff}@media(max-width:820px){.organization-hero-art{height:300px;opacity:.48;object-position:center top}.hero--organization{padding-top:300px}.hero--organization:after{background:linear-gradient(180deg,#11203c28 0%,#11203c58 45%,#11203cf5 100%)}}@media(max-width:560px){.organization-hero-art{height:250px}.hero--organization{padding-top:250px}}
.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px}.location-card{min-height:258px;padding:30px 28px;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--gold)}.location-card h3{margin:18px 0 14px;font:400 38px/1 var(--display);letter-spacing:-.04em}.location-card address{font-style:normal;color:var(--muted);font-size:14px;line-height:1.8}@media(max-width:760px){.location-grid{grid-template-columns:1fr}.location-card{min-height:auto}}
.service-lanes{margin-top:54px;border-top:1px solid var(--line)}.service-lanes article{display:grid;grid-template-columns:155px minmax(0,1fr) minmax(220px,.7fr) auto;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.service-lanes span{color:var(--gold);font:500 10px/1.4 var(--mono);letter-spacing:.12em}.service-lanes h3{margin:0;font:400 31px/1.05 var(--display);letter-spacing:-.04em}.service-lanes p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.service-lanes a{white-space:nowrap;color:var(--ink);font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.service-lanes a b{margin-left:8px;color:var(--gold);font-size:17px}@media(max-width:820px){.service-lanes article{grid-template-columns:1fr 1fr;gap:12px 24px}.service-lanes p{grid-column:1/-1}.service-lanes a{grid-column:1/-1;margin-top:4px}}@media(max-width:560px){.service-lanes article{grid-template-columns:1fr}.service-lanes p,.service-lanes a{grid-column:auto}}

/* Careers page — editorial image sequence (page-scoped, new classes only;
   nothing here is referenced by any other page). Four distinct approved
   assets, one purposeful role each: team belonging, training/development,
   operational craft, and a calm closing invitation. No two adjacent frames
   share a photo, and each frame gets its own crop/aspect and caption
   treatment instead of a repeated grid of identical cards. */
.career-editorial{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin-top:48px;align-items:start}
.career-frame{position:relative;margin:0;overflow:hidden;border-radius:var(--radius)}
.career-frame img{display:block;width:100%;transition:filter .5s ease,transform 1.1s ease}
.career-tag{display:block;margin-bottom:5px;color:var(--gold);font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.career-frame--wide{aspect-ratio:3/2;background:var(--ink)}
.career-frame--wide img{height:100%;object-fit:cover;object-position:center 30%;filter:brightness(.87) saturate(.92)}
.career-frame--wide figcaption{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;background:linear-gradient(0deg,#11203cf2 0%,#11203c00 100%);color:#e7ecef;font-size:12px;line-height:1.55}
.career-frame--detail{background:var(--paper);border:1px solid var(--line);padding:12px 12px 16px}
.career-frame--detail img{aspect-ratio:1/1;object-fit:cover;border-radius:1px}
.career-frame--detail figcaption{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.6}
.career-frame:hover img{filter:brightness(1) saturate(1);transform:scale(1.035)}
.career-frame--cinema{margin-top:20px;aspect-ratio:21/8;background:var(--ink)}
.career-frame--cinema img{height:100%;object-fit:cover;object-position:center 35%;filter:brightness(.87) saturate(.92)}
.career-frame--cinema figcaption{position:absolute;left:0;right:0;bottom:0;padding:20px 24px;background:linear-gradient(0deg,#11203cf2 0%,#11203c00 100%);color:#e7ecef;font-size:12px;line-height:1.55}
.career-invite{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:44px;align-items:center}
.career-invite .career-frame{border:1px solid var(--line);background:#0d1830}
.career-invite .career-frame img{aspect-ratio:16/11;height:auto;object-fit:cover;object-position:66% 40%;filter:saturate(.94)}
.career-invite figcaption{margin:14px 2px 0;color:var(--muted);font-size:11px;line-height:1.6}
.career-invite .section-intro{margin-top:0}
@media(max-width:820px){
.career-editorial{grid-template-columns:1fr;gap:16px}
.career-frame--wide{aspect-ratio:4/3}
.career-frame--cinema{aspect-ratio:16/10;margin-top:16px}
.career-invite{grid-template-columns:1fr;gap:26px}
.career-invite .career-frame img{aspect-ratio:16/10}
}
@media(max-width:560px){
.career-frame--wide{aspect-ratio:1/1}
.career-frame--cinema{aspect-ratio:1/1}
.career-frame--wide figcaption,.career-frame--cinema figcaption{padding:16px 16px}
.career-frame--detail{padding:10px 10px 14px}
}
/* Thai vowel and tone marks need more breathing room than the Latin-tuned
   .95 line-height on .hero h1/.section-title provides — scoped to this page
   only via the body class below so no other page's rhythm shifts. */
.page-careers .hero h1,.page-careers .section-title{line-height:1.14}
.page-careers .hero-copy,.page-careers .section-intro{line-height:1.9}

/* Contact hub: each public channel has a defined role. This deliberately
   avoids placeholder social icons and keeps sensitive follow-up off public DMs. */
.contact-hero .hero-note{border-color:#cad8d7;background:#f8f6ee}.official-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:50px;background:var(--line);border:1px solid var(--line)}.official-channel-card{display:flex;min-height:300px;padding:28px;background:var(--paper);color:var(--ink);flex-direction:column;transition:background .24s ease,transform .24s ease}.official-channel-card:hover{background:#eef3f0;transform:translateY(-3px)}.official-channel-card>span,.contact-topic-grid span{color:var(--gold);font:500 10px var(--mono);letter-spacing:.13em}.official-channel-card h3{margin:27px 0 12px;font:400 34px/1.04 var(--display);letter-spacing:-.04em}.official-channel-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.official-channel-card b{display:block;margin-top:auto;padding-top:28px;color:var(--ink);font:500 12px var(--body);word-break:break-word}.official-channel-card b i{color:var(--gold);font-size:19px;font-style:normal}.official-channel-card small{margin-top:9px;color:#67756f;font-size:11px;line-height:1.5}.contact-boundary{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;margin-top:1px;padding:23px 28px;background:#eef3f0;border:1px solid #d5e0da}.contact-boundary b{font:500 11px var(--mono);letter-spacing:.09em;text-transform:uppercase}.contact-boundary p{margin:0;color:#516059;font-size:13px;line-height:1.78}.contact-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.contact-topic-grid a{min-height:176px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);transition:background .22s ease}.contact-topic-grid a:hover{background:var(--cloud)}.contact-topic-grid b{display:block;margin-top:22px;font:400 27px/1.06 var(--display);letter-spacing:-.03em}.contact-topic-grid small{display:block;margin-top:11px;color:var(--muted);font-size:12px;line-height:1.6}.page-contact .boundary{margin-top:25px}
@media(max-width:820px){.official-channel-grid,.contact-topic-grid{grid-template-columns:1fr}.official-channel-card{min-height:230px}.contact-boundary{grid-template-columns:1fr;gap:10px}.contact-topic-grid a{min-height:auto}.page-contact .hero h1,.page-contact .section-title{line-height:1.14}}

/* Public group and careers cards retain the same quiet editorial system. */
.group-link-card{margin:0 auto;max-width:920px}.group-link-card .eyebrow,.career-panel .eyebrow{color:#584a9e}.group-link-card strong,.career-panel h3{color:#11203c}.career-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-top:32px;padding:28px;background:#eef3f0;border:1px solid #cbd8d2;border-radius:var(--radius)}.career-panel h3{margin:14px 0 8px;font:400 30px/1.1 var(--display);letter-spacing:-.035em}.career-panel p{margin:0;max-width:610px;color:#344640;font-size:13px;line-height:1.75}.career-panel__actions{display:flex;min-width:200px;align-items:flex-start;gap:14px;flex-direction:column}.career-panel .text-link{margin-top:0}.status-chip{display:inline-block;padding:6px 9px;background:#11203c;color:#fff;font:500 10px/1.4 var(--mono);letter-spacing:.06em}@media(max-width:760px){.group-link-card{grid-template-columns:1fr;gap:9px;padding:22px}.group-link-card .eyebrow,.group-link-card strong,.group-link-card>span:last-of-type,.group-link-card b{grid-column:auto;grid-row:auto}.group-link-card b{margin-top:3px}.career-panel{grid-template-columns:1fr;gap:22px}.career-panel__actions{min-width:0}}
