.learn-page{--learn-dark:#0e1d26;--learn-text:#173e50;color:var(--learn-text);background:#f4f8fa}.learn-page h1,.learn-page h2,.learn-page h3{font-family:var(--mv-util);letter-spacing:-.045em;font-weight:500}.learn-page p{margin:0;font-size:1rem;line-height:1.8}.learn-page h2{margin:0;font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.12}.learn-page h3{letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.25}.learn-page .learn-kicker{letter-spacing:.17em;text-transform:uppercase;color:#155e78;margin-bottom:1.5rem;font-size:.8125rem;font-weight:600}.learn-section{padding-block:clamp(4rem,7vw,7rem);scroll-margin-top:110px}.learn-opening{isolation:isolate;background:var(--learn-dark);color:#eff8fb;position:relative;overflow:hidden}.learn-water{pointer-events:none;position:absolute;inset:0;mask-image:linear-gradient(#000,#000 65%,#0000)}.learn-water canvas{opacity:.2;filter:blur(1px);width:100%;height:100%;display:block}.learn-opening-inner{z-index:1;padding-top:clamp(4rem,7vw,7rem);position:relative}.learn-opening .learn-kicker{color:#96cedb}.learn-opening h1{max-width:14ch;margin:0 0 3rem;font-size:clamp(3.5rem,7.5vw,8rem);line-height:1.02}.learn-opening-bottom{justify-content:space-between;align-items:flex-end;gap:3rem;padding-bottom:4rem;display:flex}.learn-opening-bottom p{color:#c1d7e0;max-width:68ch;font-size:clamp(1rem,1.3vw,1.1875rem)}.learn-page .button{color:#10394b;background:#d6eef2;flex-shrink:0;gap:2rem}.learn-topics{border-top:1px solid #35515e;grid-template-columns:repeat(4,1fr);gap:2rem;padding:1.5rem 0 1.8rem;display:grid}.learn-topics a{color:#d5e8ef;justify-content:space-between;align-items:center;min-height:44px;font-size:.9375rem;text-decoration:none;display:flex}.learn-topics a:hover{color:#fff}.learn-topics span{color:#96cedb}.learn-compare{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.learn-category-icon{color:#155e78;width:36px;height:36px;margin-bottom:1.5rem}.learn-category-icon svg{stroke-width:1.5px;width:100%;height:100%}.learn-category h2{max-width:20ch;font-size:clamp(1.75rem,2.5vw,2.75rem)}.learn-category .learn-category-intro{color:#496774;max-width:55ch;margin-top:1.5rem}.learn-category ul{margin:2.5rem 0 0;padding:0;list-style:none}.learn-category li{border-left:2px solid #8bbdcd;margin:0 0 1.5rem;padding:0 0 0 1.25rem}.learn-category strong{color:#0e2937;font-weight:600}.learn-questions{background:#e9f2f5}.learn-question-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(3rem,7vw,7rem);display:grid}.learn-question-aside{position:sticky;top:125px}.learn-question-aside figure{max-width:380px;margin:2.5rem 0 0}.learn-question-aside img{aspect-ratio:4/5;object-fit:cover;border-radius:3px;width:100%;height:auto;display:block}.learn-answers details{border-top:1px solid #b7cdd7}.learn-answers details:last-child{border-bottom:1px solid #b7cdd7}.learn-answers summary{cursor:pointer;font:500 clamp(1.125rem,1.5vw,1.5rem)/1.4 var(--mv-util);letter-spacing:-.02em;grid-template-columns:minmax(0,1fr) 24px;align-items:start;gap:1rem;padding:1.8rem 0;list-style:none;display:grid}.learn-answers summary::-webkit-details-marker{display:none}.learn-expand{width:24px;height:24px;margin-top:.2rem;position:relative}.learn-expand:before,.learn-expand:after{content:"";background:#155e78;width:16px;height:2px;position:absolute;top:11px;left:4px}.learn-expand:after{transition:transform .2s;transform:rotate(90deg)}.learn-answers details[open] .learn-expand:after{transform:rotate(0)}.learn-answers details[open] summary{color:#155e78}.learn-answers details p{color:#355766;max-width:75ch;padding:0 2.5rem 2rem 0}.learn-treatment{background:var(--learn-dark);color:#eff8fb;position:relative}.learn-treatment-heading{max-width:1000px;margin-bottom:3.5rem}.learn-treatment-heading h2{max-width:27ch}.learn-treatment-heading p{color:#b6cdd7;margin-top:1.5rem}.learn-consequences{grid-template-columns:1fr 1fr;gap:3rem 5rem;display:grid}.learn-consequences article{border-left:2px solid #47788b;align-items:flex-start;gap:1.25rem;padding-left:1.5rem;display:flex}.learn-risk-icon{color:#9dd4e0;flex:0 0 28px}.learn-risk-icon svg{stroke-width:1.5px;width:28px;height:28px}.learn-consequences p{color:#b6cdd7;max-width:57ch}.learn-takeaway{border-top:1px solid #35515e;justify-content:space-between;align-items:center;gap:4rem;margin-top:4rem;padding-top:3rem;display:flex}.learn-takeaway p{color:#d5e8ef;max-width:85ch}.learn-gallery-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem;display:flex}.learn-gallery-controls{gap:.75rem;display:flex}.learn-gallery-controls button{color:#104b63;cursor:pointer;background:0 0;border:1px solid #8aabb9;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font-size:1.5rem;display:grid}.learn-gallery-controls button:hover{background:#d6eef2}.learn-gallery-controls button:disabled{opacity:.3;cursor:default}.learn-gallery{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8aabb9 #e9f2f5;gap:24px;padding:0 0 1.5rem;display:flex;overflow-x:auto}.learn-gallery figure{scroll-snap-align:start;flex:0 0 calc(33.3333% - 16px);min-width:0;margin:0}.learn-gallery img{aspect-ratio:4/5;object-fit:cover;border-radius:3px;width:100%;height:auto;display:block}.learn-gallery figcaption{color:#496774;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.875rem;display:flex}.learn-gallery figcaption a{color:#155e78;text-decoration:none}.learn-page a:focus-visible,.learn-page button:focus-visible,.learn-page summary:focus-visible,.learn-gallery:focus-visible{outline-offset:5px;outline:2px solid #55a8be}@media (width<=950px){.learn-opening-bottom,.learn-takeaway{flex-direction:column;align-items:flex-start;gap:2rem}.learn-compare{gap:3rem}.learn-question-layout{grid-template-columns:1fr}.learn-question-aside{grid-template-columns:1fr 180px;column-gap:2rem;display:grid;position:static}.learn-question-aside .learn-kicker,.learn-question-aside h2{grid-column:1}.learn-question-aside figure{grid-area:1/2/3;margin:0}.learn-question-aside img{aspect-ratio:4/3}.learn-consequences{gap:2.5rem}.learn-gallery figure{flex-basis:calc(50% - 12px)}}@media (width<=600px){.learn-opening h1{font-size:clamp(3rem,13vw,4.5rem)}.learn-topics{grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}.learn-opening-bottom{padding-bottom:2rem}.learn-compare,.learn-consequences{grid-template-columns:1fr;gap:3rem}.learn-category li:last-child{margin-bottom:0}.learn-question-aside{display:block}.learn-question-aside figure{display:none}.learn-answers summary{grid-template-columns:minmax(0,1fr) 20px;gap:.65rem;padding-block:1.5rem}.learn-answers details p{padding-left:0;padding-right:0}.learn-consequences article{gap:1rem;padding-left:1rem}.learn-takeaway{margin-top:3rem}.learn-gallery figure{flex-basis:84%}.learn-gallery-heading{gap:1rem}.learn-gallery-controls button{width:44px;height:44px}.learn-gallery-heading h2{font-size:2rem}}@media (prefers-reduced-motion:reduce){.learn-expand:after{transition:none}.learn-gallery{scroll-behavior:auto}}.learn-gallery{scrollbar-width:none}.learn-gallery::-webkit-scrollbar{display:none}.learn-gallery-controls [data-gallery-play]{font-size:1rem}.installation-lightbox{color:#eff8fb;background:#0e1d26;border:1px solid #35515e;border-radius:8px;width:min(1400px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;margin:auto;padding:1.25rem;position:fixed;inset:0;overflow:hidden}.installation-lightbox::backdrop{backdrop-filter:blur(8px);background:#030c12e0}.lightbox-toolbar{justify-content:space-between;align-items:center;height:48px;margin-bottom:1rem;display:flex}.lightbox-toolbar p{font:500 1rem var(--mv-util);color:#c1d7e0;margin:0}.installation-lightbox button{color:#eff8fb;cursor:pointer;background:#203e4c;border:1px solid #648897;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.installation-lightbox button:hover{background:#355d6d}.lightbox-stage{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:1rem;height:calc(100% - 64px);display:grid}.lightbox-stage img{object-fit:contain;width:100%;height:100%;min-height:0}@media (width<=600px){.installation-lightbox{padding:.75rem}.lightbox-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:.35rem}.installation-lightbox button{width:40px;height:40px}.learn-gallery-heading{flex-wrap:wrap}}
