*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
background:#e8e8e6;
transition:background .28s ease;
}

body{
--header-height:calc(clamp(56px, 5vw, 74px) + 14px);
--screen-page-height:var(--app-viewport-height, 100dvh);
--page-1-top:#e8e8e6;
--page-1-bottom:#0a526b;
--page-2-top:#0a526b;
--page-2-bottom:#01243a;
--footer-top:#01243a;
--footer-bottom:#021c2d;
font-family:'DM Sans',sans-serif;
font-weight:400;
background:#e8e8e6;
color:#011C2D;
line-height:1.6;
position:relative;
transition:background .28s ease;
}

.home-page{
overflow-x:hidden;
}

html.is-scrolled-past-hero,
body.is-scrolled-past-hero{
background:#0a526b;
}

body.is-below-surface{
background:#0a526b;
}

button,
input,
select,
textarea,
option{
font-family:'DM Sans',sans-serif;
}

header{
--header-edge-gap:clamp(10px, 1.6vw, 18px);
--header-control-gap:clamp(8px, 1.4vw, 16px);
position:relative;
background:#ffffff;
padding:var(--header-edge-gap);
z-index:2000;
transition:background .28s ease, box-shadow .28s ease;
}

.home-page header,
header.is-scrolled-past-hero{
background:transparent;
box-shadow:none;
}

#main-nav{
display:grid;
grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);
grid-template-areas:"logo center actions";
align-items:center;
column-gap:var(--header-control-gap);
position:relative;
width:100%;
}

.logo-link{
grid-area:logo;
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:start;
padding:1px;
border:1px solid rgba(1,28,45,.08);
border-radius:999px;
background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(216,226,229,.72));
box-shadow:0 10px 24px rgba(1,28,45,.08);
backdrop-filter:blur(10px);
transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.logo-link:hover{
transform:translateY(-1px) scale(1.02);
box-shadow:0 16px 34px rgba(1,28,45,.14);
background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(223,235,239,.82));
}

.logo{
display:block;
height:clamp(34px, 4.9vw, 58px);
width:auto;
filter:drop-shadow(0 8px 16px rgba(1,28,45,.12));
}

/* HOME DROPDOWN */

.nav-dropdown{
grid-area:center;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
font-size:1.1rem;
z-index:1;
}

.nav-pill-button{
display:flex;
align-items:center;
justify-content:center;
gap:clamp(4px, .45vw, 6px);
min-height:clamp(26px, 2.5vw, 34px);
padding:clamp(4px, .5vw, 7px) clamp(9px, .95vw, 13px);
border:1px solid rgba(1,28,45,.14);
border-radius:999px;
background:linear-gradient(135deg, rgba(255,255,255,.84), rgba(212,225,229,.86));
color:#011C2D;
font:inherit;
font-size:clamp(.64rem, .52rem + .22vw, .82rem);
font-weight:700;
letter-spacing:clamp(.01em, .04vw, .018em);
cursor:pointer;
box-shadow:0 10px 24px rgba(1,28,45,.1);
backdrop-filter:blur(12px);
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.nav-pill-button:hover{
transform:translateY(-1px);
box-shadow:0 16px 32px rgba(1,28,45,.14);
border-color:rgba(1,28,45,.22);
background:linear-gradient(135deg, rgba(255,255,255,.94), rgba(220,232,236,.92));
}

.nav-pill-button:focus-visible{
outline:none;
box-shadow:0 0 0 4px rgba(27,132,156,.16), 0 14px 30px rgba(1,28,45,.12);
}

.nav-pill-button.is-open{
background:linear-gradient(135deg, rgba(1,28,45,.98), rgba(18,56,76,.94));
color:#e8e8e6;
border-color:rgba(1,28,45,.85);
box-shadow:0 18px 36px rgba(1,28,45,.2);
}

.nav-pill-button-primary{
background:linear-gradient(135deg, rgba(1,28,45,.98), rgba(18,56,76,.94));
color:#e8e8e6;
border-color:rgba(1,28,45,.74);
box-shadow:0 14px 28px rgba(1,28,45,.2);
}

.nav-pill-button-primary:hover{
background:linear-gradient(135deg, rgba(2,38,59,1), rgba(27,132,156,.92));
border-color:rgba(1,28,45,.82);
}

.nav-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:clamp(.72rem, .56rem + .22vw, .92rem);
font-size:clamp(.56rem, .44rem + .18vw, .72rem);
}

.nav-toggle{
font-size:1rem;
}

.nav-text:hover{
text-decoration:none;
}

.nav-arrow{
font-size:.9rem;
line-height:1;
transition:transform .2s ease;
}

.nav-dropdown-menu{
display:flex;
position:absolute;
top:100%;
margin-top:5px;
flex-direction:column;
align-items:flex-start;
gap:10px;
background:rgba(232,232,230,.96);
padding:16px 18px;
border:1px solid rgba(1,28,45,.1);
border-radius:18px;
box-shadow:0 18px 40px rgba(1,28,45,.14);
width:max-content;
z-index:1100;
left:50%;
transform:translateX(-50%) translateY(-12px);
backdrop-filter:blur(16px);
opacity:0;
visibility:hidden;
pointer-events:none;
transform-origin:top center;
filter:blur(6px);
clip-path:inset(0 0 100% 0 round 18px);
transition:opacity .28s ease, transform .36s cubic-bezier(.22,1,.36,1), filter .32s ease, clip-path .42s cubic-bezier(.22,1,.36,1), visibility 0s linear .42s;
}

header.is-scrolled-past-hero .nav-dropdown-menu{
background:rgba(1,28,45,.96);
border-color:rgba(232,232,230,.12);
box-shadow:0 18px 40px rgba(1,28,45,.32);
}

.nav-dropdown-menu a{
display:block;
padding:clamp(4px, .45vw, 7px) 2px;
text-decoration:none;
color:#011C2D;
font-weight:600;
font-size:clamp(.84rem, .48rem + .82vw, 1.32rem);
letter-spacing:.01em;
text-align:left;
width:100%;
opacity:0;
transform:translateY(-10px);
transition:opacity .26s ease, transform .38s cubic-bezier(.22,1,.36,1), color .2s ease;
}

