.finder:has(.face-map){min-height:820px;padding:38px}.finder:has(.face-map) .finder-progress{margin-bottom:42px}.finder:has(.face-map) .finder-question h2{max-width:590px;margin-bottom:20px;font-size:clamp(39px,3.7vw,55px)}.face-map{isolation:isolate;min-height:560px;margin-top:4px;position:relative}.face-map-drawing{z-index:0;color:#17151259;width:min(54%,310px);height:465px;position:absolute;top:0;left:50%;transform:translate(-50%)}.face-map-drawing:before{content:"";z-index:-1;background:radial-gradient(circle,#f2eee76b,#0000 69%);border:1px solid #6b4f3f21;border-radius:50%;position:absolute;inset:11% -10% 3%}.face-map-drawing svg{width:100%;height:100%;display:block;overflow:visible}.face-map-drawing path{fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .35s,stroke-width .35s,opacity .35s,filter .35s}.face-map-drawing .face-map-hair{fill:#6b4f3f09;stroke:#1715123d}.face-map-drawing .face-map-cheek{opacity:.32;stroke-dasharray:2 7}.face-map-choices{z-index:2;position:absolute;inset:0}.face-map-choice{width:150px;color:var(--ink);text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e6ded3c7;border:0;border-top:1px solid #17151247;gap:2px;padding:10px 10px 11px;transition:background .3s,color .3s,transform .4s cubic-bezier(.22,1,.36,1),border-color .3s;display:grid;position:absolute}.face-map-choice:before{content:"";aspect-ratio:1;background:var(--bone);border:1px solid;border-radius:50%;width:5px;position:absolute;top:-3px}.face-map-choice span{color:var(--wine);letter-spacing:.14em;font-size:6px}.face-map-choice strong{font:17px/1.1 var(--serif)}.face-map-choice small{opacity:.55;font-size:6px;line-height:1.4}.face-map-choice:hover,.face-map-choice:focus-visible{z-index:4;border-color:var(--ink);background:var(--ink);color:var(--paper);transform:translateY(-4px)}.face-map-choice:hover span,.face-map-choice:focus-visible span{color:#cdb6a6}.face-map-choice--scalp{text-align:center;top:0;left:50%;transform:translate(-50%)}.face-map-choice--scalp:before{top:auto;bottom:-3px;left:50%;transform:translate(-50%)}.face-map-choice--scalp:hover,.face-map-choice--scalp:focus-visible{transform:translate(-50%,-4px)}.face-map-choice--brows{top:95px;left:0}.face-map-choice--eyes{top:135px;right:0}.face-map-choice--skin{top:235px;left:0}.face-map-choice--lips{top:260px;right:0}.face-map-choice--contour{top:365px;left:12px}.face-map-choice--body{top:390px;right:12px}.face-map-choice--brows:before,.face-map-choice--skin:before,.face-map-choice--contour:before{right:-3px}.face-map-choice--eyes:before,.face-map-choice--lips:before,.face-map-choice--body:before{left:-3px}.face-map-unsure{z-index:3;border:0;color:var(--ink);text-align:left;cursor:pointer;background:#f2eee77a;border-block:1px solid #1715123d;grid-template-columns:32px 1fr 1.4fr 22px;align-items:center;gap:12px;padding:13px 14px;transition:background .3s,color .3s,padding .4s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:0;left:0;right:0}.face-map-unsure span{color:var(--wine);font-size:7px}.face-map-unsure strong{font:17px var(--serif)}.face-map-unsure small{opacity:.58;font-size:7px}.face-map-unsure i{font-size:17px;font-style:normal}.face-map-unsure:hover,.face-map-unsure:focus-visible{background:var(--wine);color:var(--paper);padding-inline:22px}.face-map-unsure:hover span,.face-map-unsure:focus-visible span{color:#d8c7ba}:is(.face-map:has(.face-map-choice:hover) .face-map-drawing path,.face-map:has(.face-map-choice:focus-visible) .face-map-drawing path){opacity:.14}:is(.face-map:has(.face-map-choice--scalp:hover) .face-map-hair,.face-map:has(.face-map-choice--scalp:focus-visible) .face-map-hair,.face-map:has(.face-map-choice--brows:hover) .face-map-brows,.face-map:has(.face-map-choice--brows:focus-visible) .face-map-brows,.face-map:has(.face-map-choice--eyes:hover) .face-map-eyes,.face-map:has(.face-map-choice--eyes:focus-visible) .face-map-eyes,.face-map:has(.face-map-choice--lips:hover) .face-map-lips,.face-map:has(.face-map-choice--lips:focus-visible) .face-map-lips,.face-map:has(.face-map-choice--skin:hover) .face-map-outline,.face-map:has(.face-map-choice--skin:hover) .face-map-cheek,.face-map:has(.face-map-choice--skin:focus-visible) .face-map-outline,.face-map:has(.face-map-choice--skin:focus-visible) .face-map-cheek,.face-map:has(.face-map-choice--contour:hover) .face-map-contour,.face-map:has(.face-map-choice--contour:focus-visible) .face-map-contour,.face-map:has(.face-map-choice--body:hover) .face-map-neck,.face-map:has(.face-map-choice--body:hover) .face-map-body,.face-map:has(.face-map-choice--body:focus-visible) .face-map-neck,.face-map:has(.face-map-choice--body:focus-visible) .face-map-body){stroke:var(--wine);stroke-width:3px;filter:drop-shadow(0 0 5px #6b4f3f3d);opacity:1!important}@media (max-width:700px){.finder:has(.face-map){min-height:810px;padding:30px 20px}.finder:has(.face-map) .finder-progress{margin-bottom:36px}.face-map{min-height:575px}.face-map-drawing{width:205px;height:390px;top:20px}.face-map-choice{width:112px;padding:8px}.face-map-choice strong{font-size:14px}.face-map-choice small{display:none}.face-map-choice--scalp{top:0}.face-map-choice--brows{top:105px}.face-map-choice--eyes{top:145px}.face-map-choice--skin{top:225px}.face-map-choice--lips{top:265px}.face-map-choice--contour{top:355px;left:0}.face-map-choice--body{top:395px;right:0}.face-map-unsure{grid-template-columns:25px 1fr 18px}.face-map-unsure small{display:none}}@media (prefers-reduced-motion:reduce){.face-map-drawing path,.face-map-choice,.face-map-unsure{transition:none}}