.atelier-headline{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.65rem,4.6vw,4.15rem);line-height:1.06}.atelier-small-swatch{background:var(--primary);border-radius:60% 60% 35% 35%;width:12px;height:23px;transform:rotate(-18deg)}.atelier-photo-frame{background:var(--sidebar);aspect-ratio:4/5;border-radius:48% 48% 18px 18px;overflow:hidden}.atelier-photo{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-duration-slower) var(--motion-ease-emphasized)}.atelier-caption-stamp{justify-content:center;gap:var(--spacing);text-align:center;border:1px solid var(--sidebar-foreground);outline:5px solid var(--sidebar);background:var(--sidebar);width:116px;height:116px;color:var(--sidebar-foreground);font-size:var(--text-2xs);border-radius:50%;flex-direction:column;display:flex;position:absolute;top:7%;right:-9px;transform:rotate(9deg)}.atelier-caption-stamp strong{font-size:var(--text-lg)}.atelier-fan{width:66px;height:172px;position:absolute;bottom:24px;left:10%;transform:rotate(-10deg)}.atelier-swatch{border:1px solid var(--border);border-radius:32px 32px var(--radius-md) var(--radius-md);background:var(--background);color:var(--foreground);box-shadow:var(--shadow-md);transform-origin:50% 92%;transform:rotate(var(--fan-angle));transition:transform var(--motion-duration-slow) var(--motion-ease-emphasized);flex-direction:column;align-items:center;gap:8px;padding:6px 4px;display:flex;position:absolute;inset:0}.atelier-swatch-color{background:var(--swatch-color);width:100%;height:99px;box-shadow:inset -5px -3px 0 color-mix(in oklch, var(--foreground) 8%, transparent);border-radius:28px 28px 18px 18px}.atelier-swatch-name{font-size:var(--text-2xs);letter-spacing:-.01em;font-weight:600}.atelier-swatch-pin{background:var(--gold);border-radius:50%;width:7px;height:7px;margin-top:auto}.atelier-swatch-0{--fan-angle:-36deg;--swatch-color:var(--primary)}.atelier-swatch-1{--fan-angle:-14deg;--swatch-color:var(--sidebar-ring)}.atelier-swatch-2{--fan-angle:8deg;--swatch-color:var(--primary-surface)}.atelier-swatch-3{--fan-angle:30deg;--swatch-color:var(--accent-strong)}.atelier-swatch-4{--fan-angle:52deg;--swatch-color:var(--gold)}.atelier-discover svg{transition:transform var(--motion-duration-base) var(--motion-ease-out)}@media (hover:hover) and (pointer:fine){.atelier-visual:hover .atelier-photo{transform:scale(1.025)}.atelier-visual:hover .atelier-swatch{transform:rotate(calc(var(--fan-angle) * 1.15))}.atelier-discover:hover svg{transform:translate(2px,2px)}}.atelier-discover:focus-visible svg{transform:translate(2px,2px)}@media (width>=1024px) and (prefers-reduced-motion:no-preference){.atelier-visual{animation:atelier-arrive var(--motion-duration-slower) var(--motion-ease-emphasized)}}@keyframes atelier-arrive{0%{transform:translateY(16px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@media (width>=640px) and (width<=1100px){.atelier-prelaunch [data-slot=field-content]>div{flex-wrap:wrap}}@media (width<=639px){.atelier-headline{font-size:clamp(2.4rem,9.8vw,3.5rem)}.atelier-fan{transform-origin:0 100%;left:22%;transform:scale(.8)rotate(-10deg)}.atelier-caption-stamp{width:100px;height:100px;right:0}}@media (prefers-reduced-motion:reduce){.atelier-visual,.atelier-photo,.atelier-swatch,.atelier-discover svg{transition:none;animation:none}.atelier-visual:hover .atelier-photo,.atelier-discover:hover svg,.atelier-discover:focus-visible svg{transform:none}.atelier-visual:hover .atelier-swatch{transform:rotate(var(--fan-angle))}}