@font-face{font-family:Cormorant;src:url(/fonts/cormorant-garamond-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/fonts/cormorant-garamond-latin-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Cormorant;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/fonts/cormorant-garamond-latin-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-wght-normal.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--ivory:#f4fbfa;--white:#fff;--pearl:#e8f4f2;--beige:#d6ebe8;--beige-2:#b9dad5;--rose:#d4efeb;--rose-2:#8fd3c9;--rose-ink:#0e6f78;--gold:#c98576;--gold-soft:#f0c9bd;--ink:#0d2b33;--ink-2:#26464f;--muted:#4f6b72;--line:#d3e6e3;--serif:"Cormorant", "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r:18px;--r-sm:10px;--shadow:0 1px 2px #0d2b330a, 0 12px 32px -16px #0d2b332e;--wrap:1200px;--gut:clamp(1.1rem, 4vw, 2rem)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ivory);color:var(--ink);font:400 1.0625rem/1.7 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;-webkit-text-decoration-color:var(--gold-soft);text-decoration-color:var(--gold-soft);text-underline-offset:.2em}a:hover{-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}:focus-visible{outline:2px solid var(--rose-ink);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 .5em;font-weight:500;line-height:1.12}h1{font-size:clamp(2.3rem,5.4vw,4rem)}h2{font-size:clamp(1.75rem,3.4vw,2.5rem)}h3{font-size:clamp(1.3rem,2.2vw,1.6rem)}p{margin:0 0 1.1em}.wrap{max-width:var(--wrap);padding-inline:var(--gut);margin-inline:auto}.narrow{max-width:760px}.eyebrow{font:600 .72rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--rose-ink);align-items:center;gap:.6em;margin-bottom:1rem;display:inline-flex}.eyebrow:before{content:"";background:var(--gold);width:22px;height:1px}.lead{color:var(--ink-2);max-width:62ch;font-size:clamp(1.08rem,1.6vw,1.25rem)}.muted{color:var(--muted)}.serif-i{font-family:var(--serif);font-style:italic}.skip{background:var(--ink);color:var(--white);z-index:100;padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{top:1rem;left:1rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{--b:var(--ink);border:1px solid var(--b);background:var(--b);min-height:46px;color:var(--white);font:600 .9rem/1 var(--sans);letter-spacing:.04em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:.7rem 1.35rem;text-decoration:none;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex;position:relative}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -12px #0d2b338c}.btn--ghost{color:var(--ink);border-color:var(--beige-2);background:0 0}.btn--ghost:hover{background:var(--white)}.btn--rose{--b:var(--rose-ink)}.btn--sm{white-space:nowrap;min-height:38px;padding:.5rem 1rem;font-size:.82rem}.btn--block{width:100%}.btn-amazon{--b:var(--ink)}.btn-amazon .arr{transition:transform .2s}.btn-amazon:hover .arr{transform:translate(3px)}.topbar{background:var(--ink);color:#cfe7e4;letter-spacing:.04em;text-align:center;padding:.45rem var(--gut);font-size:.78rem}.topbar a{color:var(--white)}.hdr{z-index:50;-webkit-backdrop-filter:saturate(1.2)blur(10px);backdrop-filter:saturate(1.2)blur(10px);border-bottom:1px solid var(--line);background:#f4fbfae6;position:sticky;top:0}.hdr__in{align-items:center;gap:1.2rem;min-height:74px;display:flex}.logo{flex-shrink:0;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.logo svg{width:38px;height:38px}.logo__t{flex-direction:column;line-height:1;display:flex}.logo__n{font:500 1.28rem/1 var(--serif);letter-spacing:.16em;white-space:nowrap}.logo__s{font:500 .56rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;margin-top:.35rem}.nav{margin-left:auto}.nav>ul{gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.nav>ul>li{position:relative}.nav>ul>li>a,.nav>ul>li>button{font:500 .85rem/1 var(--sans);white-space:nowrap;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:.3em;padding:.55rem;text-decoration:none;display:inline-flex}.nav>ul>li>a:hover,.nav>ul>li:hover>a,.nav a[aria-current=page]{color:var(--ink);background:var(--pearl)}.nav .chev{opacity:.6;width:9px;height:9px}.dd{background:var(--white);border:1px solid var(--line);min-width:250px;box-shadow:var(--shadow);opacity:0;visibility:hidden;border-radius:14px;padding:.5rem;transition:all .18s;display:grid;position:absolute;top:calc(100% + 6px);left:-.5rem;transform:translateY(6px)}.dd--wide{grid-template-columns:1fr 1fr;min-width:420px}.nav li:hover>.dd,.nav li:focus-within>.dd{opacity:1;visibility:visible;transform:none}.dd a{color:var(--ink-2);border-radius:8px;padding:.55rem .7rem;font-size:.9rem;text-decoration:none;display:block}.dd a:hover{background:var(--pearl);color:var(--ink)}.dd small{color:var(--muted);font-size:.76rem;display:block}.dd .dd__all{border-top:1px solid var(--line);color:var(--rose-ink);grid-column:1/-1;margin-top:.3rem;font-weight:600}.hdr__actions{align-items:center;gap:.3rem;display:flex}.icon-btn{width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--pearl);border-color:var(--line)}.icon-btn svg{width:19px;height:19px}.burger{display:none}@media (width<=1240px){.nav{display:none}.burger{display:inline-grid}.hdr__actions{margin-left:auto}}@media (width<=560px){.logo__s,.hdr__cta{display:none}.logo__n{font-size:1.1rem}.hdr__in{min-height:64px}.topbar{font-size:.72rem}}.drawer{z-index:80;display:none;position:fixed;inset:0}.drawer[data-open=true]{display:block}.drawer__bg{background:#0d2b3359;position:absolute;inset:0}.drawer__panel{background:var(--ivory);width:min(92vw,400px);padding:1.2rem 1.2rem 2rem;animation:.22s slide;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 50px -20px #00000040}@keyframes slide{0%{opacity:0;transform:translate(30px)}}.drawer__top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.drawer details{border-bottom:1px solid var(--line)}.drawer summary,.drawer .m-link{font:500 1.25rem/1.2 var(--serif);cursor:pointer;justify-content:space-between;align-items:center;padding:.95rem .2rem;text-decoration:none;list-style:none;display:flex}.drawer summary::-webkit-details-marker{display:none}.drawer summary:after{content:"+";font-family:var(--sans);color:var(--gold)}.drawer details[open] summary:after{content:"–"}.drawer details ul{gap:.1rem;margin:0;padding:0 0 .8rem .2rem;list-style:none;display:grid}.drawer details a{color:var(--ink-2);padding:.45rem 0;text-decoration:none;display:block}.drawer .m-link{border-bottom:1px solid var(--line)}.search{z-index:90;padding:6vh var(--gut);background:#f4fbfafa;display:none;position:fixed;inset:0;overflow-y:auto}.search[data-open=true]{display:block}.search__box{max-width:760px;margin:0 auto}.search__field{border-bottom:1px solid var(--ink);align-items:center;gap:.6rem;padding-bottom:.6rem;display:flex}.search__field input{font:400 clamp(1.5rem, 4vw, 2.4rem)/1.2 var(--serif);color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0}.search__res{gap:.25rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.search__res a{border-radius:10px;grid-template-columns:auto 1fr;gap:.2rem 1rem;padding:.8rem .6rem;text-decoration:none;display:grid}.search__res a:hover,.search__res a:focus{background:var(--pearl)}.search__res .t{font-weight:600}.search__res .k{letter-spacing:.14em;text-transform:uppercase;color:var(--rose-ink);grid-row:span 2;min-width:92px;padding-top:.3rem;font-size:.7rem}.search__res .d{color:var(--muted);font-size:.88rem}.search__hint{color:var(--muted);margin-top:1rem;font-size:.9rem}.bc{color:var(--muted);padding-top:1.4rem;font-size:.8rem}.bc ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.bc li+li:before{content:"/";color:var(--beige-2);margin-right:.35rem}.bc a{text-decoration:none}.bc a:hover{text-decoration:underline}.sec{padding-block:clamp(2.8rem,6vw,4.8rem)}.sec--tight{padding-block:clamp(2rem,5vw,3.5rem)}.sec--ink{background:var(--ink);color:#cfe7e4}.sec--ink h2,.sec--ink h3{color:var(--white)}.sec__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.2rem;display:flex}.sec__head h2{max-width:20ch;margin:0}.sec__head p{max-width:44ch;color:var(--muted);margin:0}.page-hero{border-bottom:1px solid var(--line);background:radial-gradient(1200px 400px at 85% -10%, #d4efeb8c, transparent 60%), var(--ivory);padding:2.2rem 0 clamp(2rem,5vw,3.5rem)}.page-hero h1{max-width:20ch;margin-top:1rem}.page-hero .lead{margin-top:.8rem}.grid{gap:clamp(1rem,2.4vw,1.6rem);display:grid}.g2{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.g4{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}a.card:hover{box-shadow:var(--shadow);border-color:var(--beige-2);transform:translateY(-3px)}.card h3{margin-bottom:.35rem}.card p{color:var(--muted);margin:0;font-size:.95rem}.card .more{letter-spacing:.05em;color:var(--rose-ink);margin-top:auto;padding-top:1rem;font-size:.82rem;font-weight:600}.card__k{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem;font-size:.68rem;font-weight:700}.pcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.pcard:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.pcard__media{aspect-ratio:4/3;place-items:center;display:grid;position:relative;overflow:hidden}.pcard__media img{object-fit:contain;background:var(--white);width:100%;height:100%;padding:1.2rem}.pcard__body{flex-direction:column;flex:1;gap:.45rem;padding:1.15rem 1.2rem 1.25rem;display:flex}.pcard__brand{font:700 .68rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.pcard__name{font:500 1.28rem/1.15 var(--serif);margin:0}.pcard__name a{text-decoration:none}.pcard__name a:after{content:"";position:absolute;inset:0}.pcard__meta{flex-wrap:wrap;gap:.35rem;display:flex}.pcard__desc{color:var(--muted);margin:0;font-size:.88rem}.pcard__cta{z-index:2;gap:.5rem;margin-top:auto;padding-top:.6rem;display:flex;position:relative}.pcard__cta .btn{flex:1}.pill{background:var(--pearl);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.72rem;display:inline-flex}.mono{text-align:center;background:radial-gradient(120% 90% at 30% 20%, var(--white), var(--pearl) 55%, var(--beige) 100%);place-items:center;width:100%;height:100%;display:grid;position:relative}.mono[data-c=serums],.mono[data-c=retinol],.mono[data-c=antiedad]{background:radial-gradient(120% 90% at 30% 20%, #fff, #ebf7f5 55%, var(--rose) 100%)}.mono[data-c=protectores-solares]{background:radial-gradient(120% 90% at 30% 20%,#fff,#fcefea 55%,#f6ddd3 100%)}.mono[data-c=limpiadores],.mono[data-c=tonicos]{background:radial-gradient(120% 90% at 30% 20%,#fff,#eef7f5 60%,#d9ece9 100%)}.mono__b{font:500 .62rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.mono__i{font:400 3.4rem/1 var(--serif);color:var(--ink);opacity:.85;margin:.2rem 0;font-style:italic}.mono__c{color:var(--rose-ink);letter-spacing:.08em;font-size:.7rem}.mono__note{color:var(--muted);letter-spacing:.04em;font-size:.62rem;position:absolute;bottom:.5rem;left:0;right:0}.mono:after{content:"";aspect-ratio:1;border:1px solid #c9857640;border-radius:50%;width:58%;position:absolute}.tablewrap{border:1px solid var(--line);border-radius:var(--r);background:var(--white);-webkit-overflow-scrolling:touch;position:relative;overflow-x:auto}table.cmp{border-collapse:collapse;width:100%;min-width:640px;font-size:.9rem}.cmp th,.cmp td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:.9rem 1rem}.cmp thead th{font:600 .7rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:var(--pearl)}.cmp tbody th{font:500 1.08rem/1.2 var(--serif);min-width:180px}.cmp tbody th small{font:700 .64rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;display:block}.cmp tr:last-child td,.cmp tr:last-child th{border-bottom:0}.prose{font-size:1.06rem}.prose h2{margin-top:2.4rem}.prose h3{margin-top:1.6rem}.prose ul,.prose ol{padding-left:1.2rem}.prose li{margin-bottom:.4rem}.prose li::marker{color:var(--gold)}.layout-aside{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.aside{gap:1rem;display:grid;position:sticky;top:96px}@media (width<=960px){.layout-aside{grid-template-columns:minmax(0,1fr)}.aside{position:static}}.box{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem}.box h3,.box h4{margin-bottom:.6rem;font-size:1.15rem}.box ul{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.box li a{border-bottom:1px dashed var(--line);padding:.4rem 0;font-size:.92rem;text-decoration:none;display:block}.box li:last-child a{border:0}.note{border-left:2px solid var(--gold);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink-2);background:#fdf6f3;margin:1.5rem 0;padding:1rem 1.2rem;font-size:.92rem}.note--rose{border-color:var(--rose-ink);background:#f0f9f8}.note strong{color:var(--ink)}.disclosure{color:var(--muted);border:1px solid var(--line);background:var(--white);border-radius:10px;align-items:flex-start;gap:.6rem;padding:.6rem .9rem;font-size:.8rem;display:flex}.disclosure svg{width:16px;height:16px;color:var(--gold);flex-shrink:0;margin-top:.15rem}.steps{counter-reset:s;gap:1.4rem;display:grid}.step{background:var(--white);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:64px 1fr;gap:1.2rem;padding:1.5rem;display:grid}.step__n{counter-increment:s;border:1px solid var(--gold-soft);width:54px;height:54px;font:italic 400 1.6rem/1 var(--serif);color:var(--rose-ink);background:var(--ivory);border-radius:50%;place-items:center;display:grid}.step__n:before{content:counter(s)}.step h3{margin-bottom:.3rem}.step__look{flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem;display:flex}.step__picks{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:.7rem;display:grid}.mini{border:1px solid var(--line);background:var(--ivory);border-radius:12px;flex-direction:column;gap:.3rem;padding:.85rem;display:flex}.mini__b{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:.64rem;font-weight:700}.mini__n{font:500 1.05rem/1.2 var(--serif)}.mini__n a{text-decoration:none}.mini .btn{margin-top:.4rem}@media (width<=560px){.step{grid-template-columns:1fr}}.rank{counter-reset:r;gap:1.2rem;display:grid}.rank__it{background:var(--white);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:220px minmax(0,1fr);gap:1.5rem;display:grid;overflow:hidden}.rank__media{min-height:220px;position:relative}.rank__media .mono{position:absolute;inset:0}.rank__pos{z-index:2;background:var(--ink);width:40px;height:40px;color:var(--white);font:italic 500 1.2rem/1 var(--serif);border-radius:50%;place-items:center;display:grid;position:absolute;top:.8rem;left:.8rem}.rank__body{flex-direction:column;gap:.5rem;padding:1.4rem 1.4rem 1.4rem 0;display:flex}.proscons{grid-template-columns:1fr 1fr;gap:1rem;font-size:.88rem;display:grid}.proscons h4{font:700 .68rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .5rem}.proscons ul{color:var(--ink-2);margin:0;padding-left:1rem}.proscons .pro h4{color:#5d7a5a}.proscons .con h4{color:var(--rose-ink)}@media (width<=720px){.rank__it{grid-template-columns:minmax(0,1fr)}.rank__media{min-height:180px}.rank__body{padding:0 1.2rem 1.3rem}.proscons{grid-template-columns:1fr}}.filters{background:var(--white);border:1px solid var(--line);border-radius:var(--r);z-index:5;grid-template-columns:1.6fr repeat(4,1fr);gap:.7rem;margin-bottom:1.5rem;padding:1rem;display:grid;position:sticky;top:84px}.filters input,.filters select{border:1px solid var(--line);background:var(--ivory);width:100%;min-height:44px;font:inherit;color:var(--ink);border-radius:10px;padding:.5rem .8rem;font-size:.9rem}.filters label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;font-size:.66rem;font-weight:700;display:block}@media (width<=900px){.filters{grid-template-columns:1fr 1fr;position:static}.filters>:first-child{grid-column:1/-1}}.count{color:var(--muted);margin-bottom:1rem;font-size:.85rem}.cmpbar{z-index:60;background:var(--ink);color:var(--white);border-radius:999px;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:.5rem .6rem .5rem 1.2rem;font-size:.88rem;display:none;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -18px #00000080}.cmpbar[data-on=true]{display:flex}.cmpbar .btn{--b:var(--rose-2);color:var(--ink)}.chk{color:var(--muted);cursor:pointer;z-index:2;align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex;position:relative}.chk input{accent-color:var(--rose-ink);width:16px;height:16px}.hero{background:radial-gradient(900px 520px at 78% 30%, #d4efebb3, transparent 65%), radial-gradient(700px 400px at 10% 90%, #d6ebe8e6, transparent 70%), var(--ivory);padding:clamp(2rem,5vw,3.8rem) 0 clamp(2.4rem,5vw,3.8rem);position:relative;overflow:hidden}.hero__grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.hero h1{letter-spacing:-.02em;font-size:clamp(2.6rem,min(6vw,9vh),5rem);font-weight:400;line-height:.98}.hero h1 em{color:var(--rose-ink);font-style:italic}.hero__cta{flex-wrap:wrap;gap:.7rem;margin-top:1.8rem;display:flex}.hero__trust{color:var(--muted);flex-wrap:wrap;gap:1.6rem;margin-top:2.4rem;font-size:.82rem;display:flex}.hero__trust span{align-items:center;gap:.45rem;display:inline-flex}.hero__trust svg{width:16px;height:16px;color:var(--gold)}.hero__art{aspect-ratio:520/470;justify-self:center;width:100%;max-width:min(500px,62vh);position:relative}@media (width<=860px){.hero__grid{grid-template-columns:minmax(0,1fr)}.hero__art{max-width:260px}.hero{padding-top:2.2rem}}.cats{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:.8rem;display:grid}.cat{border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(160deg, var(--white), var(--pearl));flex-direction:column;justify-content:space-between;min-height:150px;padding:1.1rem;text-decoration:none;transition:all .2s;display:flex}.cat:hover{border-color:var(--rose-2);transform:translateY(-2px)}.cat__n{font:500 1.25rem/1.1 var(--serif)}.cat__c{color:var(--muted);letter-spacing:.06em;font-size:.74rem}.cat svg{width:28px;height:28px;color:var(--gold)}.trust{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:1.4rem;display:grid}.trust__it h3{font-size:1.3rem}.trust__it p{color:#a9cfcb;margin:0;font-size:.92rem}.trust__it svg{width:30px;height:30px;color:var(--gold-soft);margin-bottom:.9rem}.nl{background:linear-gradient(135deg, #e6f5f3, var(--pearl));border:1px solid #cdeae6;border-radius:26px;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:clamp(1.6rem,4vw,3rem);display:grid}.nl form{gap:.7rem;display:grid}.nl input[type=email]{border:1px solid var(--beige-2);background:var(--white);min-height:50px;font:inherit;border-radius:999px;padding:0 1.2rem}.nl .consent{color:var(--ink-2);align-items:flex-start;gap:.6rem;font-size:.8rem;display:flex}.nl .consent input{accent-color:var(--rose-ink);margin-top:.25rem}.nl .msg{min-height:1.2em;font-size:.85rem}@media (width<=800px){.nl{grid-template-columns:1fr}}.quiz{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:clamp(1.3rem,4vw,2.6rem)}.quiz__prog{background:var(--pearl);border-radius:3px;height:3px;margin-bottom:1.6rem;overflow:hidden}.quiz__prog span{background:linear-gradient(90deg, var(--rose-2), var(--gold));width:0;height:100%;transition:width .3s;display:block}.quiz fieldset{border:0;margin:0;padding:0}.quiz legend{font:500 clamp(1.5rem, 3vw, 2.1rem)/1.15 var(--serif);margin-bottom:.4rem}.opts{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:.7rem;margin:1.2rem 0 1.6rem;display:grid}.opt{position:relative}.opt input{opacity:0;cursor:pointer;position:absolute;inset:0}.opt span{border:1px solid var(--line);background:var(--ivory);border-radius:14px;height:100%;padding:1rem 1.1rem;font-size:.95rem;transition:all .15s;display:block}.opt span b{font:500 1.12rem/1.2 var(--serif);margin-bottom:.2rem;display:block}.opt span small{color:var(--muted)}.opt input:checked+span{border-color:var(--rose-ink);box-shadow:inset 0 0 0 1px var(--rose-ink);background:#f0f9f8}.opt input:focus-visible+span{outline:2px solid var(--rose-ink);outline-offset:2px}.quiz__nav{justify-content:space-between;gap:1rem;display:flex}.result h2{margin-top:0}.ftr{background:var(--ink);color:#a9cfcb;padding:clamp(3rem,7vw,5rem) 0 2rem;font-size:.92rem}.ftr a{color:#cfe7e4;text-decoration:none}.ftr a:hover{color:var(--white);text-decoration:underline}.ftr__grid{grid-template-columns:1.4fr repeat(4,1fr);gap:2rem;display:grid}.ftr h3{font:700 .7rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:1rem}.ftr ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.ftr .logo__n{color:var(--white)}.ftr .logo__s{color:#8fb0b3}.ftr__bottom{color:#8fb0b3;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;font-size:.78rem;display:flex}.ftr__aff{color:#8fb0b3;max-width:52ch;margin-top:1rem;font-size:.8rem}@media (width<=900px){.ftr__grid{grid-template-columns:1fr 1fr}.ftr__grid>:first-child{grid-column:1/-1}}.ck{z-index:95;background:var(--white);border:1px solid var(--line);border-radius:18px;max-width:560px;padding:1.3rem;display:none;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 30px 60px -25px #0d2b3373}.ck[data-open=true]{display:block}.ck h2{margin-bottom:.4rem;font-size:1.35rem}.ck p{color:var(--ink-2);margin-bottom:.9rem;font-size:.86rem}.ck__btns{flex-wrap:wrap;gap:.5rem;display:flex}.ck__btns .btn{flex:1;min-width:130px}.ck__prefs{gap:.5rem;margin:.5rem 0 1rem;display:none}.ck[data-prefs=true] .ck__prefs{display:grid}.ck__row{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;font-size:.85rem;display:flex}.ck__row input{width:20px;height:20px;accent-color:var(--rose-ink)}.form{gap:1rem;display:grid}.form label{gap:.35rem;font-size:.8rem;font-weight:600;display:grid}.form input,.form textarea,.form select{border:1px solid var(--line);min-height:46px;font:inherit;background:var(--white);border-radius:12px;padding:.6rem .9rem}.form textarea{min-height:140px}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tags a{text-decoration:none}.pager{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.kv{grid-template-columns:max-content 1fr;gap:.5rem 1.2rem;margin:0;font-size:.92rem;display:grid}.kv dt{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;padding-top:.2rem;font-size:.72rem;font-weight:700}.kv dd{margin:0}.prod-hero{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1.5rem,5vw,4rem);padding-block:1.5rem 3rem;display:grid}.prod-hero__media{aspect-ratio:1;border:1px solid var(--line);border-radius:24px;overflow:hidden}@media (width<=860px){.prod-hero{grid-template-columns:minmax(0,1fr)}}.sticky-cta{display:none}@media (width<=860px){.sticky-cta{z-index:40;padding:.6rem var(--gut) calc(.6rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;align-items:center;gap:.8rem;display:flex;position:fixed;bottom:0;left:0;right:0}.sticky-cta .btn{flex:1}.sticky-cta span{font:500 1rem/1.1 var(--serif);flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ftr .logo svg path[fill=\#0d2b33]{fill:#cfe7e4}h1,h2,h3{text-wrap:balance}.lead,.card p{text-wrap:pretty}.mono{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.6rem .6rem 1.4rem;display:flex}.mono:after{display:none}.mono .pack{filter:drop-shadow(0 8px 14px #0d2b3314);flex:auto;width:62%;max-width:190px;height:auto;min-height:0}.mono__cap{text-align:center;flex-direction:column;align-items:center;line-height:1.15;display:flex}.mono__n{font:italic 400 .95rem/1.15 var(--serif);color:var(--ink-2)}.prod-hero__media .mono .pack{width:55%}.pcard__skin{color:var(--rose-ink);letter-spacing:.02em;margin:0;font-size:.78rem}.pcard__desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pcard__name{font-size:1.32rem}.pcard__body{gap:.55rem}.mono__note{opacity:.75;font-size:.58rem}.cat{justify-content:flex-start;gap:.8rem;min-height:122px;padding:1rem 1.1rem}.cat svg{width:38px;height:38px;color:var(--rose-ink);background:radial-gradient(circle at 35% 30%,#fff,#e3f4f1 60%,#bfe3de);border-radius:50%;padding:8px}.cat__n{font-size:1.18rem}.sec__head{margin-bottom:1.8rem}.hero .lead{margin-top:1rem}.hero__trust{margin-top:1.8rem}.card{border-radius:16px}a.card:hover,.pcard:hover{border-color:var(--rose-2)}.photo{background:var(--pearl);margin:0;position:absolute;inset:0}.photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s;background:0 0!important;padding:0!important}.pcard:hover .photo img,.rank__it:hover .photo img{transform:scale(1.04)}.photo figcaption{font:600 .6rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border-radius:999px;padding:.35rem .55rem;position:absolute;bottom:.6rem;left:.6rem}.prod-hero__media{position:relative}.rank__media .photo{position:absolute;inset:0}.faq{max-width:1040px;padding-block:1rem 3rem}.faq__list{gap:.7rem;margin-top:1.2rem;display:grid}.faq__it{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:0 1.2rem}.faq__it summary{cursor:pointer;padding:1rem 2rem 1rem 0;font-weight:600;line-height:1.4;list-style:none;position:relative}.faq__it summary::-webkit-details-marker{display:none}.faq__it summary:after{content:"+";color:var(--rose-ink);font-size:1.3rem;position:absolute;top:.85rem;right:0}.faq__it[open] summary:after{content:"–"}.faq__it p{color:var(--muted);margin:0 0 1.1rem}@media (width<=640px){.topbar__k{display:none}.topbar{padding-block:.55rem}.topbar a{padding-block:.25rem;display:inline-block}.cats{grid-template-columns:1fr 1fr;gap:.6rem}.cat{flex-direction:row;align-items:center;gap:.65rem;min-height:0;padding:.85rem .9rem}.cat svg{flex:none;width:32px;height:32px;padding:6px}.cat h3,.cat strong,.cat__n{margin:0;font-size:1.02rem;line-height:1.15}.cat__c{margin-top:.2rem;font-size:.76rem;display:block}.cat br{display:none}.cat__n{display:block;line-height:1.12!important}.tablewrap{box-shadow:none;background:0 0;border:0;overflow:visible}.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{box-sizing:border-box;white-space:normal;width:auto;max-width:100%;display:block;min-width:0!important}.cmp{width:100%}.cmp thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cmp tr{background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:.8rem;padding:1rem 1.1rem}.cmp th[scope=row]{border:0;padding:0 0 .6rem}.cmp th[scope=row] a{padding:.2rem 0;font-size:1.25rem;display:inline-block}.cmp td{border:0;border-top:1px solid var(--line);grid-template-columns:7.2rem minmax(0,1fr);gap:.6rem;padding:.45rem 0;font-size:.92rem;display:grid}.cmp td:before{content:attr(data-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:.15rem;font-size:.72rem;font-weight:600}.cmp td.cmp__buy{padding-top:.8rem;display:block}.cmp td.cmp__buy:before{content:none}.cmp td.cmp__buy .btn{justify-content:center;width:100%;min-height:46px}.pcard__name a{padding-block:.35rem;display:inline-block}.tags a.pill{align-items:center;min-height:40px;padding-inline:.9rem;font-size:.8rem;display:inline-flex}.pill{font-size:.76rem}.btn{min-height:44px}.rank__body h3 a{padding-block:.3rem;display:inline-block}.mini__b{font-size:.72rem}.faq__it summary{padding-block:1.05rem}.ftr a{padding-block:.3rem;display:inline-block}h1{overflow-wrap:anywhere;hyphens:auto}}:root{--sea:#0e6f78;--sea-2:#2aa3a0;--foam:#d4efeb;--coral:#e08f7e;--lilac:#b9c3f0;--nacre:linear-gradient(115deg, #8fd3c9 0%, #b9c3f0 38%, #f3c6d3 64%, #f0c9bd 82%, #8fd3c9 100%);--shadow-sea:0 1px 2px #0d2b330d, 0 22px 44px -22px #0e6f7859}body{background:radial-gradient(1400px 700px at 100% 0%, #d4efeb73, transparent 60%), var(--ivory);background-attachment:fixed}::selection{color:var(--ink);background:#bfe6e0}.eyebrow:before{background:var(--nacre);background-size:200% 100%;border-radius:2px;width:26px;height:2px;animation:6s linear infinite nacre}.hero h1 em,.page-hero h1 em{background:linear-gradient(110deg, var(--sea) 0%, var(--sea-2) 30%, #7b86cf 55%, var(--coral) 78%, var(--sea) 100%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.06em;animation:9s ease-in-out infinite alternate nacre}@keyframes nacre{0%{background-position:0%}to{background-position:200%}}.topbar{background:linear-gradient(90deg,#0a2830,#0e4a55 50%,#0a2830)}.hdr{background:#f4fbfad1}.hdr:after{content:"";background:var(--nacre);opacity:.55;background-size:200% 100%;height:2px;animation:12s linear infinite nacre;position:absolute;bottom:-1px;left:0;right:0}.btn{isolation:isolate;overflow:hidden}.btn:not(.btn--ghost){--b:var(--ink);background:linear-gradient(135deg,#0d2b33,#0e5560);border-color:#0000}.btn--rose:not(.btn--ghost){background:linear-gradient(135deg, var(--sea), var(--sea-2))}.btn:before{content:"";z-index:-1;background:linear-gradient(105deg,#0000 30%,#ffffff47 48%,#b9c3f040 52%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.btn:hover:before{transform:translate(120%)}.btn:hover{box-shadow:0 14px 28px -14px #0e6f7899}.btn--ghost{background:#fff9;border-color:#a9cfcb}.btn--ghost:hover{border-color:var(--sea-2);background:#fff}.hero{background:radial-gradient(900px 520px at 78% 30%,#8fd3c973,#0000 65%),radial-gradient(700px 420px at 8% 95%,#b9c3f047,#0000 70%),radial-gradient(600px 300px at 50% -10%,#f0c9bd4d,#0000 70%),linear-gradient(#f4fbfa,#e9f6f4);padding-bottom:clamp(4rem,8vw,6rem)}.hero:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 50% 0,#0000 13px,#0e6f7812 14px,#0000 15px),radial-gradient(circle at 0 14px,#0000 13px,#0e6f7812 14px,#0000 15px),radial-gradient(circle at 100% 14px,#0000 13px,#0e6f7812 14px,#0000 15px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 85% 40%,#000,#0000 75%);mask-image:radial-gradient(70% 80% at 85% 40%,#000,#0000 75%)}.hero>.wrap{z-index:2;position:relative}.hero__wave{z-index:1;width:100%;height:clamp(40px,6vw,90px);position:absolute;bottom:-1px;left:0}.hero__wave .w1{fill:#8fd3c959;transform-origin:50%;animation:9s ease-in-out infinite alternate wave}.hero__wave .w2{fill:#fff}@keyframes wave{0%{transform:translate(-2%)scaleY(1)}to{transform:translate(2%)scaleY(1.18)}}.bubbles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.bubbles span{width:var(--s,10px);height:var(--s,10px);opacity:0;animation:rise var(--d,12s) linear infinite;animation-delay:var(--w,0s);background:radial-gradient(circle at 32% 30%,#fff 0 18%,#ffffff8c 30%,#8fd3c959 70%,#b9c3f040);border-radius:50%;position:absolute;bottom:-30px;box-shadow:inset 0 0 0 1px #ffffffb3}.bubbles span:first-child{--s:8px;--d:13s;--w:0s;left:6%}.bubbles span:nth-child(2){--s:14px;--d:16s;--w:3s;left:14%}.bubbles span:nth-child(3){--s:6px;--d:11s;--w:6s;left:27%}.bubbles span:nth-child(4){--s:10px;--d:15s;--w:1.5s;left:38%}.bubbles span:nth-child(5){--s:7px;--d:12s;--w:8s;left:52%}.bubbles span:nth-child(6){--s:16px;--d:18s;--w:4s;left:61%}.bubbles span:nth-child(7){--s:9px;--d:14s;--w:10s;left:70%}.bubbles span:nth-child(8){--s:12px;--d:17s;--w:2s;left:78%}.bubbles span:nth-child(9){--s:6px;--d:10s;--w:5s;left:86%}.bubbles span:nth-child(10){--s:11px;--d:15s;--w:7s;left:92%}.bubbles span:nth-child(11){--s:5px;--d:9s;--w:12s;left:45%}.bubbles span:nth-child(12){--s:9px;--d:14s;--w:9s;left:20%}@keyframes rise{0%{opacity:0;transform:translate(0)}10%{opacity:.9}50%{transform:translate(12px,-45vh)}90%{opacity:.6}to{opacity:0;transform:translate(-8px,-95vh)}}.hero__art svg{filter:drop-shadow(0 30px 40px #0e6f781f);overflow:visible}.hero__art .bob{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite bob}.hero__art .b2{animation-duration:7s;animation-delay:-2s}.hero__art .b3{animation-duration:6.5s;animation-delay:-4s}.hero__art .pearl{transform-box:fill-box;transform-origin:50%;animation:8s ease-in-out infinite drift}.hero__art .p2{animation-duration:10s;animation-delay:-3s}.hero__art .p3{animation-duration:7s;animation-delay:-5s}.hero__art .tail{transform-box:fill-box;transform-origin:50% 20%;animation:5s ease-in-out infinite swish}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift{0%,to{transform:translate(0)}33%{transform:translate(6px,-10px)}66%{transform:translate(-5px,-4px)}}@keyframes swish{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-6px)}}.sec--white{background:#fff}.sec--pearl{background:linear-gradient(#e8f4f2,#eef3fb 60%,#f8eeec)}.page-hero{background:radial-gradient(1100px 380px at 88% -15%,#8fd3c973,#0000 60%),radial-gradient(700px 300px at 0 120%,#b9c3f038,#0000 70%),linear-gradient(#f4fbfa,#ecf7f5);position:relative;overflow:hidden}.page-hero:after{content:"";opacity:.7;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff,#d4efebcc 45%,#b9c3f059 75%,#0000 76%);border-radius:50%;width:260px;height:260px;animation:14s ease-in-out infinite drift;position:absolute;top:-60px;right:-60px}.pcard,.card,.cat,.rank__it{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .3s}.pcard:hover,.card:hover,.rank__it:hover{box-shadow:var(--shadow-sea);border-color:#a9cfcb;transform:translateY(-5px)}.cat:hover{box-shadow:var(--shadow-sea);border-color:var(--sea-2);transform:translateY(-4px)}.cat svg{transition:transform .5s;color:var(--sea)!important;background:radial-gradient(circle at 35% 30%,#fff,#e3f4f1 55%,#bfe3de)!important}.cat:hover svg{transform:rotate(-8deg)scale(1.08)}.photo{background:linear-gradient(135deg,#e3f4f1,#eef0fb);overflow:hidden}.photo img{filter:saturate(.96);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s}.pcard:hover .photo img,.rank__it:hover .photo img{filter:saturate(1.05);transform:scale(1.08)}.photo:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff59 47%,#b9c3f038 53%,#0000 65%);transition:transform 1s;position:absolute;inset:0;transform:translate(-130%)}.pcard:hover .photo:after,.rank__it:hover .photo:after,.prod-hero__media:hover .photo:after{transform:translate(130%)}.photo:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 60%,#0d2b331f);position:absolute;inset:0}.photo figcaption{z-index:2}.prod-hero__media .photo img{animation:22s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.12)translate(-2%,-1.5%)}}.prod-hero__media{box-shadow:var(--shadow-sea);border-color:#cde6e2}.rank__pos{box-shadow:0 8px 18px -8px #0e6f7899;background:linear-gradient(135deg, var(--sea), var(--sea-2))!important;color:#fff!important}.pill--gold{color:#8a5a4c;background:#fbeee9;border-color:#f0c9bd}.pill--rose{color:var(--sea);background:#e3f4f1;border-color:#bfe3de}.rv-on .rv{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .3s;transform:translateY(22px)}.rv-on .rv.rv--in{opacity:1;transform:none}.rv-on .pcard.rv--in:hover,.rv-on .card.rv--in:hover,.rv-on .rank__it.rv--in:hover{transform:translateY(-5px);transition-delay:0s!important}.ftr{background:radial-gradient(900px 300px at 85% 0,#2aa3a038,#0000 70%),linear-gradient(#0d2b33,#082028)!important}@media (prefers-reduced-motion:reduce){.bubbles,.page-hero:after{display:none}.hero h1 em,.page-hero h1 em{animation:none}.rv-on .rv{opacity:1!important;transform:none!important}}.logo{gap:.75rem}.logo svg.logo__m{filter:drop-shadow(0 4px 10px #0e5f6938);flex:none;width:42px;height:42px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.logo:hover svg.logo__m{transform:rotate(-6deg)scale(1.04)}.logo__n{letter-spacing:.18em;color:var(--ink);font-weight:500}.logo__x{background:linear-gradient(100deg,#0e6f78,#2aa3a0 45%,#7b86cf 75%,#d48f7e);color:#0000;-webkit-background-clip:text;background-clip:text}.logo__s{color:#5d7f86;letter-spacing:.24em}.ftr .logo__x{background:linear-gradient(100deg,#9fe0d6,#c3cbf3 60%,#f3c9bb);color:#0000;-webkit-background-clip:text;background-clip:text}@media (width<=560px){.logo svg.logo__m{width:36px;height:36px}}.catx-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.catx{aspect-ratio:4/5;color:#fff;isolation:isolate;background:linear-gradient(135deg,#0e5f69,#0a2a33);border-radius:22px;text-decoration:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;display:block;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 1px 2px #0d2b330f,0 18px 36px -22px #0d2b3373}.catx__media{z-index:-2;position:absolute;inset:0}.catx__media img{object-fit:cover;opacity:0;width:100%;height:100%;animation:13.5s ease-in-out infinite catfade;animation-delay:calc(var(--i) * 4.5s - var(--c) * 1.1s);will-change:opacity, transform;position:absolute;inset:0}.catx__media img:first-child{opacity:1}@keyframes catfade{0%{opacity:0;transform:scale(1.14)translate(1.5%,1%)}6%{opacity:1}33%{opacity:1}40%{opacity:0;transform:scale(1.02)translate(-1.5%,-1%)}to{opacity:0;transform:scale(1.02)translate(-1.5%,-1%)}}.catx:before{content:"";z-index:-1;background:linear-gradient(#0a2a3300 35%,#0a2a3359 60%,#082028e0 100%),linear-gradient(135deg,#2aa3a02e,#b9c3f01f);transition:opacity .5s;position:absolute;inset:0}.catx:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff47 47%,#b9c3f033 53%,#0000 65%);transition:transform 1.1s;position:absolute;inset:0;transform:translate(-130%)}.catx:hover{transform:translateY(-6px);box-shadow:0 30px 50px -26px #0e5f6999}.catx:hover:after{transform:translate(130%)}.catx__body{gap:.3rem;padding:1.1rem 1.15rem 1.2rem;display:grid;position:absolute;bottom:0;left:0;right:0}.catx__ic{-webkit-backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:.35rem;transition:transform .5s,background .4s;display:grid}.catx__ic svg{color:#fff;width:19px;height:19px}.catx:hover .catx__ic{background:#9fe0d659;transform:rotate(-10deg)scale(1.08)}.catx__n{font:500 1.45rem/1.08 var(--serif);letter-spacing:-.005em;text-shadow:0 2px 14px #00000040}.catx__c{font:600 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#cdeee9}.catx__c span{transition:transform .3s;display:inline-block}.catx:hover .catx__c span{transform:translate(4px)}.catx:focus-visible{outline:3px solid var(--sea-2);outline-offset:3px}.catx__note{text-align:right;margin:.9rem 0 0;font-size:.74rem}@media (width<=1000px){.catx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.catx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.catx{aspect-ratio:3/4;border-radius:18px}.catx__body{padding:.8rem .85rem .9rem}.catx__ic{width:32px;height:32px}.catx__n{font-size:1.15rem}.catx__c{letter-spacing:.1em;font-size:.64rem}}@media (prefers-reduced-motion:reduce){.catx__media img{animation:none!important}.catx__media img:not(:first-child){display:none}}