@font-face{font-family:DM;src:url('/assets/fonts/font-1.ttf')}@font-face{font-family:DM;src:url('/assets/fonts/font-4.ttf');font-weight:700}@font-face{font-family:Manrope;src:url('/assets/fonts/font-8.ttf');font-weight:700}
:root{--ink:#2b3059;--muted:#5c6073;--teal:#2b3059;--line:#dfe1e8;--paper:#f7f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);font:17px/1.65 DM,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}p{margin:0 0 20px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.16;letter-spacing:-.04em;margin:0 0 22px}h1{font-size:clamp(42px,4.4vw,66px)}h1 span{color:#4054a2}h2{font-size:clamp(30px,3vw,43px)}h3{font-size:23px;letter-spacing:-.025em}small{display:block;font-size:13px;color:var(--muted);margin-top:12px}.wrap{width:min(1260px,calc(100% - 80px));margin:auto}.topline{background:#f4f5f9;font-size:12px;letter-spacing:.13em;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between}.topline a{letter-spacing:0}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:94px}header{background:#fffffff5;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.logo{width:174px;height:auto}nav{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:700}nav a:hover,.text-link:hover{color:#4054a2}.nav-contact{background:var(--teal);color:white;padding:12px 20px;border-radius:6px}.menu{display:none}.hero{background:linear-gradient(90deg,#ffffff 4%,#fffffff2 37%,#ffffff58 75%,#ffffff21),url('/assets/water-hero.jpg') center/cover}.hero-content{padding-top:70px;padding-bottom:76px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#4054a2;margin-bottom:20px}.intro{max-width:560px;color:#5c6073;font-size:19px;line-height:1.7}.button{display:inline-flex;align-items:center;gap:25px;padding:15px 22px;border-radius:6px;background:var(--teal);color:white;font-size:15px;font-weight:700;margin-top:10px}.button:hover{background:#4054a2}.button span{font-size:21px}.audience{display:flex;justify-content:space-between;padding-top:21px;padding-bottom:21px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:center;margin-bottom:35px}.section-heading p:last-child{margin-bottom:0;color:var(--muted)}.overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile{border-radius:10px;padding:27px 23px;display:flex;flex-direction:column;min-height:270px;transition:transform .2s}.tile:hover{transform:translateY(-4px)}.tile h3{margin:25px 0 13px}.tile p{font-size:15px;color:#5c6073}.num{font-size:10px;letter-spacing:.1em;font-weight:700}.more{font-size:13px;font-weight:700;margin-top:auto}.blue{background:#f4f5f9}.mint{background:#f4f5f9}.sky{background:#f4f5f9}.sand{background:#f7f7fa}.wash{background:#f7f7fa}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.copy>p:not(.eyebrow){color:var(--muted)}.visual{min-height:480px;border-radius:12px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;position:absolute;object-fit:cover}.image-label{position:absolute;bottom:20px;left:20px;padding:9px 13px;background:#ffffffed;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.1em}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 14px}.tags span{font-size:12px;background:#f4f5f9;padding:6px 10px;border-radius:4px}.product{display:flex;align-items:center;justify-content:center;background:#f4f5f9;padding:35px}.eliminator img{width:100%;transform:rotate(-18deg)}.product-kicker{position:absolute;top:30px;left:30px;font-size:16px;font-weight:700;letter-spacing:.16em;color:#5c6073}.product-bottom{position:absolute;bottom:30px;left:30px;font-size:17px;font-weight:700}.product-bottom span{display:block;font-size:13px;font-weight:400;color:var(--muted)}.filter{background:#f4f5f9}.filter img{height:380px;max-width:90%;object-fit:contain;mix-blend-mode:multiply}.filter-step{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.filter-step>span{font-size:14px;color:#4054a2;font-weight:700}.filter-step h3{font-size:19px;margin:0 0 8px}.filter-step p{font-size:15px;color:var(--muted);margin:0}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:4px;font-size:15px;font-weight:700;margin-top:25px}.saving{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;background:#f4f5f9;padding:48px;border-radius:12px}.saving-head>p:not(.eyebrow){color:#5c6073}.saving-items article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #dfe1e8}.saving-items article:first-child{padding-top:0}.saving-items article:last-child{border:0}.saving-items article>span{color:#5c6073;font-size:14px}.saving-items h3{font-size:20px;margin-bottom:10px}.saving-items p{font-size:15px;margin:0;color:#5c6073}.about{background:#f7f7fa}.about .section-heading{margin-bottom:0}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.contact p{max-width:530px;color:var(--muted)}.contact-details{border-left:1px solid var(--line);padding-left:65px;display:flex;flex-direction:column;justify-content:center}.contact-details a{font-size:23px;line-height:1.8;font-weight:700}.contact-details a:hover{text-decoration:underline}.contact-details p{font-size:15px;margin-top:24px;margin-bottom:0}footer{background:#f4f5f9;padding-top:36px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:32px}.footer-main img{mix-blend-mode:multiply}.footer-main p{font-size:14px;margin:0}.footer-main>div{display:flex;gap:26px;font-weight:700;font-size:14px}.footer-bottom{border-top:1px solid #dfe1e8;display:flex;justify-content:space-between;padding-top:18px;padding-bottom:18px;font-size:12px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #4054a2;outline-offset:5px}
@media(min-width:1500px){.hero{background-position:center 40%}}@media(max-width:1100px){nav{gap:13px;font-size:12px}.logo{width:145px}.split{gap:40px}.overview{grid-template-columns:repeat(2,1fr)}.visual{min-height:450px}.saving{gap:36px;padding:35px}.contact{gap:30px}.contact-details{padding-left:30px}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.topline{font-size:10px}.topline a{display:none}.header{min-height:76px}.logo{width:152px}.menu{display:block;background:white;border:1px solid var(--line);border-radius:5px;padding:6px 12px;font-size:14px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:18px;box-shadow:0 15px 20px #2b305922;flex-direction:column;align-items:stretch;font-size:16px}nav.open{display:flex}.hero-content{padding-top:48px;padding-bottom:48px}.hero{background:linear-gradient(90deg,#fffffff5,#ffffffc9),url('/assets/water-hero.jpg') center/cover}.intro{font-size:17px}.audience{gap:14px;font-size:11px}.section{padding-top:46px;padding-bottom:46px}.section-heading,.split,.saving,.contact{grid-template-columns:1fr;gap:28px}.section-heading{margin-bottom:28px}.overview{gap:12px}.tile{padding:23px 18px;min-height:260px}.tile h3{font-size:22px}.num{font-size:9px}.visual{min-height:330px}.split .copy{order:0}.split .visual{order:1}.product{min-height:330px}.filter img{height:280px}.saving{padding:28px 22px}.contact-details{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:25px}.contact-details a{font-size:21px}.footer-main{flex-wrap:wrap;gap:23px}.footer-main img{width:145px}.footer-main p{display:none}h2 br{display:none}.filter-step h3{line-height:1.35}}@media(max-width:400px){.overview{grid-template-columns:1fr}.tile{min-height:220px}.audience{flex-wrap:wrap}.footer-main>div{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transition:none}}
.eliminator-animation{margin:0;background:#f4f5f9;border-radius:12px;overflow:hidden}.eliminator-animation video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#f7f7fa}.eliminator-animation figcaption{padding:20px 24px;font-weight:700;font-size:16px}.eliminator-animation figcaption span{display:block;color:var(--muted);font-weight:400;font-size:13px;margin-top:5px}.set-intro{display:grid;grid-template-columns:1fr 1fr;gap:76px}.set-intro p:not(.eyebrow){color:var(--muted)}.set-intro .set-lead{font-size:23px;line-height:1.45;color:var(--ink);font-weight:700}.set-intro .filter-step:first-child{margin-top:0}.set-diagram{margin:38px 0 0;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.set-diagram img{width:100%;height:auto;max-height:none;object-fit:contain}.set-diagram figcaption{padding:17px 22px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.set-diagram figcaption a{font-weight:700;text-decoration:underline;white-space:nowrap}@media(max-width:800px){.set-intro{grid-template-columns:1fr;gap:28px}.set-diagram{margin-top:28px}.set-diagram figcaption{flex-direction:column;gap:6px;font-size:13px}.eliminator-animation figcaption{padding:17px}.set-intro .set-lead{font-size:21px}}
.set-diagram{width:50%;margin-left:auto;margin-right:auto}.set-diagram>a{display:block;cursor:zoom-in}.set-diagram figcaption{flex-direction:column;gap:6px}#image-zoom{width:95vw;max-width:1800px;height:92dvh;max-height:92dvh;border:0;padding:0;border-radius:12px;color:var(--ink);background:white}#image-zoom::backdrop{background:#2b3059d9}.zoom-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);gap:10px;font-size:14px}.zoom-toolbar>div{display:flex;align-items:center;gap:10px}.zoom-toolbar button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:5px;min-height:40px;min-width:40px;padding:4px 10px;cursor:pointer}#zoom-level{min-width:55px;text-align:center}.zoom-scroll{height:calc(100% - 67px);overflow:auto;touch-action:pan-x pan-y pinch-zoom}.zoom-scroll img{width:100%;max-width:none;height:auto}@media(max-width:800px){.set-diagram{width:100%}.zoom-toolbar{flex-wrap:wrap}.zoom-toolbar>span{display:none}} 
.set-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.set-layout .set-diagram{width:100%;margin:0}.set-copy>p:not(.eyebrow){color:var(--muted)}.set-copy .set-lead{font-size:21px;font-weight:700;line-height:1.45;color:var(--ink)}.set-copy h2{font-size:clamp(30px,3vw,42px)}.set-copy .filter-step{margin-top:16px;padding-top:16px}.set-layout .set-diagram figcaption{font-size:13px}@media(max-width:1000px){.set-layout{gap:34px}}@media(max-width:800px){.set-layout{grid-template-columns:1fr;gap:30px}.set-layout .set-diagram{width:100%}.set-copy .set-lead{font-size:20px}}
.saving.saving-with-photo{grid-template-columns:1fr 1fr;padding:0;gap:0;overflow:hidden}.saving-photo{min-height:520px}.saving-photo img{width:100%;height:100%;object-fit:cover;object-position:58% center}.saving-copy{padding:40px}.saving-with-photo .saving-items{margin-top:30px}.saving-with-photo .saving-items article{padding:17px 0}.saving-with-photo .saving-items h3{font-size:18px;margin-bottom:6px}.saving-with-photo .saving-head h2{font-size:clamp(30px,3vw,41px)}@media(max-width:800px){.saving.saving-with-photo{grid-template-columns:1fr}.saving-photo{min-height:0;height:360px}.saving-photo img{object-fit:contain;background:#f4f5f9}.saving-copy{padding:28px 22px}}
.saving-with-photo .saving-items article{align-items:center;gap:18px}.saving-product{width:88px;height:88px;flex:0 0 88px;object-fit:contain;border-radius:8px;background:white}.saving-references{padding:23px 0 0}.saving-references>span{font-size:11px;letter-spacing:.12em;font-weight:700;color:var(--teal)}.saving-references p{font-size:14px;color:var(--muted);margin:7px 0 0}@media(max-width:400px){.saving-product{width:65px;height:65px;flex-basis:65px}}
.water-project{display:grid;grid-template-columns:.85fr 1.15fr;background:#f4f5f9;border-radius:12px;overflow:hidden}.water-project-photo{position:relative;min-height:440px}.water-project-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.water-project-copy{padding:36px 42px}.water-project-copy>p:not(.eyebrow){color:#5c6073;font-size:16px}.water-project-copy h2{font-size:clamp(30px,3vw,42px)}.project-note{border-left:3px solid #4054a2;padding-left:20px;margin-top:24px}.project-note h3{font-size:19px;line-height:1.4;margin-bottom:9px}.project-note p{font-size:15px;color:#5c6073;margin-bottom:12px}.water-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.water-product{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:grid;grid-template-columns:130px 1fr;align-items:center;padding:16px 16px 16px 0;background:white}.water-product-images{position:relative;height:160px;overflow:hidden}.water-product-images>img{width:130px;height:130px;object-fit:contain}.water-product-images>img.inset{position:absolute;bottom:0;right:0;width:65px;height:65px;border:1px solid var(--line);border-radius:50%}.water-product-images.shower>img{height:160px}.water-product h3{font-size:19px;letter-spacing:0;margin-bottom:9px}.water-product p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.water-project-references{padding-top:25px}.water-project-references .eyebrow{margin-bottom:12px}.reference-names{display:flex;flex-wrap:wrap;gap:8px 18px}.reference-names span{font-size:13px;color:var(--muted)}@media(max-width:1100px){.water-product{grid-template-columns:95px 1fr}.water-product-images>img{width:95px}.water-project-copy{padding:30px}}@media(max-width:800px){.water-project{grid-template-columns:1fr}.water-project-photo{min-height:0;height:290px}.water-project-copy{padding:26px 22px}.water-products{grid-template-columns:1fr;gap:12px}.water-product{grid-template-columns:125px 1fr}.water-product-images{height:135px}.water-product-images>img{width:125px}.water-product-images.shower>img{height:135px}.reference-names{gap:8px 15px}}


/* Previous colour layer, normalized to logo colours. */
:root{--ink:#2b3059;--muted:#5c6073;--teal:#2b3059;--line:#dfe1e8;--paper:#f7f7fa;--accent:#4054a2;--navy:#2b3059}
.topline{background:#f4f5f9;color:#2b3059}
.hero{color:var(--ink);background:linear-gradient(90deg,#ffffff 4%,#fffffff2 37%,#ffffff58 75%,#ffffff21),url('/assets/water-hero.jpg') center/cover}
.hero h1 span{color:#4054a2}.hero .eyebrow{color:#4054a2}.hero .intro{color:#5c6073}
.hero .button{background:#2b3059;color:#fff}.hero .button:hover{background:#4054a2;color:#fff}
.nav-contact:hover{color:#fff;background:#4054a2}
.topline .language-switch a{border-color:#dfe1e8;color:#2b3059}
.topline .language-switch a:hover{background:#dfe1e8;color:#2b3059}
.topline .language-switch a[aria-current="page"]{background:#2b3059;color:#fff;border-color:#2b3059}
.topline .language-switch a[aria-current="page"]:hover{background:#4054a2;color:#fff}
.blue{background:#f4f5f9}.mint{background:#f4f5f9}.sky{background:#f4f5f9}.sand{background:#f7f7fa}
.wash{background:#f7f7fa}.product{background:#f4f5f9}.filter{background:#f4f5f9}
.tags span{background:#f4f5f9;color:#2b3059}.product-kicker{color:#4054a2}
.saving,.water-project{background:#f4f5f9}.saving-head>p:not(.eyebrow),.saving-items p,.water-project-copy>p:not(.eyebrow),.project-note p{color:#5c6073}
.saving-items article{border-bottom-color:#dfe1e8}.saving-items article>span{color:#5c6073}
.about{background:#f4f5f9}footer{background:#f4f5f9}.footer-bottom{border-top-color:#dfe1e8}.project-note{border-left-color:#66bc50}
@media(max-width:800px){.hero{background:linear-gradient(90deg,#fffffff5,#ffffffc9),url('/assets/water-hero.jpg') center/cover}}


/* International versions: retain the original design and local fonts. */
.topline .wrap{gap:18px;align-items:center}.topline .language-switch,.privacy-page .language-switch{position:static;display:flex;flex-direction:row;align-items:center;gap:5px;background:transparent;padding:0;box-shadow:none;font-size:12px;line-height:1.2;flex-shrink:0;letter-spacing:0}.topline .language-switch a,.privacy-page .language-switch a{display:inline-block;padding:6px 9px;border:1px solid #dfe1e8;border-radius:4px;font-size:12px;white-space:nowrap}.language-switch a[aria-current="page"]{background:var(--teal);color:white;border-color:var(--teal)}.language-switch a:hover{background:#f4f5f9;color:var(--ink)}.language-switch a[aria-current="page"]:hover{background:#4054a2;color:white}header #nav{gap:18px;font-size:13px}.crystal-note{margin:22px 0;padding:18px 20px;border-left:3px solid var(--teal);background:#f4f5f9}.crystal-note h3{font-size:20px;letter-spacing:0;margin-bottom:9px}.crystal-note p{font-size:15px;line-height:1.65;margin:0 0 9px;color:var(--muted)}.crystal-note a{font-size:12px;text-decoration:underline}.set-diagram img{min-height:0}.privacy-page header{position:static;padding:24px max(24px,calc((100vw - 960px)/2));flex-wrap:wrap}.privacy-page main{max-width:900px;margin:auto;padding:48px 24px 64px}.privacy-page main h1{font-size:clamp(32px,5vw,52px)}.privacy-page main h2{font-size:24px;line-height:1.3;margin-top:38px}.privacy-page .contact{display:block;padding:22px;background:#f4f5f9;border-radius:12px}.privacy-page main a{color:#2b3059;text-decoration:underline}.privacy-page footer{padding:24px max(24px,calc((100vw - 960px)/2));background:white;font-size:14px}.privacy-page footer a{text-decoration:underline}.privacy-page p,.privacy-page li{overflow-wrap:anywhere}
@media(max-width:1100px){header #nav{gap:11px;font-size:12px}.header{gap:17px}.logo{width:145px}}
@media(max-width:1100px){.header .menu{display:block;background:white;border:1px solid var(--line);border-radius:5px;padding:6px 12px;font-size:14px}.header{min-height:76px}header #nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:18px;box-shadow:0 15px 20px #2b305922;flex-direction:column;align-items:stretch;font-size:16px}header #nav.open{display:flex}.topline{font-size:10px;letter-spacing:.09em}.topline .wrap>a{display:none}}
@media(max-width:520px){.topline .wrap{gap:10px}.topline{font-size:9px}.topline .language-switch a{padding:6px 7px}.privacy-page header{align-items:flex-start;flex-direction:column;gap:10px}.privacy-page main{padding-top:28px}.crystal-note{padding:16px}}

/* ECO ELEMENT: colours sampled from the original logo, October 2026. */
:root{--ink:#2b3059;--muted:#5c6073;--teal:#2b3059;--line:#dfe1e8;--paper:#f7f7fa;--accent:#4054a2;--navy:#2b3059;--brand-green:#66bc50;--brand-blue:#376ab2;--brand-indigo:#4054a2}
body{background:#fff}
.topline{background:var(--navy);color:#fff}
header{background:#fff}
.hero{color:var(--ink);background:linear-gradient(90deg,#fff 4%,#ffffffed 41%,#ffffff65 76%,#ffffff20),url('/assets/water-hero.jpg') center/cover}
.hero h1 span{color:var(--brand-indigo)}
.eyebrow,.hero .eyebrow{color:var(--brand-indigo)}
.hero .intro{color:var(--muted)}
.button,.nav-contact{background:var(--navy);color:#fff}
.button:hover,.nav-contact:hover{background:var(--brand-indigo);color:#fff}
.hero .button{background:var(--brand-green);color:var(--navy)}
.hero .button:hover{background:#8ac64b;color:var(--navy)}
nav a:hover,.text-link:hover{color:var(--brand-indigo)}
.tile{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand-green)}
.tile.blue,.tile.sky{border-top-color:var(--brand-indigo)}
.tile p{color:var(--muted)}
.tile .num,.tile .more{color:var(--navy)}
.wash,.about{background:var(--paper)}
.product,.eliminator-animation{background:#f4f5f9}
.eliminator-animation video{background:#f7f7fa}
.filter{background:#fff;border:1px solid var(--line)}
.tags span{background:#f2f5ef;color:var(--navy)}
.product-kicker,.filter-step>span{color:var(--brand-indigo)}
.saving,.water-project{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand-green)}
.saving-head>p:not(.eyebrow),.saving-items p,.water-project-copy>p:not(.eyebrow),.project-note p{color:var(--muted)}
.saving-items article{border-bottom-color:var(--line)}
.saving-items article>span{color:var(--brand-indigo)}
.project-note{border-left-color:var(--brand-green)}
footer{background:#fff;border-top:4px solid var(--brand-green)}
.footer-bottom{border-top-color:var(--line)}
:focus-visible{outline:3px solid var(--brand-indigo);outline-offset:4px}
.topline .language-switch a{border-color:#6a7095;color:#fff}
.topline .language-switch a:hover{background:var(--brand-indigo);color:#fff}
.topline .language-switch a[aria-current="page"]{background:var(--brand-green);color:var(--navy);border-color:var(--brand-green)}
.topline .language-switch a[aria-current="page"]:hover{background:#8ac64b;color:var(--navy)}
.privacy-page .language-switch a{border-color:var(--line);color:var(--navy)}
.privacy-page .language-switch a:hover{background:#f0f1f6;color:var(--navy)}
.privacy-page .language-switch a[aria-current="page"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.privacy-page .language-switch a[aria-current="page"]:hover{background:var(--brand-indigo);color:#fff}
@media(max-width:800px){.hero{background:linear-gradient(90deg,#fffffff5,#ffffffd9),url('/assets/water-hero.jpg') center/cover}.saving-photo img{background:#fff}}

/* Colour feedback for the four ECO ELEMENT areas. */
.tile{--hover-surface:var(--brand-indigo);--hover-ink:#fff;transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.tile.mint,.tile.sand{--hover-surface:var(--brand-green);--hover-ink:var(--navy)}
.tile:focus-visible{background:var(--hover-surface);color:var(--hover-ink);border-color:var(--hover-surface);box-shadow:0 12px 24px #2b30591a;transform:translateY(-4px)}
.tile:focus-visible h3,.tile:focus-visible p,.tile:focus-visible .num,.tile:focus-visible .more{color:var(--hover-ink)}
@media(hover:hover) and (pointer:fine){.tile:hover{background:var(--hover-surface);color:var(--hover-ink);border-color:var(--hover-surface);box-shadow:0 12px 24px #2b30591a}.tile:hover h3,.tile:hover p,.tile:hover .num,.tile:hover .more{color:var(--hover-ink)}}
@media(prefers-reduced-motion:reduce){.tile{transition:none}.tile:hover,.tile:focus-visible{transform:none}}