header.is-scrolled-past-hero .nav-dropdown-menu a{
color:#e8e8e6;
}

.nav-dropdown-menu a:hover{
color:#1b849c;
}

.nav-dropdown-menu.show{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateX(-50%) translateY(0);
filter:blur(0);
clip-path:inset(0 0 0 0 round 18px);
transition:opacity .22s ease, transform .4s cubic-bezier(.22,1,.36,1), filter .28s ease, clip-path .44s cubic-bezier(.22,1,.36,1), visibility 0s linear 0s;
}

.nav-dropdown-menu.show a{
opacity:1;
transform:translateY(0);
}

.nav-dropdown-menu a:nth-child(1){
transition-delay:0s;
}

.nav-dropdown-menu a:nth-child(2){
transition-delay:.08s;
}

/* SUBSCRIBE DROPDOWN */

.subscribe-wrapper{
grid-area:actions;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-self:end;
font-size:1rem;
}

.subscribe-toggle{
min-width:clamp(76px, 7.2vw, 104px);
}

.subscribe-text:hover{
text-decoration:none;
}

.arrow{
font-size:.9rem;
line-height:1;
transition:transform .2s ease;
}

.subscribe-dropdown{
display:flex;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%, -50%) scale(.96);
background:rgba(232,232,230,.97);
padding:clamp(24px, 3vw, 32px);
border:1px solid rgba(1,28,45,.12);
border-radius:28px;
box-shadow:0 24px 60px rgba(1,28,45,.18), 0 0 0 100vmax rgba(1,28,45,.28);
gap:14px;
flex-direction:column;
align-items:stretch;
z-index:2500;
backdrop-filter:blur(16px);
box-sizing:border-box;
width:min(360px, calc(100vw - 32px));
max-width:calc(100vw - 32px);
opacity:0;
visibility:hidden;
pointer-events:none;
filter:blur(10px);
transition:opacity .24s ease, transform .3s cubic-bezier(.22,1,.36,1), filter .24s ease, visibility 0s linear .3s;
}

.subscribe-dropdown.is-hero-theme{
background:#011C2D;
border-color:rgba(232,232,230,.14);
box-shadow:0 24px 60px rgba(1,28,45,.28), 0 0 0 100vmax rgba(1,28,45,.32);
}

.subscribe-dropdown input{
width:100%;
min-height:clamp(36px, 4.3vw, 48px);
padding:clamp(8px, .9vw, 11px) clamp(11px, 1.2vw, 16px);
border:1px solid rgba(1,28,45,.22);
border-radius:999px;
font-family:'DM Sans',sans-serif;
background:rgba(255,255,255,.84);
color:#011C2D;
font-size:clamp(.78rem, .5rem + .42vw, 1rem);
text-align:center;
opacity:0;
transform:translateY(-10px);
transition:opacity .26s ease, transform .38s cubic-bezier(.22,1,.36,1), border-color .2s ease, box-shadow .2s ease;
}

.subscribe-dropdown.is-hero-theme input{
background:rgba(232,232,230,.12);
border-color:rgba(232,232,230,.18);
color:#e8e8e6;
}

.subscribe-dropdown.is-hero-theme input::placeholder{
color:rgba(232,232,230,.72);
}

.subscribe-dropdown input:focus{
outline:none;
border-color:#1b849c;
box-shadow:0 0 0 3px rgba(27,132,156,.14);
}

.subscribe-dropdown button{
width:100%;
min-height:clamp(36px, 4.3vw, 48px);
padding:clamp(8px, .9vw, 11px) clamp(11px, 1.2vw, 16px);
border:none;
border-radius:999px;
background:#011C2D;
color:#e8e8e6;
cursor:pointer;
font:inherit;
font-weight:700;
font-size:clamp(.78rem, .5rem + .42vw, 1rem);
letter-spacing:clamp(.03em, .05vw, .05em);
text-transform:uppercase;
opacity:0;
transform:translateY(-10px);
transition:opacity .26s ease, transform .38s cubic-bezier(.22,1,.36,1), background .2s ease, box-shadow .2s ease;
}

.subscribe-dropdown.is-hero-theme button{
background:#e8e8e6;
color:#011C2D;
}

.subscribe-dropdown button:hover{
transform:translateY(-1px);
background:#12384c;
box-shadow:0 14px 28px rgba(1,28,45,.18);
}

.subscribe-dropdown.is-hero-theme button:hover{
background:#f6f6f4;
box-shadow:0 14px 28px rgba(1,28,45,.24);
}

.subscribe-dropdown.show{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate(-50%, -50%) scale(1);
filter:blur(0);
transition:opacity .2s ease, transform .32s cubic-bezier(.22,1,.36,1), filter .22s ease, visibility 0s linear 0s;
}

.subscribe-dropdown.show input,
.subscribe-dropdown.show button{
opacity:1;
transform:translateY(0);
}

.subscribe-dropdown.show input{
transition-delay:.04s;
}

.subscribe-dropdown.show button{
transition-delay:.12s;
}

.nav-toggle[aria-expanded="true"] .nav-arrow,
.subscribe-toggle[aria-expanded="true"] .arrow{
transform:rotate(180deg);
}

/* HERO */

.hero-banner{
min-height:calc(100vh - var(--header-height));
min-height:calc(var(--screen-page-height) - var(--header-height));
background:
linear-gradient(
to bottom,
#e8e8e6 0%,
#0a526b 100%
);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:clamp(24px, 4vh, 40px) clamp(20px, 4vw, 40px) clamp(40px, 7vh, 80px);
position:relative;
z-index:1;
overflow:hidden;
transition:
transform .58s ease,
opacity .48s ease,
filter .48s ease;
}

.page-shell{
min-height:100svh;
min-height:100dvh;
overflow-x:hidden;
position:relative;
}

.page-track{
min-height:100svh;
min-height:100dvh;
position:relative;
}

