:root{--black:#080908;--paper:#ece9e2;--orange:#e46a2b;--muted:#aaa79f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}header{position:absolute;z-index:10;top:0;width:100%;height:96px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2e}.mark{font-size:25px;font-weight:900;letter-spacing:-2px}.mark b{color:var(--orange)}nav{display:flex;gap:34px}nav a,.kicker{font-size:10px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}nav a{opacity:.7}.actions,.lang{display:flex;align-items:center;gap:8px}.actions{gap:24px}.lang{font-size:10px}.lang button{border:0;background:none;color:white;opacity:.4;font-weight:800}.lang button.active{opacity:1}.menu{display:none;background:none;border:0;width:30px}.menu i{display:block;height:1px;background:white;margin:6px}.hero{height:100svh;min-height:680px;position:relative;background:url('images/hero-studio.png') center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000000e8 0%,#0009 43%,#0002 75%),linear-gradient(0deg,#0009,transparent 50%)}.heroText{position:absolute;left:4.5vw;bottom:10vh}.kicker{color:var(--orange);margin:0 0 22px}.hero h1{font-size:clamp(82px,12.5vw,185px);line-height:.75;letter-spacing:-.08em;margin:0}.hero h1 span{display:block}.hero h1 span:last-child{margin-left:6vw;color:transparent;-webkit-text-stroke:1px #ffffffc7}.genres{margin:34px 0 0 6.5vw;font-size:10px;letter-spacing:.26em}.heroLinks{margin:52px 0 0 6.5vw;display:flex;gap:55px;align-items:center;font-size:11px;letter-spacing:.15em}.heroLinks a{padding-bottom:8px;border-bottom:1px solid #ffffff66}.soon i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);margin-right:12px}.scroll{position:absolute;right:4.5vw;bottom:7vh;width:48px;height:48px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center}.manifest{min-height:80vh;background:var(--paper);color:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 8vw}.manifest h2{max-width:1050px;margin:10px 0 38px;font:400 clamp(52px,8vw,115px)/.92 Georgia,serif;letter-spacing:-.055em}.manifest>p:last-child{max-width:660px;color:#4e4c47;font-size:17px;line-height:1.8}.split{min-height:760px;display:grid;grid-template-columns:1.15fr .85fr}.split.reverse{direction:rtl}.split.reverse>*{direction:ltr}.image{min-height:680px;background:center/cover}.gear{background-image:url('images/studio-gear.png')}.mic{background-image:url('images/studio-mic.png')}.copy{padding:11vw 8vw;background:#0d0e0d;display:flex;flex-direction:column;justify-content:center}.copy h3{font:400 clamp(45px,5vw,76px)/1.03 Georgia,serif;letter-spacing:-.045em;margin:0 0 28px}.copy h4{font-size:clamp(46px,6vw,85px);letter-spacing:-.06em;margin:0 0 18px}.copy>p:not(.kicker){color:var(--muted);line-height:1.85;font-size:15px}.copy hr{width:100%;border:0;border-top:1px solid #333;margin:65px 0}.location{margin-top:48px;padding-left:18px;border-left:2px solid var(--orange);font-size:10px;letter-spacing:.25em}.closing{min-height:70vh;background:var(--orange);color:#0b0b0a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 6vw}.closing>p{font-size:10px;font-weight:900;letter-spacing:.3em}.closing h2{max-width:1000px;margin:35px 0 50px;font-size:clamp(55px,9vw,130px);line-height:.83;letter-spacing:-.075em}.closing a{font-weight:800;letter-spacing:.08em;padding-bottom:12px;border-bottom:2px solid #111}footer{padding:45px 4.5vw;display:flex;justify-content:space-between;align-items:center;color:#888;font-size:9px;letter-spacing:.2em}
@media(max-width:800px){header{height:76px;padding:0 22px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0b0b;padding:30px 22px;flex-direction:column}nav.open{display:flex}.menu{display:block}.heroText{left:22px;right:22px}.hero h1{font-size:clamp(68px,24vw,105px)}.hero h1 span:last-child{margin-left:0}.genres,.heroLinks{margin-left:0}.heroLinks{align-items:flex-start;flex-direction:column;gap:24px}.scroll{right:22px}.manifest{min-height:650px}.split,.split.reverse{display:flex;flex-direction:column}.image{min-height:64vw}.copy{padding:85px 26px}.closing{min-height:580px}footer{gap:20px;flex-wrap:wrap}footer .mark{width:100%}}