:root{--ink:#16324f;--paper:#f7f8f2;--accent:#2563a6;--coral:#f26b5b;--sun:#f4c95d;--muted:#52677a;--line:#ccd8e1;--blue:#dceaf4;--page-inset:clamp(20px,3vw,32px);--page-width:980px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--page-width),calc(100% - 2*var(--page-inset)));margin-inline:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.monogram{font-size:18px;font-weight:800;letter-spacing:-.04em}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.nav-cta{padding:8px 13px;border:1px solid var(--ink);border-radius:6px}.nav-cta:hover{background:var(--ink);color:white}
.career-game{position:relative;width:min(100%,1420px);margin:auto}.career-board-viewport{overflow-x:auto;overflow-y:hidden}.career-board{position:relative;isolation:isolate;min-width:860px;aspect-ratio:16/9;overflow:hidden;background:var(--paper)}.career-board-art{position:absolute;inset:0;z-index:-1;background:url('../assets/career-game/isometric-world.png') center/100% 100% no-repeat;mix-blend-mode:darken}.career-board-heading{position:absolute;left:max(var(--page-inset),calc((100% - var(--page-width))/2));top:10%;pointer-events:none}.career-board-heading h1{max-width:730px;font:700 clamp(40px,5.3vw,76px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:0}.career-path{position:absolute;left:14.4%;right:10.8%;top:72%;height:7px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,var(--ink) 0 12px,transparent 12px 19px);filter:drop-shadow(0 2px white)}.career-space{position:absolute;top:72%;width:clamp(40px,3.65vw,57px);aspect-ratio:1;transform:translate(-50%,-50%);border:4px solid var(--ink);border-radius:50%;background:#fffefa;box-shadow:0 0 0 4px white,0 5px 0 #1936533d;z-index:2;cursor:pointer}.career-space:hover,.career-space:focus-visible{background:#fff1c7;outline:3px solid var(--sun);outline-offset:5px}.career-space.is-current{border-color:var(--coral);background:#fff3ed}.career-token{position:absolute;top:72%;width:clamp(80px,6.6vw,110px);aspect-ratio:2/3;transform:translate(-50%,-91%);transition:left .65s linear,opacity .08s;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 3px #1c384f2e)}.career-token.is-instant{transition:none}.career-token-art{position:relative;width:100%;height:100%}.career-token-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.career-token-step{opacity:0}.career-token.is-moving .career-token-art{animation:step-bob .5s ease-in-out infinite}.career-token.is-moving .career-token-idle{animation:idle-frame .5s steps(1,end) infinite}.career-token.is-moving .career-token-step{animation:step-frame .5s steps(1,end) infinite}@keyframes step-bob{50%{transform:translateY(-5px)}}@keyframes idle-frame{50%,100%{opacity:0}}@keyframes step-frame{0%,49%{opacity:0}50%,100%{opacity:1}}
.career-roll{position:absolute;right:11%;bottom:2.5%;z-index:5;display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;cursor:pointer;color:white;font:800 clamp(16px,1.5vw,23px)/1 Arial,sans-serif;letter-spacing:.04em;filter:drop-shadow(0 5px 4px #122b4c2e)}.career-roll:disabled{cursor:wait}.career-roll:focus-visible{outline:3px solid var(--sun);outline-offset:6px}.career-die{width:clamp(49px,4.6vw,70px);aspect-ratio:1;background:#fffefa;border:4px solid var(--ink);border-radius:12px;box-shadow:inset 0 -5px 0 #e6e5df,0 4px 0 #102a46;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;padding:8px;z-index:1;transform:rotate(-5deg)}.career-die i{align-self:center;justify-self:center;width:clamp(6px,.62vw,10px);aspect-ratio:1;border-radius:50%}.career-die i.show{background:var(--ink)}.career-roll.is-rolling .career-die{animation:dice .24s linear infinite}@keyframes dice{to{transform:rotate(355deg)}}.career-roll-label{min-width:clamp(110px,10vw,152px);padding:8px 18px 10px;margin-top:-3px;background:var(--accent);border:3px solid var(--ink);border-radius:6px;box-shadow:0 5px 0 #174776;text-align:center}.career-roll:hover .career-roll-label{background:#1c518d}.career-story{position:absolute;left:6%;bottom:2.5%;z-index:6;width:470px;min-height:155px;padding:14px;background:#fffdf8;border:1px solid #dedcd3;border-radius:14px;box-shadow:0 10px 30px #273a431f;display:grid;grid-template-columns:132px 1fr;gap:18px}.career-story-preview{min-height:126px;border-radius:7px;background-image:url('../assets/career-game/isometric-world.png');background-size:600% auto;background-repeat:no-repeat;background-color:#deebec}.career-story-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.career-story-count{font:700 19px Georgia,serif}.career-story-place{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:7px}.career-story h2{font-size:23px;line-height:1.18;margin:2px 0 0}.career-story p{font-size:12px;line-height:1.35;margin:7px 0 0;color:var(--muted)}.career-story-progress{display:flex;gap:7px;margin-top:10px}.career-story-progress i{width:10px;height:10px;border-radius:50%;background:#d9d7cf}.career-story-progress i.is-current{background:var(--sun)}.career-mobile-controls,.career-story-mobile{display:none}.career-game-caption{display:flex;justify-content:center;gap:20px;padding:5px 20px 18px;color:var(--muted);font-size:13px}.career-game-mobile-hint{display:none}.game-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:14px 0 52px}.game-intro p{font:22px/1.45 Georgia,serif;max-width:720px;margin:0}.scroll-link,.case-link{font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--accent);white-space:nowrap}
.impact-strip,.result-section{background:var(--ink);color:var(--paper)}.impact-grid,.case-results{display:grid;grid-template-columns:repeat(3,1fr)}.impact-stat{padding:38px 28px;border-right:1px solid #ffffff29}.impact-stat:first-child{padding-left:0}.impact-stat:last-child{border:0}.impact-stat strong,.case-result strong{display:block;font:italic 43px Georgia;color:var(--coral)}.impact-stat span,.case-result span{display:block;font-size:12px;line-height:1.45;color:#d7e1e8;max-width:220px}.clarity{padding:80px 0;border-bottom:1px solid var(--line)}.clarity-intro{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:38px}.clarity-intro>span,.section-label,.section-heading>p{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--accent)}.clarity-intro h2,.section-heading h2{font-size:clamp(34px,5vw,58px);line-height:1.06;letter-spacing:-.045em;margin:0}.clarity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.clarity-grid>div{background:white;border:1px solid var(--line);border-radius:8px;padding:24px}.clarity-grid b{font:italic 23px Georgia;color:var(--accent)}.clarity-grid h3{font-size:19px;line-height:1.2;margin:10px 0 8px}.clarity-grid p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.work{padding:100px 0}.section-heading{margin-bottom:54px}.section-heading h2 i{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.featured-list{display:grid;gap:34px}.featured-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr}.featured-visual{min-height:430px;padding:30px;display:grid;place-items:center;background:var(--blue)}.featured-card:nth-child(2) .featured-visual{background:#bfe6dc}.featured-visual img{width:100%;max-height:380px;object-fit:contain;filter:drop-shadow(0 20px 20px #19232d29)}.featured-copy{padding:42px 38px;align-self:center}.project-kicker,.case-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--accent)}.featured-copy h3{font-size:36px;line-height:1.08;letter-spacing:-.04em;margin:13px 0 20px}.case-proof{margin:0 0 23px}.case-proof div{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.case-proof dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--accent)}.case-proof dd{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.case-link{text-decoration:underline;text-underline-offset:6px}.plus-one-card .featured-visual{background:#e5edf4}.plus-one-card .featured-visual img{max-height:390px}.about{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.portrait{display:block;width:240px;aspect-ratio:4/5;object-fit:cover;object-position:center top;margin-top:38px;border-radius:8px}.about-copy .lead{font:23px/1.5 Georgia;color:var(--ink)}.about-copy p{font-size:15px;line-height:1.7;color:var(--muted)}.details{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.details span{font-size:12px;font-weight:700}footer{background:var(--blue)}.footer-inner{padding:70px 0 30px}.footer-inner>p{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.footer-inner>a{font-size:clamp(48px,7vw,76px);line-height:.95;letter-spacing:-.055em;font-weight:800;display:block;margin:34px 0 72px}.footer-bottom{padding-top:18px;border-top:1px solid #16324f33;display:flex;justify-content:space-between;font-size:11px}
.case-hero{padding:55px 0 70px}.back{display:inline-block;font-size:12px;font-weight:700;color:var(--muted)}.case-kicker{margin:42px 0 12px}.case-hero h1{font-size:clamp(54px,8vw,82px);line-height:.95;letter-spacing:-.06em;margin:0}.standfirst{font:clamp(23px,3vw,31px)/1.5 Georgia;max-width:820px;margin:35px 0}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden}.case-meta div{padding:18px;border-right:1px solid var(--line)}.case-meta div:last-child{border:0}.case-meta b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px;color:var(--accent)}.case-meta span{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.case-cover{margin-top:45px;min-height:460px;display:grid;place-items:center;padding:32px;border-radius:10px;background:#e5edf4}.case-cover img{max-width:100%;max-height:410px;object-fit:contain;filter:drop-shadow(0 22px 22px #1420282e)}.case-section{padding:72px 0;border-top:1px solid var(--line)}.case-content{width:min(720px,calc(100% - 2*var(--page-inset)));margin-inline:auto}.case-num{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--accent);margin-bottom:18px}.case-content h2{font-size:clamp(35px,5vw,48px);line-height:1.08;letter-spacing:-.045em;margin:0 0 28px}.case-content h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}.case-content p{font-size:16px;line-height:1.75;color:var(--muted)}.case-content strong{color:var(--ink)}.case-challenge,.insight{background:white;border-left:4px solid var(--accent);padding:22px 25px;margin:42px 0}.case-challenge span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700}.case-challenge strong{display:block;font:25px/1.45 Georgia;margin-top:10px}.insight{font:italic 25px/1.45 Georgia}.decision{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.decision>span{font:italic 24px Georgia;color:var(--accent)}.decision p{margin:0 0 10px}.case-figure{width:min(900px,calc(100% - 2*var(--page-inset)));margin:48px auto}.case-figure img{display:block;width:100%;max-height:850px;object-fit:contain;background:white;border:1px solid var(--line);border-radius:8px}.case-figure figcaption,.form-contact-sheet figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:11px}.form-contact-sheet{width:min(1100px,calc(100% - 2*var(--page-inset)));margin:45px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-contact-sheet figure{margin:0}.form-contact-sheet img{display:block;width:100%;height:350px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:6px}.case-image-pair{width:min(1050px,calc(100% - 2*var(--page-inset)));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-image-pair .case-figure{width:100%}.result-section{padding:75px 0}.result-section h2{font-size:clamp(40px,5vw,54px);letter-spacing:-.045em;margin:0 0 38px}.case-result{padding:0 24px;border-right:1px solid #ffffff29}.case-result:first-child{padding-left:0}.case-result:last-child{border:0}.next-project{background:var(--blue);padding:52px 0}.next-project a{display:flex;justify-content:space-between;align-items:center}.next-project span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.next-project strong{font-size:clamp(32px,5vw,48px);letter-spacing:-.04em}
@media(max-width:860px){.career-board{width:860px}.career-board-heading{top:22px;left:var(--page-inset)}.career-board-heading h1{max-width:480px;font-size:34px}.career-space{width:42px}.career-token{width:78px}.career-roll.desktop,.career-story{display:none}.career-mobile-controls{display:flex;justify-content:center;padding:10px 0 2px;min-height:115px}.career-roll.mobile{position:relative;right:auto;bottom:auto;font-size:16px}.career-die{width:53px}.career-roll-label{min-width:110px}.career-story-mobile{display:block;width:min(520px,calc(100% - 32px));margin:10px auto;padding:18px 22px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 18px #273a431f}.career-story-mobile>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#a94439}.career-story-mobile h2{font-size:22px;line-height:1.2;margin:5px 0}.career-story-mobile p{font-size:14px;line-height:1.5;margin:0;color:var(--muted)}.career-game-caption{justify-content:space-between;font-size:12px}.career-game-mobile-hint{display:inline}.game-intro{padding-top:36px;display:block}.game-intro p{font-size:19px;margin-bottom:14px}}
.range{padding:20px 0 100px}.range-heading{border-top:1px solid var(--line);padding-top:62px;margin-bottom:42px;display:grid;grid-template-columns:1fr 1.4fr;gap:22px 55px}.range-heading>p:first-child{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--accent)}.range-heading h2{font-size:clamp(40px,5vw,58px);line-height:1.03;letter-spacing:-.05em;margin:0}.range-heading>p:last-child{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;padding-bottom:24px}.mini-visual{height:300px;display:flex;align-items:center;justify-content:center;gap:7px;padding:16px;background:#eaf2fa;overflow:hidden}.mini-card:nth-child(2) .mini-visual{background:#fff1c7}.mini-card:nth-child(3) .mini-visual{background:#bfe6dc}.mini-visual img{height:250px;max-width:48%;object-fit:contain;border-radius:12px;box-shadow:0 8px 16px #16324f26}.mini-card>span,.mini-card>h3,.mini-card>p,.mini-card>a{display:block;margin-left:20px;margin-right:20px}.mini-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--accent);margin-top:20px}.mini-card h3{font-size:23px;line-height:1.18;margin-top:9px;margin-bottom:8px}.mini-card p{font-size:13px;line-height:1.55;color:var(--muted);margin-top:0}.mini-card>a{font-size:12px;font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:4px;margin-top:16px}.quote-section{background:var(--ink);color:var(--paper)}.quote-inner{padding:82px 0}.quote-inner>span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--coral)}.quote-inner blockquote{font:clamp(30px,4vw,46px)/1.25 Georgia;margin:30px 0 18px;max-width:850px}.quote-inner p{font-size:13px;color:#c2d1de}
@media(max-width:760px){.nav-links>a:not(.nav-cta){display:none}.impact-grid,.clarity-grid,.case-results,.range-grid{grid-template-columns:1fr}.impact-stat,.case-result{padding:24px 0;border-right:0;border-bottom:1px solid #ffffff29}.clarity{padding:58px 0}.clarity-intro,.range-heading{grid-template-columns:1fr;gap:12px}.featured-card{grid-template-columns:1fr}.featured-visual{min-height:330px}.featured-copy{padding:30px 25px}.about{grid-template-columns:1fr;gap:25px;padding:75px 0}.portrait{width:220px}.footer-inner>a{font-size:14vw}.case-meta{grid-template-columns:1fr 1fr}.case-meta div:nth-child(2){border-right:0}.case-meta div:nth-child(-n+2){border-bottom:1px solid var(--line)}.case-cover{min-height:330px;padding:18px}.case-section{padding:58px 0}.form-contact-sheet{grid-template-columns:repeat(2,1fr)}.case-image-pair{grid-template-columns:1fr}.next-project a{display:grid;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.career-token,.career-token-art,.career-token-art img,.career-die{animation:none!important;transition:none!important}}

/* Let the game illustration sit on the same canvas as the rest of the page. */
.career-game,.career-board{background:transparent}
.career-board-art{mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 5%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.career-board-art{filter:url(#remove-ivory);mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}

@font-face{font-family:Inter;src:url('../assets/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body,.career-roll{font-family:Inter,Arial,Helvetica,sans-serif;font-optical-sizing:auto}

/* Navigation rebuilt from April's supplied Figma export; labels remain HTML text. */
:root{--paper:#fffcf5}
.nav.shell{width:min(1280px,calc(100% - 2*var(--page-inset)))}
.nav{height:76px;border-bottom:0;color:#3e3e3e}
.nav .monogram{font-size:32px;font-weight:800;line-height:1;letter-spacing:-.035em;white-space:nowrap}
.nav .nav-links{gap:42px;font-size:18px;font-weight:400;line-height:1;letter-spacing:0}
.nav .nav-links>a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:6px}
.nav .nav-cta{width:168px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid #3e3e3e;border-radius:3px;box-shadow:0 2px 0 #000;background:transparent;color:#3e3e3e;white-space:nowrap}
.nav .nav-cta:hover{background:#3e3e3e;color:#fffcf5}
.coffee-icon{display:block;width:20px;height:25px;flex:none}
@media(max-width:760px){.nav .monogram{font-size:clamp(20px,6vw,26px)}.nav .nav-links{gap:0}.nav .nav-cta{width:145px;height:40px;font-size:14px;gap:5px}.coffee-icon{width:18px;height:23px}}
.nav .coffee-icon{display:none}
.nav .nav-cta::after{content:"";display:block;width:24px;height:24px;flex:none;background:url('../assets/Coffe_black.svg') center/contain no-repeat}
.nav .nav-cta:hover::after,.nav .nav-cta:focus-visible::after{background-image:url('../assets/Coffe_white.svg')}
.nav .nav-cta:focus-visible{background:#3e3e3e;color:#fffcf5;outline:2px solid #3e3e3e;outline-offset:3px}
.nav .monogram,.nav .nav-links a{letter-spacing:0;word-spacing:0;font-kerning:normal;font-feature-settings:"kern" 1}
.nav .nav-cta{box-shadow:0 2px 0 #3e3e3e}

/* Minimal game stage with April's illustrated platform spots. */
.career-board{aspect-ratio:16/7.8;min-height:620px;background:transparent}
.career-board-art,.career-story-preview{display:none}
.career-path,.career-space,.career-token{top:60%}
.career-space,.career-space.is-current{width:clamp(112px,10vw,145px);height:48px;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:url('../assets/career-game/spot-platform.svg') center/100% auto no-repeat;transform:translate(-50%,-50%);scale:1;transition:transform .2s ease,filter .2s ease}
.career-space.is-current{filter:drop-shadow(0 0 8px #f26b5b80)}
.career-space:hover,.career-space:focus-visible{background:url('../assets/career-game/spot-platform.svg') center/100% auto no-repeat;transform:translate(-50%,-50%) scale(1.06);scale:1;outline:2px solid var(--ink);outline-offset:3px}
.career-token{transition:left 1.2s linear,opacity .08s}
.career-token.is-moving .career-token-art,.career-token.is-moving .career-token-idle,.career-token.is-moving .career-token-step{animation-duration:.8s}
.career-story{grid-template-columns:1fr;width:360px;min-height:145px;bottom:4%}
.career-roll.desktop{bottom:4%}
@media(max-width:860px){.career-board{aspect-ratio:16/9;min-height:0}.career-path,.career-space,.career-token{top:65%}.career-space,.career-space.is-current{width:100px}}
.career-space.is-current{filter:none}
.career-space:hover{outline:none;filter:none;transform:translate(-50%,-50%)}
.career-space:focus:not(:focus-visible){outline:none}
.career-space:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.career-token{filter:none}
.career-board-heading{left:50%;top:7%;width:min(900px,calc(100% - 2*var(--page-inset)));transform:translateX(-50%);text-align:center}
.career-board-heading h1{max-width:820px;margin-inline:auto;font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.04em}
@media(max-width:860px){.career-board-heading{left:0;top:22px;width:min(100vw,860px);padding-inline:var(--page-inset);transform:none}.career-board-heading h1{max-width:600px;font-size:clamp(32px,8vw,44px);line-height:1.1}}
.nav .monogram{font-size:22px;font-weight:700}
@media(max-width:760px){.nav .monogram{font-size:19px}}

/* Refined game hero: editorial heading over a continuous six-stop board. */
.career-board-heading{left:5.6%;top:13%;width:min(900px,85%);transform:none;text-align:left;pointer-events:auto}
.career-board-heading h1{max-width:none;margin:0;color:#3e3e3e;font:400 clamp(42px,5vw,68px)/1.13 Inter,Arial,sans-serif;letter-spacing:.012em}
.career-board-heading h1 span{display:block;white-space:nowrap}
.career-board-heading h1 strong{font-weight:800}
.career-view-work{display:inline-flex;align-items:center;gap:9px;margin-top:24px;color:#3e3e3e;font:500 17px/1.2 Inter,Arial,sans-serif;letter-spacing:.015em}
.career-view-work:hover{text-decoration:underline;text-underline-offset:5px}
.career-path{left:5.6%;right:5.6%;top:72%;height:88px;transform:none;background:#3e3e3e;filter:none;clip-path:polygon(0 0,100% 0,100% 74%,96% 100%,0 100%)}
.career-space,.career-space.is-current{top:72%;width:clamp(140px,15vw,220px);height:50px;transform:translate(-50%,-100%);background-size:100% auto;background-position:center bottom;filter:none}
.career-space:hover{transform:translate(-50%,-100%);background-size:100% auto;background-position:center bottom}
.career-space:focus-visible{transform:translate(-50%,-100%);background-size:100% auto;background-position:center bottom}
.career-token{top:calc(72% - 18px);width:80px;height:118px;aspect-ratio:auto;transform:translate(-50%,-100%)}
.career-roll.desktop{right:10%;top:44%;bottom:auto}
.career-story{left:6.5%;top:calc(72% + 8px);bottom:auto;width:min(640px,70%);height:70px;min-height:0;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff}
.career-story-body{display:block}
.career-story-count,.career-story-place{display:inline;color:#fedb9e;font:600 11px/1.2 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.career-story-place{margin-left:12px}
.career-story h2{color:#fff;font:700 17px/1.2 Inter,Arial,sans-serif;margin:4px 0 0}
.career-story p{color:#f7f7f4;font-size:12px;line-height:1.25;margin:2px 0 0;max-width:600px}
.career-story-progress{display:none}
.game-intro{padding-top:22px}
.game-intro p{font-size:18px;color:var(--muted)}
@media(max-width:860px){.career-board-heading{left:var(--page-inset);top:22px;width:min(calc(100vw - 2*var(--page-inset)),760px);padding:0}.career-board-heading h1{font-size:clamp(27px,7.5vw,42px);line-height:1.12}.career-view-work{font-size:14px;margin-top:15px}.career-path{top:72%;height:48px}.career-space,.career-space.is-current{top:72%;width:129px;height:44px}.career-token{top:calc(72% - 14px);width:70px;height:103px}.career-story{display:none}}

/* One continuous board; transparent hit areas preserve all six clickable stops. */
.career-path{top:70%;height:150px;background:url('../assets/career-game/connected-board.svg') center/100% 100% no-repeat;clip-path:none}
.career-space,.career-space.is-current,.career-space:hover,.career-space:focus-visible{top:calc(70% + 22px);width:14.8%;height:66px;aspect-ratio:auto;transform:translate(-50%,-50%);background:none;box-shadow:none;border:0;border-radius:0;filter:none;scale:1}
.career-space:focus-visible{outline:2px solid #3e3e3e;outline-offset:2px}
.career-token{top:calc(70% + 24px);transform:translate(-50%,-100%)}
.career-story{top:calc(70% + 46px);height:94px;width:min(760px,78%);overflow:hidden}
.career-story-count,.career-story-place{font-size:14px;line-height:1.25}
.career-story h2{font-size:24px;line-height:1.2;margin-top:8px}
.career-story p{font-size:15px;line-height:1.25;margin-top:4px;color:#fff}
.career-roll.desktop{right:13%;top:21%;font-size:16px}
.career-roll.desktop .career-die{width:54px}
.career-roll.desktop .career-roll-label{min-width:116px;padding:6px 10px 7px}
@media(max-width:860px){.career-path{top:72%;height:62px}.career-space,.career-space.is-current,.career-space:hover,.career-space:focus-visible{top:calc(72% + 14px);height:44px}.career-token{top:calc(72% + 15px)}}

/* Keep the game instruction attached to the die instead of the bottom edge. */
.career-game-caption{position:absolute;right:calc(13% - 72px);top:calc(21% + 102px);width:260px;display:block;padding:0;text-align:center;color:#3e3e3e;font:500 13px/1.4 Inter,Arial,sans-serif}
@media(max-width:860px){.career-game{display:flex;flex-direction:column}.career-board-viewport{order:0}.career-mobile-controls{order:1}.career-game-caption{position:static;order:2;width:auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 16px 14px;text-align:center}.career-story-mobile{order:3}}