/* Client revision: a content-led opening, flat pastel cards and concise copy. */
.ref-lead{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(255px,1fr);gap:22px;align-items:stretch;margin-top:12px!important}
.ref-lead>*,.ref-news-row>div{min-width:0}
.ref-lead .ref-slides{margin:0!important}
.ref-lead .ref-carousel,.ref-lead .ref-carousel .ref-slide{height:clamp(310px,30vw,395px);border-radius:12px}
.ref-lead .ref-carousel{box-shadow:none;background:#dfedf8}
.ref-lead .ref-carousel .ref-slide{background:var(--slide-background,#dfedf8)}
.ref-lead .ref-slide-copy,.ref-lead .ref-magazine .ref-slide-copy{left:5%;top:50%;transform:translateY(-50%);width:47%;text-align:center;padding:10px 0 22px}
.ref-lead .ref-slide-copy h2,.ref-lead .ref-magazine .ref-slide-copy h2{font-size:clamp(27px,2.9vw,39px);line-height:1.12;transform:none;margin:0 0 15px;overflow-wrap:anywhere}
.ref-lead .ref-slide-copy p{font-size:clamp(14px,1.35vw,17px);line-height:1.5;margin:0 0 18px}
.ref-lead .ref-slide-eyebrow,.ref-lead .ref-magazine .ref-slide-eyebrow{position:static;display:block;font-size:9px;letter-spacing:.1em;margin:0 0 12px;width:auto;color:#587083}
.ref-lead .ref-slide-copy .button{font-size:13px;min-height:39px;padding:9px 18px;gap:12px}
.ref-lead .ref-magazine-cover,.ref-lead .ref-carousel .ref-slide>.ref-magazine-cover{left:auto;right:5%;top:11%;width:36%;height:76%;filter:none;object-fit:contain}
.ref-lead .ref-carousel .ref-slide>.ref-slide-image{right:3%;left:auto;top:7%;width:44%;height:82%;object-fit:contain;mask-image:none;mix-blend-mode:normal}
.ref-lead .carousel-controls>.icon-button{height:34px;min-height:34px;width:34px;min-width:34px;transform:translateX(-20%);box-shadow:0 1px 5px #26445812}
.ref-lead .carousel-controls>[data-next]{transform:translateX(20%)}
.ref-lead .carousel-dots{bottom:7px;background:#ffffffb3;min-height:28px}
.ref-lead .carousel-dots button[data-slide],.ref-lead .carousel-dots .carousel-pause{width:28px;height:28px}
.ref-lead .ref-announcements{background:#f6f9fb;border:1px solid #e9eff2;border-radius:12px;padding:17px;display:flex;flex-direction:column;min-height:0}
.ref-lead .ref-news-heading{height:auto;min-height:31px;padding-bottom:12px;margin:0 0 4px;border-bottom:1px solid #e2e9ed;gap:10px}
.ref-lead .ref-news-heading h2{font-size:27px;gap:9px;line-height:1.1}
.ref-lead .ref-news-heading h2 .icon{height:24px;width:24px;transform:none;stroke-width:1.5}
.ref-lead .ref-news-heading>a{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}
.ref-news-list{flex:1;display:flex;flex-direction:column;justify-content:center}
.ref-lead .ref-news-row{height:auto;min-height:68px;flex:1;gap:12px;margin:0;padding:11px 0;background:transparent;border-radius:0;border-bottom:1px solid #e6edf1}
.ref-lead .ref-news-row:last-child{border-bottom:0}
.ref-lead .ref-news-row img,.ref-news-placeholder{width:76px;height:55px;flex-shrink:0;border-radius:5px;object-fit:cover}
.ref-news-placeholder{display:grid;place-items:center;background:#e8f0f5;color:#6b8092}
.ref-lead .ref-news-row span{font-size:11px;line-height:1.3;color:#7b858d;margin-bottom:5px}
.ref-lead .ref-news-row h3{font-size:14px;line-height:1.35;font-weight:500;margin:0;-webkit-line-clamp:3}
.ref-lead-news-only{grid-template-columns:1fr}.ref-lead-news-only .ref-news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.reference-site .ref-quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px!important}
.reference-site .ref-quick-card{display:flex;flex-direction:column;align-items:flex-start;height:auto;min-height:185px;padding:23px 25px;gap:15px;border:1px solid transparent;border-radius:10px;box-shadow:none;transition:border-color .18s,transform .18s}
.reference-site .ref-quick-card.blue{background:#edf5fc}.reference-site .ref-quick-card.peach{background:#fff0f4}.reference-site .ref-quick-card.mint{background:#edf8f1}
.reference-site .ref-quick-card>img{width:44px;height:44px;align-self:flex-start;mix-blend-mode:normal;filter:none}
.reference-site .ref-quick-card>div{display:block;font-size:24px;min-width:0}
.reference-site .ref-quick-card h2,.reference-site .ref-quick-card:last-child h2{font-size:inherit;line-height:1.15;margin:0 0 9px}
.reference-site .ref-quick-card p{font-size:14px;line-height:1.5;color:#63707a;max-width:340px}
.reference-site .ref-quick-card .ref-quick-arrow{position:absolute;right:23px;top:35px;width:19px;height:19px;color:#6d818d;stroke-width:1.5}
.reference-site .ref-quick-card:hover{box-shadow:none;transform:translateY(-2px);border-color:#cedee6}
.reference-site .ref-categories{height:auto;min-height:125px;padding-top:25px;padding-bottom:25px}
.reference-site .ref-category-disc{box-shadow:none;background-image:none}
.reference-site .ref-category-disc.mint{background:#eaf5ee}.reference-site .ref-category-disc.peach{background:#fff0f1}.reference-site .ref-category-disc.yellow{background:#fbf3dd}.reference-site .ref-category-disc.lavender{background:#f1eafa}.reference-site .ref-category-disc.blue{background:#e9f3fa}
.reference-site .ref-categories a:hover .ref-category-disc{box-shadow:none;transform:translateY(-2px)}
.reference-site .ref-section-heading>img{transform:none}
.reference-site .ref-video-3{grid-column:2/4}
.reference-site .values-row{height:auto;min-height:95px}
.reference-site .footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:50px;padding-top:10px}
.reference-site .footer-brand p{max-width:290px;font-size:13px;line-height:1.6;margin-bottom:15px}
.reference-site .footer-links{font-size:13px;gap:8px}
.reference-site .site-footer h3{font-size:15px;margin-bottom:15px}
@media(min-width:761px) and (max-width:1050px){
 .ref-lead{gap:18px;grid-template-columns:minmax(0,2fr) minmax(245px,1fr)}
 .ref-lead .ref-announcements{padding:14px}.ref-lead .ref-news-row{gap:9px}.ref-lead .ref-news-row img{width:64px;height:49px}
 .ref-lead .ref-news-heading h2{font-size:24px}.ref-lead .ref-news-row h3{font-size:13px}
 .ref-lead .ref-slide-copy h2{font-size:27px}.ref-lead .ref-slide-copy p{font-size:14px}
 .reference-site .ref-quick-card{padding:21px;min-height:184px}.reference-site .ref-quick-card>div{font-size:22px}
 .reference-site .footer-grid{gap:28px}
}
@media(max-width:760px){
 .ref-lead{grid-template-columns:1fr;gap:18px;margin-top:8px!important}
 .ref-lead .ref-carousel,.ref-lead .ref-carousel .ref-slide{height:330px}
 .ref-lead .ref-slide-copy,.ref-lead .ref-magazine .ref-slide-copy{left:6%;width:46%;padding-bottom:20px}
 .ref-lead .ref-slide-copy h2,.ref-lead .ref-magazine .ref-slide-copy h2{font-size:31px;line-height:1.1}
 .ref-lead .ref-slide-copy p{font-size:14px;line-height:1.45}
 .ref-lead .ref-magazine-cover,.ref-lead .ref-carousel .ref-slide>.ref-magazine-cover{right:5%;top:10%;width:36%;height:77%}
 .ref-lead .ref-announcements{padding:17px 20px}.ref-lead .ref-news-row{min-height:75px;padding:12px 0}.ref-lead .ref-news-row h3{font-size:15px}
 .ref-lead .ref-news-row img{width:80px;height:53px}.ref-lead .ref-news-list{gap:0}
 .reference-site .ref-quick{gap:12px;margin-top:20px!important}
 .reference-site .ref-quick-card{padding:19px 17px;min-height:199px;gap:13px}
 .reference-site .ref-quick-card>div{font-size:21px}.reference-site .ref-quick-card p{font-size:13px}
 .reference-site .ref-quick-card .ref-quick-arrow{right:16px;top:30px;width:16px}
 .reference-site .ref-video-3{grid-column:1/3}
 .reference-site .ref-video-grid{grid-template-rows:clamp(190px,calc((100vw - 56px)/2),352px) repeat(2,clamp(110px,calc((100vw - 65px)/4),174px))}
 .reference-site .ref-video-3>img{object-position:center 42%}
 .reference-site .footer-grid{grid-template-columns:1.2fr 1fr;gap:28px 22px}
 .ref-lead-news-only .ref-news-list{display:flex}
}
@media(max-width:519px){
 .ref-lead .ref-carousel,.ref-lead .ref-carousel .ref-slide{height:315px}
 .ref-lead .ref-slide-copy,.ref-lead .ref-magazine .ref-slide-copy{left:5%;width:51%}
 .ref-lead .ref-slide-copy h2,.ref-lead .ref-magazine .ref-slide-copy h2{font-size:26px;line-height:1.1;margin-bottom:13px}
 .ref-lead .ref-slide-copy p{font-size:13px;margin-bottom:14px}
 .ref-lead .ref-slide-copy .button{font-size:12px;padding:9px 14px;min-height:37px;gap:7px}
 .ref-lead .ref-slide-eyebrow,.ref-lead .ref-magazine .ref-slide-eyebrow{font-size:8px;letter-spacing:.05em;margin-bottom:10px}
 .ref-lead .ref-magazine-cover,.ref-lead .ref-carousel .ref-slide>.ref-magazine-cover{right:2%;width:40%;height:70%;top:13%}
 .ref-lead .ref-carousel .ref-slide>.ref-slide-image{right:1%;width:40%;height:75%;top:11%}
 .ref-lead .carousel-controls>.icon-button{width:29px;min-width:29px;height:29px;min-height:29px;transform:translateX(-18%)}
 .ref-lead .carousel-controls>[data-next]{transform:translateX(18%)}
 .reference-site .ref-quick{grid-template-columns:1fr;gap:11px}
 .reference-site .ref-quick-card{flex-direction:row;align-items:center;min-height:116px;padding:20px;gap:17px}
 .reference-site .ref-quick-card>img{width:43px;height:43px;align-self:center}
 .reference-site .ref-quick-card>div{font-size:23px}.reference-site .ref-quick-card p{font-size:13px;line-height:1.45}
 .reference-site .ref-quick-card .ref-quick-arrow{display:none}
}
@media(max-width:360px){
 .ref-lead .ref-slide-copy h2,.ref-lead .ref-magazine .ref-slide-copy h2{font-size:23px}
 .ref-lead .ref-slide-copy p{font-size:12px}
 .ref-lead .ref-slide-copy .button{font-size:11px;padding-inline:12px}
 .ref-lead .ref-announcements{padding:15px}.ref-lead .ref-news-row img{width:68px}
 .ref-lead .ref-news-row h3{font-size:14px}
 .reference-site .ref-quick-card{padding:18px 16px;gap:14px}.reference-site .ref-quick-card>div{font-size:22px}
}

/* Social accounts sit next to the logo; narrow screens receive a dedicated row. */
.reference-site .site-header .header-inner{width:94.26%;padding-right:0}
.reference-site .header-social{flex-shrink:0;gap:8px;margin-left:12px}
.reference-site .header-social .social-link{width:28px;height:28px;box-shadow:none}
.reference-site .header-social .social-link .icon{width:16px;height:16px}
@media(max-width:900px){
 .reference-site .site-header .header-inner{width:calc(100% - 32px)}
 .reference-site .header-social{margin-left:0}
 .reference-site .main-nav{top:100%}
}
@media(max-width:640px){
 .reference-site .site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:0;column-gap:10px;row-gap:0}
 .reference-site .site-header .brand{grid-column:1;grid-row:1}
 .reference-site .header-actions{grid-column:2;grid-row:1;height:80px;margin-left:0}
 .reference-site .header-social{grid-column:1/-1;grid-row:2;justify-content:center;gap:12px;width:100%;padding:7px 0 12px;border-top:1px solid #f0f3f5}
 .reference-site .header-social .social-link{width:32px;height:32px}
 .reference-site .header-social .social-link .icon{width:18px;height:18px}
}
@media(max-width:360px){.reference-site .site-header .header-inner{width:calc(100% - 24px);column-gap:6px}}

/* CMS states; the approved three-card / four-video view stays unchanged. */
.reference-site .ref-quick-count-1{grid-template-columns:1fr}.reference-site .ref-quick-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ref-lead .ref-carousel .ref-image-banner>.ref-slide-image{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.ref-lead .ref-carousel .ref-image-banner-contain>.ref-slide-image{object-fit:contain}
.ref-banner-link{position:absolute;inset:0;z-index:4}
.ref-banner-link:focus-visible{outline:3px solid var(--red);outline-offset:-5px;border-radius:inherit}
.ref-image-banner .ref-slide-copy.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.reference-site .ref-video-count-0{display:none}.reference-site .ref-video-count-1,.reference-site .ref-video-count-2,.reference-site .ref-video-count-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:220px}
.reference-site .ref-video-count-1>*:first-child{grid-column:1/-1;grid-row:1}.reference-site .ref-video-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.reference-site .ref-video-count-2>*,.reference-site .ref-video-count-3>*{grid-column:auto;grid-row:auto}
@media(max-width:600px){.reference-site .ref-quick-count-2{grid-template-columns:1fr}.reference-site .ref-video-count-1,.reference-site .ref-video-count-2,.reference-site .ref-video-count-3{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:190px}}

/* Preserve the brand spelling in public page and slide labels. */
.reference-site .page-intro>.eyebrow,.reference-site .ref-slide-eyebrow{text-transform:none}

/* Keep slide copy readable when an editor chooses a dark background. */
.ref-lead .has-custom-background .ref-slide-copy h2,.ref-lead .has-custom-background .ref-slide-copy p,.ref-lead .has-custom-background .ref-slide-eyebrow{color:#101b2c}
.ref-lead .has-dark-background .ref-slide-copy h2,.ref-lead .has-dark-background .ref-slide-copy p,.ref-lead .has-dark-background .ref-slide-eyebrow{color:#fff}
.ref-lead .ref-carousel .has-dark-background>.ref-slide-image{mix-blend-mode:normal}