.choice-guide{overflow:hidden;background:#fff}
.choice-guide section[id]{scroll-margin-top:105px}
.choice-guide h1,.choice-guide h2,.choice-guide h3{font-family:var(--display-font),Arial,sans-serif;font-weight:760;letter-spacing:-.025em;line-height:.85;text-transform:uppercase}
.choice-guide h1 em,.choice-guide h2 em{font-style:normal;color:var(--azure)}
.choice-guide .eyebrow{font-size:12px;letter-spacing:.1em}

.choice-guide__hero{display:grid;grid-template-columns:minmax(0,52%) minmax(0,48%);background:var(--navy);color:#fff}
.choice-guide__hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(55px,5vw,95px) clamp(30px,5vw,90px) clamp(65px,5vw,95px) var(--page-gutter)}
.choice-guide__hero .eyebrow{color:#9cdcff}
.choice-guide__hero h1{max-width:850px;margin:35px 0 30px;font-size:clamp(78px,7vw,135px)}
.choice-guide__hero-copy>p:not(.eyebrow){max-width:580px;margin:0;font-size:clamp(18px,1.55vw,24px);line-height:1.48}
.choice-guide__hero-media{position:relative;min-width:0;min-height:610px;margin:0;overflow:hidden;background:#afc8d5}
.choice-guide__hero-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:52% center;transform:scale(1.08);transition:transform 1.35s cubic-bezier(.19,1,.22,1)}
.choice-guide__hero-media.is-visible img{transform:scale(1)}
.choice-guide__hero-media::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(12,30,46,.55));pointer-events:none}
.choice-guide__frame{position:absolute;z-index:1;inset:7%;border:2px solid rgba(255,255,255,.95);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.15s .2s cubic-bezier(.19,1,.22,1)}
.choice-guide__hero-media.is-visible .choice-guide__frame{clip-path:inset(0)}
.choice-guide__frame::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2px solid #fff}
.choice-guide__frame i{position:absolute;top:46%;height:8%;width:3px;background:#fff}.choice-guide__frame i:first-child{left:48%}.choice-guide__frame i:last-child{left:52%}
.choice-guide__hero-media figcaption{position:absolute;z-index:2;bottom:9%;left:10%;right:10%;max-width:480px;font-size:13px;font-weight:700;line-height:1.4}

.choice-guide__button{display:inline-grid;grid-template-columns:minmax(0,1fr) 55px;align-items:stretch;min-height:56px;max-width:100%;margin-top:33px;border:1px solid var(--azure);background:linear-gradient(var(--azure),var(--azure)) left/0 100% no-repeat;color:inherit;font-size:14px;font-weight:750;line-height:1.25;transition:background-size .45s cubic-bezier(.19,1,.22,1),color .3s,transform .3s,box-shadow .3s}
.choice-guide__button{padding-left:20px;column-gap:20px;align-items:center;box-shadow:6px 6px 0 rgba(48,163,220,.22)}
.choice-guide__button>span{display:grid;place-items:center;align-self:stretch;min-height:56px;border-left:1px solid var(--azure);font-size:24px;font-weight:400;transition:transform .3s}
.choice-guide__button:hover,.choice-guide__button:focus-visible{background-size:100% 100%;color:#fff;transform:translate(-3px,-3px);box-shadow:9px 9px 0 rgba(48,163,220,.3)}
.choice-guide__button:hover>span,.choice-guide__button:focus-visible>span{transform:translate(3px,-3px)}
.choice-guide__hero .choice-guide__button,.choice-guide__next .choice-guide__button{border-color:#fff;box-shadow:6px 6px 0 rgba(255,255,255,.18)}
.choice-guide__hero .choice-guide__button>span,.choice-guide__next .choice-guide__button>span{border-color:#fff}
.choice-guide__hero .choice-guide__button:hover,.choice-guide__hero .choice-guide__button:focus-visible,.choice-guide__next .choice-guide__button:hover,.choice-guide__next .choice-guide__button:focus-visible{background:#fff;color:var(--navy);box-shadow:9px 9px 0 rgba(255,255,255,.28)}

.choice-guide__index{display:flex;align-items:center;flex-wrap:wrap;gap:0;padding-inline:var(--page-gutter);border-bottom:1px solid var(--metal);background:#fff}
.choice-guide__index>span{margin-right:auto;padding:21px 24px 21px 0;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.choice-guide__index a{display:flex;align-items:center;gap:20px;min-height:62px;padding:12px 22px;border-left:1px solid var(--metal);font-size:14px;font-weight:700;transition:background .3s,color .3s}
.choice-guide__index a span{color:var(--azure);font-size:20px;font-weight:400}
.choice-guide__index a:hover,.choice-guide__index a:focus-visible{background:var(--navy);color:#fff}.choice-guide__index a:hover span,.choice-guide__index a:focus-visible span{color:#fff}

.choice-guide__criteria{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(45px,7vw,120px);padding:clamp(75px,7vw,115px) var(--page-gutter);background:#f3f9fc;overflow:hidden}
.choice-guide__criteria-heading,.choice-guide__criteria-grid{position:relative;z-index:1}
.choice-guide__criteria-heading .eyebrow{color:#1785bf}
.choice-guide__criteria h2{margin:25px 0 26px;font-size:clamp(79px,8vw,145px)}
.choice-guide__criteria-heading>p:last-child{max-width:600px;margin:0;font-size:clamp(18px,1.6vw,23px);line-height:1.5}
.choice-guide__criteria-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--navy)}
.choice-guide__criteria-grid>div{min-width:0;padding:28px 22px 23px 0;border-bottom:1px solid var(--metal)}
.choice-guide__criteria-grid>div:nth-child(odd){border-right:1px solid var(--metal)}.choice-guide__criteria-grid>div:nth-child(even){padding-left:22px}
.choice-guide__criteria-grid strong{display:block;margin-bottom:13px;font-size:17px;letter-spacing:-.025em}
.choice-guide__criteria-grid p{max-width:280px;margin:0;font-size:15px;line-height:1.55}
.choice-guide__linework{position:absolute;left:-8%;bottom:-55%;width:42vw;height:42vw;max-width:700px;max-height:700px;color:var(--azure);opacity:.08;transform:rotate(-14deg);pointer-events:none}
.choice-guide__linework::before{content:"";position:absolute;inset:0;border:3px solid currentColor;box-shadow:inset 0 0 0 15px #f3f9fc,inset 0 0 0 18px currentColor}
.choice-guide__linework::after{content:"";position:absolute;inset:0 50% 0 auto;border-left:3px solid currentColor}
.choice-guide__linework span:first-child{position:absolute;top:50%;left:0;right:0;border-top:3px solid currentColor}
.choice-guide__linework span:last-child{position:absolute;top:46%;left:49%;height:8%;border-left:7px solid currentColor}

.choice-guide__materials-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.5fr);align-items:end;gap:50px;padding:clamp(78px,7vw,110px) var(--page-gutter) 52px}
.choice-guide__materials-heading .eyebrow{grid-column:1/-1;color:#1785bf}
.choice-guide__materials-heading h2{margin:0;font-size:clamp(85px,9vw,160px)}
.choice-guide__materials-heading>p:last-child{max-width:450px;margin:0 0 5px;font-size:18px;line-height:1.5}
.choice-guide__material{display:grid;grid-template-columns:minmax(0,43%) minmax(0,57%);border-top:1px solid var(--metal);background:#fff}
.choice-guide__material:nth-of-type(even){grid-template-columns:minmax(0,57%) minmax(0,43%);background:var(--glass)}
.choice-guide__material:nth-of-type(even) .choice-guide__material-media{order:2}
.choice-guide__material:nth-of-type(even) .choice-guide__material-copy{order:1}
.choice-guide__material-media{position:relative;min-width:0;min-height:660px;margin:0;overflow:hidden;background:#c9dbe4}
.choice-guide__material-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.19,1,.22,1)}
.choice-guide__material-media:hover img{transform:scale(1.045)}
.choice-guide__material-media>span{position:absolute;inset:7%;border:2px solid rgba(255,255,255,.9);pointer-events:none;clip-path:inset(0 100% 0 0);transition:clip-path 1.05s .18s cubic-bezier(.19,1,.22,1)}
.choice-guide__material-media.is-visible>span{clip-path:inset(0)}
.choice-guide__material-media figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px var(--page-gutter);background:linear-gradient(transparent,rgba(17,39,56,.68));color:#fff;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.choice-guide__material-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(55px,5vw,85px) var(--page-gutter)}
.choice-guide__material-copy .eyebrow{color:#1785bf}
.choice-guide__material h3{max-width:100%;margin:25px 0 24px;font-size:clamp(74px,7vw,125px);overflow-wrap:anywhere}
.choice-guide__material-lead{max-width:720px;margin:0 0 30px;font-size:clamp(18px,1.6vw,23px);line-height:1.48}
.choice-guide__material-facts{display:grid;gap:23px;width:100%;max-width:850px;border-top:2px solid var(--navy);padding-top:18px}
.choice-guide__material-facts h4{margin:0;font-size:12px;font-weight:760;letter-spacing:.09em;text-transform:uppercase}
.choice-guide__material-facts p{margin:0;font-size:15px;line-height:1.5}
.choice-guide__material-context,.choice-guide__material-check{display:grid;grid-template-columns:115px minmax(0,1fr);gap:20px;align-items:start}
.choice-guide__material-context{padding:8px 0 0}.choice-guide__material-context h4{color:#1686bd}
.choice-guide__material-strengths{min-width:0}
.choice-guide__material-strengths h4{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.choice-guide__material-strengths h4::after{content:"";height:1px;flex:1;background:var(--metal)}
.choice-guide__advantage-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.choice-guide__advantage{position:relative;isolation:isolate;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:13px;min-height:92px;padding:16px 13px;border:1px solid #b9d5e3;background:#fff;box-shadow:5px 5px 0 rgba(48,163,220,.12);font-size:14px;font-weight:670;line-height:1.35;overflow:hidden;transition:color .35s,border-color .35s,box-shadow .35s}
.choice-guide__advantage::before{content:"";position:absolute;z-index:0;inset:0;background:var(--azure);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.19,1,.22,1)}
.choice-guide__advantage::after{content:"";position:absolute;z-index:2;top:0;left:0;width:3px;height:100%;background:var(--azure);transform:scaleY(0);transform-origin:top;transition:transform .55s .25s cubic-bezier(.19,1,.22,1)}
.choice-guide__advantage>span{position:relative;z-index:1}
.choice-guide__material-copy.is-visible .choice-guide__advantage::after{transform:scaleY(1)}
.choice-guide__advantage-glyph{position:relative;display:block;width:26px;height:31px;border:2px solid var(--azure);color:var(--azure);transition:border-color .35s,color .35s}
.choice-guide__advantage-glyph::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px solid currentColor}
.choice-guide__advantage-glyph span{position:absolute;left:0;top:8px;width:11px;height:13px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;transition:transform .45s cubic-bezier(.19,1,.22,1)}
@media(hover:hover){
  .choice-guide__advantage:hover{color:#fff;border-color:var(--azure);box-shadow:7px 7px 0 rgba(48,163,220,.27)}
  .choice-guide__advantage:hover::before{transform:scaleX(1)}
  .choice-guide__advantage:hover .choice-guide__advantage-glyph{border-color:#fff;color:#fff}
  .choice-guide__advantage:hover .choice-guide__advantage-glyph span{transform:translateX(4px)}
}
.choice-guide__material-check{padding:15px 0 0;border-top:1px solid var(--metal)}
.choice-guide__material-check h4{color:#1686bd}
.choice-guide__material .choice-guide__button{margin-top:30px}

.choice-guide__next{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.65fr);align-items:end;gap:50px;padding:clamp(80px,7vw,120px) var(--page-gutter);background:var(--azure);color:#fff}
.choice-guide__next h2{margin:28px 0 0;font-size:clamp(90px,9vw,160px)}.choice-guide__next h2 em{color:var(--navy)}
.choice-guide__next>div:last-child{padding-bottom:8px}.choice-guide__next>div:last-child p{max-width:570px;margin:0;font-size:clamp(18px,1.6vw,23px);line-height:1.5}

.js .choice-guide [data-reveal="copy"]{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .9s cubic-bezier(.19,1,.22,1)}
.js .choice-guide [data-reveal="copy"].is-visible{opacity:1;transform:translateY(0)}
.js .choice-guide [data-reveal="visual"]{opacity:0;clip-path:inset(7% 0 0 0);transition:opacity .85s ease,clip-path 1s cubic-bezier(.19,1,.22,1)}
.js .choice-guide [data-reveal="visual"].is-visible{opacity:1;clip-path:inset(0)}
.js .choice-guide__material-copy .choice-guide__advantage{opacity:0;transform:translateY(13px);transition:opacity .45s ease,transform .7s cubic-bezier(.19,1,.22,1),color .35s,border-color .35s,box-shadow .35s}
.js .choice-guide__material-copy.is-visible .choice-guide__advantage{opacity:1;transform:translateY(0)}
.js .choice-guide__advantage-list li:nth-child(2){transition-delay:.12s,.12s,0s,0s,0s}
.js .choice-guide__advantage-list li:nth-child(3){transition-delay:.24s,.24s,0s,0s,0s}

@media(max-width:1100px){
  .choice-guide__hero h1{font-size:clamp(72px,7vw,110px)}
  .choice-guide__material h3{font-size:clamp(70px,6.5vw,100px)}
  .choice-guide__material-media{min-height:620px}
  .choice-guide__advantage-list{grid-template-columns:1fr}
  .choice-guide__advantage{min-height:66px;padding-block:12px}
}
@media(max-width:760px){
  .choice-guide__hero,.choice-guide__criteria,.choice-guide__material,.choice-guide__material:nth-of-type(even),.choice-guide__next{display:block}
  .choice-guide__hero-copy{min-height:0;padding:62px 22px 74px}
  .choice-guide__hero h1{margin:34px 0 28px;font-size:clamp(72px,14vw,110px)}
  .choice-guide__hero-copy>p:not(.eyebrow){font-size:19px}
  .choice-guide__hero-media{min-height:0;height:380px}
  .choice-guide__index{padding:15px 22px 20px}.choice-guide__index>span{flex-basis:100%;padding:5px 0 12px}
  .choice-guide__index a{min-height:44px;padding:8px 14px 8px 0;margin-right:14px;border-left:0;border-top:1px solid var(--metal);font-size:13px;gap:7px}
  .choice-guide__criteria{padding:76px 22px 85px}
  .choice-guide__criteria h2{font-size:clamp(78px,15vw,120px)}
  .choice-guide__criteria-grid{margin-top:42px}
  .choice-guide__linework{width:500px;height:500px;left:-250px;bottom:-280px}
  .choice-guide__materials-heading{display:block;padding:80px 22px 43px}
  .choice-guide__materials-heading h2{margin:25px 0 25px;font-size:clamp(83px,15vw,125px)}
  .choice-guide__materials-heading>p:last-child{font-size:17px}
  .choice-guide__material-media,.choice-guide__material:nth-of-type(even) .choice-guide__material-media{order:1;min-height:0;height:390px}
  .choice-guide__material-copy,.choice-guide__material:nth-of-type(even) .choice-guide__material-copy{order:2;padding:58px 22px 75px}
  .choice-guide__material h3{font-size:clamp(73px,14vw,110px)}
  .choice-guide__material-lead{font-size:19px}
  .choice-guide__next{padding:80px 22px 90px}
  .choice-guide__next h2{font-size:clamp(84px,15vw,125px);margin-bottom:35px}
  .choice-guide__next>div:last-child p{font-size:19px}
}
@media(max-width:480px){
  .choice-guide__hero h1{font-size:clamp(70px,14.2vw,85px)}
  .choice-guide__hero-media{height:300px}
  .choice-guide__criteria-grid{grid-template-columns:1fr}
  .choice-guide__criteria-grid>div,.choice-guide__criteria-grid>div:nth-child(even){padding:20px 0;border-right:0}
  .choice-guide__criteria-grid p{max-width:none}
  .choice-guide__materials-heading h2{font-size:clamp(76px,14.6vw,95px)}
  .choice-guide__material-media,.choice-guide__material:nth-of-type(even) .choice-guide__material-media{height:290px}
  .choice-guide__material h3{font-size:clamp(61px,12.8vw,80px)}
  .choice-guide__next h2{font-size:clamp(79px,14vw,100px)}
  .choice-guide__button{grid-template-columns:minmax(0,1fr) 50px;column-gap:12px;padding-left:14px;font-size:12px}
  .choice-guide__button>span{min-height:54px}
  .choice-guide__material-context,.choice-guide__material-check{grid-template-columns:1fr;gap:7px}
}
@media(prefers-reduced-motion:reduce){
  .js .choice-guide [data-reveal="copy"],.js .choice-guide [data-reveal="visual"],.js .choice-guide__material-copy .choice-guide__advantage{opacity:1;transform:none;clip-path:none;transition:none}
  .choice-guide__hero-media img,.choice-guide__material-media img,.choice-guide__frame,.choice-guide__material-media>span,.choice-guide__advantage::before,.choice-guide__advantage::after,.choice-guide__advantage-glyph,.choice-guide__advantage-glyph span{transition:none}
  .choice-guide__advantage::after{transform:scaleY(1)}
}