.project-story{background:#f8f8f6;border-top:1px solid #e5e5e0}.story-soil{background:#eef1ed}.story-games{background:#f0efea}.story-speech{background:#f0edf2}.project-story[data-motion=scroll]{height:var(--story-height)}.story-stage{position:relative;overflow:clip}[data-motion=scroll] .story-stage{flex-direction:column;height:100svh;display:flex;position:sticky;top:0}.story-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;height:90px;display:flex}.story-header>div{align-items:baseline;gap:18px;display:flex}.story-header h3{letter-spacing:-.75px;font-size:23px}.story-header>div>span{color:var(--muted);font-size:12px}.story-detail-link{color:var(--accent);white-space:nowrap;background:0 0;flex-shrink:0;padding:10px 0 10px 12px;font-size:13px}.story-detail-link>span{margin-left:8px}.story-presentation{display:none}[data-motion=scroll] .story-presentation{flex:1;grid-template-columns:.92fr 1.28fr;align-items:center;gap:64px;min-height:0;display:grid}.story-copy-stack{align-items:center;display:grid}.story-copy{grid-area:1/1;position:relative}.chapter-label{color:var(--accent);font-size:13px;font-weight:500}.story-copy h4{font-family:var(--heading);letter-spacing:-.055em;white-space:pre-line;margin:18px 0 23px;font-size:clamp(32px,3.5vw,49px);font-weight:600;line-height:1.08}.story-copy>p{color:#6b6d66;letter-spacing:-.18px;max-width:390px;font-size:17px;line-height:1.65}.chapter-detail{color:#75776e;margin-top:27px;font-size:11px;line-height:1.6;display:block}.story-visual{height:100%;min-height:0;position:relative}.story-photo{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:30px 0 34px}.story-image-wrap{display:contents}.story-photo img{border-radius:16px;width:auto;max-width:100%;height:auto;min-height:0;max-height:calc(100% - 35px)}.story-photo figcaption{color:#7b7e74;text-align:center;min-height:20px;margin-top:15px;font-size:11px;line-height:1.5}.story-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:90px;display:flex}.scroll-cue,.story-skip{color:#797c72;font-size:11px}.scroll-cue>span{margin-left:8px}.story-chapters{background:#e8e9e3;border:1px solid #dedfd8;border-radius:30px;align-items:center;gap:5px;padding:5px;display:flex}.story-chapters button{color:#72756b;background:0 0;border-radius:24px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;transition:background .15s,color .15s,transform .15s cubic-bezier(.23,1,.32,1);display:flex}.story-chapters button span{opacity:.7;font-variant-numeric:tabular-nums;font-size:10px}.story-chapters button[aria-current=step]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #0000000a}.story-chapters button:active{transform:scale(.97)}.story-static{gap:70px;padding-block:40px;display:grid}.story-static article{grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;display:grid}.story-static img{border-radius:16px;width:auto;max-width:100%;max-height:540px;margin-inline:auto}[data-motion=scroll] .story-static,[data-motion=static] .story-chapters,[data-motion=static] .scroll-cue{display:none}[data-motion=static] .story-footer{justify-content:flex-end}.story-graphic{aspect-ratio:1.2;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-height:100%;padding:7%;display:flex;overflow:hidden;container-type:inline-size}.graphic-eyebrow,.graphic-caption{font-size:clamp(10px,2.5cqi,14px);line-height:1.5}.graphic-eyebrow{letter-spacing:.08em}.graphic-caption{margin-top:7%}.graphic-studio{background:#fff;padding:0}.graphic-studio .studio-logo{object-fit:contain;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.graphic-players{color:#303c2b;background:#dfe5d6}.player-count{font-family:var(--heading);letter-spacing:-.075em;font-size:20cqi;font-weight:500;line-height:1.1}.story-graphic.game-proof{aspect-ratio:1;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:5%;display:grid}.game-peak{align-items:center;gap:20px;display:flex}.game-peak .player-count{font-size:13cqi}.game-peak>span{max-width:145px;font-size:clamp(10px,2.5cqi,13px);line-height:1.5}.game-screenshot{cursor:zoom-in;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex}.game-screenshot img{object-fit:contain;border-radius:10px;width:100%;height:100%;max-height:100%}.game-snapshot-caption{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.story-graphic.graphic-clicker{aspect-ratio:1;grid-template-rows:minmax(0,1.46fr) minmax(0,1fr) auto;gap:12px;padding:0;display:grid}.graphic-dataset{color:#51445f;gap:8%}.dataset-audio{width:100%}.dataset-recording{text-align:left;color:#d5b1ec;background:#403648;border-radius:12px;width:100%;padding:6% 7%;display:block}.dataset-label{font-size:clamp(10px,2.5cqi,13px);line-height:1.5;display:block}.dataset-recording .dataset-label{color:#cbbdd6}.dataset-audio-header{position:relative}.dataset-waveform{width:100%;height:auto;margin-top:5%;display:block}.speech-control{color:#403648;background:#d5b1ec;border:1px solid #ead9f4;border-radius:50%;place-items:center;width:44px;height:44px;padding:9px;transition:background .15s,box-shadow .15s,transform .15s;display:grid;position:absolute;top:50%;right:-10px;transform:translateY(-50%);box-shadow:0 2px 6px #22182d40}.speech-control-icon{width:24px;height:24px}.speech-control[data-playing=true]{color:#403648;background:#f0e9f5}.speech-control:active:not(:disabled){box-shadow:none;transform:translateY(-50%)scale(.94)}.speech-control:focus-visible{outline-color:#d5b1ec}.speech-control:disabled{cursor:wait;opacity:.65}.speech-error{margin-top:10px;font-size:12px;line-height:1.5}.dataset-transcript{width:100%;padding-inline:7%}.dataset-transcript .dataset-label{color:#8c8098}.dataset-transcript p{font-family:var(--heading);letter-spacing:-.045em;margin-top:4%;font-size:clamp(20px,8cqi,44px);font-weight:500;line-height:1.25}.dataset-transcript p>span{color:#8c6a9e}.graphic-stress{color:#f0e9f5;background:#403648}.graphic-stress .graphic-eyebrow,.graphic-stress .graphic-caption{color:#cbbdd6}.stress-examples{gap:16px;width:100%;margin:0;display:grid}.stress-examples>div{flex-direction:row-reverse;justify-content:center;align-items:center;gap:clamp(12px,4cqi,24px);display:flex}.stress-examples dd{color:#cbbdd6;text-align:center;flex-direction:column;flex:0 0 clamp(60px,16cqi,90px);align-items:center;gap:6px;margin:0;font-size:clamp(10px,2.8cqi,15px);line-height:1.5;display:flex}.stress-icon{flex-shrink:0;width:clamp(24px,8cqi,40px);height:auto}.stress-word{font-family:var(--heading);letter-spacing:-.055em;margin:0;font-size:18cqi;font-weight:500;line-height:1.35}.stress-word>span{color:#d5b1ec}.graphic-normalization{color:#51445f;background:#e4dfe8}.normalization-digit{font-family:var(--heading);margin-block:5%;font-size:18cqi;font-weight:500;line-height:1.2}.normalization-digit>span{color:#8c8098;vertical-align:middle;margin-left:.4em;font-size:.45em}.normalization-forms{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.normalization-forms li{text-align:center;background:#51445f0c;border:1px solid #51445f20;border-radius:6px;padding:.5em .3em;font-size:clamp(14px,5cqi,26px)}@media (hover:hover) and (pointer:fine){.speech-control:hover:not(:disabled){background:#f0e9f5;box-shadow:0 3px 10px #22182d60}.story-detail-link:hover{text-underline-offset:4px;text-decoration:underline}.story-chapters button:not([aria-current]):hover{color:var(--ink);background:#f4f5f0}}@media (width<=1000px){[data-motion=scroll] .story-presentation{grid-template-columns:1fr 1.1fr;gap:36px}.story-copy h4{font-size:37px}.story-copy>p{font-size:15px}}@media (width<=760px){.story-header{height:72px}.story-header h3{font-size:21px}.story-header>div>span{display:none}.story-detail-link{font-size:12px}[data-motion=scroll] .story-presentation{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:14px;padding-top:18px}.story-copy-stack{min-height:225px}.story-copy h4{margin:12px 0 15px;font-size:38px}.story-copy>p{max-width:480px;font-size:14px;line-height:1.6}.chapter-label{font-size:12px}.chapter-detail{margin-top:15px;font-size:10px}.story-photo{inset:0 0 5px}.story-photo img{border-radius:12px}.story-graphic{aspect-ratio:auto;border-radius:12px;width:min(100%,440px);height:100%;padding:5% 7%}.story-static .story-graphic{aspect-ratio:1.2;height:auto;margin-inline:auto}.story-graphic.graphic-studio{padding:0}.player-count{font-size:min(20cqi,10svh)}.story-graphic.game-proof,.story-graphic.graphic-clicker{aspect-ratio:auto;gap:8px}.story-static .story-graphic.game-proof,.story-static .story-graphic.graphic-clicker{aspect-ratio:1}.game-snapshot-caption{font-size:10px}.stress-word{font-size:min(18cqi,6svh)}.normalization-digit{margin-block:3%;font-size:min(18cqi,6svh)}.normalization-forms{gap:5px}.normalization-forms li{padding-block:.35em}.graphic-caption{margin-top:4%}.graphic-dataset{gap:6%}.dataset-recording{padding-block:4%}.dataset-waveform{max-height:8svh}.dataset-transcript p{font-size:min(8cqi,3.8svh)}.story-photo figcaption{margin-top:10px;font-size:10px}.story-footer{gap:10px;min-height:82px}.scroll-cue{display:none}.story-chapters{gap:0;padding:4px}.story-chapters button{gap:6px;padding:10px 12px;font-size:11px}.story-static article{grid-template-columns:1fr;gap:30px}.story-static img{max-height:450px}}@media (width<=420px){.story-copy h4{font-size:35px}.story-copy-stack{min-height:240px}.story-chapters button{padding:10px;font-size:10px}.story-chapters button>span{display:none}.story-skip{white-space:nowrap;font-size:10px}}:root{color:#292923;font-synthesis:none;--paper:#f5f3ed;--ink:#292923;--accent:#bf4326;--line:#d7d5cb;--muted:#686960;--heading:"Manrope", sans-serif;background:#f5f3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img,video{width:100%;display:block}::selection{background:#eed1bf}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:600}.container{width:min(1080px,100% - 96px);margin-inline:auto}.arrow{flex:none;width:20px;height:20px}.skip-link{z-index:10;background:var(--ink);color:var(--paper);padding:12px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:2;color:#20211c;justify-content:flex-end;align-items:center;height:86px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.site-header nav{gap:30px;font-size:14px;display:flex}.language-switch{border-left:1px solid #20211c55;align-items:center;gap:12px;padding-left:20px;font-size:12px;display:flex}.language-switch a{color:#505329}.language-switch a[aria-current=page]{color:#20211c;text-underline-offset:5px;text-decoration:underline}a:hover{color:var(--accent)}.site-header a:hover,.hero a:hover{color:#20211c;text-underline-offset:5px;text-decoration:underline}.site-header a:focus-visible,.hero a:focus-visible{outline-color:#20211c}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{--split:0px;--lean:0deg;color:#20211c;background:#e4fa38;flex-direction:column;height:100svh;min-height:620px;max-height:1200px;padding:100px 24px 22px;scroll-margin-top:0;display:flex;position:relative;overflow:hidden}.hero h1{flex:1;width:100%;min-height:0}.hero-type{width:100%;height:100%;transform:skewX(var(--lean));transition:transform .16s ease-out;display:block;overflow:visible}.hero-type text{font-family:var(--heading);letter-spacing:-22px;fill:currentColor;font-size:365px;font-weight:800}.hero-first{transform:translateX(calc(-1 * var(--split)))}.hero-last{transform:translateX(var(--split))}.hero-bottom{justify-content:space-between;align-items:center;gap:24px;padding:20px 16px 0;font-size:13px;display:flex}.hero-explore{align-items:center;gap:24px;min-height:44px;display:inline-flex}.hero-explore span{font-size:36px;line-height:1}figcaption{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.5}.work-section{padding-bottom:64px}.section-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:26px;padding-top:23px;display:flex}h2{letter-spacing:-.8px;font-size:26px}.section-heading>span{color:var(--muted);font-size:13px}.project-grid{grid-template-columns:1fr 1fr;gap:48px 32px;display:grid}.project-open{text-align:left;background:0 0;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:0;display:flex}.project-image{aspect-ratio:1.6;background:#e2e0d6;overflow:hidden}.project-image img{object-fit:cover;height:100%;transition:transform .25s}.project-open:hover .project-image img{transform:scale(1.018)}.project-info{flex-direction:column;flex:1;align-items:flex-start;padding-top:24px;display:flex}.category{color:var(--muted);font-size:12px}.project-info h3{letter-spacing:-.8px;margin-top:7px;font-size:27px}.project-description{color:#55574f;max-width:450px;margin-block:11px 22px;font-size:15px;line-height:1.7}.text-link{color:var(--accent);align-items:center;gap:12px;font-size:13px;font-weight:500;display:inline-flex}.project-info .text-link{margin-top:auto;padding-block:3px}.text-link .arrow{transition:transform .18s}.project-open:hover .text-link .arrow,.text-link:hover .arrow{transform:translate(4px)}.text-project{border-top:1px solid var(--line)}.text-project .project-info{padding-top:25px}.text-project h3{font-size:24px}.about-section{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:50px;padding-block:38px 64px;display:grid}.about-content{min-width:0}.academics-heading{color:var(--muted);padding-block:10px 22px;font-family:inherit;font-size:12px;font-weight:400}.academic-record{margin:0}.academic-row{border-top:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:24px;padding-block:26px;display:grid}.academic-row dt{color:var(--muted);padding-top:7px;font-size:13px;line-height:1.6}.academic-row dd{margin:0}.academic-score{font-family:var(--heading);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:36px;line-height:1.2}.academic-score>span{letter-spacing:0;color:var(--muted);font-family:DM Sans,sans-serif;font-size:14px}.academic-breakdown{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:12px;line-height:1.5;display:flex}.academic-breakdown strong{color:var(--ink);margin-left:5px;font-weight:500}.academic-detail{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.5}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary>span{color:var(--accent);font-size:20px;font-weight:400;transition:transform .18s}details[open]>summary>span{transform:rotate(45deg)}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding-block:24px 35px;font-size:12px;display:flex}.copyright{color:var(--muted);margin-left:12px}.site-footer a{color:var(--muted)}.project-dialog{width:min(820px,100% - 48px);max-width:820px;max-height:calc(100dvh - 48px);color:var(--ink);overscroll-behavior:contain;background:0 0;border:0;padding:0}.project-dialog::backdrop{background:#24241faa}.dialog-content{background:var(--paper);padding:0 40px 34px}.dialog-header{border-bottom:1px solid var(--line);background:var(--paper);z-index:2;justify-content:space-between;align-items:center;gap:20px;min-height:68px;font-size:13px;display:flex;position:sticky;top:0}.close-button{background:0 0;align-items:center;gap:13px;padding:10px 0 10px 15px;font-size:13px;display:flex}.close-button span{font-size:24px}.close-button:hover{color:var(--accent)}.dialog-heading{padding-block:31px}.dialog-heading h2{letter-spacing:-1.8px;margin-top:10px;font-size:clamp(32px,5vw,46px)}.dialog-intro{margin-top:17px;font-size:19px;line-height:1.65}.project-role{color:var(--muted);margin-top:18px;font-size:13px}.prototype-video video{aspect-ratio:16/9;background:#23241e;max-height:440px}.dialog-sections{gap:28px;padding-block:32px;display:grid}.dialog-sections h3{letter-spacing:-.4px;margin-bottom:10px;font-size:20px}.dialog-sections p{color:#55574f;font-size:15px;line-height:1.8}.numeral-examples{margin-top:22px}.numeral-table-wrap{overflow-x:auto}.numeral-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.numeral-examples table{border-collapse:collapse;text-align:left;width:100%;font-size:13px;line-height:1.6}.numeral-examples caption{text-align:left;margin-bottom:12px;font-weight:500}.numeral-examples th,.numeral-examples td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px 12px 0}.numeral-examples th{font-weight:500}.numeral-examples thead{color:var(--muted);font-size:12px}.numeral-examples td:last-child{min-width:150px}.numeral-examples td>span{display:block}.receipt-example{border:1px solid var(--line);margin-top:18px}.receipt-example summary{padding:13px 18px;font-size:14px}.receipt-content{padding:0 18px 18px}.receipt-content>p{font-size:13px}.receipt-steps{background:#ebe9e1;margin-block:16px;padding:20px}.receipt-steps div>span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.receipt-steps code{overflow-wrap:anywhere;font-size:14px}.receipt-arrow{color:var(--accent);margin-block:13px;display:block}.receipt-steps div p{color:var(--ink);font-size:15px}.dialog-gallery>img{aspect-ratio:4/3;object-fit:contain;background:#e8e6dd}.dialog-gallery figcaption{justify-content:space-between;align-items:center;gap:20px;display:flex}.gallery-controls{white-space:nowrap;align-items:center;gap:13px;display:flex}.gallery-controls button{border:1px solid var(--line);background:0 0;min-width:38px;min-height:38px}.gallery-controls button:hover{color:var(--accent);border-color:var(--accent)}.project-tools{border-block:1px solid var(--line);margin-top:28px;padding-block:22px}.project-tools h3{margin-bottom:9px;font-family:inherit;font-size:13px}.project-tools p{color:var(--muted);font-size:13px;line-height:1.8}.dialog-done{background:0 0;margin-top:25px;padding:8px 0}@media (width<=760px){.container{width:calc(100% - 40px)}.site-header{height:72px}.site-header nav{gap:18px}.language-switch{gap:10px;padding-left:14px}.section-heading>span{font-size:11px}.project-grid{gap:36px 24px}.project-description{font-size:14px}.project-info h3{font-size:25px}.about-section{grid-template-columns:1fr;gap:22px;padding-block:30px 42px}.work-section{padding-bottom:42px}}@media (width<=540px){.academic-row{grid-template-columns:1fr;gap:10px;padding-block:22px}.academic-row dt{padding-top:0}.academics-heading{padding-block:0 18px}.site-header nav{gap:14px;font-size:13px}.language-switch{padding-left:12px}.hero{min-height:540px;padding:90px 12px 20px}.hero-bottom{gap:16px;padding-inline:8px;font-size:12px}.hero-explore{gap:10px;max-width:58%}.section-heading>span{display:none}.project-grid{grid-template-columns:1fr;gap:34px}.project-info{padding-top:20px}.project-description{margin-bottom:16px;font-size:15px}.text-link{font-size:13px}.project-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.dialog-content{padding:0 20px 24px}.dialog-header{min-height:60px}.dialog-intro{font-size:17px}.dialog-sections h3{font-size:19px}.dialog-gallery figcaption{flex-direction:column;align-items:flex-start;gap:12px}.gallery-controls{align-self:flex-end}.receipt-steps{padding:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-type,.hero-first,.hero-last{transform:none}*,:before,:after{transition:none!important;animation:none!important}}
