@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";@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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#3c2e31;--paper:#fff8f2;--rose:#b95e6d;--soft-rose:#e9b8bd;--gold:#c89d63}*{box-sizing:border-box}body{color:var(--ink);background:#f5e7e2;margin:0;font-family:DM Mono,monospace}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.site{isolation:isolate;background:linear-gradient(130deg,#fff9f4 0%,#f8e8e3 58%,#efd6d9 100%);min-height:100svh;padding:25px clamp(22px,7vw,110px) 48px;position:relative;overflow:hidden}.grain{z-index:-1;pointer-events:none;opacity:.26;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.glow{z-index:-2;filter:blur(2px);opacity:.74;border-radius:50%;position:absolute}.glow--one{background:#f9d2b3;width:34rem;height:34rem;top:-13rem;right:-9rem}.glow--two{background:#e8b5bd;width:37rem;height:37rem;bottom:-16rem;left:-12rem}header{letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}header p{margin:0}header span{color:var(--rose);font-size:20px}.intro,.video-reveal{text-align:center;margin:clamp(66px,13vh,135px) auto 0;animation:.65s both arrive;position:relative}.intro{max-width:680px}.eyebrow{color:var(--rose);letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:10px}h1{letter-spacing:-.06em;margin:19px auto 17px;font-family:Playfair Display,Georgia,serif;font-size:clamp(54px,8vw,94px);font-weight:500;line-height:.95}h1 em{color:var(--rose);font-weight:500}.intro-copy{color:#735e61;max-width:350px;margin:0 auto;font-size:12px;line-height:1.8}.gift-button{background:linear-gradient(145deg,#dea0aa,#c87684);border:0;width:207px;height:177px;margin:49px auto 16px;transition:transform .25s,box-shadow .25s;display:block;position:relative;overflow:visible;box-shadow:13px 15px #7a4d512e,inset 0 0 0 1px #ffffff42}.gift-button:hover{transform:translateY(-6px)rotate(-1deg);box-shadow:16px 22px #7a4d5129,inset 0 0 0 1px #ffffff42}.gift-button:focus-visible{outline:3px solid var(--gold);outline-offset:7px}.ribbon{background:#fae7c8;position:absolute;box-shadow:inset 1px 0 #7a4d511f}.ribbon--vertical{width:31px;top:0;bottom:0;left:87px}.ribbon--horizontal{height:29px;top:69px;left:0;right:0}.bow{z-index:1;border:12px solid #fae7c8;border-radius:80% 42% 72% 49%;width:76px;height:49px;position:absolute;top:-31px}.bow--left{left:33px;transform:rotate(28deg)}.bow--right{right:33px;transform:scaleX(-1)rotate(28deg)}.tag{z-index:2;color:#755247;background:#fff8e9;border-radius:50% 50% 48% 48%;place-items:center;width:72px;height:71px;padding:3px;font-family:Playfair Display,Georgia,serif;font-size:12px;line-height:1.1;display:grid;position:absolute;top:48px;left:68px;transform:rotate(-6deg);box-shadow:2px 3px #7a4d5126}.tag small{letter-spacing:.07em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:7px}.tap-copy,.preview-note{color:#8c7372;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:9px}.video-reveal{max-width:700px;margin-top:clamp(36px,7vh,72px)}.video-heading h1{font-size:clamp(42px,6vw,69px)}.player-frame{background:#281e23;border:7px solid #fffaf4;width:min(100%,380px);margin:30px auto 17px;position:relative;overflow:hidden;box-shadow:10px 12px #99626836}.player-frame:before{content:"";z-index:1;pointer-events:none;border:1px solid #60373c1f;position:absolute;inset:0}.player-frame video{object-fit:contain;background:#281e23;width:100%;max-height:68svh;display:block}.back-button{color:#755e60;letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;margin-top:30px;font-size:10px;display:inline-block}.back-button:hover{color:var(--rose)}.unlock-card{text-align:left;background:#fffaf4c2;width:min(100%,430px);margin:28px auto 0;padding:25px 23px;box-shadow:5px 6px #99626829}.unlock-card h2{margin:8px 0;font-family:Playfair Display,Georgia,serif;font-size:31px;font-weight:500}.unlock-card>p:not(.eyebrow){color:#735e61;margin:0 0 18px;font-size:11px;line-height:1.7}.unlock-card label{color:#796363;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.unlock-row{gap:8px;display:flex}.unlock-row input{min-width:0;color:var(--ink);background:#fffdf9;border:1px solid #d8bfc0;flex:1;padding:11px 10px;font:12px DM Mono,monospace}.unlock-row button{color:#fffaf5;background:var(--rose);letter-spacing:.08em;text-transform:uppercase;border:0;padding:0 13px;font-size:9px}.passcode-error{color:#a54b59;margin-top:9px;font-size:10px;display:block}.watch-complete{color:#fffaf5;background:var(--rose);letter-spacing:.11em;text-transform:uppercase;border:0;margin-top:22px;padding:13px 17px;font-size:10px;box-shadow:4px 4px #94474f}@keyframes arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:520px){.site{padding:22px 21px 45px}.intro{margin-top:14vh}.gift-button{margin-top:44px}.video-reveal{margin-top:55px}.player-frame{width:min(100%,350px)}.player-frame video{max-height:61svh}}
