.atelier-invitation__layout{column-gap:calc(var(--spacing) * 12);grid-template-rows:1fr auto 1fr;grid-template-columns:.8fr 1.2fr;display:grid}.atelier-invitation__copy{grid-area:1/1/3;align-self:end}.atelier-invitation__actions{grid-area:3/1}.atelier-invitation__link{min-height:calc(var(--spacing) * 14);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 8);margin-top:calc(var(--spacing) * 8);padding:calc(var(--spacing) * 4) calc(var(--spacing) * 8);background-color:var(--color-cream-50);color:var(--color-bg-wine-ink);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-mono);text-transform:uppercase;display:inline-flex;position:relative;overflow:hidden}.atelier-invitation__fill,.atelier-invitation__link:active{background-color:var(--color-bg-cream)}.atelier-invitation__link:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:calc(var(--spacing) * 2)}.atelier-study{grid-area:1/2/4;min-width:0}.atelier-study__stage{height:calc(var(--spacing) * 136);position:relative}.atelier-study__image{opacity:0;pointer-events:none;-webkit-mask-image:linear-gradient(to right, transparent, var(--color-bg-ink) 10%, var(--color-bg-ink) 90%, transparent), linear-gradient(to bottom, transparent, var(--color-bg-ink) 10%, var(--color-bg-ink) 90%, transparent);mask-image:linear-gradient(to right, transparent, var(--color-bg-ink) 10%, var(--color-bg-ink) 90%, transparent), linear-gradient(to bottom, transparent, var(--color-bg-ink) 10%, var(--color-bg-ink) 90%, transparent);position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.atelier-study__image[data-active=true]{opacity:1}.atelier-study .atelier-swatch{background-color:var(--atelier-swatch);background-position:50%;background-size:cover;width:100%;display:block}.atelier-study__controls{align-items:center;gap:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 6);flex-direction:column;display:flex}.atelier-study__controls fieldset{min-width:0}.atelier-study__controls legend{width:100%;margin-bottom:calc(var(--spacing) * 4);text-align:center;font-size:var(--text-caption);opacity:.6}.atelier-study__controls fieldset>div{justify-content:center;gap:calc(var(--spacing) * 6);display:flex}.atelier-study__controls button{align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-label);cursor:pointer;flex-direction:column;display:flex}.atelier-study__controls button .atelier-swatch{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);border-radius:50%}.atelier-study__controls button>span:last-child{opacity:.55}.atelier-study__controls button[aria-pressed=true] .atelier-swatch{outline:1px solid var(--color-accent-400);outline-offset:calc(var(--spacing) * 1)}.atelier-study__controls button[aria-pressed=true]>span:last-child{opacity:1}.atelier-study__controls button:focus-visible{outline:2px solid var(--color-accent-400);outline-offset:calc(var(--spacing) * 2)}.atelier-study__caption{text-align:center;font-size:var(--text-label);color:rgb(var(--rgb-bg-cream) / .5)}.atelier-study__caption>span{margin-inline:calc(var(--spacing) * 2);opacity:.4}@media (min-width:1600px){.atelier-study__stage{height:calc(var(--spacing) * 160)}}@media (max-width:1023px){.atelier-invitation__layout{column-gap:calc(var(--spacing) * 6)}.atelier-study__stage{height:calc(var(--spacing) * 112)}}@media (max-width:767px){.atelier-invitation__layout{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.atelier-invitation__copy{align-self:stretch}.atelier-study__stage{height:calc(var(--spacing) * 96);margin-inline:calc(var(--spacing) * -6)}.atelier-study__controls{padding-bottom:0}.atelier-invitation__link{width:100%;margin-top:0}}@media (prefers-reduced-motion:reduce){.atelier-invitation__link:hover,.atelier-invitation__link:focus-visible{background-color:var(--color-bg-cream)}}