.finder{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}@media (min-width:1000px){.finder{grid-template-columns:5fr 6fr;gap:var(--space-7);align-items:stretch}}.finder__panel{display:flex;flex-direction:column;gap:var(--space-5);min-height:100%}.finder__steps{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--text-small);font-weight:600;color:var(--color-muted)}.finder__step{gap:var(--space-2);transition:color .4s var(--ease-out)}.finder__step,.finder__step-num{display:inline-flex;align-items:center}.finder__step-num{justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--color-line-strong);font-size:var(--text-xs);transition:background-color .4s var(--ease-out),border-color .4s var(--ease-out),color .4s var(--ease-out),transform .5s var(--ease-out)}.finder__step.is-current{color:var(--color-ink)}.finder__step.is-current .finder__step-num{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-white);transform:scale(1.1)}.finder__step.is-done .finder__step-num{border-color:var(--color-sage);background:var(--color-sage);color:var(--color-white)}.finder__step.is-skipped{opacity:.45;text-decoration:line-through}.finder__body{display:flex;flex-direction:column;gap:var(--space-4)}.finder__body>*{animation:finder-in .7s var(--ease-out) backwards}.finder__body>:nth-child(2){animation-delay:80ms}.finder__body>:nth-child(3){animation-delay:.14s}.finder__body>:nth-child(n+4){animation-delay:.2s}@keyframes finder-in{0%{opacity:0;transform:translateY(18px)}}.finder__q{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:800;letter-spacing:var(--tracking-heading);line-height:1.1}.finder__options{display:flex;flex-direction:column;gap:var(--space-3)}.finder__option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1.5px solid var(--color-line);border-radius:var(--radius);background:var(--color-white);text-align:left;transition:border-color .3s var(--ease-out),transform .4s var(--ease-out),box-shadow .4s var(--ease-out)}.finder__option:hover,.finder__option[aria-pressed=true]{border-color:var(--color-ink);transform:translateY(-2px);box-shadow:0 14px 30px -18px rgb(30 52 68/.45)}.finder__option-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius);background:var(--color-peach-tint);color:var(--color-ink);transition:background-color .3s var(--ease-out),transform .5s var(--ease-out)}.finder__option:hover .finder__option-icon{background:var(--color-peach);transform:rotate(-8deg) scale(1.05)}.finder__option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.finder__option-text strong{font-family:var(--font-display);font-size:1.125rem;letter-spacing:var(--tracking-heading)}.finder__option-text span{font-size:var(--text-small);color:var(--color-muted)}.finder__option-arrow{flex:none;margin-left:auto;color:var(--color-muted);transition:transform .3s var(--ease-out)}.finder__option:hover .finder__option-arrow{transform:translateX(4px);color:var(--color-ink)}.finder__measure{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.finder__cm{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-muted)}.finder__cm span{font-size:clamp(3rem,2rem + 4vw,4.5rem);font-weight:800;letter-spacing:-.03em;color:var(--color-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.finder__size{padding:8px 16px;border-radius:var(--radius-pill);background:var(--color-sage-tint);color:var(--color-sage-ink);font-weight:700;animation:finder-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes finder-pop{0%{transform:scale(.8);opacity:.4}}.finder__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--color-ink) var(--fill),var(--color-line) var(--fill));cursor:pointer}.finder__range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;border:4px solid var(--color-white);background:var(--color-peach);box-shadow:0 4px 14px rgb(30 52 68/.35);-webkit-transition:transform .2s var(--ease-out);transition:transform .2s var(--ease-out)}.finder__range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:4px solid var(--color-white);background:var(--color-peach);box-shadow:0 4px 14px rgb(30 52 68/.35)}.finder__range:active::-webkit-slider-thumb{transform:scale(1.15)}.finder__range:focus-visible{outline:2px solid var(--color-ink);outline-offset:6px}.finder__scale{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-xs);color:var(--color-muted);text-align:center}.finder__scale li{display:flex;flex-direction:column;padding:6px 4px;border-radius:var(--radius-sm);transition:background-color .3s var(--ease-out),color .3s var(--ease-out)}.finder__scale strong{font-size:var(--text-small);color:var(--color-ink)}.finder__scale li.is-active{background:var(--color-ink);color:rgb(255 255 255/.8)}.finder__scale li.is-active strong{color:var(--color-white)}.finder__hint{font-size:var(--text-small);color:var(--color-muted)}.finder__result{display:flex;flex-direction:column;gap:var(--space-3)}.finder__result-name{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:800;letter-spacing:var(--tracking-heading);line-height:1.1}.finder__result-size{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;padding:8px 16px;border-radius:var(--radius-pill);background:var(--color-sage-tint);color:var(--color-sage-ink);font-weight:700}.finder__tip{padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-peach);background:var(--color-white);font-size:var(--text-small)}.finder__result .cluster{margin-top:var(--space-2)}.finder__nav{display:flex;gap:var(--space-5);margin-top:auto}.finder__link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-small);font-weight:700;color:var(--color-muted);text-decoration:underline;text-underline-offset:4px;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;transition:color .2s ease,-webkit-text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease;transition:color .2s ease,text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.finder__link:hover{color:var(--color-ink);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.finder__stage{position:relative;order:-1;aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--color-peach-tint);overflow:hidden;isolation:isolate}@media (min-width:1000px){.finder__stage{order:0;aspect-ratio:auto;min-height:600px}}.finder__scene{position:absolute;inset:0;z-index:-3;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);background:var(--color-peach-tint)}.finder__scene.is-prev{z-index:-2;-webkit-clip-path:inset(0);clip-path:inset(0)}.finder__scene.is-active{z-index:-1;-webkit-clip-path:inset(0);clip-path:inset(0);transition:-webkit-clip-path 1s cubic-bezier(.77,0,.18,1);transition:clip-path 1s cubic-bezier(.77,0,.18,1);transition:clip-path 1s cubic-bezier(.77,0,.18,1),-webkit-clip-path 1s cubic-bezier(.77,0,.18,1)}.finder__scene img{object-fit:cover;transform:scale(1.14)}.finder__scene.is-active img,.finder__scene.is-prev img{transform:scale(1)}.finder__scene.is-active img{transition:transform 1.8s cubic-bezier(.16,1,.3,1)}.finder__scene:not(.finder__scene--intro):after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgb(30 52 68/.4),transparent)}.finder__scene--intro{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:6px}.finder__tile{position:relative;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--radius-lg) - 6px);background:var(--color-white);color:var(--color-sage-ink);overflow:hidden}.finder__tile img{transition:transform 1.2s var(--ease-out)}.finder__stage:hover .finder__tile img{transform:scale(1.04)}.finder__tile-name{left:var(--space-3);top:var(--space-3);padding:4px 10px;border-radius:var(--radius-pill);background:rgb(255 255 255/.9);font-weight:700}.finder__placeholder,.finder__tile-name{position:absolute;font-size:var(--text-xs);color:var(--color-ink)}.finder__placeholder{top:var(--space-5);left:var(--space-5);right:var(--space-5);padding:6px 10px;border-radius:6px;background:rgb(255 255 255/.92)}.finder__chip{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);width:-moz-fit-content;width:fit-content;max-width:calc(100% - 2 * var(--space-4));padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:rgb(255 255 255/.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--text-small);color:var(--color-ink);animation:finder-in .7s var(--ease-out) .45s backwards}.finder__chip strong{font-family:var(--font-display);font-size:1.0625rem}.finder__chip span{padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-sage-tint);color:var(--color-sage-ink);font-weight:700}@media (prefers-reduced-motion:reduce){.finder__body>*,.finder__chip,.finder__scene.is-active,.finder__scene.is-active img,.finder__size{animation:none;transition:none}}@media (max-width:599px){.finder__tile-name{display:none}}.finder__chip .finder__chip-soon{background:var(--color-peach);color:var(--color-ink)}