/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.table{display:table}}:root{--ivory:#f3f0e9;--ink:#11110f}*{box-sizing:border-box}html,body{background:var(--ivory);min-height:100%;color:var(--ink);margin:0}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button{font:inherit}.experience{isolation:isolate;background:radial-gradient(circle at 16% 10%,#fffffffa,#0000 28%),linear-gradient(145deg,#f8f6f1 0%,#eee9df 54%,#fbfaf6 100%);min-height:100svh;position:relative;overflow:hidden}.grain{z-index:-1;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E");position:fixed;inset:0}.pearl{z-index:-1;background:radial-gradient(circle at 35% 25%,#fff 0 11%,#eee9df 38%,#cfc6b5 72%,#f7f4ed 100%);border-radius:50%;position:absolute;box-shadow:inset -10px -12px 28px #534a3e2e,0 25px 50px #221e1924}.pearl-one{width:115px;height:115px;top:-45px;right:-28px}.pearl-two{width:66px;height:66px;bottom:6%;left:-23px}.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:36px 24px 30px;transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1),filter 1.05s;display:flex}.eyebrow,.date-line,.tap-label{text-transform:uppercase;letter-spacing:.32em;font-size:10px;font-weight:500}.eyebrow{margin:0 0 24px}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:.82}h1 span{letter-spacing:-.07em;font-size:clamp(49px,15vw,78px);display:block}h1 em{margin-top:15px;font-size:clamp(42px,13vw,68px);font-weight:400;display:block}.host{letter-spacing:.04em;max-width:290px;margin:27px auto 35px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic;line-height:1.55}.envelope-button{appearance:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.envelope-button:focus-visible{outline:1px solid var(--ink);outline-offset:12px}.envelope{aspect-ratio:1.52;perspective:900px;filter:drop-shadow(0 24px 20px #0000003d);width:min(72vw,290px);transition:transform 1.65s cubic-bezier(.16,1,.3,1),filter 1.3s;display:block;position:relative}.envelope-back,.envelope-front,.envelope-flap,.card-peek{position:absolute;inset:0}.envelope-back{background:#1a1a18;border-radius:4px}.card-peek{z-index:1;aspect-ratio:1240/1748;transform-origin:50%;will-change:transform,opacity;background:#f7f5ef;border:1px solid #ddd7cc;width:38%;height:auto;transition:transform 2.05s cubic-bezier(.16,1,.3,1) .39s,filter 1.5s .48s,opacity .76s 2.12s;inset:auto 31% 10%;overflow:hidden;transform:translateY(16%)rotate(-90deg)scale(.94)}.card-peek img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.envelope-front{z-index:2;clip-path:polygon(0 31%,50% 68%,100% 31%,100% 100%,0 100%);background:linear-gradient(33deg,#111 49.5%,#0000 50%) 0 100%/51% 100% no-repeat,linear-gradient(-33deg,#161615 49.5%,#0000 50%) 100% 100%/51% 100% no-repeat,linear-gradient(#21211f,#121211);border-radius:4px;overflow:hidden}.envelope-flap{z-index:3;transform-origin:50% 0;clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;background:linear-gradient(165deg,#272724,#10100f);height:61%;transition:transform 1.05s cubic-bezier(.45,.05,.2,1)}.seal{z-index:4;letter-spacing:-.04em;background:radial-gradient(circle at 35% 30%,#fbfaf5 0%,#d8d0c3 70%,#b7ad9e 100%);border-radius:50%;place-items:center;width:42px;height:42px;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;transition:opacity .52s,transform .76s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000059}.tap-label{margin-top:24px;padding-top:22px;animation:1.35s cubic-bezier(.45,.05,.2,1) infinite tapPrompt;display:block;position:relative}.tap-label:before{content:"↑";font-size:16px;line-height:1;animation:1.35s ease-in-out infinite tapArrow;position:absolute;top:0;left:50%;transform:translate(-50%)}.date-line{letter-spacing:.2em;margin:29px 0 0}.tap-label,.date-line{transition:opacity .5s}.reveal{z-index:10;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle at 50% 16%,#fffffffa,#0000 29%),linear-gradient(145deg,#eee9df,#faf8f3 52%,#e9e3d9);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100svh;padding:32px 20px 76px;transition:opacity 1.25s cubic-bezier(.22,.61,.36,1),transform 1.45s cubic-bezier(.16,1,.3,1),visibility 0s linear 1.25s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(18px)scale(.985)}.reveal-glow{pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 20%,#ffffff8c 43%,#0000 61%);transition:opacity 1.5s .28s;position:fixed;inset:0}.card-shell{opacity:0;background:#ffffffa6;border:1px solid #ffffffe6;width:min(88vw,460px);padding:7px;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .85s;transform:translateY(28px);box-shadow:0 30px 80px #1f1b163d,0 2px 8px #1f1b161f}.save-card{width:100%;height:auto;display:block}.final-note{text-transform:uppercase;letter-spacing:.28em;margin:24px 0 0;font-size:8px}.is-opening .envelope-flap{transform:rotateX(180deg)}.is-opening .seal{opacity:0;transform:translate(-50%,-85%)scale(.72)}.is-opening .card-peek{filter:drop-shadow(0 24px 22px #0000002e);opacity:0;transform:translateY(-74%)rotate(0)scale(1.88)}.is-opening .envelope{filter:drop-shadow(0 13px 12px #00000029);transform:translateY(40px)scale(.92)}.is-opening .tap-label,.is-opening .date-line{opacity:0;animation:none}.is-revealed .intro{opacity:0;filter:blur(3px);pointer-events:none;transform:scale(.975)translateY(10px)}.is-revealed .reveal{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}.is-revealed .reveal-glow{opacity:1}.is-revealed .card-shell{opacity:1;transform:none}@keyframes breathe{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes tapPrompt{0%,to{opacity:.62;transform:translateY(3px)scale(.98)}48%{opacity:1;transform:translateY(-5px)scale(1.035)}}@keyframes tapArrow{0%,to{opacity:.35;transform:translate(-50%,5px)}48%{opacity:1;transform:translate(-50%,-3px)}}@media (width>=760px){.intro{padding:54px}.pearl-one{width:180px;height:180px}.pearl-two{width:110px;height:110px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
