@import "base.css";
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}a{color:inherit;text-decoration:none}.page{display:none}nav{height:82px;position:absolute;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid #ffffff2e}.brand{display:block;width:236px;height:66px;overflow:hidden;position:relative}.brand>span{position:absolute;inset:0;overflow:hidden}.brand img{position:absolute;width:332px;max-width:none;left:-39px;top:-72px}.navlinks{display:flex;gap:38px;font:500 11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.navlinks a{border-bottom:1px solid transparent;padding-bottom:5px}.navlinks a:hover{border-color:#0865ff}.issue,.section-no,.manifesto-note,.catalog header>span,.record-title small,.contact>span,footer,.services{font:400 10px/1.4 'DM Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.issue{justify-self:end}.menu{display:none;background:none;border:0;color:#eee;font:11px 'DM Mono',monospace}
main{position:relative;z-index:1}.hero{position:relative;min-height:100svh;padding:130px 3vw 32px;overflow:hidden}.hero-copy{position:relative;z-index:3;margin:6vh 0 0 7vw;pointer-events:none}.hero-copy h1{font-size:clamp(70px,11vw,172px);line-height:.77;letter-spacing:-.075em;margin:0;font-weight:900;text-transform:uppercase;max-width:6ch}.hero-copy h1 em{font-family:'Instrument Serif',serif;font-weight:400;text-transform:none;color:#0865ff}.hero-copy p{font:300 clamp(11px,1.1vw,15px)/1.7 'DM Mono',monospace;letter-spacing:.04em;margin:42px 0 0 4px;color:#aaa}.hero-bottom{position:absolute;bottom:30px;left:3vw;right:3vw;display:flex;justify-content:space-between;color:#888;font:400 10px 'DM Mono',monospace;letter-spacing:.14em}.manifesto{position:relative;min-height:80vh;padding:12vw 7vw;display:grid;grid-template-columns:15% 1fr 25%;align-items:center;border-top:1px solid #ffffff2e}.manifesto p{font:400 clamp(45px,7vw,106px)/.96 'Instrument Serif',serif;letter-spacing:-.045em;margin:0}.manifesto p i{color:#0865ff}.manifesto-note{align-self:end;color:#888;line-height:1.9}
.catalog{position:relative;padding:8vw 3vw;background:#e8e4dc;color:#080808}.catalog header{display:grid;grid-template-columns:12% 1fr auto;align-items:end;padding-bottom:30px;border-bottom:1px solid #111}.catalog h2{font:400 clamp(48px,7vw,104px)/.8 'Instrument Serif',serif;letter-spacing:-.04em;margin:0}.record-row{display:grid;grid-template-columns:8% 110px 29% 1fr 40px;align-items:center;gap:25px;min-height:190px;border-bottom:1px solid #aaa;transition:.35s}.record-row:hover{padding-left:16px;background:#dedad1}.num{font:12px 'DM Mono',monospace}.mini-record{width:96px;height:96px;border-radius:50%;background:repeating-radial-gradient(circle,#090909 0 3px,#222 4px 5px);display:grid;place-items:center;transition:.7s}.record-row:hover .mini-record{transform:rotate(100deg)}.mini-record i{width:34%;height:34%;border-radius:50%;background:#0865ff}.orange .mini-record i{background:#ef5b22}.silver .mini-record i{background:#aaa}.record-title{font-size:clamp(26px,3.8vw,62px);font-weight:800;letter-spacing:-.06em}.record-title small{display:block;color:#777;margin-bottom:7px}.detail{max-width:42ch;font:12px/1.7 'DM Mono',monospace;color:#555}.arrow{font-size:30px}
.studio{position:relative;min-height:100vh;overflow:hidden;border-bottom:1px solid #ffffff2e;display:flex;align-items:center;padding:8vw 10vw}.watermark{position:absolute;left:-6vw;top:4vh;font-size:55vw;font-weight:900;line-height:.8;letter-spacing:-.12em;color:#080808;-webkit-text-stroke:1px #202020;transform:translateX(calc(var(--scroll)*-8vw))}.studio-copy{position:relative;margin-left:auto;width:min(650px,55vw)}.studio-copy h2{font:800 clamp(58px,8vw,126px)/.82 Inter,sans-serif;letter-spacing:-.07em;margin:40px 0}.studio-copy h2 i{font-family:'Instrument Serif';font-weight:400;color:#0865ff}.studio-copy p{font:300 clamp(15px,1.5vw,20px)/1.7 'DM Mono';color:#aaa}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:70px;padding-top:24px;border-top:1px solid #ffffff2e;color:#888}.contact{position:relative;min-height:85vh;padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center;background:#0865ff}.contact h2{font:900 clamp(76px,13vw,190px)/.78 Inter,sans-serif;letter-spacing:-.08em;text-transform:uppercase;margin:55px 0}.contact h2 i{font-family:'Instrument Serif';font-weight:400;text-transform:none;color:#050505}.contact>a{font:400 clamp(18px,2vw,30px) 'DM Mono';border-bottom:2px solid;padding-bottom:15px;width:min(620px,100%);display:flex;justify-content:space-between}footer{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;padding:30px 3vw;background:#050505;color:#777}footer div{display:flex;gap:30px}footer>span:last-child{text-align:right}
@media(max-width:800px){nav{grid-template-columns:1fr auto}.brand{width:190px;height:58px}.brand img{width:274px;left:-34px;top:-60px}.issue{display:none}.menu{display:block}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;padding:30px;background:#050505;flex-direction:column}.navlinks.open{display:flex}.hero{padding-top:110px;min-height:900px}.hero-copy{margin:2vh 0}.hero-copy h1{font-size:20vw}.hero .turntable{width:105vw;right:-27vw;top:49%}.manifesto{grid-template-columns:1fr;padding:90px 6vw;gap:70px}.manifesto-note{justify-self:end}.catalog{padding:80px 5vw}.catalog header{grid-template-columns:1fr}.catalog header span{display:none}.record-row{grid-template-columns:35px 65px 1fr 25px;gap:12px;min-height:130px}.mini-record{width:60px;height:60px}.detail{display:none}.studio{padding:80px 6vw;min-height:850px}.studio-copy{width:100%;margin-top:auto}.services{grid-template-columns:1fr}.contact{padding:90px 6vw}.contact h2{font-size:22vw}footer{grid-template-columns:1fr;gap:22px}footer>span:last-child{text-align:left}}