/* SIMTEKS: a straight, editorial product case. Typography follows the drawer width. */
.direction-media.is-simtex-preview {clip-path:none;border-radius:4px;background:#edf0f4;box-shadow:0 22px 55px #17273d20;container-type:inline-size}
.is-simtex-preview .simtex-preview{background:#eef1f5;clip-path:none}
.is-simtex-preview .simtex-preview__head{left:5%;right:5%;top:6%;color:#20334a;font-size:1.65cqw;letter-spacing:.07em}
.is-simtex-preview .simtex-preview__head i{background:none;color:#576779;clip-path:none;transform:none;padding:0;font-style:normal}
.is-simtex-preview .simtex-preview__title{left:5%;top:22%;width:49%;font-size:8.1cqw;letter-spacing:-.065em;line-height:1;color:#14283f;transform:none!important;z-index:3}
.is-simtex-preview .simtex-preview__title strong{display:block;color:#14283f;transform:none;margin:0}
.is-simtex-preview .simtex-preview__title small{display:block;margin-top:1.7em;font:400 3.2cqw/1.24 var(--display);letter-spacing:-.02em}
.is-simtex-preview .simtex-preview__browser{left:55%;right:0;top:16%;bottom:14%;width:45%;height:auto;background:none;clip-path:none;box-shadow:none;transform:none!important;overflow:hidden;display:grid;grid-template-columns:.35fr .65fr;gap:4px}
.is-simtex-preview .simtex-preview__browser img{position:static!important;width:100%!important;height:100%!important;object-fit:cover;filter:none;opacity:1;transform:none;border:0}
.is-simtex-preview .simtex-preview__browser .sx-preview-model{object-position:50% 14%}
.is-simtex-preview .simtex-preview__browser .sx-preview-fabric{object-position:45% 50%}
.is-simtex-preview .simtex-preview__cities{left:5%;bottom:20%;display:block;color:#566779;font:1.15cqw/1.4 var(--mono)}
.is-simtex-preview .simtex-preview__cities b{border:0;padding:0;margin-right:1em;font-weight:400}
.is-simtex-preview .simtex-preview__open{height:14%;padding:0 5%;background:#14283f;clip-path:none;font-size:1.55cqw}
.is-simtex-preview .simtex-preview__open i{width:auto;height:auto;background:none;clip-path:none;transform:none;font-size:3cqw}
.case-drawer.is-simtex,.case-drawer.is-simtex[data-side=right]{inset:0 auto 0 0;width:min(1480px,86vw);max-width:none;height:100dvh;max-height:100dvh;clip-path:none;border:0;border-right:1px solid #cad2dc;background:#f3f4f5;scrollbar-gutter:stable;overscroll-behavior:contain}
.case-drawer.is-simtex:before{display:none}
.case-drawer.is-simtex .drawer-topbar{position:sticky;top:0;height:66px;min-height:66px;padding:0 4%;background:#14283f;color:#fff;border:0;box-shadow:none;z-index:15}
.case-drawer.is-simtex .drawer-close{border-radius:0;transform:none;background:transparent}
.case-drawer.is-simtex .drawer-topbar:after{display:none}
.simtex-case.sx-case{container-type:inline-size;margin:0;overflow:hidden;background:#f4f5f6;color:#15293e;--sx-blue:#306db5}
.sx-case *, .sx-case *:before,.sx-case *:after{box-sizing:border-box}
.sx-case figure,.sx-case p,.sx-case h2,.sx-case h3,.sx-case dl{margin:0}
.sx-case h3{font-size:clamp(32px,5.1cqw,76px);font-weight:650;line-height:1.02;letter-spacing:-.055em}
.sx-case p{font-size:clamp(15px,1.6cqw,21px);line-height:1.55;color:#526275}
.sx-case img{display:block;max-width:100%}
.sx-case button,.sx-case a{touch-action:manipulation}
.sx-case button:focus-visible,.sx-case a:focus-visible,.sx-case canvas:focus-visible{outline:3px solid #609fea;outline-offset:4px}
.sx-section{padding:8cqw 5cqw}
.sx-kicker{margin-bottom:2.8cqw;font:11px/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#306db5}
.sx-hero{padding:4cqw 5cqw 0;background:#15293e;color:#eef3f7}
.sx-eyebrow{display:flex;justify-content:space-between;gap:12px;font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#b8cbe1}
.sx-eyebrow a{color:inherit;text-decoration:none}
.sx-hero h2{font:650 15cqw/.96 var(--display);letter-spacing:-.06em;margin:3cqw 0 2cqw;white-space:nowrap;color:#f2f5f8;position:relative;width:max-content}
.sx-dot{font:400 2cqw/1 var(--display);display:inline-block;vertical-align:top;margin:1cqw 0 0 1cqw;color:#76a6df}
.sx-hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:5cqw;margin:0 0 4cqw;padding-top:2.5cqw;border-top:1px solid #ffffff30}
.sx-hero-intro>p{font-size:clamp(23px,3cqw,44px);line-height:1.12;letter-spacing:-.035em;color:#f4f7fb}
.sx-hero-intro>div{font-size:clamp(14px,1.5cqw,20px);line-height:1.5;color:#b8c8d9}
.sx-hero-intro small{display:block;font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-top:1.8cqw;color:#76a6df}
.sx-hero-film{position:relative;margin:0 -5cqw;background:#162c45}
.sx-hero-film video{display:block;width:100%;aspect-ratio:2.45;object-fit:cover;object-position:50% 50%}
.sx-hero-film>span{position:absolute;left:5%;top:10%;font:12px/1.5 var(--mono);color:#fff;padding:10px 14px;background:#14283fbf;pointer-events:none}
.sx-brief-columns{display:grid;grid-template-columns:1fr 1fr;gap:5cqw;margin:3cqw 0 4cqw}
.sx-decisions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #acb8c6}
.sx-decisions>div{padding:2.5cqw 3cqw 0 0}
.sx-decisions dt{font-size:clamp(23px,3cqw,43px);letter-spacing:-.04em;color:#306db5}
.sx-decisions dd{margin:1cqw 0 0;font-size:clamp(14px,1.35cqw,19px);line-height:1.55;color:#526275}
.sx-interface{background:#e5eaf0}
.sx-interface-heading{padding-bottom:3.5cqw;display:grid;grid-template-columns:1.1fr 1fr;gap:2cqw 5cqw}
.sx-interface-heading .sx-kicker{grid-column:1/-1;margin:0}
.sx-interface-heading p{align-self:end}
.sx-screen-tabs{display:flex;margin:0 5cqw;border-bottom:1px solid #9aaec4}
.sx-screen-tabs button{padding:14px 24px;border:0;border-bottom:3px solid transparent;background:none;color:#586c81;font:12px/1.3 var(--mono);transition:color .2s,border-color .2s}
.sx-screen-tabs button[aria-selected=true]{color:#183450;border-bottom-color:#306db5}
.sx-screen{margin:2cqw 5cqw 0!important;background:#fff;border:1px solid #bdc9d6}
.sx-screen>img{width:100%;aspect-ratio:1.44;object-fit:contain;background:#f5f6f8}
.sx-screen figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;font-size:13px;line-height:1.45;color:#526275;border-top:1px solid #d8dfe7}
.sx-screen figcaption a{color:#306db5;white-space:nowrap}
.sx-catalog-details{padding-top:3cqw;display:grid;grid-template-columns:1fr 1fr;gap:5cqw}
.sx-catalog-details b{display:block;font-size:clamp(19px,2.2cqw,29px);font-weight:600;letter-spacing:-.03em;margin-bottom:1cqw}
.sx-catalog-details p{font-size:clamp(14px,1.4cqw,19px)}
.sx-lead{max-width:69ch;margin-top:2.5cqw!important}
.sx-evolution{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5cqw;margin-top:4cqw;align-items:start}
.sx-evolution figure img{width:100%;aspect-ratio:.72;object-fit:cover;background:#eee}
.sx-evolution figure:nth-child(3) img{object-fit:contain;background:#e9e7e8}
.sx-evolution figcaption{padding-top:1.7cqw}
.sx-evolution small{font:10px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#306db5}
.sx-evolution b{display:block;font-size:clamp(18px,2.2cqw,30px);font-weight:600;letter-spacing:-.04em;margin:9px 0}
.sx-evolution p{font-size:clamp(14px,1.25cqw,18px)}
.sx-note{display:block;font-size:12px!important;line-height:1.5!important;color:#6c7b8d!important;margin-top:3cqw!important;max-width:85ch}
.sx-motion-section{background:#14283f;color:#f5f7fa;padding-bottom:5cqw}
.sx-motion-section .sx-section{padding-bottom:3cqw}
.sx-motion-section .sx-kicker{color:#8eb5e8}
.sx-motion-section p{color:#bbc9d8}
.sx-motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sx-motion-grid video{display:block;width:100%;aspect-ratio:1.3;object-fit:cover;background:#0d1c2d}
.sx-motion-grid figcaption{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:18px 4cqw;font-size:15px}
.sx-motion-grid small{font-size:11px;color:#9db4ce}
.sx-text-link{display:inline-block;margin:3cqw 5cqw 0;color:#9ac4ff;font:12px/1.5 var(--mono)}
.sx-cities{display:grid;grid-template-columns:1fr 1fr;gap:5cqw}
.sx-cities p{margin-top:2cqw}
.sx-cities nav{align-self:center}
.sx-cities nav a{display:grid;grid-template-columns:30px 1fr;gap:7px 14px;padding:26px 0;border-bottom:1px solid #b9c5d2;text-decoration:none;color:#14283f}
.sx-cities nav small{font:10px/1.5 var(--mono);color:#306db5;margin-top:7px}
.sx-cities nav b{font-size:clamp(23px,3cqw,42px);font-weight:550;letter-spacing:-.04em}
.sx-cities nav span{grid-column:2;color:#64788e;font:11px/1.5 var(--mono)}
.sx-game-section{background:#e6ecf3;display:grid;grid-template-columns:1fr minmax(320px,.88fr);gap:6cqw}
.sx-game-copy{align-self:center}
.sx-game-copy>p{margin-top:2cqw}
.sx-game-facts{display:flex;gap:3cqw;margin-top:3cqw;border-top:1px solid #aabacb;padding-top:2cqw}
.sx-game-facts span{font-size:clamp(24px,3cqw,42px);line-height:1;color:#306db5}
.sx-game-facts small{display:block;max-width:180px;font-size:12px;line-height:1.4;color:#65768b;margin-top:12px}
.sx-game{max-width:450px;justify-self:center;width:100%;background:#14283f;color:white;padding:18px;box-shadow:0 18px 45px #15345324}
.sx-game-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font:10px/1.4 var(--mono);letter-spacing:.07em;margin-bottom:14px}
.sx-game-top output{font-size:28px;color:#c1d8f7}
.sx-game-board{position:relative;width:100%;max-width:300px;margin:auto}
.sx-game canvas{display:block;width:100%;height:auto;max-height:540px;background:#0e2742;touch-action:none}
.sx-game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:#0e2742cf;text-align:center}
.sx-game-overlay[hidden]{display:none}
.sx-game-overlay b{font:500 29px/1.12 var(--display);letter-spacing:-.025em}
.sx-game button{border:1px solid #8fafd14d;color:#fff;background:#23476d;min-height:42px;padding:10px 12px;font:12px/1.2 var(--mono);transition:background .15s}
.sx-game button:hover{background:#306db5}
.sx-game [data-sx-start]{padding:15px 30px;background:#3476c7;border:0}
.sx-game-buttons{display:flex;justify-content:center;gap:4px;margin-top:14px;flex-wrap:wrap}
.sx-game>p{font:10px/1.5 var(--mono);color:#91a9c5;text-align:center;margin-top:12px}
.sx-game-status{display:block;font:11px/1.45 var(--mono);margin:12px 0 0;color:#c6dcf6;text-align:center;min-height:2.8em}
.sx-outcome{background:#306db5;color:white}
.sx-outcome .sx-kicker{color:#d1e3f9}
.sx-outcome h3{font-size:clamp(33px,6cqw,84px)}
.sx-outcome-bottom{display:flex;flex-wrap:wrap;gap:20px;margin-top:3cqw;align-items:center}
.sx-outcome-bottom p{width:100%;max-width:64ch;color:#deebfa;margin-bottom:10px}
.sx-outcome-bottom a,.sx-outcome-bottom button{font-size:14px;font-weight:550;padding:18px 23px;border:1px solid #ffffff80;background:transparent;color:#fff;text-decoration:none}
.sx-outcome-bottom button{background:#fff;color:#1d4779}
.sx-screen>img.sx-swapping{animation:sx-screen-in .35s ease both}
@keyframes sx-screen-in{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){
 .case-drawer.is-simtex,.case-drawer.is-simtex[data-side=right]{width:94vw}
 .sx-game-section{grid-template-columns:1fr;gap:38px}
}
@media(max-width:600px){
 .case-drawer.is-simtex,.case-drawer.is-simtex[data-side=right]{inset:0;width:100%;height:100dvh;max-height:100dvh}
 .case-drawer.is-simtex .drawer-topbar{height:58px;min-height:58px}
 .sx-section{padding:55px 20px}
 .sx-hero{padding:27px 20px 0}
 .sx-hero h2{font-size:15.6cqw;margin:30px 0 24px}
 .sx-hero-intro{grid-template-columns:1fr;gap:20px;padding-top:20px;margin-bottom:28px}
 .sx-hero-intro small{margin-top:18px}
 .sx-hero-film{margin:0 -20px}
 .sx-hero-film video{aspect-ratio:1.55}
 .sx-hero-film>span{font-size:9px}
 .sx-eyebrow{font-size:8px}
 .sx-kicker{margin-bottom:22px;font-size:10px}
 .sx-brief-columns,.sx-interface-heading,.sx-catalog-details,.sx-cities{grid-template-columns:1fr;gap:22px}
 .sx-brief-columns{margin-top:24px}
 .sx-decisions{grid-template-columns:1fr;margin-top:30px}
 .sx-decisions>div{padding:20px 0;border-bottom:1px solid #c5cfda}
 .sx-decisions dt{font-size:27px}
 .sx-decisions dd{margin-top:8px}
 .sx-screen-tabs{margin:0 20px}
 .sx-screen-tabs button{font-size:10px;padding:12px 8px;flex:1}
 .sx-screen{margin:18px 12px 0!important}
 .sx-screen figcaption{padding:12px;display:block;font-size:11px}
 .sx-screen figcaption a{display:block;margin-top:10px}
 .sx-evolution{grid-template-columns:1fr;margin-top:28px;gap:34px}
 .sx-evolution figure img{aspect-ratio:1;object-fit:contain}
 .sx-evolution figure:nth-child(3) img{aspect-ratio:.75}
 .sx-evolution figcaption{padding-top:16px}
 .sx-evolution b{font-size:26px}
 .sx-note{margin-top:24px!important}
 .sx-motion-grid{grid-template-columns:1fr;gap:20px}
 .sx-motion-grid figcaption{padding:16px 20px}
 .sx-motion-section .sx-section{padding-bottom:28px}
 .sx-text-link{margin:24px 20px}
 .sx-game-facts{margin-top:24px;padding-top:20px}
 .sx-game-copy>p{margin-top:20px}
 .sx-outcome-bottom{margin-top:25px}
 .is-simtex-preview .simtex-preview__head{font-size:2cqw}
 .is-simtex-preview .simtex-preview__cities{font-size:1.35cqw}
}
@media(prefers-reduced-motion:reduce){.sx-case *{animation:none!important;transition:none!important}}

/* v4.13: keep the studio silhouette; SIMTEKS art direction lives inside it. */
.direction-media.is-simtex-preview{border-radius:0;clip-path:polygon(0 3%,95% 0,100% 88%,91% 100%,5% 96%,0 14%);background:#182d41;box-shadow:none}
.is-simtex-preview .simtex-preview{background:#eeece7}
.is-simtex-preview .simtex-preview:before{display:none}
.is-simtex-preview .simtex-preview__head{left:7%;right:8%;top:8%;font-size:1.35cqw}
.is-simtex-preview .simtex-preview__head b{font-size:1.4cqw}
.is-simtex-preview .simtex-preview__title{left:7%;top:23%;width:43%;display:block;line-height:1}
.is-simtex-preview .simtex-preview__title .sx-preview-logo{position:static;width:81%;height:auto;padding:0;object-fit:contain;filter:none;transform:none;opacity:1}
.is-simtex-preview .simtex-preview__title small{margin-top:1.3em;font-size:3.65cqw;line-height:1.14;color:#26394c}
.is-simtex-preview .simtex-preview__browser{left:53%;right:4%;top:17%;bottom:15%;width:auto;display:block}
.is-simtex-preview .simtex-preview__browser .sx-preview-model{object-fit:cover;object-position:50% 37%;padding:0;transition:transform .65s ease!important}
.is-simtex-preview:hover .simtex-preview__browser .sx-preview-model{transform:scale(1.025)!important}
.is-simtex-preview .simtex-preview__cities{left:7%;bottom:24%;max-width:40%;font-size:1.3cqw;line-height:1.8}
.is-simtex-preview .simtex-preview__cities b{background:none}
.is-simtex-preview .simtex-preview__open{padding:0 8%;height:15%;font-size:1.6cqw}
.case-drawer.is-simtex,.case-drawer.is-simtex[data-side=right]{inset:0 auto 0 0;width:min(1060px,58vw);border:0;clip-path:polygon(0 0,95% 0,100% 9%,97% 28%,100% 49%,96% 72%,99% 100%,0 100%);scrollbar-gutter:auto;background:#eeece7}
.case-drawer.is-simtex:before{display:block;width:min(1060px,58vw);height:3px;background:#5688ba}
.case-drawer.is-simtex .drawer-topbar{height:58px;min-height:58px;padding:0 8% 0 5%;background:#182d41}
.case-drawer.is-simtex .drawer-close{border-radius:50%;transform:rotate(-3deg)}
.simtex-case.sx-case{background:#f4f3f0}
.sx-section{padding:6cqw 6cqw 6cqw 5cqw}
.sx-case h3{font-size:clamp(29px,4.5cqw,48px);line-height:1.06}
.sx-case p{font-size:clamp(14px,1.85cqw,18px);line-height:1.5}
.sx-hero{height:min(740px,calc(100svh - 58px));min-height:500px;padding:30px 0 28px;display:flex;flex-direction:column;gap:22px;background:#eeece7;color:#20354a}
.sx-hero>.sx-eyebrow,.sx-hero>.sx-hero-intro{margin-left:5%;margin-right:7%}
.sx-eyebrow{align-items:center;flex-shrink:0;color:#43637f}
.sx-hero h2{width:auto;margin:0;font-size:0;line-height:1;letter-spacing:0}
.sx-hero h2 img{width:clamp(140px,21cqw,205px);height:auto}
.sx-hero-intro{display:block;border:0;padding:0;margin:0;flex-shrink:0}
.sx-hero-intro>p{font-size:clamp(26px,4.4cqw,43px);line-height:1.08;letter-spacing:-.045em;color:#182d41}
.sx-hero-intro>div{font-size:clamp(13px,1.7cqw,17px);line-height:1.4;margin-top:12px;color:#627080;max-width:49ch}
.sx-hero-intro small{margin-top:12px;color:#54728e;font-size:9px}
.sx-hero-film{flex:1;min-height:190px;margin:0;background:#c1b6a3;overflow:hidden}
.sx-hero-film video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.sx-hero-film>span{left:16px;top:16px;font-size:9px;padding:8px 10px;background:#14283fad;max-width:85%}
.sx-evolution{grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.sx-evolution figure img{aspect-ratio:.68;object-fit:cover;object-position:center}
.sx-evolution b{font-size:clamp(22px,2.9cqw,30px)}
.sx-evolution p{font-size:14px}
.sx-interface-heading{grid-template-columns:1fr;gap:18px}
.sx-interface-heading p{max-width:60ch}
.sx-outcome h3{font-size:clamp(30px,4.8cqw,52px)}
.sx-game-section{grid-template-columns:1fr;gap:32px}
@media(max-width:900px){
 .case-drawer.is-simtex,.case-drawer.is-simtex[data-side=right]{width:76vw}
 .case-drawer.is-simtex:before{width:76vw}
 .sx-brief-columns,.sx-cities{grid-template-columns:1fr;gap:22px}
}
@media(max-width:600px){
 .case-drawer.is-simtex,.case-drawer.is-simtex[data-side=right]{inset:auto 0 0;width:100%;height:94svh;max-height:94svh;clip-path:polygon(0 2%,84% 0,100% 4%,100% 100%,0 100%)}
 .case-drawer.is-simtex:before{width:100%;bottom:94svh}
 .case-drawer.is-simtex .drawer-topbar{height:58px;min-height:58px;padding:8px 7% 0}
 .sx-section{padding:45px 24px}
 .sx-hero{height:calc(94svh - 58px);min-height:470px;padding:22px 0 24px;gap:19px}
 .sx-hero>.sx-eyebrow,.sx-hero>.sx-hero-intro{margin-left:24px;margin-right:24px}
 .sx-hero h2{font-size:0;margin:0}
 .sx-hero h2 img{width:140px}
 .sx-hero-intro{padding:0;margin:0}
 .sx-hero-intro>p{font-size:28px}
 .sx-hero-intro>div{font-size:14px}
 .sx-hero-film{margin:0;min-height:170px}
 .sx-hero-film>span{font-size:8px;top:12px;left:12px}
 .sx-evolution{grid-template-columns:1fr}
 .sx-evolution figure img{aspect-ratio:.8;object-fit:cover}
}