:root{--black:#050505;--ice:#f4f8fa;--silver:#bfc3c7;--display:'Archivo Black',Impact,'Arial Black',sans-serif;--body:Roboto,Arial,sans-serif;--gutter:clamp(20px,4vw,70px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--ice);font-family:var(--body);-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:.86}
:focus-visible{outline:2px solid var(--ice);outline-offset:4px}
.skip-link{position:absolute;top:-100px;left:10px;background:var(--ice);color:var(--black);padding:12px 20px;z-index:999}
.skip-link:focus{top:10px}
.section-shell{padding-left:var(--gutter);padding-right:var(--gutter)}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;line-height:1.3}
.site-header{height:76px;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid #ffffff2a;background:rgba(5,5,5,.92);position:relative;z-index:80}
.brand{font-family:var(--display);font-size:clamp(18px,2vw,29px);letter-spacing:-.09em;white-space:nowrap}
.brand>span:first-child{color:#bfc3c7}
.brand-dot{font-family:var(--body);font-size:8px;vertical-align:top;margin-left:3px;letter-spacing:0}
.desktop-nav{display:flex;gap:clamp(22px,3vw,50px)}
.desktop-nav a{font-size:10px;font-weight:700;letter-spacing:.14em;white-space:nowrap}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--silver)}
.cart-trigger{justify-self:end;position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff68;background:transparent;color:var(--ice);transition:background .2s,border-color .2s}
.cart-trigger:hover{background:#ffffff16;border-color:#fff}
.cart-trigger svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cart-count{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:2px 4px;background:var(--ice);color:var(--black);border-radius:50%;font-size:10px;font-weight:700;line-height:14px;text-align:center}
.cart-dialog{position:fixed;margin:0 0 0 auto;right:0;top:0;width:min(420px,100vw);height:100svh;max-height:100svh;display:flex;flex-direction:column;border:0;border-left:1px solid #ffffff55;box-shadow:-20px 0 80px #000b}
.cart-dialog:not([open]){display:none}
.cart-top{display:flex;align-items:center;justify-content:space-between;padding:23px var(--gutter);border-bottom:1px solid #ffffff2a;font-family:var(--display);font-size:22px;letter-spacing:-.06em}
.cart-top button{width:36px;height:36px;border:1px solid #ffffff58;background:transparent;color:var(--ice);font-size:28px;line-height:1}
.cart-body{flex:1;padding:30px var(--gutter);overflow:auto}
.cart-empty{font-family:var(--display);font-size:clamp(30px,6vw,44px);letter-spacing:-.07em;line-height:.95;color:var(--silver)}
.cart-item{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #ffffff26}
.cart-item strong{font-family:var(--display);font-size:15px;letter-spacing:-.05em}
.cart-item span{font-size:12px;color:var(--silver)}
.cart-item button{align-self:flex-start;border:0;border-bottom:1px solid #ffffff80;padding:0 0 4px;background:transparent;color:var(--silver);font-size:9px;font-weight:700;letter-spacing:.1em}
.cart-bottom{padding:20px var(--gutter);border-top:1px solid #ffffff2a}
.cart-checkout-note{margin-bottom:15px;color:var(--silver);font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.45}
.cart-bottom a{display:block;padding:15px;border:1px solid var(--ice);background:var(--ice);color:var(--black);font-size:11px;font-weight:700;letter-spacing:.1em;text-align:center}
.cart-bottom a:hover{background:var(--silver)}
.hero{position:relative;overflow:hidden;padding:0 var(--gutter) 24px;background:radial-gradient(circle at 85% 30%,#282b30 0,#050505 35%)}
.hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-art{height:clamp(710px,64svh,760px);position:relative}
.hero-image{position:absolute;overflow:hidden;background:#202020}
.hero-image img{filter:contrast(1.06) saturate(.92)}
.hero-image-main{width:39%;height:87%;right:15%;top:4%;transform:rotate(2deg)}
.hero-image-secondary{width:25%;height:58%;right:0;top:16%;transform:rotate(-7deg);border:6px solid #080808;box-shadow:0 24px 60px #000b}
.hero-image-detail{z-index:2;border:4px solid #080808;box-shadow:0 18px 40px #000a}
.hero-image-detail-a{left:2%;top:5%;width:15%;height:22%;transform:rotate(-9deg)}
.hero-image-detail-b{left:15%;top:10%;width:13%;height:19%;transform:rotate(7deg)}
.release-desktop-label{display:none}
.hero-stamp{position:absolute;right:2%;top:6%;font-family:var(--display);font-size:16px;line-height:.9;color:#f4f8fa;mix-blend-mode:difference;transform:rotate(8deg);z-index:4}
.hero-heading-wrap{position:absolute;z-index:5;left:0;bottom:0;width:70%}
.hero h1{font-size:clamp(76px,10.7vw,180px);letter-spacing:-.095em;text-shadow:0 8px 25px #0005}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ice)}
.hero-release{position:relative;z-index:7;width:min(520px,100%);margin:20px auto 0;padding:15px 18px;border:1px solid #ffffff65;background:#050505dd;backdrop-filter:blur(10px)}
.hero-release>p{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--silver)}
.hero-release-title{display:flex;align-items:baseline;gap:20px;margin-top:8px}
.hero-release-title strong{font-family:var(--display);font-size:23px;letter-spacing:-.07em}
.hero-release-title span{font-size:12px;color:var(--silver)}
.release-song{font-size:12px;color:var(--silver)}
.hero-release-actions{display:flex;gap:9px;margin-top:13px}
.hero-release-actions a,.hero-release-actions button{flex:1;min-height:35px;display:flex;align-items:center;justify-content:center;padding:8px 9px;border:1px solid var(--ice);font-size:9px;font-weight:700;letter-spacing:.07em;white-space:nowrap;text-align:center}
.hero-release-actions a{background:var(--ice);color:var(--black)}
.hero-release-actions button{background:#050505;color:var(--ice)}
.hero-release-actions a:hover{background:var(--silver)}
.hero-release-actions button:hover{background:#f4f8fa24}
.marquee{height:86px;background:linear-gradient(115deg,#e1e3e5,#74787d 39%,#f8f9fa 52%,#74787d 72%,#e1e3e5);color:#050505;display:flex;align-items:center;overflow:hidden;border-top:1px solid #fff}
.marquee-track{display:flex;width:max-content;font-family:var(--display);font-size:42px;white-space:nowrap;letter-spacing:-.06em;animation:marquee 28s linear infinite}
.marquee-unit{display:block;flex:none}
@keyframes marquee{to{transform:translateX(-50%)}}
.tab-page{min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 88% 24%,#34383c 0,#0c0d0f 35%,#050505 70%);border-bottom:1px solid #ffffff38}
.tab-page h1{font-size:clamp(80px,12vw,170px);margin-top:25px;max-width:100%;overflow-wrap:normal}
.tab-page h1 span{color:var(--silver)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tour-stage{min-height:calc(100svh - 76px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding-top:clamp(38px,5vw,85px);padding-bottom:clamp(34px,5vw,75px);background:radial-gradient(circle at 76% 39%,#353a3e 0,#111315 31%,#050505 65%)}
.tour-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.tour-portrait{position:absolute;width:clamp(250px,27vw,470px);height:clamp(320px,37vw,560px);right:clamp(25px,9vw,165px);top:15%;transform:rotate(6deg);border:6px solid #080808;box-shadow:0 25px 80px #000c;opacity:.7}
.tour-portrait img{filter:grayscale(1) contrast(1.4) brightness(.67)}
.tour-heading,.tour-message,.tour-signup{position:relative;z-index:1}
.tour-heading h1{font-size:clamp(92px,14vw,215px);margin-top:15px}
.tour-heading h1 span,.tour-message h2 span{color:var(--silver)}
.tour-message{margin:clamp(35px,4vw,70px) 0 30px}
.tour-message h2{font-size:clamp(58px,7.5vw,120px);margin-top:13px;max-width:950px;text-shadow:0 12px 35px #000a}
.tour-signup{width:min(580px,100%);margin:0 auto;padding:23px 25px 26px;border:1px solid #ffffff65;background:#070809e8;backdrop-filter:blur(10px)}
.tour-signup h3{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.07em}
.tour-signup p{margin-top:9px;color:var(--silver);font-size:10px;font-weight:700;letter-spacing:.18em}
.tour-signup-fields{display:flex;gap:8px;margin-top:22px}
.tour-signup input,.tour-signup button{height:45px;border:1px solid #ffffff73;border-radius:0;background:#ffffff09;color:var(--ice);font:700 11px var(--body);letter-spacing:.13em}
.tour-signup input{min-width:0;flex:1;padding:0 12px}
.tour-signup input::placeholder{color:#d2d5d8}
.tour-signup button{width:150px;background:var(--ice);color:var(--black)}
.tour-signup input:disabled,.tour-signup button:disabled{opacity:.65;cursor:default}
dialog{background:var(--black);color:var(--ice);border:1px solid #ffffff55;padding:0;max-width:100%;max-height:calc(100svh - 30px);box-shadow:0 20px 100px #000c}
dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}
.media-dialog{width:min(94vw,1100px);overflow:visible}
.dialog-close{position:absolute;z-index:5;top:-18px;right:-18px;width:40px;height:40px;border:1px solid var(--ice);border-radius:50%;background:var(--ice);color:var(--black);font-size:27px;line-height:1}
.media-frame{aspect-ratio:16/9}
.media-frame iframe{width:100%;height:100%;border:0}
.media-source-link{display:block;padding:12px 16px;border-top:1px solid #ffffff55;font-size:10px;font-weight:700;letter-spacing:.12em;text-align:right}
.media-source-link:hover{color:var(--silver)}
@media(max-width:1050px){.desktop-nav{gap:clamp(10px,2vw,22px)}.hero-image-main{right:12%;width:45%}.hero-image-secondary{width:27%}}
@media(max-width:700px){
  .site-header{height:84px;grid-template-columns:1fr auto;grid-template-rows:29px 36px;padding-top:9px;gap:0}
  .brand{display:block;line-height:24px}
  .desktop-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:8px;margin-top:4px}
  .desktop-nav a{font-size:10px;letter-spacing:.07em;line-height:18px;padding:8px 0}
  .cart-trigger{grid-column:2;grid-row:1;width:34px;height:34px}
  .cart-trigger svg{width:20px;height:20px}
  .hero{padding-bottom:16px}
  .hero-art{height:clamp(390px,calc(100svh - 406px),438px)}
  .hero-image-main{width:61%;height:79%;right:0;top:7%;transform:rotate(3deg)}
  .hero-image-secondary{width:45%;height:48%;right:-12%;top:49%;border-width:4px;transform:rotate(-9deg)}
  .hero-image-detail{border-width:3px}
  .hero-image-detail-a{left:-3%;top:10%;width:33%;height:35%;transform:rotate(-8deg)}
  .hero-image-detail-b{left:20%;top:35%;width:29%;height:34%;transform:rotate(8deg)}
  .hero-stamp{right:10px;top:4%;font-size:11px}
  .hero-heading-wrap{width:100%;bottom:0}
  .hero h1{font-size:clamp(61px,14vw,100px);line-height:.89}
  .hero h1 em{-webkit-text-stroke:1px var(--ice)}
  .hero-release{width:100%;margin-top:16px;padding:11px 12px}
  .hero-release>p{font-size:8px}
  .hero-release-title{gap:10px;margin-top:5px}
  .hero-release-title strong{font-size:18px}
  .hero-release-title span{font-size:10px}
  .hero-release{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;align-items:end;column-gap:7px}
  .hero-release>p{grid-column:1;grid-row:1;text-align:center}
  .hero-release-title{grid-column:1;grid-row:2;min-width:0;display:block;text-align:center}
  .release-song{grid-column:2;grid-row:2;font-size:12px;text-align:center;white-space:nowrap}
  .hero-release-actions{grid-column:1/-1;grid-row:3}
  .hero-release-actions{margin-top:9px;gap:7px}
  .hero-release-actions a,.hero-release-actions button{font-size:8px;min-height:32px;padding:7px 5px}
  .marquee{height:56px}
  .marquee-track{font-size:27px}
  .tab-page{min-height:calc(100svh - 84px)}
  .tab-page h1{font-size:clamp(58px,15vw,90px)}
  .tour-stage{min-height:calc(100svh - 84px);padding-top:40px;padding-bottom:30px}
  .tour-portrait{right:-22px;top:14%;width:56vw;height:65vw;opacity:.42;transform:rotate(9deg)}
  .tour-heading h1{font-size:clamp(88px,25vw,125px)}
  .tour-message{margin:50px 0 35px}
  .tour-message h2{font-size:clamp(48px,12.5vw,75px)}
  .tour-signup{padding:20px 16px 21px}
  .tour-signup-fields{gap:6px;margin-top:16px}
  .tour-signup input,.tour-signup button{height:40px;font-size:9px}
  .tour-signup button{width:115px}
  .media-dialog{width:95vw}
  .dialog-close{right:8px;top:8px;box-shadow:0 3px 12px #0008}
}
@media(max-width:390px){.hero h1{font-size:59px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.world-film{height:calc(100svh - 76px);min-height:620px;position:relative;overflow:hidden;background:#151719}
.world-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15)}
.world-film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000c 0,#0002 45%,#0005 100%);pointer-events:none}
.world-film-copy{position:absolute;left:0;right:0;bottom:clamp(30px,5vw,80px);z-index:2}
.world-film-copy h1{font-size:clamp(90px,13vw,185px);margin-top:18px;text-shadow:0 5px 35px #000b}
.world-film-copy h1 span{color:var(--silver)}
.world-sound{position:absolute;z-index:3;right:var(--gutter);top:25px;min-height:40px;padding:10px 13px;border:1px solid #ffffffa3;background:#050505a9;color:var(--ice);font-size:10px;font-weight:700;letter-spacing:.12em;backdrop-filter:blur(7px)}
.world-sound:hover{background:#f4f8fa26}
.world-interviews{padding-top:clamp(95px,12vw,175px);padding-bottom:clamp(110px,13vw,190px);background:radial-gradient(circle at 90% 13%,#33373b 0,#0b0c0d 27%,#050505 61%)}
.world-interviews-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:clamp(45px,8vw,110px)}
.world-interviews-heading h2{font-size:clamp(64px,8.5vw,126px);margin-top:20px}
.world-interviews-heading img{width:clamp(145px,19vw,280px);height:clamp(170px,24vw,340px);object-fit:cover;transform:rotate(7deg);border:5px solid #050505;box-shadow:0 22px 55px #000b}
.interview-screens{display:flex;align-items:flex-start;gap:clamp(25px,5vw,90px)}
.interview-card{width:min(47%,680px)}
.interview-card-1{transform:rotate(-2deg)}
.interview-card-2{transform:translateY(70px) rotate(3deg)}
.interview-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border:5px solid #17191b;background:#1e2023;box-shadow:0 22px 50px #0009}
.interview-screen img,.interview-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.interview-screen iframe{pointer-events:none}
.interview-play{position:absolute;z-index:2;inset:0;width:100%;border:0;background:linear-gradient(0deg,#0009,#0000 48%,#0007);color:var(--ice);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;padding:16px;font-size:10px;font-weight:700;letter-spacing:.13em}
.interview-play-icon{align-self:center;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;background:#050505a6;border-radius:50%;font-size:16px;letter-spacing:0;transition:transform .2s,background .2s}
.interview-play:hover .interview-play-icon{transform:scale(1.1);background:#f4f8fa3b}
.interview-caption{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:17px}
.interview-caption h3{font-size:clamp(18px,2.5vw,37px);line-height:1.06;max-width:500px}
.interview-caption span{font-size:9px;font-weight:700;letter-spacing:.13em;color:var(--silver);white-space:nowrap}
@media(max-width:700px){.world-film{height:calc(100svh - 84px);min-height:520px}.world-film-copy{bottom:35px}.world-film-copy h1{font-size:clamp(82px,21vw,115px)}.world-sound{right:var(--gutter);top:18px}.world-interviews{padding-top:90px;padding-bottom:115px}.world-interviews-heading{position:relative;min-height:265px;margin-bottom:25px}.world-interviews-heading h2{position:relative;z-index:2;font-size:clamp(55px,12vw,78px)}.world-interviews-heading img{position:absolute;right:0;top:30px;width:125px;height:160px;opacity:.78}.interview-screens{display:block}.interview-card{width:93%;margin-bottom:52px}.interview-card-2{margin-left:auto;transform:rotate(3deg)}.interview-screen{border-width:3px}.interview-play{padding:10px;font-size:8px}.interview-play-icon{width:48px;height:48px}.interview-caption{gap:8px}.interview-caption h3{font-size:19px}.interview-caption span{font-size:8px}}

/* Entrance experience */
[hidden]{display:none!important}.splash-active{overflow:hidden}.splash{position:fixed;inset:0;z-index:300;overflow:hidden;background:#010203;color:var(--ice);isolation:isolate;opacity:1;transition:opacity .35s .76s}.splash-atmosphere{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 44%,#171b20 0,#090b0e 23%,#010203 54%),radial-gradient(ellipse at 15% 20%,#151719 0,transparent 28%);opacity:.8;animation:splash-breathe 9s ease-in-out infinite alternate}.splash-grain{position:absolute;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.splash-glasses{position:absolute;z-index:2;left:50%;top:43%;width:min(950px,82vw);transform:translate(-50%,-50%);filter:drop-shadow(0 18px 28px #000d) drop-shadow(0 0 42px #bfc3c71c);transition:transform 1s cubic-bezier(.18,.8,.15,1),filter .9s}.splash-glasses img{display:block;width:100%;height:auto;object-fit:contain}.splash-reflection{position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 40%,#ffffff00 44%,#e0f5ff4d 47%,#f5fcffcc 50%,#d4e8f973 53%,#ffffff00 58%,transparent 62%);background-size:240% 100%;background-position:100% 0;-webkit-mask-image:url('./assets/chrome-glasses-silver.webp');mask-image:url('./assets/chrome-glasses-silver.webp');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:screen;animation:chrome-sweep 11s ease-in-out .5s infinite}.splash-enter-wrap{position:absolute;z-index:4;left:50%;top:67%;transform:translate(-50%,16px);opacity:0;transition:opacity .7s,transform .7s;pointer-events:none}.splash.is-ready .splash-enter-wrap{opacity:1;transform:translate(-50%,0);pointer-events:auto}.splash-enter{position:relative;min-width:255px;display:flex;align-items:center;gap:14px;justify-content:center;padding:17px 21px;border:1px solid #ffffff72;background:#ffffff09;color:var(--ice);font-family:var(--body);letter-spacing:.15em;white-space:nowrap;backdrop-filter:blur(6px);transition:border-color .3s,box-shadow .3s,background .3s,transform .3s}.splash-enter span{font-family:var(--display);font-size:18px;letter-spacing:-.05em}.splash-enter strong{font-size:11px}.splash-enter i{font-style:normal;font-size:18px;margin-left:12px}.splash-enter:hover,.splash-enter:focus-visible{border-color:#f8f9fa;background:#e1e3e51c;box-shadow:0 0 34px #bfc3c75b, inset 0 0 20px #fff2;transform:scale(1.03)}.splash-enter:active{transform:scale(.98)}.splash-enter:disabled{cursor:default}.splash-flash{position:absolute;z-index:5;inset:0;background:radial-gradient(circle at 50% 43%,#f8f9fa,#bfc3c7 24%,#050505 60%);opacity:0;pointer-events:none}.splash.is-entering{opacity:0}.splash.is-entering .splash-enter-wrap{opacity:0;transition:opacity .1s}.splash.is-entering .splash-glasses{transform:translate(-50%,-50%) scale(8) rotate(-4deg);filter:blur(12px) brightness(2.4)}.splash.is-entering .splash-flash{animation:entry-flash 1s ease-out both}#website-shell.world-revealed{animation:world-arrive .65s ease-out both}@keyframes splash-breathe{to{transform:scale(1.08) translateY(-2%);opacity:1}}@keyframes chrome-sweep{0%,5%{background-position:100% 0;opacity:0}10%{opacity:.8}50%{background-position:0 0;opacity:.8}60%,100%{background-position:0 0;opacity:0}}@keyframes entry-flash{0%,30%{opacity:0}56%{opacity:.9}78%{opacity:.45}100%{opacity:0}}@keyframes world-arrive{from{opacity:0;filter:blur(14px);transform:scale(1.025)}to{opacity:1;filter:blur(0);transform:scale(1)}}@media(max-width:700px){.splash-glasses{width:86vw;top:43%}.splash-enter-wrap{top:62%}.splash-enter{min-width:248px}.splash-atmosphere{background:radial-gradient(ellipse at 50% 43%,#1d2227 0,#080a0c 31%,#010203 66%)}}@media(prefers-reduced-motion:reduce){.splash-atmosphere,.splash-reflection{animation:none}.splash-glasses{transition:transform .2s,filter .2s}.splash.is-entering .splash-glasses{transform:translate(-50%,-50%) scale(1.2);filter:brightness(1.5)}.splash.is-entering .splash-flash{animation:none;opacity:.25}.splash{transition:opacity .2s}.splash-enter-wrap{transition:none}#website-shell.world-revealed{animation:none}}

.splash-portrait{position:absolute;z-index:2;left:50%;top:42%;width:min(490px,77vw,67vh);aspect-ratio:690/870;transform:translate(-50%,-50%)}
.splash-face-frame{position:absolute;inset:0;overflow:hidden;mask-image:radial-gradient(ellipse 58% 65% at 50% 50%,black 64%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 58% 65% at 50% 50%,black 64%,transparent 100%)}
.splash-face-photo{position:absolute;display:block;width:181.7%;max-width:none;height:auto;left:-43.1%;top:-30.5%;filter:grayscale(1) invert(1) contrast(1.75) brightness(.84);opacity:.82;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,black 0 43%,transparent 46% 59%,black 62% 100%);-webkit-mask-image:linear-gradient(to bottom,black 0 43%,transparent 46% 59%,black 62% 100%);transform:rotate(1.5deg);transition:opacity .45s,filter .7s,transform .7s}
.splash-portrait .splash-glasses{top:46%;width:94%}
.splash-enter-wrap{top:calc(42% + min(308.7px,48.5vw,42.2vh) + 22px)}
.splash.is-entering .splash-face-photo{opacity:0;filter:grayscale(1) invert(1) blur(12px);transform:rotate(1.5deg) scale(1.08)}
@media(max-width:700px){.splash-portrait{top:43%}.splash-portrait .splash-glasses{top:46%;width:94%}.splash-enter-wrap{top:calc(43% + min(308.7px,48.5vw,42.2vh) + 22px)}}
.splash-enter{min-width:184px;min-height:56px}
.splash-reflection{animation:chrome-sweep 11s ease-in-out 0s infinite}
@keyframes chrome-sweep{0%{background-position:80% 0;opacity:.8}45%{background-position:0 0;opacity:.8}52%,100%{background-position:0 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.splash-reflection{animation:none}}

/* Fashion flagship */
.shop-hero{height:calc(100svh - 76px);min-height:700px;position:relative;overflow:hidden;background:#101112}
.shop-hero-photo{position:absolute;inset:0 0 0 40%}
.shop-hero-photo img{object-position:48% 24%;filter:grayscale(.08) contrast(1.06) brightness(1.42);animation:shop-photo-drift 16s ease-in-out infinite alternate}
.shop-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0,#050505e8 30%,#0505053a 78%),linear-gradient(0deg,#050505 0,transparent 40%)}
.shop-hero-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding-top:70px;padding-bottom:45px}
.shop-hero-copy h1{font-size:clamp(95px,11vw,182px);margin:20px 0 40px;letter-spacing:-.105em;line-height:.84;white-space:nowrap}
.shop-hero-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--ice)}
.shop-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffffa2;padding-top:20px;font-size:10px;font-weight:700;letter-spacing:.18em}
.shop-hero-bottom a{border-bottom:1px solid #fff;padding-bottom:5px;transition:color .2s}
.shop-hero-bottom a:hover{color:var(--silver)}
.shop-hero-index{position:absolute;z-index:2;right:var(--gutter);top:32px;writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:.24em}
@keyframes shop-photo-drift{to{transform:scale(1.06) translateY(-1%)}}
.shop-edit{padding-top:clamp(40px,5vw,70px);padding-bottom:0;background:#050505}
.shop-edit-heading{margin-bottom:clamp(35px,4.5vw,65px)}
.shop-edit-heading h2{font-size:clamp(80px,11vw,165px)}
.shop-edit-heading h2 span{color:var(--silver);font-size:clamp(58px,7.6vw,120px)}
.shop-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);grid-template-rows:minmax(390px,55vw) auto;column-gap:clamp(25px,5vw,80px);position:relative;margin-bottom:clamp(115px,14vw,200px)}
.shop-feature-scene{grid-column:1;grid-row:1/3;position:relative;overflow:hidden;background:#18191b;min-height:600px}
.shop-feature-scene img{filter:contrast(1.13) brightness(.75);transition:transform .7s}
.shop-feature:hover .shop-feature-scene img{transform:scale(1.035)}
.shop-feature-red .shop-feature-scene img{object-position:50% 27%}
.shop-feature-white .shop-feature-scene img{object-position:50% 29%}
.shop-feature-object{grid-column:2;grid-row:1;position:relative;overflow:hidden;background:#fff;border:6px solid #101112;box-shadow:0 30px 60px #0009;transform:rotate(3deg) translateY(32px)}
.shop-feature-object img{object-fit:contain;transition:transform .5s}
.shop-feature:hover .shop-feature-object img{transform:scale(1.04)}
.shop-feature-info{grid-column:2;grid-row:2;padding:45px 4% 0}
.shop-feature-info h3{font-size:clamp(50px,6.7vw,100px);margin:18px 0 30px}
.shop-feature-info button{min-height:43px;padding:0 0 10px;border:0;border-bottom:1px solid var(--ice);background:transparent;color:var(--ice);font-size:10px;font-weight:700;letter-spacing:.17em;text-align:left}
.shop-feature-info button:hover{color:var(--silver)}
.shop-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,145px);align-items:start;margin-bottom:clamp(12px,2vw,28px)}
.shop-piece{min-width:0}
.shop-piece-image{position:relative;aspect-ratio:1/1.08;overflow:hidden;background:#fff}
.shop-piece-image img{object-fit:contain;transition:transform .5s}
.shop-piece:hover .shop-piece-image img{transform:scale(1.035)}
.shop-piece-image>span{position:absolute;top:14px;left:14px;padding:7px 9px;background:#050505;color:var(--ice);font-size:9px;font-weight:700;letter-spacing:.14em}
.shop-piece-meta{padding-top:23px}
.shop-piece-meta h3{font-size:clamp(28px,3.35vw,52px);line-height:.98;margin:13px 0 24px}
.shop-piece-meta button{min-height:43px;padding:0 0 10px;border:0;border-bottom:1px solid var(--ice);background:transparent;color:var(--ice);font-size:10px;font-weight:700;letter-spacing:.17em;text-align:left}
.shop-piece-meta button:hover{color:var(--silver)}
.shop-interlude{height:clamp(500px,60vw,850px);position:relative;overflow:hidden;margin-bottom:0;background:#101112}
.shop-interlude>img{filter:grayscale(1) brightness(.5) contrast(1.2);object-position:center 33%}
.shop-interlude::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0,#05050575 45%,transparent 75%)}
.shop-interlude>div{position:absolute;z-index:1;left:clamp(25px,5vw,85px);bottom:clamp(25px,5vw,85px)}
.shop-interlude>div>p:last-child{font-family:var(--display);font-size:clamp(65px,10vw,145px);letter-spacing:-.09em;line-height:.84;margin-top:20px}
.shop-interlude span{color:var(--silver)}
.shop-feature-pink{grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr)}
.shop-feature-pink .shop-feature-scene{grid-column:2}
.shop-feature-pink .shop-feature-object{grid-column:1;transform:rotate(-3deg)}
.shop-feature-pink .shop-feature-info{grid-column:1}
.shop-feature-pink .shop-feature-scene img{object-position:50% 26%}
.shop-detail{width:min(1060px,95vw);max-height:min(800px,92svh);overflow:auto}
.shop-detail:not([open]){display:none}
.shop-detail[open]{display:grid;grid-template-columns:1fr 1fr}
.shop-detail-close{position:absolute;z-index:3;top:14px;right:14px;width:40px;height:40px;border:1px solid #ffffffa4;background:#050505;color:var(--ice);font-size:28px;line-height:1}
.shop-detail-image{min-height:650px;background:#fff}
.shop-detail-image img{object-fit:contain}
.shop-detail-content{padding:clamp(50px,5vw,80px) clamp(25px,4vw,70px);display:flex;flex-direction:column;align-items:flex-start}
.shop-detail-content h2{font-size:clamp(48px,5vw,76px);line-height:.93;margin:20px 0 30px}
.shop-detail-content>p:not(.eyebrow){font-size:13px;line-height:1.5;color:var(--silver)}
.shop-detail-availability{margin-top:30px;font-weight:700;letter-spacing:.12em;font-size:10px!important}
.shop-size-picker{width:100%;margin:35px 0 25px;padding:0;border:0}
.shop-size-picker legend{font-size:10px;font-weight:700;letter-spacing:.17em;margin-bottom:13px}
.shop-size-picker>div{display:flex;gap:8px}
.shop-size-picker label{position:relative;flex:1}
.shop-size-picker input{position:absolute;opacity:0}
.shop-size-picker span{min-height:40px;display:grid;place-items:center;border:1px solid #ffffff75;font-size:11px;font-weight:700}
.shop-size-picker input:checked+span{background:var(--ice);color:var(--black)}
.shop-size-picker input:focus-visible+span{outline:2px solid var(--ice);outline-offset:3px}
.shop-add-cart{width:100%;min-height:50px;border:0;background:var(--ice);color:var(--black);font-size:11px;font-weight:700;letter-spacing:.15em}
.shop-add-cart:hover{background:var(--silver)}
.shop-detail-status{margin-top:15px;min-height:20px}
@media(max-width:700px){
 .shop-hero{height:calc(100svh - 84px);min-height:620px}
 .shop-hero-photo{inset:0}
 .shop-hero-photo img{object-position:50% 32%;filter:grayscale(.08) contrast(1.06) brightness(1.38)}
 .shop-hero-shade{background:linear-gradient(0deg,#050505 0,#050505bd 14%,#0505050d 66%,#0505053a 100%),linear-gradient(90deg,#05050569,transparent 80%)}
 .shop-hero-copy{padding-bottom:31px}
 .shop-hero-copy h1{font-size:clamp(68px,18vw,90px);margin:20px 0 34px;white-space:normal}
 .shop-hero-copy h1 em{display:block;-webkit-text-stroke:1px var(--ice)}
 .shop-hero-bottom{font-size:8px;letter-spacing:.11em;padding-top:15px}
 .shop-hero-index{right:var(--gutter);top:22px}
 .shop-edit{padding-top:35px;padding-bottom:0}
 .shop-edit-heading{display:block;margin-bottom:25px}
 .shop-edit-heading h2{font-size:clamp(68px,17vw,92px);margin:0}
 .shop-edit-heading h2 span{font-size:clamp(43px,11vw,66px)}
 .shop-feature,.shop-feature-pink{display:block;margin-bottom:105px}
 .shop-feature-scene,.shop-feature-pink .shop-feature-scene{width:88%;height:480px;min-height:0}
 .shop-feature-pink .shop-feature-scene{margin-left:auto}
 .shop-feature-object,.shop-feature-pink .shop-feature-object{width:56%;height:240px;position:absolute;top:295px;right:0;border-width:3px;transform:rotate(5deg)}
 .shop-feature-pink .shop-feature-object{right:auto;left:0;top:245px;transform:rotate(-5deg)}
 .shop-feature-info,.shop-feature-pink .shop-feature-info{padding:30px 0 0}
 .shop-feature-info h3{font-size:clamp(54px,15vw,75px);margin:15px 0 12px}
 .shop-feature-info button{min-height:40px}
 .shop-pair{display:block;margin-bottom:12px}
 .shop-piece{width:92%;margin-bottom:0}
 .shop-piece-image{aspect-ratio:1/1.08}
 .shop-piece-meta{padding-top:16px}
 .shop-piece-meta h3{font-size:clamp(25px,7vw,36px)}
 .shop-interlude{height:570px;margin-bottom:0}
 .shop-interlude>img{object-position:55% 35%}
 .shop-interlude>div{left:22px;bottom:34px}
 .shop-interlude>div>p:last-child{font-size:clamp(60px,16vw,85px)}
 .shop-detail{width:100vw;height:100svh;max-height:100svh;max-width:100vw;overflow:auto}
 .shop-detail[open]{display:block}
 .shop-detail-image{height:47svh;min-height:290px}
 .shop-detail-content{padding:26px 22px 55px}
 .shop-detail-content h2{font-size:clamp(43px,12vw,62px);margin:15px 0 20px}
 .shop-detail-availability{margin-top:17px}
 .shop-size-picker{margin:25px 0 20px}
}
@media(prefers-reduced-motion:reduce){.shop-hero-photo img{animation:none}}

/* MUSIC — album campaign and visual archive */
.music-hero{height:calc(100svh - 76px);min-height:680px;position:relative;overflow:hidden;isolation:isolate;background:#050505}
.music-hero-art{position:absolute;inset:0 0 0 34%;overflow:hidden}
.music-hero-art img{object-position:50% 40%;filter:contrast(1.13) brightness(.82);animation:music-art-breathe 18s ease-in-out infinite alternate}
.music-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0,#050505d9 25%,#0505051c 76%),linear-gradient(0deg,#050505e8 0,transparent 55%)}
.music-hero-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding-top:60px;padding-bottom:clamp(32px,4vw,65px)}
.music-hero-copy h1{font-size:clamp(77px,10.4vw,158px);line-height:.88;letter-spacing:-.11em;margin:22px 0 clamp(36px,5vw,70px);white-space:nowrap;text-shadow:0 18px 45px #000b}
.music-hero-copy h1 span{color:var(--silver)}
.music-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;border-top:1px solid #f4f8fa83;padding-top:25px}
.music-hero-bottom>div{display:flex;flex-direction:column;gap:9px;font-size:10px;letter-spacing:.18em}
.music-hero-bottom>div strong{font-size:11px}
.music-presave{min-height:66px;min-width:300px;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:0 24px;border:1px solid #f4f8fa;background:linear-gradient(135deg,#eef2f5 0,#9fa6ac 40%,#f7fbfd 65%,#a8b0b6 100%);color:#050505;box-shadow:0 0 35px #e9f2fa35;font-size:11px;font-weight:700;letter-spacing:.19em;transition:filter .25s,transform .25s,box-shadow .25s}
.music-presave:hover,.music-presave:focus-visible{filter:brightness(1.15);transform:translateY(-3px);box-shadow:0 0 45px #e9f2fa69}
.music-presave span{font-size:26px;letter-spacing:0}
.music-hero-side{position:absolute;z-index:2;right:var(--gutter);top:25px;writing-mode:vertical-rl;font-size:9px;font-weight:700;letter-spacing:.24em}
@keyframes music-art-breathe{to{transform:scale(1.045) translateX(-.8%)}}
.music-archive{padding-top:clamp(100px,13vw,190px);padding-bottom:clamp(90px,12vw,170px);background:radial-gradient(circle at 100% 20%,#25282b 0,#0c0d0e 24%,#050505 50%)}
.music-archive-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:clamp(65px,9vw,130px)}
.music-archive-heading h2{font-size:clamp(75px,11vw,170px);margin-top:25px}
.music-archive-heading h2 span{color:var(--silver)}
.music-entry{position:relative;margin-bottom:clamp(95px,12vw,185px)}
.music-entry:last-child{margin-bottom:0}
.music-entry-1{width:100%}.music-entry-2{width:78%;margin-left:auto}.music-entry-3{width:82%}
.music-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border:5px solid #2a2d30;background:#111315;box-shadow:0 35px 80px #000c;isolation:isolate}
.music-entry-1 .music-screen{border-width:7px}
.music-entry-2 .music-screen{transform:rotate(1.4deg)}.music-entry-3 .music-screen{transform:rotate(-1.1deg)}
.music-screen::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(0deg,#000b 0,transparent 31%,#0005 100%)}
.music-poster,.music-player-host,.music-player-host iframe{position:absolute;inset:0;width:100%;height:100%}
.music-poster{filter:grayscale(.65) contrast(1.18) brightness(.55);object-fit:cover;transition:opacity .7s}
.music-screen.is-playing .music-poster{opacity:0}
.music-player-host{z-index:0}.music-player-host iframe{border:0;pointer-events:none}
.music-preview-action{position:absolute;z-index:2;inset:0;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:clamp(13px,2vw,30px);border:0;background:transparent;color:var(--ice);text-align:left;font-size:10px;font-weight:700;letter-spacing:.17em}
.music-preview-action:hover .music-play-icon,.music-preview-action:focus-visible .music-play-icon{transform:scale(1.13);background:#f4f8fa34}
.music-play-icon{align-self:center;display:flex;align-items:center;justify-content:center;width:clamp(55px,6vw,90px);height:clamp(55px,6vw,90px);border:1px solid #fff;border-radius:50%;background:#0505059e;font-size:20px;letter-spacing:0;backdrop-filter:blur(8px);transition:transform .25s,background .25s}
.music-entry-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding-top:24px}
.music-entry-caption h3{font-size:clamp(36px,5.3vw,78px);line-height:.96;max-width:800px}
.music-entry-caption>span{color:var(--silver);font-size:10px;font-weight:700;letter-spacing:.17em;white-space:nowrap}
.music-entry-caption>span:last-child{border-bottom:1px solid #f4f8fa7d;padding-bottom:8px;color:var(--ice)}
.music-closing{height:clamp(600px,72vw,950px);position:relative;overflow:hidden;background:#16191b}
.music-closing>img{object-position:54% 8%;filter:grayscale(.78) contrast(1.2) brightness(.54)}
.music-closing-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000d 0,transparent 62%),linear-gradient(90deg,#000b 0,transparent 80%)}
.music-closing-copy{position:absolute;left:0;right:0;bottom:clamp(40px,6vw,100px)}
.music-closing-copy h2{font-size:clamp(65px,10vw,150px);margin-top:22px}
.music-closing-copy h2 span{color:var(--silver)}
.music-dialog{background:#050505}.music-dialog-caption{margin-top:12px;color:var(--silver);font-size:10px;font-weight:700;letter-spacing:.18em}
@media(max-width:700px){
 .music-hero{height:calc(100svh - 84px);min-height:610px}
 .music-hero-art{inset:0 0 30% 0}.music-hero-art img{object-position:center 38%}
 .music-hero-shade{background:linear-gradient(0deg,#050505 9%,#050505ef 26%,#05050530 54%,transparent 80%)}
 .music-hero-copy{padding-bottom:26px}.music-hero-copy .eyebrow{font-size:9px}
 .music-hero-copy h1{font-size:clamp(37px,10.4vw,57px);letter-spacing:-.105em;margin:16px 0 25px}
 .music-hero-bottom{display:block;padding-top:15px}.music-hero-bottom>div{gap:5px;font-size:9px}.music-hero-bottom>div strong{font-size:10px}
 .music-presave{min-width:0;width:100%;min-height:56px;margin-top:22px;padding:0 17px;font-size:10px}
 .music-hero-side{top:18px;font-size:8px}
 .music-archive{padding-top:90px;padding-bottom:95px}.music-archive-heading{align-items:flex-start;margin-bottom:55px}
 .music-archive-heading h2{font-size:clamp(65px,18vw,86px);margin-top:15px}
 .music-entry,.music-entry-1,.music-entry-2,.music-entry-3{width:100%;margin-left:0;margin-bottom:85px}
 .music-entry-2 .music-screen,.music-entry-3 .music-screen{transform:none}
 .music-screen,.music-entry-1 .music-screen{aspect-ratio:16/10;border-width:3px;min-height:220px}
 .music-preview-action{padding:12px;font-size:8px}.music-play-icon{width:56px;height:56px;font-size:16px}
 .music-entry-caption{padding-top:17px;gap:15px}.music-entry-caption h3{font-size:clamp(29px,8vw,43px)}
 .music-entry-caption>span{font-size:8px}.music-entry-caption>span:last-child{display:none}
 .music-closing{height:650px}.music-closing>img{object-position:59% 36%}.music-closing-copy{bottom:37px}.music-closing-copy h2{font-size:clamp(43px,10.9vw,70px)}
 .music-dialog .dialog-close{top:-12px;right:-10px}
}
@media(prefers-reduced-motion:reduce){.music-hero-art img{animation:none}.music-poster{transition:none}}

/* Desktop homepage: one complete editorial poster inside the viewport. */
@media(min-width:701px){
 .home-page:not(.splash-active){height:100vh;overflow-y:hidden}
 .home-page #website-shell{height:100vh;display:grid;grid-template-rows:clamp(54px,7vh,64px) minmax(0,1fr);overflow:hidden}
 .home-page .site-header{height:100%}
 .home-page main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) clamp(54px,7.3vh,68px)}
 .home-page .hero{--home-head-size:clamp(74px,min(8.6vw,16vh),126px);--home-head-top:clamp(48px,8vh,82px);height:100%;min-height:0;padding:0 var(--gutter);background:radial-gradient(ellipse at 76% 38%,#282b30 0,#0b0d0f 34%,#050505 72%)}
 .home-page .hero-art{height:100%;min-height:0}
 .home-page .hero-image-main{z-index:1;right:13%;top:7%;width:37%;height:76%;transform:rotate(2deg)}
 .home-page .hero-image-main img{object-position:50% 37%}
 .home-page .hero-image-secondary{z-index:3;right:-1%;top:15%;width:23%;height:65%;transform:rotate(-6deg);border-width:clamp(4px,.5vw,7px)}
 .home-page .hero-image-secondary img{object-position:58% 41%}
 .home-page .hero-image-detail-a{left:2%;top:5%;width:14%;height:27%;transform:rotate(-9deg)}
 .home-page .hero-image-detail-a img{object-position:50% 0%}
 .home-page .hero-image-detail-b{left:18%;top:12%;width:14%;height:22%;transform:rotate(7deg)}
 .home-page .hero-stamp{right:0;top:3%;font-size:clamp(11px,1.3vw,16px)}
 .home-page .hero-heading-wrap{left:0;bottom:clamp(139px,18vh,170px);width:68%}
 .home-page .hero h1{font-size:var(--home-head-size);line-height:.86;letter-spacing:-.095em;text-shadow:0 8px 34px #000d}
 .home-page .hero-release{position:absolute;left:var(--gutter);bottom:clamp(18px,2.8vh,30px);width:min(520px,64vw);margin:0;padding:12px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;column-gap:9px;row-gap:3px;align-items:end;aspect-ratio:auto}
 .home-page .hero-release>p{grid-column:1;grid-row:1;text-align:center}
 .home-page .release-mobile-label{display:none}
 .home-page .release-desktop-label{display:inline}
 .home-page .hero-release-title{grid-column:1;grid-row:2;width:100%;display:block;margin:0;text-align:center;white-space:nowrap}
 .home-page .hero-release-title strong{font-size:clamp(17px,1.7vw,23px)}
 .home-page .hero-release-title span{font-size:clamp(10px,1vw,12px)}
 .home-page .release-song{grid-column:2;grid-row:2;width:100%;font-size:clamp(13px,1.05vw,15px);text-align:center;white-space:nowrap}
 .home-page .hero-release-actions{grid-column:1/-1;grid-row:3;display:flex;flex-direction:row;gap:9px;margin:0;width:100%}
 .home-page .hero-release-actions a,.home-page .hero-release-actions button{flex:1;min-height:42px;width:auto}
 .home-page .marquee{height:100%}
 .home-page .marquee-track{font-size:clamp(29px,3.3vw,43px)}
}
@media(min-width:701px) and (max-width:1050px){
 .home-page .hero-image-main{right:11%;width:41%}
 .home-page .hero-image-secondary{width:25%}
 .home-page .hero-image-detail-b{left:20%;width:16%}
 .home-page .hero{--home-head-size:clamp(62px,min(8.6vw,15vh),96px)}
 .home-page .hero-heading-wrap{bottom:clamp(135px,17vh,160px);width:75%}
 .home-page .hero-release{width:min(450px,82vw);column-gap:9px}
 .home-page .hero-release-actions{width:100%}
 .home-page .hero-release-actions a,.home-page .hero-release-actions button{font-size:8px}
}
@media(max-width:700px){
 .home-page:not(.splash-active){height:100svh;overflow-y:hidden}
 .home-page #website-shell{height:100svh;display:grid;grid-template-rows:84px minmax(0,1fr);overflow:hidden}
 .home-page main{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 56px}
 .home-page .hero{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:clamp(8px,1.5vh,16px)}
 .home-page .hero-art{flex:1;min-height:0;height:auto}
 .home-page .hero-release{flex:none;margin-top:clamp(7px,1.2vh,16px)}
 .home-page .marquee{height:100%}
}

/* Homepage collage: three deliberate layers with the white portrait shown in full. */
.home-page .hero-image-detail-b{display:none}
.home-page .hero-image-secondary{background:#f4f4f4;aspect-ratio:1195/1410;height:auto}
.home-page .hero-image-secondary img{object-fit:contain;object-position:center;filter:contrast(1.04)}
@media(min-width:701px){
 .home-page .hero-image-main{right:17%;top:8%;width:36%;height:75%;transform:rotate(-1.5deg)}
 .home-page .hero-image-main img{object-position:50% 38%}
 .home-page .hero-image-secondary{right:2%;top:22%;width:25%;max-height:60%;transform:rotate(3deg);border-width:clamp(5px,.6vw,8px);box-shadow:0 28px 70px #000d}
 .home-page .hero-image-detail-a{z-index:2;left:37%;top:3%;width:18%;height:32%;transform:rotate(-7deg);border-width:clamp(4px,.45vw,6px)}
 .home-page .hero-image-detail-a img{object-position:50% 15%}
}
@media(min-width:701px) and (max-width:1050px){
 .home-page .hero-image-main{right:18%;width:40%}
 .home-page .hero-image-secondary{right:1%;width:27%}
 .home-page .hero-image-detail-a{left:34%;width:20%}
}
@media(max-width:700px){
 .home-page .hero-image-main{right:1%;top:7%;width:68%;height:72%;transform:rotate(-2deg)}
 .home-page .hero-image-main img{object-position:50% 39%}
 .home-page .hero-image-secondary{right:5%;top:45%;width:50%;max-height:45%;transform:rotate(4deg);border-width:4px;box-shadow:0 18px 42px #000d}
 .home-page .hero-image-detail-a{z-index:2;left:0;top:7%;width:43%;height:38%;transform:rotate(-7deg)}
 .home-page .hero-image-detail-a img{object-position:50% 15%}
}
@media(max-width:700px) and (max-height:740px){
 .home-page .hero-image-secondary{top:30%;right:5%;width:43%;transform:rotate(3deg)}
}

/* The first screen stays a complete poster; the footer begins below its ticker. */
.home-page:not(.splash-active){height:auto;overflow-y:auto}
.home-footer{position:relative;border-top:1px solid #bfc3c755;background:linear-gradient(180deg,#101113,#050505 54%);color:var(--ice)}
.footer-inner{max-width:1700px;margin:auto;padding:clamp(40px,5vw,74px) var(--gutter) 22px}
.footer-intro{padding-bottom:clamp(35px,5vw,70px);border-bottom:1px solid #ffffff35}
.footer-wordmark{display:inline-block;font-family:var(--display);font-size:clamp(43px,9vw,128px);letter-spacing:-.095em;line-height:.86;white-space:nowrap}
.footer-wordmark span{color:var(--silver)}
.footer-intro p{margin-top:13px;font-size:10px;font-weight:700;letter-spacing:.25em;color:var(--silver)}
.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,5vw,80px);padding:clamp(40px,5vw,70px) 0 clamp(55px,7vw,95px)}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.footer-column h2{margin-bottom:9px;font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.25em;line-height:1.2;color:var(--silver)}
.footer-column>a{font-family:var(--display);font-size:clamp(16px,1.6vw,23px);letter-spacing:-.055em;line-height:1.05;transition:color .2s}
.footer-column>a:hover,.footer-bottom a:hover{color:var(--silver)}
.footer-socials{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:10px}
.footer-socials a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff80;color:var(--ice);transition:background .2s,color .2s,border-color .2s}
.footer-socials a:hover{background:var(--ice);color:var(--black);border-color:var(--ice)}
.footer-socials svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.footer-column .footer-official{border-bottom:1px solid #ffffff55;padding-bottom:5px;font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.12em}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ffffff35;padding-top:19px;font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--silver)}
.footer-bottom a{color:var(--ice)}
@media(min-width:701px){
 .home-page #website-shell{height:auto;min-height:100vh;grid-template-rows:clamp(54px,7vh,64px) calc(100vh - clamp(54px,7vh,64px)) auto;overflow:visible}
}
@media(max-width:700px){
 .home-page #website-shell{height:auto;min-height:100svh;grid-template-rows:84px calc(100svh - 84px) auto;overflow:visible}
 .footer-inner{padding-top:43px;padding-bottom:20px}
 .footer-wordmark{font-size:clamp(38px,11.5vw,58px)}
 .footer-intro{padding-bottom:34px}
 .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:39px 16px;padding:38px 0 55px}
 .footer-column h2{font-size:9px;margin-bottom:5px}
 .footer-column>a{font-size:clamp(15px,4.7vw,19px)}
 .footer-connect{grid-column:1/-1}
 .footer-socials a{width:48px;height:48px}
 .footer-bottom{flex-wrap:wrap;row-gap:11px}
 .footer-bottom span:nth-child(2){display:none}
}

/* Campaign collage: five supplied portraits, with the red look isolated on black. */
.home-page .hero-image-detail-b{display:block}
.home-page .hero-image-main{aspect-ratio:1206/1451;height:auto}
.home-page .hero-image-secondary{aspect-ratio:1195/1410;height:auto}
.home-page .hero-image-detail-a{aspect-ratio:1081/1390;height:auto}
.home-page .hero-image-detail-c{aspect-ratio:1206/1599;height:auto}
.home-page .hero-image-main img,.home-page .hero-image-detail-a img,.home-page .hero-image-detail-c img{object-fit:contain;object-position:center}
.home-page .hero-image-cutout{aspect-ratio:1050/1498;height:auto;z-index:2;border:0;box-shadow:none;background:none;overflow:visible;mix-blend-mode:lighten;clip-path:polygon(39% 18%,75% 17%,80% 34%,90% 38%,94% 70%,84% 75%,84% 100%,35% 100%,35% 73%,34% 50%,38% 36%)}
.home-page .hero-image-cutout img{object-fit:contain;object-position:center;filter:none}
@media(min-width:701px){
 .home-page .hero-image-main{right:16%;top:8%;width:32%;max-height:69%;transform:rotate(-2deg)}
 .home-page .hero-image-secondary{right:1%;top:23%;width:22%;max-height:54%;transform:rotate(4deg);z-index:4}
 .home-page .hero-image-detail-a{left:25%;top:4%;width:19%;max-height:43%;transform:rotate(-6deg);z-index:3}
 .home-page .hero-image-cutout{left:31%;top:17%;width:30%;max-height:76%;transform:none}
 .home-page .hero-image-detail-c{left:81%;top:2%;width:14%;max-height:36%;transform:rotate(7deg);z-index:2;filter:saturate(.75)}
}
@media(min-width:701px) and (max-width:1050px){
 .home-page .hero-image-main{right:17%;width:34%}
 .home-page .hero-image-secondary{right:1%;width:24%}
 .home-page .hero-image-detail-a{left:22%;width:20%}
 .home-page .hero-image-cutout{left:27%;width:32%}
}
@media(max-width:700px){
 .home-page .hero-image-main{right:2%;top:12%;width:60%;max-height:53%;transform:rotate(-3deg)}
 .home-page .hero-image-secondary{right:3%;top:42%;width:46%;max-height:41%;transform:rotate(5deg);z-index:4}
 .home-page .hero-image-detail-a{left:0;top:7%;width:38%;max-height:34%;transform:rotate(-6deg);z-index:3}
 .home-page .hero-image-cutout{left:-24%;top:22%;width:69%;max-height:66%;transform:none}
 .home-page .hero-image-detail-c{left:29%;top:3%;width:28%;max-height:26%;transform:rotate(8deg);z-index:3;filter:saturate(.75)}
}
@media(max-width:700px) and (max-height:740px){
 .home-page .hero-image-secondary{top:29%;right:5%;width:37%}
 .home-page .hero-image-cutout{top:34%;left:-5%;width:40%}
}

/* Four square campaign frames. The entrance, type, release card and footer retain their layout. */
.home-page .hero-image-main,
.home-page .hero-image-secondary,
.home-page .hero-image-detail-a,
.home-page .hero-image-detail-c{aspect-ratio:1;height:auto;max-height:none;overflow:hidden;background:#090909}
.home-page .hero-image-main img,
.home-page .hero-image-secondary img,
.home-page .hero-image-detail-a img,
.home-page .hero-image-detail-c img{width:100%;height:100%;object-fit:cover}
.home-page .hero-image-main img{object-position:50% 30%}
.home-page .hero-image-secondary img{object-position:50% 10%;filter:contrast(1.04)}
.home-page .hero-image-detail-a img{object-position:50% 25%}
.home-page .hero-image-detail-c img{object-position:50% 20%}
@media(min-width:701px){
 .home-page .hero-image-detail-a{left:32%;top:6%;width:21%;transform:rotate(-6deg);z-index:3}
 .home-page .hero-image-main{right:15%;top:8%;width:35%;transform:rotate(-2deg);z-index:1}
 .home-page .hero-image-detail-c{left:auto;right:3%;top:3%;width:16%;transform:rotate(7deg);z-index:2;filter:saturate(.9)}
 .home-page .hero-image-secondary{right:1%;top:44%;width:24%;transform:rotate(4deg);z-index:4}
}
@media(min-width:701px) and (max-width:1050px){
 .home-page .hero-image-detail-a{left:26%;width:23%}
 .home-page .hero-image-main{right:14%;width:37%}
 .home-page .hero-image-detail-c{right:0;width:17%}
 .home-page .hero-image-secondary{right:1%;width:25%}
}
@media(max-width:700px){
 .home-page .hero-image-detail-c{left:16%;top:3%;width:29%;transform:rotate(7deg);z-index:2;filter:saturate(.9)}
 .home-page .hero-image-detail-a{left:0;top:23%;width:45%;transform:rotate(-6deg);z-index:3}
 .home-page .hero-image-main{right:1%;top:10%;width:60%;transform:rotate(-3deg);z-index:1}
 .home-page .hero-image-secondary{right:4%;top:45%;width:46%;transform:rotate(4deg);z-index:4}
}
@media(max-width:700px) and (max-height:740px){
 .home-page .hero-image-secondary{top:38%;right:5%;width:39%}
}

/* Keep the campaign portrait and pink close-up readable above the supporting frames. */
.home-page .hero-image-main{z-index:5}
.home-page .hero-image-detail-c{z-index:6}
@media(min-width:701px){
 .home-page .hero-image-secondary{top:51%;width:21%}
}
@media(max-width:700px){
 .home-page .hero-image-secondary{top:49%;right:4%;width:43%}
 .home-page .hero-image-detail-c{width:31%}
}
@media(max-width:700px) and (max-height:740px){
 .home-page .hero-image-secondary{top:39%;right:3%;width:36%}
}

/* One monochrome campaign photograph replaces the collage. */
.home-page .hero{background:#050505}
.home-page .hero-art{isolation:isolate}
.home-page .hero-single-portrait{position:absolute;inset:0 0 0 auto;width:55%;height:100%;overflow:hidden;z-index:1;background:#c9c9c9}
.home-page .hero-single-portrait img:first-child{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:grayscale(1) contrast(1.21) brightness(.78);transform:scale(1.025);animation:portrait-breathe 15s ease-in-out infinite alternate}
.home-page .hero-single-portrait::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 38%,#fff1 47%,#fff3 50%,#fff1 53%,transparent 62%);mix-blend-mode:screen;transform:translateX(-130%);animation:portrait-reflection 10s ease-in-out infinite}
.home-page .hero-single-portrait::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#050505 0%,#050505dd 7%,#05050500 28%),linear-gradient(0deg,#05050555,transparent 25%)}
.home-page .hero-noise{z-index:2;opacity:.13;mix-blend-mode:soft-light}
@keyframes portrait-breathe{to{transform:scale(1.055)}}
@keyframes portrait-reflection{0%,12%{transform:translateX(-130%)}45%,100%{transform:translateX(130%)}}
@media(min-width:701px){
 .home-page .hero-single-portrait{width:min(58%,calc(100vh * .73))}
 .home-page .hero-heading-wrap{left:0;top:clamp(46px,11vh,110px);bottom:auto;width:58%;z-index:5}
 .home-page .hero h1{font-size:clamp(72px,8.2vw,145px);line-height:.86;text-shadow:0 8px 32px #000d}
 .home-page .hero-release{z-index:7}
}
@media(min-width:701px) and (max-width:1050px){
 .home-page .hero-single-portrait{width:48%}
 .home-page .hero-heading-wrap{top:clamp(28px,8vh,70px);width:64%}
 .home-page .hero h1{font-size:clamp(62px,8.1vw,86px)}
}
@media(max-width:700px){
 .home-page .hero-single-portrait{inset:0;width:100%;height:100%}
 .home-page .hero-single-portrait img:first-child{object-position:50% 27%;filter:grayscale(1) contrast(1.19) brightness(.75)}
 .home-page .hero-single-portrait::after{background:linear-gradient(0deg,#050505 0%,#050505f5 9%,#0505059c 23%,#05050500 53%),linear-gradient(90deg,#05050530,transparent 27%,transparent 73%,#05050530)}
 .home-page .hero-heading-wrap{z-index:5}
}
@media(prefers-reduced-motion:reduce){
 .home-page .hero-single-portrait img:first-child,.home-page .hero-single-portrait::before{animation:none}
 .home-page .hero-single-portrait::before{opacity:0}
}

/* Let the photograph dissolve into the black page instead of ending at a hard edge. */
.home-page .hero-single-portrait{background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}
.home-page .hero-single-portrait::after{background:linear-gradient(0deg,#05050555,transparent 25%)}
@media(max-width:700px){
 .home-page .hero-single-portrait{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 16%,#000 84%,transparent 100%)}
 .home-page .hero-single-portrait::after{background:linear-gradient(0deg,#050505 0%,#050505f5 9%,#0505059c 23%,#05050500 53%)}
}

/* Desktop: the portrait becomes the entire campaign backdrop behind the type. */
@media(min-width:701px){
 .home-page .hero-single-portrait{inset:0;width:100%;height:100%}
 .home-page .hero-single-portrait img:first-child{object-position:50% 8%;filter:grayscale(1) contrast(1.18) brightness(.77)}
 .home-page .hero-single-portrait::after{background:linear-gradient(90deg,#050505b8 0%,#0505058f 25%,#05050556 47%,#05050513 78%,transparent 100%),linear-gradient(0deg,#05050575,transparent 24%)}
}

/* The contour canvas below supplies the light pass; the broad reflection is disabled. */
.home-page .hero-single-portrait::before{display:none}

/* Show more of the eyewear and group the desktop headline with its album card. */
@media(min-width:701px){
 .home-page .hero-single-portrait{-webkit-mask-image:radial-gradient(ellipse 95% 86% at 55% 50%,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 95% 86% at 55% 50%,#000 68%,transparent 100%)}
 .home-page .hero-single-portrait img:first-child{object-position:50% 0%;transform:translateX(4%) scale(.9);animation:none;-webkit-mask-image:radial-gradient(ellipse 95% 85% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 95% 85% at 50% 50%,#000 62%,transparent 100%)}
 .home-page .hero-heading-wrap{top:auto;bottom:clamp(138px,17vh,165px)}
}
@media(max-width:700px){
 .home-page .hero-single-portrait img:first-child{object-position:50% 18%;transform:translateY(2%) scale(1.04);animation:mobile-portrait-breathe 15s ease-in-out infinite alternate}
}
@keyframes mobile-portrait-breathe{to{transform:translateY(2%) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.home-page .hero-single-portrait img:first-child{animation:none}}
@media(min-width:701px){
 .home-page .hero-single-portrait img:first-child{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect
 }
}

/* The canvas contains only real contours from the source photo; the moving mask lights them in turn. */
.home-page .hero-edge-canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:translateX(4%) scale(.9);pointer-events:none;opacity:0;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 33%,#000 46%,#000 54%,transparent 67%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 33%,#000 46%,#000 54%,transparent 67%,transparent 100%);-webkit-mask-size:240% 100%;mask-size:240% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}
.home-page .hero-edge-canvas.is-ready{animation:hero-edge-walk 11s ease-in-out infinite}
@keyframes hero-edge-walk{
 0%,8%{opacity:0;-webkit-mask-position:100% 0;mask-position:100% 0}
 18%{opacity:.62}
 65%{opacity:.62;-webkit-mask-position:0 0;mask-position:0 0}
 84%,100%{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}
}
@media(max-width:700px){.home-page .hero-edge-canvas{object-position:50% 18%;transform:translateY(2%) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.home-page .hero-edge-canvas{display:none}}

/* Shop campaign title, sized so the full word holds its editorial weight on phones. */
.shop-hero-copy h1{font-size:clamp(81px,7.8vw,122px)}
.shop-hero-copy h1 span,.shop-hero-copy h1 em{display:block}
.shop-hero-copy h1 em{font-size:1.07em}
@media(max-width:700px){
 .shop-hero-copy h1{font-size:clamp(55px,15vw,68px)}
 .shop-hero-copy h1 em{font-size:.86em;letter-spacing:-.085em}
}

/* Draw the detected contour glow progressively, then let it disappear. */
.home-page .hero-edge-canvas{-webkit-mask-image:none;mask-image:none;clip-path:inset(0 100% 0 0)}
.home-page .hero-edge-canvas.is-ready{animation:hero-contours-draw 5s ease-in-out infinite}
@keyframes hero-contours-draw{
 0%{clip-path:inset(0 100% 0 0);opacity:0}
 9%{opacity:.82}
  61%{clip-path:inset(0 0 0 0);opacity:.82}
  86%,100%{clip-path:inset(0 0 0 0);opacity:0}
}

/* The scan momentarily gives the full-resolution portrait a reflective silver finish. */
.home-page .hero-chrome-pass{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;isolation:isolate;opacity:0;mix-blend-mode:normal;background:#12171d;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 29%,#000 39%,#000 61%,transparent 71%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 29%,#000 39%,#000 61%,transparent 71%,transparent 100%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:100% 0;mask-position:100% 0}
.home-page .hero-chrome-pass.is-ready{animation:hero-chrome-scan 5s ease-in-out infinite}
.home-page .hero-chrome-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 34%;transform:scale(1.025)}
.home-page .hero-chrome-pass::after{content:"";position:absolute;inset:0;background:linear-gradient(112deg,#fff0 9%,#f8fcff45 21%,#17212b91 31%,#f6faff91 44%,#323c4970 52%,#edf6ff9e 60%,#141e2880 72%,#fff0 91%),repeating-linear-gradient(0deg,#fff0 0 18px,#f2faff16 20px 22px,#111a2414 24px 38px);mix-blend-mode:overlay;opacity:.63}
@keyframes hero-chrome-scan{0%,7%{opacity:0;-webkit-mask-position:100% 0;mask-position:100% 0}12%{opacity:.8}61%{opacity:.8;-webkit-mask-position:0 0;mask-position:0 0}86%,100%{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}
@media(min-width:701px){.home-page .hero-chrome-image{object-position:50% 0%;transform:translateX(4%) scale(.9);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}
@media(max-width:700px){.home-page .hero-chrome-image{object-position:50% 18%;transform:translateY(2%) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.home-page .hero-chrome-pass{display:none}}