/* Four-section visual experiment. The immutable base is unchanged.
   Native CSS + isolated React, inspired by image-card/accordion patterns.
   Hover emphasizes imagery only; essential text remains fully legible. */
.hero-portrait{height:min(700px,calc(100svh - 80px));min-height:590px}
.hero-portrait .hero-image{object-position:center 35%;opacity:.94}
.hero-portrait .hero-shade{background:linear-gradient(90deg,#17263770,transparent 68%),linear-gradient(0deg,#1e2a3990,transparent 30%)}
.hero-portrait .hero-content{position:relative;z-index:1}.hero-portrait h1{font-size:clamp(40px,4.5vw,65px)}
.hero-portrait .hero-description{max-width:46%;font-size:17px}.hero-portrait .actions{max-width:54%;flex-wrap:wrap;gap:18px 24px}.hero-portrait .text-link{font-size:13px}
.portrait-note{position:absolute;bottom:20px;right:36px;color:#d1ddec;font-size:11px;background:#1e2a39b8;padding:5px 10px;border-radius:3px;z-index:1}
.context-strip.brand-band{background:#3d5ca8;color:#f4f8fc;gap:0;padding-block:0;border-top:1px solid #7899d3;border-bottom:1px solid #304d91;box-shadow:0 12px 30px #243f7220}
.brand-band>a{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:8px;padding:32px 30px;min-height:166px;transition:background .25s}
.brand-band>a:first-child{padding-left:0}.brand-band>a:last-child{padding-right:0}.brand-band>a+a{border-left:1px solid #b7d1f247}.brand-band>a>span:first-child{font-size:13px;color:#d6e4fa}.brand-band strong{font-size:21px;color:#fff;font-weight:500;letter-spacing:-.025em;line-height:1.25}.brand-band .band-link{font-size:11px;color:#e0eafe;margin-top:5px;transition:transform .25s}.brand-band>a:hover .band-link{transform:translateX(4px)}.brand-band>a:focus-visible{outline-color:#fff;outline-offset:-6px}
.intro{display:block}.intro-heading{max-width:830px;margin-bottom:42px}.intro-heading h2{font-size:clamp(34px,3.5vw,49px)}.intro-heading h2 span,.approach h2 span{color:#3d5ca8}.intro-heading .lead{font-size:20px;line-height:1.5;color:#43536a;max-width:650px;margin-top:23px}
.clarity-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:stretch}.clarity-photo{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:490px;background:#243344;box-shadow:0 18px 40px #243f7220}.clarity-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:-2}.clarity-photo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 40%,#152638ec)}.clarity-photo figcaption{position:absolute;bottom:32px;left:30px;right:30px;color:#f4f8fc;display:grid;gap:12px}.clarity-photo figcaption span{font-size:12px;color:#cddff6}.clarity-photo figcaption strong{font-size:32px;line-height:1.08;letter-spacing:-.035em;font-weight:500}.clarity-context{font-size:16px;color:#43536a;line-height:1.7;margin-bottom:24px}.clarity-item{border-top:1px solid #cbd6e4}.clarity-item:last-child{border-bottom:1px solid #cbd6e4}.clarity-item h3{margin:0}.clarity-item h3 button{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;background:transparent;text-align:left;color:#1e2a39;font-size:21px;letter-spacing:-.025em}.clarity-item h3 button svg{flex-shrink:0;color:#3d5ca8}.clarity-item[data-active=true] h3 button{color:#3d5ca8}.clarity-item [role=region]{padding:0 28px 24px 0}.clarity-item h4{font-size:14px;color:#3d5ca8;margin:0 0 8px;font-weight:600}.clarity-item [role=region] p{font-size:15px;line-height:1.7;color:#43536a}.clarity-closing{font-size:13px;line-height:1.7;margin-top:25px}.clarity-copy>.text-link{margin-top:13px}
.delivery-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:28px;align-items:start}.delivery-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.delivery-choice{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;text-align:left;overflow:hidden;border:1px solid #c4d2e4;border-radius:12px;background:#e8eef7;color:#1e2a39;box-shadow:0 5px 15px #233f7010;transition:transform .3s,border-color .3s,box-shadow .3s}.delivery-thumb{height:106px;width:100%;overflow:hidden;background:#243344}.delivery-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.78);transition:transform .6s var(--ease),filter .3s}.delivery-choice-text{display:grid;gap:7px;padding:15px 25px 17px 16px}.delivery-choice strong{font-size:18px;line-height:1.2;font-weight:600;letter-spacing:-.025em}.delivery-choice-text>span{font-size:11px;line-height:1.5;color:#4a5b70}.delivery-chevron{position:absolute;right:10px;bottom:20px;color:#3d5ca8;opacity:0;transition:opacity .25s,transform .25s}.delivery-choice[aria-selected=true]{background:#fff;border-color:#3d5ca8;box-shadow:0 8px 24px #3d5ca826}.delivery-choice[aria-selected=true] .delivery-thumb img{filter:saturate(1) brightness(1)}.delivery-choice[aria-selected=true] .delivery-chevron{opacity:1;transform:translateX(2px)}
@media(hover:hover){.delivery-choice:hover{transform:translateY(-4px);border-color:#3d5ca8;box-shadow:0 12px 24px #3d5ca826}.delivery-choice:hover .delivery-thumb img{transform:scale(1.07);filter:saturate(1) brightness(1)}.delivery-choices:has(.delivery-choice:hover) .delivery-choice:not(:hover):not([aria-selected=true]) .delivery-thumb img{filter:saturate(.3) brightness(.55)}}
.delivery-panel{overflow:hidden;border:1px solid #c4d2e4;border-radius:12px;background:#fff;box-shadow:0 16px 40px #233f7017;min-height:580px;display:flex;flex-direction:column}.delivery-photo{height:210px;overflow:hidden;background:#243344}.delivery-photo img{width:100%;height:100%;object-fit:cover}.delivery-body{padding:28px 30px 10px}.delivery-body h3{font-size:28px;line-height:1.12;max-width:420px;margin-bottom:18px}.delivery-body>p{font-size:15px;line-height:1.75;color:#43536a}.delivery-output{background:#edf3fc;border-left:3px solid #3d5ca8;padding:18px 20px;margin-top:25px}.delivery-output>span{font-size:11px;font-weight:600;color:#3d5ca8}.delivery-output p{font-size:14px;color:#43536a;line-height:1.65;margin-top:8px}.delivery-next{align-self:flex-start;display:inline-flex;align-items:center;gap:20px;min-height:44px;background:transparent;color:#3d5ca8;font-size:13px;margin:8px 30px 18px;padding:0}
@media(prefers-reduced-motion:no-preference){.clarity-photo img,.clarity-item [role=region],.delivery-panel-content{animation:profile-enter .4s var(--ease)}@keyframes profile-enter{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.clarity-grid{gap:35px}.delivery-layout{gap:22px}.delivery-choice strong{font-size:17px}.delivery-choice-text{padding-left:13px}.delivery-body{padding:25px 24px 10px}.delivery-body h3{font-size:26px}.delivery-next{margin-inline:24px}.brand-band>a{padding-inline:22px}.brand-band strong{font-size:19px}}
@media(max-width:850px){.hero-portrait{min-height:560px;height:590px}.hero-portrait .hero-description{max-width:48%}.hero-portrait h1{font-size:41px}.hero-portrait .actions{max-width:49%}.clarity-grid{grid-template-columns:.85fr 1.15fr;gap:28px}.clarity-photo{min-height:480px}.clarity-photo figcaption{left:24px;right:24px}.clarity-photo figcaption strong{font-size:27px}.clarity-item h3 button{font-size:19px}.delivery-layout{grid-template-columns:1fr}.delivery-choices{grid-template-columns:repeat(3,1fr)}.delivery-thumb{height:105px}.delivery-panel{min-height:0}.delivery-panel-content{display:grid;grid-template-columns:.8fr 1.2fr}.delivery-photo{height:100%;min-height:300px}.delivery-body{padding:28px}.delivery-next{margin-left:auto;margin-right:28px}.brand-band>a{padding-inline:17px}.brand-band strong{font-size:17px}.brand-band>a>span:first-child{font-size:11px}.brand-band .band-link{font-size:10px}}
@media(max-width:600px){.hero-portrait{height:auto;min-height:0;align-items:flex-end}.hero-portrait .hero-image{height:375px;object-position:80% top;opacity:1}.hero-portrait .hero-shade{background:linear-gradient(0deg,#1e2a39 0%,#1e2a39 35%,transparent 68%)}.hero-portrait .hero-content{padding-top:345px;padding-bottom:38px}.hero-portrait h1{font-size:clamp(32px,9.3vw,48px)}.hero-portrait .hero-description{max-width:100%;font-size:15px;margin-top:20px}.hero-portrait .actions{max-width:100%;gap:10px 18px;margin-top:24px}.hero-portrait .eyebrow{margin-bottom:17px}.hero-portrait .text-link{font-size:12px}.portrait-note{top:300px;bottom:auto;right:20px;font-size:10px}.context-strip.brand-band{grid-template-columns:1fr;padding-inline:20px}.brand-band>a,.brand-band>a:first-child,.brand-band>a:last-child{padding:23px 0;min-height:0;gap:7px}.brand-band>a+a{border-left:0;border-top:1px solid #b7d1f247}.brand-band strong{font-size:22px}.brand-band>a>span:first-child{font-size:12px}.brand-band .band-link{font-size:11px}.intro-heading{margin-bottom:30px}.intro-heading h2{font-size:32px}.intro-heading .lead{font-size:18px}.clarity-grid{grid-template-columns:1fr;gap:28px}.clarity-photo{min-height:290px}.clarity-photo figcaption{bottom:24px}.clarity-photo figcaption strong{font-size:30px}.clarity-context{font-size:14px}.clarity-item [role=region] p{font-size:14px}.clarity-item h3 button{font-size:20px}.delivery-choices{grid-template-columns:repeat(2,1fr);gap:10px}.delivery-thumb{height:88px}.delivery-choice strong{font-size:16px}.delivery-choice-text{padding:13px 12px;gap:5px}.delivery-choice-text>span{font-size:10px}.delivery-chevron{display:none}.delivery-panel-content{display:block}.delivery-photo{height:210px;min-height:0}.delivery-body{padding:24px}.delivery-body h3{font-size:25px}.delivery-body>p{font-size:14px}.delivery-next{margin-inline:24px}.delivery-output{padding:16px}.delivery-output p{font-size:13px}}
@media(max-width:600px){.hero-portrait .hero-image{mask-image:linear-gradient(#000 65%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.hero-portrait *,#intro-root *,#approach-root *, .brand-band *{transition:none!important;animation:none!important}}

/* Refinement: quieter brand band, clear controls, standalone approach cards. */
.context-strip.brand-band{background:#30445c;border-top-color:#637c9a;border-bottom-color:#263a51;box-shadow:none}
.brand-band>a{min-height:190px;gap:12px}.brand-band>a>span:first-child{color:#b7d1f2;font-size:13px;font-weight:500}.brand-band strong{font-size:clamp(22px,2.1vw,29px);font-weight:650;line-height:1.16;letter-spacing:-.035em;color:#f4f8fc}.brand-band .band-link{color:#d9e5f4;font-size:11px;margin-top:8px}.brand-band>a+a{border-left-color:#8aa2bd45}
.clarity-accordion{display:grid;gap:12px}.clarity-item,.clarity-item:last-child{background:#fff;border:1px solid #b6c8df;border-radius:10px;box-shadow:0 5px 16px #243f7210;overflow:hidden;transition:border-color .25s,box-shadow .25s}.clarity-item h3 button{padding:21px 22px;font-size:21px;font-weight:600;min-height:76px}.clarity-item h3 button svg{width:32px;height:32px;padding:6px;border-radius:50%;background:#e4ecf8;color:#3d5ca8}.clarity-item[data-active=true]{border-color:#3d5ca8;box-shadow:0 8px 22px #243f721a}.clarity-item[data-active=true] h3 button{background:#30445c;color:#f4f8fc}.clarity-item[data-active=true] h3 button svg{background:#b7d1f2;color:#1e2a39}.clarity-item [role=region]{padding:20px 22px 24px}.clarity-item h4{font-size:15px}.clarity-item h3 button:focus-visible{outline-offset:-5px}.clarity-photo{min-height:560px}
@media(hover:hover){.clarity-item:not([data-active=true]):hover{border-color:#3d5ca8;box-shadow:0 7px 18px #243f7225}.clarity-item:not([data-active=true]) h3 button:hover{background:#eaf1fb}}
.approach-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.approach-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:12px;border:1px solid #bacbe0;background:#fff;text-align:left;box-shadow:0 10px 28px #233f7015;transition:transform .3s,border-color .3s,box-shadow .3s}.approach-card-photo{height:190px;width:100%;overflow:hidden;background:#243344}.approach-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .3s}.approach-card-copy{display:grid;gap:12px;padding:24px;color:#1e2a39}.approach-card-copy>strong{font-size:25px;line-height:1.12;letter-spacing:-.035em;font-weight:600}.approach-card-copy>span:not(.approach-card-link){font-size:14px;color:#4a5b70;line-height:1.5}.approach-card-link{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:17px;margin-top:4px;border-top:1px solid #d8e2ef;color:#3d5ca8;font-size:12px;font-weight:600}.approach-card:focus-visible{outline:3px solid #3d5ca8;outline-offset:5px}
@media(hover:hover){.approach-card:hover{transform:translateY(-6px);border-color:#3d5ca8;box-shadow:0 18px 35px #233f702b}.approach-card:hover img{transform:scale(1.06)}.approach-card-grid:has(.approach-card:hover) .approach-card:not(:hover) img{filter:brightness(.72) saturate(.65)}}
.approach-dialog .cf-dialog-layout{min-height:510px}.approach-dialog .cf-dialog-copy{display:flex;flex-direction:column;justify-content:center}.approach-dialog .cf-return{align-self:flex-start}
.contact-form-panel{padding:30px;background:#fff;border:1px solid #bacbe0;border-radius:12px;box-shadow:0 14px 35px #233f7015}.contact-form-panel>h3{font-size:24px;margin-bottom:28px}.contact-form-panel form{padding:0}.contact-copy{padding-top:14px}
@media(max-width:1000px){.approach-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.approach-card-photo{height:180px}.brand-band strong{font-size:23px}}
@media(max-width:600px){.brand-band>a{min-height:0;padding-block:27px}.brand-band strong{font-size:26px}.brand-band>a+a{border-top-color:#8aa2bd45}.clarity-photo{min-height:290px}.clarity-item h3 button{padding:18px 16px;font-size:18px;gap:10px}.clarity-item h3 button svg{flex-shrink:0}.clarity-item [role=region]{padding:18px 16px 22px}.approach-card-grid{grid-template-columns:1fr;gap:20px}.approach-card-photo{height:190px}.approach-card-copy{padding:22px}.approach-card-copy>strong{font-size:26px}.approach-dialog .cf-dialog-layout{min-height:0}.contact-form-panel{padding:22px 18px}.contact-form-panel>h3{font-size:22px}.contact-copy{padding-top:0}}