.hero-content{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
width:100%;
min-height:calc(var(--screen-page-height) - var(--header-height) - clamp(24px, 4vh, 40px) - clamp(40px, 7vh, 80px));
margin:0 auto;
z-index:1;
}

.hero-stack{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:clamp(18px, 3.2vh, 34px);
width:100%;
max-width:58rem;
margin:0 auto;
text-align:center;
}

.hero-title,
.hero-tagline,
.hero-eyebrow,
.hero-copy,
.hero-cta{
margin:0;
text-align:center;
}

.hero-eyebrow{
font-size:clamp(.8rem, .64rem + .22vw, .95rem);
font-weight:700;
letter-spacing:.22em;
text-transform:uppercase;
color:rgba(1,28,45,.62);
white-space:nowrap;
}

.hero-title{
display:block;
font-size:clamp(2.4rem, 7.2vw, 7.8rem);
line-height:.95;
letter-spacing:clamp(1px, .32vw, 3px);
color:#edf0ef;
text-transform:uppercase;
white-space:nowrap;
width:100%;
margin-inline:auto;
text-shadow:0 2px 10px rgba(1,28,45,.10);
}

.lean-into{
display:inline-block;
animation:leanMotion 5s ease-in-out infinite;
transform-origin:bottom left;
}

.ocean-word{
display:inline-block;
animation:oceanPulse 5.4s ease-in-out infinite;
transform-origin:center center;
}

@keyframes leanMotion{
0%{transform:skewX(-4deg);}
40%{transform:skewX(-12deg);}
60%{transform:skewX(-12deg);}
100%{transform:skewX(-4deg);}
}

@keyframes oceanPulse{
0%{transform:scale(1) translateX(0) rotate(0deg);}
22%{transform:scale(1.006) translateX(-.006em) rotate(-.12deg);}
34%{transform:scale(1.01) translateX(.007em) rotate(.12deg);}
46%{transform:scale(1.008) translateX(-.005em) rotate(-.08deg);}
58%{transform:scale(1.011) translateX(.005em) rotate(.08deg);}
74%{transform:scale(1.004) translateX(0) rotate(0deg);}
100%{transform:scale(1) translateX(0) rotate(0deg);}
}

.hero-tagline{
display:block;
width:100%;
font-size:clamp(1.4rem, 4vw, 1.8rem);
color:#0f6f96;
}

.hero-copy{
width:min(36rem, 100%);
font-size:clamp(.95rem, .82rem + .36vw, 1.1rem);
line-height:1.5;
color:rgba(232,232,230,.82);
text-wrap:pretty;
}

.wave-text{
position:relative;
display:inline-block;
color:#0f6f96;
overflow:hidden;
text-shadow:0 1px 6px rgba(1,28,45,.07);
}

.wave-text::after{
content:"#oceanrap";
position:absolute;
left:0;
top:0;
color:transparent;
background:linear-gradient(
90deg,
transparent 0%,
rgba(33, 124, 170, 0.34) 42%,
rgba(119, 205, 240, 0.62) 50%,
rgba(33, 124, 170, 0.34) 58%,
transparent 100%
);
background-size:200% 100%;
-webkit-background-clip:text;
background-clip:text;
animation:waveShine 5s linear infinite;
}

@keyframes waveShine{
0%{background-position:-200% 0;}
100%{background-position:200% 0;}
}

