.caviar-personalities{--personality-gold:#c5a46a;--personality-duration:.76s;--personality-ease:cubic-bezier(.16, 1, .3, 1);width:min(1200px,100% - 100px);padding-block:36px 56px}.caviar-personalities>.section-heading{margin:0 0 24px;font-size:clamp(24px,2.2vw,32px);line-height:1.25}.caviar-personalities [hidden]{display:none!important}.caviar-personalities button{font:inherit;cursor:pointer}.caviar-personalities :is(button,summary,a):focus-visible{outline-offset:5px;outline:3px solid #8d6936}.caviar-envelope-grid,.caviar-personality-fallback{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;max-width:1080px;margin-inline:auto;display:grid}.caviar-envelope,.caviar-personality-fallback>details{background:var(--personality-color);min-width:0;color:var(--personality-gold);border:0;padding:0}.caviar-envelope{width:100%;display:block}.caviar-envelope-face{aspect-ratio:2.15;text-align:center;isolation:isolate;width:100%;display:block;position:relative;overflow:hidden}.caviar-envelope-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.caviar-envelope-name,.caviar-envelope-mood,.caviar-envelope-hint{margin:0;display:block;position:absolute;left:3%;right:3%}.caviar-envelope-name{font-family:var(--font-serif);text-transform:uppercase;font-size:26px;line-height:1.18;top:5%}.caviar-envelope-mood{font-family:var(--font-script);font-size:32px;line-height:1;top:22%}.caviar-envelope-seal{aspect-ratio:1;pointer-events:none;width:44px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.caviar-envelope-hint{font-family:var(--font-serif);font-size:16px;line-height:1.3;top:65%}.caviar-letter-dialog{border:1px solid var(--personality-gold);background:var(--ivory,#f7f5f0);width:min(1100px,100% - 40px);max-width:none;max-height:calc(100dvh - 40px);color:var(--navy);overscroll-behavior:contain;scrollbar-gutter:stable;margin:auto;padding:18px;overflow-y:auto;box-shadow:0 20px 80px #0004}.caviar-letter-dialog::backdrop{background:#07172d99}.caviar-letter-selector{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;display:flex}.caviar-letter-selector button{min-height:46px;color:var(--navy);border:1px solid var(--line);background:0 0;padding:10px 20px;font-size:14px}.caviar-letter-selector button[aria-pressed=true]{background:#ece3d4;border-color:#8d6936;box-shadow:inset 0 -2px #8d6936}.caviar-letter{background:var(--personality-color);min-width:0;min-height:0;color:var(--personality-gold);transform-origin:var(--letter-origin);padding:64px 48px 36px;scroll-margin-top:0;position:relative}.caviar-letter:before{content:"";pointer-events:none;border:1px solid #c5a46a75;position:absolute;inset:12px}.caviar-letter-close{z-index:1;min-height:48px;color:var(--personality-gold);background:0 0;border:1px solid #c5a46a70;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:20px;right:24px;font-size:14px!important}.caviar-letter-close span{font-size:27px;line-height:1}.caviar-letter-content{text-align:center;max-width:1081px;margin:0 auto}.caviar-letter h3,.caviar-fallback-letter h3{color:inherit;font-family:var(--font-serif);text-transform:uppercase;margin:0;font-size:30px;font-weight:400;line-height:1.2}.caviar-letter h3:focus{outline:none}.caviar-letter-mood{font-family:var(--font-script);margin:10px 0 22px;font-size:42px;line-height:1.15}.caviar-letter-body{font-size:16px;line-height:1.6}.caviar-letter-body p{margin:0}.caviar-letter-body p+p{margin-top:1.15em}.caviar-letter-products{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.caviar-letter-products a{border:1px solid;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:12px 20px;font-size:14px;line-height:1.4;display:inline-flex}.caviar-letter :is(button,a):focus-visible{outline-color:#f3dfb9}.caviar-personality-fallback summary{cursor:pointer;list-style:none;display:block}.caviar-personality-fallback summary::-webkit-details-marker{display:none}.caviar-personality-fallback details[open]{grid-column:1/-1}.caviar-personality-fallback details[open]>summary .caviar-envelope-face{aspect-ratio:auto;height:340px;max-height:340px}.caviar-fallback-letter{text-align:center;padding:30px clamp(24px,5vw,80px) 60px}.caviar-fallback-letter .caviar-letter-body{max-width:1081px;margin-inline:auto}.caviar-envelope-face{perspective:1400px}.caviar-envelope-flap{pointer-events:none;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;position:absolute;inset:0}.caviar-envelope-flap svg{width:100%;height:100%;position:absolute;inset:0}.caviar-envelope-flap path{fill:var(--personality-color);stroke:var(--personality-gold);stroke-width:2px}.flap-top{z-index:4;transform-origin:top}.flap-left{z-index:2;transform-origin:0}.flap-right{z-index:2;transform-origin:100%}.flap-bottom{z-index:3;transform-origin:bottom}.caviar-envelope-seal,.caviar-envelope-hint{z-index:5}.caviar-envelope-paper{background:var(--personality-color);border:1px solid var(--personality-gold);box-shadow:0 8px 28px #0005, inset 0 0 0 8px var(--personality-color), inset 0 0 0 9px #c5a46a55;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:7%}.caviar-envelope-paper>span:first-child{font-family:var(--font-serif);text-transform:uppercase;font-size:clamp(24px,2.5vw,42px)}.caviar-envelope-paper>i{font-family:var(--font-script);font-size:clamp(36px,3vw,55px);font-style:normal}.caviar-envelope-paper-lines{opacity:.4;background:repeating-linear-gradient(transparent 0 12px, var(--personality-gold) 12px 13px);width:58%;height:42px}@keyframes caviar-top-unfold{0%,15%{transform:rotateX(0)}68%,to{transform:rotateX(178deg)}}@keyframes caviar-left-unfold{0%,38%{transform:rotateY(0)}85%,to{transform:rotateY(-155deg)}}@keyframes caviar-right-unfold{0%,42%{transform:rotateY(0)}88%,to{transform:rotateY(155deg)}}@keyframes caviar-bottom-unfold{0%,32%{transform:rotateX(0)}85%,to{transform:rotateX(-165deg)}}@keyframes caviar-seal-lift{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}45%{opacity:1;transform:translate(-50%,-58%)scale(1.12)rotate(-12deg)}to{opacity:0;transform:translate(-50%,-95%)scale(.92)rotate(-18deg)}}@keyframes caviar-paper-emerge{0%,48%{filter:brightness(.6);transform:translateY(12%)scale(.92)}to{filter:brightness();transform:translateY(0)scale(1)}}@keyframes caviar-letter-read{0%{opacity:.5;clip-path:inset(0 0 18%)}to{opacity:1;clip-path:inset(0)}}@keyframes caviar-ink-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.caviar-letter-dialog[open]{animation:caviar-dialog-appear .4s var(--personality-ease) both}.caviar-letter-dialog[open]::backdrop{animation:.4s both caviar-ink-appear}.caviar-envelope[data-opening=true] .flap-top{animation:1.6s cubic-bezier(.4,0,.2,1) both caviar-top-unfold}.caviar-envelope[data-opening=true] .flap-left{animation:1.6s cubic-bezier(.4,0,.2,1) both caviar-left-unfold}.caviar-envelope[data-opening=true] .flap-right{animation:1.6s cubic-bezier(.4,0,.2,1) both caviar-right-unfold}.caviar-envelope[data-opening=true] .flap-bottom{animation:1.6s cubic-bezier(.4,0,.2,1) both caviar-bottom-unfold}.caviar-envelope[data-opening=true] .caviar-envelope-seal{animation:.38s both caviar-seal-lift}.caviar-envelope[data-opening=true] .caviar-envelope-hint{opacity:0}.caviar-envelope[data-opening=true] .caviar-envelope-paper{animation:caviar-paper-emerge 1.75s var(--personality-ease) both}.caviar-letter{animation:caviar-letter-read .55s var(--personality-ease) both}.caviar-letter-content{animation:.4s .1s backwards caviar-ink-appear}.caviar-envelope-seal{transition:transform .52s var(--personality-ease)}.caviar-envelope-hint{transition:opacity .18s ease, translate .52s var(--personality-ease)}.caviar-letter-products a>span{transition:translate .32s var(--personality-ease)}.caviar-letter-selector button,.caviar-letter-close,.caviar-letter-products a{transition:background-color .26s,border-color .26s}.caviar-envelope:focus-visible .caviar-envelope-seal{transform:translate(-50%,-50%)scale(1.1)rotate(-5deg)}.caviar-letter-products a:focus-visible>span{translate:3px -2px}}@keyframes caviar-dialog-appear{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.caviar-envelope:hover .caviar-envelope-seal{transform:translate(-50%,-50%)scale(1.1)rotate(-5deg)}.caviar-envelope:hover .caviar-envelope-outline{opacity:.72}.caviar-envelope:hover .caviar-envelope-hint{translate:0 4px}.caviar-letter-products a:hover>span{translate:3px -2px}}.caviar-letter-selector button:hover{border-color:#8d6936}.caviar-letter-close:hover,.caviar-letter-products a:hover{background:#c5a46a16}@media (max-width:900px){.caviar-personalities{width:calc(100% - 48px);padding-block:50px}.caviar-envelope-face{aspect-ratio:auto;min-height:270px}.caviar-envelope-name{font-size:27px;top:22px}.caviar-envelope-mood{font-size:42px;top:66px}.caviar-envelope-seal{width:58px}.caviar-envelope-hint{font-size:17px;top:72%}.caviar-letter{aspect-ratio:auto;min-height:0;padding:86px 32px 45px}.caviar-letter-body{font-size:17px;line-height:1.7}}@media (max-width:600px){.caviar-letter-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:8px}.caviar-personalities{width:calc(100% - 36px);padding-block:40px}.caviar-envelope-grid,.caviar-personality-fallback{grid-template-columns:minmax(0,1fr);gap:14px}.caviar-envelope-face{min-height:280px}.caviar-letter-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.caviar-letter-selector button{padding:10px 6px;font-size:14px}.caviar-letter{transform-origin:top;padding:82px 22px 34px;scroll-margin-top:24px}.caviar-letter:before{inset:8px}.caviar-letter-close{top:18px;right:18px}.caviar-letter h3{font-size:29px}.caviar-letter-mood{margin:12px 0 28px;font-size:46px}.caviar-letter-body{text-align:left;font-size:16px;line-height:1.7}.caviar-letter-products{flex-direction:column;gap:12px;margin-top:30px}.caviar-letter-products a{padding:12px 14px}.caviar-personality-fallback details[open]>summary .caviar-envelope-face{height:280px}.caviar-fallback-letter{padding:20px 22px 34px}}@media (prefers-reduced-motion:reduce){.caviar-letter,.caviar-envelope-grid,.caviar-letter-content>*{animation:none;transform:translate(0,0)}.caviar-envelope-flap,.caviar-envelope-paper,.caviar-envelope-seal,.caviar-letter-content{animation:none!important}.caviar-envelope-seal{transition:none}}