.intro.section{padding:75px 0 90px;background:linear-gradient(155deg,#dce9e9 0%,#edf2f0 46%,#e7eeed 100%);position:relative;overflow:hidden}.intro.section:before{content:'';position:absolute;right:-170px;top:20px;width:500px;height:500px;border:1px solid #bdd3d4;border-radius:50%;pointer-events:none}.intro.section .shell{position:relative}.intro.section .section-index{border-color:#b6cccd}.approach-lead{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:center;padding:55px 0 50px}.approach-lead h2{font-size:clamp(42px,4.3vw,68px);line-height:1.08;margin:22px 0 25px;max-width:570px}.approach-lead>div:first-child>p{font-size:16px;line-height:1.8;color:#49646d;max-width:400px}.approach-lead .inline-link{margin-top:25px}.approach-preview{min-width:0;position:relative;max-width:740px;justify-self:end;width:100%;background:#f8f7f0;border:1px solid #9ebbbd;border-radius:8px;box-shadow:22px 24px 0 #bad4d3,0 20px 65px #3b62632a;overflow:hidden;transform:rotate(-1.5deg);transition:transform .3s}.approach-preview:hover{transform:rotate(0deg)}.preview-head{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf0ec;border-bottom:1px solid #cbd6d1;padding:0 13px;font:600 8px var(--font);color:#738985}.preview-head>span:first-child{display:flex;gap:4px}.preview-head i{height:5px;width:5px;border-radius:50%;background:#a5bab7}.preview-page{padding:21px 23px 23px}.preview-nav{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;color:#6a6659}.preview-nav strong{font:700 20px var(--display);letter-spacing:-.065em;color:#34352d}.preview-content{display:grid;grid-template-columns:.78fr 1fr;gap:20px;align-items:center;margin-top:24px;min-width:0}.preview-content>div{min-width:0}.preview-content small{font:700 7px var(--display);letter-spacing:.1em;color:#9a7356}.preview-content h3{font:400 clamp(30px,3.2vw,50px)/1.03 Georgia,serif;letter-spacing:-.04em;color:#373329;margin:16px 0}.preview-content h3 em{font-style:italic;color:#9d7753}.preview-content p{font-size:10px;color:#756c5d;line-height:1.6;max-width:210px}.preview-button{display:inline-block;background:#504735;color:#fff;padding:9px 12px;font-size:8px;margin-top:20px;border-radius:2px}.preview-content img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:50% 50% 2px 2px}.preview-foot{display:flex;justify-content:space-between;gap:12px;background:#e2e9e4;padding:10px 23px;font:700 8px var(--display);letter-spacing:.1em;color:#56716d}.approach-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.approach-points article{display:grid;grid-template-columns:36px 1fr;gap:15px;background:#f7f9f5;border:1px solid #c4d8d8;border-radius:5px;padding:24px 21px;min-width:0}.point-number{color:var(--orange);font:800 12px var(--display)}.approach-points h3{font-size:19px;letter-spacing:-.035em}.approach-points p{font-size:13px;color:#547079;margin-top:9px;line-height:1.65}.approach-disclaimer{font-size:10px;color:#698084;margin-top:21px}.intro.section .eyebrow{font-size:10px}
@media(max-width:1100px){.approach-lead{gap:45px;grid-template-columns:.85fr 1.15fr}.approach-preview{box-shadow:14px 15px 0 #bad4d3,0 15px 55px #3b62632a}.preview-content h3{font-size:3.6vw}.preview-content{gap:14px}.approach-points article{padding:20px 15px;grid-template-columns:25px 1fr;gap:10px}.approach-points h3{font-size:17px}.approach-points p{font-size:12px}}
@media(max-width:800px){.intro.section{padding:65px 0 80px}.approach-lead{grid-template-columns:1fr;gap:35px;padding:35px 0 48px}.approach-lead h2{font-size:51px;margin:20px 0}.approach-lead>div:first-child>p{max-width:600px}.approach-preview{max-width:640px;justify-self:center}.preview-content h3{font-size:clamp(32px,6vw,48px)}.approach-points{grid-template-columns:1fr;gap:10px}.approach-points article{grid-template-columns:36px 1fr;padding:19px}.approach-points h3{font-size:20px}.approach-points p{font-size:13px;margin-top:5px}}
@media(max-width:600px){.intro.section{padding:55px 0 65px}.approach-lead{padding:24px 0 44px;gap:32px}.approach-lead h2{font-size:40px}.approach-lead>div:first-child>p{font-size:14px}.approach-preview{box-shadow:8px 10px 0 #bad4d3;transform:none;border-radius:5px}.approach-preview:hover{transform:none}.preview-head{height:25px;font-size:6px}.preview-page{padding:14px}.preview-nav strong{font-size:15px}.preview-nav>span{font-size:6px}.preview-content{gap:10px;margin-top:14px}.preview-content small{font-size:5px}.preview-content h3{font-size:clamp(24px,6.5vw,35px);margin:10px 0}.preview-content p{font-size:8px}.preview-button{font-size:6px;margin-top:11px;padding:7px 8px}.preview-foot{padding:8px 14px;font-size:6px;gap:5px}.approach-points article{padding:17px 15px}.approach-points h3{font-size:18px}.approach-points p{font-size:12px}.approach-disclaimer{font-size:10px}}
@media(max-width:380px){.preview-content h3{font-size:23px}.preview-content p{font-size:7px}.preview-button{font-size:5px}.preview-foot{font-size:5px}.approach-lead h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.approach-preview:hover{transform:none}}
/* One continuous surface and one separator between the opening and approach. */
.hero-rail{border-bottom:0;padding-bottom:20px}
.intro.section{padding-top:22px;background:linear-gradient(180deg,#e9eef0 0%,#e2eded 46%,#e7eeed 100%)}
.intro.section:before{display:none}
.intro.section .section-index{border-top:0;padding-top:10px;padding-bottom:10px}
.approach-lead{padding-top:30px}
@media(max-width:800px){.intro.section{padding-top:18px}.approach-lead{padding-top:25px}}
@media(max-width:600px){.hero-rail{padding-bottom:16px}.intro.section{padding-top:15px}.intro.section .section-index{padding-top:8px}.approach-lead{padding-top:22px}}