@font-face{font-family:Archivo;src:url('/fonts/archivo-400.v1.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('/fonts/archivo-700.v1.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#101010;--ink:#e4e2de;--muted:#aaa7a2;--line:#383735}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.6 Archivo,Arial,sans-serif}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}
a:hover{text-decoration-thickness:2px}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid #c0b8aa;outline-offset:6px}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:400;line-height:1.12;letter-spacing:-.025em}
p+p{margin-top:1em}
.skip{position:absolute;left:20px;top:-80px;background:var(--ink);color:var(--bg);padding:12px;z-index:9}
.skip:focus{top:10px}
.muted{color:var(--muted)}
.label,.meta{font-size:14px;line-height:1.5}
.wrap{max-width:1220px;padding:0 6%;margin:auto}
.mast{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:106px;opacity:.9}
.brand span{font-size:15px;letter-spacing:0}
nav{display:flex;gap:28px;align-items:center;font-size:15px}
nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
nav a:hover,nav a[aria-current=page]{text-decoration:underline}
.page-head{padding:55px 0 35px;max-width:900px}
.page-head h1{font-size:clamp(42px,5vw,66px);margin-top:18px}
.page-head .intro{max-width:650px;margin-top:25px;color:var(--muted);font-size:21px}
.section{padding:36px 0}
.profile{display:grid;grid-template-columns:1fr 1.55fr;gap:65px}
.profile h2{font-size:38px}
.profile p{max-width:630px;color:var(--muted)}
.profile .label{margin-top:14px}
.button,.text-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin-top:18px;font-size:16px}
.button:hover,.text-link:hover{color:var(--ink)}
.document{max-width:760px;padding:15px 0 75px}
.document h2{font-size:27px;margin:30px 0 14px}
.document p,.document li{color:var(--muted)}
.document ul{padding-left:24px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}
.contact-grid h2{font-size:30px;margin-bottom:20px}
.contact-grid p{color:var(--muted);max-width:440px}
.email{overflow-wrap:anywhere}
.quiet{font-size:15px;margin-top:18px}
.single-intro{max-width:760px;padding:35px 0 90px}
.single-intro h2{font-size:42px;margin-bottom:25px}
.single-intro p{max-width:650px;color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:25px;padding:40px 0 45px;color:var(--muted);font-size:14px;line-height:1.5}
footer .links{display:flex;gap:24px;flex-wrap:wrap}
footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
footer a:hover{text-decoration:underline}
/* The studio has room for a personal introduction and a spread of real work. */
[hidden]{display:none!important}
.home::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.home-shell{position:relative;max-width:1280px;margin:auto;padding:0 6%}
.home-header{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:48px 0 56px}
.home-wordmark{width:290px;font-size:20px;line-height:1.2;letter-spacing:.02em;flex-shrink:0}
.home-wordmark img{width:100%;opacity:.9}
.home-wordmark span{display:block;text-align:right;margin-top:-3px;padding-right:3px}
.studio-entrance{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(48px,7vw,95px);grid-template-areas:'opening music' 'games music' 'credits music';grid-template-rows:auto auto 1fr;padding-bottom:35px}
.studio-opening{grid-area:opening;padding:10px 0 35px;max-width:390px}
.personal-intro{font:29px/1.3 Georgia,serif;letter-spacing:-.025em;color:var(--ink)}
.studio-opening>p+p{font-size:16px;line-height:1.7;color:var(--muted);margin-top:18px}
.games-entry{grid-area:games;padding-top:16px;max-width:410px}
.work-note{font:14px/1.5 Archivo,Arial,sans-serif;color:#b9c3ad}
.work-note span{padding:0 6px;color:var(--muted)}
.games-entry h2{font:clamp(43px,5.4vw,69px)/.97 Georgia,serif;letter-spacing:-.055em;margin:24px 0;color:#d4d9c9}
.games-entry h2 span{display:block;font-style:italic;font-size:.72em;letter-spacing:-.04em;margin-bottom:7px}
.games-entry h2 a{text-decoration:none}
.games-entry h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.games-entry>p:not(.work-note){font-size:18px;line-height:1.55}
.games-entry .game-description{font-size:15px!important;color:var(--muted);margin-top:18px;max-width:340px}
.games-entry .text-link{color:#c4cbb9;margin-top:12px}
.music-entry{grid-area:music;min-width:0;padding-top:3px}
.artist-heading{text-align:center;padding-bottom:27px}
.artist-heading>p:first-child{font-size:13px;color:var(--muted)}
.artist-heading h2{font:clamp(36px,4.4vw,54px)/1.1 'Times New Roman',serif;letter-spacing:.13em;margin:13px 0 8px;text-shadow:1px 0 #766777,-1px 0 #57383b}
.artist-note{font:italic 18px/1.3 Georgia,serif;color:#b8aaa5}
.art-spread{display:grid;grid-template-columns:1.65fr 1fr;align-items:end;padding:9px 5px 17px}
.art-window{display:block;aspect-ratio:1;background:var(--bg);outline:1px solid #4a403b;outline-offset:5px}
.art-window img{width:100%;height:100%;object-fit:contain}
.art-main{grid-column:1/3;grid-row:1;width:78%;transform:rotate(-2deg);z-index:1}
.art-second{grid-column:2;grid-row:1;transform:translateY(28%) rotate(3deg);z-index:2;box-shadow:-8px -8px 25px #0008}
.music-description{font-size:15px;line-height:1.65;color:var(--muted);margin:60px 0 0;max-width:470px}
.release{margin-top:27px;font-size:15px}
.release>.label{color:var(--muted);font-size:13px}
.listening-row{display:flex;align-items:center;gap:14px;margin-top:8px}
.release a{display:flex;flex:1;min-width:0;align-items:baseline;justify-content:space-between;gap:18px;padding:9px 0;min-height:44px;text-decoration:none}
.release a:hover strong{text-decoration:underline;text-underline-offset:4px}
.release strong{font:italic 23px/1.25 Georgia,serif;overflow-wrap:anywhere}
.release a span{font-size:13px;white-space:nowrap;color:var(--muted)}
.preview-toggle{display:grid;place-items:center;width:48px;height:48px;border:1px solid #8c817c;border-radius:50%;background:#191515;color:#e4d9cf;cursor:pointer;flex-shrink:0}
.preview-toggle:hover{background:#2a2321}
.preview-toggle svg{width:23px;height:23px;fill:currentColor}
.pause-symbol,.is-playing .play-symbol{display:none}
.is-playing .pause-symbol{display:block}
.preview-status{font-size:13px;color:var(--muted);margin-top:6px;min-height:0}
.preview-status:empty{display:none}
.archive-entry{font-size:16px;margin-top:15px}
.studio-credits{grid-area:credits;padding-top:42px;font-size:14px;line-height:1.8;color:var(--muted)}
.studio-credits>a{display:inline-flex;min-height:44px;align-items:center;color:var(--ink)}
.home footer{padding-top:35px}
.page-head h1,.profile h2{font-family:Georgia,serif}
.game-page{max-width:950px}
.game-page .page-head h1{font:clamp(64px,9vw,112px)/.98 Georgia,serif;letter-spacing:-.055em;color:#d4d9c9;margin-top:28px}
.game-page .page-head .intro{font-family:Georgia,serif;font-size:25px;color:var(--ink)}
.game-page .document{max-width:680px}
.game-page .document h2{font:30px/1.2 Georgia,serif;color:#c4cbb9}
@media(min-width:1500px){.wrap,.home-shell{padding-left:75px;padding-right:75px}}
@media(max-width:900px){.home-wordmark{width:230px}.home-header nav{gap:20px;font-size:14px}.studio-entrance{column-gap:45px}.personal-intro{font-size:25px}.artist-heading h2{font-size:36px}.release a{flex-direction:column;gap:2px}.games-entry h2{font-size:49px}}
@media(max-width:760px){
body{font-size:17px}.wrap,.home-shell{padding:0 7%}.mast{min-height:125px;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;padding:20px 0}.brand img{width:94px}nav{column-gap:20px;row-gap:0;font-size:14px;flex-wrap:wrap}.page-head{padding:35px 0 20px}.page-head .intro{font-size:19px}.profile,.contact-grid{grid-template-columns:1fr;gap:22px}.profile h2{font-size:33px}.section{padding:28px 0}.single-intro{padding:25px 0 60px}footer{flex-direction:column;gap:13px;padding-top:30px}
.home-header{padding:30px 0 35px;align-items:flex-start;flex-direction:column;gap:18px}.home-wordmark{width:240px;max-width:85%;font-size:18px}.home-header nav{gap:23px;font-size:13px}.studio-entrance{grid-template-columns:1fr;grid-template-areas:'opening' 'games' 'music' 'credits';gap:0;padding-bottom:15px}.studio-opening{padding:6px 0 24px;max-width:420px}.personal-intro{font-size:27px}.studio-opening>p+p{font-size:15px}.games-entry{padding-top:17px}.games-entry h2{font-size:58px}.games-entry .game-description{max-width:100%}.music-entry{margin-top:60px;padding:0 0 12px}.artist-heading h2{font-size:42px}.art-spread{max-width:540px;margin:auto;padding:8px 5px 17px}.music-description{margin-top:55px}.release a{flex-direction:row;align-items:baseline}.studio-credits{padding-top:30px}.game-page .page-head h1{font-size:64px}.game-page .page-head .intro{font-size:22px}
}
@media(max-width:360px){.home-header nav{gap:18px;font-size:12px}.games-entry h2{font-size:50px}.artist-heading h2{font-size:35px}.release a{flex-direction:column}.personal-intro{font-size:25px}.work-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.art-spread.single .art-main{width:90%}.art-spread[hidden]+.music-description{margin-top:0}