@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";.game-visual{overflow:hidden}.game-visual img{object-fit:cover;border:1px solid #20242640;width:100%;height:100%;display:block}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#202426;background:#f4f0e9;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.nav{z-index:4;border-bottom:1px solid #202426;justify-content:space-between;align-items:center;height:76px;padding:0 5.5vw;display:flex;position:relative}.wordmark{letter-spacing:-2px;font:600 25px/1 Playfair Display,serif}.nav-links{text-transform:uppercase;gap:24px;font:11px DM Mono,monospace;display:flex}.menu{text-transform:uppercase;background:0 0;border:0;font:11px DM Mono;display:none}.hero{border-bottom:1px solid #202426;grid-template-columns:1.17fr .83fr;min-height:605px;display:grid}.hero-copy{padding:clamp(70px,10vw,140px) 5.5vw 70px}.eyebrow{letter-spacing:.07em;text-transform:uppercase;margin:0 0 22px;font:10px/1.4 DM Mono,monospace}.hero h1,.section h2,.music-strip h2,.photo-header h2,.novels h2{letter-spacing:-.06em;margin:0;font:500 clamp(46px,6.2vw,92px)/.95 Playfair Display,serif}.hero h1 em,h2 em{font-weight:500}.intro{max-width:410px;margin:35px 0;font-size:17px;line-height:1.5}.text-link{text-transform:uppercase;border-bottom:1px solid;padding-bottom:6px;font:11px DM Mono;display:inline-block}.text-link span{margin-left:24px}.hero-art{background:#c2a4f5;min-height:390px;position:relative;overflow:hidden}.hero-art p{text-transform:uppercase;font:11px/1.5 DM Mono;position:absolute;bottom:33px;left:40px}.sun{background:#f36d46;border-radius:50%;width:235px;height:235px;position:absolute;top:17%;left:28%}.arc{border:1px solid #202426;border-radius:50%;position:absolute}.arc-one{width:500px;height:500px;top:-112px;right:-180px}.arc-two{width:330px;height:330px;bottom:-175px;left:-80px}.section{padding:105px 5.5vw}.section-heading{grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:56px;display:grid}.section-heading .eyebrow{align-self:start}.section-heading h2{font-size:clamp(42px,5.4vw,74px)}.section-heading>p:last-child{max-width:170px;font-size:14px;line-height:1.5}.game-list{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.game-card{border:1px solid #202426;flex-direction:column;min-height:395px;padding:20px;display:flex;position:relative;overflow:hidden}.game-number{font:10px DM Mono}.game-visual{flex:1;place-items:center;display:grid}.game-visual span{font:600 130px/1 Playfair Display}.game-info{border-top:1px solid #202426;padding-top:14px}.game-info p,.game-info h3{margin:0}.game-info p{text-transform:uppercase;font:10px DM Mono}.game-info h3{letter-spacing:-.05em;margin:5px 0 16px;font:500 29px Playfair Display}.buttons{gap:9px;display:flex}.buttons a{text-transform:uppercase;border:1px solid #202426;padding:7px 9px;font:10px DM Mono}.violet{background:#c2a4f5}.peach{background:#f1b299}.mist{background:#ced8d5}.music-strip{color:#f4f0e9;background:#233a35;grid-template-columns:1.2fr .75fr 1fr;align-items:center;gap:5vw;padding:90px 5.5vw;display:grid}.music-strip h2{font-size:clamp(42px,5vw,72px)}.record{aspect-ratio:1;background:repeating-radial-gradient(#172a27 0 2px,#243e38 3px 5px);border-radius:50%;place-items:center;width:min(240px,100%);display:grid}.record-label{aspect-ratio:1;color:#203632;text-align:center;background:#f4e966;border-radius:50%;place-content:center;width:36%;font:500 20px/1 Playfair Display;display:grid}.record-label small{font:8px DM Mono}.music-copy{font-size:15px;line-height:1.5}.button-dark{color:#203632;text-transform:uppercase;background:#f4e966;margin-top:15px;padding:13px 16px;font:10px DM Mono;display:inline-block}.art{background:#e8ddd0}.art-grid{grid-template-columns:1.1fr .9fr 1fr;align-items:start;gap:18px;display:grid}.art-piece{margin:0}.art-piece img{object-fit:cover;filter:saturate(.8);width:100%;height:340px;display:block}.art-2{margin-top:70px}.art-3{margin-top:25px}.art-2 img{height:285px}.art-3 img{height:390px}.art-piece figcaption{border-top:1px solid #202426;justify-content:space-between;padding:10px 0;font:13px Playfair Display;display:flex}.art-piece small{font:10px DM Mono}.photo-section{background:#d6e5bd;padding:105px 5.5vw 0}.photo-header{grid-template-columns:1fr 1.5fr 1fr;align-items:end;padding-bottom:55px;display:grid}.photo-header .eyebrow{align-self:start}.photo-header h2{font-size:clamp(40px,5.4vw,75px)}.photo-header>p:last-child{font-size:14px;line-height:1.55}.macro-grid{grid-template-columns:1.2fr .8fr .8fr;gap:13px;display:grid}.macro-grid figure{min-height:345px;margin:0;position:relative;overflow:hidden}.macro-grid img{object-fit:cover;filter:saturate(.85);width:100%;height:100%;position:absolute}.macro-grid figcaption{color:#fff;text-shadow:0 1px 5px #222;font:14px Playfair Display;position:absolute;bottom:16px;left:16px}.novels{background:#f36d46;min-height:460px;padding:105px 5.5vw;position:relative;overflow:hidden}.novels h2{z-index:1;font-size:clamp(54px,7vw,96px);position:relative}.novels>p:not(.eyebrow){max-width:200px;margin-top:28px;font-size:16px}.orbital{border:1px solid #202426;border-radius:50%;width:440px;height:440px;position:absolute;top:22px;right:9%}.orbital:before,.orbital:after{content:"";border:1px solid #202426;border-radius:50%;position:absolute;inset:55px}.orbital:after{inset:115px}.orbital span{font-size:36px;position:absolute;top:30px;left:70px}footer{text-transform:uppercase;justify-content:space-between;align-items:center;padding:31px 5.5vw;font:10px DM Mono;display:flex}footer .wordmark{font-size:23px}footer a:last-child{border-bottom:1px solid;padding-bottom:4px}@media (max-width:720px){.nav{height:63px}.menu{display:block}.nav-links{background:#f4f0e9;border-bottom:1px solid #202426;flex-direction:column;padding:20px 5.5vw;display:none;position:absolute;top:62px;left:0;right:0}.nav-links.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{min-height:460px}.hero-art{min-height:310px}.section{padding:75px 5.5vw}.section-heading,.photo-header{display:block}.section-heading>p:last-child,.photo-header>p:last-child{margin-top:20px}.game-list,.art-grid,.macro-grid{grid-template-columns:1fr}.game-card{min-height:340px}.art-2,.art-3{margin-top:0}.art-piece img,.art-2 img,.art-3 img{height:330px}.music-strip{grid-template-columns:1fr;padding:70px 5.5vw}.record{width:190px}.photo-section{padding-top:75px}.macro-grid figure{min-height:300px}.novels{min-height:420px;padding-top:80px}.orbital{opacity:.6;width:310px;height:310px;top:auto;bottom:-100px;right:-70px}footer{flex-wrap:wrap;gap:15px}.hero h1{font-size:52px}}.music-strip{grid-template-columns:.85fr 1.55fr}.music-copy>p:not(.eyebrow){max-width:340px;margin:28px 0 0}.spotify-embed{border:1px solid #f4f0e947;border-radius:13px;overflow:hidden;box-shadow:0 24px 55px #00000038}.spotify-embed iframe{border:0;display:block}.button-dark{margin-top:22px}@media (max-width:720px){.music-strip{grid-template-columns:1fr}.spotify-embed iframe{height:430px}}.art-2 img{aspect-ratio:1024/1382;object-fit:contain;background:#d8cdbf;height:auto}.hero{min-height:auto;display:block}.hero-copy{flex-direction:column;justify-content:center;min-height:560px;padding-top:80px;padding-bottom:80px;display:flex}@media (max-width:720px){.hero-copy{min-height:460px}}.area-jump{flex-wrap:wrap;gap:clamp(12px,2vw,24px);margin-top:38px;display:flex}.area-jump a{justify-items:start;gap:8px;display:grid}.area-jump small{text-transform:uppercase;letter-spacing:.04em;font:9px DM Mono,monospace}.area-thumb{aspect-ratio:1;background:#e8ddd0;border:1px solid #202426;place-items:center;width:clamp(54px,5.5vw,76px);transition:transform .18s;display:grid;overflow:hidden}:is(.area-jump a:hover .area-thumb,.area-jump a:focus-visible .area-thumb){transform:translateY(-4px)}.area-thumb img{object-fit:cover;width:100%;height:100%;display:block}.area-music{color:#f4e966;background:repeating-radial-gradient(#172a27 0 2px,#243e38 3px 5px);border-radius:50%;font:500 27px Playfair Display,serif}.area-voidville{background:#f36d46;border-radius:50%;font-size:24px}@media (max-width:720px){.area-jump{gap:14px}.area-thumb{width:52px}}.portfolio-link{text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:22px;width:max-content;padding-bottom:6px;font:10px DM Mono,monospace;display:inline-flex}.photo-intro{font-size:14px;line-height:1.55}.photo-intro p{margin:0 0 22px}.portfolio-page{min-height:100vh}.portfolio-art{background:#e8ddd0}.portfolio-photo{background:#d6e5bd}.portfolio-nav{border-bottom:1px solid #202426;justify-content:space-between;align-items:center;height:76px;padding:0 5.5vw;display:flex}.portfolio-nav>a:last-child{text-transform:uppercase;font:10px DM Mono,monospace}.portfolio-hero{border-bottom:1px solid #202426;grid-template-columns:1fr 2fr 1fr;align-items:end;padding:95px 5.5vw 80px;display:grid}.portfolio-hero .eyebrow{align-self:start}.portfolio-hero h1{letter-spacing:-.06em;margin:0;font:500 clamp(52px,7vw,100px)/.92 Playfair Display,serif}.portfolio-hero h1 em{font-weight:500}.portfolio-hero>p:last-child{max-width:280px;font-size:15px;line-height:1.55}.portfolio-gallery{padding:70px 5.5vw 110px}.art-portfolio-grid{grid-template-columns:1.15fr .75fr;align-items:start;gap:6vw 3vw;display:grid}.photo-portfolio-grid{grid-template-columns:1.25fr .75fr;gap:3vw;display:grid}.portfolio-work{margin:0}.portfolio-work img{width:100%;height:auto;display:block}.portfolio-work figcaption{border-top:1px solid #202426;justify-content:space-between;padding:11px 0;font:14px Playfair Display,serif;display:flex}.portfolio-work figcaption small{text-transform:uppercase;font:9px DM Mono,monospace}.art-portfolio-grid .portfolio-work-1{grid-row:span 2}.art-portfolio-grid .portfolio-work-3{margin-top:4vw}.portfolio-footer{text-transform:uppercase;border-top:1px solid #202426;justify-content:space-between;padding:30px 5.5vw;font:10px DM Mono,monospace;display:flex}.portfolio-footer a{letter-spacing:-2px;font:600 23px/1 Playfair Display,serif}@media (max-width:720px){.portfolio-hero{padding-top:70px;display:block}.portfolio-hero h1{font-size:52px}.portfolio-hero>p:last-child{margin-top:26px}.art-portfolio-grid,.photo-portfolio-grid{grid-template-columns:1fr;gap:34px}.art-portfolio-grid .portfolio-work-1,.photo-portfolio-grid .portfolio-work-1{grid-row:auto}.art-portfolio-grid .portfolio-work-3,.photo-portfolio-grid .portfolio-work-3{margin-top:0}.portfolio-footer{flex-wrap:wrap;gap:20px}}.section-heading .portfolio-link,.photo-header .photo-intro{transform:translateY(18px)}@media (max-width:720px){.section-heading .portfolio-link,.photo-header .photo-intro{margin-top:28px;transform:none}}.photo-portfolio-grid{columns:2;column-gap:3vw;display:block}.photo-portfolio-grid .portfolio-work{break-inside:avoid;margin:0 0 3vw}.photo-portfolio-grid .portfolio-work-1{grid-row:auto}.photo-portfolio-grid .portfolio-work-3{margin-top:0}@media (max-width:720px){.photo-portfolio-grid{columns:1}.photo-portfolio-grid .portfolio-work{margin-bottom:34px}}.photo-section{padding-bottom:80px}.music-listen{min-width:0}.artist-reset{color:#f4f0e9;cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #f4f0e9b3;margin-top:13px;padding:0 0 5px;font:10px DM Mono,monospace}.release-shelf{margin-top:25px}.release-shelf>.eyebrow{margin-bottom:13px}.release-shelf>div{flex-wrap:wrap;gap:14px;display:flex}.release-shelf button{color:#f4f0e9;cursor:pointer;text-align:left;text-transform:uppercase;background:0 0;border:0;grid-template-columns:54px auto;align-items:center;gap:10px;padding:0;font:11px DM Mono,monospace;display:grid}.release-shelf img{object-fit:cover;border:1px solid #f4f0e961;width:54px;height:54px;transition:transform .18s;display:block}:is(.release-shelf button:hover img,.release-shelf button:focus-visible img,.release-shelf button.selected img){border-color:#f4e966;transform:translateY(-3px)}.artist-reset:focus-visible{outline-offset:4px;outline:2px solid #f4e966}.release-shelf button:focus-visible{outline-offset:4px;outline:2px solid #f4e966}@media (max-width:720px){.release-shelf{margin-top:22px}.release-shelf>div{gap:12px}.release-shelf button{grid-template-columns:48px auto}.release-shelf img{width:48px;height:48px}}
