/* Short home and dedicated editorial pages. */
:root{--page-header:96px}
.inner-page main{padding-top:var(--page-header)}
.inner-page .site-header{background:#111f35fa}
.inner-page h1{font-size:clamp(38px,3.8vw,58px);line-height:1.1;font-weight:400;letter-spacing:-.05em}
.inner-page h1 em{font-style:normal;color:inherit}
.inner-page .chapter-surface h1{font-size:clamp(36px,3.15vw,52px)}
.site-header nav a[aria-current="page"]{color:#bcd7ff}
.site-header nav a[aria-current="page"]::after{content:"";width:5px;height:5px;background:#79abff;border-radius:50%;margin-left:7px}
.home-discover{background:#f1f4f8}
.home-discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:discovery}
.home-discover-card{position:relative;background:white;border-top:2px solid #2f70d6;padding:28px;display:flex;flex-direction:column;min-height:290px;counter-increment:discovery;transition:transform .2s,box-shadow .2s}
.home-discover-card::before{content:"0" counter(discovery);position:absolute;right:22px;top:18px;font-size:12px;letter-spacing:.1em;color:#8190a8}
.home-discover-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #132b4d0d}
.home-discover-card .project-category{padding-right:24px}
.home-discover-card h3{font-family:var(--display);font-size:clamp(25px,2.1vw,33px);line-height:1.12;margin:24px 0 18px;max-width:260px}
.home-discover-card p{font-size:16px;line-height:1.6;color:var(--muted)}
.home-discover-card .text-link{margin-top:auto;padding-top:10px;font-size:14px;align-self:flex-start}
.home-discover-links{display:flex;gap:28px;margin-top:30px;font-size:14px;flex-wrap:wrap}
.home-community{background:#152840;color:white}
.home-community-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}
.home-community .eyebrow{color:#9fc6ff}
.home-community h2 em{color:#8bb9ff}
.home-community-copy{max-width:470px}
.home-community-copy p{font-size:20px;line-height:1.7;color:#d1dceb;margin-bottom:28px}
.home-community .button{background:#356fd0;color:white;border-color:#356fd0}
.home-life{background:#eef3f9}
.home-life-grid{display:grid;grid-template-columns:.95fr 1.25fr;gap:55px;align-items:center}
.home-life-copy h2{margin-bottom:25px}
.home-life-copy h2 em{color:var(--blue)}
.home-life-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted);max-width:470px}
.home-life-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:14px}
.home-life-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}
.home-life-photos>a{display:block;min-width:0}
.home-life-photos img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 65%}
.home-life-photos>a:nth-child(2){padding-top:0}
.home-life-photos>a:nth-child(2) img{object-position:50% 20%}
.home-life-photos>a>span{display:block;font-size:15px;margin-top:12px}
.home-life-photos>p{grid-column:1/-1;margin:0;font-size:10px;color:var(--muted);line-height:1.5}
.home-life-photos>p a{text-decoration:underline}
.home-scenes{background:#fff}
.home-scenes-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.home-scene-card{background:#f1f4f8;min-width:0}
.home-scene-image{display:block;position:relative;overflow:hidden;background:#111f35}
.home-scene-image img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;transition:transform .3s}
.home-scene-image:hover img{transform:scale(1.025)}
.home-scene-image>span{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;font-size:11px;letter-spacing:.12em;color:white;background:linear-gradient(transparent,#101e34eb)}
.home-scene-image b{font-size:24px;font-weight:400}
.home-scene-copy{padding:22px 26px}
.home-scene-copy h3{font-family:var(--display);font-size:27px;margin-bottom:12px;line-height:1.15}
.home-scene-copy p{font-size:15px;line-height:1.55;color:var(--muted);margin-bottom:18px}
.home-scene-copy>div{display:flex;gap:14px 22px;flex-wrap:wrap;font-size:12px}
.home-connect{background:#14263e;color:#fff}
.home-connect .eyebrow{color:#a8c9fc}
.home-connect .section-heading{align-items:end}
.home-connect .section-heading>.text-link{flex-shrink:0;font-size:14px}
.home-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-logos>a{padding:20px;background:white;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;border-top:2px solid #5491ef}
.home-logos img{width:auto;max-width:100%;height:90px;object-fit:contain}
.home-logos span{font-size:13px}
.home-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:32px}
.home-more article{border-top:1px solid #ffffff26;padding-top:22px}
.home-more .eyebrow{font-size:10px;margin-bottom:12px}
.home-more h3{font-size:24px;font-family:var(--display);margin-bottom:12px;line-height:1.15}
.home-more p:not(.eyebrow){font-size:15px;line-height:1.55;color:#cfdaeb;margin-bottom:14px}
.home-more .text-link{font-size:13px;color:#fff}
.music-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin-top:48px}
.music-chapters a{border-top:1px solid #ced8e6;padding:20px 0;font-size:18px;color:var(--deep);transition:color .2s}
.music-chapters a:hover{color:var(--blue)}
.music-chapters span{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;color:var(--blue)}
.talent-body{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center}
.talent-photo{margin:0;min-width:0}
.talent-photo>a{display:block;position:relative;background:#0d1727;overflow:hidden}
.talent-photo img{width:100%;height:auto;aspect-ratio:1620/911;object-fit:cover;transition:transform .3s}
.talent-photo>a:hover img{transform:scale(1.025)}
.talent-watch{display:flex;align-items:center;gap:14px;background:#0c192d;padding:17px 19px;color:white;font-size:13px}
.talent-watch>span{border:1px solid #7099d2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:11px}
.talent-photo figcaption{font-size:11px;line-height:1.6;color:#c1d0e5;margin-top:10px}
.talent-body .talent-grid{display:grid;grid-template-columns:1fr;gap:20px}
.talent-body .talent-grid article{padding-top:16px;gap:14px}
.talent-body .chapter-number{font-size:17px}
.talent-body .talent-grid h3{font-size:25px;margin-bottom:10px}
.talent-body .talent-grid p:not(.eyebrow){font-size:14px;line-height:1.6;margin-bottom:14px}
.talent-body .talent-grid .eyebrow{font-size:10px;margin-bottom:10px}
.talent-body .button{min-height:40px;padding:9px 15px;font-size:12px}
.brothers-song{padding-top:22px;border-top:1px solid #ffffff30;font-size:24px;letter-spacing:-.025em;color:#fff}
.brothers-song span{display:block;font-size:14px;letter-spacing:0;color:#c7d5e8;margin-top:8px}
.brothers-video .video-source{font-size:12px;color:#cad8e9}
.brothers-video .video-frame{aspect-ratio:16/9}
.brothers-video .video-frame img{height:100%;max-height:none;object-fit:cover}
.video-frame>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#091326}
/* One complete chapter: identity, four performances and selected press. */
#hermanos-dominguez{height:auto;max-height:none;padding-block:32px;overflow:visible}
.brothers-heading{display:flex;align-items:center;gap:36px;margin-bottom:26px}
.brothers-heading>img{width:222px;height:auto;max-height:80px;object-fit:contain;flex:none}
.brothers-heading .eyebrow{color:#a9cdff;font-size:10px;margin:0 0 10px}
.brothers-heading h3{font-family:var(--display);font-weight:400;font-size:clamp(25px,2.4vw,36px);line-height:1.12;letter-spacing:-.035em;margin:0}
.brothers-feature.brothers-expanded{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:38px;align-items:start}
.brothers-expanded>div{min-width:0}
.brothers-expanded .video-source{font-size:11px;margin:10px 0 14px;line-height:1.45;align-items:baseline}
.brothers-expanded .video-source .text-link{font-size:11px;flex:none}
.brothers-now{text-align:right;flex:1}
.brothers-playlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.brothers-playlist>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:62px;padding:10px 12px;background:#ffffff08;border:1px solid #ffffff24;color:#fff;text-decoration:none;transition:background .2s,border-color .2s}
.brothers-playlist>a:hover,.brothers-playlist>a[aria-current="true"]{background:#ffffff15;border-color:#aacdff}
.brothers-playlist strong{display:block;font-size:12px;font-weight:500;line-height:1.3}
.brothers-playlist small{display:block;font-size:10px;color:#b7cbe5;line-height:1.3;margin-top:4px}
.track-number{font-size:10px;color:#a9cdff;font-variant-numeric:tabular-nums}
.brothers-playlist>a>span:last-child{font-size:9px;color:#a9cdff}
.brothers-copy>p{font-size:15px;line-height:1.6;margin:0 0 20px;color:#d7e2f2}
.brothers-copy strong{font-weight:500;color:white}
.brothers-copy h4{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.13em;color:#a9cdff;margin:0 0 8px}
.brothers-press{list-style:none;padding:0;margin:0}
.brothers-press li{border-bottom:1px solid #ffffff26}
.brothers-press a{display:block;position:relative;color:#fff;font-size:13px;line-height:1.4;padding:10px 22px 10px 0;text-decoration:none}
.brothers-press a:hover{text-decoration:underline;text-underline-offset:3px}
.brothers-press a>span{display:block;font-size:9px;letter-spacing:.1em;color:#adc5e6;margin-bottom:4px}
.brothers-press a>b{position:absolute;right:0;bottom:13px;font-weight:400;color:#a9cdff}
.brothers-links{display:flex;align-items:center;gap:22px;margin-top:20px;flex-wrap:wrap}
.brothers-links .button{min-height:40px;padding:10px 17px;background:#fff;color:#173254;font-size:12px}
.brothers-links .text-link{font-size:12px}
@media(min-width:961px) and (max-height:800px){
 #hermanos-dominguez{padding-block:24px}
 .brothers-heading{margin-bottom:20px;gap:30px}
 .brothers-heading>img{width:190px;max-height:68px}
 .brothers-copy>p{font-size:14px;line-height:1.5;margin-bottom:16px}
 .brothers-press a{padding-block:8px;font-size:12px}
 .brothers-links{margin-top:16px}
}
@media(max-width:960px){
 #hermanos-dominguez{padding-block:44px}
 .brothers-feature.brothers-expanded{grid-template-columns:1fr;gap:30px}
 .brothers-heading{gap:24px}
 .brothers-heading>img{width:190px}
 .brothers-copy>p{font-size:16px;line-height:1.65}
 .brothers-press a{font-size:15px;padding-block:13px}
 .brothers-press a>span{font-size:10px}
}
@media(max-width:600px){
 .brothers-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:25px}
 .brothers-heading>img{width:220px;max-height:none}
 .brothers-heading h3{font-size:28px;max-width:300px}
 .brothers-heading .eyebrow{font-size:9px}
 .brothers-playlist{gap:7px}
 .brothers-playlist>a{gap:6px;padding:10px 8px;min-height:77px}
 .brothers-playlist strong{font-size:11px}
 .brothers-playlist small{font-size:9px}
 .brothers-playlist .track-number{display:none}
 .brothers-playlist>a{grid-template-columns:minmax(0,1fr) auto}
 .brothers-now{font-size:10px}
}
.media-search{display:flex;gap:18px;align-items:center;margin:22px 0 28px;font-size:13px;color:var(--muted)}
.media-search input{flex:1;max-width:420px;min-width:0;border:1px solid var(--line);background:#f5f7fa;color:var(--ink);padding:13px 16px;font:inherit;font-size:15px;border-radius:0}
.media-search input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.filter-status{font-size:12px;color:var(--muted);margin-top:24px}
.media-empty{padding:28px;background:var(--paper);font-size:16px}
.media-empty[hidden]{display:none}
.community-next{display:inline-block;margin-top:22px;font-size:14px}
.hineni-community{background:#f1f4f8}
.hineni-community-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
.hineni-community-mark{background:white;padding:45px 40px;min-width:0;text-align:center;border:0}
.hineni-community-mark img{width:100%;max-width:330px;height:auto;margin:0 auto 24px}
.hineni-community-mark>span{font-size:10px;letter-spacing:.15em;color:var(--muted)}
.hineni-community h2{margin-bottom:25px}
.hineni-community h2 em{color:var(--blue)}
.hineni-community .large-copy{font-size:22px}
.hineni-community p:not(.eyebrow){color:var(--muted)}
.hineni-community .button{margin-top:10px}
.community-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.community-card{padding:30px 34px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.gospel-card{background:#17375f;color:white;justify-content:center}
.community-card .eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:15px}
.gospel-card .eyebrow{color:#b2cfff}
.community-card h3{font-family:var(--display);font-size:32px;line-height:1.14;margin-bottom:20px}
.community-card p:not(.eyebrow){font-size:16px;line-height:1.6;margin-bottom:24px}
.gospel-card p:not(.eyebrow){color:#d8e4f4}
.gospel-card .button{background:white;color:#17375f;border:1px solid white;margin-top:8px}
.community-card-note{font-size:11px;color:#bfcee3;margin-top:14px}
.pilgrimage-card{background:white;border:0}
.pilgrimage-card>img{width:auto;height:105px;align-self:center;object-fit:contain;margin:0 0 18px}
.pilgrimage-card h3{font-size:27px;margin-bottom:14px}
.pilgrimage-card p:not(.eyebrow){color:var(--muted);margin-bottom:20px}
.pilgrimage-card .button{margin-top:auto}

/* The biography opens with an editorial portrait, alongside its story. */
#historia.story-portrait-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:48px;align-items:center}
#historia.story-portrait-layout .story-portrait{margin:0;max-width:none;width:100%;height:auto;align-self:stretch;display:flex;align-items:center}
#historia.story-portrait-layout .story-portrait::after{display:none}
#historia.story-portrait-layout .story-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 45%;max-height:650px;border-radius:0}
#historia.story-portrait-layout .story-copy .eyebrow{font-size:11px;letter-spacing:.14em;line-height:1.5;color:var(--blue);margin:0 0 18px}
#historia.story-portrait-layout :is(h1,h2){font-size:clamp(34px,3vw,45px);line-height:1.08;margin-bottom:24px;letter-spacing:-.05em}
#historia.story-portrait-layout :is(h1,h2) em{color:var(--blue);font-style:normal}
#historia.story-portrait-layout .story-copy .large-copy{font-size:17px;line-height:1.55}
#historia.story-portrait-layout .story-copy>p:not(.large-copy):not(.eyebrow){font-size:15px;line-height:1.55}
#historia.story-portrait-layout .story-copy p{margin-bottom:16px}
#historia.story-portrait-layout .story-links{font-size:13px;gap:12px 20px;margin-top:20px}
@media(min-width:961px){
 #historia.story-portrait-layout{align-content:center}
 #historia.story-portrait-layout .story-portrait{position:relative;display:block;min-height:0}
 #historia.story-portrait-layout .story-portrait img{position:absolute;inset:0;height:100%;aspect-ratio:auto;max-height:none}
}
@media(min-width:961px) and (max-height:800px){
 #historia.story-portrait-layout{gap:36px;padding-block:28px}
 #historia.story-portrait-layout :is(h1,h2){font-size:34px;margin-bottom:18px}
 #historia.story-portrait-layout .story-copy .large-copy{font-size:16px;line-height:1.5}
 #historia.story-portrait-layout .story-copy>p:not(.large-copy):not(.eyebrow){font-size:14px;line-height:1.5}
 #historia.story-portrait-layout .story-copy p{margin-bottom:13px}
}
@media(max-width:960px){
 #historia.story-portrait-layout{grid-template-columns:1fr;gap:32px}
 #historia.story-portrait-layout .story-portrait{max-width:560px;margin-inline:auto}
 #historia.story-portrait-layout .story-portrait img{aspect-ratio:1;max-height:none}
 #historia.story-portrait-layout :is(h1,h2){font-size:clamp(34px,5vw,44px)}
 #historia.story-portrait-layout .story-copy .large-copy{font-size:18px;line-height:1.6}
 #historia.story-portrait-layout .story-copy>p:not(.large-copy):not(.eyebrow){font-size:16px;line-height:1.65}
}

/* A page change echoes the blue reveal between sections, without a loader. */
html{background:#3479e6}
main{transform-origin:50% 35%;transition:transform .22s ease,opacity .22s ease}
html.is-page-leaving main{transform:scale(.965);opacity:0}
html.is-page-leaving body{background:#3479e6}
html.is-page-leaving .site-footer,html.is-page-leaving .social-rail{opacity:0}
@media(prefers-reduced-motion:no-preference){
 body:not(.home-page) main{animation:page-arrival .48s cubic-bezier(.2,.8,.2,1) backwards}
 @keyframes page-arrival{from{opacity:0}to{opacity:1}}
}
@media(min-width:961px) and (max-height:760px){
 .home-discover-card{padding:23px;min-height:270px}
 .home-discover-card h3{margin-block:20px 14px}
 .home-discover-card p{font-size:15px}
 .inner-page .chapter-surface h1{font-size:36px}
 .home-life-grid{gap:35px}
 .home-scenes .section-heading{margin-bottom:22px}
 .home-scene-image img{aspect-ratio:16/7}
 .home-scene-copy{padding:18px 23px}
 .home-logos img{height:72px}
 .home-more{margin-top:25px}
}
@media(max-width:960px){
 :root{--page-header:82px}
 .inner-page h1,.inner-page .chapter-surface h1{font-size:clamp(35px,5vw,48px)}
 .home-discover-grid{gap:15px}
 .home-discover-card{padding:24px 20px;min-height:300px}
 .home-community-grid{gap:36px}
 .talent-body{grid-template-columns:1fr;gap:26px}
 .talent-body .talent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .talent-photo{max-width:720px}
 .home-life-grid{grid-template-columns:1fr;gap:35px}
 .hineni-community-grid{gap:35px}
 .home-life-copy>p:not(.eyebrow){max-width:650px}
 .home-life-photos{max-width:720px}
 .home-more{gap:20px}
}
@media(max-width:720px){
 :root{--page-header:80px}
 .home-discover-grid,.home-community-grid{grid-template-columns:1fr}
 .music-chapters{grid-template-columns:1fr 1fr;gap:0 20px;margin-top:30px}
 .music-chapters a{font-size:16px}
 .music-chapters span{font-size:9px}
 .media-search{align-items:stretch;flex-direction:column;gap:8px}
 .home-discover-card{min-height:0;padding:28px}
 .home-discover-card h3{max-width:290px;margin-top:20px}
 .home-discover-links{gap:16px 24px}
 .home-community-copy p{font-size:18px}
 .home-community-copy .button{font-size:13px;padding-inline:20px}
 .talent-body .talent-grid{grid-template-columns:1fr}
 .talent-body .talent-grid h3{font-size:27px}
 .talent-body .talent-grid p:not(.eyebrow){font-size:16px}
 .talent-body .button{font-size:13px;min-height:44px}
 .talent-watch{padding:14px 12px;font-size:11px;gap:10px}
 .inner-page .chapter-surface h1{font-size:clamp(34px,9vw,44px)}
 .home-scenes-grid,.home-more{grid-template-columns:1fr}
 .community-cards{grid-template-columns:1fr;gap:24px}
 .community-card{padding:28px 24px}
 .community-card h3{font-size:29px}
 .community-card .button{font-size:13px;padding-inline:17px;width:100%}
 .hineni-community-grid{grid-template-columns:1fr}
 .hineni-community-mark{padding:30px}
 .home-life-links{gap:18px}
 .home-life-photos{gap:12px}
 .home-life-photos>a:nth-child(2){padding-top:0}
 .home-life-photos>a>span{font-size:13px}
 .home-scene-copy{padding:22px}
 .home-scene-copy h3{font-size:26px}
 .home-scene-copy p{font-size:16px}
 .home-logos{gap:10px;grid-template-columns:1fr}
 .home-logos>a{flex-direction:row;text-align:left;justify-content:flex-start;gap:24px;padding:18px}
 .home-logos img{width:120px;height:70px}
 .home-logos span{max-width:140px;font-size:13px}
 .home-more{margin-top:32px;gap:28px}
 .home-connect .section-heading{display:block}
 .home-connect .section-heading>.text-link{display:inline-block;margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
 main,.home-discover-card,.talent-photo img{transition:none;animation:none}
}
