*{box-sizing:border-box}html{background:#111216}body{isolation:isolate;margin:0;color:#f4f3ef;font-family:Arial,Helvetica,sans-serif;font-weight:300;min-height:100svh;background:#111216}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,9,15,.28),rgba(2,7,12,.16) 50%,rgba(2,7,12,.82)),url("background-refined-4k.png") center/cover}a{color:inherit;text-decoration:none}header{height:98px;padding:0 5%;display:flex;align-items:center;position:relative;z-index:2}.logo{display:block;width:86px}.logo svg{width:100%;display:block}nav{display:flex;gap:34px;margin:auto;font-size:12px;letter-spacing:.5px}nav a{padding:8px 0;border-bottom:1px solid transparent}nav a.active,nav a:hover{border-color:#f4f3ef}.header-space{width:86px}main{min-height:calc(100svh - 145px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 40px}.home{text-align:center;width:100%}.hero-logo{width:min(370px,68vw);margin:15px auto 22px}.hero-logo svg{display:block;width:100%}.tagline{font-size:clamp(13px,1.6vw,20px);letter-spacing:.3em;font-weight:300;margin:0}.human{font-size:clamp(22px,2.5vw,29px);font-weight:300;letter-spacing:.16em;margin:48px 0 17px}.intro{font-size:13px;letter-spacing:.16em;line-height:1.9;margin:0;color:#e3e3e6}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:660px;margin:60px auto 0;text-align:left}.choice{height:135px;border:1px solid #ffffff28;border-radius:4px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(130deg,#05121de8,#0a1723b0);backdrop-filter:blur(12px);transition:border-color .2s,transform .2s}.choice.records{background:linear-gradient(130deg,#1b0d1ae8,#17101bb0)}.choice:hover{border-color:#ffffff90;transform:translateY(-3px)}.choice h2{font-size:18px;font-weight:400;letter-spacing:2px;margin:0 0 11px}.choice h2 span{float:right;font-size:20px;color:#b9c4d0}.choice p{font-size:11px;letter-spacing:1px;color:#d0d1d6;margin:0}.page{width:min(880px,100%);padding:24px 0}.page h1{font-size:34px;font-weight:400;letter-spacing:2px;margin:0 0 18px}.page .lead{font-size:19px;letter-spacing:1px;margin:0 0 10px}.page .sub{font-size:13px;color:#c1c5cd;letter-spacing:1px;line-height:1.8}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:42px 0 20px}.app{padding:25px 20px;background:#070b12bd;backdrop-filter:blur(18px);border:1px solid #ffffff25;border-radius:9px}.app svg{width:96px;height:96px;display:block;margin:0 auto 28px}.app h2{font-weight:400;font-size:17px;letter-spacing:.1px;margin:0 0 9px}.app p{color:#b8bfca;font-size:11px;letter-spacing:.6px;margin:0 0 20px}.app small{font-size:10px;color:#939ba8;letter-spacing:.5px}.made{font-size:11px;letter-spacing:1.5px;color:#bec5ce;text-align:right}.record-body{max-width:550px;padding:40px 0}.record-body h2{font-size:24px;font-weight:300;letter-spacing:3px;margin:0 0 12px}.record-body p{font-size:13px;letter-spacing:1px;color:#c1c5cd;line-height:1.9}.record-line{width:38px;height:2px;background:#a855f7;margin:36px 0}.about-copy{max-width:510px;line-height:1.9;letter-spacing:1px;font-size:15px}.back{display:inline-block;font-size:11px;letter-spacing:1px;margin-top:32px;color:#d0d6df}footer{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:9px;letter-spacing:1.4px;color:#aab2bf}a:focus-visible{outline:2px solid #8abbff;outline-offset:6px}@media(min-height:850px){.choices{margin-top:80px}.human{margin-top:65px}}@media(max-width:600px){header{height:78px;padding:0 22px}.logo{width:65px}.header-space{display:none}nav{gap:20px;margin:0 0 0 auto;font-size:11px}main{min-height:calc(100svh - 125px);padding:25px 22px 35px}.hero-logo{margin-top:25px;width:75%}.tagline{letter-spacing:.16em;font-size:12px}.human{margin-top:43px;font-size:22px}.intro{font-size:11px;letter-spacing:1px}.choices{margin-top:40px;gap:10px}.choice{height:118px;padding:17px 13px}.choice h2{font-size:13px;letter-spacing:1px}.choice p{font-size:10px;line-height:1.6;letter-spacing:.3px}.apps{grid-template-columns:1fr;margin-top:28px;gap:12px}.app{display:grid;grid-template-columns:64px 1fr;column-gap:20px;padding:20px}.app svg{width:64px;height:64px;grid-row:1/4;margin:0}.app h2{font-size:16px}.app p{margin-bottom:12px}.page h1{font-size:27px}.page .lead{font-size:17px}footer{font-size:8px;letter-spacing:.7px}.made{text-align:left}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
main{min-height:calc(100svh - 98px)}.human{margin-bottom:0}.choices{margin-top:58px}@media(max-width:600px){main{min-height:calc(100svh - 78px)}.choices{margin-top:45px}}

.soundcloud-link{display:inline-flex;gap:20px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff60;font-size:13px;letter-spacing:1px;margin-top:10px}.soundcloud-link:hover{border-color:#ff8a3d;color:#ffb17c}