/* These columns need more room than the former 980px breakpoint provided. */
@media(max-width:1120px){.prefilter-intro .intro-grid{grid-template-columns:minmax(0,1fr);gap:48px}.prefilter-intro .stage-position{max-width:680px}}
.prefilter-page main{overflow-x:clip}.prefilter-hero{position:relative;isolation:isolate;min-height:610px;padding-top:92px;overflow:hidden;color:#fff;background:radial-gradient(circle at 72% 38%,#0b568e 0,#003d73 25%,var(--blue) 52%,var(--deep) 100%)}
.prefilter-hero-grid{position:relative;z-index:2;min-height:518px;display:grid;grid-template-columns:minmax(480px,.95fr) minmax(420px,1.05fr);gap:70px;align-items:center;padding-bottom:76px}
.prefilter-hero-copy{max-width:700px}.prefilter-hero-copy h1{margin:0;font-size:clamp(54px,6vw,86px);line-height:.98;letter-spacing:-.045em}.prefilter-hero-copy>p:last-child{max-width:640px;margin:24px 0 0;color:#e6f0f6;font-size:clamp(22px,2.1vw,31px);line-height:1.32;font-weight:600}
.prefilter-hero-visual{position:relative;min-height:390px;display:grid;place-items:center}.prefilter-hero-visual:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.018)}
.prefilter-hero-visual>span{position:absolute;right:0;top:4px;color:rgba(255,255,255,.09);font-size:240px;line-height:1;font-weight:800;letter-spacing:-.08em}.prefilter-hero-visual img{position:relative;width:min(390px,78%);filter:grayscale(1) brightness(0) invert(1);opacity:.9}
.prefilter-flow{position:absolute;left:-8%;right:-8%;bottom:86px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,205,230,.18) 22%,rgba(255,255,255,.68) 67%,transparent)}.prefilter-flow:after{content:"";position:absolute;right:24%;top:-7px;width:13px;height:13px;border-top:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7);transform:rotate(45deg)}
.has-motion .prefilter-hero .prefilter-flow{animation:prefilter-flow-in 2.2s cubic-bezier(.2,.72,.2,1) .35s both}.has-motion .prefilter-hero-visual>span{animation:prefilter-symbol-in 1.15s ease-out .18s both}.has-motion .prefilter-hero-visual img{animation:prefilter-symbol-in 1.25s ease-out .38s both}@keyframes prefilter-flow-in{from{opacity:0;clip-path:inset(-18px 100% -18px 0)}25%{opacity:1}to{opacity:1;clip-path:inset(-18px -18px -18px 0)}}@keyframes prefilter-symbol-in{from{opacity:0;transform:translateX(16px) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
.prefilter-intro{padding:88px 0 104px;background:#fff}.intro-grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);gap:clamp(70px,8vw,130px);align-items:center}.intro-copy{max-width:640px}.intro-copy h2,.paintshield-copy h2,.download-intro h2{margin:0;font-size:clamp(34px,3.7vw,52px);line-height:1.1;letter-spacing:-.035em}.intro-copy>p:not(.eyebrow),.paintshield-copy>p:not(.eyebrow),.download-intro>p:last-child{margin:24px 0 0;color:#526b83;font-size:18px;line-height:1.68}.intro-copy .selection-context{margin-top:15px;color:var(--blue);font-size:16px;line-height:1.6;font-weight:700}
.stage-position ol{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.stage-position ol:before{content:"";position:absolute;left:11%;right:11%;top:27px;height:1px;background:#bdcbd7}.stage-position li{position:relative;text-align:center}.stage-position li span{position:relative;z-index:1;width:56px;height:56px;margin:0 auto 15px;display:grid;place-items:center;color:#526b83;border:1px solid #aabcca;border-radius:50%;background:#fff;font-size:15px;font-weight:800}.stage-position li strong{display:block;color:#526b83;font-size:13px;line-height:1.3;text-transform:uppercase}.stage-position li.is-active span{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 10px 28px rgba(0,46,93,.2)}.stage-position li.is-active strong{color:var(--blue)}
.paintshield-section{position:relative;isolation:isolate;padding:76px 0 70px;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 50%,#0a4b82 0,var(--blue) 46%,var(--deep) 100%)}.paintshield-section:before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(175,211,234,.12),rgba(255,255,255,.42),transparent)}
.paintshield-stage{min-height:510px;display:grid;grid-template-columns:minmax(350px,.78fr) minmax(620px,1.22fr);gap:clamp(40px,6vw,90px);align-items:center}.paintshield-copy{position:relative;z-index:4;max-width:560px}.paintshield-copy h2{color:#fff}.paintshield-copy>p:not(.eyebrow){color:#e5eef5}.paintshield-composition{position:relative;min-height:500px}.paintshield-composition:before{content:"";position:absolute;left:18%;top:50%;width:350px;height:350px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.018),0 0 0 96px rgba(255,255,255,.012);transform:translateY(-50%)}.paintshield-composition img{position:absolute;display:block;height:auto;filter:drop-shadow(0 26px 28px rgba(0,18,38,.3))}.paintshield-aap{right:-4%;top:50%;width:78%;max-width:720px;transform:translateY(-50%) rotate(-1deg);transition:opacity 1.05s ease,transform 1.3s cubic-bezier(.2,.72,.2,1)}.has-motion .paintshield-section:not(.is-visible) .paintshield-aap{opacity:0;transform:translate(28px,-50%) scale(.985) rotate(-1deg)}.has-motion .paintshield-section.is-visible .paintshield-aap{opacity:1;transform:translate(0,-50%) scale(1) rotate(-1deg)}
.download-section{padding:102px 0 122px;background:#fff}.download-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(640px,1.28fr);gap:clamp(70px,8vw,130px);align-items:start}.download-intro{position:sticky;top:112px}.download-intro>p:last-child{max-width:430px}
.download-list{border-top:1px solid #bac9d5}.download-row{display:grid;grid-template-columns:74px minmax(190px,1fr) auto;gap:24px;align-items:center;min-height:106px;padding:16px 8px;border-bottom:1px solid #bac9d5;transition:background-color .25s ease,padding .25s ease}.download-row:hover{padding-left:18px;padding-right:18px;background:#f5f9fb}.variant-code{width:54px;height:54px;display:grid;place-items:center;color:#fff;border-radius:2px;background:var(--blue);font-size:15px;font-weight:800}.download-row h3{margin:0;font-size:18px;line-height:1.3}.download-actions{display:flex}.download-actions a{min-width:166px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--blue);border:1px solid #aebfcd;border-radius:2px;background:#fff;font-size:13px;font-weight:800;text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.download-actions a span{font-size:11px;letter-spacing:.04em;transition:transform .2s ease}.download-actions a:hover,.download-actions a:focus-visible{color:#fff;border-color:var(--blue);background:var(--blue)}.download-actions a:hover span,.download-actions a:focus-visible span{transform:translateY(2px)}.download-actions a:focus-visible{outline:3px solid #9ec7e3;outline-offset:3px}.prefilter-page .footer-angle{background:#fff}
@media(max-width:980px){.prefilter-hero-grid{grid-template-columns:1fr 420px;gap:20px}.prefilter-hero-visual>span{font-size:190px}.intro-grid{grid-template-columns:1fr;gap:58px}.stage-position{max-width:680px}.paintshield-stage{grid-template-columns:minmax(280px,.7fr) minmax(500px,1.3fr);gap:28px}.download-layout{grid-template-columns:1fr;gap:48px}.download-intro{position:static}.download-intro>p:last-child{max-width:640px}}
@media(max-width:760px){.prefilter-hero{min-height:650px;padding-top:78px}.prefilter-hero-grid{min-height:572px;grid-template-columns:1fr;padding-top:70px;padding-bottom:110px}.prefilter-hero-visual{position:absolute;right:-90px;top:140px;width:360px;min-height:330px;opacity:.24}.prefilter-hero-visual>span{font-size:160px}.prefilter-hero-copy{position:relative;z-index:2;max-width:520px}.prefilter-hero-copy h1{font-size:54px}.prefilter-hero-copy>p:last-child{font-size:23px}.prefilter-flow{bottom:88px}.prefilter-intro{padding:72px 0 82px}.paintshield-section{padding:72px 0 54px}.paintshield-stage{min-height:720px;grid-template-columns:1fr;gap:20px}.paintshield-copy{max-width:560px}.paintshield-composition{min-height:420px}.paintshield-composition:before{left:7%;width:280px;height:280px}.paintshield-aap{right:-8%;width:92%;max-width:600px}.download-section{padding:78px 0 100px}.download-row{grid-template-columns:58px 1fr;gap:14px 18px;padding:18px 0}.download-actions{grid-column:1/-1}.download-actions a{width:100%}.download-row:hover{padding-left:8px;padding-right:8px}}
@media(max-width:460px){.prefilter-hero-copy h1{font-size:48px}.stage-position ol{gap:5px}.stage-position li strong{font-size:11px}.stage-position li span{width:48px;height:48px}.download-actions{flex-direction:column}.download-actions a{width:100%}}
@media(prefers-reduced-motion:reduce){.has-motion .prefilter-hero .prefilter-flow,.has-motion .prefilter-hero-visual>span,.has-motion .prefilter-hero-visual img{animation:none;opacity:1;clip-path:none;transform:none}.has-motion .paintshield-section .paintshield-aap{opacity:1;transform:translateY(-50%) rotate(-1deg);transition:none}.download-row,.download-actions a,.download-actions a span{transition:none}.download-actions a:hover span,.download-actions a:focus-visible span{transform:none}}