.btn-listen{
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:center;
min-inline-size:clamp(138px,18vw,188px);
padding:clamp(10px,1.1vw,14px) clamp(22px,2.8vw,34px);
background:linear-gradient(135deg, rgba(232,232,230,.98), rgba(199,225,232,.96));
color:#02263b;
text-decoration:none;
border:1px solid rgba(232,232,230,.9);
border-radius:999px;
box-shadow:0 clamp(8px,1.5vw,16px) clamp(18px,3vw,28px) rgba(1,28,45,.18);
font-size:clamp(.9rem,1vw + .45rem,1.08rem);
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.btn-listen:hover{
transform:translateY(-2px);
box-shadow:0 clamp(12px,2vw,22px) clamp(22px,3.6vw,34px) rgba(1,28,45,.24);
background:linear-gradient(135deg, rgba(255,255,255,1), rgba(213,235,241,.98));
}

/* MUSIC SECTION */

#music-section{
--section-pad-y:clamp(14px, 2.6vh, 24px);
--section-gap:clamp(10px, 1.8vh, 16px);
--filter-button-height:clamp(32px, 3.2vw, 42px);
--album-nav-size:clamp(24px, 3.8vw, 44px);
--streaming-row-height:clamp(26px, 3vw, 36px);
--album-action-height:clamp(38px, 3.2vw, 42px);
--album-stack-gap:clamp(10px, 2.2vw, 16px);
--controls-gap:clamp(14px, 2.4vw, 24px);
--music-section-height:var(--screen-page-height);
--album-cover-size:min(
  calc(100vw - 48px),
  calc(var(--music-section-height) - (var(--section-pad-y) * 2) - var(--filter-button-height) - var(--album-nav-size) - var(--streaming-row-height) - var(--album-action-height) - (var(--section-gap) * 2) - (var(--album-stack-gap) * 2))
);
min-height:var(--music-section-height);
height:auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
gap:var(--section-gap);
padding:var(--section-pad-y) 5%;
max-width:none;
margin:0;
scroll-margin-top:var(--header-height);
position:relative;
overflow:visible;
background:linear-gradient(180deg, #0a526b 0%, #01243a 100%);
color:#e8e8e6;
}

.music-filter-buttons{
display:flex;
flex-wrap:nowrap;
align-items:center;
justify-content:center;
gap:clamp(4px, 1vw, 12px);
width:min(860px, 100%);
margin:0 auto;
flex:0 0 auto;
}

.music-filter-button{
display:inline-flex;
flex:1 1 0;
min-width:0;
align-items:center;
justify-content:center;
height:var(--filter-button-height);
padding:0 clamp(8px, 1.2vw, 16px);
border:1px solid rgba(1,28,45,.18);
border-radius:999px;
background:rgba(232,232,230,.08);
color:#e8e8e6;
font:inherit;
font-size:clamp(.58rem, .48rem + .46vw, .92rem);
font-weight:700;
letter-spacing:clamp(0em, .02vw, .02em);
white-space:nowrap;
cursor:pointer;
transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.music-filter-button:hover{
transform:translateY(-1px);
background:rgba(232,232,230,.14);
border-color:rgba(232,232,230,.28);
}

.music-filter-button:focus-visible{
outline:none;
box-shadow:0 0 0 4px rgba(157,217,230,.16);
}

.music-filter-button.is-selected{
background:#e8e8e6;
border-color:#e8e8e6;
color:#011C2D;
}

.album-viewer{
flex:0 0 auto;
width:100%;
max-width:920px;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:var(--section-gap);
position:relative;
overflow:visible;
}

/* ALBUM GRID */

.album-grid{
display:grid;
width:min(var(--album-cover-size), 100%);
height:auto;
flex:0 1 auto;
margin:0 auto;
opacity:1;
place-items:center;
overflow:visible;
position:relative;
z-index:1;
}

.album-grid::-webkit-scrollbar{
display:none;
}

.album-slide{
width:100%;
height:auto;
display:grid;
place-items:center;
}

.album-card{
container-type:inline-size;
--overlay-scale:clamp(.55, calc(100cqi / 460px), 1);
display:flex;
flex-direction:column;
align-items:center;
gap:var(--album-stack-gap);
width:100%;
aspect-ratio:auto;
margin:0 auto;
touch-action:pan-y;
position:relative;
z-index:1;
transition:transform .22s ease;
transform-origin:center center;
}

.album-cover-wrapper{
position:relative;
width:100%;
height:auto;
aspect-ratio:1/1;
border-radius:15px;
overflow:hidden;
box-shadow:0 20px 40px rgba(0,0,0,.2);
touch-action:pan-y;
transition:transform .22s ease;
transform-origin:center center;
}

.album-overlay{
display:none;
}

.streaming-icons{
--streaming-badge-size:clamp(26px, 3vw, 36px);
--streaming-badge-column-gap:clamp(8px, 1vw, 12px);
--streaming-badge-row-gap:calc(1px * var(--overlay-scale));
display:grid;
grid-template-columns:repeat(6, var(--streaming-badge-size));
grid-auto-rows:var(--streaming-badge-size);
column-gap:var(--streaming-badge-column-gap);
row-gap:0px;
width:calc((var(--streaming-badge-size) * 6) + (var(--streaming-badge-column-gap) * 5));
max-width:100%;
justify-content:center;
justify-items:center;
align-items:center;
color:#e8e8e6;
margin-inline:auto;
}

.streaming-icons--mobile{
display:grid;
}

.streaming-icons--overlay{
display:none;
}

.streaming-icon-badge{
display:grid;
place-items:center;
width:var(--streaming-badge-size);
height:var(--streaming-badge-size);
opacity:.9;
transition:transform .2s ease, opacity .2s ease;
text-decoration:none;
cursor:pointer;
}

.streaming-icon-badge i{
display:block;
font-size:calc(1.12rem + .32vw);
line-height:1;
color:#e8e8e6;
}

.streaming-icon-image{
display:block;
width:calc(1rem + .28vw);
height:calc(1rem + .28vw);
object-fit:contain;
}

.streaming-icon-badge--youtube i{
transform:translateX(.02em);
}

.streaming-icon-badge--apple-music i{
transform:translateX(.01em);
}

.streaming-icon-badge--amazon i{
transform:translateX(.01em);
}

.streaming-icon-badge--deezer i{
transform:translateX(.015em);
}

.streaming-icon-image--pandora{
transform:translateY(.01em);
}

@media (hover:hover) and (pointer:fine){
.streaming-icon-badge:hover{
transform:scale(1.12);
opacity:1;
}
}

.streaming-icon-badge:focus-visible{
outline:none;
transform:scale(1.12);
opacity:1;
}

.streaming-icon-badge.is-disabled{
cursor:default;
opacity:.42;
}

.overlay-buttons{
display:none;
}

.album-actions--mobile{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:clamp(8px, 1vw, 12px);
}

.album-actions--mobile > *{
display:inline-flex;
align-items:center;
justify-content:center;
}

.overlay-divider{
display:none;
}

/* FIXED BUTTONS */

.preview-btn,
.lyrics-btn{
appearance:none;
-webkit-appearance:none;
inline-size:auto;
min-inline-size:clamp(118px, 10vw, 140px);
block-size:clamp(38px, 3.2vw, 42px);
padding:0 clamp(16px, 1.8vw, 22px);
border:1px solid rgba(232,232,230,.98);
border-radius:999px;
background:linear-gradient(135deg, rgba(4,37,56,.88), rgba(11,78,102,.78));
color:#e8e8e6;
text-decoration:none;
font-family:'DM Sans',sans-serif;
font-weight:700;
font-size:clamp(.74rem, .7rem + .12vw, .82rem);
letter-spacing:calc(.4px * var(--overlay-scale));
line-height:1;
text-transform:uppercase;
cursor:pointer;
transition:background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
box-shadow:0 10px 22px rgba(1,28,45,.24);
backdrop-filter:blur(8px);
}

.preview-btn.is-playing{
background:#e8e8e6;
border-color:#e8e8e6;
color:#011c2d;
}

.preview-btn.is-error{
background:rgba(120,18,18,.82);
border-color:rgba(255,220,220,.95);
color:#fff4f4;
}

@media (hover:hover) and (pointer:fine){
.preview-btn:hover{
background:linear-gradient(135deg, rgba(48,129,154,.94), rgba(122,197,216,.88));
border-color:rgba(232,232,230,1);
}

.lyrics-btn:hover{
background:linear-gradient(135deg, rgba(48,129,154,.94), rgba(122,197,216,.88));
border-color:rgba(232,232,230,1);
}
}

.album-cover{
width:100%;
height:100%;
object-fit:contain;
object-position:center;
display:block;
transition:filter .35s ease;
}

@media (hover:hover) and (pointer:fine){
.album-cover-wrapper:hover{
transform:scale(1.03);
z-index:20;
}
}

.album-empty-state{
font-size:clamp(1rem, 2vw, 1.2rem);
font-weight:600;
text-align:center;
color:#e8e8e6;
}

.album-carousel-controls{
display:flex;
align-items:center;
justify-content:center;
gap:var(--controls-gap);
position:relative;
z-index:2;
}

.album-nav-button{
display:inline-flex;
align-items:center;
justify-content:center;
width:var(--album-nav-size);
height:var(--album-nav-size);
border:1px solid rgba(232,232,230,.5);
border-radius:999px;
background:rgba(232,232,230,.22);
color:#f7fbfc;
font:inherit;
font-size:clamp(.92rem, .72rem + .48vw, 1.32rem);
cursor:pointer;
box-shadow:0 12px 28px rgba(1,28,45,.24);
transition:transform .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease;
}

.album-nav-button:hover{
transform:translateY(-1px);
background:rgba(232,232,230,.32);
border-color:rgba(232,232,230,.72);
}

.album-nav-button:focus-visible{
outline:none;
box-shadow:0 0 0 4px rgba(157,217,230,.18), 0 10px 24px rgba(1,28,45,.18);
}

.album-nav-button:disabled{
opacity:.38;
cursor:default;
transform:none;
background:rgba(232,232,230,.06);
border-color:rgba(232,232,230,.12);
}

#back-to-top{
position:fixed;
bottom:clamp(16px, 2.5vw, 24px);
right:clamp(16px, 2.5vw, 24px);
display:inline-flex;
align-items:center;
gap:clamp(6px, .8vw, 10px);
padding:clamp(6px, .7vw, 8px) clamp(8px, .9vw, 10px) clamp(6px, .7vw, 8px) clamp(6px, .7vw, 8px);
border:1px solid rgba(1,28,45,.14);
border-radius:999px;
background:linear-gradient(135deg, rgba(255,255,255,.92), rgba(217,229,232,.88));
color:#011C2D;
font-family:'DM Sans',sans-serif;
font-size:clamp(.68rem, .6rem + .16vw, .78rem);
font-weight:700;
letter-spacing:.03em;
cursor:pointer;
box-shadow:0 16px 34px rgba(1,28,45,.14);
backdrop-filter:blur(12px);
opacity:0;
pointer-events:none;
transform:translateY(12px) scale(.96);
transition:opacity .35s ease, transform .35s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
z-index:3000;
}

#back-to-top:hover{
border-color:rgba(1,28,45,.24);
background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(226,236,239,.94));
box-shadow:0 20px 40px rgba(1,28,45,.18);
}

