.home-atelier{position:relative;min-width:0;padding:20px 24px 18px}.atelier-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--muted)}.atelier-stage{position:relative;padding:100px 40px 18px;isolation:isolate;container-type:inline-size}.atelier-stage:before{content:"";display:block;height:0;transition:height .65s cubic-bezier(.4,0,.2,1) .65s}.atelier-stage:has(.home-envelope[data-open=true]):before{height:max(0px,calc(min(100cqw, 380px) * .6 + 16px - 100px));transition-delay:0s}.atelier-pencil-note{position:absolute;top:45px;left:0;font:26px var(--font-hand);color:var(--wine);transform:rotate(-9deg);z-index:3;display:flex;align-items:center;gap:6px}.atelier-pencil-note svg{width:36px;height:36px;stroke-width:1;transform:rotate(65deg)}.home-envelope{max-width:380px;margin:auto;transform:rotate(-3deg)}.atelier-pencil-note{transition:opacity .2s}.home-atelier:has(.home-envelope[data-open=true]) .atelier-pencil-note{opacity:0;visibility:hidden}.home-envelope .envelope-flap{transition:transform 1.1s cubic-bezier(.4,0,.2,1),z-index 0s linear .55s}.home-envelope[data-open=true] .envelope-flap{transition-delay:.25s,.8s}.home-envelope .envelope-seal{transition:opacity .3s,transform .4s,visibility 0s .3s}.home-envelope[data-open=true] .envelope-seal{transform:translateY(8px) rotate(-10deg)}.atelier-letter{position:relative;padding:12px 24px 0;text-align:center}.atelier-small{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.atelier-letter h2{font:500 27px/1.16 var(--font-heading);letter-spacing:-.035em;margin:12px auto;max-width:350px}.atelier-open-note,.atelier-whisper{font-size:12px;line-height:1.65;color:#445e65;max-width:330px;margin:auto}.atelier-open-button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;padding:12px 0;margin-top:6px;font-size:12px;font-weight:650;color:var(--ink)}.atelier-open-button svg{width:16px;height:16px;transition:transform .2s}.atelier-open-button:hover svg{transform:translateX(4px)}.atelier-bottom{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:20px}.atelier-bottom p{font-size:12px;color:var(--muted)}.atelier-swatches{display:flex;gap:8px}.atelier-swatches button{width:44px;height:44px;border:1px solid #233d4620;border-radius:50%;font-size:10px;transition:transform .2s}.atelier-swatches .is-sky{background:#eee9db;color:#515b3f}.atelier-swatches .is-peach{background:#1c2431;color:#dfbe7d}.atelier-swatches .is-butter{background:#efdad4;color:#662a35}.atelier-swatches button[aria-pressed=true]{outline:1px solid var(--wine);outline-offset:3px;transform:translateY(-3px)}.atelier-demo-link{display:flex;gap:8px;justify-content:center;align-items:center;min-height:44px;padding-block:10px;font-size:12px;margin-top:22px;color:var(--wine)}.moment-photo{background-image:url(/images/date-moments.png);background-size:300% 100%;background-repeat:no-repeat;background-color:var(--butter)}.photo-0{background-position:0}.photo-1{background-position:50%}.photo-2{background-position:100%}.atelier-letter .moment-photo{width:180px;height:96px;margin:0 auto 12px;border:5px solid #fffdf5;transform:rotate(-2deg);box-shadow:0 3px 7px #233d4620}@media (max-width:960px){.home-atelier{padding:20px 8px}.atelier-stage{padding-inline:24px}.atelier-letter{padding-inline:10px}.atelier-letter h2{font-size:25px}}@media (max-width:720px){.home-atelier{max-width:490px;width:100%;margin:auto;padding:18px 0 22px}.atelier-topline{font-size:8px}.atelier-stage{padding-inline:25px}.atelier-pencil-note{font-size:23px;top:27px}.atelier-bottom{gap:12px}.atelier-bottom p{font-size:11px}}@media (prefers-reduced-motion:reduce){.home-envelope{transform:none}.atelier-stage:before{transition:none}}