*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{margin:0;background:#d8d5cd;color:#242525;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;color:inherit;border:0}a:focus-visible,button:focus-visible{outline:2px solid #826d44;outline-offset:5px}#world{position:fixed;inset:0;touch-action:pan-y}canvas{display:block;width:100%;height:100%}header{position:fixed;top:0;left:0;right:0;padding:28px 5vw;display:flex;justify-content:space-between;z-index:10;pointer-events:none}header>*{pointer-events:auto}header>a{font-weight:900;font-size:19px;letter-spacing:-1px}header span{display:block;font-size:8px;letter-spacing:5px;margin-top:5px}#menu-button{width:44px;height:44px;border-radius:50%;background:#eee9df90;backdrop-filter:blur(10px);display:grid;place-content:center;gap:6px}#menu-button i{width:22px;height:1px;background:#222}.skip{position:fixed;top:-80px;z-index:50}.skip:focus{top:10px;background:#fff;padding:12px}main{position:relative;pointer-events:none}section{height:100svh;min-height:650px;position:relative;scroll-snap-align:start;scroll-snap-stop:always}section a,section button{pointer-events:auto}.hero-copy{position:absolute;top:25%;left:5vw;width:40%}.eyebrow{font-size:9px;letter-spacing:2px}.hero h1{font-size:clamp(60px,8vw,130px);line-height:.87;letter-spacing:-.065em;font-weight:400;margin:30px 0}em{font-family:Georgia,serif;font-weight:400}.intro{font-size:13px;line-height:1.6;color:#51514e}.entry{display:inline-flex;gap:60px;align-items:center;padding:15px 0;border-bottom:1px solid #555;margin-top:20px;font-size:10px;letter-spacing:1px}.entry span{font-size:25px}.hero-foot{position:absolute;bottom:35px;left:5vw;font-size:8px;letter-spacing:1.5px}.release-copy{position:fixed;top:26%;left:5vw;width:29%;max-width:380px;padding:24px;background:#eae6dda8;backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .4s,visibility .2s}.active .release-copy{opacity:1;visibility:visible;transform:none;transition-delay:.1s}.release-copy h2{font-weight:400;font-size:clamp(35px,4.2vw,70px);letter-spacing:-.055em;line-height:1;margin:25px 0 15px}.release-copy p:not(.eyebrow){color:#64615a;font-size:12px}.release-copy .listen{display:flex;justify-content:space-between;border-top:1px solid #7e7b7060;padding-top:20px;margin-top:30px;font-size:11px}.release-copy small{display:block;font-size:9px;color:#767167;margin-top:20px}.fallback-cover{display:none}.no-webgl .fallback-cover{display:block;width:100%;margin-top:20px}#record-nav{position:fixed;z-index:12;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:30px;padding:10px 20px;border:1px solid #65605240;background:#ece8ddd9;backdrop-filter:blur(15px);border-radius:40px;opacity:0;visibility:hidden}.in-records #record-nav{opacity:1;visibility:visible}#record-nav button{font-size:24px;width:35px;height:35px}#counter{font-size:10px;letter-spacing:2px}.connect-copy{position:absolute;left:5vw;top:17%;width:40%}.connect-copy h2{font-size:clamp(60px,7vw,110px);letter-spacing:-.06em;line-height:.9;font-weight:400;margin:30px 0}.connect-copy>p:last-child{font-size:13px;line-height:1.6;color:#57564f}.connections{position:absolute;bottom:8%;left:5vw;right:5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.connections a{border-top:1px solid #777;padding:20px 0;font-size:22px;letter-spacing:-.035em}.connections small{display:block;font-size:8px;letter-spacing:1px;margin-bottom:14px;color:#6c685c}footer{position:relative;display:flex;justify-content:space-between;gap:20px;padding:28px 5vw;background:#d8d5cd;font-size:9px;scroll-snap-align:start}footer small{font-size:8px;color:#777}dialog{border:1px solid #aaa;background:#e8e4da;width:min(480px,calc(100% - 40px));padding:50px 30px;color:#242525}dialog::backdrop{background:#1118;backdrop-filter:blur(12px)}#close-menu{position:absolute;right:16px;top:12px;font-size:28px}dialog nav{display:grid;gap:24px;font-size:27px;letter-spacing:-.04em}#motion{margin-top:30px;padding:12px 0;border-bottom:1px solid #777;font-size:12px}@media(max-width:700px){header{padding:20px 22px}.hero-copy{top:auto;bottom:85px;left:24px;width:80%}.hero h1{font-size:66px;margin:18px 0}.intro{display:none}.entry{margin-top:5px}.hero-foot{left:24px;font-size:7px;bottom:28px}.eyebrow{font-size:7px}.release-copy{left:22px;top:95px;width:calc(100% - 44px);max-width:none;padding:16px 20px}.release-copy h2{font-size:36px;margin:15px 0 10px}.release-copy .listen{margin-top:17px;padding-top:13px}.release-copy small{display:none}#record-nav{bottom:20px;padding:5px 18px}.connect-copy{top:85px;left:24px;width:85%}.connect-copy h2{font-size:60px;margin:20px 0}.connect-copy>p:last-child{display:none}.connections{bottom:25px;left:24px;right:24px;grid-template-columns:1fr;gap:0}.connections a{font-size:18px;padding:12px 0;display:flex;align-items:center;justify-content:space-between}.connections small{margin:0}footer{flex-wrap:wrap}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* The label's own restrained sans-serif direction, in a sculptural studio. */
html{scroll-snap-type:y proximity}body{font-family:Inter,Arial,sans-serif}header .brand{display:flex;gap:12px;align-items:center;letter-spacing:.01em;font-size:15px;font-weight:700}header .brand>img{width:40px;height:40px;border-radius:50%;object-fit:cover}header .brand>span{font-size:15px;letter-spacing:.01em;margin:0}header .brand small{display:block;font-size:8px;letter-spacing:.28em;margin-top:5px;font-weight:500}.hero{height:200svh;min-height:0;scroll-snap-align:none}.hero-sticky{height:100svh;min-height:600px;position:sticky;top:0}.hero-copy{opacity:var(--intro-opacity,1)}.hero h1{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.075em;font-size:clamp(58px,7.2vw,112px);line-height:.98}.hero-fallback{display:none}.no-webgl .hero-fallback{display:block;position:absolute;width:35%;right:8%;top:20%}.intro{font-size:13px;font-weight:400}.hero-foot{opacity:var(--intro-opacity,1)}.release-copy{padding:0;background:none;backdrop-filter:none;transition:none}.release-copy h2{font-weight:600;font-size:clamp(40px,4.8vw,74px);letter-spacing:-.065em;line-height:1.03}.release-copy .artist{font-weight:500}.release-copy .listen{width:100%;text-align:left;align-items:center;padding:18px 0;font-size:10px;letter-spacing:.08em}.release-copy .listen span{font-size:23px}.active .release-copy{animation:release-enter .35s ease-out}.release-copy:not(:focus-within){outline:none}#counter{white-space:nowrap;flex-shrink:0}#record-nav{min-width:185px}.connect-copy h2{font-weight:600;letter-spacing:-.07em;line-height:.98}.connections a{font-weight:500;letter-spacing:-.04em;font-size:20px}.connections a:hover{color:#685b41}.connect-copy>p:last-child{font-size:12px}#connect{min-height:740px}.hero-copy .eyebrow{line-height:1.8;font-size:8px}
#release-dialog{width:min(980px,calc(100% - 40px));max-height:calc(100svh - 40px);padding:52px;background:#efeee9;border:1px solid #f9f8f2;border-radius:3px;overflow:auto;box-shadow:0 30px 100px #0004}#release-dialog[open]{animation:detail-enter .45s cubic-bezier(.2,.7,.2,1)}#release-dialog::backdrop{background:#1b1b1a88;backdrop-filter:blur(14px)}#close-release{position:absolute;right:14px;top:9px;width:38px;height:38px;font-size:30px;z-index:1}.release-detail{display:grid;grid-template-columns:.9fr 1fr;gap:42px;align-items:start}.detail-art{position:relative;perspective:1000px}.detail-art img{display:block;width:100%;box-shadow:12px 20px 40px #0003;transform:rotateY(8deg) rotateZ(-3deg);animation:sleeve-reveal .6s ease-out}.detail-art>span{display:block;font-size:8px;letter-spacing:.16em;margin-top:25px}.detail-copy h2{font-size:clamp(32px,4vw,56px);letter-spacing:-.065em;line-height:1.05;margin:14px 0;font-weight:600}#detail-artist{font-size:12px;color:#666;margin-bottom:26px}#embed iframe{width:100%;height:152px;border:0;border-radius:12px}#platforms{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:18px 0}#platforms a{padding:14px 0;border-bottom:1px solid #2222;font-size:11px;font-weight:500}#platforms a:hover{color:#756344}#official-release{font-size:10px;text-decoration:underline;text-underline-offset:4px}.playback-note{font-size:9px;color:#777;line-height:1.6;margin-top:18px}.release-open{overflow:hidden}#menu{max-height:85svh;overflow:auto}
@keyframes detail-enter{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}@keyframes sleeve-reveal{from{opacity:0;transform:translateX(-25px) rotateY(30deg) rotateZ(-7deg)}to{opacity:1;transform:rotateY(8deg) rotateZ(-3deg)}}@keyframes release-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){header .brand>span{font-size:12px}header .brand>img{width:32px;height:32px}.hero-copy{bottom:80px;left:24px;width:calc(100% - 48px)}.hero h1{font-size:clamp(46px,12vw,70px);line-height:1.02;margin:15px 0}.hero-copy .eyebrow{font-size:7px}.hero-sticky{min-height:600px}.release-copy{top:105px;background:linear-gradient(120deg,#dedbd2e8,#dedbd290);padding:16px 20px}.release-copy h2{font-size:34px;margin:12px 0}.release-copy .listen{margin-top:16px;padding:12px 0;font-size:9px}.connect-copy{top:95px}.connect-copy h2{font-size:46px;line-height:1.02;margin:15px 0}.connections a{font-size:17px}#release-dialog{width:calc(100% - 24px);padding:46px 22px 24px;max-height:calc(100svh - 24px)}.release-detail{grid-template-columns:1fr;gap:24px}.detail-art{width:46%;margin:auto}.detail-art>span{display:none}.detail-copy h2{font-size:34px;margin:10px 0}#detail-artist{margin-bottom:16px}#platforms{margin:10px 0}.playback-note{margin-bottom:0}.no-webgl .hero-fallback{width:55%;right:22%;top:12%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.hero-copy{opacity:1}.hero{height:160svh}}.no-webgl .release-copy{position:relative;opacity:1;visibility:visible;left:auto;top:auto;margin:0 auto;padding:60px 24px}.no-webgl .hero{height:100svh}.no-webgl .release{height:auto;min-height:100svh}
@media(min-width:701px){.hero-copy{width:45%;top:23%}.hero h1{font-size:clamp(56px,6.2vw,98px)}.hero-foot{bottom:24px}.connect-copy h2{font-size:clamp(56px,6.5vw,96px)}}
header .brand>img{border-radius:0;object-fit:contain;width:31px;height:36px}.hero{height:240svh}.hero-foot{letter-spacing:.13em}@media(max-width:700px){header .brand>img{width:25px;height:30px}}
/* Copy and 3D share one viewport and one phase. */
body{background:#e0d6ce}.hero-copy{position:fixed;top:23svh;left:5vw;width:43%;bottom:auto;visibility:hidden;pointer-events:none}.hero-foot{position:fixed;bottom:30px;visibility:hidden}body[data-phase=hero] .hero-copy,body[data-phase=hero] .hero-foot{visibility:visible}.hero-copy a{pointer-events:auto}.connect-copy,.connections{position:fixed;visibility:hidden;opacity:0;pointer-events:none}body[data-phase=connect] .connect-copy,body[data-phase=connect] .connections{visibility:visible;opacity:1}.connect-copy{top:19svh}.connect-copy h2{font-size:clamp(56px,6.4vw,92px);line-height:1.03}.connections{bottom:40px}.connections a,.connections button{pointer-events:auto}.connections button{border-top:1px solid #777;padding:20px 0;font-size:20px;font-weight:500;letter-spacing:-.04em;text-align:left}.connections button:hover{color:#9a482c}.connections button small{display:block;font-size:8px;letter-spacing:1px;margin-bottom:14px;color:#6c685c}.connect-copy>p:last-child{line-height:1.8}.hero h1{font-size:clamp(52px,6vw,92px)}
@media(max-width:700px){.hero-copy{top:auto;bottom:90px;left:24px;width:calc(100% - 48px)}.hero h1{font-size:clamp(43px,11.5vw,62px)}.hero-foot{bottom:25px}.connect-copy{top:95px;width:calc(100% - 48px)}.connect-copy h2{font-size:43px;line-height:1;margin:14px 0}.connect-copy>p:last-child{display:block;font-size:10px}.connections{bottom:25px;left:24px;right:24px}.connections button{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:17px}.connections button small{margin:0}.connections a{font-size:17px}}
@media(max-height:660px) and (min-width:701px){.hero-copy{top:20svh}.hero h1{font-size:60px}.intro{display:none}.connect-copy{top:18svh}.connect-copy h2{font-size:60px}.connections{bottom:20px}}
.no-webgl .hero-copy,.no-webgl .hero-foot,.no-webgl .connect-copy,.no-webgl .connections{position:absolute;visibility:visible;opacity:1}

/* Shared transition timing, accessible controls and shorter viewport layouts. */
.active .release-copy{opacity:var(--record-settle,1)}
.release:not(.active) .release-copy{pointer-events:none}
.release:not(.active) .release-copy *{pointer-events:none}
body:has(dialog[open]){overflow:hidden}
#record-nav button:disabled{opacity:.25;cursor:default}
body[data-phase=connect] .connect-copy,body[data-phase=connect] .connections{opacity:var(--closing-opacity,1)}
#rotate-vinyl{pointer-events:auto;display:flex;align-items:center;gap:28px;font-size:9px;letter-spacing:.12em;border-bottom:1px solid #24252555;padding:14px 0;margin-top:18px}
#rotate-vinyl span{font-size:22px}
.connect-copy{pointer-events:none}
.connections a,.connections button{min-height:48px}
@media(max-width:700px){
 .release{min-height:100svh}
 .release-copy{top:88px;max-height:37svh;overflow:auto}
 .release-copy h2{font-size:clamp(27px,7.8vw,36px)}
 .connect-copy{top:85px}
 .connect-copy h2{font-size:clamp(34px,9vw,43px);margin:10px 0}
 #rotate-vinyl{margin-top:5px;padding:8px 0;font-size:8px}
 .connections{bottom:20px}
 #connect{min-height:100svh}
}
@media(max-height:660px) and (min-width:701px){
 .release-copy{top:100px;max-height:calc(100svh - 190px);overflow:auto}
 .release-copy h2{font-size:40px;margin:16px 0}
 .connect-copy{top:85px}.connect-copy h2{font-size:48px;margin:15px 0}
 .connections{bottom:20px}.connections a,.connections button{font-size:17px;padding:14px 0}
}

/* One identity, one action. The emblem owns the central stage. */
.hero .hero-copy{top:auto;bottom:7svh;left:5vw;width:90%;display:flex;align-items:end;justify-content:space-between;gap:24px}
.hero .hero-copy h1{font-size:clamp(24px,3.1vw,42px);line-height:1.1;font-weight:600;letter-spacing:-.045em;margin:0}
.hero .hero-copy h1 span{display:block;font-size:10px;font-weight:400;letter-spacing:.36em;margin-top:12px}
.hero .entry{margin:0;padding:14px 0;gap:38px;font-size:9px;letter-spacing:.12em;min-height:48px}
header .brand{transition:opacity .2s}
body[data-phase=hero] header .brand{opacity:0;visibility:hidden;pointer-events:none}
body.intro-cleared .hero-copy{visibility:hidden;pointer-events:none}
body:not([data-phase=hero]) .hero-copy,body:not([data-phase=records]) .release-copy,body:not([data-phase=connect]) .connect-copy,body:not([data-phase=connect]) .connections{visibility:hidden;pointer-events:none}
.release-copy{max-width:340px;width:27%;top:25svh}
.release-copy h2{font-size:clamp(30px,3.8vw,60px);overflow-wrap:anywhere}
.release-copy .eyebrow{font-size:8px;letter-spacing:.12em}
.release-copy .artist{line-height:1.6}
@media(max-width:700px),(max-aspect-ratio:1/1){
 .hero .hero-copy{left:24px;width:calc(100% - 48px);bottom:6svh;align-items:start;flex-direction:column;gap:18px}
 .hero .hero-copy h1{font-size:clamp(25px,5.5vw,40px)}
 .hero .hero-copy h1 span{font-size:9px;margin-top:8px}
 .hero .entry{gap:32px;font-size:9px;padding:10px 0}
 .release-copy{left:24px;top:90px;width:calc(100% - 104px);max-width:540px;max-height:29svh;overflow:auto;padding:0;background:none;backdrop-filter:none}
 .release-copy h2{font-size:clamp(28px,4.5vw,40px);margin:12px 0 8px}
 .release-copy .artist{font-size:11px;margin:6px 0}
 .release-copy .listen{width:230px;max-width:100%;font-size:9px;margin-top:12px;padding:10px 0}
 .release-copy small{display:none}
 .connect-copy{left:24px;top:90px;width:calc(100% - 48px)}
 .connect-copy h2{font-size:40px;margin:12px 0}
 .connections{bottom:24px;left:24px;right:24px;grid-template-columns:1fr;gap:0}
 .connections a,.connections button{font-size:17px;display:flex;justify-content:space-between;align-items:center;padding:12px 0}
 .connections small,.connections button small{margin:0}
}
@media(prefers-reduced-motion:reduce){.hero-copy{opacity:var(--intro-opacity,1)}}
.no-webgl .hero-copy,.no-webgl .release-copy,.no-webgl .connect-copy,.no-webgl .connections{visibility:visible!important}

/* Transparent navigation belongs to the same canvas, throughout the journey. */
header{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
#catalog-button{width:auto!important;font-size:10px!important;white-space:nowrap;border-left:1px solid #24252530;padding-left:20px}
#record-nav{gap:18px;max-width:calc(100% - 32px)}
#catalog-dialog{width:min(680px,calc(100% - 32px));max-height:85svh;overflow:auto;padding:38px;background:#e9e6df}
#catalog-dialog h2{font-size:32px;letter-spacing:-.05em;font-weight:500}
#close-catalog{position:absolute;right:16px;top:10px;font-size:28px}
#catalog-dialog label{font-size:11px;display:block;margin:20px 0 8px}
#catalog-search{font:inherit;width:100%;padding:12px;border:1px solid #24252544;background:#fff8;border-radius:0;color:#242525}
#catalog-list{display:grid;margin-top:20px}
#catalog-list button{display:flex;align-items:center;gap:18px;text-align:left;padding:16px 0;border-bottom:1px solid #24252522}
#catalog-list button[hidden]{display:none}
#catalog-list button>span{font-size:10px;opacity:.5}#catalog-list strong{font-size:15px;font-weight:500}#catalog-list small{display:block;font-size:11px;margin-top:6px;color:#666}#catalog-list b{margin-left:auto;font-weight:400}
.social-links{display:flex;flex-wrap:wrap;gap:18px}footer{flex-wrap:wrap;align-items:center}footer small{width:100%}
@media(max-width:700px){#catalog-dialog{padding:32px 20px}#record-nav{gap:12px}#catalog-button{padding-left:12px}.social-links{width:100%;gap:18px 24px}}

#catalog-list img{width:56px;height:56px;object-fit:cover;flex:none;border-radius:2px}#catalog-list button>div{min-width:0}#catalog-list strong{overflow-wrap:anywhere}
.header-contact{position:absolute;right:110px;top:34px;font-size:11px;letter-spacing:.04em}body[data-phase=hero] .header-contact{display:none}
.release[hidden],#collection-choice[hidden]{display:none!important}
#collection-choice{height:100svh;position:relative;z-index:4;scroll-snap-align:start}
#collection-choice>div{position:absolute;top:50%;left:8vw;transform:translateY(-50%);max-width:650px;width:84vw;padding:40px;background:#e4dbd2ed;border:1px solid #24252522}
#collection-choice h2{font-size:clamp(42px,7vw,90px);font-weight:500;letter-spacing:-.065em;margin:24px 0}#collection-choice p{font-size:13px;line-height:1.7}
#collection-choice button,#collection-choice a{display:block;width:100%;text-align:left;padding:20px 0;border-bottom:1px solid #24252544;font-size:16px}#collection-choice button{margin-top:20px}
body:not([data-phase=choice]) #collection-choice>div{visibility:hidden}
@media(max-width:700px){#catalog-list button{gap:10px}#catalog-list img{width:46px;height:46px}.header-contact{right:82px;top:29px}#collection-choice>div{padding:26px}.connections{background:linear-gradient(0deg,#e0d6cef5,#e0d6ceaa);padding:8px 12px}.connect-copy h2{font-size:38px}}

/* The supplied official artwork keeps its original letterforms and proportions. */
.official-wordmark{object-fit:contain;height:auto;filter:brightness(0);display:block}
header .brand img.official-wordmark{width:175px;height:auto;max-height:none}
.hero .hero-copy h1 .official-wordmark{width:clamp(235px,28vw,410px);height:auto;max-width:100%}
footer>.official-wordmark{width:160px;height:auto}
.detail-art span .official-wordmark{width:145px;height:auto;filter:none}
@media(max-width:700px){header .brand img.official-wordmark{width:130px}.hero .hero-copy h1 .official-wordmark{width:235px}}

/* Navigation has no separate painted surface. */
header,header::before,header::after,#menu-button{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border:0}

#contact-dialog{width:min(610px,calc(100% - 28px));max-height:90svh;overflow:auto;padding:40px;background:#eeebe5}#close-contact{position:absolute;right:16px;top:10px;font-size:30px}#contact-title{font-size:clamp(32px,5vw,48px);letter-spacing:-.055em;line-height:1.05;margin:20px 0 26px}#contact-form{display:grid;gap:18px}#contact-form label{display:grid;gap:8px;font-size:12px}#contact-form input,#contact-form select,#contact-form textarea{width:100%;font:inherit;color:#242525;border:1px solid #24252544;background:#fff7;padding:12px;border-radius:0}#contact-form textarea{resize:vertical}.send-contact{background:#242525;color:#fff;padding:16px;text-align:left}.send-contact:disabled{opacity:.45;cursor:not-allowed}.form-note,#contact-status{font-size:11px;line-height:1.6;margin:0}.form-note a{text-decoration:underline}@media(max-width:700px){#contact-dialog{padding:32px 22px}}

/* Fixed contact UI leaves with its section before the footer enters. */
.connect-copy,.connections{transform:translateY(var(--contact-exit,0px));will-change:transform}
footer{background:#e4dfd7;border-top:1px solid #24252520;padding:32px 5vw;gap:24px;scroll-snap-align:none}
footer .social-links{align-items:center;gap:12px 24px}footer .social-links a,footer .social-links button{display:inline-flex;align-items:center;min-height:44px;font-size:11px}
@media(max-width:700px){footer{padding:28px 24px;gap:16px}footer .social-links{gap:4px 22px}footer small{line-height:1.6}}

.connect-copy{transform:translateY(var(--contact-copy-exit,0px))}

/* An explicit invitation marks the beginning of the scroll journey. */
.hero .entry{gap:26px;align-items:center;border-bottom:0;padding:12px 0;letter-spacing:0}
.hero .entry .entry-label{display:flex;flex-direction:column;gap:9px;font-size:16px;line-height:1.3}
.hero .entry strong{font-weight:500}.hero .entry small{font-size:11px;color:#5b5854;letter-spacing:.025em}
.hero .entry .entry-arrow{display:grid;place-items:center;border:1px solid #24252555;width:56px;height:56px;border-radius:50%;font-size:27px;transition:transform .25s,background .25s}
.hero .entry:hover .entry-arrow{transform:translateY(4px);background:#242525;color:#eee}
@media(max-width:700px){.hero .entry{width:100%;justify-content:space-between;gap:16px}.hero .entry .entry-label{font-size:15px}.hero .entry .entry-arrow{width:48px;height:48px}.hero .entry small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero .entry:hover .entry-arrow{transform:none}}

/* One layout gutter for the canvas overlays and document content. */
:root{--page-gutter:clamp(24px,5vw,96px);--ui-top:28px;--ui-bottom:max(24px,env(safe-area-inset-bottom,0px))}
header{padding:var(--ui-top) var(--page-gutter);align-items:center}
.header-contact{top:var(--ui-top);right:calc(var(--page-gutter) + 68px);min-height:44px;display:flex;align-items:center}
.hero .hero-copy{left:var(--page-gutter);right:var(--page-gutter);width:auto;align-items:center}
.hero .hero-copy h1{min-width:0}.hero .entry{flex:none}
.release-copy,.connect-copy{left:var(--page-gutter)}
.release-copy{max-height:calc(100svh - 25svh - 110px);overflow:auto}
.connections{left:var(--page-gutter);right:var(--page-gutter);bottom:var(--ui-bottom);align-items:stretch}
.connections a,.connections button{min-width:0;line-height:1.4}
#record-nav{max-width:calc(100% - 2*var(--page-gutter));bottom:var(--ui-bottom);gap:14px;padding:5px 14px}
#record-nav button{min-height:44px;flex:none}#counter{letter-spacing:1px}
footer{padding-inline:var(--page-gutter)}
#collection-choice>div{left:var(--page-gutter);width:calc(100% - 2*var(--page-gutter));max-height:calc(100svh - 140px);overflow:auto}
@media(max-width:700px),(max-aspect-ratio:1/1){
 :root{--page-gutter:24px;--ui-top:18px}
 .hero .hero-copy{align-items:stretch;bottom:max(32px,6svh)}
 .hero .entry{width:100%;justify-content:space-between}
 .release-copy{left:var(--page-gutter);right:var(--page-gutter);width:auto;max-width:none;top:90px;max-height:29svh}
 .release-copy .listen{width:100%}
 .connect-copy{width:calc(100% - 2*var(--page-gutter));top:90px}
 .connections{padding:0;background:none}
 .connections a,.connections button{gap:16px;text-align:right;min-height:50px}
 .connections small{flex:none;text-align:left}
 header .brand img.official-wordmark{width:130px}
 .header-contact{font-size:10px;right:calc(var(--page-gutter) + 56px)}
}
@media(max-height:600px) and (min-aspect-ratio:1/1){
 :root{--ui-top:12px;--ui-bottom:16px}
 .release-copy{top:80px;max-height:calc(100svh - 160px)}
 .release-copy h2{font-size:clamp(26px,4vw,42px);margin:12px 0}
 .connect-copy{top:80px}.connect-copy h2{font-size:40px}
 .hero .hero-copy{bottom:24px}.hero .entry .entry-arrow{width:44px;height:44px}
}

/* Only fixed desktop copy fades as it leaves. Mobile copy scrolls naturally with its section. */
@media(min-width:701px) and (min-aspect-ratio:1/1){body[data-phase=connect] .connect-copy{opacity:calc(var(--closing-opacity,1)*var(--contact-heading-opacity,1))}}
@media(max-width:700px),(max-aspect-ratio:1/1){body[data-phase=connect] #connect .connect-copy{opacity:var(--closing-opacity,1);will-change:auto}}

.connect-copy>p:not(.eyebrow){font-size:12px;line-height:1.6;max-width:38ch}
@media(max-width:700px),(max-aspect-ratio:1/1){.connect-copy>p:not(.eyebrow){font-size:11px;line-height:1.5;margin:10px 0}#rotate-vinyl{font-size:8px;padding:8px 0;margin-top:4px}}

.ui-icon{display:inline-block;width:1.1em;height:1.1em;flex:none;vertical-align:-.12em}.entry-arrow .ui-icon{width:26px;height:26px}#record-nav button .ui-icon{width:22px;height:22px}.header-contact{gap:6px}.connections .ui-icon{width:18px;height:18px}.social-links a{gap:5px}#platforms a .ui-icon{margin-left:6px}#catalog-list b .ui-icon{width:16px;height:16px}
.load-status{position:fixed;z-index:20;left:var(--page-gutter,24px);bottom:24px;padding:10px 14px;background:#242525;color:#fff;font-size:11px;pointer-events:none}.load-status[hidden]{display:none}

:root{--loader-bg:#e4e1da;--loader-ink:#171819;--loader-track:#bdbab3;--loader-accent:#a92a23}
/* Branded preparation screen; progress follows completed resource stages. */
html.is-loading{overflow:hidden}
.load-status{position:fixed;inset:0;z-index:1000;margin:0;width:100%;height:100%;padding:32px;display:grid;place-items:center;background:var(--loader-bg);color:var(--loader-ink);pointer-events:auto;transition:transform .65s cubic-bezier(.76,0,.24,1),opacity .6s;overflow:hidden}
.load-status.is-ready{transform:translateY(-100%);opacity:0;pointer-events:none}
.load-status[hidden]{display:none}
.loader-content{width:min(420px,100%)}
.loader-brand{display:flex;justify-content:center;align-items:center;margin-bottom:64px}
.loader-brand img{width:100%;height:auto;filter:brightness(0)}
.loader-wordmark{font-family:ArodesOfficial,Impact,sans-serif;font-size:clamp(76px,18vw,130px);line-height:1;letter-spacing:.015em}
.loader-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px;font-size:11px;letter-spacing:.045em}
[data-load-count]{font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.loader-percent{font-size:11px;margin-left:4px;opacity:.6}
.load-status progress{display:block;width:100%;height:2px;border:0;border-radius:0;appearance:none;background:var(--loader-track);color:var(--loader-accent)}
.load-status progress::-webkit-progress-bar{background:var(--loader-track)}
.load-status progress::-webkit-progress-value{background:var(--loader-accent);transition:width .18s}
.load-status progress::-moz-progress-bar{background:var(--loader-accent)}
.loader-caption{margin:24px 0 0!important;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.17em;opacity:.45}
@media(prefers-reduced-motion:reduce){.load-status,.load-status progress::-webkit-progress-value{transition:none}}

/* The mobile terminal occupies a real layout slot, shared with its 3D projection. */
.terminal-slot{display:none}
@media(max-width:700px),(max-aspect-ratio:1/1){
 #connect{height:auto;min-height:100svh;padding:96px var(--page-gutter) 28px;display:flex;flex-direction:column;gap:22px}
 #connect .connect-copy{position:relative;top:auto;left:auto;width:100%;transform:none;flex:none}
 #connect .connect-copy h2{font-size:clamp(32px,9vw,42px)}
 #connect .terminal-slot{display:block;min-height:210px;flex:1;width:100%;pointer-events:none}
 #connect .connections{position:relative;inset:auto;width:100%;transform:none;flex:none;margin:0}
 #connect #rotate-vinyl{margin-top:14px;min-height:40px;width:max-content;gap:18px}
 #connect #rotate-vinyl span{font-size:16px}
}

/* Dynamic canvas coverage must not resize the record chapter distances. */
#world{bottom:auto;height:max(100dvh,var(--viewport-height,100dvh))}

/* Once the catalogue ends, contact and footer are a continuous native scroll. */
html:has(body[data-phase="connect"]){scroll-snap-type:none}
footer{z-index:2;padding-bottom:calc(32px + env(safe-area-inset-bottom))}
footer>a{display:inline-flex;align-items:center;min-height:44px;gap:8px}