:root{--paper:#f5f1e8;--ink:#252527;--muted:#65645e;--line:#cdc7bc;--rust:#c7573b;--blue:#4e668b;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--rust);outline-offset:4px}.wrap{width:min(calc(100% - 64px),1280px);margin-inline:auto}.site-header{width:min(calc(100% - 64px),1280px);margin:auto;min-height:94px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:1.95rem;line-height:1;white-space:nowrap}.wordmark-dot{color:var(--rust)}.wordmark small{display:block;margin-top:5px;font-family:var(--sans);font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:.92rem}.site-header nav a:hover,.plain-link:hover,.steam-copy a:hover,.inline-play:hover,.site-footer a:hover{color:var(--rust)}.header-contact{border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:.92rem;font-weight:700;white-space:nowrap}.header-contact span{color:var(--rust)}.hero{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:5vw;min-height:690px;padding-block:85px 100px}.overline,.section-label,.project-type,.note-label,.tools-line{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.overline{display:flex;align-items:center;gap:12px;color:var(--rust)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--rust)}.hero h1,.section-intro h2,.services h2,.about h2,.contact h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.95}.hero h1{font-size:clamp(5rem,7vw,8.8rem);margin:25px 0 28px}.hero h1 i{font-weight:400;color:var(--rust)}.hero-intro{max-width:570px;font-size:1.18rem;line-height:1.58;margin:0;color:#45433f}.hero-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:38px}.solid-link,.email-button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--ink);color:var(--paper);padding:17px 21px;font-weight:700;transition:background .2s,transform .2s}.solid-link:hover,.email-button:hover{background:var(--rust);transform:translateY(-2px)}.plain-link{font-weight:700;text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:5px}.hero-art{position:relative;padding:25px 0 38px 30px}.hero-art:before{content:'';position:absolute;inset:0 14px 55px 0;background:#dfded0;transform:rotate(-3deg)}.hero-image-frame{position:relative;overflow:hidden;background:var(--blue);box-shadow:14px 14px 0 #d8c9a8}.hero-image-frame img{width:100%;height:440px;object-fit:cover;image-rendering:pixelated}.hero-note{position:absolute;right:-14px;bottom:0;max-width:270px;display:flex;flex-direction:column;gap:5px;padding:18px 21px;background:#faf8f2;border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:rotate(3deg)}.hero-note strong{font-family:var(--serif);font-size:1.65rem;font-weight:400;line-height:1}.hero-note>span:last-of-type{font-size:.87rem}.hero-note a{font-size:.84rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-top:5px}.work{padding-block:85px 125px;border-top:1px solid var(--line)}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:42px}.section-label{margin:0 0 15px;color:var(--rust)}.section-intro h2{font-size:clamp(4rem,7vw,7rem);margin:0}.section-intro>p{max-width:410px;margin:0 0 5px;color:var(--muted);font-size:1.05rem}.city-case{display:grid;grid-template-columns:1.12fr .88fr;background:#e9e4d9;border:1px solid var(--line)}.case-media{min-height:590px}.video-trigger{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:#232a2d;cursor:pointer;text-align:left;overflow:hidden}.video-trigger img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.video-trigger:hover img{transform:scale(1.04)}.play-control{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink);padding-left:3px;box-shadow:0 4px 24px #0005;transition:background .2s,transform .2s}.video-trigger:hover .play-control{background:#edb39e;transform:translate(-50%,-50%) scale(1.08)}.watch-label{position:absolute;left:20px;bottom:20px;background:var(--paper);padding:9px 12px;font-size:.84rem;font-weight:700}.case-copy{padding:clamp(28px,4vw,62px);display:flex;flex-direction:column;justify-content:center}.project-type{color:var(--rust);margin:0}.project-type span{color:#a89e92;margin:0 4px}.case-copy h3{font-family:var(--serif);font-size:clamp(3rem,4.3vw,5.2rem);font-weight:400;letter-spacing:-.04em;line-height:.96;margin:22px 0 25px}.case-copy>p:not(.project-type){font-size:1.03rem;line-height:1.65;margin:0 0 19px}.case-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.case-details span{font-size:.77rem;font-weight:700;border:1px solid #b5aa9a;border-radius:40px;padding:6px 11px}.subsection-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:90px 0 26px;padding-bottom:16px;border-bottom:1px solid var(--ink)}.subsection-heading h3{font-family:var(--serif);font-size:clamp(2.9rem,5vw,5rem);font-weight:400;line-height:1;margin:0}.subsection-heading p{max-width:460px;color:var(--muted);margin:0 0 4px}.steam-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.steam-project{display:flex;flex-direction:column}.steam-image{display:block;position:relative;background:#1c1d24;overflow:hidden}.steam-image img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .45s}.steam-image:hover img{transform:scale(1.04)}.steam-image span{position:absolute;right:15px;bottom:15px;padding:7px 11px;background:var(--paper);font-weight:700;font-size:.78rem}.steam-copy{display:flex;gap:20px;justify-content:space-between;align-items:end;padding-top:19px}.steam-copy h4,.mobile-copy h4{font-family:var(--serif);font-size:clamp(2rem,3.2vw,3.2rem);font-weight:400;letter-spacing:-.02em;line-height:1.02;margin:9px 0 11px}.steam-copy p:not(.project-type){max-width:405px;margin:0;color:#585651}.steam-copy a{white-space:nowrap;font-size:.83rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}.mobile-heading{margin-top:108px}.mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mobile-project{min-width:0}.mobile-media{height:280px;background:#d9d5c9}.mobile-media img{object-position:center}.mobile-media.idle-media img{object-fit:contain;background:#3a5643}.mobile-copy{padding:17px 0;border-top:1px solid var(--ink);margin-top:13px}.mobile-copy h4{font-size:2.35rem;margin:0 0 9px}.mobile-copy p{margin:0 0 15px;color:var(--muted);max-width:350px}.inline-play{padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:.87rem;font-weight:700}.services{background:#282a2c;color:var(--paper);padding:115px 0 125px}.services-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.services .section-label{color:#e28c72}.services h2{font-size:clamp(3.5rem,5.5vw,6rem);margin:0 0 30px}.services-intro>p:last-child{max-width:470px;font-size:1.1rem;color:#d4d0c8}.services-list{padding-top:15px}.services-list>div{display:grid;grid-template-columns:36px 1fr;column-gap:18px;padding:20px 0 24px;border-bottom:1px solid #656662}.services-list>div:first-child{border-top:1px solid #656662}.services-list>div>span{grid-row:1/3;color:#d8886d;font-size:.8rem;font-weight:700;padding-top:5px}.services-list h3{font-family:var(--serif);font-weight:400;font-size:2.25rem;line-height:1;margin:0 0 6px}.services-list p{grid-column:2;margin:0;color:#c7c5bf}.tools-line{margin-top:27px!important;color:#bbb7ae}.tools-line strong{color:var(--paper);font-weight:600;text-transform:none;letter-spacing:0}.about{padding-block:115px 125px}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.about h2{font-size:clamp(3.8rem,6vw,6.6rem);margin:0}.about-layout>div p{font-size:1.16rem;line-height:1.7;margin:0 0 23px}.about-layout>div p+p{color:var(--muted)}.contact{background:#e4d8c3;padding:100px 0 108px}.contact .section-label{color:#a8422c}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.contact h2{font-size:clamp(4.3rem,6vw,7rem);margin:0 0 23px}.contact-layout>div:first-child>p:last-child{max-width:500px;font-size:1.13rem;margin:0}.contact-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.email-button{font-size:1.05rem;margin-bottom:24px}.contact-actions>a:not(.email-button){display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #a89e8c;font-weight:700}.contact-actions>a:not(.email-button) span{font-weight:400;word-break:break-word}.contact-actions>p{margin:10px 0 0;color:var(--muted)}.site-footer{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:.85rem}.site-footer a{color:var(--ink);font-weight:700}dialog{border:0;padding:12px;background:#1c1d1e;color:white;width:min(94vw,1100px);max-height:92vh}dialog::backdrop{background:#111d}dialog video{width:100%;max-height:82vh;display:block}#close-video{position:absolute;top:20px;right:20px;z-index:2;border:0;background:var(--paper);width:44px;height:44px;cursor:pointer;font-size:1.1rem}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:35px;padding-block:65px 90px}.hero h1{font-size:clamp(5rem,9vw,8rem)}.hero-art{max-width:720px}.city-case{grid-template-columns:1fr}.case-media{height:480px;min-height:0}.case-copy{padding:40px}.services-layout{gap:5vw}.steam-copy{display:block}.steam-copy a{display:inline-block;margin-top:15px}}
@media(max-width:700px){.wrap,.site-header{width:min(calc(100% - 36px),1280px)}.site-header{min-height:77px;gap:15px}.wordmark{font-size:1.55rem}.wordmark small{font-size:.55rem}.site-header nav{display:none}.header-contact{margin-left:auto;font-size:.83rem}.hero{padding-block:52px 76px;gap:36px}.hero h1{font-size:clamp(4rem,14vw,6rem);margin:19px 0 25px}.hero-intro{font-size:1.05rem}.hero-links{gap:19px;margin-top:28px}.solid-link{padding:13px 17px}.plain-link{font-size:.9rem}.hero-art{padding:12px 11px 35px 7px}.hero-art:before{inset:0 20px 49px 0}.hero-image-frame img{height:290px}.hero-note{right:0;bottom:0;max-width:205px;padding:12px 15px}.hero-note strong{font-size:1.35rem}.hero-note>span:last-of-type{font-size:.73rem}.hero-note a{font-size:.73rem}.work{padding-block:68px 85px}.section-intro{display:block}.section-intro h2{font-size:4.5rem}.section-intro>p{margin-top:14px}.case-media{height:310px}.case-copy{padding:28px 23px 30px}.case-copy h3{font-size:3.2rem}.case-copy>p:not(.project-type){font-size:1rem}.subsection-heading{display:block;margin-top:75px}.subsection-heading h3{font-size:3.5rem}.subsection-heading p{margin-top:10px}.steam-grid{display:block}.steam-project{margin-bottom:48px}.steam-copy h4{font-size:2.75rem}.mobile-heading{margin-top:70px}.mobile-grid{grid-template-columns:1fr}.mobile-project{margin-bottom:35px}.mobile-media{height:260px}.mobile-copy h4{font-size:2.55rem}.services{padding:78px 0 85px}.services-layout,.about-layout,.contact-layout{grid-template-columns:1fr;gap:27px}.services h2{font-size:4.3rem}.services-list{padding:0}.about{padding-block:78px 84px}.about h2{font-size:4.5rem}.about-layout>div p{font-size:1.06rem}.contact{padding-block:76px 85px}.contact h2{font-size:4.6rem}.contact-layout{gap:32px}.site-footer{padding-block:23px;min-height:0;flex-wrap:wrap}.site-footer span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:390px){.header-contact{font-size:.72rem}.wordmark{font-size:1.35rem}.hero h1{font-size:3.85rem}.hero-image-frame img{height:260px}.hero-note{max-width:185px}.contact-actions>a:not(.email-button){font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.steam-copy .role-note{color:var(--rust);font-size:.86rem;font-weight:700;margin:0 0 8px}
.discord-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #a89e8c}.discord-row>a,.discord-row>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:45px;padding:10px 14px;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap}.discord-row>a{padding-left:0}.discord-row>button{border-left:1px solid #a89e8c}.discord-row strong{font-weight:700}.discord-row span{font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.discord-row>a:hover,.discord-row>button:hover{color:var(--rust)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.discord-row{grid-template-columns:40% 60%}.discord-row>a span,.discord-row>button strong{display:none}.discord-row>a strong::after{content:' ↗'}.discord-row>button{justify-content:flex-end;padding-inline:8px}.discord-row>button span{font-size:.85rem}}