
: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)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:8px;min-width:0}
.site-search{position:relative;display:flex;width:clamp(150px,17vw,220px);height:46px;border:1px solid #ffffff68;background:#05050599;color:var(--ice)}
.site-search:focus-within{border-color:var(--ice);background:#0b0c0de8}
.site-search input{width:100%;min-width:0;padding:0 8px 0 13px;border:0;outline:0;background:transparent;color:var(--ice);font:700 10px var(--body);letter-spacing:.13em;text-transform:uppercase}
.site-search input::placeholder{color:#bfc3c7;opacity:1}
.site-search input::-webkit-search-cancel-button{display:none}
.site-search>button{flex:0 0 42px;display:grid;place-items:center;border:0;border-left:1px solid #ffffff38;background:transparent;color:var(--ice)}
.site-search>button:hover{background:#ffffff16}
.site-search>button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.site-search-results{position:absolute;right:-54px;top:calc(100% + 9px);width:min(360px,calc(100vw - 40px));max-height:min(460px,70vh);overflow:auto;border:1px solid #ffffff55;background:#070809f7;box-shadow:0 22px 60px #000c;backdrop-filter:blur(16px)}
.site-search-results[hidden]{display:none}
.site-search-results a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border-bottom:1px solid #ffffff20;text-transform:uppercase}
.site-search-results a:last-child{border-bottom:0}
.site-search-results a:hover,.site-search-results a[aria-selected=true]{background:var(--ice);color:var(--black)}
.site-search-results strong{font-family:var(--display);font-size:13px;letter-spacing:-.035em;line-height:1.1}
.site-search-results span{flex:0 0 auto;color:var(--silver);font-size:7px;font-weight:700;letter-spacing:.14em}
.site-search-results a:hover span,.site-search-results a[aria-selected=true] span{color:#4f5458}
.site-search-empty{padding:17px 15px;color:var(--silver);font-size:9px;font-weight:700;letter-spacing:.16em}
.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:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:16px;padding:18px 0;border-bottom:1px solid #ffffff26}
.cart-item-copy{display:flex;min-width:0;flex-direction:column;gap:7px}
.cart-item strong{font-family:var(--display);font-size:15px;letter-spacing:-.05em}
.cart-item span{font-size:12px;color:var(--silver)}
.cart-item .cart-line-price{font-size:10px;font-weight:700;letter-spacing:.1em}
.cart-item .cart-line-fulfillment{max-width:240px;color:#91969b;font-size:8px;line-height:1.5;letter-spacing:.06em}
.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-item button:disabled{cursor:wait;opacity:.45}
.cart-bottom{padding:20px var(--gutter);border-top:1px solid #ffffff2a}
.cart-subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:14px;font-size:10px;font-weight:700;letter-spacing:.13em}
.cart-subtotal strong{font-family:var(--display);font-size:20px;letter-spacing:-.04em}
.cart-checkout-note{margin-bottom:15px;color:var(--silver);font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.45}
.cart-checkout,.cart-bottom a{display:block;width:100%;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-checkout{margin-bottom:9px}
.cart-checkout:hover{background:var(--silver)}
.cart-checkout:disabled{cursor:wait;opacity:.65}
.cart-checkout-status{min-height:0;margin:0 0 9px;color:#f0c9c9;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.45}
.cart-checkout-status:empty{display:none}
.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}
.tour-signup-form{margin-top:22px}
.tour-signup-form .tour-signup-fields{margin-top:0}
.tour-consent{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:#cfd3d7;font-size:9px;font-weight:500;letter-spacing:.08em;line-height:1.45;text-align:left;cursor:pointer}
.tour-signup .tour-consent input{width:14px;height:14px;min-width:14px;flex:0 0 auto;margin:0;padding:0;accent-color:var(--ice)}
.tour-signup-status{min-height:14px;margin-top:9px;color:var(--ice);font-size:9px;letter-spacing:.14em}
.tour-signup-result{display:none}
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)}.site-search{width:clamp(120px,15vw,155px)}.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}
  .header-actions{grid-column:2;grid-row:1;gap:6px}
  .site-search{width:clamp(76px,24vw,112px);height:34px}
  .site-search input{padding:0 4px 0 8px;font-size:8px;letter-spacing:.08em}
  .site-search>button{flex-basis:29px}
  .site-search>button svg{width:16px;height:16px}
  .site-search-results{right:-40px;top:calc(100% + 8px);width:min(340px,calc(100vw - 40px));max-height:60vh}
  .site-search-results a{padding:13px 12px}
  .site-search-results strong{font-size:12px}
  .cart-trigger{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}
  .tour-signup-form{margin-top:16px}
  .tour-consent{font-size:8px}
  .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:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(70px,9vw,140px) clamp(25px,5vw,90px)}
.interview-card{width:100%}
.interview-card:nth-child(odd){transform:rotate(-2deg)}
.interview-card:nth-child(even){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:nth-child(even){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 */
/* Liquid chrome entrance: the supplied films replace the former portrait entirely. */
[hidden]{display:none!important}
.splash-active{overflow:hidden;background:#02090e}
.splash{position:fixed;inset:0;z-index:300;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#081b25,#02090e 75%);color:var(--ice);opacity:1;transition:opacity .6s ease}
.splash::before{content:"";position:absolute;inset:-3%;z-index:-1;background:url('./assets/entry-desktop-end.jpg') center/100% 100% no-repeat;filter:blur(45px);pointer-events:none}
.splash-backdrop{position:absolute;inset:-3%;width:106%;height:106%;filter:blur(35px);pointer-events:none}
.splash-video{z-index:1;position:absolute;left:50%;top:50%;width:min(100vw,177.7778svh);height:auto;aspect-ratio:16/9;object-fit:contain;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3% 97%,transparent),linear-gradient(0deg,transparent,#000 16% 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3% 97%,transparent),linear-gradient(0deg,transparent,#000 16% 84%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;transition:transform .7s ease}
@media(max-aspect-ratio:1/1){.splash::before{background-image:url('./assets/entry-mobile-end.jpg')}.splash-video{width:min(100vw,56.25svh);aspect-ratio:9/16}}
.splash-enter-wrap{position:absolute;z-index:2;left:50%;bottom:max(7svh,calc(env(safe-area-inset-bottom) + 24px));opacity:0;transform:translate(-50%,12px);transition:opacity .75s ease,transform .75s ease;pointer-events:none}
.splash.is-ready .splash-enter-wrap{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.splash-enter{display:flex;align-items:center;justify-content:center;min-width:184px;min-height:56px;padding:16px 28px;border:1px solid #bdccd477;background:#07111c66;color:var(--ice);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s}
.splash-enter span{font-family:var(--display);font-size:16px;letter-spacing:.1em}
.splash-enter:hover,.splash-enter:focus-visible{border-color:#eef7ff;background:#a7c1d326;box-shadow:0 0 30px #c5e5ff26}
.splash-enter:focus-visible{outline:2px solid #eef7ff;outline-offset:5px}
.splash-enter:disabled{cursor:default}
.splash.is-entering{opacity:0;pointer-events:none}
.splash.is-entering .splash-video{transform:translate(-50%,-50%) scale(1.035)}
.splash.is-entering .splash-enter-wrap{opacity:0;transition:opacity .2s}
#website-shell.world-revealed{animation:world-arrive .5s ease-out both}
@keyframes world-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.splash,.splash-enter-wrap,.splash-video{transition:none}.splash.is-entering .splash-video{transform:translate(-50%,-50%)}#website-shell.world-revealed{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-glasses .shop-feature-scene img{object-position:50% 23%;filter:contrast(1.08) brightness(.88)}
.shop-feature-glasses .shop-feature-object{background:#fff;border-color:#101112}
.shop-feature-glasses .shop-feature-object img{width:100%;height:100%;object-fit:contain}
.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)}
:is(.shop-feature-pink,.shop-feature-reverse){grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr)}
:is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-scene{grid-column:2}
:is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-object{grid-column:1;transform:rotate(-3deg)}
:is(.shop-feature-pink,.shop-feature-reverse) .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{display:grid;place-items:center;min-height:650px;padding:38px;background:#fff}
.shop-detail-image>img{width:min(78%,520px);height:min(78%,520px);max-width:100%;max-height:100%;object-fit:contain}
.shop-detail-image.has-gallery{grid-template-rows:minmax(0,1fr) auto;gap:18px}
.shop-detail-gallery{display:flex;justify-content:center;gap:10px;width:100%}
.shop-detail-gallery[hidden]{display:none}
.shop-detail-gallery button{display:grid;grid-template-columns:52px auto;align-items:center;gap:9px;min-height:56px;padding:3px 12px 3px 3px;border:1px solid #70757b;background:#08090a;color:var(--silver);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.shop-detail-gallery.labels-hidden button{display:block;width:58px;padding:3px}
.shop-detail-gallery.labels-hidden button span{display:none}
.shop-detail-gallery button[aria-pressed="true"]{border-color:#08090a;box-shadow:0 0 0 2px #aeb5ba;color:var(--ice)}
.shop-detail-gallery button:focus-visible{outline:3px solid #08090a;outline-offset:3px}
.shop-detail-gallery img{width:52px;height:48px;object-fit:contain;background:#fff}
.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-detail-preorder{width:100%;margin-top:22px;padding:17px 0;border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e}
.shop-detail-preorder p{font-size:8px;line-height:1.55;letter-spacing:.12em;color:#aeb2b7}
.shop-detail-preorder p:first-child{margin-bottom:7px;color:var(--ice);font-weight:700;letter-spacing:.17em}
.shop-detail-preorder p+p{margin-top:4px}
.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-size-picker input:disabled+span{color:#777b80;border-color:#ffffff30;text-decoration:line-through;cursor:not-allowed}
.shop-size-guide{width:100%;margin:0;border-bottom:1px solid #ffffff2e}
.shop-size-guide[hidden]{display:none}
.shop-size-guide summary{display:flex;align-items:center;justify-content:space-between;min-height:42px;cursor:pointer;list-style:none;font-size:9px;font-weight:700;letter-spacing:.17em}
.shop-size-guide summary::-webkit-details-marker{display:none}
.shop-size-guide summary span{font-size:17px;font-weight:400;line-height:1;transition:transform .2s ease}
.shop-size-guide[open] summary span{transform:rotate(45deg)}
.shop-size-guide-body{padding:8px 0 20px}
.shop-size-guide-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}
.shop-size-guide-heading h3{margin:0 0 7px;font-family:var(--body);font-size:10px;letter-spacing:.15em}
.shop-size-guide-heading p{max-width:290px;color:var(--silver);font-size:8px;line-height:1.5;letter-spacing:.06em}
.shop-size-unit-toggle{flex:0 0 auto;display:flex;padding:2px;border:1px solid #ffffff45;border-radius:99px}
.shop-size-unit-toggle button{min-width:36px;min-height:28px;padding:0 9px;border:0;border-radius:99px;background:transparent;color:var(--silver);font-size:8px;font-weight:700;letter-spacing:.1em}
.shop-size-unit-toggle button[aria-pressed="true"]{background:var(--ice);color:var(--black)}
.shop-size-unit-toggle button:focus-visible{outline:2px solid var(--ice);outline-offset:3px}
.shop-size-guide-scroll{width:100%;overflow-x:auto;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.shop-size-guide table{width:100%;min-width:650px;border-collapse:collapse;font-size:9px;font-variant-numeric:tabular-nums}
.shop-size-guide th,.shop-size-guide td{height:41px;padding:8px 10px;border-bottom:1px solid #ffffff20;text-align:center;white-space:nowrap}
.shop-size-guide tr:last-child th,.shop-size-guide tr:last-child td{border-bottom:0}
.shop-size-guide thead th{color:var(--ice);font-size:8px;letter-spacing:.1em}
.shop-size-guide th:first-child{position:sticky;left:0;z-index:1;min-width:118px;background:#050505;text-align:left}
.shop-size-guide tbody th{color:var(--silver);font-size:8px;letter-spacing:.08em}
.shop-size-guide-note{margin-top:15px;color:#7f8489;font-size:7px!important;line-height:1.55!important;letter-spacing:.09em}
.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-add-cart:disabled{background:#3d4044;color:#979b9f;cursor:not-allowed}
.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,:is(.shop-feature-pink,.shop-feature-reverse){display:block;margin-bottom:105px}
 .shop-feature-scene,:is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-scene{width:88%;height:480px;min-height:0}
 :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-scene{margin-left:auto}
 .shop-feature-object,:is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-object{width:56%;height:240px;position:absolute;top:295px;right:0;border-width:3px;transform:rotate(5deg)}
 :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-object{right:auto;left:0;top:245px;transform:rotate(-5deg)}
 .shop-feature-info,:is(.shop-feature-pink,.shop-feature-reverse) .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;padding:22px}
 .shop-detail-image>img{width:min(78vw,360px);height:min(78vw,360px)}
 .shop-detail-image.has-gallery{gap:10px}
 .shop-detail-image.has-gallery>img{width:min(70vw,330px);height:min(70vw,330px)}
 .shop-detail-gallery{gap:7px}
 .shop-detail-gallery button{grid-template-columns:42px auto;gap:7px;min-height:48px;padding:3px 9px 3px 3px;font-size:7px}
 .shop-detail-gallery img{width:42px;height:40px}
 .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}
 .shop-size-guide-heading{display:block}
 .shop-size-unit-toggle{width:max-content;margin-top:13px}
 .shop-size-guide table{min-width:610px}
 .shop-size-guide th,.shop-size-guide td{padding:8px 7px;font-size:8px}
}
@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(60px,7vw,105px);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-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:55px;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-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}}

/* Keep the WORLD portrait below the mobile heading rather than behind its letters. */
@media(max-width:700px){
 .world-interviews-heading{min-height:340px}
 .world-interviews-heading img{top:130px;opacity:1}
}
@media(max-width:480px){
 .world-interviews-heading{min-height:365px}
 .world-interviews-heading img{top:175px}
}

/* The profile film now fills the opening poster behind the existing type and album card. */
.home-page .home-film{position:absolute;inset:0;z-index:0;overflow:hidden;background:#050505}
.home-page .home-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:grayscale(1) contrast(1.14) brightness(.8)}
.home-page .home-film::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050505c9 0%,#0505057d 35%,#05050522 72%,#05050538 100%),linear-gradient(0deg,#050505e0 0%,transparent 32%,#05050544 100%)}
.home-page .home-sound{position:absolute;z-index:8;right:var(--gutter);top:clamp(16px,2.6vh,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)}
.home-page .home-sound:hover,.home-page .home-sound:focus-visible{background:#f4f8fa26;border-color:#fff}
@media(max-width:700px){
 .home-page .home-film video{object-position:50% 50%;filter:grayscale(1) contrast(1.18) brightness(.78)}
 .home-page .home-film::after{background:linear-gradient(0deg,#050505f0 0%,#0505059e 22%,transparent 49%,#05050557 100%),linear-gradient(90deg,#05050554,transparent 32%,transparent 68%,#05050554)}
 .home-page .home-sound{top:18px}
}
@media(prefers-reduced-motion:reduce){.home-page .home-film video{visibility:hidden}.home-page .home-sound{display:none}}

/* The album title and countdown are the homepage focal point. */
.release-countdown{position:absolute;z-index:7;isolation:isolate;left:50%;top:50%;width:min(670px,calc(100% - (var(--gutter) * 2)));padding:clamp(26px,3.3vw,44px) clamp(22px,4.2vw,52px);border:0;background:#05050542;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translate(-50%,-50%);text-align:center}
.release-countdown::before{content:"";position:absolute;z-index:-1;inset:2px;background:transparent;box-shadow:0 0 22px 10px #f5f9ffd9,0 0 56px 23px #c8d3df91,0 0 112px 39px #8fa3b83d;opacity:.92;pointer-events:none}
.release-countdown h1{position:relative;max-width:100%;margin:0 0 clamp(22px,3vw,34px);font-family:var(--display);font-size:clamp(44px,6vw,74px);line-height:.82;letter-spacing:-.09em;white-space:nowrap;text-shadow:0 8px 32px #000c}
.album-countdown{position:relative;display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:center;gap:clamp(14px,2.6vw,32px);padding-top:clamp(19px,2.2vw,28px);border-top:1px solid #ffffff5c}
.album-countdown-label{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--silver);white-space:nowrap}
.album-countdown>span:not(.album-countdown-label){display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.album-countdown strong{font-family:var(--display);font-size:clamp(33px,4.4vw,58px);line-height:.82;letter-spacing:-.065em;color:var(--ice);font-variant-numeric:tabular-nums}
.album-countdown small{font-size:8px;font-weight:700;letter-spacing:.15em;color:var(--silver)}
.album-countdown.is-live{grid-template-columns:1fr;border-top:0;padding-top:0}
.album-countdown.is-live .album-countdown-label{font-family:var(--display);font-size:clamp(24px,4vw,48px);letter-spacing:-.04em;color:var(--ice)}
.album-countdown.is-live>span:not(.album-countdown-label){display:none}
.release-countdown-presave{position:relative;width:min(310px,100%);min-height:52px;margin:clamp(21px,2.7vw,32px) auto 0;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(120deg,#f8fbfc 0%,#aeb5ba 39%,#fff 58%,#aeb5ba 100%);color:#050505;font-size:9px;font-weight:700;letter-spacing:.17em;box-shadow:0 0 28px #dce7f04f;transition:filter .2s,transform .2s,box-shadow .2s}
.release-countdown-presave span{font-size:22px;line-height:1;letter-spacing:0}
.release-countdown-presave:hover,.release-countdown-presave:focus-visible{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 0 38px #fff4d080}

@media(min-width:701px){
 .home-page .release-countdown h1{font-size:clamp(44px,6vw,74px);line-height:.82;letter-spacing:-.09em}
}

@media(max-width:700px){
 .release-countdown{top:48%;width:calc(100% - 44px);padding:26px 16px 24px}
 .release-countdown::before{inset:2px;box-shadow:0 0 17px 7px #f5f9ffc9,0 0 40px 16px #c8d3df7d,0 0 72px 24px #8fa3b838;opacity:.84}
 .release-countdown h1{margin-bottom:25px;font-size:clamp(32px,11.5vw,52px)}
 .album-countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:20px}
 .album-countdown-label{grid-column:1/-1;margin-bottom:5px;font-size:8px}
 .album-countdown strong{font-size:clamp(29px,9.5vw,42px)}
 .album-countdown small{font-size:6px;letter-spacing:.1em}
 .release-countdown-presave{min-height:48px;margin-top:20px;font-size:8px}
}

@media(max-width:700px) and (max-height:740px){
 .release-countdown{top:47%;padding-top:24px;padding-bottom:22px}
 .release-countdown h1{margin-bottom:19px;font-size:clamp(30px,10.8vw,47px)}
 .album-countdown{padding-top:16px}
}

/* Music page countdown */
.music-countdown{display:grid;grid-template-columns:auto repeat(4,minmax(74px,110px));align-items:center;gap:clamp(12px,2vw,26px);width:max-content;max-width:100%;margin:0 0 clamp(20px,3vh,34px);padding:16px 20px;border:1px solid #ffffff70;background:#050505bd;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.music-countdown .album-countdown-label{font-size:8px;font-weight:700;letter-spacing:.19em;color:var(--silver)}
.music-countdown>span:not(.album-countdown-label){display:flex;flex-direction:column;align-items:center;gap:5px}
.music-countdown strong{font-family:var(--display);font-size:clamp(27px,3vw,43px);line-height:.82;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.music-countdown small{font-size:7px;font-weight:700;letter-spacing:.12em;color:var(--silver)}
.music-countdown.is-live{grid-template-columns:1fr}
.music-countdown.is-live .album-countdown-label{font-family:var(--display);font-size:clamp(21px,3vw,38px);letter-spacing:-.04em;color:var(--ice)}
.music-countdown.is-live>span:not(.album-countdown-label){display:none}

@media(max-width:700px){
 .music-countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;margin-bottom:18px;padding:13px 11px}
 .music-countdown .album-countdown-label{grid-column:1/-1;text-align:center}
 .music-countdown strong{font-size:clamp(25px,8vw,36px)}
 .music-countdown small{font-size:6px;letter-spacing:.08em}
}

/* THE WORLD inherits the portrait's reflective pass as its new opening still. */
.world-film .hero-single-portrait{position:absolute;inset:0;z-index:1;overflow:hidden;background:#050505;isolation:isolate}
.world-film .hero-single-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%;transform:scale(1.035);filter:grayscale(1) contrast(1.19) brightness(.76)}
.world-film .world-film-shade{z-index:2;background:linear-gradient(0deg,#000e 0%,#0005 35%,#0002 65%,#0007 100%),linear-gradient(90deg,#0004,transparent 27%,transparent 73%,#0004)}
.world-film .world-film-copy{z-index:3}
.world-film .hero-edge-canvas{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%;transform:scale(1.035);pointer-events:none;opacity:0;mix-blend-mode:screen;clip-path:inset(0 100% 0 0)}
.world-film .hero-edge-canvas.is-ready{animation:hero-contours-draw 5s ease-in-out infinite}
.world-film .hero-chrome-pass{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;isolation:isolate;opacity:0;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}
.world-film .hero-chrome-pass.is-ready{animation:hero-chrome-scan 5s ease-in-out infinite}
.world-film .hero-chrome-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%;transform:scale(1.035)}
.world-film .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}
@media(max-width:700px){
 .world-film .hero-single-portrait>img,.world-film .hero-edge-canvas,.world-film .hero-chrome-image{object-position:50% 20%;transform:scale(1.045)}
}
@media(prefers-reduced-motion:reduce){.world-film .hero-edge-canvas,.world-film .hero-chrome-pass{display:none}}

/* Two collections within the existing editorial shop. */
.shop-page{--shop-header-height:76px}
.shop-opening{height:calc(100svh - var(--shop-header-height));min-height:550px;display:grid;grid-template-rows:minmax(0,1fr) clamp(205px,25svh,245px)}
.shop-opening .shop-hero{height:auto;min-height:0}
.shop-opening .shop-hero-copy{justify-content:center;padding-top:24px;padding-bottom:32px}
.shop-opening .shop-hero-copy h1{font-size:clamp(64px,min(7.8vw,11svh),115px);margin:0;line-height:.84}
.shop-opening .shop-hero-copy h1 em{font-size:1.07em}
.shop-opening .shop-hero-photo img{object-position:50% 15%}
.collection-selector{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #ffffff2a}
.collection-choice{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:22px var(--gutter);transition:background .4s}
.collection-choice+ .collection-choice{border-left:1px solid #ffffff32}
.collection-choice h2{font-size:clamp(24px,2.75vw,42px);line-height:1.02;transition:transform .4s;color:var(--ice)}
.collection-choice h2>span{display:block;font-size:clamp(12px,1.1vw,16px);letter-spacing:-.04em;margin-bottom:8px}
.collection-choice-label{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--silver);margin-top:13px}
.collection-choice-copy{font-size:12px;line-height:1.5;color:#b7babe;margin-top:9px}
.collection-choice-cta{display:inline-flex;gap:18px;align-items:center;font-size:10px;font-weight:700;letter-spacing:.18em;border-bottom:1px solid #fff8;padding:9px 0 7px;margin-top:10px}
.collection-choice-cta>span{font-size:16px;transition:transform .4s}
@media(hover:hover){.collection-choice:hover{background:linear-gradient(110deg,#ffffff08,transparent)}.collection-choice:hover h2{transform:translateX(5px)}.collection-choice:hover .collection-choice-cta>span{transform:translateY(3px)}}
.collection-choice:focus-visible{outline-offset:-6px}
.shop-collection,.shop-private{scroll-margin-top:24px}
.shop-collection:focus,.shop-private:focus{outline:none}
.shop-collection{padding-top:clamp(65px,7vw,110px);padding-bottom:clamp(70px,9vw,140px)}
.collection-heading{margin-bottom:clamp(45px,5vw,75px)}
.collection-heading h2{font-size:clamp(52px,8vw,115px);line-height:.92;margin-top:20px}
.collection-heading h2>span{display:block;font-size:clamp(16px,1.6vw,24px);line-height:1.15;margin-bottom:12px;letter-spacing:-.04em;color:var(--silver)}
.collection-intro{max-width:520px;margin-top:24px;color:#aeb2b7;font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.6}
.shop-essentials .shop-pair{margin-bottom:0}
.essentials-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(45px,5vw,75px) clamp(24px,3.5vw,54px)}
.essentials-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(145px,.85fr);align-items:center;min-width:0;background:#050505}
.essentials-feature-object{display:grid;place-items:center;width:100%;aspect-ratio:1;background:radial-gradient(circle at 50% 42%,#fff 0,#eeeeeb 58%,#d5d7d9 100%);border:1px solid #777b805c;overflow:hidden}
.essentials-feature-object img{width:88%;height:88%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 13px 18px #0003);transition:transform .4s ease}
.essentials-feature-info{min-width:0;padding-left:clamp(20px,2.2vw,34px)}
.essentials-feature-info>.eyebrow{font-size:7px;letter-spacing:.16em;line-height:1.5}
.essentials-feature-info h3{margin:13px 0 16px;font-size:clamp(19px,1.8vw,28px);line-height:.96;letter-spacing:-.05em;overflow-wrap:normal;word-break:normal}
.essentials-feature-price{margin-bottom:19px;color:var(--silver);font-size:9px;font-weight:700;letter-spacing:.12em}
.essentials-feature-info button{min-height:36px;padding:0;border:0;border-bottom:1px solid #fff9;background:transparent;color:var(--ice);font-size:9px;font-weight:700;letter-spacing:.14em;text-align:left}
@media(hover:hover){.essentials-feature-info button:hover{border-color:var(--ice)}.essentials-feature:has(.essentials-feature-info button:hover) .essentials-feature-object img{transform:scale(1.06)}}
.private-reveal{position:relative;isolation:isolate;height:88svh;min-height:590px;max-height:950px;overflow:hidden;background:#08090b}
.private-reveal-photo{position:absolute;inset:0 0 0 36%}
.private-reveal-photo img{object-position:50% 28%;filter:grayscale(.8) brightness(.78)}
.private-reveal::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 1%,#050505bb 37%,#05050510 85%),linear-gradient(0deg,#050505 0,transparent 32%);pointer-events:none}
.private-reveal-copy{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-bottom:clamp(50px,7vw,105px)}
.private-reveal h2{font-size:clamp(65px,9.2vw,150px);line-height:.88;letter-spacing:-.075em}
.private-reveal h2>span{display:block;font-size:clamp(20px,2.4vw,35px);letter-spacing:-.04em;margin-bottom:25px}
.private-reveal-copy>p{font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.7;margin-top:28px;max-width:470px;color:var(--silver)}
.private-pieces{padding-top:clamp(75px,9vw,145px);padding-bottom:clamp(50px,7vw,95px)}
.private-pieces .shop-feature{margin-bottom:clamp(160px,18vw,270px)}
.private-pieces .shop-feature:last-child{margin-bottom:0}
.private-edition{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--silver);margin-bottom:10px}
.collection-price{font-size:10px;letter-spacing:.08em;color:#999da3;margin-bottom:20px}
.shop-detail-content #detail-edition{font-size:10px;letter-spacing:.18em;margin-top:20px;color:var(--ice)}
.shop-archive{padding-top:clamp(40px,5vw,70px);padding-bottom:clamp(60px,7vw,100px);border-top:1px solid #ffffff2a}
.shop-archive>div{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-top:24px}
.shop-archive h2{font-size:clamp(45px,6.5vw,96px)}
.shop-archive>div>p{font-size:10px;letter-spacing:.2em;line-height:1.5;color:var(--silver)}
@media(max-width:700px){
 .shop-page{--shop-header-height:84px}
 .shop-opening{min-height:540px;grid-template-rows:minmax(0,1fr) clamp(265px,35svh,310px)}
 .shop-opening .shop-hero-copy{padding-top:15px;padding-bottom:18px;justify-content:center}
 .shop-opening .shop-hero-copy h1{font-size:clamp(40px,min(13.3vw,7.6svh),60px)}
 .shop-opening .shop-hero-copy h1 em{font-size:1.04em;letter-spacing:-.085em}
 .shop-opening .shop-hero-photo img{object-position:50% 25%}
 .shop-opening .shop-hero-index{font-size:8px;top:18px}
   .collection-selector{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 .collection-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;column-gap:12px;row-gap:12px;padding:18px var(--gutter)}
 .collection-choice+ .collection-choice{border-left:0;border-top:1px solid #ffffff32}
 .collection-choice h2{grid-column:1/-1;font-size:clamp(23px,6.25vw,32px)}
 .collection-choice h2>span{font-size:11px;margin-bottom:6px;letter-spacing:.04em}
 .collection-choice-label{grid-column:1;margin:0;font-size:8px;letter-spacing:.15em}
 .collection-choice-copy{display:none}
 .collection-choice-cta{grid-column:2;grid-row:2;margin:0;padding:3px 0 4px;gap:10px;font-size:9px;min-height:26px}
 .collection-heading h2{font-size:clamp(43px,12vw,75px)}
 .shop-collection{padding-top:55px;padding-bottom:75px}
 .collection-heading{margin-bottom:38px}
 .collection-heading h2>span{font-size:15px;margin-bottom:10px}
 .collection-intro{margin-top:18px;font-size:9px}
 .essentials-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 12px}
 .essentials-feature{display:block}
 .essentials-feature-object{width:100%;aspect-ratio:1}
 .essentials-feature-object img{width:90%;height:90%;max-width:none;max-height:none}
 .essentials-feature-info{padding:13px 0 0}
 .essentials-feature-info>.eyebrow{font-size:6px;letter-spacing:.1em}
 .essentials-feature-info h3{min-height:3.8em;margin:8px 0 10px;font-size:clamp(16px,4.6vw,22px);line-height:.98}
 .essentials-feature-price{margin-bottom:10px;font-size:8px;letter-spacing:.08em}
 .essentials-feature-info button{width:100%;min-height:32px;font-size:7px;letter-spacing:.09em}
 .private-reveal{height:82svh;min-height:540px;max-height:760px}
 .private-reveal-photo{inset:0}
 .private-reveal-photo img{object-position:58% 18%}
 .private-reveal::after{background:linear-gradient(0deg,#050505 0,#050505b3 25%,#05050505 78%)}
 .private-reveal-copy{padding-bottom:45px}
 .private-reveal h2{font-size:clamp(42px,12vw,80px);line-height:.93}
 .private-reveal h2>span{font-size:18px;margin-bottom:18px}
 .private-reveal-copy>p{font-size:9px;letter-spacing:.13em;margin-top:22px;max-width:300px}
 .private-pieces{padding-top:65px;padding-bottom:70px}
 .private-pieces .shop-feature{margin-bottom:140px}
 .private-pieces .shop-feature:last-child{margin-bottom:0}
 .shop-archive>div{display:block}
 .shop-archive h2{font-size:clamp(43px,11.5vw,65px)}
 .shop-archive>div>p{margin-top:20px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collection-choice,.collection-choice h2,.collection-choice-cta>span{transition:none}}
@media(max-width:700px){
 .shop-page .shop-feature-white .shop-feature-info>.eyebrow,.shop-page .shop-feature-black .shop-feature-info>.eyebrow,.shop-page .shop-feature-red .shop-feature-info>.eyebrow,.shop-page .shop-feature-glasses .shop-feature-info>.eyebrow{max-width:40%;font-size:9px;letter-spacing:.14em;line-height:1.6}
}

@media(min-width:701px){
 .shop-opening{height:calc(100svh - var(--shop-header-height));min-height:0;grid-template-rows:minmax(0,1fr) clamp(195px,24svh,230px)}
 .shop-opening .shop-hero{height:auto;min-height:0}
 .shop-opening .shop-hero-photo{inset:0;transform:none;-webkit-mask-image:none;mask-image:none;background:#080909}
 .shop-opening .shop-hero-photo img{width:min(88vw,88svh);height:100%;margin:0 auto;object-fit:cover;object-position:50% 22%;transform:none;animation:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9% 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9% 91%,transparent)}
 .shop-opening .shop-hero-shade{background:linear-gradient(0deg,#050505 0,transparent 13%),linear-gradient(90deg,#05050570,transparent 60%)}
 .shop-opening .shop-hero-copy{padding-left:var(--gutter);text-shadow:0 3px 22px #000c}
 .shop-opening .collection-selector{min-height:0}
 .shop-opening .collection-choice{padding-top:14px;padding-bottom:14px}
}

.shop-opening .shop-hero-copy h1 small{display:block;color:transparent;-webkit-text-stroke:1px var(--ice);font-family:var(--display);font-size:.58em;line-height:1.18;letter-spacing:.025em;margin-top:10px}
@media(max-width:700px){.shop-opening .shop-hero-copy h1 small{font-size:.5em;margin-top:6px}}

@media(min-width:701px){.shop-opening .shop-hero-photo::before{content:"";position:absolute;inset:-25px;background:url("./assets/shop-hero-campaign.jpg") center 30%/cover no-repeat;filter:blur(25px) brightness(.4)}.shop-opening .shop-hero-photo img{position:relative}.shop-opening .shop-hero-copy h1{font-size:clamp(64px,7vw,100px)}.shop-opening .shop-hero-copy h1 small{font-size:.48em}.shop-opening .collection-choice-label{margin-top:9px}.shop-opening .collection-choice-copy{margin-top:6px}.shop-opening .collection-choice-cta{margin-top:5px}}

/* Carry the desktop campaign through the collection selector, fading toward the bottom. */
@media(min-width:701px){
 .shop-opening{position:relative;isolation:isolate;background:#080909}
 .shop-opening .shop-hero{position:static;overflow:visible;background:transparent}
 .shop-opening .shop-hero-photo{z-index:-2;overflow:hidden}
 .shop-opening .shop-hero-photo img{object-position:50% 22%}
 .shop-opening .shop-hero-shade{z-index:-1;background:linear-gradient(0deg,#050505 0%,#050505ed 12%,#050505b8 26%,#05050525 46%,transparent 64%),linear-gradient(90deg,#05050565,transparent 65%)}
 .shop-opening .shop-hero-copy{position:relative;height:100%;padding-top:24px;padding-bottom:32px}
 .shop-opening .collection-selector{position:relative;z-index:2;background:transparent}
 .shop-opening .collection-choice{background:transparent}
}

/* Compact desktop product spreads: photography and details read together. */
@media(min-width:701px){
 .shop-page .shop-feature,.shop-page .shop-pair{max-width:1020px;margin-left:auto;margin-right:auto}
 .shop-page .shop-feature{grid-template-rows:clamp(220px,34svh,320px) auto;column-gap:clamp(28px,4vw,65px);margin-bottom:75px}
 .shop-page .shop-feature-scene{min-height:0;margin-right:0}
 .shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-scene{margin-right:0;margin-left:0}
 .shop-page .shop-feature-object{width:min(100%,clamp(220px,34svh,320px));height:100%;min-height:0;justify-self:center;z-index:2;border-width:4px;transform:translateX(clamp(-220px,-17vw,-150px)) rotate(3deg)}
 .shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-object{transform:translateX(clamp(150px,17vw,220px)) rotate(-3deg)}
 .shop-page .shop-feature-info{padding:24px 0 0}
 .shop-page .shop-feature-info h3{font-size:clamp(34px,3.3vw,48px);margin:12px 0 14px;line-height:.92}
 .shop-page .shop-feature-info>.eyebrow{font-size:9px;letter-spacing:.16em}
 .shop-page .private-pieces .shop-feature{margin-bottom:95px}
 .shop-page .private-pieces .shop-feature:last-child{margin-bottom:0}
 .shop-page .shop-piece{max-width:clamp(280px,39svh,380px)}
 .shop-page .shop-piece-meta{padding-top:18px}
 .shop-page .shop-piece-meta h3{font-size:clamp(28px,2.5vw,36px);margin:10px 0 16px}
 .shop-page .private-pieces{padding-top:65px;padding-bottom:65px}
}

@media(min-width:701px){.shop-page .shop-feature-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}

/* Desktop pairs retain the portrait proportions and low overlap of the mobile composition. */
@media(min-width:701px){
 .shop-page .shop-feature{--spread-height:clamp(430px,66svh,560px);display:block;height:var(--spread-height);max-width:860px}
 .shop-page .shop-feature-scene{position:absolute;inset:0 auto 0 0;width:min(46%,calc(var(--spread-height)*.67));height:100%;margin:0}
 .shop-page .shop-feature-scene img{object-position:50% 25%}
 .shop-page .shop-feature-object{position:absolute;left:27%;right:auto;top:46%;width:27%;height:auto;aspect-ratio:1;transform:rotate(4deg);border-width:3px}
 .shop-page .shop-feature-info{position:absolute;left:65%;right:0;top:50%;padding:0;transform:translateY(-50%)}
 .shop-page .shop-feature-info h3{font-size:clamp(28px,3.1vw,43px)}
 .shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-scene{left:auto;right:0;margin:0}
 .shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-object{left:auto;right:27%;top:46%;transform:rotate(-4deg)}
 .shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-info{left:0;right:65%}
}

/* A single entrance film: no duplicate logo or frozen end-frame backdrop. */
.splash{background:#02090e}
.splash::before{content:none;background:none;filter:none}
.splash-video{-webkit-mask-image:none;mask-image:none}

/* Fill the entrance edge to edge at every screen ratio. */
.splash .splash-video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}

/* Align the desktop interview portrait; keep the mobile introduction uninterrupted. */
@media(min-width:701px){.world-interviews-heading{margin-bottom:clamp(28px,4vw,55px)}.world-interviews-heading img{transform:translateY(-35px) rotate(7deg)}}
@media(max-width:700px){.world-interviews-heading img{display:none}.world-interviews-heading{min-height:0;margin-bottom:38px}}

/* Shared legal footer and working media preferences. */
.legal-footer{padding:32px var(--gutter);border-top:1px solid #ffffff26;display:flex;flex-wrap:wrap;gap:25px;align-items:center;justify-content:space-between;background:#050505;color:#c5c8cb;font-size:12px}
.legal-links{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;padding:20px 0;font-size:12px;color:#c5c8cb}
.legal-links button{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer}
.legal-links a:hover,.legal-links button:hover{text-decoration:underline;color:white}
.cookie-dialog{width:min(540px,calc(100vw - 32px));max-height:85svh;overflow:auto;margin:auto;padding:40px 28px;background:#101112;color:#f5f5f5;border:1px solid #777;box-sizing:border-box}
.cookie-dialog::backdrop{background:#000b}
.cookie-dialog h2{font-family:var(--display);font-size:25px;margin:0 0 24px}
.cookie-dialog p{font-size:14px;line-height:1.6;margin:16px 0;color:#c5c8cb}
.cookie-close{position:absolute;right:10px;top:6px;font-size:27px;background:none;border:0;color:white;cursor:pointer}
.cookie-option{display:flex;align-items:center;gap:12px;font-size:15px;padding:16px 0}
.cookie-option input{width:20px;height:20px;accent-color:#aab7c5}
.cookie-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.cookie-actions button{flex:1;min-width:160px;min-height:46px;background:#151719;border:1px solid #aaa;color:white;font-size:11px;letter-spacing:.06em;cursor:pointer}
.cookie-dialog>a{font-size:12px;text-decoration:underline}
@media(max-width:700px){.legal-links{gap:18px;line-height:1.5}.legal-footer{display:block}.cookie-dialog{padding:38px 22px}}

/* Let the silver portrait transformation lead, rather than the edge scan. */
.world-film .hero-edge-canvas.is-ready{animation:none;opacity:0}
.world-film .hero-chrome-pass{background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,#000 34%,#000 66%,transparent 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,#000 34%,#000 66%,transparent 82%,transparent 100%)}
.world-film .hero-chrome-pass.is-ready{animation:world-silver-reflection 5s ease-in-out infinite}
.world-film .hero-chrome-pass::after{background:linear-gradient(112deg,transparent 10%,#eef6ff65 24%,#121e3080 35%,#ffffff95 48%,#16223570 60%,#e3eeff75 75%,transparent 92%);opacity:.4}
@keyframes world-silver-reflection{0%{opacity:0;-webkit-mask-position:100% 0;mask-position:100% 0}10%{opacity:1}65%{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}88%,100%{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}
@media(prefers-reduced-motion:reduce){.world-film .hero-chrome-pass.is-ready{animation:none}}

/* Polished statue phase: build into silver, hold, then dissolve back into the photo. */
.world-film .hero-chrome-pass{-webkit-mask-image:none;mask-image:none;clip-path:inset(0 100% 0 0)}
.world-film .hero-chrome-pass.is-ready{animation:world-chrome-statue 5s ease-in-out infinite}
.world-film .hero-chrome-pass::after{opacity:.22}
@keyframes world-chrome-statue{0%{opacity:0;clip-path:inset(0 100% 0 0)}8%{opacity:1;clip-path:inset(0 100% 0 0)}46%,64%{opacity:1;clip-path:inset(0 0 0 0)}90%,100%{opacity:0;clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.world-film .hero-chrome-pass.is-ready{animation:none}}

/* Music shares the staggered two-window composition of the World interviews. */
@media(min-width:701px){
 .music-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(70px,7vw,110px) clamp(25px,5vw,90px);align-items:start}
 .music-entries .music-entry{width:100%;min-width:0;margin:0;transform:rotate(-2deg)}
 .music-entries .music-entry:nth-child(even){transform:translateY(70px) rotate(3deg)}
 .music-entries .music-screen{transform:none;border-width:5px}
 .music-entries .music-entry-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;padding-top:17px}
 .music-entries .music-entry-caption h3{grid-column:1/-1;grid-row:2;font-size:clamp(22px,2.5vw,37px);line-height:1.06;overflow-wrap:anywhere}
 .music-entries .music-entry-caption>span{font-size:9px;letter-spacing:.13em}
 .music-entries .music-entry-caption>span:first-child{grid-column:1;grid-row:1}
 .music-entries .music-entry-caption>span:last-child{grid-column:2;grid-row:1}
 .music-entries .music-preview-action{padding:16px;font-size:10px;letter-spacing:.13em}
 .music-entries .music-play-icon{width:60px;height:60px;font-size:16px}
}

/* Desktop album insert, with release details grouped inside the card. */
.music-hero-bottom>.music-presave-card{display:contents}
.music-card-title{display:none}
.music-card-date{font-size:10px;letter-spacing:.18em}
@media(min-width:701px){
 .music-hero-bottom{flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;border-top:0;padding-top:0;text-align:left}
 .music-hero-bottom>div:first-child{align-items:flex-start}
 .music-card-date strong{font-size:12px;letter-spacing:.18em}
 .music-hero-bottom .music-presave-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;width:min(340px,100%);padding:28px 22px;background:#050505df;border:1px solid #edf2f578;box-shadow:0 16px 45px #0006}
 .music-presave-card .music-card-title{display:block;font-family:var(--display);font-size:32px;line-height:1;letter-spacing:-.065em;color:var(--ice)}
 .music-presave-card .music-presave{min-width:0;width:100%;min-height:52px;gap:16px;padding:0 16px;font-size:10px;letter-spacing:.12em;box-shadow:0 0 24px #e9f2fa20}
 .music-hero-copy h1{margin-bottom:clamp(24px,3vh,40px)}
}

@media(min-width:701px){.music-hero::after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;z-index:3;border-bottom:1px solid #edf2f566;pointer-events:none}}

/* Desktop Music opening fits the viewport, including navigation and divider. */
@media(min-width:701px){
 .music-hero{height:calc(100svh - 76px);min-height:0}
 .music-hero-copy{padding-top:clamp(20px,5svh,40px);padding-bottom:clamp(24px,4svh,40px)}
 .music-hero-copy h1{font-size:clamp(56px,min(10.4vw,18svh),158px);margin:16px 0 clamp(18px,3svh,32px)}
 .music-hero-bottom .music-presave-card{padding-top:clamp(16px,3svh,28px);padding-bottom:clamp(16px,3svh,28px);gap:clamp(12px,2svh,18px)}
}
@media(min-width:701px) and (max-height:450px){
 .music-hero-copy{padding-top:12px;padding-bottom:18px}
 .music-hero-copy h1{font-size:clamp(40px,14svh,63px);margin:10px 0 14px}
 .music-presave-card .music-card-title{display:none}
 .music-hero-bottom .music-presave-card{padding-top:12px;padding-bottom:12px;gap:10px}
}

/* Keep each mobile photo pairing and its View the Piece action within one screen. */
@media(max-width:700px){
 .shop-page .shop-feature{--scene-height:min(440px,calc(100svh - 330px))}
 .shop-page .shop-feature-scene,.shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-scene{height:var(--scene-height);min-height:0}
 .shop-page .shop-feature-object,.shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-object{height:calc(var(--scene-height)*.5);top:calc(var(--scene-height)*.59)}
 .shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-object{top:calc(var(--scene-height)*.51)}
 .shop-page .shop-feature-info,.shop-page :is(.shop-feature-pink,.shop-feature-reverse) .shop-feature-info{padding-top:24px}
 .shop-page .shop-feature-info h3{font-size:clamp(42px,13vw,60px)}
 .shop-page .shop-feature-info .private-edition{margin-bottom:8px}
 .shop-page .shop-feature-info .collection-price{margin-bottom:16px}
}

/* Match the Black tee portrait crop and keep its mobile title on three lines. */
.shop-page .shop-feature-black .shop-feature-scene img{object-position:50% 25%}
@media(max-width:700px){
 .shop-page .shop-feature-black .shop-feature-info h3{font-size:clamp(38px,10.7vw,60px)}
}

/* The glasses lead the shop in a full-bleed campaign frame, distinct from the collection links. */
.shop-page .shop-opening{height:auto;min-height:0;grid-template-rows:auto auto;gap:clamp(12px,1.4vw,20px);padding:clamp(12px,1.4vw,20px);background:#050505}
.shop-opening .shop-glasses-hero{position:relative;overflow:hidden;isolation:isolate;height:clamp(430px,calc(100svh - var(--shop-header-height) - 230px),760px);min-height:0;border:1px solid #eef2f64d;background:#050607;box-shadow:0 18px 55px #0008,inset 0 0 0 1px #0006}
.shop-glasses-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:#050607}
.shop-glasses-hero::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(0deg,#050505d9 0%,#05050561 31%,transparent 65%),linear-gradient(90deg,#05050570 0%,transparent 52%),linear-gradient(#05050518,#05050518)}
.shop-glasses-hero-art{position:absolute;z-index:0;inset:0;overflow:hidden}
.shop-glasses-hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(.32) contrast(1.12) brightness(.88);animation:glasses-hero-breathe 12s ease-in-out infinite alternate}
.shop-glasses-hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-top:clamp(24px,4svh,48px);padding-bottom:clamp(28px,4.5svh,54px)}
.shop-glasses-hero-copy>.eyebrow{margin-bottom:16px;color:var(--silver)}
.shop-glasses-hero-copy h1{max-width:760px;margin:0;font-size:clamp(58px,min(7.4vw,10.8svh),112px);line-height:.84;letter-spacing:-.085em;text-shadow:0 3px 2px #000,0 16px 46px #000}
.shop-glasses-hero-copy h1>span{display:block;margin-bottom:12px;color:var(--silver);font-size:.25em;line-height:1;letter-spacing:.04em}
.shop-glasses-hero-meta{display:flex;align-items:center;gap:16px;margin-top:16px;color:var(--silver);font-size:9px;font-weight:700;letter-spacing:.13em}
.product-urgency{display:inline-flex;align-items:center;gap:8px;width:max-content;color:#ff938b!important;font-size:8px!important;font-weight:700;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}
.product-urgency[hidden]{display:none}
.product-urgency::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#ff6f66;box-shadow:0 0 13px #ff6f66;animation:urgency-pulse 1.8s ease-in-out infinite}
.shop-glasses-hero-copy>button{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(280px,100%);min-height:48px;margin-top:21px;padding:0 17px;border:1px solid var(--ice);background:var(--ice);color:var(--black);font-size:9px;font-weight:700;letter-spacing:.15em}
.shop-glasses-hero-copy>button:hover{background:var(--silver)}
.shop-opening>.collection-selector{min-height:clamp(170px,21svh,220px);border:1px solid #eef2f638;background:#090a0b;box-shadow:inset 0 1px 0 #ffffff0a}
.shop-opening>.collection-selector .collection-choice{padding-top:22px;padding-bottom:22px}
.shop-feature-info>.product-urgency{margin:0 0 12px}
.shop-detail-content>#detail-urgency{margin-top:0;color:#ff938b}
@keyframes glasses-hero-breathe{to{transform:scale(1.025)}}
@keyframes urgency-pulse{50%{opacity:.45;transform:scale(.75)}}

@media(max-width:700px){
 .shop-page .shop-opening{gap:10px;padding:10px}
 .shop-opening .shop-glasses-hero{position:relative;overflow:hidden;height:clamp(400px,58svh,520px)}
 .shop-glasses-hero::after{background:linear-gradient(0deg,#050505f2 0%,#050505c9 29%,#0505053d 60%,transparent 80%)}
 .shop-glasses-hero-art img{object-position:58% 25%;filter:grayscale(.35) contrast(1.13) brightness(.82)}
 .shop-glasses-hero-copy{justify-content:flex-end;padding-top:14px;padding-bottom:18px}
 .shop-glasses-hero-copy>.eyebrow{margin-bottom:8px;font-size:7px;letter-spacing:.15em}
 .shop-glasses-hero-copy h1{font-size:clamp(36px,10.7vw,51px);line-height:.85}
 .shop-glasses-hero-copy h1>span{margin-bottom:6px;font-size:.27em}
 .shop-glasses-hero-meta{gap:10px;margin-top:11px;font-size:7px;letter-spacing:.08em}
 .product-urgency{gap:6px;font-size:7px!important;letter-spacing:.12em}
 .product-urgency::before{width:5px;height:5px;flex-basis:5px}
 .shop-glasses-hero-copy>button{width:min(250px,100%);min-height:40px;margin-top:12px;font-size:8px}
 .shop-opening>.collection-selector{min-height:0}
 .shop-opening>.collection-selector .collection-choice{padding-top:18px;padding-bottom:18px}
}

@media(prefers-reduced-motion:reduce){.shop-glasses-hero-art img,.product-urgency::before{animation:none}}
