*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#c00;--color-primary-dark:#a00000;--color-primary-light:#e60000;--color-bg:#f1f6f9;--color-surface:#fff;--color-text-main:#2c2c2c;--color-text-muted:#6b7280;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-success:#10b981;--color-info:#3b82f6;--color-error:#ef4444;--font-heading:"Barlow Condensed",sans-serif;--font-body:"Barlow",sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--app-header-height:4.5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}html{font-size:16px;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;line-height:1.5;overflow-x:hidden}@media (max-width:600px){[data-stepper-label=true]{display:none!important}[data-mobile-layout=true]{display:block}[data-desktop-layout=true]{display:none!important}}@media (min-width:601px){[data-mobile-layout=true]{display:none!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;transition:border-color .2s,box-shadow .2s}a{color:inherit;text-decoration:none}button:focus-visible,[role=button]:focus-visible,input:focus,select:focus,textarea:focus{outline-offset:2px;outline:2px solid #9ca3af;box-shadow:0 0 0 2px #3741511f}.view-envelope-page{width:100%;min-height:calc(100vh - var(--app-header-height,4.5rem));padding:clamp(var(--spacing-lg),4vw,var(--spacing-2xl));box-sizing:border-box;justify-content:center;align-items:center;display:flex}.view-envelope-wrapper{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;width:min(42rem,94vw);height:100%;margin-top:clamp(2.75rem,5vw,4.75rem);display:flex}.view-envelope-stack{width:500px;max-width:90vw;padding:var(--spacing-md);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.view-envelope-button{cursor:pointer;background:0 0;border:none;width:100%;margin:0;padding:0;position:relative}.view-envelope-closed-icon,.view-envelope-open-icon{max-width:100%;display:block;overflow:visible;width:100%!important;height:auto!important}.view-envelope-envelope{justify-content:center;align-items:center;width:100%;display:flex}.view-envelope-closed-icon{transform-origin:50% 60%;animation:1.4s ease-in-out infinite envelope-jiggle}.view-envelope-open-icon{transform-origin:50% 80%;animation:.7s ease-out forwards envelope-open}.view-envelope-card{width:520px;max-width:90%;max-height:calc(100vh - var(--app-header-height,4.5rem) - 6rem);object-fit:contain;border-radius:var(--radius-lg);opacity:0;z-index:2;border:4px solid #fff;height:auto;margin:-2.5rem auto 0;animation:.7s ease-out .2s forwards card-reveal;display:block;position:relative;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a}.view-envelope-card--portrait{border-width:3px}@media (min-width:601px){.view-envelope-envelope--portrait{transform-origin:50%;transform:translateY(-26%)rotate(-90deg)scale(1.26)}.view-envelope-envelope--landscape{transform-origin:50% 45%;transform:translateY(-20%)scale(1.1,.9)rotate(-2deg)}.view-envelope-stack--landscape{width:min(95vw,60rem);margin-top:-2rem;padding-bottom:0}.view-envelope-stack--landscape .view-envelope-envelope{z-index:1;position:relative}.view-envelope-card--landscape{width:min(88vw,52rem);max-width:calc(100% - 3rem);height:auto;max-height:calc(100vh - var(--app-header-height,4.5rem) - 6rem);margin:0;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)}.view-envelope-stack--landscape .view-envelope-envelope--landscape{margin-inline:auto;width:90%;margin-bottom:-11.5rem}.view-envelope-stack--portrait{width:440px;margin-top:3rem;padding-top:2rem;padding-bottom:4.5rem;position:relative}.view-envelope-stack--portrait .view-envelope-envelope{z-index:1;position:relative}.view-envelope-card--portrait{width:82%;max-width:420px;height:auto;max-height:calc(100vh - var(--app-header-height,4.5rem) - 8rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-envelope-stack--landscape+.view-envelope-text{margin-top:.25rem}}.view-envelope-text{text-align:center;z-index:3;width:100%;margin-top:1.75rem;position:relative}@media (max-width:600px){.view-envelope-envelope--portrait{transform:translateY(-2%)rotate(-90deg)scale(1.16)}.view-envelope-envelope--landscape{transform:translateY(-10%)scale(1.2)rotate(-2deg)}.view-envelope-stack--landscape{width:95%;max-width:95vw;margin-top:-.5rem;padding:0 0 3.75rem;position:relative}.view-envelope-card--landscape{width:min(95vw,28rem);margin:0;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.view-envelope-wrapper{gap:var(--spacing-md);width:100%;margin-top:1.5rem}.view-envelope-stack{width:100%;max-width:90vw;padding:var(--spacing-sm)}.view-envelope-stack--portrait{width:100%;max-width:96vw;padding:0 0 4.75rem;position:relative}.view-envelope-stack--portrait .view-envelope-envelope{width:108%;max-width:none}.view-envelope-card{width:95%;max-width:450px}.view-envelope-card--landscape{width:min(95vw,28rem)}.view-envelope-card--portrait{width:min(82%,21rem);max-width:none;margin:0;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.view-envelope-stack--portrait+.view-envelope-text{margin-top:1.5rem}.view-envelope-text{padding-inline:var(--spacing-md);margin-top:1.25rem}.view-envelope-envelope{justify-content:center;width:100%;display:flex}.view-envelope-closed-icon,.view-envelope-open-icon{height:auto;width:100%!important}.view-envelope-envelope .view-envelope-closed-icon{width:min(82vw,18.5rem)!important}}.view-envelope-caption{color:var(--color-text-muted);font-size:.95rem}.view-envelope-replay{margin-top:var(--spacing-sm);color:var(--color-primary);cursor:pointer;font-size:.875rem;font-family:var(--font-heading);text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.view-envelope-replay-icon{flex-shrink:0}.view-envelope-body{margin-top:var(--spacing-md);text-align:center;max-width:40rem;color:var(--color-text-main);margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.6}.view-envelope-body p+p{margin-top:var(--spacing-md)}.view-envelope-body strong{color:var(--color-primary)}.view-envelope-body a{color:var(--color-primary);text-decoration:none;transition:opacity .2s}.view-envelope-body a:hover{opacity:.8;text-decoration:underline}@keyframes envelope-jiggle{0%,to{transform:translateY(0)rotate(0)}15%{transform:translateY(-.3rem)rotate(-2deg)}30%{transform:translateY(.1rem)rotate(1.8deg)}45%{transform:translateY(-.2rem)rotate(-1.2deg)}60%{transform:translateY(.05rem)rotate(.6deg)}75%{transform:translateY(-.1rem)rotate(0)}}@keyframes envelope-open{0%{transform:translateY(0)scale(1)}to{transform:translateY(-1rem)scale(1.02)}}@keyframes card-reveal{0%{opacity:0}to{opacity:1}}