/* The four concept families share interaction logic, not their visual treatment. */
.button-outline{border:1px solid currentColor;background:transparent;color:inherit}
.button-outline:hover{background:rgb(7 138 203 / .1)}
.light-hero .site-header{color:var(--navy)}
.light-hero .hero{background:white;color:var(--navy)}
.light-hero .scroll-cue{color:var(--navy)}
.light-hero .hero-shade{background:linear-gradient(90deg,rgb(255 255 255 / .45),transparent 62%)}
.hero-wordmark{font-size:144px;font-weight:700;line-height:1.08;margin-bottom:28px;color:var(--navy)}
.hero-wordmark span{color:var(--blue)}
.light-closing{color:var(--navy);background:#fff}
.light-closing .closing-shade{background:linear-gradient(90deg,rgb(255 255 255 / .92),rgb(255 255 255 / .67) 40%,transparent 78%)}
.light-closing .eyebrow{color:var(--blue)}
.light-story{background:white;color:var(--navy)}
.light-story .eyebrow{color:var(--blue)}
.light-story .story-stats dt,.light-story .demo-note{color:var(--muted)}
.light-story .story-shade{background:linear-gradient(90deg,white,transparent 57%)}
.light-story .story-title{max-width:650px}
.light-story .story-bottom{max-width:850px}

body[data-theme="2"] .hero-content{top:25%;bottom:auto;left:6%;max-width:44%}
body[data-theme="2"] .hero h1{font-size:48px;line-height:1.4;margin-bottom:34px}
body[data-theme="2"] .hero-wordmark span{color:var(--lime)}
body[data-theme="2"] .hero-shade{background:none}
body[data-theme="2"] .hero .button{min-width:220px;min-height:66px;font-size:22px}
body[data-theme="2"] .hero .button-outline{border:0;border-bottom:1px solid var(--navy);border-radius:0;min-width:180px;padding:0 10px}
body[data-theme="2"] .need{background:#e9f4f9}
body[data-theme="2"] .need-list{border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
body[data-theme="2"] .need-row{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px;flex-wrap:wrap;gap:24px}
body[data-theme="2"] .need-row>img{width:100%;height:150px;object-fit:cover}
body[data-theme="2"] .need-copy{flex:auto;width:100%}
body[data-theme="2"] .need-copy h3{font-size:24px}
body[data-theme="2"] .need-quantity{margin:0 auto 0 0;align-items:flex-start}
body[data-theme="2"] .process-photo>img{object-fit:contain;background:white}
body[data-theme="2"] .story-inner{justify-content:center;gap:60px}
body[data-theme="2"] .story-title{font-size:40px;max-width:540px}
body[data-theme="2"] .story-description{max-width:500px}
body[data-theme="2"] .story-bottom{margin-top:0;max-width:650px}
body[data-theme="2"] .stories.compact .story-bottom .button{margin-left:0}
body[data-theme="2"] .impact{background:var(--blue);color:white}
body[data-theme="2"] .impact .eyebrow,body[data-theme="2"] .impact-main>strong,body[data-theme="2"] .impact-main>strong span{color:white}
body[data-theme="2"] .impact .demo-note{color:#e0f0f9}
body[data-theme="2"] .impact-numbers dl{border-color:#73bfe3}
body[data-theme="2"] .impact-numbers dl>div{border-color:#73bfe3}
body[data-theme="2"] .closing .scene{object-position:center}

body[data-theme="3"] .hero-content{top:22%;bottom:auto;left:7%;max-width:78%}
body[data-theme="3"] .hero h1{font-size:64px}
body[data-theme="3"] .hero-shade{background:linear-gradient(180deg,rgb(255 255 255 / .4),transparent 62%)}
body[data-theme="3"] .hero .button-outline{background:rgb(255 255 255 / .65)}
body[data-theme="3"] .resource-grid{grid-template-columns:1.25fr 1fr 1fr}
body[data-theme="3"] .resource-media{aspect-ratio:1.25;border-radius:0}
body[data-theme="3"] .resource-card:first-child .resource-media{aspect-ratio:1.56}
body[data-theme="3"] .resource-type{left:0;top:0;border-radius:0}
body[data-theme="3"] .need{background:#eef3f4}
body[data-theme="3"] .process-photo>img{object-position:center 65%}
body[data-theme="3"] .impact{background:#fff}
body[data-theme="3"] .impact-main>strong{color:#177da6}

body[data-theme="4"] .hero-content{top:29%;bottom:auto;max-width:70%}
body[data-theme="4"] .hero-shade{background:linear-gradient(90deg,rgb(13 31 37 / .65),rgb(13 31 37 / .05) 82%)}
body[data-theme="4"] .hero .button-outline{border-color:rgb(255 255 255 / .6)}
body[data-theme="4"] .resource-media{border-radius:0}
body[data-theme="4"] .resource-card{border-bottom:2px solid var(--line);padding-bottom:20px}
body[data-theme="4"] .need{background:var(--blue);color:#fff}
body[data-theme="4"] .need .eyebrow,body[data-theme="4"] .need .section-sub,body[data-theme="4"] .need .demo-note{color:#e8f6ff}
body[data-theme="4"] .need-list{border:0;display:grid;gap:12px}
body[data-theme="4"] .need-row{background:white;color:var(--navy);padding:18px 24px;border:0;min-height:148px}
body[data-theme="4"] .need .section-tail .button{background:var(--lime);color:var(--navy)}
body[data-theme="4"] .impact{background:white}
body[data-theme="4"] .impact-numbers{grid-template-columns:1fr;gap:48px}
body[data-theme="4"] .impact-main{display:flex;align-items:flex-end;gap:40px}
body[data-theme="4"] .impact-main>strong{font-size:110px}
body[data-theme="4"] .impact-main>p{padding-bottom:18px}
body[data-theme="4"] .impact-numbers dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
body[data-theme="4"] .impact-numbers dl>div{display:block}
body[data-theme="4"] .impact-numbers dd{color:var(--blue);margin-top:24px}

body[data-theme="5"] .hero-content{top:22%;bottom:auto;left:7%;max-width:52%}
body[data-theme="5"] .hero-wordmark{font-size:104px;margin-bottom:22px}
body[data-theme="5"] .hero h1{font-size:48px;line-height:1.4}
body[data-theme="5"] .hero .button{min-width:210px;min-height:64px;font-size:20px}
body[data-theme="5"] .hero .button-outline{border:0}
body[data-theme="5"] .hero-shade{background:linear-gradient(90deg,rgb(255 255 255 / .45),transparent 72%)}
body[data-theme="5"] .need{background:#eef2f7}
body[data-theme="5"] .resource-media{border-radius:0;aspect-ratio:1.42}
body[data-theme="5"] .resource-open{background:white;color:var(--blue);border-radius:0;opacity:1}
body[data-theme="5"] .resource-card h3{font-size:23px}
body[data-theme="5"] .resource-info{border-top:0;padding-top:0}
body[data-theme="5"] .impact{background:var(--navy);color:white}
body[data-theme="5"] .impact .eyebrow{color:var(--lime)}
body[data-theme="5"] .impact-numbers{grid-template-columns:1fr;gap:32px;margin:40px 0}
body[data-theme="5"] .impact-main{display:flex;align-items:center;gap:40px}
body[data-theme="5"] .impact-main>strong{font-size:100px;color:white}
body[data-theme="5"] .impact-main>p{margin:0}
body[data-theme="5"] .impact-numbers dl{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:0}
body[data-theme="5"] .impact-numbers dl>div{display:block;border-top:1px solid #496072;border-bottom:0}
body[data-theme="5"] .impact-numbers dd{margin-top:25px}
body[data-theme="5"] .impact .demo-note{color:#c5d8e4}
body[data-theme="5"] .site-footer{background:white;color:var(--navy);border-top:1px solid var(--line)}
body[data-theme="5"] .footer-top nav a:nth-child(2){color:var(--blue)}
body[data-theme="5"] .footer-bottom,body[data-theme="5"] .footer-bottom a{color:var(--muted);border-color:var(--line)}
body[data-theme="5"] .footer-top>p{color:var(--muted)}

.editorial.stories{background:white;color:var(--navy)}
.editorial .story-inner{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;min-height:0;gap:22px}
.editorial-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}
.editorial-photo{height:42dvh;min-height:220px;max-height:760px;object-position:center;border-radius:0}
.editorial .story-title{font-size:28px;margin:0;max-width:none}
.editorial .story-title br{display:none}
.editorial .story-description{font-size:17px;margin:14px 0 0}
.editorial .story-bottom{margin-top:0;max-width:none;align-items:center;gap:32px}
.editorial .story-stats{gap:40px}
.editorial .story-stats dt{color:var(--muted);margin-bottom:5px;font-size:12px}
.editorial .story-stats dd{font-size:14px}
.editorial .story-stats strong{font-size:30px}
.editorial .story-bottom .demo-note{color:var(--muted)}
.photo-process .process-steps{gap:24px}
.photo-process .process-steps:before{top:calc(18dvh + 39px)}
.photo-process .process-steps>li>img{height:18dvh;min-height:150px;max-height:370px;margin-bottom:28px;border-radius:0}
.photo-process .step-number{font-size:40px;position:static}
.photo-process .process-steps svg{display:none}
.photo-process .process-steps h3{margin-top:16px}
body[data-theme="3"] .compact .resource-media{aspect-ratio:1.95}
body[data-theme="3"] .compact .resource-card:first-child .resource-media{aspect-ratio:2.43}
body[data-theme="5"] .compact .resource-media{aspect-ratio:1.9}

@media(min-width:2400px){
  body[data-theme="2"] .hero-wordmark{font-size:200px}
  body[data-theme="2"] .hero h1{font-size:72px}
  body[data-theme="2"] .hero .button{min-width:290px;min-height:88px;font-size:28px}
  body[data-theme="2"] .hero-content{top:27%}
  body[data-theme="2"] .need-row>img{height:230px}
  body[data-theme="2"] .need-copy h3{font-size:30px}
  body[data-theme="2"] .story-title{font-size:54px;max-width:760px}
  body[data-theme="2"] .story-description{max-width:720px}
  body[data-theme="2"] .story-bottom{max-width:900px}
  body[data-theme="3"] .hero h1{font-size:96px}
  body[data-theme="4"] .impact-main>strong{font-size:170px}
  body[data-theme="5"] .hero-wordmark{font-size:150px}
  body[data-theme="5"] .hero h1{font-size:76px}
  body[data-theme="5"] .hero .button{min-width:300px;min-height:84px;font-size:27px}
  body[data-theme="5"] .resource-card h3{font-size:30px}
  .editorial .story-title{font-size:38px}
  .editorial .story-description{font-size:23px}
  .editorial .story-stats strong{font-size:42px}
}
@media(max-width:1599px){
  body[data-theme="2"] .hero-wordmark{font-size:110px}
  body[data-theme="2"] .hero h1{font-size:38px}
  body[data-theme="2"] .hero .button{min-width:170px;min-height:60px;font-size:18px;padding:0 24px}
  body[data-theme="2"] .hero-content{max-width:46%}
  body[data-theme="2"] .need-row{padding:22px;gap:18px}
  body[data-theme="2"] .need-copy h3{font-size:21px}
  body[data-theme="2"] .story-title{font-size:34px;max-width:440px}
  body[data-theme="2"] .story-description{max-width:410px}
  body[data-theme="2"] .story-inner{gap:34px}
  body[data-theme="2"] .story-bottom{max-width:560px}
  body[data-theme="3"] .hero h1{font-size:54px}
  body[data-theme="5"] .hero-wordmark{font-size:88px}
  body[data-theme="5"] .hero h1{font-size:38px}
  body[data-theme="5"] .hero .button{min-width:185px;font-size:18px}
  .editorial .story-title{font-size:24px}
  .editorial .story-description{font-size:15px}
  .editorial .story-inner{gap:18px}
  .editorial .story-bottom{gap:20px}
  body[data-theme="4"] .need-row{min-height:118px}
  body[data-theme="4"] .need-row>img{height:92px}
}
@media(max-width:1279px){
  body[data-theme="2"] .hero-wordmark{font-size:94px}
  body[data-theme="2"] .hero h1{font-size:32px}
  body[data-theme="2"] .hero .button{min-width:155px;padding-inline:18px;font-size:17px}
  body[data-theme="2"] .need-copy h3{font-size:19px}
  body[data-theme="2"] .need-row{padding:18px}
  body[data-theme="3"] .hero h1{font-size:46px}
  body[data-theme="5"] .hero-wordmark{font-size:80px}
  body[data-theme="5"] .hero h1{font-size:32px}
  body[data-theme="5"] .hero .button{min-width:160px;font-size:17px}
  .editorial .story-stats{gap:24px}
  .editorial .story-stats strong{font-size:25px}
}
@media(max-width:1023px){
  body[data-theme="2"] .hero-content,body[data-theme="5"] .hero-content{max-width:65%;top:22%}
  body[data-theme="2"] .hero-wordmark{font-size:88px}
  body[data-theme="2"] .hero h1{font-size:32px}
  body[data-theme="2"] .hero-shade{background:linear-gradient(90deg,white,transparent)}
  body[data-theme="2"] .need-list{grid-template-columns:1fr}
  body[data-theme="2"] .need-row{display:grid;grid-template-columns:150px 1fr auto;gap:20px}
  body[data-theme="2"] .need-row>img{height:130px}
  body[data-theme="2"] .need-copy{width:auto}
  body[data-theme="2"] .need-quantity{margin:0}
  body[data-theme="3"] .resource-grid{grid-template-columns:1fr 1fr}
  body[data-theme="3"] .resource-card:first-child .resource-media{aspect-ratio:1.25}
  body[data-theme="3"] .compact .resource-card:first-child .resource-media{aspect-ratio:1.95}
  .photo-process .process-steps{grid-template-columns:repeat(3,1fr);row-gap:36px}
  .photo-process .process-steps:before{display:none}
  .photo-process .process-steps>li>img{height:150px}
  .editorial .story-stats{width:auto}
  .editorial .story-bottom .demo-note{width:100%}
}
@media(max-width:767px){
  body[data-theme="2"] .hero-content,body[data-theme="5"] .hero-content{top:128px;left:24px;right:24px;bottom:auto;max-width:none}
  body[data-theme="2"] .hero-wordmark,body[data-theme="5"] .hero-wordmark{font-size:70px;margin-bottom:20px}
  body[data-theme="2"] .hero h1,body[data-theme="5"] .hero h1{font-size:30px;line-height:1.4;margin-bottom:24px}
  body[data-theme="2"] .hero .button,body[data-theme="5"] .hero .button{min-width:0;min-height:56px;font-size:16px;padding:0 16px}
  body[data-theme="2"] .hero .hero-photo{top:auto;bottom:30px;height:43%;object-fit:cover;object-position:right center;width:100%}
  body[data-theme="2"] .hero-shade{display:none}
  body[data-theme="5"] .hero .hero-photo{top:auto;height:60%;object-position:70% center}
  body[data-theme="5"] .hero-shade{background:linear-gradient(180deg,white 26%,rgb(255 255 255 / .9) 38%,transparent 62%)}
  body[data-theme="3"] .hero-content{top:155px;left:24px;right:24px;bottom:auto;max-width:none}
  body[data-theme="3"] .hero h1{font-size:34px}
  body[data-theme="3"] .hero-photo{object-position:58% center}
  body[data-theme="3"] .hero-shade{background:linear-gradient(180deg,rgb(255 255 255 / .7),rgb(255 255 255 / .7) 42%,transparent 70%)}
  body[data-theme="4"] .hero-content{top:auto;bottom:110px;max-width:none}
  body[data-theme="4"] .hero-shade{background:linear-gradient(180deg,rgb(0 18 28 / .25),rgb(0 18 28 / .15) 25%,rgb(0 18 28 / .72))}
  body[data-theme="2"] .need-row{grid-template-columns:90px 1fr;gap:16px;padding:18px}
  body[data-theme="2"] .need-row>img{height:100px}
  body[data-theme="2"] .need-copy h3{font-size:18px}
  body[data-theme="2"] .need-quantity{grid-column:2;align-items:center}
  body[data-theme="2"] .story-inner{min-height:660px;justify-content:flex-start;gap:28px}
  body[data-theme="2"] .story-title{font-size:28px;margin-top:24px}
  body[data-theme="2"] .story-description{max-width:none}
  body[data-theme="2"] .stories .scene{height:52%;top:29%;object-position:right}
  body[data-theme="2"] .story-shade{display:none}
  body[data-theme="2"] .story-bottom{margin-top:auto;gap:20px}
  body[data-theme="2"] .story-stats{gap:22px}
  body[data-theme="2"] .closing .scene{height:55%;top:auto;bottom:0;object-position:right}
  body[data-theme="2"] .closing-shade{background:linear-gradient(180deg,white 20%,rgb(255 255 255 / .9) 40%,transparent 80%)}
  body[data-theme="3"] .resource-grid{grid-template-columns:1fr}
  body[data-theme="3"] .resource-card:first-child .resource-media{aspect-ratio:1.5}
  body[data-theme="4"] .need-row{padding:18px;min-height:0}
  body[data-theme="4"] .need-copy{width:calc(100% - 106px)}
  body[data-theme="4"] .impact-main{display:block}
  body[data-theme="4"] .impact-main>strong{font-size:84px}
  body[data-theme="4"] .impact-numbers dl,body[data-theme="5"] .impact-numbers dl{grid-template-columns:1fr;gap:0}
  body[data-theme="4"] .impact-numbers dl>div,body[data-theme="5"] .impact-numbers dl>div{display:flex}
  body[data-theme="4"] .impact-numbers dd,body[data-theme="5"] .impact-numbers dd{margin:0}
  .editorial.stories{min-height:0}
  .editorial-heading{align-items:flex-start}
  .editorial-heading .text-link{font-size:12px;gap:6px;white-space:normal;max-width:72px}
  .editorial-heading .text-link svg{width:18px}
  .editorial-photo{height:260px;min-height:0;object-position:center}
  .editorial .story-title{font-size:23px;line-height:1.5}
  .editorial .story-title br{display:block}
  .editorial .story-description{font-size:15px}
  .editorial .story-inner{min-height:0;gap:24px}
  .editorial .story-bottom{gap:24px;margin:0}
  .editorial .story-stats{width:100%;gap:16px}
  .editorial .story-stats strong{font-size:28px}
  .photo-process .process-steps{grid-template-columns:1fr;gap:24px}
  .photo-process .process-steps li{padding:0 0 24px 62px;min-height:160px}
  .photo-process .process-steps>li>img{height:145px;margin:0 0 18px;min-height:0}
  .photo-process .step-number{position:absolute;top:0;left:0;font-size:34px}
  .photo-process .process-steps h3{margin:0 0 10px}
  .light-closing .closing-shade{background:linear-gradient(90deg,rgb(255 255 255 / .94),rgb(255 255 255 / .7) 60%,rgb(255 255 255 / .15))}
}
@media(max-height:800px) and (min-width:1024px){
  body[data-theme="2"] .hero-content,body[data-theme="5"] .hero-content{top:22%}
  body[data-theme="2"] .hero-wordmark{font-size:90px;margin-bottom:18px}
  body[data-theme="2"] .hero h1{font-size:32px}
  body[data-theme="5"] .hero-wordmark{font-size:76px;margin-bottom:18px}
  body[data-theme="5"] .hero h1{font-size:32px}
  body[data-theme="3"] .hero h1{font-size:46px}
  body[data-theme="2"] .need-row>img{height:120px}
  body[data-theme="2"] .need-copy h3{font-size:18px}
  body[data-theme="2"] .need-row{padding:18px;gap:14px}
  body[data-theme="2"] .need-copy p{font-size:12px}
  body[data-theme="4"] .need-row{padding:14px 18px;min-height:104px}
  body[data-theme="4"] .need-row>img{height:80px}
  body[data-theme="4"] .need-copy h3{font-size:18px;margin:8px 0}
  body[data-theme="4"] .need-copy p{font-size:12px}
  .editorial-photo{height:25dvh;min-height:170px}
  .editorial .story-inner{gap:14px}
  .editorial .story-title{font-size:22px}
  .editorial .story-description{margin-top:8px}
  .photo-process .process-steps>li>img{height:145px;min-height:0}
  body[data-theme="3"] .compact .resource-media{aspect-ratio:2.4}
  body[data-theme="3"] .compact .resource-card:first-child .resource-media{aspect-ratio:3}
  body[data-theme="5"] .compact .resource-media{aspect-ratio:2.3}
}
@media(max-width:359px){
  body[data-theme="2"] .hero h1,body[data-theme="5"] .hero h1{font-size:26px}
  body[data-theme="3"] .hero h1{font-size:30px}
}