@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f4ef;--ink:#191919;--muted:#75746f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{cursor:pointer}button{font:inherit}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 5%;background:#f6f4efeF;backdrop-filter:blur(15px);border-bottom:1px solid #ddd9d1}.wordmark{font:800 19px Manrope,Arial;letter-spacing:-1px;line-height:.85;display:inline-flex;flex-direction:column}.wordmark span{font-weight:400}.wordmark small{font-size:8px;letter-spacing:3px;margin-top:7px}.nav nav{display:flex;gap:27px}.nav nav a,.nav button{font-size:10px;letter-spacing:1.7px;font-weight:800}.frequency{background:#161616;color:#fff;border:0;padding:13px 17px}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:680px}.hero-copy{padding:9vw 4vw 7vw 9%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700}.hero h1,.section h2,.portfolio h2{font:800 clamp(62px,8.4vw,142px)/.91 Manrope,Arial;letter-spacing:-.095em;margin:36px 0 24px}.hero h1 em,.section h2 em,.portfolio h2 em{font-weight:400;font-style:normal}.hero-tag{font-size:clamp(19px,2vw,30px);font-weight:800;letter-spacing:-1px;line-height:1.2}.hero-intro{max-width:390px;color:#64635f;line-height:1.7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.pill{border-radius:99px;padding:15px 20px;font-size:10px;font-weight:800;letter-spacing:1px}.dark{background:#171717;color:#fff}.outline{border:1px solid #999;background:transparent}.hero-photo{position:relative;min-height:570px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute}.photo-credit{position:absolute;bottom:22px;left:25px;color:white;font-size:10px;letter-spacing:2px;text-shadow:0 1px 5px #222}.marquee{overflow:hidden;background:#171717;color:#f8f8f8;padding:18px 0;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:4px}.marquee span{display:block;text-align:center}.section{padding:100px 7%}.section-head{margin-bottom:45px}.section-head h2{font-size:clamp(64px,9vw,128px);margin:24px 0 14px}.section-head p{color:var(--muted)}.period{color:#adaba4}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.release-image{height:480px;overflow:hidden;background:#ddd}.release-image img{height:100%;width:100%;object-fit:cover;object-position:center 35%;transition:transform .5s}.release:hover img{transform:scale(1.04)}.release-image.alternate img{object-position:center 35%}.release-meta{display:flex;justify-content:space-between;gap:10px;margin-top:22px;color:#7b7a75;font-size:10px;letter-spacing:1.5px}.release h3{font:800 clamp(32px,4vw,62px) Manrope;letter-spacing:-3px;margin:10px 0 0}.release p{color:#777;margin:5px 0 20px}.text-link{border:0;border-bottom:1px solid #222;background:none;padding:0 0 8px;font-size:11px;letter-spacing:1px;font-weight:800}.statement{background:#e9e5dc;padding:90px 7%;text-align:center}.statement p{font:800 clamp(32px,5.8vw,90px) Manrope;letter-spacing:-4px;margin:0}.statement i{font-weight:400}.statement span{display:block;margin-top:20px;font-size:11px;letter-spacing:3px}.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc;border-left:1px solid #ccc}.craft-card{padding:36px;min-height:220px;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.craft-card span{color:#999;font-size:11px}.craft-card h3{font:800 31px Manrope;letter-spacing:-1.5px;margin:42px 0 7px}.craft-card p{color:#777;font-size:13px}.portal-tease{background:#090912;color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:620px;overflow:hidden}.portal-graphic{position:relative;min-height:500px;display:grid;place-items:center;background:radial-gradient(ellipse at 40% 45%,#222059 0%,#0a0916 55%,#090912 80%)}.orb{width:58%;aspect-ratio:1;border-radius:45% 55% 60% 40%;background:conic-gradient(from 20deg,#49e6ff,#6446ff,#f34dc6,#ffae68,#5ee4ef,#2d39be,#49e6ff);filter:blur(1px);box-shadow:0 0 90px #b638e17a,inset 15px 15px 50px #fff8,inset -30px -30px 45px #060312;animation:float 7s ease-in-out infinite}.wave{position:absolute;border:3px solid #c9b6ff;border-radius:50%;width:75%;height:32%;transform:rotate(-35deg);box-shadow:0 0 25px #f76cdd}.wave2{transform:rotate(34deg);border-color:#61dcff}.portal-copy{padding:90px 8%;align-self:center}.portal-copy h2{font:800 clamp(48px,6vw,92px)/.96 Manrope;letter-spacing:-5px;margin:25px 0}.portal-copy h2 i{font-weight:400}.portal-copy p{line-height:1.8;color:#c2bdcf;max-width:400px}.bright{border:0;color:#080812;background:linear-gradient(100deg,#7be9ff,#d8a7ff,#ffb3dd);margin-top:25px}.element{position:relative;width:190px;height:205px;border:2px solid #9de7ff;border-radius:8px;background:linear-gradient(125deg,#ffffff19,#080614dd),#171128;box-shadow:0 0 28px #ca69fa8a,inset 0 0 20px #e8a6ff5c;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.element small{position:absolute;top:10px;left:15px;font-size:18px}.element strong{font:800 145px/.95 Manrope;letter-spacing:-12px;background:linear-gradient(140deg,#78f5ff,#e7a6ff,#fd7da6,#ffe59d);background-clip:text;color:transparent;text-shadow:0 0 40px #c8b5ff40}.element b{font-size:9px;letter-spacing:2px}.element.mini{width:80px;height:89px;margin-top:30px}.element.mini strong{font-size:62px;letter-spacing:-5px}.element.mini small{font-size:10px;top:5px;left:7px}.element.mini b{font-size:5px;letter-spacing:.5px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{width:100%;height:410px;object-fit:cover}.portfolio{background:#e9e6de}.portfolio h2{margin:30px 0}.portfolio>p{max-width:630px;line-height:1.8;color:#65635e}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0 25px}.portfolio-tabs button{background:transparent;border:1px solid #9d9b95;border-radius:30px;padding:11px 17px;font-size:10px;letter-spacing:1px}.portfolio-tabs button.active{background:#161616;color:#fff}.portfolio-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portfolio-items article{background:#f6f4ef;padding:35px;min-height:220px}.portfolio-items article span{font-size:10px;letter-spacing:2px;color:#888}.portfolio-items article h3{font-size:25px;letter-spacing:-1px}.portfolio-items article p{color:#777;line-height:1.6}footer{padding:65px 7%;background:#191919;color:#fff;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between}footer p,footer small{font-size:10px;letter-spacing:1px;color:#aaa}footer button{border:1px solid #777;background:none;color:#fff;padding:12px 18px}.dimension{position:fixed;z-index:30;inset:0;background:#070710;color:#fff;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .6s}.dimension.active{opacity:1;visibility:visible}.dimension-top{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff33}.dimension-top button{background:transparent;color:#fff;border:0;font-size:11px;letter-spacing:1px}.dimension-top span{font-size:10px;letter-spacing:2px;color:#bbb}.dimension-hero{min-height:680px;position:relative;display:flex;align-items:center;justify-content:center;gap:7%;padding:80px 7%;overflow:hidden;background:radial-gradient(ellipse at center,#271449 0%,#080810 65%)}.dimension-hero .element{z-index:2;width:260px;height:280px;flex-shrink:0}.dimension-hero .element strong{font-size:200px}.dimension-title{position:relative;z-index:2}.dimension-title span,.dimension-content span{font-size:11px;letter-spacing:2px;color:#d2c3e8}.dimension-title h2{font:800 clamp(80px,12vw,190px)/1 Manrope;letter-spacing:-10px;margin:12px 0;background:linear-gradient(90deg,#7df4ff,#bfa5ff,#fa87b9);background-clip:text;color:transparent}.dimension-title p{font-size:20px;letter-spacing:5px}.holo-lines{position:absolute;inset:0;overflow:hidden}.holo-lines i{position:absolute;left:-20%;top:15%;width:140%;height:65%;border-radius:50%;border:3px solid #ad68ff;transform:rotate(-30deg);box-shadow:0 0 25px #b65aff;animation:pulse 4s ease-in-out infinite}.holo-lines i:nth-child(2){top:20%;border-color:#4bd9ff;transform:rotate(25deg);animation-delay:.5s}.holo-lines i:nth-child(3){top:35%;border-color:#ff75b9;transform:rotate(-17deg);animation-delay:1s}.holo-lines i:nth-child(4){top:0%;border-color:#f6bd7c;transform:rotate(38deg);animation-delay:1.5s}.holo-lines i:nth-child(5){top:30%;border-color:#6d71ff;transform:rotate(-42deg);animation-delay:2s}.dimension-content{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding:70px 7%}.dimension-content h3{font:800 60px Manrope;letter-spacing:-4px;margin:20px 0}.dimension-content p{color:#c0bbcc}.video-placeholder{margin-top:35px;border:1px solid #514a66;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle,#2a1c49,#0d0b17)}.video-placeholder span{font-size:50px;color:#d2a5ff}.producer{border-left:1px solid #514a66;padding-left:35px}.producer h3{background:linear-gradient(90deg,#7de8ff,#c6a2ff,#ff9dc9);background-clip:text;color:transparent}.equalizer{height:120px;display:flex;align-items:center;gap:9px}.equalizer i{width:8px;height:35%;background:linear-gradient(#66ddff,#d466fa);animation:pulse 1.2s infinite alternate}.equalizer i:nth-child(2n){height:75%;animation-delay:.3s}.equalizer i:nth-child(3n){height:50%;animation-delay:.6s}.transition{pointer-events:none;position:fixed;inset:0;z-index:40;background:#070710;opacity:0;visibility:hidden;display:grid;place-items:center;color:#fff;transition:opacity .3s}.transition.on{opacity:1;visibility:visible}.transition-wave{position:absolute;width:15vw;aspect-ratio:1;border:8px solid #ad70ff;border-radius:50%;box-shadow:0 0 100px #e57cff;animation:expand .85s ease-in forwards}.transition p{z-index:2;font-size:13px;letter-spacing:4px}dialog{max-width:620px;width:90%;border:0;padding:40px;background:#f6f4ef;color:#171717}dialog::backdrop{background:#090909bc}dialog h2{font:800 70px Manrope;letter-spacing:-5px;margin:20px 0}dialog p{line-height:1.7}.dialog-media{background:#ddd9d1;min-height:220px;display:grid;place-items:center;font-size:12px;letter-spacing:2px;text-align:center;padding:20px}.close{float:right;background:none;border:0;font-size:25px}@keyframes float{50%{transform:translateY(-22px) rotate(8deg)}}@keyframes pulse{50%{opacity:.25;transform:scale(1.07) rotate(-20deg)}}@keyframes expand{to{transform:scale(18);opacity:0}}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 7%}.hero-photo{min-height:650px}.portal-tease{grid-template-columns:1fr}.portal-graphic{min-height:370px}.portal-copy{padding:50px 7%}.dimension-hero{flex-direction:column;min-height:730px;text-align:center}.dimension-content{grid-template-columns:1fr}.producer{border-left:0;padding-left:0;border-top:1px solid #555;padding-top:35px}}@media(max-width:600px){.nav{padding:14px 5%}.nav .small{font-size:9px;padding:11px}.hero h1{font-size:16vw}.hero-photo{min-height:480px}.section{padding:70px 5%}.release-grid,.portfolio-items{grid-template-columns:1fr}.release-image{height:380px}.craft-grid{grid-template-columns:1fr 1fr}.craft-card{padding:20px;min-height:180px}.craft-card h3{font-size:24px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:250px}.dimension-title h2{font-size:75px;letter-spacing:-5px}.dimension-title p{font-size:13px}.dimension-hero .element{width:180px;height:200px}.dimension-hero .element strong{font-size:140px}.dimension-content h3{font-size:44px}.marquee span{font-size:9px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* CHANGE project preview: keep the portrait video uncropped at every size. */
#project-dialog .change-video{width:min(100%,320px,40svh);margin:28px auto 24px}
#project-dialog .change-video iframe{display:block;width:100%;height:auto;aspect-ratio:9/16;border:0;background:var(--ink)}
#project-dialog .change-video figcaption{margin-top:14px;color:var(--muted);font-size:11px;line-height:1.6;letter-spacing:1px;text-align:center}
@media(max-width:600px){#project-dialog{padding:28px 20px}}

/* HOUSE ALLEY: a portrait feature within the electronic artist experience. */
.house-alley{min-width:0;background:#000;padding:clamp(22px,4vw,48px);border:1px solid transparent;border-image:linear-gradient(135deg,#a1c6c866,#c4aacd55,#ccb99a44,#a1c6c822) 1}
.house-alley .house-alley-identity{display:block;font-size:10px;line-height:1.8;letter-spacing:1.6px;color:#c1bec9}
.house-alley h3{font-size:clamp(32px,4.5vw,60px);letter-spacing:-.06em;line-height:1.1}
.house-alley h3 small{display:block;margin-top:14px;font:600 clamp(11px,1.4vw,16px)/1.5 'DM Sans',sans-serif;letter-spacing:.18em;color:#d6cddd}
.house-alley>p{font-size:13px;line-height:1.7}
.house-alley-video{width:min(100%,360px);margin:32px auto 20px}
.house-alley-video iframe{display:block;width:100%;height:auto;aspect-ratio:9/16;border:0;background:#090909}
.house-alley-video figcaption{text-align:center;margin-top:20px;line-height:1.7}
.house-alley-video figcaption strong{display:block;font-size:14px;font-weight:500;color:#f4f0f5}
.house-alley-video figcaption span{display:block;margin-top:6px;font-size:10px;letter-spacing:.1em;color:#b8b3bf}
.house-alley-youtube{display:block;width:fit-content;margin:20px auto 0;padding:10px 0;border-bottom:1px solid #7e7188;font-size:12px;color:#d3c9dc}
.house-alley-youtube:hover{color:#fff;border-color:#c1dde0}
.house-alley-youtube:focus-visible{outline:2px solid #c1dde0;outline-offset:6px}
@media(max-width:600px){.dimension-content{gap:32px;padding:40px 5%}.house-alley{padding:24px 18px}}