.home .recommendations{position:relative;isolation:isolate;overflow:clip;padding-top:90px;padding-bottom:80px;background:var(--paper)}
.home .recommendations::before{content:"";position:absolute;inset:13% -15% -25%;background:radial-gradient(ellipse at 78% 70%,#e4007c1a,transparent 48%),radial-gradient(ellipse at 12% 90%,#f2812322,transparent 48%);z-index:-1;pointer-events:none}
.recommendations-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}
.recommendations-eyebrow{font:700 10px/1.5 Manrope,sans-serif;letter-spacing:1.6px;margin:0 0 26px}
.home .recommendations h2{font:400 clamp(40px,5.7vw,83px)/1.35 var(--display);letter-spacing:-.05em;margin:0}.pink-text{color:var(--pink)}
.recommendations-navigation{display:flex;align-items:center;gap:28px;padding-bottom:12px}.recommendation-count{font:600 12px/1.5 Manrope,sans-serif;letter-spacing:1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.recommendation-arrows{display:flex;gap:10px}.recommendation-arrows button{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #17171730;background:#ffffff45;color:var(--ink);font:400 25px/1 Manrope,sans-serif;transition:background .2s,color .2s,opacity .2s}
.recommendation-arrows button:hover:not(:disabled){background:var(--pink);border-color:var(--pink);color:var(--paper)}.recommendation-arrows button:disabled{opacity:.3;cursor:default}
.recommendations-track{display:flex;gap:20px;list-style:none;margin:0;padding:16px 2px 30px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:2px;scrollbar-width:none;touch-action:pan-x pan-y}
.recommendations-track::-webkit-scrollbar{display:none}
.recommendation-card{--card-glow:radial-gradient(ellipse at 74% 94%,#f28123c4 0%,#f7dd0e8a 24%,#e4007c77 52%,transparent 83%);position:relative;isolation:isolate;flex:0 0 calc((100% - 58px)/3);min-width:295px;min-height:410px;display:flex;flex-direction:column;padding:28px;border-radius:24px;border:1px solid #fff9;background:linear-gradient(145deg,#ffffff88,#ffffff35);box-shadow:inset 0 1px 0 #fff,0 8px 24px #17171707;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);scroll-snap-align:start;scroll-snap-stop:normal;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .3s;overflow:clip;color:var(--ink)}
.recommendation-card::before{content:"";position:absolute;z-index:-1;inset:-15%;background:var(--card-glow);filter:blur(24px);opacity:0;transform:translateY(24%);transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1)}
.recommendation-card:nth-child(3n+2){--card-glow:radial-gradient(ellipse at 22% 95%,#e4007c99 0%,#f2812399 35%,#ffb1df66 60%,transparent 83%)}
.recommendation-card:nth-child(3n){--card-glow:radial-gradient(ellipse at 70% 96%,#f7dd0eba 0%,#f28123ae 32%,#e4007c6b 59%,transparent 85%)}
.recommendation-card:is(:hover,:focus-within){transform:translateY(-7px);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 20px 35px #8d255d14}
.recommendation-card:is(:hover,:focus-within)::before{opacity:1;transform:translateY(0)}
.quote-mark{display:block;font:400 60px/.8 Manrope,sans-serif;color:var(--pink);margin:4px 0 15px;opacity:.75}
.recommendation-card blockquote{margin:0 0 35px;flex:1}.recommendation-card blockquote p{font:400 clamp(21px,1.7vw,26px)/1.35 Manrope,sans-serif;letter-spacing:-.35px;margin:0;text-wrap:pretty;overflow-wrap:break-word}
.recommendation-author{border-top:1px solid #17171720;padding-top:20px;display:flex;flex-direction:column;gap:12px}
.recommendation-author>span{font:700 14px/1.45 Manrope,sans-serif;min-height:40px;text-wrap:balance;max-width:240px}
.read-recommendation{width:max-content;max-width:100%;background:none;padding:0;border:0;color:var(--ink);font:600 11px/1.5 Manrope,sans-serif;text-align:left;border-bottom:1px solid #17171735;cursor:pointer}
.read-recommendation:hover{border-color:var(--ink)}
.recommendations-source{font:500 11px/1.7 Manrope,sans-serif;margin:5px 0 0;opacity:.65;max-width:460px;text-wrap:pretty}
.recommendation-dialog{max-width:720px;width:calc(100% - 36px);max-height:85svh;overflow-y:auto;padding:56px 48px;border:1px solid #fff8;border-radius:25px;background:#f6f5edf5;box-shadow:0 30px 100px #17171730;color:var(--ink)}
.recommendation-dialog::backdrop{background:#17171755;backdrop-filter:blur(9px)}.recommendation-dialog .recommendation-close{position:absolute;right:18px;top:15px;border:0;width:36px;height:36px;border-radius:50%;background:#1717170a;font-size:27px;line-height:1;display:grid;place-items:center}
.recommendation-dialog h2{font:800 28px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 32px;color:var(--pink);padding-right:12px}
.recommendation-dialog #recommendation-text p{font:400 16px/1.8 Manrope,sans-serif;white-space:pre-line;text-wrap:pretty;margin:0 0 22px}.recommendation-dialog #recommendation-text p:last-child{margin-bottom:0}
@media(max-width:1000px){.recommendation-card{flex-basis:calc((100% - 34px)/2)}.home .recommendations h2{font-size:6.5vw}}
@media(max-width:600px){.home .recommendations{padding:60px 6% 55px}.recommendations-heading{gap:24px;align-items:flex-start;flex-direction:column;margin-bottom:22px}.home .recommendations h2{font-size:10.6vw;line-height:1.4}.recommendations-eyebrow{font-size:9px;margin-bottom:18px}.recommendations-navigation{justify-content:space-between;width:100%;padding:0}.recommendation-arrows button{width:42px;height:42px}.recommendations-track{gap:16px;margin-right:-7%;padding-right:7%}.recommendation-card{flex-basis:86%;min-width:0;min-height:415px;padding:27px;border-radius:22px}.recommendation-card blockquote p{font-size:23px}.recommendation-author>span{min-height:0;font-size:14px}.read-recommendation{font-size:12px}.recommendations-source{font-size:10px;max-width:300px}.recommendation-dialog{padding:50px 26px 32px}.recommendation-dialog h2{font-size:24px}}
@media(hover:none){.recommendation-card::before{opacity:.2;transform:translateY(10%)}.recommendation-card:focus-within::before{opacity:.8}}
@media(prefers-reduced-motion:reduce){.recommendation-card,.recommendation-card::before,.recommendation-arrows button{transition:none}.recommendation-card:is(:hover,:focus-within){transform:none}}