@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url("/case-library/v12/fonts/golos-text-cyrillic-ext.woff2") format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url("/case-library/v12/fonts/golos-text-cyrillic.woff2") format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url("/case-library/v12/fonts/golos-text-latin-ext.woff2") format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url("/case-library/v12/fonts/golos-text-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
body .home-page>#cases.career-case-section{width:var(--page-width,100%);max-width:none;padding:0!important;margin-inline:calc((100% - var(--page-width,100%))/2)!important;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body>main#top{scroll-margin-top:0!important}
body .home-page>#cases.career-case-section>.section-head{display:flex;justify-content:center;text-align:center;align-items:center;margin:0;padding:0 20px}
body .case-page>section.case-gallery{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
body .case-page>.case-pager{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body .case-page>.case-hero{padding:12px 0 24px!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}
body .case-page>.case-hero::before,body .case-page>.case-hero::after{display:none!important}
body .case-page .case-hero>div{max-width:none!important;padding:0!important}
body .case-page .case-hero-heading{flex-direction:row!important;align-items:center!important;gap:20px!important}
body .case-page .case-hero-heading h1{width:auto!important;flex:1;min-width:0}
body .case-page .case-hero-heading>span{position:static!important;flex:0 0 auto;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;letter-spacing:.08em}
body .case-page .case-hero>div>p{max-width:none!important;margin:18px 0 0!important;padding:0!important;white-space:normal!important;font-size:clamp(18px,1.75vw,24px)!important;line-height:1.45!important;text-wrap:balance}
body .case-page .case-hero .case-desktop-line{display:block}
body .case-page .case-story-copy p{text-wrap:balance}
body .case-page .case-metrics>div{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px 18px;min-height:100px;min-width:0}
body .case-page .case-metrics strong{max-width:100%;font-size:clamp(22px,2vw,28px)!important;line-height:1.15!important;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal}
body .case-page .case-metrics strong.metric-value-long{font-size:clamp(18px,1.6vw,23px)!important;letter-spacing:-.04em}
body .case-page .case-metrics>div>span{font-size:10px!important;line-height:1.4;letter-spacing:.035em}
body .case-page .diksi-award-outcome{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:26px}
body .case-page .diksi-award-outcome>img{display:block;width:140px;max-width:100%;height:auto;margin:0}
body .case-page .diksi-award-outcome>p{margin:0!important}
body .case-page .case-launch-scene{width:min(100%,460px);aspect-ratio:1250/800;overflow:visible}
body .case-page .case-launch-rocket{display:block;width:100%;height:auto;max-width:none;filter:drop-shadow(0 6px 12px #0008)}
body .case-page .case-collaboration{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:28px!important;padding:0!important;margin-top:30px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body .case-page .case-collaboration>div:first-child{min-width:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body .case-page .case-collaboration .case-collaboration-logos{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:flex-end!important;align-items:center;gap:24px!important;margin:0!important}
body .case-page .case-collaboration .case-collaboration-logos img{width:160px!important;max-width:100%;height:70px!important;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain}
body .case-page .case-collaboration img[src*="brandlovers-official"]{filter:brightness(0) invert(1)}
studio-case-grid,studio-case-cover,studio-case-gallery{display:block;width:100%;min-width:0}
.transfer-grid-fallback{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.transfer-grid-fallback>a{display:block}.transfer-grid-fallback img{width:100%;aspect-ratio:16/10;object-fit:cover}
.transfer-gallery-fallback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.transfer-gallery-fallback figure{margin:0}.transfer-gallery-fallback img{display:block;width:100%;height:auto}
studio-case-cover>img{display:block;width:100%;height:auto}
body .case-page .case-role-summary{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding:18px 22px;margin:0 0 26px;background:#171126;border:1px solid #8c79b547;border-radius:14px;color:#e6e1ef;font-size:15px;line-height:1.5}
body .case-page .case-role-summary>span{color:#94e1cf;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
body .case-page .case-role-summary>strong{font-size:15px;font-weight:600}
body .case-page .case-page-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
body .case-page .case-page-tags>span{display:inline-block;border:1px solid #a999c457;border-radius:999px;padding:7px 11px;color:#dbd3e7;background:#140d2099;font-size:11px;line-height:1.2}
body .case-page .case-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
body .case-page .case-story-copy ul{margin:16px 0 0;padding-left:20px;color:#b8b1c7;font-size:15px;line-height:1.65}
body .case-page .case-story-copy p+p{margin-top:14px}
body .case-theme-moex{--case-accent:#d9b363;--case-accent-2:#a26240;--case-deep:#22162d;--case-glow:#b78b4b38;--case-accent-soft:#e8d3a2}
body .case-index-list.transfer-case-index{padding:0!important;background:transparent!important}
@media(max-width:700px){.transfer-grid-fallback,.transfer-gallery-fallback{grid-template-columns:1fr}body .case-page .case-role-summary{padding:16px;gap:8px}body .case-page .case-role-summary>strong{font-size:14px}body .case-page .case-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:540px){body .case-theme-moex .case-hero h1{font-size:clamp(22px,6vw,30px)!important;line-height:1.1!important;white-space:normal!important}}
@media(max-width:700px){body .case-page .case-collaboration{grid-template-columns:minmax(0,1fr) 100px!important;gap:18px!important}body .case-page .case-collaboration .case-collaboration-logos{flex-direction:column!important;gap:16px!important}body .case-page .case-collaboration .case-collaboration-logos img{width:100px!important;height:48px!important}body .case-page .case-collaboration p{font-size:13px!important;line-height:1.5!important}}
@media(max-width:700px){
body .case-page>.case-hero{padding:10px 0 16px!important}
body .case-page .case-hero-heading{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
body .case-page .case-hero-heading h1{width:100%!important;font-size:clamp(22px,6vw,28px)!important}
body .case-page .case-hero-heading>span{padding-top:5px!important;font-size:10px!important}
body .case-page .case-hero>div>p{font-size:16px!important;margin-top:16px!important}
body .case-page .case-hero .case-desktop-line{display:inline}
body .case-page .case-metrics>div{padding:14px 12px;min-height:100px}
body .case-page .case-metrics strong{font-size:22px!important}
body .case-page .case-metrics strong.metric-value-long{font-size:18px!important}
body .case-page .diksi-award-outcome{grid-template-columns:88px minmax(0,1fr);gap:16px}
body .case-page .diksi-award-outcome>img{width:88px}
body .case-page .case-launch-scene{width:min(100%,380px)}
}
@media(max-width:360px){body .case-page .case-metrics strong{font-size:clamp(16px,5vw,18px)!important}body .case-page .case-metrics strong.metric-value-long{font-size:clamp(14px,4.4vw,16px)!important}}

/* Shared case CTA: one copy column, one oversized masked launch. */
body .case-page>.case-project-cta{position:relative;display:flex!important;align-items:center!important;min-height:500px!important;padding:clamp(32px,4.5vw,64px)!important;overflow:hidden!important;isolation:isolate}
body .case-page>.case-project-cta::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#060a17b8 0%,#060a1740 45%,transparent 70%)}
body .case-page .case-cta-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:28px;width:56%;max-width:720px}
body .case-page .case-cta-copy>h2{width:100%;max-width:none;margin:0!important;padding:0!important;font-size:clamp(28px,2.6vw,44px)!important;line-height:1.12!important;letter-spacing:-.035em!important;text-wrap:balance}
body .case-page .case-cta-copy>.primary-cta{margin:0;align-self:flex-start}
body .case-page>.case-project-cta>.case-launch-scene{position:absolute;z-index:0;left:28%;top:52%;width:min(110%,1500px);max-width:none;aspect-ratio:1250/800;transform:translateY(-50%);pointer-events:none}
body .case-page .case-launch-rocket{width:100%;height:auto;max-width:none;filter:drop-shadow(0 12px 16px #0009)}
@media(max-width:900px){body .case-page .case-cta-copy{width:62%}body .case-page .case-cta-copy>h2{font-size:28px!important}body .case-page>.case-project-cta>.case-launch-scene{left:24%;width:125%}}
@media(max-width:700px){
body .case-page>.case-project-cta{align-items:flex-start!important;min-height:clamp(540px,148vw,580px)!important;padding:28px 24px!important}
body .case-page>.case-project-cta::before{background:linear-gradient(180deg,#060a1780 0%,#060a1720 45%,transparent 70%)}
body .case-page .case-cta-copy{width:100%;gap:24px}
body .case-page .case-cta-copy>h2{font-size:clamp(22px,5.7vw,30px)!important;line-height:1.13!important}
body .case-page>.case-project-cta>.case-launch-scene{left:-28%;top:auto;bottom:-20px;width:175%;transform:none}
}