:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#111311;color:#f0efe8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #e5b56c;outline-offset:7px}.skip{position:absolute;left:24px;top:-70px;padding:12px;background:#f0efe8;color:#111}.skip:focus{top:16px;z-index:10}header,footer{display:flex;justify-content:space-between;align-items:center;padding:32px 5vw;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.7px}.brand strong{font-weight:400;color:#a8ada3}nav a,footer{font-size:13px;color:#b9bcb3}nav a:hover,footer a:hover{color:#f0efe8}main{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:60px 5vw 90px;gap:3vw;overflow:hidden}h1{font-size:clamp(56px,7.2vw,112px);line-height:1.02;font-weight:400;letter-spacing:-.065em;margin:0 0 42px;position:relative;z-index:1}.arrival{display:flex;align-items:center;gap:10px;color:#b9bcb3;font-size:14px}.dot{width:6px;height:6px;border-radius:50%;background:#e5b56c}.studio-link{display:inline-flex;gap:30px;align-items:center;margin-top:54px;padding-bottom:10px;border-bottom:1px solid #4b5046;font-size:14px}.studio-link:hover{border-color:#e5b56c}.record-scene{position:relative;aspect-ratio:1;max-width:570px;width:100%;transform:rotate(-9deg)}.sleeve{position:absolute;inset:6% 20% 6% -1%;background:#6f7c61;box-shadow:0 20px 60px #0006;border-radius:2px}.sleeve:before{content:"";position:absolute;inset:12%;border-radius:50%;background:#dfb474}.sleeve:after{content:"";position:absolute;inset:32% 17%;background:#283c32;transform:rotate(35deg)}.record{position:absolute;width:88%;height:88%;top:6%;left:20%;border-radius:50%;background:repeating-radial-gradient(circle at center,#1d211e 0px,#141714 2px,#282b26 3px,#161916 4px);box-shadow:12px 24px 50px #0008}.record:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 10deg,transparent,#ffffff12 40deg,transparent 70deg,transparent 180deg,#ffffff0d 220deg,transparent 250deg)}.record-label{position:absolute;inset:34%;border-radius:50%;background:#dbad68;color:#263126;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transform:rotate(9deg)}.record-label span{font-size:clamp(10px,1.4vw,20px);line-height:.95;letter-spacing:-.06em;font-weight:700;text-align:center}.record-label i{height:6px;width:6px;border-radius:50%;background:#141714}.record-label small{font-size:10px}footer{padding-top:24px;padding-bottom:28px;border-top:1px solid #2b3028;margin:0 5vw;padding-left:0;padding-right:0}@media(min-width:1500px){main,header{padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2))}}@media(max-width:760px){header{padding:24px 6vw}main{grid-template-columns:1fr;padding:48px 6vw 56px;gap:58px}h1{font-size:clamp(52px,12vw,88px);margin-bottom:30px}.studio-link{margin-top:30px}.record-scene{width:80%;max-width:390px;justify-self:center;margin-right:7%}.record-label span{font-size:17px}footer{margin:0 6vw;font-size:12px}.brand{font-size:18px}}@media(prefers-reduced-motion:no-preference){.studio-link span{transition:transform .2s}.studio-link:hover span{transform:translate(2px,-2px)}}