:root{--ink:#f2eee7;--black:#090909;--muted:#aaa49b;--accent:#ed2b22;--line:#e8e1d740}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--black);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{background:radial-gradient(at 50% 47%,#191715 0%,#0b0b0a 64%,#070707 100%);min-height:100vh;padding:0 4.7vw;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:2;align-items:center;gap:25px;height:124px;display:flex;position:relative}.wordmark{letter-spacing:.19em;flex-direction:column;min-width:280px;font:31px/.98 Georgia,Times New Roman,serif;display:flex}.author-mark{white-space:nowrap;align-items:center;gap:25px;min-width:285px;display:flex}.author-slash{background:var(--accent);width:2px;height:57px;transform:skew(-32deg)}.author-name{letter-spacing:.43em;font-size:16px}.topnav{white-space:nowrap;align-items:center;gap:clamp(13px,2vw,35px);margin-left:auto;display:flex}.topnav a,.languages button{font-size:13px;position:relative}.topnav a{text-transform:uppercase;letter-spacing:.035em}.topnav a:after{content:"";background:var(--accent);height:2px;transition:right .2s;position:absolute;bottom:-11px;left:0;right:100%}.topnav a:hover:after,.topnav a:focus-visible:after{right:0}.languages{gap:9px;margin-left:clamp(8px,2.5vw,40px);display:flex}.languages button{color:#aaa49b;cursor:pointer;background:0 0;border:0;padding:5px 0}.languages button[aria-pressed=true]{color:#fff}.languages button[aria-pressed=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-4px;left:0;right:0}.project-intro{color:#c4bcb0;letter-spacing:.17em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:64px;font-size:10px;display:flex}.project-intro-label{align-items:center;gap:13px;display:flex}.red-rule{background:var(--accent);width:43px;height:2px;display:inline-block}.project-gallery{border-top:1px solid var(--line);border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:repeat(6,minmax(0,1fr));height:min(66vh,690px);min-height:450px;display:grid;position:relative}.project-gallery:before{content:"";z-index:-1;opacity:.22;filter:saturate(.75);background:url(/images/portfolio-collage.png) 50% 51%/cover no-repeat;position:absolute;inset:0}.project-card{isolation:isolate;border-right:1px solid #e6dccc42;flex-direction:column;justify-content:space-between;min-width:0;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.project-card:first-child{border-left:1px solid #e6dccc42}.project-card:hover,.project-card:focus-visible{border-color:#e1dcd78f;outline:0;box-shadow:inset 0 0 0 1px #e1dcd770}.card-art{z-index:0;background-image:linear-gradient(#05050533 0%,#0505050a 32%,#050505b3 76%,#050505fa 100%),url(/images/portfolio-collage.png);background-size:100% 100%,600% 100%;background-position:center, var(--image-position) center;filter:saturate(.78);background-repeat:no-repeat;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s;position:absolute;inset:0}.project-card:hover .card-art,.project-card:focus-visible .card-art{filter:saturate();transform:scale(1.035)}.card-number{z-index:1;color:#f4efe7b8;letter-spacing:.12em;margin:18px 17px;font:10px Arial,Helvetica,sans-serif;position:relative}.card-caption{z-index:1;background:linear-gradient(#0000,#050505c7 30%,#050505f5);flex-direction:column;justify-content:flex-end;min-height:145px;margin-top:auto;padding:22px 20px 18px;display:flex;position:relative}.card-title{letter-spacing:.16em;text-transform:uppercase;font:400 clamp(13px,1.06vw,18px)/1.25 Georgia,Times New Roman,serif}.card-partner{color:#c1b8ab;letter-spacing:.035em;min-height:18px;margin-top:10px;font:400 13px/1.4 Arial,Helvetica,sans-serif}.card-index{align-items:center;gap:14px;margin-top:30px;font:11px Arial,Helvetica,sans-serif;display:flex}.card-index i{background:linear-gradient(90deg,#f1ebe09e,#0000);width:100%;height:1px;display:block}.footer{color:#d7d1c7;letter-spacing:.22em;justify-content:space-between;align-items:center;min-height:91px;font-size:11px;display:flex}.social-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:20px;display:flex}.social-links a{color:#b6b8b9;place-items:center;width:25px;height:28px;transition:color .2s,transform .2s;display:grid}.social-links a:hover,.social-links a:focus-visible{color:#f2eee7;transform:translateY(-2px)}.social-links svg{width:17px;height:17px;display:block}.bio-link{align-items:center;gap:13px;display:inline-flex}.bio-link em{letter-spacing:.12em;text-transform:uppercase;font:11px Arial,Helvetica,sans-serif}.bio-link b{color:var(--accent);font-size:16px;font-weight:400}.lower-content{border-top:1px solid var(--line);margin:0 -4.9vw;padding:48px 4.9vw 0}.project-detail{border-bottom:1px solid var(--line);min-height:265px;padding:26px 0 36px;scroll-margin-top:22px}.back-link,.detail-number{color:#b1a99f;letter-spacing:.1em;font:11px Arial,Helvetica,sans-serif}.detail-number{color:var(--accent);margin-top:30px}.project-detail h2{letter-spacing:.12em;text-transform:uppercase;margin:14px 0 8px;font:400 32px/1.2 Georgia,Times New Roman,serif}.detail-partner{color:#c4bcb0;letter-spacing:.04em;margin:0;font:400 14px/1.4 Arial,Helvetica,sans-serif}.audio-row{justify-content:space-between;align-items:center;gap:30px;max-width:680px;margin-top:30px;display:flex}.audio-row strong,.audio-row span{display:block}.audio-row strong{letter-spacing:.12em;text-transform:uppercase;font-size:15px;font-weight:400}.audio-row span{color:var(--muted);margin-top:7px;font:13px Arial,Helvetica,sans-serif}.audio-row audio{width:min(360px,56%);height:38px;accent-color:var(--accent)}.biography-detail{border-bottom:0;min-height:230px}.site-shell:not(.section-page){--accent:#b97156;--line:#d5e2ef29;--muted:#87939e;background:linear-gradient(#03070c47,#03070c5c),url(/images/nocturnal-film-background.png) 50%/cover no-repeat,#080d14}.site-shell:not(.section-page) .project-gallery:before{opacity:.1;filter:saturate(.4)hue-rotate(145deg)}.site-shell:not(.section-page) .card-art{background-image:linear-gradient(#050c1538 32%,#060d16ad 70%,#050a11fc),linear-gradient(120deg,#0e1f3447,#0a17285c),url(/images/portfolio-collage.png);background-size:100% 100%,100% 100%,600% 100%;background-position:center, center, var(--image-position) center;background-blend-mode:normal, multiply, normal;filter:saturate(.48)brightness(.82)}.site-shell:not(.section-page) .project-card:hover .card-art,.site-shell:not(.section-page) .project-card:focus-visible .card-art{filter:saturate(.58)brightness(.94)}.site-shell:not(.section-page) .card-caption{background:linear-gradient(#0000,#07101ccc 30%,#060d17fa)}.site-shell:not(.section-page) .card-partner{color:#c5cbd0}.section-page{min-height:100vh}.section-back{margin-top:35px;display:inline-block}.section-hero{border-bottom:1px solid var(--line);grid-template-columns:42% 58%;min-height:min(52vh,520px);display:grid}.section-copy{z-index:1;align-self:center;padding:40px 8% 40px 0;position:relative}.section-copy h1{letter-spacing:.16em;text-transform:uppercase;margin:18px 0 14px;font:400 clamp(27px,2.5vw,40px)/1.16 Georgia,Times New Roman,serif}.section-copy .detail-partner{font-size:14px}.section-art{background-image:linear-gradient(90deg, var(--black), transparent 32%), url(/images/portfolio-collage.png);background-size:100% 100%,600% 100%;background-position:center, var(--image-position) center;background-repeat:no-repeat;min-height:390px}.bio-link{color:inherit;cursor:pointer;letter-spacing:inherit;background:0 0;border:0;padding:0}.bio-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02050994;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.bio-dialog{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c131d59;border:1px solid #dce2e833;width:min(990px,100%);max-height:calc(100dvh - 40px);padding:56px 62px;position:relative;overflow:auto;box-shadow:0 28px 90px #00000073}.bio-close{color:#e5e1da;cursor:pointer;background:0 0;border:0;padding:5px;font:25px Arial,Helvetica,sans-serif;position:absolute;top:11px;right:17px}.bio-dialog-layout{grid-template-columns:136px minmax(0,1fr);align-items:start;gap:38px;display:grid}.bio-dialog-portrait{object-fit:cover;border:1px solid #dce2e829;width:136px;height:136px;display:block}.bio-kicker{color:#b97156;text-transform:uppercase;letter-spacing:.14em;font:10px Arial,Helvetica,sans-serif}.bio-dialog-copy h2{letter-spacing:.035em;margin:12px 0 20px;font:400 21px/1.2 Georgia,Times New Roman,serif}.bio-dialog-copy p{color:#d5d1ca;white-space:pre-line;margin:0;font:13.5px/1.78 Arial,Helvetica,sans-serif}.bio-dialog>.social-links{border-top:1px solid #dce2e829;margin:38px 0 0;padding-top:20px}.section-audio{margin:30px 0 65px}.catalog-area{padding:38px 0 95px}.catalog-heading{color:#d9d2c8;border-bottom:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:14px;padding-bottom:22px;font:11px Arial,Helvetica,sans-serif;display:flex}.catalog-heading span:last-child{color:var(--muted);margin-left:auto}.catalog-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-row{border:0;border-bottom:1px solid var(--line);min-width:0;min-height:112px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:22px;padding:13px 18px;display:flex}.catalog-row:nth-child(odd){border-right:1px solid var(--line)}.catalog-row:hover,.catalog-row:focus-visible,.catalog-row.is-selected{background:#ccd8e60e;outline:none}.catalog-row.is-selected{box-shadow:inset 2px 0 var(--accent)}.catalog-row small{color:var(--muted);align-self:flex-start;padding-top:12px;font:10px Arial,Helvetica,sans-serif}.catalog-thumb{background:#191919;flex:0 0 74px;width:74px;height:74px;overflow:hidden}.catalog-thumb img{object-fit:cover;width:100%;height:100%;display:block}.catalog-row-text{flex-direction:column;gap:7px;min-width:0;display:flex}.catalog-row-text strong{letter-spacing:.015em;font:400 clamp(15px,1.25vw,20px)/1.2 Georgia,Times New Roman,serif}.catalog-row-text em{color:var(--muted);letter-spacing:.04em;font:11px Arial,Helvetica,sans-serif}.catalog-arrow{color:var(--accent);margin-left:auto;font:18px Georgia,Times New Roman,serif}.catalog-detail-overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000c7;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.catalog-detail{border:1px solid var(--line);background:#0d1116;grid-template-columns:minmax(190px,32%) minmax(0,1fr);gap:clamp(35px,7vw,110px);width:min(1100px,100%);max-height:calc(100dvh - 50px);padding:55px clamp(25px,6vw,100px);display:grid;position:relative;overflow-y:auto;box-shadow:0 30px 100px #000}.catalog-detail-close{color:var(--ink);cursor:pointer;background:0 0;border:0;font:25px Arial,Helvetica,sans-serif;position:absolute;top:13px;right:20px}.detail-image{align-self:start;max-width:420px;max-height:640px}.detail-image img{object-fit:contain;object-position:top left;width:100%;max-height:640px;display:block}.catalog-eyebrow,.catalog-credit small,.track-list small{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font:10px Arial,Helvetica,sans-serif}.catalog-detail-copy h2{letter-spacing:.025em;margin:20px 0 28px;font:400 clamp(24px,2.5vw,38px)/1.15 Georgia,Times New Roman,serif}.catalog-detail-copy>p,.catalog-credit p{color:#d2cec7;max-width:630px;font:14px/1.8 Arial,Helvetica,sans-serif}.catalog-credit{border-top:1px solid var(--line);padding-top:20px}.catalog-source{border-bottom:1px solid var(--accent);letter-spacing:.09em;text-transform:uppercase;margin-top:28px;padding-bottom:7px;font:11px Arial,Helvetica,sans-serif;display:inline-block}.catalog-source:hover{color:var(--accent)}.catalog-label .catalog-thumb{border:1px solid #ffffff26}.catalog-books .catalog-row{min-height:126px}.book-object{perspective:600px;filter:drop-shadow(6px 8px 6px #0000008c);flex:0 0 65px;width:65px;height:89px;display:block;position:relative}.book-object:before{content:"";background:linear-gradient(90deg,#34312e,#aaa49b 36%,#252421);width:8px;position:absolute;top:3%;bottom:3%;right:100%;transform:skewY(-13deg)}.book-object img{object-fit:contain;border:1px solid #ffffff2e;width:100%;height:100%;display:block;transform:rotateY(-8deg)}.detail-image.book-object{width:min(100%,350px);height:auto;max-height:none}.detail-image.book-object:before{width:16px}.detail-image.book-object img{height:auto;max-height:540px}.track-list{margin-top:28px}.track-list ol{columns:2;color:#c6c2bd;column-gap:35px;padding-left:24px;font:12px/1.9 Arial,Helvetica,sans-serif}.track-list li{break-inside:avoid;padding-right:12px}.bandcamp-player{border:0;width:min(100%,530px);height:42px;margin-top:26px;display:block}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px;padding-top:28px;display:grid}.video-card{min-width:0}.video-image{aspect-ratio:16/9;background:#151515;position:relative;overflow:hidden}.video-image img{object-fit:cover;filter:brightness(.7)saturate(.65);width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.video-card:hover img,.video-card:focus-visible img{filter:brightness()saturate(.9);transform:scale(1.035)}.video-image span{font-size:19px;position:absolute;bottom:10px;right:12px}.video-meta{border-top:1px solid var(--line);gap:12px;padding-top:12px;display:flex}.video-meta small{color:var(--accent);font:10px Arial,Helvetica,sans-serif}.video-meta h2{margin:0;font:400 16px/1.4 Georgia,Times New Roman,serif}.catalog-game{border:1px solid var(--line);min-height:65vh;margin:45px 0 80px;position:relative;overflow:hidden}.catalog-game-art{filter:brightness(.65)saturate(.7);background:linear-gradient(90deg,#030609d9,#03060947),url(/images/portfolio-collage.png) 98%/600% 100% no-repeat;position:absolute;inset:0}.catalog-game-copy{z-index:1;padding:clamp(40px,8vw,115px);position:relative}.catalog-game-copy p{letter-spacing:.12em;margin-top:24px;font:400 25px Georgia,Times New Roman,serif}.catalog-game-copy strong{text-transform:uppercase;letter-spacing:.2em;color:#c8c0b9;font:11px Arial,Helvetica,sans-serif}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1500px){.site-shell{padding-left:max(4.7vw,50vw - 880px);padding-right:max(4.7vw,50vw - 880px)}}@media (max-width:1250px){.topbar{gap:17px;height:106px}.wordmark{min-width:210px;font-size:26px}.author-mark{gap:18px;min-width:215px}.author-name{letter-spacing:.3em;font-size:13px}.topnav{gap:14px}.topnav a,.languages button{font-size:11px}.languages{margin-left:8px}.card-caption{padding:18px 12px 14px}.card-title{letter-spacing:.12em}.card-partner{font-size:12px}}@media (max-width:900px){.catalog-list{grid-template-columns:1fr}.catalog-row:nth-child(odd){border-right:0}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-shell{padding:0 4vw}.topbar{flex-wrap:wrap;row-gap:14px;height:auto;min-height:104px;padding:20px 0 15px}.wordmark{min-width:0;font-size:22px}.author-mark{gap:14px;min-width:0}.author-slash{height:42px}.author-name{letter-spacing:.22em;font-size:11px}.topnav{order:3;gap:22px;width:100%;margin:0;padding:3px 0 5px;overflow-x:auto}.topnav a{font-size:11px}.languages{margin-left:auto}.project-gallery{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;min-height:0}.project-card{min-height:43vw}.card-caption{min-height:118px}.card-index{margin-top:20px}.lower-content{margin:0 -4.2vw;padding-left:4.2vw;padding-right:4.2vw}.section-hero{min-height:600px}}@media (max-width:560px){.catalog-area{padding-top:20px}.catalog-row{gap:13px;min-height:92px;padding:10px 5px}.catalog-row small{padding-top:5px}.catalog-thumb{flex-basis:58px;width:58px;height:58px}.catalog-row-text strong{font-size:16px}.catalog-detail-overlay{padding:10px}.catalog-detail{flex-direction:column;gap:30px;max-height:calc(100dvh - 20px);padding:38px 20px 25px;display:flex}.detail-image{max-width:min(250px,70vw)}.track-list ol{columns:1}.video-grid{gap:20px 10px}.video-meta h2{font-size:13px}.site-shell{padding:0 5vw}.topbar{min-height:92px}.wordmark{letter-spacing:.15em;font-size:19px}.author-mark{gap:11px}.author-slash{height:35px}.author-name{letter-spacing:.18em;white-space:normal;max-width:120px;font-size:9px;line-height:1.5}.languages{gap:7px}.languages button{font-size:10px}.topnav{gap:18px}.project-intro{min-height:55px;font-size:9px}.red-rule{width:29px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{min-height:70vw}.card-number{margin:13px 12px}.card-caption{min-height:112px;padding:16px 12px 12px}.card-title{letter-spacing:.09em;font-size:13px}.card-partner{margin-top:7px;font-size:12px}.card-index{margin-top:17px}.footer{letter-spacing:.12em;flex-wrap:wrap;gap:8px;min-height:105px;padding:17px 0;font-size:9px}.social-links{gap:5px;margin-left:auto}.social-links a{width:22px;height:28px}.social-links svg{width:15px;height:15px}.bio-link{gap:8px}.bio-link .red-rule{width:24px}.bio-link em{font-size:11px}.lower-content{margin:0 -5.2vw;padding:30px 5.2vw 0}.project-detail{min-height:225px}.project-detail h2{font-size:28px}.audio-row{flex-direction:column;align-items:flex-start;gap:18px}.audio-row audio{width:100%}.section-hero{flex-direction:column;min-height:0;display:flex}.section-copy{align-self:stretch;padding:42px 0 26px}.section-copy h1{font-size:clamp(27px,8vw,38px)}.section-art{min-height:50vh}.bio-dialog{padding:42px 23px 25px}.bio-dialog-layout{grid-template-columns:1fr;gap:20px}.bio-dialog-portrait{width:112px;height:112px}.bio-dialog-copy h2{margin-bottom:16px;font-size:21px}.bio-dialog-copy p{font-size:14px;line-height:1.68}.bio-dialog>.social-links{margin-top:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}
