:root{--color-paper:#f5f1ee;--color-ink:#191918;--color-muted:#74706d;--color-line:#282725;--color-disc:#151516;--color-groove:#242425;--color-highlight:#525052;--color-label:#773f43;--color-label-ink:#f3dfcd;--color-hole:#0a0909;--color-shadow:#28212440;--color-clear:#fff0;--color-sheen:#ffffff14;--color-overlay:#17131380;--font-display:"Manrope",Arial,sans-serif;--font-body:"Space Grotesk",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);margin:0;padding:24px;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--color-label);outline-offset:6px}a:hover,nav button:hover{color:var(--color-label)}a:active,button:active{transform:translateY(1px)}.frame{border:1px solid var(--color-line);border-radius:26px;max-width:1600px;margin:auto;position:relative}header{z-index:5;justify-content:space-between;align-items:flex-start;gap:20px;height:100px;padding:26px 28px;display:flex;position:relative}.brand{letter-spacing:-.7px;align-items:center;gap:9px;font-size:17px;font-weight:600;line-height:.95;display:flex}.brand-stars{letter-spacing:-3px;font-size:16px;line-height:.8}nav{align-items:center;gap:28px;padding-top:5px;display:flex}nav a,nav button{letter-spacing:1px;color:var(--color-muted);white-space:nowrap;font-size:13px}nav .active{color:var(--color-ink)}nav button{background:0 0;border:0;padding:0}.header-note{letter-spacing:.6px;white-space:nowrap;padding-top:8px;font-size:9px}.hero{height:calc(100svh - 190px);min-height:620px;max-height:820px;position:relative}h1{z-index:1;font-family:var(--font-display);letter-spacing:-.065em;justify-content:space-between;min-width:0;margin:12px 5% 0;font-size:clamp(70px,10.3vw,165px);font-weight:800;line-height:1.15;display:flex;position:relative}h1 span{min-width:0}h2{font-family:var(--font-display);letter-spacing:-1.2px;overflow-wrap:anywhere;margin:15px 0 18px;font-style:normal;font-weight:700;line-height:1.05}.record-stage{z-index:2;pointer-events:none;width:49%;position:absolute;top:100px;bottom:0;left:50%;transform:translate(-50%)}.record{aspect-ratio:1;background:repeating-radial-gradient(circle,var(--color-disc) 0 2px,var(--color-groove) 2.5px,var(--color-disc) 3.5px 5px);width:100%;box-shadow:inset 0 0 0 2px var(--color-highlight),inset 0 0 0 8px var(--color-disc),18px 30px 35px var(--color-shadow);border-radius:50%;place-items:center;display:grid;position:absolute;top:10%;left:0;transform:perspective(1000px)rotateY(-18deg)rotate(-17deg)}.record:after{content:"";border:1px solid var(--color-highlight);opacity:.4;border-radius:50%;position:absolute;inset:11%}.record-sheen{background:conic-gradient(from 30deg,var(--color-clear),var(--color-sheen),var(--color-clear) 27%,var(--color-clear) 47%,var(--color-sheen) 65%,var(--color-clear) 80%);border-radius:50%;position:absolute;inset:0}.record-label{background:var(--color-label);width:34%;height:34%;color:var(--color-label-ink);z-index:1;border:1px solid var(--color-label-ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.record-label>span:first-child{letter-spacing:2px;font-size:clamp(6px,.8vw,12px)}.record-label strong{font-family:var(--font-display);letter-spacing:-2px;margin:4px 0;font-size:clamp(20px,3.4vw,52px);line-height:1.2}.hole{background:var(--color-hole);width:12px;height:12px;box-shadow:0 0 0 3px var(--color-shadow);border-radius:50%;margin:5px}.record-label small{letter-spacing:1px;margin-top:7px;font-size:clamp(4px,.5vw,8px)}.rim-text{color:var(--color-label-ink);letter-spacing:2px;font-size:6px;position:absolute;bottom:9%}.record-shadow{background:var(--color-shadow);filter:blur(22px);border-radius:50%;width:80%;height:5%;position:absolute;bottom:4%;left:10%}.record-tag{text-align:center;letter-spacing:2px;width:100%;color:var(--color-muted);font-size:7px;position:absolute;bottom:5px}.statement{z-index:3;width:27%;max-width:340px;position:absolute;bottom:48px;left:28px}.sound-mark{width:40px;height:40px}.statement h2{font-size:clamp(24px,2.6vw,40px)}.statement p{letter-spacing:.3px;margin:0;font-size:11px;line-height:1.4}.text-link{border-bottom:1px solid var(--color-line);white-space:nowrap;gap:25px;margin-top:22px;padding-bottom:5px;font-size:10px;display:inline-flex}.featured{z-index:3;width:17%;max-width:220px;scroll-margin-top:20px;position:absolute;bottom:48px;right:28px}.cover{border:1px solid var(--color-line);background:var(--color-paper);border-radius:23px;padding:12px 15px 10px;transition:transform .25s;display:block}.cover:hover{transform:translateY(-4px)}.cover-note{text-align:center;letter-spacing:2px;margin:0 0 8px;font-size:7px;display:block}.cover img{aspect-ratio:1;object-fit:cover;filter:saturate(.6);border-radius:2px;width:100%;height:auto;display:block}.cover-title{letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;font-weight:600;display:flex}.cover-title>span{letter-spacing:1px;font-size:6px}.pill{border:1px solid var(--color-line);letter-spacing:.2px;white-space:nowrap;border-radius:30px;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;font-size:9px;transition:background .2s,color .2s;display:flex}.pill:hover{background:var(--color-ink);color:var(--color-paper)}.pill>span{font-size:14px;line-height:1}.bottom-note{letter-spacing:1.6px;color:var(--color-muted);font-size:6px;position:absolute;bottom:17px;left:28px}footer{letter-spacing:1px;max-width:1600px;color:var(--color-muted);justify-content:space-between;gap:15px;margin:22px auto 0;font-size:7px;display:flex}footer a{white-space:nowrap}dialog{background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-line);border-radius:24px;width:min(440px,88vw);padding:45px}dialog::backdrop{background:var(--color-overlay);backdrop-filter:blur(5px)}dialog h2{font-size:48px}dialog p{font-size:14px;line-height:1.8}.dialog-eyebrow{letter-spacing:2px;font-size:9px}dialog .pill{margin-top:25px;padding:12px 16px}.close{background:0 0;border:0;font-size:28px;position:absolute;top:14px;right:18px}@media (width>=1500px){.record-stage{max-width:690px}.hero{min-height:720px}.record{top:0}}@media (width<=1050px){body{padding:18px}header{height:90px;padding:23px}.header-note{display:none}nav{gap:24px}.hero{height:650px;min-height:0}h1{margin-top:20px;font-size:10.8vw}.record-stage{width:53%;top:90px;bottom:40px}.record{top:12%}.statement{width:29%;bottom:55px;left:23px}.statement p{font-size:10px}.featured{width:20%;bottom:55px;right:23px}.record-tag{bottom:0}.bottom-note{left:23px}.rim-text{letter-spacing:1px;font-size:5px}.record-shadow{bottom:12%}}@media (width<=768px){header{padding:22px 20px}.brand{font-size:15px}nav{gap:20px}nav a,nav button{font-size:11px}.hero{height:620px}h1{margin:14px 4% 0;font-size:10.5vw}.record-stage{width:57%;top:65px;bottom:120px}.record{top:12%}.statement{width:36%;max-width:none;bottom:44px;left:20px}.statement h2{font-size:27px}.statement p{font-size:9px}.sound-mark{width:31px;height:31px}.featured{width:24%;bottom:44px;right:20px}.record-tag{display:none}.record-shadow{bottom:10%}.bottom-note{font-size:5px;left:20px}.cover{border-radius:18px;padding:11px}.pill{padding:8px 10px;font-size:8px}.cover-title>span{font-size:5px}.cover-title{font-size:11px}.text-link{font-size:9px}}@media (width<=540px){body{padding:12px}.frame{border-radius:20px}header{gap:10px;height:86px;padding:21px 16px}.brand{font-size:13px}.brand-stars{font-size:12px}nav{gap:13px;padding-top:2px}nav a,nav button{letter-spacing:.2px;font-size:9px}nav a:last-child{display:none}.hero{height:auto;min-height:710px;max-height:none;padding-bottom:34px}h1{letter-spacing:-.07em;margin:13px 5% 0;font-size:11.2vw}.record-stage{width:84%;height:330px;top:72px;bottom:auto}.record{top:0}.record-label>span:first-child{letter-spacing:1px;font-size:7px}.record-label strong{font-size:27px}.record-label small{letter-spacing:.5px;font-size:4px}.hole{width:8px;height:8px;margin:3px}.rim-text{letter-spacing:.7px;font-size:4px}.record-shadow{bottom:2%}.statement{width:56%;margin:365px 0 0 16px;padding:0;position:relative;bottom:auto;left:auto}.statement h2{letter-spacing:-1px;margin:10px 0 12px;font-size:25px}.statement p{letter-spacing:0;font-size:8px;line-height:1.6}.sound-mark{width:29px;height:29px}.text-link{gap:15px;margin-top:18px;font-size:8px}.featured{width:33%;bottom:62px;right:14px}.cover{border-radius:16px;padding:9px}.cover-note{letter-spacing:1px;font-size:5px}.cover-title{font-size:10px}.cover-title>span{display:none}.pill{letter-spacing:0;gap:3px;padding:7px 8px;font-size:6px}.bottom-note{letter-spacing:1px;font-size:5px;bottom:16px;left:16px}footer{letter-spacing:.3px;margin-top:16px;font-size:6px}footer>span:nth-child(2){display:none}dialog{padding:35px 25px}dialog .pill{font-size:10px}}@media (width<=374px){.hero{min-height:650px}.record-stage{height:275px}.statement{margin-top:310px}.statement h2{font-size:23px}.statement p{font-size:7px}.featured{bottom:58px}.cover-note{font-size:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}:root{--color-paper:#080808;--color-ink:#f5f4f0;--color-muted:#9a9a96;--color-line:#242424;--color-label:#ddd9d0;--color-outer:#535353;--color-grid:#ffffff0b;--font-poster:"Anton",Impact,sans-serif}.frame{background:var(--color-paper);background-image:repeating-linear-gradient(90deg,var(--color-clear) 0,var(--color-clear) calc(16.666% - 1px),var(--color-grid) calc(16.666% - 1px),var(--color-grid) 16.666%);max-width:1500px;box-shadow:0 25px 60px var(--color-shadow);border:0;border-radius:5px;overflow:hidden}header{align-items:center;height:95px;padding:32px 7%}.brand{font-family:var(--font-body);letter-spacing:-2px;font-size:23px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.brand:hover{transform:translate(-50%)}nav{gap:28px;padding:0}nav a,nav button{text-transform:uppercase;letter-spacing:1px;font-size:8px}nav a:last-child{display:none}.header-note{letter-spacing:1px;padding:0;font-size:8px;display:block}.hero{isolation:isolate;height:calc(85svh - 95px);min-height:580px;max-height:850px}h1{font-family:var(--font-poster);letter-spacing:-.045em;transform-origin:top;white-space:nowrap;z-index:1;margin:20px 6% 0;font-size:clamp(90px,18.7vw,310px);font-weight:400;line-height:1.08;display:block;position:relative;transform:scaleY(1.5)}.studio-stage{z-index:2;pointer-events:none;width:75%;height:90%;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.studio-stage img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}.hero:after{content:"";z-index:2;background:linear-gradient(var(--color-clear),var(--color-paper) 90%);pointer-events:none;position:absolute;inset:65% 0 0}.side-caption{z-index:3;color:var(--color-muted);letter-spacing:2px;font-size:6px;position:absolute}.left-caption{writing-mode:vertical-rl;top:37%;left:3%}.right-caption{writing-mode:vertical-rl;letter-spacing:1px;top:35%;right:3%}.statement{z-index:4;width:24%;bottom:52px;left:6%}.sound-mark{display:none}.statement h2{letter-spacing:-.8px;margin:0 0 13px;font-size:24px;font-weight:500}.statement p{display:none}.text-link{border-color:var(--color-muted);text-transform:uppercase;letter-spacing:1px;margin-top:0;font-size:8px}.featured{z-index:4;width:180px;max-width:none;bottom:47px;right:6%}.cover{background:0 0;border:0;border-radius:0;grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:0;display:grid}.cover img{filter:grayscale();grid-area:1/1/3;width:40px;height:46px}.cover-note{text-align:left;letter-spacing:2px;grid-column:2;align-self:end;margin:0 0 5px;font-size:6px}.cover-title{grid-column:2;align-self:start;margin:0;font-size:17px}.cover-title>span{display:none}.pill{border:0;border-bottom:1px solid var(--color-muted);letter-spacing:.6px;text-transform:uppercase;border-radius:0;margin-top:9px;padding:9px 0;font-size:8px}.pill:hover{color:var(--color-ink);border-color:var(--color-ink);background:0 0}.bottom-note{text-align:center;letter-spacing:2px;white-space:nowrap;z-index:4;font-size:6px;bottom:18px;left:50%;transform:translate(-50%)}footer{color:var(--color-ink);opacity:.8;max-width:1500px;font-size:7px}dialog{border-radius:5px}dialog .pill{font-size:11px}dialog h2{font-family:var(--font-poster);letter-spacing:0;font-weight:400}a:focus-visible,button:focus-visible{outline-color:var(--color-ink)}@media (width>=1700px){h1{font-size:310px}}@media (width<=1050px){body{padding:5vh 4vw 20px}header{height:85px;padding:27px 6%}h1{margin-top:22px;font-size:19.2vw}.hero{height:650px;min-height:0}.studio-stage{width:89%;height:85%;bottom:0}.statement{width:27%}.statement h2{font-size:23px}.featured{width:150px}.brand{font-size:21px}nav{gap:20px}}@media (width<=768px){body{padding:4vh 3vw 18px}header{height:80px}nav{gap:17px}nav a,nav button,.header-note{font-size:7px}.hero{height:590px}h1{margin:25px 6% 0;font-size:19.5vw;transform:scaleY(1.7)}.studio-stage{width:100%;height:83%}.statement{width:34%;bottom:55px}.statement h2{font-size:22px}.featured{width:135px;bottom:50px}.bottom-note{letter-spacing:1.4px;font-size:5px}.text-link{gap:10px;font-size:7px}}@media (width<=540px){body{padding:18px 12px}.frame{border-radius:4px}header{gap:10px;height:75px;padding:24px 6%}.brand{font-size:19px}.header-note{letter-spacing:.5px;font-size:6px}nav{gap:13px}nav a,nav button{letter-spacing:.4px;font-size:6px}nav a.active{display:none}.hero{height:650px;min-height:0;max-height:none;padding:0}h1{letter-spacing:-.05em;margin:30px 5% 0;font-size:19.3vw;transform:scaleY(2.3)}.studio-stage{width:125%;height:440px;top:100px;bottom:auto}.studio-stage img{object-fit:contain}.hero:after{inset:58% 0 0}.statement{width:44%;margin:0;padding:0;position:absolute;bottom:67px;left:7%}.statement h2{font-size:23px;line-height:1.1}.text-link{letter-spacing:.5px;gap:8px;margin-top:5px;font-size:6px}.featured{width:33%;bottom:65px;right:7%}.cover{grid-template-columns:30px minmax(0,1fr);gap:0 8px}.cover img{width:30px;height:38px}.cover-note{letter-spacing:1px;font-size:5px}.cover-title{font-size:14px}.pill{letter-spacing:0;padding:7px 0;font-size:6px}.pill>span{font-size:12px}.side-caption{font-size:5px}.left-caption{top:39%;left:4%}.right-caption{font-size:5px;top:32%;right:4%}.bottom-note{letter-spacing:1.1px;font-size:4px;bottom:24px;left:50%}footer{margin-top:15px;font-size:6px}dialog .pill{font-size:10px}}@media (width<=374px){.hero{height:580px;min-height:0}.studio-stage{height:365px;top:88px}.statement h2{font-size:21px}.statement,.featured{bottom:65px}}body{background:var(--color-paper);padding:0}.frame{width:100%;max-width:none;min-height:100svh;box-shadow:none;border-radius:0;margin:0}.hero{height:calc(100svh - 95px);min-height:580px;max-height:none}footer{background:var(--color-paper);max-width:none;margin:0;padding:18px 6%}@media (width<=1050px){.hero{height:calc(100svh - 85px)}}@media (width<=768px){.hero{height:calc(100svh - 80px)}}@media (width<=540px){.hero{height:calc(100svh - 75px);min-height:650px}.frame{border-radius:0}}@media (width<=374px){.hero{min-height:580px}}.brand{justify-content:center;align-items:center;width:55px;height:45px;display:flex}.brand img{width:100%;height:auto;display:block}h1{font-size:inherit;margin:28px 6% 0;line-height:1;transform:none}h1 img{width:100%;height:auto;display:block}.studio-stage{height:83%;bottom:-3%}@media (width<=1050px){h1{margin-top:32px}.studio-stage{height:85%;bottom:0}}@media (width<=768px){.brand{width:47px;height:38px}h1{margin:40px 6% 0}.studio-stage{height:83%}}@media (width<=540px){.brand{width:38px;height:32px}h1{margin:35px 5% 0}.studio-stage{height:440px;top:90px;bottom:auto}}@media (width<=374px){.studio-stage{height:365px;top:78px}}.hero h1{z-index:3;pointer-events:none}.studio-stage.portrait-stage{width:70%;height:96%;top:auto;bottom:0;transform:translate(-50%,30%)}.portrait-stage img{object-fit:contain;object-position:center bottom;mask-image:radial-gradient(ellipse 49% 54% at 50% 47%,var(--color-ink) 53%,var(--color-clear) 100%);-webkit-mask-image:radial-gradient(ellipse 49% 54% at 50% 47%,var(--color-ink) 53%,var(--color-clear) 100%)}@media (width<=1050px){.studio-stage.portrait-stage{width:87%;height:91%}}@media (width<=768px){.studio-stage.portrait-stage{width:100%;height:90%}}@media (width<=540px){.studio-stage.portrait-stage{width:115%;height:470px;top:70px;bottom:auto}.portrait-stage img{object-position:center top}}@media (width<=374px){.studio-stage.portrait-stage{height:400px;top:65px}}
