.story-band{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr) 17%;align-items:center;background:var(--cream);position:relative;isolation:isolate}
.story-band>img{width:100%;height:100%;min-height:390px;max-height:540px;object-fit:cover;align-self:stretch}
.story-copy{padding:clamp(30px,3.5vw,68px);padding-right:clamp(20px,2vw,40px);min-width:0}
.story-copy .eyebrow{font-size:15px;letter-spacing:1.4px;margin-bottom:16px}
.story-copy h2{font-size:clamp(30px,2.5vw,42px);line-height:1.15;margin-bottom:20px}
.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:640px;margin-bottom:22px}
.story-copy .text-link{font-size:15px;line-height:1.5;display:inline-flex;gap:10px;align-items:center}
.story-note{justify-self:center;max-width:90%;width:240px;padding:36px 20px 26px;transform:rotate(-9deg);color:#17324f;background:linear-gradient(140deg,#e7edf4e6,#edf1f6);border-radius:36% 28% 35% 14%;font:italic clamp(21px,1.6vw,26px)/1.28 Georgia,serif}
.story-note svg{width:100%;height:20px;display:block;margin-top:12px;color:#9d3440}
.color-band{position:relative;isolation:isolate;color:#fff;background:#17324f;overflow:hidden}
.color-band:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#102b47f5 8%,#17324fe6 55%,#17324fa8),var(--band-photo) center 55%/cover no-repeat}
.color-band:after{content:'';position:absolute;inset:14px;border:1px solid #c2cfdf3d;border-radius:2px;z-index:-1;pointer-events:none}
.color-band-inner{padding-block:clamp(56px,5.5vw,88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,28%);gap:clamp(40px,8vw,130px);align-items:center}
.color-band .eyebrow{color:#e5edf7;font-size:15px;letter-spacing:1.6px}
.color-band h2{color:white;font-size:clamp(32px,3vw,46px);line-height:1.14;max-width:720px;margin-bottom:22px}
.color-band p:not(.eyebrow,.color-signature){font-size:16px;line-height:1.8;max-width:690px;margin-bottom:26px}
.color-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.color-actions>a:not(.btn){color:#fff;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.inner-page .color-actions>a:not(.btn):hover{color:#eef3f8}
.color-band .btn-light{color:var(--ink)}
.color-band .btn-light:hover{color:var(--ink);background:var(--sand)}
.color-signature{font:italic clamp(27px,2.6vw,40px)/1.3 Georgia,serif;color:#e5edf7;transform:rotate(-6deg);margin:0;max-width:300px}
.color-signature svg{width:100%;max-width:220px;height:24px;display:block;margin-top:12px;opacity:.7}
@media(min-width:1800px){.story-band{grid-template-columns:minmax(0,42%) minmax(0,41%) minmax(0,17%)}.story-copy{padding-left:56px;padding-right:24px}.story-band>img{min-height:440px;max-height:480px}.story-note{justify-self:center;margin-left:0}}
@media(max-width:1100px){.story-band{grid-template-columns:minmax(0,43%) minmax(0,1fr)}.story-copy{padding:36px 7%}.story-note{position:absolute;left:24px;bottom:24px;width:auto;max-width:210px;padding:16px 24px;font-size:22px;box-shadow:0 5px 20px #17324f12}.story-note svg{display:none}.story-band>img{max-height:none;min-height:430px}.color-band-inner{gap:40px;grid-template-columns:minmax(0,1fr) 24%}}
@media(max-width:760px){.story-band{display:block}.story-band>img{height:auto;aspect-ratio:3/2;min-height:0;max-height:420px}.story-copy{padding:34px 5% 38px}.story-copy h2{font-size:32px}.story-copy>p:not(.eyebrow){font-size:15px}.story-note{position:relative;inset:auto;max-width:none;width:max-content;max-width:85%;margin:-14px 7% 35px auto;transform:rotate(-5deg);font-size:23px;padding:20px 28px}.color-band-inner{padding-block:52px;grid-template-columns:1fr;gap:36px}.color-band h2{font-size:34px}.color-band p:not(.eyebrow,.color-signature){font-size:15px}.color-signature{font-size:28px;justify-self:end;margin:0 8px 8px 0}.color-band:after{inset:9px}.color-actions{align-items:flex-start;flex-direction:column;gap:20px}.color-band .eyebrow{letter-spacing:1.2px}.color-band:before{background:linear-gradient(90deg,#102b47f2,#17324fdf),var(--band-photo) center/cover no-repeat}}
@media(prefers-reduced-motion:no-preference){.story-band>img{transition:filter .35s}.story-band:hover>img{filter:saturate(1.05)}}