.finder{background:var(--navy-900);color:#fff;padding-block:var(--section);position:relative;overflow:hidden}.finder:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#fcc0502e,#0000 60%);border-radius:50%;width:900px;position:absolute;top:-380px;left:-300px}.finder--page{padding-block:clamp(40px, 6vw, 80px) var(--section)}.finder__grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid;position:relative}.finder__intro{align-content:center;gap:18px;display:grid}.finder__eyebrow{color:var(--gold-500)}.finder__title{color:#fff;font-size:var(--step-5);line-height:1}.finder__title em{color:var(--gold-500)}.finder__lead{font-size:var(--step-1);color:#ffffffc7;max-width:40ch}.finder__progress{gap:8px;margin-top:8px;padding:0;list-style:none;display:flex}.finder__progress li{border-radius:var(--radius-pill);font-size:var(--step--1);color:#fff9;background:#ffffff14;align-items:center;gap:8px;padding:6px 14px 6px 6px;transition:background-color .4s,color .4s;display:inline-flex}.finder__progress li span{background:#ffffff1f;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;transition:background-color .4s,color .4s;display:grid}.finder__progress li.is-active{color:#fff;background:#ffffff24}.finder__progress li.is-active span,.finder__progress li.is-done span{background:var(--gold-500);color:var(--navy-950)}.finder__card{border-radius:var(--radius-xl);background:var(--paper);color:var(--ink);min-height:460px;padding:clamp(22px,3vw,40px);position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #00000080}.finder__form{display:grid}.finder__step{opacity:0;visibility:hidden;min-width:0;transition:opacity .45s var(--ease-out), translate .6s var(--ease-out), visibility 0s .6s;border:0;grid-area:1/1;align-content:start;gap:22px;margin:0;padding:0;display:grid;translate:40px}.finder__step.is-active{opacity:1;visibility:visible;transition-delay:0s;translate:0}.finder__step.is-past{translate:-40px}.finder__step legend{float:left;width:100%;font:400 var(--step-3) / 1.1 var(--font-serif);color:var(--navy-900);margin-bottom:4px}.finder__step legend small{font:500 var(--step--1) / 1 var(--font-sans);color:var(--muted);margin-left:8px}.fopt{cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}.fopt input{opacity:0;pointer-events:none;position:absolute}.fopt__label{color:var(--navy-900);font-weight:600}.fopt:has(input:focus-visible){outline:3px solid var(--navy-500);outline-offset:3px;border-radius:var(--radius)}.finder__who{clear:both;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fopt--who{border-radius:var(--radius-lg);background:var(--porcelain);text-align:center;transition:background-color .25s, box-shadow .25s, translate .4s var(--ease-spring);justify-items:center;gap:10px;padding:18px 10px 16px;display:grid}.fopt--who:hover{box-shadow:inset 0 0 0 1.5px var(--navy-300);translate:0 -3px}.fopt--who:has(input:checked){background:var(--gold-100);box-shadow:inset 0 0 0 2px var(--gold-600)}.fopt--who .fopt__img{background:#fff;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;overflow:hidden}.fopt--who .fopt__img img{object-fit:cover;width:100%;height:100%}.finder__loves{clear:both;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.fopt--love{border-radius:var(--radius);background:var(--porcelain);text-align:center;font-size:var(--step--1);transition:background-color .25s, box-shadow .25s, scale .35s var(--ease-spring);justify-items:center;gap:6px;padding:12px 6px 10px;display:grid}.fopt--love:hover{box-shadow:inset 0 0 0 1.5px var(--navy-300)}.fopt--love:has(input:checked){background:var(--navy-50);box-shadow:inset 0 0 0 2px var(--navy-700)}.fopt--love:active{scale:.96}.fopt--love .fopt__img{place-items:center;width:56px;height:56px;display:grid}.fopt--love .fopt__img img{object-fit:contain;border-radius:6px;max-width:100%;max-height:100%}.fopt__check{background:var(--navy-700);color:#fff;width:22px;height:22px;transition:scale .35s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px;scale:0}.fopt--love:has(input:checked) .fopt__check{scale:1}.finder__budget{clear:both;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.fopt--budget{border-radius:var(--radius-lg);background:var(--porcelain);min-height:92px;font-size:var(--step-1);transition:background-color .25s, box-shadow .25s, translate .4s var(--ease-spring);place-items:center;display:grid}.fopt--budget:hover{box-shadow:inset 0 0 0 1.5px var(--navy-300);translate:0 -3px}.fopt--budget:has(input:checked){background:var(--gold-100);box-shadow:inset 0 0 0 2px var(--gold-600)}.finder__nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.finder__results{gap:16px}.finder__results-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.finder__results-title{font:500 var(--step-2) / 1.15 var(--font-serif);color:var(--navy-900);align-items:center;gap:8px;display:flex}.finder__results-title svg{color:var(--gold-600);flex:none}.finder__restart{font-size:var(--step--1);color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.finder__restart:hover{color:var(--navy-700)}.finder__list{grid-template-columns:repeat(3,1fr);gap:12px;padding:0;list-style:none;display:grid}.fres{animation:fres-in .6s var(--ease-spring) both;animation-delay:calc(var(--i) * 70ms);gap:6px;display:grid;position:relative}.fres__img{aspect-ratio:1;border-radius:var(--radius);background:color-mix(in oklab, var(--tint) 12%, #fbfaf7);place-items:center;display:grid}.fres__img img{object-fit:contain;mix-blend-mode:multiply;width:78%;height:78%;transition:scale .5s var(--ease-out)}.fres:hover .fres__img img{scale:1.06}.fres__name{font-size:var(--step--2);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}.fres__name:after{content:"";position:absolute;inset:0}.fres__row{font-weight:700;font-size:var(--step--1);color:var(--navy-900);justify-content:space-between;align-items:center;display:flex}.fres__add{z-index:1;background:var(--navy-700);color:#fff;width:34px;height:34px;transition:background-color .2s, scale .3s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:relative}.fres__add:hover{background:var(--gold-500);color:var(--navy-950);scale:1.08}.fres__add.is-added{background:var(--green-700);color:#fff}.fres__badge{z-index:1;position:absolute;top:8px;left:8px}@keyframes fres-in{0%{opacity:0;translate:0 16px;scale:.94}}@media (width<=960px){.finder__grid{grid-template-columns:1fr}.finder__loves{grid-template-columns:repeat(3,1fr)}}@media (width<=520px){.finder__who,.finder__list{grid-template-columns:repeat(2,1fr)}.finder__list li:nth-child(n+5){display:none}}