#back-to-top:focus-visible{
outline:none;
box-shadow:0 0 0 4px rgba(27,132,156,.14), 0 18px 36px rgba(1,28,45,.16);
}

.back-to-top-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:clamp(24px, 2.5vw, 30px);
height:clamp(24px, 2.5vw, 30px);
border-radius:999px;
background:linear-gradient(135deg, rgba(1,28,45,.98), rgba(18,56,76,.94));
color:#e8e8e6;
font-size:clamp(.78rem, .68rem + .18vw, .95rem);
line-height:1;
box-shadow:0 10px 20px rgba(1,28,45,.18);
}

.back-to-top-text{
white-space:nowrap;
}

#back-to-top.show{
opacity:1;
pointer-events:auto;
transform:translateY(0) scale(1);
}

/* FOOTER */

footer{
text-align:center;
padding:clamp(28px, 5vw, 40px) 16px;
background:linear-gradient(180deg, #01243a 0%, #021c2d 100%);
display:grid;
justify-items:center;
gap:18px;
color:#e8e8e6;
}

.page-footer{
min-height:auto;
align-content:center;
}

.home-page .page-footer{
background:linear-gradient(180deg, #01243a 0%, #021c2d 100%);
color:#e8e8e6;
}

.subpage-page2-footer{
background:linear-gradient(180deg, #0a526b 0%, #01243a 100%) !important;
color:#e8e8e6;
width:100%;
}

.policy-body .page-footer{
background:linear-gradient(180deg, #01243a 0%, #021c2d 100%) !important;
}

.footer-socials{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:14px;
}

.footer-social-link{
display:inline-flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
border:1px solid rgba(1,28,45,.14);
border-radius:999px;
background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(216,226,229,.74));
color:#011C2D;
text-decoration:none;
font-size:1.1rem;
box-shadow:0 10px 24px rgba(1,28,45,.08);
transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.home-page .footer-social-link{
border-color:rgba(232,232,230,.16);
background:rgba(0,0,0,.18);
color:#e8e8e6;
box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.subpage-page2-footer .footer-social-link{
border-color:rgba(232,232,230,.16);
background:rgba(0,0,0,.18);
color:#e8e8e6;
box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.footer-social-link:hover{
transform:translateY(-2px);
border-color:rgba(1,28,45,.24);
background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(226,236,239,.9));
box-shadow:0 16px 32px rgba(1,28,45,.14);
color:#1b849c;
}

.home-page .footer-social-link:hover{
border-color:rgba(232,232,230,.26);
background:rgba(232,232,230,.1);
color:#9dd9e6;
box-shadow:0 16px 32px rgba(0,0,0,.24);
}

.subpage-page2-footer .footer-social-link:hover{
border-color:rgba(232,232,230,.26);
background:rgba(232,232,230,.1);
color:#9dd9e6;
box-shadow:0 16px 32px rgba(0,0,0,.24);
}

.footer-social-link:focus-visible{
outline:none;
box-shadow:0 0 0 4px rgba(27,132,156,.14), 0 16px 32px rgba(1,28,45,.14);
}

.footer-legal{
font-size:.9rem;
font-weight:500;
letter-spacing:.02em;
}

.footer-policy-link{
color:#011C2D;
font-size:.9rem;
font-weight:600;
text-decoration:none;
border-bottom:1px solid currentColor;
}

.home-page .footer-policy-link{
color:#e8e8e6;
}

.subpage-page2-footer .footer-policy-link{
color:#e8e8e6;
}

.footer-policy-link:hover{
color:#1b849c;
}

.footer-policy-link:focus-visible{
outline:none;
box-shadow:0 2px 0 0 rgba(27,132,156,.6);
}

.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
border:0;
}

.contact-body{
--contact-header-height:calc(clamp(56px, 5vw, 74px) + 14px);
--contact-viewport-boost:0px;
min-height:100vh;
min-height:100svh;
display:flex;
flex-direction:column;
background:transparent;
}

.contact-body header{
background:transparent;
box-shadow:none;
}

.contact-page{
min-height:calc(100vh - var(--contact-header-height) + var(--contact-viewport-boost));
min-height:calc(100svh - var(--contact-header-height) + var(--contact-viewport-boost));
display:grid;
align-items:center;
padding:clamp(16px, 3vw, 32px) 5%;
background:linear-gradient(180deg, #e8e8e6 0%, #d9e7ea 28%, #8ebdca 58%, #0a526b 100%);
}

.contact-shell{
width:min(100%, 560px);
margin:0 auto;
}

.contact-card{
display:grid;
gap:clamp(14px, 2vw, 18px);
padding:clamp(20px, 3.5vw, 30px);
border:1px solid rgba(1,28,45,.1);
border-radius:24px;
background:rgba(248,250,249,.82);
box-shadow:0 18px 48px rgba(1,28,45,.12);
backdrop-filter:blur(10px);
}

.contact-eyebrow{
font-size:.84rem;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
color:#0a526b;
}

.contact-card h1{
font-size:clamp(1.9rem, 4vw, 3rem);
line-height:1;
margin:0;
color:#011C2D;
}

.contact-copy{
max-width:30rem;
font-size:clamp(.94rem, 1rem + .12vw, 1.02rem);
line-height:1.55;
color:rgba(1,28,45,.72);
}

.contact-form{
display:grid;
gap:14px;
}

.contact-form-row{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.contact-field{
display:grid;
gap:7px;
}

.contact-field span{
font-size:.76rem;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:#05374f;
}

.contact-field input,
.contact-field textarea{
width:100%;
padding:12px 14px;
border:1px solid rgba(1,28,45,.14);
border-radius:16px;
background:rgba(255,255,255,.88);
color:#011C2D;
font:inherit;
font-size:.96rem;
box-shadow:none;
transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.contact-field textarea{
resize:vertical;
min-height:120px;
}

.contact-field input:focus,
.contact-field textarea:focus{
outline:none;
border-color:#1b849c;
background:rgba(255,255,255,.9);
box-shadow:0 0 0 3px rgba(27,132,156,.14);
}

.contact-submit{
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:start;
min-height:44px;
padding:11px 20px;
border:1px solid rgba(1,28,45,.08);
border-radius:999px;
background:linear-gradient(135deg, #011C2D, #0a526b);
color:#e8e8e6;
font:inherit;
font-weight:700;
font-size:.84rem;
letter-spacing:.08em;
text-transform:uppercase;
cursor:pointer;
box-shadow:0 10px 24px rgba(1,28,45,.14);
transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.contact-submit:hover{
transform:translateY(-1px);
background:linear-gradient(135deg, #0b3550, #1b849c);
box-shadow:0 18px 36px rgba(1,28,45,.22);
}

.contact-submit:focus-visible{
outline:none;
box-shadow:0 0 0 3px rgba(27,132,156,.14), 0 18px 36px rgba(1,28,45,.22);
}

@media (max-width:700px){
.contact-page{
align-items:start;
padding:12px 12px 20px;
}

.contact-shell{
width:100%;
}

.contact-card{
gap:12px;
padding:16px 14px;
border-radius:20px;
}

.contact-card h1{
font-size:clamp(1.6rem, 8vw, 2.2rem);
}

.contact-form-row{
grid-template-columns:minmax(0, 1fr);
}

.contact-field input,
.contact-field textarea{
padding:11px 12px;
font-size:.94rem;
}

.contact-field textarea{
min-height:96px;
}

.contact-submit{
justify-self:stretch;
width:100%;
}
}

.store-body{
--store-header-height:calc(clamp(56px, 5vw, 74px) + 14px);
--store-viewport-boost:6px;
min-height:100vh;
min-height:100svh;
display:flex;
flex-direction:column;
background:transparent;
}

.store-body header{
background:transparent;
box-shadow:none;
}

.store-page{
--store-message-offset:-10svh;
min-height:calc(100vh - var(--store-header-height) + var(--store-viewport-boost));
min-height:calc(100svh - var(--store-header-height) + var(--store-viewport-boost));
display:flex;
align-items:stretch;
padding:clamp(28px, 5vw, 56px) 5%;
background:linear-gradient(180deg, #e8e8e6 0%, #0a526b 100%);
}

.store-shell{
width:min(100%, 1180px);
min-height:100%;
max-width:1180px;
margin:0 auto;
display:grid;
place-items:center;
}

.store-message{
display:grid;
justify-items:center;
gap:18px;
padding:clamp(80px, 16vh, 140px) 16px;
text-align:center;
transform:translateY(var(--store-message-offset));
width:min(100%, 720px);
border:1px solid rgba(232,232,230,.08);
border-radius:28px;
background:linear-gradient(180deg, rgba(1,28,45,.18) 0%, rgba(1,28,45,.08) 100%);
box-shadow:0 22px 60px rgba(1,28,45,.16);
backdrop-filter:blur(10px);
}

.store-message h1{
font-size:clamp(2.2rem, 6vw, 4.6rem);
line-height:.95;
margin:0;
white-space:nowrap;
color:#e8e8e6;
text-shadow:0 4px 18px rgba(1,28,45,.22);
}

.store-return-link{
color:#e8e8e6;
font-weight:700;
text-decoration:none;
border-bottom:1px solid rgba(232,232,230,.78);
text-shadow:0 2px 10px rgba(1,28,45,.2);
transition:color .2s ease, border-color .2s ease, text-shadow .2s ease;
}

.store-return-link:hover{
color:#9dd9e6;
border-color:rgba(157,217,230,.62);
text-shadow:0 2px 12px rgba(1,28,45,.26);
}

.store-return-link:focus-visible{
outline:none;
box-shadow:0 2px 0 0 rgba(157,217,230,.7);
}

.policy-body{
--policy-header-height:calc(clamp(56px, 5vw, 74px) + 14px);
--policy-viewport-boost:10px;
min-height:100vh;
min-height:100svh;
display:flex;
flex-direction:column;
background:transparent;
}

.policy-body header{
background:transparent;
box-shadow:none;
}

.policy-page{
position:relative;
min-height:calc(100vh - var(--policy-header-height) + var(--policy-viewport-boost));
min-height:calc(100svh - var(--policy-header-height) + var(--policy-viewport-boost));
padding:clamp(34px, 5vw, 64px) 5%;
background:linear-gradient(180deg, #e8e8e6 0%, #0a526b 42%, #01243a 100%);
overflow:hidden;
}

.policy-page::before,
.policy-page::after{
content:"";
position:absolute;
border-radius:999px;
pointer-events:none;
filter:blur(10px);
opacity:.7;
}

.policy-page::before{
width:clamp(220px, 30vw, 360px);
height:clamp(220px, 30vw, 360px);
top:clamp(24px, 6vh, 72px);
right:clamp(-80px, -6vw, -24px);
background:radial-gradient(circle, rgba(157,217,230,.34) 0%, rgba(157,217,230,0) 70%);
}

.policy-page::after{
width:clamp(200px, 26vw, 320px);
height:clamp(200px, 26vw, 320px);
bottom:clamp(20px, 4vh, 56px);
left:clamp(-88px, -7vw, -30px);
background:radial-gradient(circle, rgba(232,232,230,.18) 0%, rgba(232,232,230,0) 72%);
}

.policy-shell{
position:relative;
z-index:1;
width:min(100%, 960px);
margin:0 auto;
}

.policy-card{
display:grid;
gap:clamp(16px, 2.4vw, 24px);
padding:clamp(26px, 4vw, 42px);
border:1px solid rgba(232,232,230,.24);
border-radius:30px;
background:linear-gradient(180deg, rgba(232,232,230,.93) 0%, rgba(219,232,236,.87) 100%);
box-shadow:0 28px 70px rgba(1,28,45,.2);
backdrop-filter:blur(14px);
transform:translateY(clamp(-30px, -4vh, -12px));
}

.policy-eyebrow{
font-size:.84rem;
font-weight:700;
letter-spacing:.16em;
text-transform:uppercase;
color:#0a526b;
}

.policy-card h1{
font-size:clamp(2rem, 5vw, 3.8rem);
line-height:.95;
margin:0;
color:#011C2D;
}

.policy-meta{
display:inline-flex;
align-items:center;
justify-self:start;
padding:8px 14px;
border:1px solid rgba(1,28,45,.12);
border-radius:999px;
background:rgba(255,255,255,.42);
font-size:.92rem;
font-weight:600;
color:rgba(1,28,45,.72);
}

.policy-section{
display:grid;
gap:10px;
padding-top:6px;
border-top:1px solid rgba(1,28,45,.08);
}

.policy-section h2{
font-size:clamp(1.05rem, 2vw, 1.3rem);
line-height:1.15;
margin:0;
color:#05374f;
}

.policy-list{
padding-left:1.2rem;
display:grid;
gap:6px;
}

.policy-inline-link{
color:#0a526b;
font-weight:700;
text-decoration:none;
border-bottom:1px solid currentColor;
}

.policy-inline-link:hover{
color:#1b849c;
}

@media (min-width:701px){
.nav-dropdown-menu a{
font-size:clamp(.8rem, .6rem + .3vw, .92rem);
}
}

@media (max-width:1100px) and (min-width:701px){
.logo{
height:clamp(42px, 5.6vw, 52px);
}

.nav-pill-button{
min-height:38px;
padding:7px 13px;
font-size:clamp(.74rem, .58rem + .24vw, .9rem);
}

.nav-icon{
width:clamp(.8rem, .62rem + .2vw, 1rem);
font-size:clamp(.64rem, .5rem + .18vw, .78rem);
}

.hero-content{
max-width:48rem;
gap:clamp(14px, 2.4vh, 24px);
}

.hero-title{
font-size:clamp(2.2rem, 7.8vw, 5.8rem);
letter-spacing:clamp(.8px, .28vw, 2.2px);
}

.hero-tagline{
font-size:clamp(1.15rem, 2.8vw, 1.45rem);
}

.btn-listen{
min-inline-size:clamp(132px, 20vw, 172px);
padding:clamp(9px, 1.2vw, 12px) clamp(20px, 2.4vw, 28px);
}
}

@media (max-width:1100px) and (min-width:701px){
#music-section{
--section-pad-y:clamp(12px, 2vh, 20px);
--section-gap:clamp(8px, 1.4vh, 14px);
--filter-button-height:clamp(30px, 2.8vw, 38px);
--album-nav-size:clamp(24px, 3.2vw, 38px);
--streaming-row-height:clamp(26px, 3vw, 34px);
--album-action-height:clamp(38px, 3.2vw, 42px);
--album-stack-gap:clamp(10px, 2vw, 14px);
--controls-gap:clamp(14px, 2.8vw, 22px);
--album-cover-size:min(620px, calc(100vw - 40px), calc(var(--music-section-height) - (var(--section-pad-y) * 2) - var(--filter-button-height) - var(--album-nav-size) - var(--streaming-row-height) - var(--album-action-height) - (var(--section-gap) * 2) - (var(--album-stack-gap) * 2)));
}

.album-viewer{
transform:translateY(var(--mobile-album-viewer-offset, 0px));
}

.music-filter-buttons{
gap:clamp(4px, .9vw, 10px);
}

.music-filter-button{
padding:0 clamp(8px, 1vw, 14px);
font-size:clamp(.56rem, .45rem + .42vw, .84rem);
}
}

@media (max-width:700px){
.album-grid{
height:auto;
}

.album-slide{
height:auto;
}

.album-card{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--album-stack-gap);
aspect-ratio:auto;
}

.album-cover-wrapper{
width:100%;
height:auto;
aspect-ratio:1/1;
}

.album-overlay{
display:none;
}

.streaming-icons--mobile{
--streaming-badge-size:clamp(26px, 5vw, 32px);
--streaming-badge-column-gap:clamp(8px, 1.6vw, 10px);
--streaming-badge-row-gap:0px;
display:grid;
grid-template-columns:repeat(6, var(--streaming-badge-size));
grid-auto-rows:var(--streaming-badge-size);
column-gap:var(--streaming-badge-column-gap);
row-gap:0px;
width:calc((var(--streaming-badge-size) * 6) + (var(--streaming-badge-column-gap) * 5));
max-width:100%;
justify-content:center;
justify-items:center;
align-items:center;
}

.streaming-icons--mobile .streaming-icon-badge{
width:var(--streaming-badge-size);
height:var(--streaming-badge-size);
}

.streaming-icons--mobile .streaming-icon-badge i{
font-size:calc(.98rem + .45vw);
}

.streaming-icons--mobile .streaming-icon-image{
width:calc(.95rem + .38vw);
height:calc(.95rem + .38vw);
}

.streaming-icons--overlay{
display:none;
}

.album-actions--overlay{
display:none;
}

.album-actions--mobile{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:clamp(8px, 2vw, 10px);
}

.album-actions--mobile > *{
display:inline-flex;
align-items:center;
justify-content:center;
}

.album-actions--mobile .overlay-divider{
display:none;
}

.album-actions--mobile .preview-btn,
.album-actions--mobile .lyrics-btn{
inline-size:auto;
min-inline-size:clamp(118px, 34vw, 140px);
block-size:clamp(38px, 9.5vw, 42px);
padding:0 clamp(16px, 4vw, 22px);
font-size:clamp(.74rem, 2.8vw, .82rem);
}

.album-viewer{
transform:translateY(var(--mobile-album-viewer-offset, 0px));
}

header{
--header-edge-gap:8px;
--header-control-gap:6px;
}

.subscribe-wrapper,
.nav-dropdown{
width:max-content;
max-width:100%;
}

.logo{
height:clamp(32px, 8vw, 44px);
}

.nav-pill-button{
min-height:34px;
padding:6px 11px;
font-size:clamp(.66rem, .56rem + .22vw, .8rem);
}

.nav-icon{
width:clamp(.72rem, .6rem + .2vw, .92rem);
font-size:clamp(.58rem, .48rem + .18vw, .72rem);
}

.subscribe-toggle{
min-width:0;
}

.hero-banner{
padding:clamp(20px, 4vh, 28px) clamp(18px, 6vw, 28px) clamp(32px, 6vh, 48px);
}

.hero-content{
width:100%;
min-height:calc(var(--screen-page-height) - var(--header-height) - clamp(20px, 4vh, 28px) - clamp(32px, 6vh, 48px));
}

.hero-stack{
gap:clamp(14px, 2.6vh, 24px);
max-width:34rem;
transform:translateY(calc(var(--header-height) * -0.5));
}

#music-section{
--section-pad-y:clamp(14px, 2.2vh, 18px);
--section-gap:clamp(10px, 1.6vh, 14px);
--filter-button-height:clamp(30px, 8vw, 36px);
--album-nav-size:clamp(24px, 8vw, 34px);
--streaming-row-height:clamp(26px, 5vw, 32px);
--album-action-height:clamp(38px, 9.5vw, 42px);
--album-stack-gap:clamp(10px, 2.4vw, 14px);
--controls-gap:clamp(12px, 4.8vw, 18px);
--album-cover-size:min(calc(100vw - 20px), calc(var(--music-section-height) - (var(--section-pad-y) * 2) - var(--filter-button-height) - var(--album-nav-size) - var(--streaming-row-height) - var(--album-action-height) - (var(--section-gap) * 2) - (var(--album-stack-gap) * 2)));
}

.music-filter-buttons{
gap:4px;
width:100%;
}

.music-filter-button{
padding:0 4px;
font-size:clamp(.52rem, 2.35vw, .74rem);
letter-spacing:0;
}

.album-nav-button{
border-color:rgba(232,232,230,.3);
background:rgba(232,232,230,.16);
box-shadow:0 12px 28px rgba(1,28,45,.22);
}

#back-to-top{
bottom:14px;
right:14px;
}

.store-body{
--store-viewport-boost:14px;
}

.contact-body{
--contact-viewport-boost:14px;
}

.hero-banner{
min-height:calc(var(--screen-page-height) - var(--header-height));
}

.hero-title{
font-size:clamp(1.75rem, 9vw, 4.8rem);
letter-spacing:clamp(.4px, .24vw, 1.4px);
}

.hero-tagline{
font-size:clamp(1.05rem, 5vw, 1.3rem);
}

.hero-copy{
width:min(26rem, calc(100vw - 40px));
font-size:clamp(.88rem, 3.5vw, .98rem);
}

.btn-listen{
min-inline-size:clamp(112px, 34vw, 138px);
padding:clamp(8px, 1.5vh, 10px) clamp(15px, 4vw, 20px);
font-size:clamp(.76rem, 3vw, .86rem);
}

.store-message h1{
font-size:clamp(1.7rem, 8vw, 2.9rem);
white-space:nowrap;
}

.policy-card{
padding:24px 20px;
border-radius:24px;
}

.policy-card h1{
font-size:clamp(1.8rem, 8vw, 2.8rem);
}

.subscribe-dropdown{
width:min(300px, calc(100vw - 24px));
padding:20px 18px;
gap:12px;
border-radius:24px;
}

.subscribe-dropdown input,
.subscribe-dropdown button{
min-height:36px;
}

.hero-content{
width:min(100%, 28rem);
}
}

@media (hover:none){
.album-overlay{
opacity:1;
background:linear-gradient(
to bottom,
rgba(1,28,45,.06),
rgba(1,28,45,.28)
);
}
}