@font-face{font-family:Artegra;src:url('assets/ArtegraSoft-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Artegra;src:url('assets/ArtegraSoft-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Artegra;src:url('assets/ArtegraSoft-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Artegra;src:url('assets/ArtegraSoft-BlackItalic.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap}
:root{--ink:#101010;--blue:#4ac1ff;--sky:#caf2ff;--line:3px solid var(--ink);--shadow:4px 4px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px;background:#fff}body{margin:0;overflow-x:clip;isolation:isolate;color:var(--ink);font:16px/1.6 Artegra,Arial,sans-serif}body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#f0f0f0,#fff)}body::after{content:"";position:fixed;inset:-250px;z-index:-1;pointer-events:none;background:#fff;mask:url('assets/brand-pattern.png') repeat 0 0 / 250px 250px;-webkit-mask:url('assets/brand-pattern.png') repeat 0 0 / 250px 250px;animation:pattern-drift 30s linear infinite;will-change:transform}
@keyframes pattern-drift{to{transform:translate3d(-250px,250px,0)}}
[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button{background:none}p{margin:0 0 18px}h1,h2,h3{margin:0;line-height:1.02}h1,h2{font-weight:900;font-style:italic;letter-spacing:-.045em}h2{font-size:clamp(44px,5.8vw,78px)}h3{font-weight:800}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #0151fe;outline-offset:6px}.wrap{width:calc(100% - 96px);max-width:1240px;margin-inline:auto}.section{padding-block:96px}.section-boundary{border:0}.blue-section{background:transparent}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.09em;line-height:1.5;margin-bottom:20px}.outline{display:inline-block;color:var(--blue);-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);padding-right:.11em;margin-right:-.11em}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px 22px;font-weight:800;font-size:15px;line-height:1.4;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translate(2px,2px);box-shadow:var(--shadow)}.button:active{transform:translate(6px,6px);box-shadow:var(--shadow)}.button-white{background:#fff}.button-blue{background:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.text-link:hover{color:#0151fe}.brand{flex-shrink:0}.brand img{height:auto}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--blue);border:var(--line);padding:12px 18px}.skip:focus{top:12px}
.site-nav{position:sticky;top:0;z-index:100;background:white;border-bottom:var(--line)}.nav-inner{max-width:1340px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:24px}.desktop-nav{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.desktop-nav a{padding:5px 14px;border:3px solid transparent;border-radius:12px;line-height:1.5}.desktop-nav a:hover{color:#0151fe}.nav-contact{padding:10px 20px;font-size:14px}.nav-actions{display:flex;align-items:center;gap:15px}.menu-button{display:none;width:43px;height:43px;background:#fff;border:var(--line);border-radius:10px;flex-shrink:0;padding:9px}.menu-button span{display:block;height:3px;margin:3px 0;background:var(--ink);border-radius:3px}.mobile-nav{padding:5px 0 20px}.mobile-nav a{display:block;padding:9px 2px;font-size:20px;font-weight:800}
.hero{padding-top:38px;padding-bottom:20px}.hero-stage{position:relative;width:100%;min-height:450px;aspect-ratio:1234 / 450;overflow:hidden;border:4px solid var(--ink);border-radius:26px;box-shadow:var(--shadow);background:#4ac1ff;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;z-index:1;width:57%;padding:38px 42px}.hero-label{display:inline-block;background:white;border:var(--line);border-radius:9px;box-shadow:var(--shadow);font-size:11px;font-weight:800;letter-spacing:.075em;padding:6px 12px;margin:0 0 25px;transform:none}.hero h1{font-size:clamp(60px,7.7vw,104px);color:white;-webkit-text-stroke:14px var(--ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--ink);letter-spacing:-.035em;line-height:1.02;padding-right:10px}.hero-actions{margin-top:27px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-video-link{font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.hero-video-link span{margin-left:7px}.hero-video-link:hover{color:#fff}
.video-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.video-copy{min-width:0}.video-copy h2{font-size:clamp(42px,4.6vw,63px)}.video-subtitle{font-size:17px;font-weight:600;margin:30px 0 23px}.video-card{position:relative;display:block;width:100%;min-width:0;padding:0;border:4px solid var(--ink);border-radius:22px;overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow);background:#161020}.video-card>img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.video-card:hover>img{transform:scale(1.035)}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:74px;height:74px;padding-left:4px;border:4px solid var(--ink);border-radius:20px;background:white;box-shadow:var(--shadow);font-size:29px;transition:background .2s}.video-card:hover .video-play{background:var(--blue)}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.album-card{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center;padding:30px;background:white;border:4px solid var(--ink);border-radius:24px;box-shadow:var(--shadow);margin-bottom:34px;overflow:hidden}.album-art{border:var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.album-art img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .3s}.album-art:hover img{transform:scale(1.025)}.tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;padding:5px 10px;line-height:1.3;border:2px solid var(--ink);border-radius:7px;background:var(--sky)}.album-copy h3{font-size:clamp(40px,5.3vw,70px);font-weight:900;font-style:italic;letter-spacing:-.04em;margin:23px 0 17px;overflow-wrap:anywhere}.album-copy>p{font-size:12px;margin-bottom:34px}.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.release-card{border:var(--line);border-radius:22px;box-shadow:var(--shadow);background:white;overflow:hidden}.cover-link{display:block;position:relative;overflow:hidden;border-bottom:var(--line)}.cover-link>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transition:transform .3s}.cover-link:hover>img{transform:scale(1.035)}.cover-play{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;padding-left:3px;border:var(--line);border-radius:12px;background:white;box-shadow:var(--shadow);font-size:17px}.cover-link:hover .cover-play{background:var(--blue)}.release-info{padding:22px}.release-info h3{font-size:26px;line-height:1.15;margin:18px 0 10px;letter-spacing:-.035em}.release-info>p{font-size:10px;margin-bottom:22px}.release-listen{padding:10px 17px;font-size:13px;gap:20px;box-shadow:var(--shadow)}
.gallery-controls{display:flex;gap:14px}.icon-button{display:grid;place-items:center;width:49px;height:49px;padding:0;border:var(--line);border-radius:13px;background:white;box-shadow:var(--shadow);font-size:22px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}.icon-button:hover{background:var(--blue);transform:translate(2px,2px);box-shadow:var(--shadow)}.gallery-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 8px 10px 0}.gallery-track::-webkit-scrollbar{display:none}.gallery-photo{position:relative;padding:0;flex:0 0 calc((100% - 28px)/2);aspect-ratio:16/10;overflow:hidden;border:4px solid var(--ink);border-radius:22px;box-shadow:var(--shadow);scroll-snap-align:start;background:var(--sky)}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-photo:hover img{transform:scale(1.025)}.gallery-photo>span{position:absolute;bottom:16px;right:16px;background:white;display:grid;place-items:center;border:var(--line);border-radius:10px;width:36px;height:36px;font-size:24px;font-weight:600}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}.gallery-dots{display:flex;gap:10px}.gallery-dots button{width:12px;height:12px;background:white;border:2px solid var(--ink);border-radius:50%;padding:0;box-shadow:var(--shadow)}.gallery-dots button[aria-current="true"]{background:var(--blue);width:28px;border-radius:8px}
.playlist-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.playlist-copy h2{font-size:clamp(52px,6.7vw,86px)}.playlist-copy>p:not(.eyebrow){margin:30px 0;font-size:16px;max-width:360px}.playlist-player{background:#171717;border:4px solid var(--ink);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.player-header{display:flex;align-items:center;gap:15px;background:white;padding:16px 20px;border-bottom:var(--line)}.player-header img{border:2px solid var(--ink);border-radius:9px}.player-header strong{display:block;font-size:17px;line-height:1.3}.player-header span{display:block;font-size:11px;margin-top:4px}.playlist-player iframe{display:block;border:0;min-height:352px;background:#171717}
.social-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:35px}.social-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;background:white;border:var(--line);border-radius:13px;box-shadow:var(--shadow);font-size:15px;font-weight:800;transition:background .15s,transform .15s}.social-link:hover{background:var(--sky);transform:translateY(-2px)}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.contact-layout h2{font-size:clamp(64px,7.6vw,100px)}.contact-email{font-size:clamp(18px,2.1vw,28px);font-weight:800;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px;overflow-wrap:anywhere}.contact-actions{display:flex;gap:23px;flex-wrap:wrap;margin-top:34px}footer{background:transparent}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px;font-size:12px;font-weight:600}.footer-inner>span{font-size:10px}.footer-inner>a:not(.brand):hover{text-decoration:underline;text-underline-offset:5px}
dialog{border:var(--line);border-radius:20px;box-shadow:var(--shadow);max-width:calc(100vw - 36px);max-height:90vh;padding:55px 22px 22px;background:white}dialog::backdrop{background:rgba(16,16,16,.85)}.dialog-close{position:absolute;right:14px;top:11px;width:32px;height:32px;border:2px solid var(--ink);border-radius:9px;display:grid;place-items:center;background:white;font-size:15px;font-weight:800}.dialog-close:hover{background:var(--blue)}.video-dialog{width:min(1000px,calc(100vw - 36px))}#video-container{aspect-ratio:16/9;background:#101010;border-radius:10px;overflow:hidden}#video-container iframe{width:100%;height:100%;border:0;display:block}.dialog-link{display:block;margin-top:18px;text-align:center;font-size:13px;font-weight:800}.photo-dialog{width:min(1120px,calc(100vw - 36px))}.photo-dialog>img{max-height:65vh;width:100%;object-fit:contain;background:#101010;border-radius:12px}.lightbox-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:18px}#photo-counter{font-size:12px;font-weight:800;min-width:45px;text-align:center}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav-inner{gap:18px}.desktop-nav{font-size:17px;gap:1px}.desktop-nav a{padding-inline:11px}.brand img{width:165px}.hero-copy{padding:30px;width:61%}.hero-stage{min-height:390px}.hero h1{font-size:clamp(56px,7.7vw,90px)}.hero-actions{gap:17px}.hero-video-link{font-size:11px}.video-section{gap:35px;grid-template-columns:1fr 1.2fr}.video-copy h2{font-size:46px}.album-card{gap:32px}.album-copy h3{font-size:50px}.release-grid{gap:22px}.release-info h3{font-size:22px}.playlist-layout{gap:45px}.social-links{gap:13px}.social-link{padding:14px 12px;font-size:13px}.contact-layout{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 36px)}.section{padding-block:64px}.eyebrow{font-size:10px;margin-bottom:17px}.outline{-webkit-text-stroke-width:10px;text-shadow:5px 5px 0 var(--ink)}.nav-inner{padding-block:17px;gap:16px}.brand img{width:145px}.desktop-nav{display:none}.nav-contact{padding:7px 10px;gap:10px;font-size:11px;border-width:2px;border-radius:10px;box-shadow:var(--shadow)}.nav-actions{gap:12px}.menu-button{display:block}.mobile-nav a{font-size:19px}.hero{padding-top:26px;padding-bottom:10px}.hero-stage{min-height:540px;aspect-ratio:auto;border-radius:22px;align-items:flex-end}.hero-image{height:64%;width:auto;max-width:none;left:auto;right:-95px;object-fit:contain;mask-image:linear-gradient(#000 80%,transparent);-webkit-mask-image:linear-gradient(#000 80%,transparent)}.hero-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(1,81,254,.45) 100%)}.hero-copy{width:100%;padding:28px 24px;z-index:1}.hero-label{font-size:9px;margin-bottom:21px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(43px,11.8vw,74px);-webkit-text-stroke-width:12px;text-shadow:6px 6px 0 var(--ink)}.hero-actions{margin-top:24px;display:flex;align-items:flex-start;gap:19px;flex-direction:column}.hero-actions .button{font-size:13px;padding:12px 17px;gap:22px}.hero-video-link{font-size:12px}.video-section{grid-template-columns:minmax(0,1fr);gap:30px}.video-copy h2{font-size:clamp(36px,10.5vw,43px)}.video-subtitle{margin:24px 0 20px;font-size:15px}.video-card{border-radius:17px;box-shadow:var(--shadow)}.video-play{width:56px;height:56px;border-width:3px;border-radius:15px;font-size:22px}.section-head{align-items:center;gap:20px;margin-bottom:30px}h2{font-size:clamp(34px,8.3vw,48px)}.section-head>.button{padding:9px 12px;font-size:10px;gap:7px;box-shadow:var(--shadow);border-width:2px;flex-shrink:0}.album-card{grid-template-columns:1fr;gap:28px;padding:20px;border-radius:20px;margin-bottom:30px;box-shadow:var(--shadow)}.album-art{border-radius:13px}.album-copy h3{font-size:clamp(35px,9vw,50px);margin:21px 0 12px}.album-copy>p{font-size:10px;margin-bottom:24px}.album-copy .button{font-size:12px;padding:12px 16px;gap:20px}.release-grid{grid-template-columns:1fr;gap:27px}.release-card{display:block;border-radius:20px;box-shadow:var(--shadow)}.cover-link{border-bottom:var(--line);height:auto}.cover-link>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.cover-play{width:30px;height:30px;right:9px;bottom:9px;font-size:12px;border-width:2px;border-radius:8px;box-shadow:var(--shadow)}.release-info{padding:24px}.release-info h3{font-size:28px;margin:17px 0 24px}.release-info>p{font-size:8px;margin-bottom:17px}.release-info .tag{font-size:8px;padding:4px 7px}.release-listen{font-size:11px;padding:7px 12px;gap:18px;border-width:2px;border-radius:9px;box-shadow:var(--shadow)}.gallery-controls{gap:10px}.icon-button{width:36px;height:36px;border-radius:10px;font-size:18px;border-width:2px;box-shadow:var(--shadow)}.gallery-photo{flex-basis:100%;aspect-ratio:4/3;border-width:3px;border-radius:17px;box-shadow:var(--shadow)}.gallery-track{gap:20px;padding-right:5px;padding-bottom:8px}.gallery-bottom{gap:16px;margin-top:22px}.gallery-bottom .text-link{font-size:10px;gap:10px}.gallery-dots{gap:8px}.gallery-dots button{width:10px;height:10px}.gallery-dots button[aria-current="true"]{width:22px}.playlist-layout{grid-template-columns:1fr;gap:35px}.playlist-copy h2{font-size:57px}.playlist-copy>p:not(.eyebrow){font-size:14px;margin:27px 0}.playlist-copy .button{font-size:13px;padding:12px 18px}.playlist-player{border-width:3px;border-radius:17px;box-shadow:var(--shadow)}.player-header{padding:14px;gap:12px}.player-header img{width:45px;height:45px}.player-header strong{font-size:14px}.player-header span{font-size:10px}.social-head h2{font-size:clamp(31px,7.8vw,43px)}.social-avatar{width:62px;height:62px;border-radius:16px;flex-shrink:0}.social-links{grid-template-columns:1fr 1fr;gap:17px;margin-top:30px}.social-link{padding:14px;font-size:14px}.social-link:last-child{grid-column:1/-1}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-layout h2{font-size:68px}.contact-email{font-size:clamp(17px,4.5vw,24px)}.contact-actions{margin-top:30px;gap:20px}.contact-actions .button{font-size:12px;padding:11px 15px;gap:13px}.footer-inner{flex-wrap:wrap;gap:25px 18px;padding-block:27px}.footer-inner .brand{width:50%}.footer-inner .brand img{width:140px}.footer-inner>span{font-size:8px}.footer-inner>a:not(.brand){font-size:10px}dialog{padding:50px 12px 17px;border-radius:16px}.photo-dialog>img{max-height:65vh}.lightbox-controls{gap:18px}.dialog-link{font-size:11px}}
@media(max-width:360px){.nav-inner{gap:10px}.brand img{width:120px}.nav-actions{gap:9px}.nav-contact{font-size:10px;gap:6px}.hero-copy{padding:25px 20px}.hero h1{font-size:clamp(37px,11.3vw,42px)}.social-head h2{font-size:30px}.social-avatar{width:50px;height:50px}.section-head h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body::after{animation:none;will-change:auto}*,*::before,*::after{transition:none!important}}

/* Continuous canvas, with a consistent rhythm between the content blocks. */
.section{padding-block:80px}.hero{padding-bottom:24px}
.button{line-height:1.2;min-height:54px;gap:22px}
.button-label{display:block;position:relative;top:2px;line-height:1.2}
.button-icon{display:flex;align-items:center;justify-content:center;line-height:1;width:18px;flex-shrink:0}
.nav-contact{min-height:46px}.hero-label{transform:none}
.album-copy h3{margin-bottom:34px}.release-info h3{margin-bottom:25px}
.release-info{display:flex;flex-direction:column;align-items:flex-start;padding:26px}
.release-listen{min-height:46px;width:100%;margin-top:auto}
.contact-socials{margin-top:64px}.contact-socials h3{font-size:20px;letter-spacing:-.02em}
.contact-socials .social-links{margin-top:22px}
.footer-inner{justify-content:flex-start;padding-block:28px 36px}
.footer-inner>span{font-size:12px;color:#505050}
@media(max-width:760px){
.section{padding-block:54px}.hero{padding-bottom:16px}
.button{min-height:50px}.nav-contact{min-height:40px;padding:8px 12px}
.section-head>.button{min-height:43px;padding:10px 13px;font-size:11px;gap:8px}
.hero-actions .button{min-height:50px}
.release-grid{gap:30px}.release-info{padding:24px}.release-info h3{font-size:28px;margin:17px 0 25px}
.release-info .tag{font-size:10px;padding:5px 10px}
.release-listen{font-size:14px;border-width:3px;border-radius:12px;min-height:48px;box-shadow:var(--shadow)}
.album-copy h3{margin-bottom:26px}.contact-socials{margin-top:42px}.contact-socials h3{font-size:18px}
.contact-actions .button{min-height:48px}.contact-socials .social-links{margin-top:20px}
.footer-inner{padding-block:16px 30px}.footer-inner>span{font-size:11px}
}

html.lenis{scroll-behavior:auto}

@media(max-width:760px){.nav-contact{gap:8px}}
@media(max-width:360px){.nav-contact{padding-inline:8px;gap:6px}}

.contact-socials .social-links{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1100px){.contact-socials .social-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.contact-socials .social-links{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-socials .social-link:last-child{grid-column:auto}}

/* Typography and controls share the same optical alignment. */
body{text-transform:uppercase}
.button{line-height:1;min-height:54px;padding-block:16px}
.box-label{display:block;line-height:1;transform:translateY(.06em)}
.social-link{justify-content:center;min-height:58px;text-align:center;line-height:1}
.tag{line-height:1;padding:8px 11px}
.hero-label{line-height:1;padding-block:10px}
.text-link{line-height:1.35}.video-copy .text-link{margin-top:30px}
.video-play{padding:0}.video-play svg{display:block}
.icon-button svg{display:block;width:23px;height:23px}
.desktop-nav{position:relative;isolation:isolate}
.desktop-nav a{position:relative;z-index:1;line-height:1;padding-block:14px;white-space:nowrap}
.nav-indicator{position:absolute;left:0;top:0;z-index:0;pointer-events:none;opacity:0;width:var(--nav-width,0px);height:var(--nav-height,0px);transform:translate3d(var(--nav-x,0px),var(--nav-y,0px),0);border:var(--line);border-radius:12px;background:var(--sky);box-shadow:var(--shadow);transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1),opacity .2s}
.nav-indicator.is-visible{opacity:1}
/* Compact featured release: cover, title and listening control fill the row. */
.album-card{grid-template-columns:240px minmax(0,1fr);gap:36px;padding:24px}
.album-art{border-radius:14px}.album-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:18px;align-items:center}
.album-copy .tag{justify-self:start;grid-column:1}
.album-copy h3{grid-column:1;grid-row:2;font-size:clamp(36px,4.2vw,58px);margin:0;overflow-wrap:normal}
.album-copy .button{grid-column:2;grid-row:1/3;white-space:nowrap;font-size:13px;padding-inline:20px}
.contact-actions{margin-top:28px}
@media(max-width:1100px){.album-card{grid-template-columns:210px minmax(0,1fr);gap:30px}.album-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.album-copy h3{font-size:clamp(33px,4.4vw,48px)}.album-copy .button{font-size:12px}.desktop-nav{font-size:16px}.desktop-nav a{padding-inline:12px}}
@media(max-width:760px){.button{min-height:50px;padding-block:15px}.nav-contact{min-height:40px;padding:11px 13px}.section-head>.button{min-height:43px;padding-block:13px;font-size:11px}.hero-actions .button{font-size:12px;padding-block:16px}.hero-video-link{font-size:11px}.album-card{grid-template-columns:1fr;gap:26px;padding:20px}.album-copy{gap:20px}.album-copy h3{font-size:clamp(33px,8.6vw,48px)}.album-copy .button{width:100%;font-size:12px;padding-block:16px}.release-info h3{font-size:25px}.release-listen{min-height:48px}.social-link{min-height:54px;font-size:13px}.player-header strong{font-size:12px}.contact-email{font-size:clamp(15px,3.9vw,22px)}.contact-actions .button{min-height:48px;padding-block:15px}.video-copy .text-link{margin-top:24px}.icon-button svg{width:20px;height:20px}}
@media(max-width:360px){.nav-contact{font-size:10px;padding-inline:10px}.section-head>.button{font-size:10px;padding-inline:10px}.hero-actions .button{font-size:11px}.gallery-bottom .text-link{font-size:9px}.contact-email{font-size:15px}.player-header strong{font-size:11px}.release-info h3{font-size:23px}}

.playlist-player{background:var(--blue)}.playlist-art{display:block;padding:24px;background:var(--sky)}.playlist-art img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:var(--line);border-radius:16px;transition:transform .25s}.playlist-art:hover img{transform:scale(.98)}.player-header{padding-block:20px}.player-header .box-label{line-height:1.3}
@media(max-width:760px){.playlist-art{padding:20px}.playlist-art img{border-radius:12px}.player-header{padding-block:16px}}

@media(max-width:360px){.album-copy h3{font-size:31px}}
.gallery-photo>span svg,.dialog-close svg{display:block;width:18px;height:18px}

/* Every release uses the same artwork, label, title and listening control. */
.release-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.release-card{display:flex;flex-direction:column;min-width:0}
.release-card .cover-link{flex-shrink:0}
.release-info{flex:1}.release-info h3{font-size:25px;line-height:1.2}
.playlist-player{background:#171717}
@media(min-width:601px) and (max-width:1000px){.release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-info h3{font-size:23px}}
@media(max-width:600px){.release-grid{grid-template-columns:1fr}.release-info h3{font-size:25px}}
@media(max-width:360px){.release-info h3{font-size:22px}}

/* Shadow the complete outlined glyph, rather than the text fill alone. */
/* WATCH SINGULARITY reference: 63px type with a 4px hard shadow. */
:root{--letter-shadow:calc(4em / 63) calc(4em / 63) 0 var(--ink)}
.outline{position:relative;overflow:visible;text-shadow:none;filter:drop-shadow(var(--letter-shadow));line-height:1.16;padding:0 .14em .14em .04em;margin:0 -.14em -.14em -.04em}
.button:active{transform:translate(2px,2px)}
.menu-button,.tag,.gallery-photo>span,.dialog-close,.skip{box-shadow:var(--shadow)}

/* The banner uses the same full-outline shadow as the colored headings. */
.hero h1{text-shadow:none;filter:drop-shadow(var(--letter-shadow));overflow:visible;line-height:1.12;padding-bottom:.12em;margin-bottom:-.12em}

/* Equal-width navigation targets with optical text centering. */
.desktop-nav{gap:12px}
.desktop-nav a{display:flex;align-items:center;justify-content:center;width:156px;min-width:156px;flex:0 0 156px;padding:14px 26px;text-align:center;line-height:1}
@media(min-width:761px) and (max-width:1100px){.desktop-nav a{width:132px;min-width:132px;flex-basis:132px;padding:14px 20px}}

.mobile-nav a{min-height:48px;display:flex;align-items:center}