*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-bottom:7rem}
body{margin:0;background:#061b2c}
#sudnly{--ink:#061b2c;--navy:#0b2b46;--orange:#ff915d;--white:#f2f8fb;--muted:#b7cbd7;--teal:#85c7cb;color:var(--white);font:400 1.0625rem/1.75 Arial,Helvetica,sans-serif;overflow:clip}
#sudnly h1,#sudnly h2,#sudnly h3,#sudnly p,#sudnly figure{margin:0}
#sudnly a{color:inherit;text-underline-offset:.3em}
#sudnly .wrap{width:min(1280px,88%);margin-inline:auto}
#sudnly .eyebrow{font-size:.875rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--teal)}
#sudnly .small{font-size:.875rem;color:var(--muted)}
#sudnly .section{padding:5.5rem 0}
#sudnly .section-title{font:400 clamp(2.25rem,4.3vw,3.875rem)/1.12 Georgia,serif;letter-spacing:-.035em;overflow-wrap:break-word}
#sudnly .section-title em{color:var(--orange)}
#sudnly .btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:.9rem 1.5rem;background:var(--orange);border:1px solid var(--orange);color:#102335;font:700 .9375rem/1.4 Arial,sans-serif;text-align:center;text-decoration:none;border-radius:2px;cursor:pointer;transition:background .2s}
#sudnly .btn:hover{background:#ffad85}
#sudnly :focus-visible{outline:3px solid var(--teal);outline-offset:5px}
#sudnly .skip{position:absolute;left:10px;top:-100px;background:var(--white);color:var(--ink);padding:12px;z-index:100}
#sudnly .skip:focus{top:10px}
#sudnly [hidden]{display:none!important}
#sudnly :is(section,article,div)[id]{scroll-margin-top:1.5rem}
#sudnly .beach-header{position:relative;overflow:clip;background:#0b2b46}
#sudnly .beach-frame{height:clamp(240px,29vw,450px);background:url('beach-poster.jpg') center/cover}
#sudnly .beach-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#sudnly .topbar{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;gap:2rem;width:100%;padding:1rem 6%;min-height:96px;background:linear-gradient(#031522ed,#031522a3,transparent)}
#sudnly .home-mark{display:block;flex-shrink:0}
#sudnly .logo{display:block;width:64px;height:64px;object-fit:contain}
#sudnly .desktop-nav{display:flex;justify-content:center;gap:1.6rem;flex:1}
#sudnly .desktop-nav a{font-size:.9375rem;text-decoration:none;padding:.7rem 0;text-shadow:0 1px 6px #001729}
#sudnly .desktop-nav a:hover{color:var(--orange)}
#sudnly .top-cta{min-height:48px;padding:.8rem 1rem}
#sudnly .mobile-menu{display:none}
#sudnly .film-caption{position:absolute;z-index:2;inset:auto 6% 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
#sudnly .film-caption>span{font-size:.875rem;letter-spacing:.1em;color:white;text-transform:uppercase;text-shadow:0 1px 9px #000}
#sudnly .film-control{font:700 .875rem/1.4 Arial,sans-serif;padding:.65rem 1rem;min-height:44px;background:#061b2cdd;color:white;border:1px solid #a2b9c8;border-radius:2px;cursor:pointer}
#sudnly .release-hero{position:relative;isolation:isolate;background:#092842;overflow:clip}
#sudnly .wave-art{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(180deg,#05172555,#05172570 45%,#051725fa),url('sudnly-wave.jpg');background-size:max(100vw,1100px) auto;background-position:center top;opacity:.62;animation:wave-drift 18s ease-in-out infinite alternate}
#sudnly .release-content{padding:2rem 0 4rem}
#sudnly .release-topline{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.875rem;letter-spacing:.09em;text-transform:uppercase}
#sudnly blockquote{margin:0}
#sudnly .opening-scripture{max-width:850px;margin:2rem 0 1.4rem;font:400 clamp(1.25rem,2vw,1.8rem)/1.45 Georgia,serif;text-shadow:0 2px 20px #041727}
#sudnly .opening-scripture strong{font-family:Arial,sans-serif;font-weight:900;color:var(--orange);letter-spacing:.03em}
#sudnly cite{display:block;font:400 .875rem/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin-top:1rem}
#sudnly h1.core-brand{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;font-size:min(15.8vw,14rem);line-height:1;letter-spacing:-.065em;margin:1.4rem 0;text-shadow:0 4px 30px #041a2c70}
#sudnly .album-label{font-size:.875rem;font-weight:700;letter-spacing:.18em;color:var(--teal);margin-bottom:.25rem}
#sudnly h2.overflow-word{font:italic 400 clamp(2.25rem,5.1vw,4.375rem)/1.15 Georgia,serif;letter-spacing:-.045em;color:#fff6ed}
#sudnly .release-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,auto);gap:2.5rem;align-items:center;margin-top:2rem}
#sudnly .hero-line{font:400 clamp(1.375rem,2.3vw,2rem)/1.4 Georgia,serif}
#sudnly .muted-line{color:#cfdae2;margin-top:.5rem}
#sudnly .artist-names{font-size:.875rem;letter-spacing:.08em;margin-top:1.5rem;color:#c8dbe7}
#sudnly .hero-buy{text-align:center}
#sudnly .hero-buy .btn{min-width:250px}
#sudnly .hero-buy .purchase-note{max-width:30ch;margin-inline:auto}
#sudnly .release{margin-top:.7rem;font-size:.875rem;color:var(--muted)}
#sudnly .quiet-link{display:inline-block;font-size:.9375rem;margin-top:.7rem}
#sudnly #hero-image{width:min(330px,80%);height:auto;margin:2rem auto 0;display:block}
#sudnly .motion-band{display:flex;background:var(--orange);color:#08283f;align-items:center;padding:1rem 0;gap:1rem}
#sudnly .ticker-window{overflow:hidden;flex:1;min-width:0}
#sudnly .ticker-track{display:flex;width:max-content;animation:roll 35s linear infinite}
#sudnly .ticker-track span{white-space:nowrap;font-size:1.0625rem;font-weight:800;letter-spacing:.05em}
#sudnly .ticker-track b{margin:0 2rem}
#sudnly #ticker-toggle{background:transparent;border:1px solid #08283f80;color:#08283f;margin-right:6%;padding:.65rem 1rem;min-height:44px;font:700 .875rem/1.4 Arial,sans-serif;cursor:pointer;flex-shrink:0}
#sudnly .statement{font:900 clamp(2.2rem,4.8vw,4.3rem)/1.08 Arial,sans-serif;letter-spacing:-.055em;margin-top:1.2rem;overflow-wrap:break-word}
#sudnly .statement em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}
#sudnly .movement{background:#0d324b}
#sudnly .section-intro{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}
#sudnly .movement-line{font:italic 1.4rem/1.5 Georgia,serif;color:var(--teal)}
#sudnly .collective-story{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 8%;max-width:1050px;font-size:1.125rem;color:var(--muted)}
#sudnly .collective-story blockquote{grid-column:1/-1;font:italic 1.875rem/1.4 Georgia,serif;color:var(--white);max-width:800px;margin-top:1rem}
#sudnly .artist-sections{padding:4.5rem 0;background:#09263d}
#sudnly .artist-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);column-gap:6%;align-items:start;padding:3rem 0;margin-top:1.8rem;border-top:1px solid #ffffff35}
#sudnly .artist-portrait{display:block;grid-column:1;grid-row:1/span 4;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center top}
#sudnly [data-member="marvin"] .artist-portrait{object-position:center 40%}
#sudnly [data-member="christian"] .artist-portrait{object-position:15% center}
#sudnly .artist-feature :is(h2,p,details){grid-column:2}
#sudnly .artist-feature h2{font:400 clamp(2rem,4vw,3.45rem)/1.12 Georgia,serif;letter-spacing:-.03em;overflow-wrap:break-word}
#sudnly .artist-feature .artist-role{font-size:.9375rem;color:var(--teal);margin-top:1rem}
#sudnly .artist-bio p+p{margin-top:1.25rem}
#sudnly .artist-feature .artist-bio{grid-column:2;font-size:1.0625rem;line-height:1.8;color:var(--muted);margin-top:1.5rem}
#sudnly details{border-top:1px solid #ffffff30;padding:1.4rem 0}
#sudnly summary{font-size:1.125rem;cursor:pointer;list-style:none;padding-right:2.5rem;position:relative;min-height:44px;display:flex;align-items:center}
#sudnly summary::-webkit-details-marker{display:none}
#sudnly summary:after{content:'+';position:absolute;right:.3rem;color:var(--orange);font-size:1.6rem;line-height:1}
#sudnly details[open]>summary:after{content:'−'}
#sudnly details p{font-size:1rem;color:var(--muted);padding-top:1.1rem}
#sudnly .artist-feature details{margin-top:1.3rem;border-top:0}
#sudnly .prose{padding-top:1.25rem;color:#c3d3dd}
#sudnly .prose p{padding-top:0}
#sudnly .prose p+p{margin-top:1.5rem}
#sudnly .prose .standout{color:var(--white);font:400 1.875rem/1.4 Georgia,serif}
#sudnly .prose .story-end{font-size:2.2rem;letter-spacing:-.04em;color:var(--orange);font-weight:800}
#sudnly .direct-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
#sudnly .direct-copy{font-size:1.125rem;color:#c6d7e2}
#sudnly .direct-copy p+p{margin-top:1.4rem}
#sudnly .direct strong{color:white}
#sudnly .listener-responses{background:#09263d;padding:3.75rem 0;border-top:1px solid #ffffff24;text-align:center}
#sudnly .response-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:2rem}
#sudnly .response-review{display:flex;flex-direction:column;align-items:center;min-width:0}
#sudnly .review-stars{color:var(--orange);font-size:1.5rem;line-height:1;white-space:nowrap;margin-bottom:1.25rem}
#sudnly .response-review blockquote{display:flex;flex-direction:column;flex:1;width:100%;color:var(--white)}
#sudnly .review-headline{font:900 clamp(1.25rem,2.1vw,1.875rem)/1.2 Arial,Helvetica,sans-serif;min-height:2.4em;text-transform:uppercase;overflow-wrap:break-word}
#sudnly .review-headline strong{font-weight:900}
#sudnly .review-copy{font:italic 1.0625rem/1.6 Georgia,serif;margin-top:1rem!important;max-width:30ch;align-self:center}
#sudnly .response-review figcaption{margin-top:1.25rem;font:700 .875rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.06em;color:var(--teal)}
#sudnly .bundle{background:#061b2c}
#sudnly .bonus-bundle-graphic{width:100%;max-width:900px;margin:2.5rem auto;text-align:center}
#sudnly .bonus-bundle-graphic img{display:block;width:100%;height:auto}
#sudnly .bonus-bundle-graphic figcaption{font-size:.9375rem;color:var(--muted);margin-top:1rem}
#sudnly .bonus-bundle-graphic figcaption strong{color:var(--white)}
#sudnly .bundle-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}
#sudnly .bundle-intro>div>p:not(.eyebrow):not(.release){color:var(--muted);font-size:1.125rem}
#sudnly .bundle-intro strong,#sudnly .purchase-faq strong{color:var(--white)}
#sudnly .bundle-at-a-glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.8rem;border-block:1px solid #fff3;padding:1.8rem 0;gap:1.5rem}
#sudnly .bundle-at-a-glance strong{display:block;font-size:.875rem;letter-spacing:.1em;color:var(--orange)}
#sudnly .bundle-at-a-glance span{display:block;font-size:1rem;margin-top:.6rem}
#sudnly .bundle-display{align-items:center;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin:3rem 0}
#sudnly .bundle-display img{width:160px;max-width:30%;height:auto;box-shadow:8px 15px 30px #0006}
#sudnly .bundle-display img.album-cover{width:310px;max-width:65%}
#sudnly .bundle-display:empty{display:none}
#sudnly .bundle-details{border-top:0;margin-top:.5rem}
#sudnly .bundle-items{margin-top:.6rem;display:grid;grid-template-columns:1fr 1fr;column-gap:4rem}
#sudnly .bundle-group{grid-column:1/-1;color:var(--teal);font-size:.875rem;text-transform:uppercase;letter-spacing:.14em;padding:2rem 0 1rem}
#sudnly .bundle-row{display:flex;gap:1.125rem;align-items:start;border-top:1px solid #ffffff25;padding:1.4rem 0}
#sudnly .bundle-row .idx{font-size:.875rem;color:var(--teal);padding-top:.3rem;min-width:22px}
#sudnly .bundle-row h3{font:400 1.45rem/1.3 Georgia,serif}
#sudnly .bundle-row p{font-size:.9375rem;color:var(--muted);margin-top:.4rem;padding-top:0}
#sudnly .album-row{grid-column:1/-1}
#sudnly .album-row h3{font:800 clamp(2.25rem,5vw,3.75rem)/1 Arial,sans-serif;letter-spacing:-.035em}
#sudnly .offer{background:var(--navy);color:var(--white);text-align:center;padding:2.5rem 1.25rem;max-width:900px;margin:0 auto 2rem;border:1px solid #85c7cb55}
#sudnly .offer .wrap{width:100%;max-width:700px}
#sudnly .offer .eyebrow{color:var(--teal)}
#sudnly .offer p,#sudnly .offer .small{color:var(--muted)}
#sudnly .offer strong{color:var(--white)}
#sudnly .offer h2{font:900 clamp(1.75rem,3vw,2.75rem)/1.15 Arial,sans-serif;letter-spacing:-.035em;margin:1rem 0}
#sudnly .offer h2 em{font-family:Georgia,serif;font-weight:400}
#sudnly .offer p{max-width:700px;margin:0 auto 1.5rem;font-size:1.125rem}
#sudnly .offer .btn{background:var(--orange);color:#102335;border-color:var(--orange);width:min(100%,300px);min-width:0}
#sudnly .offer .btn:hover{background:#ffad85}
#sudnly .offer .small{font-size:.9375rem;margin:1rem auto 0;max-width:600px}
#sudnly .offer .availability{display:inline-block;border:1px solid #163d5366;padding:.8rem 1.25rem;margin:.5rem auto;font-weight:700;font-size:1rem}
#sudnly .faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}
#sudnly .purchase-faq h2{margin-top:1rem}
#sudnly footer{padding:2.5rem 0}
#sudnly .footer-inner{display:flex;justify-content:space-between;gap:1.5rem;align-items:center}
#sudnly .footer-brand{font-size:1rem;font-weight:700;text-decoration:none}
#sudnly .footer-inner p{font-size:.875rem;color:var(--muted)}
#sudnly .mobile-cta{display:none}
#sudnly .sound-previews{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #ffffff30}
#sudnly .preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
#sudnly .preview-track{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-top:1rem;padding:1.25rem;background:#061b2ce8;border:1px solid #ffffff30}
#sudnly .preview-track h3{font:400 1.5rem/1.3 Georgia,serif}
#sudnly .preview-track audio{width:100%;min-width:0;color-scheme:dark}
#sudnly #audio-status{margin-top:1rem}
@keyframes roll{to{transform:translateX(-50%)}}
@keyframes wave-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
#sudnly[data-motion-paused="true"] :is(.wave-art,.ticker-track){animation-play-state:paused}
@media(max-width:950px){
  #sudnly .desktop-nav,#sudnly .top-cta{display:none}
  #sudnly .topbar{justify-content:space-between;padding-block:.75rem;min-height:80px}
  #sudnly .logo{width:54px;height:54px}
  #sudnly .mobile-menu{display:block;border:0;padding:0}
  #sudnly .mobile-menu summary{padding:.6rem 1rem;border:1px solid #ffffff80;background:#061b2cdd;min-height:44px;font-size:.9375rem;font-weight:700}
  #sudnly .mobile-menu summary:after{display:none}
  #sudnly .mobile-menu nav{position:absolute;left:6%;right:6%;top:85px;background:#061b2c;border:1px solid #85c7cb77;padding:.75rem 1.2rem;box-shadow:0 10px 30px #0006}
  #sudnly .mobile-menu nav a{display:block;padding:.7rem 0;min-height:44px;text-decoration:none}
}
@media(max-width:800px){
  #sudnly .section{padding:3.5rem 0}
  #sudnly .beach-frame{height:190px}
  #sudnly .film-caption{bottom:.9rem}
  #sudnly .film-caption>span{font-size:.75rem;max-width:150px;letter-spacing:.05em}
  #sudnly .release-content{padding:1.25rem 0 2.5rem}
  #sudnly .release-topline{font-size:.875rem;gap:.5rem}
  #sudnly .opening-scripture{font-size:1.25rem;margin:1.5rem 0 1.25rem}
  #sudnly .opening-scripture cite{font-size:.75rem;margin-top:.6rem}
  #sudnly h1.core-brand{font-size:16vw;margin:1.2rem 0}
  #sudnly h2.overflow-word{font-size:2.4rem}
  #sudnly .release-bottom,#sudnly .direct-grid,#sudnly .bundle-intro,#sudnly .faq-layout{grid-template-columns:1fr;gap:1.75rem}
  #sudnly .hero-buy{text-align:left}
  #sudnly .hero-buy .btn{width:100%;min-width:0}
  #sudnly .hero-buy :is(.quiet-link,.release){display:block;text-align:center}
  #sudnly .artist-names{line-height:1.8;letter-spacing:.04em}
  #sudnly .wave-art{background-size:auto 110%;background-position:center 18%}
  #sudnly .section-intro{display:block}
  #sudnly .movement-line{margin-top:1.5rem}
  #sudnly .collective-story{grid-template-columns:1fr;gap:1.4rem;font-size:1.0625rem}
  #sudnly .collective-story blockquote{font-size:1.6rem}
  #sudnly .artist-sections{padding:3rem 0}
  #sudnly .artist-feature{display:block;padding:2rem 0}
  #sudnly .artist-portrait{margin-bottom:1.5rem}
  #sudnly .artist-feature h2{font-size:2.25rem}
  #sudnly .bundle-at-a-glance{grid-template-columns:1fr 1fr;gap:1.5rem}
  #sudnly .bundle-items{grid-template-columns:1fr}
  #sudnly .motion-band{padding:.6rem 0;gap:.75rem}
  #sudnly .ticker-track span{font-size:.9375rem}
  #sudnly .ticker-track b{margin:0 1.25rem}
  #sudnly #ticker-toggle{padding:.6rem .75rem;max-width:125px}
  #sudnly .offer{padding:2rem 1.25rem}
  #sudnly .offer h2{font-size:clamp(1.75rem,6vw,2.25rem)}
  #sudnly .footer-inner{align-items:start;flex-direction:column}
  #sudnly footer{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}
  #sudnly .mobile-cta{display:block;position:fixed;z-index:20;bottom:0;left:0;right:0;padding:.75rem 6% max(.75rem,env(safe-area-inset-bottom));background:#061b2cf5;border-top:1px solid #ffffff35}
  #sudnly .mobile-cta .btn{width:100%}
  #sudnly .preview-track{grid-template-columns:1fr;gap:1rem}
  #sudnly .response-grid{grid-template-columns:1fr;gap:3rem}
  #sudnly .review-headline{font-size:clamp(1.5rem,6vw,2rem);min-height:0}
}
@media(max-width:360px){#sudnly .wrap{width:90%}#sudnly .bundle-at-a-glance{grid-template-columns:1fr}#sudnly .opening-scripture{font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#sudnly *,#sudnly *:before,#sudnly *:after{animation:none!important;transition:none!important}}
