.work-page{background:var(--navy);min-height:100svh;padding:clamp(22px,4vw,52px) clamp(20px,5vw,78px) 72px}.work-nav{justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(40px,6vw,80px);display:flex}.work-nav__label{color:#b8bec7;letter-spacing:.12em;text-align:right;font-size:12px;font-weight:650}.work-content{width:min(1180px,100%);margin:0 auto}.work-page a:focus-visible,.work-page button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.work-page :where(p,h1,h2,h3){margin-top:0}.work-sticker{background:var(--lime);color:var(--ink);font-family:var(--display);letter-spacing:.045em;margin:0;padding:6px 12px 4px;font-size:17px;display:inline-block;transform:rotate(-1.5deg)}.work-hero{margin-bottom:clamp(34px,5vw,65px);position:relative}.work-hero h1{font-family:var(--display);letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(100px,15vw,190px);font-weight:400;line-height:.9}.work-hero__note{color:#b8bec7;margin:22px 0 0;font-size:clamp(15px,1.6vw,19px)}.project-card{border:3px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:12px 14px 0 var(--orange);grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);display:grid}.project-card__preview{border-right:3px solid var(--ink);min-width:0;color:var(--ink);background:#eeeadd;flex-direction:column;justify-content:center;padding:clamp(22px,3vw,40px);text-decoration:none;display:flex}.project-card__preview-meta,.project-card__meta{letter-spacing:.075em;justify-content:space-between;gap:12px;font-size:11px;font-weight:750;display:flex}.project-card__preview-meta{margin-bottom:22px}.project-card__preview img{border:2px solid var(--ink);width:100%;height:auto;display:block}.project-card__image-caption{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:14px;font-weight:650;display:flex}.project-card__image-caption span{font-size:25px}.project-card__copy{min-width:0;padding:clamp(24px,3vw,42px)}.project-card h2{font-family:var(--display);letter-spacing:-.02em;margin:28px 0 14px;font-size:clamp(58px,6.2vw,84px);font-weight:400;line-height:.94}.project-card h2 a{color:inherit;text-decoration:none}.project-card h2 a:hover{color:#2454b4}.project-card__chinese{margin-bottom:24px;font-size:23px;font-weight:800}.project-card__description{font-size:15px;line-height:1.85}.work-tags{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.work-tags li{border:1px solid;padding:5px 8px;font-size:11px;font-weight:650;line-height:1.5}.work-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px;display:flex}.work-button{border:2px solid var(--ink);background:var(--lime);min-height:48px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);justify-content:space-between;align-items:center;gap:24px;padding:12px 20px;font-size:14px;font-weight:800;line-height:1.5;text-decoration:none;transition:background .16s;display:inline-flex}.work-button:hover{background:#d5f54e}.work-button span{font-size:21px;line-height:1}.work-text-link{min-height:44px;color:inherit;text-underline-offset:5px;align-items:center;gap:9px;font-size:13px;font-weight:750;display:inline-flex}.work-text-link:hover{text-decoration-thickness:2px}.work-shelf-note{color:#b8bec7;text-align:right;margin:55px 0 0;font-size:13px}.paper-panel{border:3px solid var(--ink);background:var(--paper);color:var(--ink)}.case-study{gap:clamp(32px,5vw,62px);display:grid}.case-hero{box-shadow:12px 14px 0 var(--orange);padding:clamp(26px,4vw,52px)}.case-hero__meta{border-bottom:2px solid var(--ink);letter-spacing:.075em;justify-content:space-between;padding-bottom:24px;font-size:12px;font-weight:750;display:flex}.case-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;gap:clamp(26px,4vw,50px);margin:34px 0;display:grid}.case-hero__kicker{margin-bottom:14px;font-size:21px;font-weight:800}.case-hero h1{font-family:var(--display);letter-spacing:-.025em;margin-bottom:28px;font-size:clamp(74px,8.4vw,114px);font-weight:400;line-height:.91}.case-hero__lead{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(23px,2.7vw,32px);font-weight:800;line-height:1.4}.case-hero__description{max-width:32em;margin-bottom:0;font-size:15px;line-height:1.85}.case-hero .work-actions{gap:20px;margin-top:25px}.case-hero__availability{color:#55564e;margin:16px 0 0;font-size:12px}.case-hero__image{margin:0}.case-image-label{border:2px solid var(--ink);font-family:var(--display);background:#f2c83e;margin:0 0 20px -9px;padding:8px 12px;font-size:clamp(17px,1.8vw,25px);display:inline-block;transform:rotate(2deg)}.screenshot-button{border:2px solid var(--ink);width:100%;color:var(--ink);cursor:zoom-in;background:#f0ede2;padding:0;display:block;position:relative;overflow:hidden}.screenshot-button img{width:100%;height:auto;display:block}.screenshot-hint{background:var(--ink);color:var(--paper);font-family:var(--body);opacity:0;padding:7px 10px;font-size:11px;transition:opacity .16s;position:absolute;bottom:0;right:0}.screenshot-button:hover .screenshot-hint,.screenshot-button:focus-visible .screenshot-hint{opacity:1}.case-study figure>figcaption{color:#55564e;margin-top:12px;font-size:12px;line-height:1.6}.case-hero__credits{border-top:1px solid #c5bdab;flex-wrap:wrap;align-items:center;gap:20px;padding-top:22px;font-size:12px;font-weight:750;display:flex}.case-hero__credits .work-tags{margin:0}.case-facts{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0;display:grid}.case-facts>div{border-left:1px solid #394455;padding:0 clamp(15px,3vw,40px)}.case-facts>div:first-child{border:0;padding-left:0}.case-facts dt{color:#b8bec7;margin-bottom:14px;font-size:13px}.case-facts dd{color:var(--lime);font-family:var(--display);margin:0;font-size:clamp(55px,7vw,94px);line-height:1}.case-facts dd span{color:var(--paper);font-family:var(--body);margin-left:10px;font-size:15px}.case-loop{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:45px;padding:clamp(27px,4vw,52px);display:grid}.section-eyebrow{font-family:var(--display);letter-spacing:.06em;margin-bottom:22px;font-size:16px;font-weight:400}.case-study h2{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(29px,3.5vw,44px);line-height:1.3}.case-loop__body>p,.decision-body>p,.case-visual__copy>p:not(.section-eyebrow){font-size:15px;line-height:1.95}.game-loop{gap:0;margin:24px 0 0;padding:0;list-style:none;display:grid}.game-loop li{border-top:1px solid #c5bdab;gap:18px;padding:20px 0;display:flex}.game-loop li>span{color:#2454b4;font-family:var(--display);font-size:29px}.game-loop h3{margin:0 0 6px;font-size:17px}.game-loop p{color:#55564e;margin-bottom:0;font-size:13px;line-height:1.8}.case-process-title{padding:16px 0 0;scroll-margin-top:28px}.case-process-title h2{margin:22px 0;font-size:clamp(39px,5vw,63px)}.case-process-title>p:last-child{color:#b8bec7;margin-bottom:0;font-size:15px}.case-decision{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:45px;padding:clamp(27px,4vw,52px);display:grid}.decision-number{color:#2454b4;font-family:var(--display);margin-bottom:22px;font-size:58px;line-height:1;display:block}.decision-heading .section-eyebrow{margin-bottom:14px}.decision-heading h3{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(26px,2.7vw,35px);line-height:1.45}.decision-body>p:last-of-type{margin-bottom:0}.direction-comparison{grid-template-columns:1fr;gap:12px;margin-top:28px;display:grid}.direction-comparison>div{background:#e6decd;padding:18px 20px}.direction-comparison>div:last-child{background:#e2e9c2;border-left:4px solid #597300}.direction-comparison span{margin-bottom:7px;font-size:11px;font-weight:650;display:block}.direction-comparison strong{font-size:16px}.direction-comparison p{color:#55564e;margin:8px 0 0;font-size:12px;line-height:1.7}.decision-takeaway{border-left:4px solid var(--orange);margin:30px 0 0;padding:14px 16px;font-size:16px;font-weight:750;line-height:1.8}.score-comparison{background:#eee6d5;margin:30px 0 0;padding:22px}.score-comparison>figcaption{font-weight:750;color:var(--ink)!important;margin:0 0 22px!important;font-size:14px!important}.score-comparison__row{grid-template-columns:45px minmax(0,1fr) 72px;align-items:center;gap:14px;margin-top:14px;display:grid}.score-comparison__row>span{font-size:12px}.score-comparison__track{background:#d9d1c0;height:24px}.score-comparison__bar{width:var(--share);height:100%;display:block}.score-comparison__bar--before{background:#bc4c26}.score-comparison__bar--after{background:#2454b4}.score-comparison__row strong{font-family:var(--display);text-align:right;font-size:38px;font-weight:400}.score-comparison__row strong span{font-size:21px}.source-note{color:#55564e;margin:24px 0 0;font-size:11px;line-height:1.8}.source-note a{color:inherit;text-underline-offset:3px}.case-onboarding{padding:clamp(27px,4vw,52px)}.case-onboarding .decision-heading{margin-bottom:32px}.case-onboarding__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:45px;display:grid}.case-onboarding figure,.case-visual figure{margin:0}.tutorial-sequence{counter-reset:tips;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 0;padding:0;list-style:none;display:grid}.tutorial-sequence li{text-align:center;counter-increment:tips;background:#e6decd;padding:14px 8px;font-size:12px;font-weight:750}.tutorial-sequence li:before{content:"0" counter(tips);color:#2454b4;font-family:var(--display);margin-bottom:8px;font-size:24px;display:block}.case-simulation{border-top:1px solid #394455;border-bottom:1px solid #394455;grid-template-columns:1fr 1.3fr;column-gap:45px;padding:30px 0;display:grid}.case-simulation .section-eyebrow{color:var(--lime);grid-column:1/-1}.case-simulation h3{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(24px,2.5vw,31px);line-height:1.5}.case-simulation>p:last-child{color:#b8bec7;margin-bottom:0;font-size:14px;line-height:1.95}.case-visual{box-shadow:10px 12px 0 var(--blue);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:45px;padding:clamp(27px,4vw,52px);display:grid}.case-visual__copy>p:last-child{margin-bottom:0}.case-tech{padding-top:15px}.case-tech>div{grid-template-columns:1fr 1.3fr;gap:45px;display:grid}.case-tech>div>p{color:#b8bec7;margin-bottom:0;font-size:14px;line-height:1.95}.case-tech .work-text-link,.case-tech .section-eyebrow{color:var(--lime)}.case-tech h2{font-size:clamp(26px,2.7vw,35px)}.case-play{border:3px solid var(--ink);background:var(--lime);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:clamp(26px,4vw,48px);display:flex}.case-play p{margin-bottom:16px;font-size:16px;font-weight:750}.case-play h2{font-family:var(--display);letter-spacing:-.015em;margin-bottom:0;font-size:clamp(40px,6vw,77px);font-weight:400;line-height:1}.case-play .work-button{background:var(--paper)}.case-back-bottom{width:max-content;color:var(--paper);text-underline-offset:5px;font-size:14px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screenshot-dialog{border:3px solid var(--ink);background:var(--paper);width:min(1280px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--ink);padding:18px}.screenshot-dialog::backdrop{background:#061326e0}.screenshot-dialog__toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.screenshot-dialog__toolbar p{margin:0;font-size:13px;line-height:1.5}.screenshot-dialog__toolbar button{border:2px solid var(--ink);background:var(--lime);min-height:44px;color:var(--ink);font:750 13px var(--body);cursor:pointer;flex-shrink:0;padding:8px 13px}.screenshot-dialog__toolbar button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.screenshot-dialog>img{width:100%;height:auto;display:block}@media (width<=1000px){.project-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.project-card__preview-meta{font-size:10px}.project-card__meta{flex-wrap:wrap}.case-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.case-hero .work-actions{gap:14px}.case-hero .work-text-link{font-size:12px}}@media (width<=800px){.project-card,.case-hero__grid,.case-loop,.case-decision,.case-onboarding__grid,.case-visual{grid-template-columns:1fr}.project-card__preview{border-right:0;border-bottom:3px solid var(--ink)}.project-card__copy{padding:30px}.project-card h2{font-size:clamp(62px,12vw,95px)}.case-hero h1{font-size:clamp(78px,14vw,115px)}.case-hero__description{max-width:none}.case-hero__image{margin-top:16px}.case-hero__grid{gap:32px}.case-loop,.case-decision,.case-onboarding__grid,.case-visual{gap:28px}.decision-number{margin-bottom:16px}.case-simulation,.case-tech>div{grid-template-columns:1fr;gap:20px}.case-simulation .section-eyebrow,.case-tech h2{margin-bottom:0}}@media (width<=480px){.work-page{padding:24px 18px 52px}.work-nav{gap:15px;margin-bottom:40px}.work-nav__label{max-width:150px;font-size:10px;line-height:1.7}.work-hero h1{font-size:108px}.work-hero__note{font-size:14px}.project-card{box-shadow:7px 9px 0 var(--orange)}.project-card__preview{padding:20px 16px}.project-card__copy{padding:26px 22px}.project-card h2{font-size:clamp(50px,14vw,66px)}.project-card__chinese{margin-bottom:18px}.work-actions{gap:18px}.work-shelf-note{text-align:left;font-size:12px;line-height:1.9}.case-hero{box-shadow:7px 9px 0 var(--orange);padding:24px 20px}.case-hero__meta{gap:15px;font-size:10px}.case-hero h1{font-size:80px}.case-hero__lead{font-size:26px}.case-hero__description{font-size:14px}.case-hero .work-actions{flex-direction:column;align-items:flex-start;gap:7px}.case-hero__credits{gap:12px}.case-facts{margin-top:10px}.case-facts dt{font-size:10px}.case-facts dd{font-size:55px}.case-facts dd span{margin-left:5px;font-size:12px}.case-loop,.case-decision,.case-onboarding,.case-visual{padding:26px 20px}.case-study h2{font-size:30px}.case-process-title h2{font-size:42px}.case-process-title>p:last-child{font-size:13px}.decision-heading h3{font-size:26px}.decision-body>p,.case-loop__body>p,.case-visual__copy>p:not(.section-eyebrow){font-size:14px}.score-comparison{padding:18px 14px}.score-comparison__row{grid-template-columns:39px minmax(0,1fr) 60px;gap:10px}.score-comparison__row strong{font-size:33px}.case-visual{box-shadow:7px 9px 0 var(--blue)}.case-play h2{font-size:clamp(33px,9vw,44px)}.screenshot-dialog{padding:12px}.screenshot-dialog__toolbar p{font-size:11px}}@media (hover:none){.screenshot-hint{opacity:1}}