.farwonder{--ink:#2b1d2a;--muted:#6b5a60;--paper:#fff7e8;--card:#f7ecd9;--link:#9a4f2f;--green:#467565;--sun:#f3d98b;--rose:#f6dccf;--mint:#d9ebe5;color:var(--ink);background:var(--paper);font-family:Mali,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}.farwonder h1,.farwonder h2,.farwonder h3{letter-spacing:0;font-family:inherit}.farwonder .sky{background:radial-gradient(60% 80% at 15% 10%, #f8e3a6 0%, transparent 60%), radial-gradient(50% 70% at 85% 20%, #d9c3e3 0%, transparent 65%), radial-gradient(70% 90% at 50% 0%, #f2c6bd 0%, transparent 70%), var(--paper)}.farwonder .pill{border:3px solid var(--ink);color:var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:1.15rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.farwonder .pill:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.farwonder .pill:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.farwonder .pill{min-height:2.75rem}.farwonder .shot{border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:var(--card);border-radius:1.25rem}.farwonder .inked{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink)}.farwonder a.text-link.nav-link{display:none}@media (min-width:640px){.farwonder a.text-link.nav-link{display:inline-flex}}.farwonder a.text-link{min-height:2.75rem;color:var(--link);text-underline-offset:3px;align-items:center;font-weight:700;display:inline-flex}.farwonder .looks-frame{aspect-ratio:16/10;position:relative;overflow:hidden}.farwonder .look-slide{opacity:0;transition:opacity .7s,transform .7s;position:absolute;inset:0;transform:translate(4%)}.farwonder .look-slide.on{opacity:1;transform:none}.farwonder .look-slide img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.farwonder .look-slide{transition:none;transform:none}}.farwonder .look-pick{border:2px solid var(--ink);background:var(--paper);min-height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .9rem;font-weight:700;display:inline-flex}.farwonder .look-pick:hover{background:var(--card)}.farwonder .look-pick[aria-current=true]{background:var(--sun);box-shadow:0 3px 0 var(--ink)}.farwonder .look-play{min-height:2.75rem;color:var(--link);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;flex:none;align-items:center;gap:.35rem;padding:.3rem .5rem;font-weight:700;text-decoration:underline;display:inline-flex}.farwonder .look-pick:focus-visible,.farwonder .look-play:focus-visible{outline:3px solid var(--link);outline-offset:2px}
