/* Stories in Songs (Plusto kit). Layout values follow the live design: percentages are of the parent width, as in the original. */
:root{--gold:#d6a458;--navy:#1c244b;--txt:#324a6d;--bg:#fff;--soft:#f3f5f8;--cream:#fef5e3;--brown:#503e2f;--line:#c8d5dc;--base:#333;--wh:#fff;--card:#fff;
--h:48px;--hl:57.6px;--t:16px;--tl:24px;--fx:16px;--nav-m:32px}
.theme-dark{--navy:#f1e6d0;--txt:#b9c4dc;--bg:#0f1220;--soft:#171b2e;--cream:#1c2033;--brown:#0a0c16;--line:#2b3250;--base:#d6dbe8;--card:#10131f}
@media(max-width:1024px){:root{--h:45px;--hl:54px;--t:14px;--tl:21px;--fx:14px;--nav-m:17.5px}}
@media(max-width:767px){:root{--h:28px;--hl:30.8px}}
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--base);font:400 16px/24px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,p,ul,figure{margin:0;padding:0}ul{list-style:none}ol{margin:0}
a{color:var(--gold);text-decoration:none;background:transparent}img{border:0;max-width:100%;height:auto;vertical-align:middle}
button{font:inherit;cursor:pointer}
.sr-only,.sis-skip{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sis-skip:focus{position:fixed!important;left:8px;top:8px;width:auto;height:auto;margin:0;padding:8px 14px;clip:auto;background:var(--soft);color:var(--navy);z-index:1000;border-radius:4px}
/* shared text styles */
.s-h{font:600 var(--h)/var(--hl) "Cormorant Garamond",Georgia,serif;color:var(--navy);text-transform:capitalize}
.s-t{font:300 var(--t)/var(--tl) Poppins,sans-serif;color:var(--txt)}
.s-t p,p.s-t{margin:0 0 14.4px}
.s-btn{display:inline-block;background:var(--gold);color:#fff;border:1px solid var(--gold);border-radius:100px;padding:16px 35px;font:500 var(--fx)/var(--fx) Poppins,sans-serif;text-transform:capitalize;text-align:center;transition:all .3s}
.s-btn:hover,.s-btn:focus{background:transparent;color:var(--gold)}
.s-btn.ghost{background:transparent;border-color:var(--txt);color:var(--txt)}
.s-btn.ghost:hover{background:var(--txt);color:var(--bg)}
.s-btn span{display:flex;justify-content:center;gap:5px}
.flex{display:flex}
/* ---------- header ---------- */
.sis-header{display:contents}
.hd-top{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:0 4%;background:var(--soft)}
.hd-contact{display:flex;margin:0 -7.5px}.hd-contact li{display:flex;align-items:center;margin:0 7.5px}
.hd-contact a{display:flex;align-items:center;font:500 var(--fx)/var(--fx) Poppins,sans-serif;color:var(--gold)}
.hd-contact .ic{display:flex;width:20px;padding-right:5px;box-sizing:content-box}.hd-contact svg{width:16px;height:16px;fill:var(--navy)}
.hd-contact .tx{padding-left:5px;color:var(--navy)}
.hd-loc{font:300 var(--t)/var(--tl) Poppins,sans-serif;color:var(--navy);margin:0}
.hd-ph{position:relative}
.hd-main{position:relative;z-index:95;display:flex;padding:0 4%;min-height:84px;background:var(--bg)}
.hd-main.is-stuck{position:fixed;top:0;left:0;right:0;min-height:84px;box-shadow:0 2px 12px rgba(18,28,64,.12)}
.hd-main.is-stuck .hd-logo{padding:0}.hd-main.is-stuck .hd-logo-card{padding:10px;margin:0 0 -26px;border-radius:16px}.hd-main.is-stuck .hd-logo-card img{width:72px}
.hd-logo-card,.hd-logo-card img{transition:padding .2s,margin .2s,width .2s,border-radius .2s}
.hd-nav .tdn-lang-btn{flex:none;margin:0 0 0 18px!important;width:auto;height:auto;padding:6px;background:transparent;border:0;border-radius:6px;color:var(--navy)}
.hd-logo{width:20%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:.5% 0 0;background:var(--bg)}
.hd-logo-card{background:var(--soft);padding:20px;margin:0 0 -67px;border-radius:25px;text-align:center;position:relative;z-index:2}
.hd-logo-card img{width:120px;height:auto}
.hd-nav{width:80%;flex:1;display:flex;justify-content:flex-end;align-items:center;padding:0 3%;position:relative}
.sis-menu{display:flex;justify-content:flex-end}
.sis-menu>li{display:flex;position:relative}
.sis-menu>li>a{position:relative;display:flex;align-items:center;padding:5px 0;margin:0 var(--nav-m);font:500 var(--fx)/var(--fx) Poppins,sans-serif;color:var(--navy);text-transform:capitalize}
.sis-menu>li:first-child>a{margin-left:0}.sis-menu>li:last-child>a{margin-right:0}
.sis-menu>li>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--txt);opacity:0;transition:opacity .2s}
.sis-menu>li>a[aria-current],.sis-menu>li:hover>a,.sis-menu>li>a:focus{color:var(--txt)}
.sis-menu>li>a[aria-current]::after,.sis-menu>li>a:hover::after,.sis-menu>li>a:focus::after{opacity:1}
.sis-menu .sub-arrow{display:flex;align-items:center;padding:10px 0 10px 10px;margin:-10px 0;background:none;border:0;color:var(--navy)}
.sis-menu .sub-arrow svg{width:16px;height:16px;fill:var(--navy)}
.sis-sub{position:absolute;left:var(--nav-m);top:100%;min-width:100%;background:var(--soft);z-index:99;display:none;white-space:nowrap}
.has-sub.open>.sis-sub,.has-sub:hover>.sis-sub{display:block}
.sis-sub li{border-bottom:1px solid var(--line)}.sis-sub li:last-child{border:0}
.sis-sub a{display:block;padding:13px 20px;font:500 var(--fx)/20px Poppins,sans-serif;color:var(--navy);text-transform:capitalize}
.sis-sub a:hover{background:var(--bg)}
.sis-burger{display:none;width:36px;height:36px;padding:6px;border:0;border-radius:3px;background:transparent;color:var(--gold);align-items:center;justify-content:center}
.sis-burger svg{width:24px;height:24px;fill:var(--gold)}.sis-burger .cl{display:none}.sis-burger[aria-expanded=true] .op{display:none}.sis-burger[aria-expanded=true] .cl{display:block}
/* theme toggle (Plusto demo): small round button, bottom-left, never over the top bar */
.sis-fab{position:fixed;left:16px;bottom:16px;z-index:90;display:flex;align-items:center;gap:8px}.sis-theme{position:relative;flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--navy);color:var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.25);opacity:.85}
.sis-theme:hover{opacity:1}.sis-theme svg{width:18px;height:18px;fill:currentColor}
@media(max-width:1024px){
 .hd-top{min-height:50px;padding:0 4%}
 .hd-main{min-height:80px}.hd-logo{width:auto;flex:none;padding:0 3%}.hd-logo-card{margin-bottom:-67px}.hd-logo-card img{width:85px}
 .hd-nav{width:88%;padding:0 3% 0 6%}
}
@media(max-width:767px){
 .hd-top{flex-direction:column;justify-content:center;gap:10px;padding:4% 0;min-height:70px}
 .hd-main{min-height:70px}.hd-logo{width:38%;padding:0 3%}.hd-logo-card{margin:3px 0 -57px}
 .hd-nav{width:62%;padding:0 4.5% 0 6%}
 .sis-burger{display:inline-flex;align-items:center;justify-content:center;align-self:center;line-height:0}.sis-burger .op,.sis-burger .cl{display:flex;align-items:center;justify-content:center;line-height:0}.sis-burger .cl{display:none}.sis-burger[aria-expanded=true] .op{display:none}.sis-burger[aria-expanded=true] .cl{display:flex}.hd-nav .tdn-lang-btn{margin:0 8px 0 0!important;width:36px!important;height:36px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;line-height:0!important}.hd-nav .tdn-lang-btn .tdn-lang-flag{margin:0!important}.hd-main.is-stuck{min-height:60px}.hd-main.is-stuck .hd-logo-card{padding:8px;margin:2px 0 -19px;border-radius:14px}.hd-main.is-stuck .hd-logo-card img{width:48px}
 .sis-nav{position:absolute;left:0;right:0;top:100%;margin:20px 0 0;background:var(--soft);display:none;z-index:99}
 .sis-nav.open{display:block}
 .sis-menu{display:block}.sis-menu>li{display:block;border-bottom:1px solid var(--line)}.sis-menu>li:last-child{border:0}
 .sis-menu>li>a{display:flex;justify-content:center;margin:0;padding:17px 20px;font-size:14px;line-height:20px}
 .sis-menu>li>a::after{display:none}
 .sis-menu .sub-arrow{margin:-10px 0}.has-sub{flex-wrap:wrap}
 .sis-sub{position:static;display:none;background:var(--soft)}.has-sub:hover>.sis-sub{display:none}.has-sub.open>.sis-sub{display:block}
 .sis-sub li{border-top:1px solid var(--line);border-bottom:0}.sis-sub a{text-align:center;font-size:14px}
}
/* ---------- generic blocks ---------- */
.sx{display:flex;position:relative}.col{display:flex;flex-direction:column;position:relative}
.imgcover{display:block;width:100%;object-fit:cover}
.bgsec{background-size:cover;background-repeat:no-repeat}
/* ---------- home ---------- */
.hm-top{display:flex;align-items:center;gap:70px;padding:7% 4% 4%}
.hm-top .l{width:65%;padding:0 0 5px;margin:-5px 0 0}.hm-top .r{width:25%;display:flex;justify-content:flex-end;gap:30px}
.hm-top h1{font:600 var(--h)/var(--hl) "Cormorant Garamond",Georgia,serif;color:var(--navy);text-transform:capitalize}
.hm-img{padding:0 0 0 4%;min-height:580px;display:flex;flex-direction:column}
.hm-img-bg{flex:1;position:relative;overflow:hidden;min-height:580px}
.hm-img-bg picture{position:absolute;inset:0;display:block}
.hm-img-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.hm-intro{padding:0 9%}
.hm-intro-in{display:flex;align-items:center;padding:6% 0}
.hm-intro .a{width:50%;padding:0 16% 0 0;display:flex;flex-direction:column;gap:20px}
.hm-intro .b{width:50%}.hm-intro .b img{width:100%;height:490px;object-fit:cover}
.hm-intro .a .btnrow{text-align:left}
/* loop item (song row) */
.loop{display:grid;grid-template-columns:100%;gap:20px 30px;align-items:stretch}
.li{background:var(--soft);padding:0 4%;display:flex;flex-direction:column}
.li-in{display:flex;padding:4% 0}
.li .tx{width:60%;padding:6%;display:flex;flex-direction:column;justify-content:center;gap:30px}
.li .bx{width:40%;background:var(--card);padding:4%;display:flex;flex-direction:column;gap:50px}
.li.flip .li-in{flex-direction:row-reverse}
.li .bx img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.li .ey{font:600 14px/16.8px Poppins,sans-serif;color:var(--gold);text-transform:uppercase}
.li .ti{font:600 var(--h)/var(--hl) "Cormorant Garamond",Georgia,serif;color:var(--navy);text-transform:capitalize}
.li .ti a{color:var(--navy)}
.li .ex{font:300 22px/33px Poppins,sans-serif;color:var(--txt);padding:0 12% 0 0}
.li .btns{display:flex;gap:30px}
.home-latest{margin:6% 0}
.sx-feat-h{display:flex;flex-direction:column;align-items:center;padding:0 4% 4%}.sx-feat-h h2{width:500px;max-width:100%;text-align:center}
.sx-feat{padding:0 0 4%}
/* carousel (Swiper 8, same settings as the live site) */
.sx-car{position:relative}
.sx-car .swiper{padding:0 80px 36px;overflow:hidden;position:relative}
.sx-car .swiper-slide{height:auto;display:flex;flex-direction:column}
.cd{display:flex;flex-direction:column;gap:20px;width:100%}
.cd .im{display:block}.cd .im img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.cd .ct{display:flex;justify-content:center;font:300 14px/21px Poppins,sans-serif;color:var(--gold);margin:0 -8px}
.cd .ct li{margin:0 8px}.cd .ct a{color:var(--gold)}
.cd .nm{text-align:center;font:600 16px/19.2px Poppins,sans-serif;text-transform:capitalize}.cd .nm a{color:var(--navy)}
.cd .xt{font:300 16px/24px Poppins,sans-serif;color:var(--txt);text-align:center}
.cd .bt{text-align:center}
.sx-car .nv{position:absolute;top:calc(50% - 27.4px);width:25px;height:25px;z-index:2;display:flex;align-items:center;justify-content:center;color:rgba(238,238,238,.9);cursor:pointer;background:none;border:0;padding:0}
.sx-car .nv svg{width:25px;height:25px;fill:rgba(238,238,238,.9)}
.sx-car .nv.p{left:0}.sx-car .nv.n{right:0}
.sx-car .swiper-pagination{position:absolute;left:50%;top:100%;transform:translate(-50%,-100%);width:max-content;height:max-content;z-index:3;font-size:6px;line-height:6px}
.sx-car .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;background:var(--gold);vertical-align:top;border-radius:50%;display:inline-block;opacity:.2;cursor:pointer}
.sx-car .swiper-pagination-bullet-active{opacity:1}
/* gallery + testimonials (home, contact) */
.gt{padding:0 9%}
.gt-in{display:flex;padding:9% 0}
.gt .ga{width:19.507%;display:flex;flex-direction:column;justify-content:flex-end;gap:36px}
.gt .gb{width:42.179%;padding:0 36px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:36px}
.gt .gc{width:auto;flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px}
.gt .ga .i1{text-align:end}.gt .ga .i1 img{width:132px;height:102px;object-fit:cover}
.gt .ga .i2 img{width:100%;height:230px;object-fit:cover}
.gt .gb .i1 img{width:406px;max-width:100%;height:350px;object-fit:cover}.gt .gb .i2 img{width:140px;height:108px;object-fit:cover}
.gt .gc .qt{padding:0 42% 0 0}.gt .gc .qt p{margin:0 0 20px;font:300 var(--t)/var(--tl) Poppins,sans-serif;color:var(--txt)}
/* ---------- footer ---------- */
.ft-in{display:flex;align-items:stretch;padding:6% 4% 4%}
.ft-a{width:44%;padding:0 15% 0 0;display:flex;flex-direction:column;gap:32px}
.ft-logo{padding:20px;border-radius:25px;background:transparent}.ft-logo img{width:120px;height:auto}
.ft-b{width:16%;display:flex;flex-direction:column;gap:24px}.ft-c{width:20%;display:flex;flex-direction:column;gap:24px}.ft-d{width:20%}
.ft h6,.ft-b h6,.ft-c h6{font:600 22px/26.4px Poppins,sans-serif;color:var(--navy);text-transform:capitalize}
.ft-b li{margin:0 0 10px}.ft-b li:last-child{margin:0}
.ft-b a,.ft-c a{display:flex;align-items:center;font:300 var(--t)/var(--tl) Poppins,sans-serif;color:var(--txt)}
.ft-b a[aria-current]{color:var(--gold)}
.ft-c li{display:flex;align-items:center;padding:0 0 5px}.ft-c li+li{margin:5px 0 0;padding:0}
.ft-soc{display:flex;gap:5px}.ft-soc a{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10%;margin:0}
.ft-soc svg{width:25px;height:25px;fill:#fff}
.ft-soc .yt{background:#cd201f}.ft-soc .sp{background:#2ebd59}.ft-soc .ap{background:#999}
.ft-d iframe{width:100%;height:245px;border:0;display:block}
.ft-bar{min-height:45px;background:var(--brown);display:flex;flex-direction:column;justify-content:center}
.ft-bar p{text-align:center;font:300 var(--t)/var(--tl) Poppins,sans-serif;color:#fff;margin:0}.ft-bar a{color:#fff}
@media(max-width:1024px){
 .hm-top{flex-direction:column;gap:30px;padding:12% 20%}.hm-top .l{width:100%;margin:-5px 0 0}.hm-top h1{text-align:center}.hm-top .r{width:auto;gap:20px}
 .hm-img{padding:0 0 0 12%;min-height:390px}.hm-img-bg{min-height:390px}
 .hm-intro{padding:0 12%}.hm-intro-in{flex-direction:column;gap:30px;justify-content:center;padding:12% 0}.hm-intro .a,.hm-intro .b{width:100%}.hm-intro .a{padding:0;text-align:center;align-items:stretch}.hm-intro .a .btnrow{text-align:center}.hm-intro .b img{height:360px}
 .loop{grid-template-columns:1fr 1fr}
 .li{padding:0 6%}.li-in{flex-direction:column;padding:12% 0}.li.flip .li-in{flex-direction:column-reverse}
 .li .tx{width:100%;padding:0 6% 8%}.li .bx{width:100%;padding:6%}
 .li .ti,.li .ey{font-size:var(--h);line-height:var(--hl)}.li .ey{font-family:Poppins,sans-serif;font-weight:600;color:var(--gold)}
 .li .ex{font-size:var(--t);line-height:var(--tl);padding:0 30% 0 0}.li .btns{gap:30px}
 .home-latest{margin:6% 0}
 .sx-feat-h{padding:0 4% 8%}.sx-feat{padding:0 0 4%}
 .cd .nm{font-size:var(--h);line-height:var(--hl)}.cd .xt{font-size:var(--t);line-height:var(--tl)}
 .gt{padding:0 12%}.gt-in{flex-wrap:wrap;padding:12% 0 18%}
 .gt .gc{order:-1;width:100%;flex:none;margin:0 0 10%}.gt .ga{width:40%;gap:15px}.gt .gb{width:60%;padding:0 0 15px 15px;gap:15px}
 .gt .ga .i2 img{height:190px}.gt .gb .i1 img{width:100%;height:300px}
 .gt .gc .qt{width:45%;padding:0}
 .ft-in{flex-wrap:wrap;padding:20% 3% 6%}.ft-a{width:36%;padding:0 4% 0 0;gap:30px}.ft-b{width:32%;padding:0 0 0 4%}.ft-c{width:32%;padding:0 0 0 4%}.ft-d{width:100%;margin:8% 0 0}
 .ft-b h6,.ft-c h6{font-size:22px}
}
@media(max-width:767px){
 .hm-top{padding:20% 6%}.hm-top .r{align-self:stretch}
 .hm-img{padding:0;min-height:300px}.hm-img-bg{min-height:300px}
 .hm-intro{padding:0 6%}.hm-intro-in{padding:20% 0;gap:50px}.hm-intro .b img{height:300px}
 .loop{grid-template-columns:100%}
 .li{padding:0 6%}.li-in{padding:20% 0}.li.flip .li-in{flex-direction:column}
 .li .tx{padding:0 0 12%;gap:15px;text-align:center}.li .ey{text-align:start}.li .bx{padding:12% 8%}
 .li .ti{font-size:var(--h);line-height:var(--hl)}
 .li .ex{padding:0 15%;text-align:center}.li .btns{flex-direction:column;align-items:center;gap:15px}
 .home-latest{margin:6% 0}
 .sx-feat-h{padding:0 6% 12%}.sx-feat{padding:0 0 4%}
 .gt{padding:0 6%}.gt-in{padding:20% 0 36%}
 .gt .gc{margin:0 0 26%}.gt .ga,.gt .gb{width:100%}.gt .gb{padding:15px 0 0}
 .gt .ga .i2 img{height:205px}.gt .gb .i1 img{width:312px;height:270px}
 .gt .gc .qt{width:100%;text-align:center}.gt .gc .s-h{text-align:center}
 .ft-in{padding:36% 6% 20%}.ft-a{width:100%;padding:0;order:4}.ft-b{width:50%;padding:0 4% 0 0;order:1}.ft-c{width:50%;padding:0 0 0 4%;order:2}.ft-d{order:3;margin:20% 0}
 .ft-b h6,.ft-c h6{font-size:18px;line-height:21.6px}.ft-logo{text-align:center}.ft-a p{text-align:center}.ft-soc{justify-content:flex-start}
 .ft-b li{margin:0 0 8px}.ft-b li:last-child{margin:0}.ft-c li+li{margin:3px 0 0}
}

/* ---------- band (library / category / contact) ---------- */
.band{display:flex;align-items:flex-end;gap:2%;min-height:80vh;padding:0 4% 6%;background-position:50% 50%}
.band-a{display:flex;flex-direction:column;width:100%}.band h1,.band h3{color:#fff}
.lib-band .s-h{font-weight:400}
.ct-band .band-a{width:425px}.ct-band .band-b{width:490px;display:flex;flex-direction:column;justify-content:center;gap:30px}
.ct-band h3{margin:0 0 -15px}.ct-q{font:300 22px/33px Poppins,sans-serif;color:#fff}
.lib-loop{margin:0}
.wh,.s-t.wh p{color:#fff}
.ct-det{display:flex;gap:2%;padding:4%}.ct-det-l{width:49%;display:flex;flex-direction:column;gap:8px;justify-content:center}.ct-det-r{width:49%;display:flex;flex-direction:column;align-items:center}
.ct-det-i{width:220px;margin:0 auto;display:flex;flex-direction:column;gap:9px}
.ct-h{font:600 22px/26.4px Poppins,sans-serif;color:var(--navy);text-transform:capitalize}
.ct-ul li{display:flex}.ct-ul a{display:inline-flex;align-items:center;font:300 var(--t)/var(--tl) Poppins,sans-serif;color:var(--txt)}.ct-ul li+li{margin:3px 0 0}
.ct-det-r img{height:223px;width:auto}
/* ---------- about ---------- */
.ab-hero{display:flex;align-items:flex-end;gap:50px;min-height:80vh;padding:0 4% 6%;background-position:50% 100%}
.ab-hero-in{flex:1;padding:0 2% 0 0;display:flex;flex-direction:column;gap:30px}
.ab-hero.is-c h1,.ab-hero.is-c .s-t{text-align:center}
.ab-split{display:flex;align-items:center;padding:8% 3% 12%}
.ab-pics{width:44.97%;display:flex;gap:35px;min-height:792px}.ab-pics .p1,.ab-pics .p2{flex:1;position:relative}.ab-pics .p1{align-self:flex-end}.ab-pics img{width:100%;height:495px;object-fit:cover;display:block}
.ab-split-t{width:55%;padding:0 0 0 8%;display:flex;flex-direction:column;gap:24px;justify-content:center}.ab-split-t h1{font-size:65px;line-height:78px}.ab-split-t .s-t{width:70%}
.ab-quote{background:var(--soft);padding:4%;min-height:345px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.ab-quote h3{text-align:center}.ab-quote-t{display:flex;gap:16%;justify-content:space-between}.ab-quote-t .s-t{width:100%;text-align:center}
.ab-text{display:flex;align-items:center;padding:8% 3% 12%}.ab-text-in{width:100%;display:flex;flex-direction:column;justify-content:center;gap:40px}.ab-text h1,.ab-text .s-t{text-align:center}
.nf{padding:12% 6%;text-align:center}
/* ---------- song page ---------- */
.po-row{display:flex;padding:4% 0}.po-row .po-box{display:block;padding:0;width:50%;aspect-ratio:1/1;background:var(--soft)}.po-row .po-box-in{box-sizing:border-box;height:100%;padding:8%;background:transparent}
.po-row-nv .po-box{width:100%;aspect-ratio:auto}.po-row-nv .po-box-in{padding:4%}.po-vid{width:50%;aspect-ratio:1/1;box-sizing:border-box;border:16px solid var(--cream);background:var(--soft)}.po-vid iframe{display:block;width:100%;height:100%;border:0;background:#000}
.w-lyrics-h{margin:0}
.po-top{display:flex;align-items:flex-start}
.po-l{width:50%;padding:8% 4% 0;display:flex;flex-direction:column;gap:20px}.po-r{width:50%;display:flex;flex-direction:column;justify-content:center}
.po-r img{width:100%;aspect-ratio:1;border:16px solid var(--cream);object-fit:cover;display:block}
.po-ti{font-family:Poppins,sans-serif}
.po-sub{font:600 24px/28.8px Poppins,sans-serif;color:var(--navy);text-transform:capitalize}
.po-soc{display:flex;justify-content:center;gap:5px}.po-soc a{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10%}.po-soc svg{width:25px;height:25px;fill:#fff}.po-soc .sp{background:#2ebd59}.po-soc .ap{background:#999}
.po-meta p{font-size:12px;line-height:18px;text-align:center;margin:0 0 14.4px}.po-meta strong{font-weight:400}
.po-box{display:flex;padding:4% 0}.po-box-in{width:100%;background:var(--soft);padding:4%;display:flex;flex-direction:column;gap:30px}
.po-note,.po-note .po-box-in{background:#fff}.po-lyr{background:var(--cream)}.po-lyr .po-box-in{background:var(--cream)}
.po-f h4{font:600 22px/26.4px Poppins,sans-serif;color:var(--navy);text-transform:capitalize;margin:8px 0 16px}.po-f p{margin:0}.po-f p+p{margin-top:14.4px}.po-q p{margin-bottom:14.4px}
.po-lt{column-count:2;column-gap:30px}
.po-nav{padding:0 4%;margin:4% 0 0}.po-nav-in{display:flex}
.po-p,.po-n{width:50%;display:flex;align-items:center;gap:15px}.po-n{justify-content:flex-end}
.po-div{width:1px;background:#d5d8dc}
.po-p,.po-n{min-width:0;overflow:hidden}.po-nav .lb{display:flex;flex-direction:column;min-width:0}.po-nav .l1,.po-nav .l2{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-nav .ar{flex:none}.po-nav .l1{font:600 32px/48px "Cormorant Garamond",Georgia,serif;color:var(--txt);text-transform:capitalize}.po-nav .l2{font:600 22px/33px Poppins,sans-serif;color:var(--txt);text-transform:capitalize}
.po-nav .ar{display:flex;width:30px;height:30px}.po-nav .ar svg{width:30px;height:30px;fill:#d5d8dc}
.po-p .lb{padding-left:0}.po-n .lb{text-align:right}
@media(max-width:1024px){
 .band{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:12% 20% 6% 6%;min-height:470px;background-position:0 50%}
 .band-a{width:390px}.ct-band .band-a,.ct-band .band-b{width:390px}.ct-band .band-b{gap:20px;padding:0 10% 0 0}.ct-band h3{margin:0 0 -15px}.ct-q{font-size:var(--t);line-height:var(--tl)}
 .ct-det{padding:12% 4% 0;gap:20px}.ct-det-i{width:auto;margin:0}.ct-det-l{padding:10%;width:49%}.ct-det-r{width:48%}.ct-det-r img{height:280px;width:30%}
 .ab-hero{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:12% 20% 6% 6%;min-height:471px;background-position:0 50%}
 .ab-hero-in{flex:none;width:400px}.ab-hero h1{text-align:start}.ab-hero .s-t{text-align:center}.ab-hero.is-c h1{text-align:start}
 .ab-split{flex-direction:column-reverse;padding:0 6% 20%}.ab-pics{width:100%;min-height:500px}.ab-pics img{height:370px}
 .ab-split-t{width:100%;padding:12% 16%;align-items:center;text-align:center}.ab-split-t h1{font-size:var(--h);line-height:var(--hl)}.ab-split-t .s-t{width:100%;text-align:center}
 .ab-quote{padding:8% 4% 10%}.ab-quote-t{gap:10%}
 .ab-text{flex-direction:column-reverse;padding:0 6% 20%}.ab-text-in{padding:12% 16%;align-items:stretch}
 .po-top{flex-direction:column}.po-l{width:100%;padding:8% 30%}.po-r{width:100%}
 .po-sub{font-size:45px;line-height:54px;text-align:center}.po-ti,.po-story,.po-story p{text-align:center}.po-meta p{font-size:14px;line-height:21px}
 .po-box{flex-direction:column-reverse;padding:12% 6%}.po-box-in{padding:6%}.po-lyr,.po-note{padding:12% 6%}
 .po-f h4{font-size:22px}.po-q p{text-align:center}.po-lt{text-align:center}.po-nav .l1,.po-nav .l2{font-size:25px;line-height:37.5px}
 .po-row{flex-direction:column-reverse;padding:12% 6%}.po-row .po-box{width:100%;aspect-ratio:auto}.po-row .po-box-in{padding:6%}.po-vid{width:50%}
}
@media(max-width:767px){
 .band{justify-content:flex-end;align-items:flex-end;padding:20% 10% 10%;min-height:510px;background-position:50% 0}
 .band-a{width:100%;text-align:center}.band h1,.band h3,.ct-q{text-align:center}.ct-band .band-a,.ct-band .band-b{width:100%}.ct-band .band-b{padding:0}.ct-band h3{margin:0 0 -5px}
 .ct-det{flex-direction:column;padding:20% 6% 0}.ct-det-l,.ct-det-r{width:100%}.ct-det-l{padding:10%}.ct-det-r img{height:166px;width:120px}.ct-h{font-size:18px;line-height:21.6px;text-align:center}.ct-ul li{justify-content:center}.ct-ul a{text-align:center}.ct-ul li+li{margin:0}.ct-det-i{gap:8px}
 .ab-hero{justify-content:flex-end;align-items:flex-end;padding:20% 10% 10%;min-height:510px;background-position:50% 0}
.ab-hero.is-c{padding-top:10%;margin-top:10%} .ab-hero-in{width:100%;padding:0}.ab-hero h1,.ab-hero.is-c h1{text-align:center}
 .ab-split{padding:0 6% 30%}.ab-pics{min-height:315px;justify-content:space-between;gap:0}.ab-pics .p1,.ab-pics .p2{flex:none;width:47%;top:0}.ab-pics img{height:230px}
 .ab-split-t{padding:20% 0}.ab-text-in{align-items:stretch}.ab-text .s-t{text-align:start}.cd .nm{font-size:16px;line-height:17.6px}.cd .ct,.cd .ct a,.cd .ct li{text-align:center}
 .ab-quote{padding:30% 6% 20%}main>.ab-quote:last-child{padding-bottom:30%}.ab-quote-t{gap:80px}
 .ab-text{padding:0 6% 10%}.ab-text-in{padding:20% 0}
 .po-row{flex-direction:column;padding:20% 0}.po-row .po-box-in{padding:12% 8%}.po-vid{width:100%}
 .po-l{padding:20% 8%}.po-sub{font-size:20px;line-height:22px}
 .po-lt{column-count:1}.po-box{padding:20% 0}.po-lyr,.po-note{padding:20% 0}.po-box-in{padding:12% 8%}.po-f p{text-align:center}.po-f h4{font-size:18px;line-height:21.6px;text-align:center}.po-lt{text-align:start}.po-nav .l1{font-size:20px;line-height:30px}.po-nav .l2{font-size:14px;line-height:21px}
}
@media(min-width:1025px){.ab-hero.is-c{background-attachment:fixed}}

/* ---------- exit-intent popup (home) ---------- */
.sx-pop{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center}.sx-pop[hidden]{display:none}
.sx-pop-dlg{position:relative;width:70vw;max-height:100vh;overflow:auto;padding:0 2.8vw;animation:sxpop .8s}
@keyframes sxpop{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.sx-pop-in{display:flex;min-height:550px}
.sx-pop-l{width:32%;flex:none;background:var(--soft);display:flex;align-items:center;justify-content:center}.sx-pop-l img{width:174px;height:auto;max-width:100%}
.sx-pop-r{flex:1;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:0 8% 0 6%}
.sx-pop-r h3{font:600 48px/1.2 "Cormorant Garamond",Georgia,serif;color:var(--navy);text-transform:capitalize;margin:0 0 -15px}
.sx-pop-r p{font:300 16px/24px Poppins,sans-serif;color:var(--txt);padding:0 26% 0 0;margin:0}
.sx-pop-r .s-btn{align-self:flex-start}
.sx-pop-x{position:absolute;top:3%;right:6%;width:24px;height:24px;padding:0;border:0;background:none;color:var(--navy);cursor:pointer;z-index:2}.sx-pop-x svg{width:24px;height:24px;fill:var(--navy)}.sx-pop-x:hover svg{fill:var(--gold)}
@media(max-width:1024px){.sx-pop-dlg{width:90vw}.sx-pop-r h3{font-size:45px}}
@media(max-width:767px){.sx-pop-dlg{width:90vw;padding:0 3.6vw}.sx-pop-in{flex-direction:column-reverse}.sx-pop-l{width:100%;padding:30px 0 28px}.sx-pop-l img{width:100%}.sx-pop-in{min-height:600px}.sx-pop-r{padding:12% 6%;gap:24px;align-items:center;text-align:center}.sx-pop-r h3{font-size:28px;line-height:30.8px;margin:0 0 -5px}.sx-pop-r p{font-size:14px;line-height:21px;padding:0 4%}.sx-pop-r .s-btn{align-self:center}.sx-pop-x{width:14px;height:14px;top:3%}.sx-pop-x svg{width:14px;height:14px}}
