/* October 2026 portfolio refresh: images first, one clear project index. */
:root{--paper:#f7f6f2;--ink:#263a32;--muted:#65716a;--line:#d7ddd4;--max:1320px}
html{scroll-padding-top:32px}body{font-size:15px}.site-header{min-height:94px;width:min(calc(100% - 96px),var(--max));gap:30px}.brand{font-size:21px}.site-header nav{font-size:12px}.site-header .nav-pdf{border:none;padding:9px 0}.site-header .nav-pdf:hover{background:none;color:var(--ink)}
.selected-work{margin:0 auto;padding-top:54px;padding-bottom:100px;margin-bottom:0;width:min(calc(100% - 96px),var(--max))}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:42px}.work-heading .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:13px;color:var(--muted)}.work-heading h1{font-size:clamp(44px,5vw,68px);font-weight:600;letter-spacing:-.065em}.work-dot{color:#bf835a}.work-heading>p{color:var(--muted);font-size:11px;padding-bottom:7px;text-align:right}
.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 32px}.project-card{display:block;grid-column:span 6;border:0;padding:0;min-width:0}.voices-card{grid-column:span 7}.dawn-card{grid-column:span 5}.project-art{display:block;padding:0;background:var(--project-paper);aspect-ratio:1.55;position:relative;overflow:hidden;border-radius:3px}.voices-card .project-art,.dawn-card .project-art{height:clamp(300px,31vw,430px);aspect-ratio:auto}.project-art>img{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.voices-card .project-art{background:#173c2e}.voices-card .project-art>img{object-fit:contain}.dawn-card .project-art>img:not(.cover-logo){object-fit:cover}.dawn-card .project-art>.cover-logo{position:absolute;top:13%;left:18%;width:64%;height:auto;max-height:45%;object-fit:contain;filter:drop-shadow(0 3px 7px #18102080)}.project-art:hover>img{transform:scale(1.02)}.open-arrow{right:17px;bottom:17px;width:38px;height:38px;border-radius:50%;background:#faf8f1e6}.card-meta,.dawn-card .card-meta,.echoes-card .card-meta,.space-card .card-meta{padding:21px 0 0}.card-kicker{font-size:9px;margin-bottom:11px;letter-spacing:.05em}.card-meta h2{font-size:clamp(26px,2.65vw,36px);letter-spacing:-.045em;font-weight:600;line-height:1.2;margin-bottom:13px}.card-meta h2 a:hover{color:var(--project-color)}.card-description,.echoes-card .card-description,.space-card .card-description{font-size:13px;line-height:1.85;max-width:560px}.card-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:17px;border-top:1px solid var(--line);padding-top:13px}.card-role{font-size:10px;font-weight:400;max-width:75%;margin:0}.card-link{margin:0;font-size:10px;border:0;white-space:nowrap;gap:15px}.nikki-card{grid-column:span 12;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:44px;border-top:1px solid var(--line);padding-top:40px}.nikki-card .project-art{aspect-ratio:1.7;background:#283066}.nikki-card .project-art img{object-fit:contain}.nikki-card .card-meta{padding:0}.nikki-card h2{font-size:38px}.echoes-card .project-art{background:#11282d}.space-card .project-art{background:#041f29}.compact-footer{background:#243b31;color:#f4f1e7;padding:40px max(48px,calc((100vw - var(--max))/2)) 24px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:30px}.compact-footer .brand>span{color:#b7c5bb;font-size:8px;margin-top:8px}.compact-footer .footer-email{font-size:16px;font-weight:400;margin:0;border:0}.footer-bottom{font-size:10px;border-color:#ffffff27}.footer-bottom>div{display:flex;gap:30px}
/* Quiet case studies let the artwork set the palette. */
body[data-page="project"]{background:var(--paper);color:var(--ink)}body[data-page="project"] .site-header{width:min(calc(100% - 96px),var(--max));padding:0;min-height:94px;background:var(--paper);color:var(--ink);position:relative;box-shadow:none;border-bottom:1px solid var(--line)}body[data-page="project"] .brand{color:var(--ink)}body[data-page="project"] .brand>span,body[data-page="project"] .language button{color:var(--muted)}body[data-page="project"] .language button[aria-pressed="true"]{color:var(--ink)}body[data-page="project"] .mobile-menu span{background:var(--ink)}body[data-page="project"] .nav-pdf:hover{background:none;color:var(--ink)}body[data-page="project"] .site-header nav>a:hover{border-color:var(--ink)}
.game-case{overflow:visible}.game-container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.case-topline{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding-top:28px;margin-bottom:30px}.case-topline a:hover{color:var(--project-color)}.project-lead{display:grid;grid-template-columns:.83fr 1.17fr;gap:58px;align-items:center;margin-bottom:40px}.project-lead-copy .eyebrow{font-size:10px;color:var(--project-color);margin-bottom:17px;max-width:420px}.project-lead h1{font-size:clamp(40px,4.3vw,61px);line-height:1.08;letter-spacing:-.055em;font-weight:600;margin-bottom:24px}.project-lead-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;max-width:470px;color:#536359}.project-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:27px}.project-actions a{font-size:11px;border-bottom:1px solid var(--line);padding:10px 0}.project-actions .primary-action{padding:12px 17px;background:var(--project-color);color:white;display:flex;gap:20px;border:0}.project-actions a:hover{opacity:.78}.project-lead-art{position:relative;background:var(--project-paper);border-radius:3px;overflow:hidden}.project-lead-art>img{width:100%;height:auto;max-height:480px;object-fit:contain}.game-dawn .project-lead-art>img:not(.case-cover-logo){min-height:360px;object-fit:cover}.project-lead-art>.case-cover-logo{position:absolute;left:30%;top:12%;width:40%;height:auto;max-height:45%;object-fit:contain;filter:drop-shadow(0 4px 6px #13182060)}
.project-context{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:58px;padding:30px 0 33px}.project-context>p{font-size:14px;line-height:1.95;color:#536359}.project-context dl{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin:0}.project-context dt{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.project-context dd{margin:0;font-size:12px;line-height:1.7}.project-chapters{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.project-chapters a{display:flex;gap:8px;font-size:10px;color:var(--muted);padding:5px 0}.project-chapters a>span{font-size:8px;color:var(--project-color)}.project-chapters a:hover{color:var(--project-color)}.game-design-details{margin:0;border:0;padding-top:15px}.game-detail{padding:52px 0;border-bottom:1px solid var(--line);margin:0}.game-detail-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.game-detail-label{font-size:10px;color:var(--project-color);letter-spacing:.08em;margin-bottom:15px}.game-detail-copy h2{font-size:clamp(26px,2.7vw,36px);font-weight:600;line-height:1.3;letter-spacing:-.04em;max-width:600px;margin-bottom:20px}.game-detail-copy>p:not(.game-detail-label){font-size:14px;line-height:1.95;color:#536359;max-width:880px}.game-detail:not(:has(.game-detail-row))>.game-detail-copy{max-width:940px}.game-detail-wide .game-detail-row{display:block}.game-detail-wide .game-detail-copy{max-width:900px;margin-bottom:30px}.game-detail-wide .game-detail-copy h2{max-width:900px}.game-detail-wide .game-detail-copy>p{max-width:900px}.game-detail-visual{min-width:0}.game-case .image-button{border-radius:2px;background:var(--project-paper);padding:0}.game-case .image-button img{width:100%;height:auto;max-height:620px;object-fit:contain}.game-detail-wide .image-button img{max-height:none}.game-case .case-figure figcaption{font-size:10px;color:var(--muted);line-height:1.8;margin-top:11px}.game-detail-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:30px;align-items:start}.game-gallery-1{max-width:none;grid-template-columns:1fr}.game-gallery-3,.game-gallery-6{grid-template-columns:repeat(3,minmax(0,1fr))}.game-gallery-4{grid-template-columns:repeat(2,minmax(0,1fr))}.game-detail-gallery .image-button img{max-height:460px;object-fit:contain}.game-gallery-3 .image-button img,.game-gallery-6 .image-button img{max-height:340px}.game-process{border-color:var(--line)}.game-process li>span{color:var(--project-color)}.game-spreads{margin-top:35px;padding-bottom:25px;border-color:var(--line)}.game-spreads summary{font-weight:400}.game-spread-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:10px}.game-end-nav{margin:35px 0 70px;display:flex;align-items:center;justify-content:space-between;gap:30px}.game-end-nav>a:first-child{font-size:12px}.game-next{display:flex;gap:18px;align-items:center}.game-next img{width:120px;height:75px;object-fit:contain;background:var(--project-paper)}.game-next small{font-size:9px;color:var(--muted)}.game-next strong{font-size:20px}.game-next>span:last-child{font-size:24px}body[data-page="project"] .site-footer{background:#243b31;color:#f4f1e7}.about-hero h1{font-size:60px}
@media(min-width:1500px){.work-heading h1{font-size:74px}.selected-work{padding-top:62px}}
@media(max-width:1050px){.site-header,body[data-page="project"] .site-header,.selected-work,.game-container{width:calc(100% - 56px)}.work-heading h1{font-size:52px}.work-heading>p{max-width:230px;line-height:1.8}.project-grid{gap:45px 25px}.voices-card,.dawn-card{grid-column:span 6}.voices-card .project-art,.dawn-card .project-art{height:300px}.card-bottom{display:block}.card-link{margin-top:8px}.card-role{max-width:100%}.project-lead{gap:30px}.project-lead h1{font-size:45px}.project-context{gap:30px}.game-detail-row{gap:32px}.compact-footer{padding-inline:28px}}
@media(max-width:760px){.site-header,body[data-page="project"] .site-header{width:calc(100% - 36px);min-height:78px;gap:18px}.brand{font-size:19px}.site-header nav{display:none;position:absolute;top:78px;left:-18px;right:-18px;background:var(--paper);padding:22px 18px;flex-direction:column;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);color:var(--ink)}.site-header.menu-open nav{display:flex}.language{margin-left:auto}.mobile-menu{display:block}.selected-work,.game-container{width:calc(100% - 36px)}.selected-work{padding-top:34px;padding-bottom:60px}.work-heading{display:block;margin-bottom:28px}.work-heading h1{font-size:45px}.work-heading>p{text-align:left;max-width:none;margin-top:17px;font-size:10px}.project-grid{display:block}.project-card,.voices-card,.dawn-card,.nikki-card{display:block;margin-bottom:42px;padding:0;border:0}.project-card:last-child{margin-bottom:0}.voices-card .project-art,.dawn-card .project-art{height:auto;aspect-ratio:1.42}.dawn-card .project-art>img:not(.cover-logo){position:absolute;inset:0}.project-art{aspect-ratio:1.65}.card-meta,.dawn-card .card-meta,.nikki-card .card-meta{padding-top:17px}.card-meta h2,.nikki-card h2{font-size:29px}.card-bottom{display:flex;align-items:flex-start}.card-role{max-width:70%;font-size:9px}.card-link{margin:0}.card-kicker{font-size:8px}.card-description{font-size:12px}.compact-footer{padding:30px 18px 20px}.footer-main{align-items:flex-start;flex-direction:column;gap:25px;padding-bottom:27px}.footer-bottom{flex-direction:column;gap:15px}.footer-bottom>div{justify-content:space-between;gap:15px}.case-topline{padding-top:22px;margin-bottom:25px;font-size:9px}.case-topline>span{max-width:50%;text-align:right}.project-lead{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.project-lead h1{font-size:42px;max-width:550px;margin-bottom:18px}.project-lead-copy>p:not(.eyebrow){font-size:14px}.project-lead-copy .eyebrow{font-size:9px;margin-bottom:12px}.project-actions{margin-top:18px}.project-lead-art>img{max-height:420px}.game-dawn .project-lead-art>img:not(.case-cover-logo){min-height:0}.project-context{grid-template-columns:1fr;gap:23px;padding:25px 0}.project-context>p{font-size:13px}.project-context dl{gap:20px}.project-context dd{font-size:11px}.project-chapters{gap:5px 20px}.project-chapters a{font-size:9px}.game-detail{padding:35px 0}.game-detail-row{grid-template-columns:1fr;gap:24px}.game-detail-copy h2{font-size:28px;margin-bottom:15px}.game-detail-copy>p:not(.game-detail-label){font-size:13px}.game-detail-gallery,.game-gallery-3,.game-gallery-4,.game-gallery-6{grid-template-columns:1fr;gap:25px}.game-detail-gallery .image-button img{max-height:none}.game-spread-grid{grid-template-columns:1fr}.game-spreads summary{font-size:12px;gap:20px}.game-end-nav{align-items:flex-start;flex-direction:column;margin-bottom:45px}.game-next{width:100%;padding-top:22px;border-top:1px solid var(--line)}.game-next img{width:95px;height:65px}.game-next strong{font-size:19px}.game-next>span:last-child{margin-left:auto}.game-process{grid-template-columns:1fr}.about-hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:760px){body[data-page="project"] .site-header.menu-open nav{left:-18px;right:-18px;top:78px;background:var(--paper);color:var(--ink);border-bottom-color:var(--line)}}