.welcome-gate{min-height:min(720px, calc(100dvh - var(--space-64)));border:1px solid color-mix(in srgb, var(--border2) 72%, transparent);grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);display:grid;overflow:hidden;container:welcome-gate/inline-size}.gate-hero{justify-content:flex-end;gap:var(--space-16);isolation:isolate;flex-direction:column;min-height:34rem;padding:clamp(2rem,6cqi,5rem);display:flex;position:relative}.gate-hero:before{content:"";background-color:var(--surface);opacity:.26;mix-blend-mode:multiply;z-index:-1;background-position:right clamp(.5rem,3cqi,2.5rem) bottom;background-repeat:no-repeat;background-size:min(58%,26rem);height:52%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000 15%,#000 62%);mask-image:linear-gradient(#0000 15%,#000 62%)}.gate-hero .eyebrow{font-family:var(--nav-font), sans-serif;font-size:var(--type-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--muted2);margin:0}.gate-hero h1{max-width:9ch;font-family:var(--hero-font), serif;color:var(--text);text-wrap:balance;margin:0;font-size:clamp(3.5rem,11cqi,7.5rem);font-weight:400;line-height:.9}.gate-hero .lede{max-width:38rem;color:var(--muted2);text-wrap:pretty;margin:0;font-size:clamp(1rem,1.8cqi,1.25rem);line-height:1.7}.gate-hero .not-rsvp{max-width:32rem;padding:var(--space-12) var(--space-16);border-inline-start:3px solid color-mix(in srgb, var(--accent2) 65%, transparent);background:color-mix(in srgb, var(--accent2) 6%, transparent);color:var(--text);font-family:var(--body-font), sans-serif;font-size:var(--type-body);margin:0;line-height:1.55}.gate-hero .island-mark{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);opacity:.7;border-radius:50%;place-items:center;width:clamp(5rem,12cqi,9rem);display:grid;position:absolute;top:clamp(1.5rem,5cqi,4rem);right:clamp(1.5rem,5cqi,4rem)}.gate-hero .island-mark span{aspect-ratio:1;background:color-mix(in srgb, var(--accent2) 24%, transparent);width:48%;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent2) 36%, transparent), 0 0 0 1.25rem color-mix(in srgb, var(--primary) 8%, transparent);border-radius:50%}:root[data-theme=grecian] .gate-hero{background:linear-gradient(#fffdf8,#eaf3fa 58%,#ddebf7);padding-block-end:calc(clamp(2rem,6cqi,5rem) + 1.4rem)}:root[data-theme=grecian] .gate-hero:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(0deg, color-mix(in srgb, var(--primary) 16%, transparent), color-mix(in srgb, var(--primary) 7%, transparent) 45%, transparent 70%), var(--gate-island-day);opacity:.85;background-position:50%,right -2.5rem bottom -1.5rem;background-repeat:no-repeat;background-size:100% 100%,min(52%,20rem);position:absolute;inset:0}:root[data-theme=grecian] .gate-hero .key-border{display:block}:root[data-theme=grecian].dark .gate-hero{background:linear-gradient(#060d22,#0d1f44 52%,#0a2c50);padding-block-end:clamp(2rem,6cqi,5rem)}:root[data-theme=grecian].dark .gate-hero:before{z-index:-2;opacity:1;mix-blend-mode:normal;height:auto;inset:0;-webkit-mask-image:none;mask-image:none}:root[data-theme=grecian].dark .gate-hero:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#0000 30%,#070e2173 55%,#070e21d9),radial-gradient(1.5px 1.5px at 21px 33px,#ffffffbf 0 60%,#0000),radial-gradient(1px 1px at 79px 8px,#d6e7ff8c 0 60%,#0000),radial-gradient(1.7px 1.7px at 38px 71px,#ffffff73 0 60%,#0000),radial-gradient(1.1px 1.1px at 64px 52px,#e0eeff61 0 60%,#0000);background-size:100% 100%,127px 109px,167px 131px,199px 151px,149px 173px;position:absolute;inset:0}:root[data-theme=grecian].dark .gate-hero .key-border{display:none}:root[data-theme=grecian].dark .gate-hero .not-rsvp{background:#adc7f01a;border-inline-start-color:#adc7f099}:root[data-theme=neon] .gate-hero{background:radial-gradient(ellipse 85% 45% at 72% 92%, color-mix(in srgb, var(--secondary) 30%, transparent), transparent 72%), linear-gradient(180deg, #07020e, #160433 48%, #2b0a5e 82%, #131c54)}:root[data-theme=neon] .gate-hero:before{z-index:-2;background-color:#0000;background-image:var(--gate-island);opacity:1;mix-blend-mode:normal;height:auto;filter:drop-shadow(0 0 1.4rem color-mix(in srgb, var(--secondary) 45%, transparent));background-position:right -2.5rem bottom -1.5rem;background-repeat:no-repeat;background-size:min(58%,22rem);inset:0;-webkit-mask-image:none;mask-image:none}:root[data-theme=neon] .gate-hero:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#0000 30%,#0a031673 55%,#0a0316d9),radial-gradient(1.5px 1.5px at 21px 33px,#94f3ffd9 0 60%,#0000),radial-gradient(1px 1px at 79px 8px,#ff2bd6b3 0 60%,#0000),radial-gradient(1.7px 1.7px at 38px 71px,#ffffff8c 0 60%,#0000),radial-gradient(1.1px 1.1px at 64px 52px,#cdfb7173 0 60%,#0000);background-size:100% 100%,127px 109px,167px 131px,199px 151px,149px 173px;position:absolute;inset:0}:root[data-theme=neon] .gate-hero .not-rsvp{border-inline-start-color:color-mix(in srgb, var(--secondary) 65%, transparent);background:color-mix(in srgb, var(--secondary) 14%, transparent)}.identify-form{justify-content:center;gap:var(--space-24);background:color-mix(in srgb, var(--surface) 88%, transparent);border-inline-start:1px solid color-mix(in srgb, var(--border2) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:clamp(1.5rem,5cqi,4rem);display:flex}.identify-form .form-row{gap:var(--space-16);display:grid}.identify-form .field{gap:var(--space-8);color:var(--text);display:grid}.identify-form .label-text{font-family:var(--nav-font), sans-serif;font-size:var(--type-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--muted2)}.identify-form input{border:1px solid color-mix(in srgb, var(--border2) 85%, var(--text));border-radius:var(--border-radius);background:color-mix(in srgb, var(--surface) 96%, transparent);width:100%;min-height:3.25rem;color:var(--text);font:inherit;font-size:var(--type-body);padding:var(--space-12) var(--space-16);transition:border-color .16s,box-shadow .16s}.identify-form input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 45%, transparent);outline:none}.identify-form input[aria-invalid=true]{border-color:var(--accent2)}.identify-form .error-message{margin:calc(var(--space-16) * -.5) 0 0;color:color-mix(in srgb, var(--accent2) 68%, var(--text));font-size:var(--type-body);line-height:1.4}.identify-form .gate-actions{gap:var(--space-16);display:grid}.identify-form .gate-unconfigured{gap:var(--space-8);padding:var(--space-16) var(--space-24);border:2px solid var(--accent2);border-radius:var(--border-radius);background:color-mix(in srgb, var(--accent2) 14%, transparent);color:var(--text);display:grid}.identify-form .gate-unconfigured .gate-unconfigured-title{font-family:var(--nav-font), sans-serif;font-size:var(--type-h3);color:color-mix(in srgb, var(--accent2) 72%, var(--text));margin:0;font-weight:700;line-height:1.3}.identify-form .gate-unconfigured .gate-unconfigured-body{font-family:var(--body-font), sans-serif;font-size:var(--type-body);margin:0;line-height:1.55}.identify-form .enter-button{border:1px solid var(--primary);border-radius:var(--border-radius);background:var(--primary);min-height:3.35rem;color:var(--text-on-primary);cursor:pointer;font-family:var(--nav-font), sans-serif;font-size:var(--type-eyebrow);letter-spacing:.16em;text-transform:uppercase;font-weight:600;transition:background .16s,transform .16s}.identify-form .enter-button:hover,.identify-form .enter-button:focus-visible{background:color-mix(in srgb, var(--primary) 88%, black);transform:translateY(-1px)}.identify-form .enter-button:disabled{cursor:progress;opacity:.7;transform:none}@media (width<=58rem){.welcome-gate{grid-template-columns:1fr}.gate-hero{min-height:28rem}.gate-hero h1{max-width:8ch;font-size:clamp(3rem,16vw,5.5rem)}.gate-hero:before{opacity:.2}.identify-form{border-inline-start:0;border-block-start:1px solid color-mix(in srgb, var(--border2) 72%, transparent)}}.story-hero-wrap{container:story-hero/inline-size}.story-hero.header-styles{--rx:0deg;--ry:0deg;perspective:1400px;max-width:940px;display:unset;margin:0;overflow:visible}.story-hero.header-styles .stage{aspect-ratio:7/4;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));background:linear-gradient(160deg, var(--surface), var(--bg));transition:transform .25s ease-out;position:relative}.story-hero.header-styles .title{left:var(--space-24);z-index:4;width:10ch;color:var(--accent2);-webkit-text-fill-color:currentColor;text-align:start;text-shadow:0 1px 0 color-mix(in srgb, var(--surface) 88%, transparent), 0 0 18px color-mix(in srgb, var(--surface) 78%, transparent);text-wrap:balance;background:0 0;margin:0;padding:0;font-size:clamp(2.5rem,8cqi,5.25rem);font-weight:700;line-height:1;position:absolute;top:42%;transform:translateY(-50%)}.story-hero.header-styles .title:after{content:none}.story-hero.header-styles .photo{z-index:1;clip-path:inset(38% 0 0 0 round 0 0 var(--border-radius) var(--border-radius));opacity:.35;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 34%,#000 58%);mask-image:linear-gradient(#0000 34%,#000 58%)}.story-hero.header-styles .photo:after{content:"";border:1px solid var(--border2);border-radius:0 0 var(--border-radius) var(--border-radius);pointer-events:none;position:absolute;inset:0}.story-hero.header-styles .cutout{z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 20px 26px #00000057);width:100%;height:100%;display:block;position:absolute;inset:0}.story-hero.header-styles .cutout img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.story-hero.header-styles .intro{max-width:38rem;margin:var(--space-16) 0 0;color:var(--muted2);text-align:start;text-wrap:pretty;font-size:clamp(1rem,1.8cqi,1.25rem);line-height:1.7}.gate-hero .story-hero-wrap{width:min(100%,44rem)}:root[data-theme=neon] .story-hero .title{color:var(--secondary);text-shadow:0 0 8px color-mix(in srgb, var(--primary) 70%, transparent), 0 0 18px color-mix(in srgb, var(--secondary) 55%, transparent)}:root[data-theme=neon] .story-hero .cutout{filter:drop-shadow(0 0 26px color-mix(in srgb, var(--secondary) 75%, transparent))}:root[data-theme=neon] .story-hero .photo:after{border-color:var(--secondary)}@media (prefers-reduced-motion:reduce){.story-hero .stage{transition:none;transform:none}}@container welcome-gate (width<=36rem){.story-hero.header-styles .title{left:var(--space-32);font-size:clamp(2.4rem,11cqi,4rem)}}.welcome-page-container{z-index:10000;background:linear-gradient(var(--panel-surface), var(--panel-surface)) var(--bg);overscroll-behavior:contain;padding:var(--inline-safe);position:fixed;inset:0;overflow-y:auto}