:root{--debug-visibility:hidden;&[data-debug]{--debug-visibility:visible}}section{--navigation-canvas:rgba(207,224,239,.8);--navigation-content:var(--medium-blue);border-top:0 dashed red}.center{text-align:center}.intro{color:#fff;display:flex;flex-direction:column;&[data-state=peek]{overflow:hidden;position:absolute;inset:0}.skip-intro{font-size:calc(.25vw + .75rem);position:fixed;bottom:10%;z-index:10;place-self:center;font-weight:600;padding:1em;cursor:pointer}.countdown{color:#fff;text-align:center;position:fixed;z-index:1;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;h2{font-size:calc(.5rem + 2.5vw)}h1{font-size:12vw;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2.5% 5% 7.5%;width:100%}}.anchor-wrapper{position:relative}.countdown-trigger{visibility:var(--debug-visibility);position:absolute;background:red;height:40%;width:10px;top:10%;left:0;z-index:1000}.time-lapse{height:150vh;pointer-events:none}.layer{position:absolute;inset:0;background-color:#eef6ff}.sun{color:var(--yellow)}.moon,.sun{fill:currentColor;offset-distance:calc(var(--progress) * 100%)}.moon{color:#fff}.ceremony{height:50lvh;position:relative;pointer-events:none}.portal-wrapper{position:fixed;inset:0;overflow:hidden;background-color:#eee}.portal{position:relative;overflow:hidden;height:100%;margin:auto;background-color:#fcf2e4;aspect-ratio:1/8;bottom:0;flex-direction:column;transform-origin:center 90%}.portal-video{position:absolute;inset:0;z-index:100;-webkit-backdrop-filter:brightness(10);backdrop-filter:brightness(10);object-fit:cover}.rings{--ring-diameter:calc(4rem + 6vw);position:-webkit-sticky;position:sticky;bottom:calc(50% - var(--ring-diameter));pointer-events:none;overflow:hidden}.rings,.rings-masks{display:flex;align-items:center;justify-content:center}.rings-masks{position:relative;top:0;width:100%;height:calc(var(--ring-diameter) * 3)}.rings-anchor{position:absolute;left:0;top:0;width:10px;background-color:green;height:60lvh;visibility:var(--debug-visibility)}.ring{width:var(--ring-diameter);aspect-ratio:1/1.2;text-indent:-999em;overflow:hidden}.ring svg{fill:var(--rings);position:absolute;inset:0}}.page-navigation-wrapper{position:fixed;bottom:2%;display:flex;justify-content:center;inset-inline:0;pointer-events:none;z-index:2}.page-navigation{position:relative;max-width:96%;background-color:var(--navigation-canvas);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);pointer-events:auto;border-radius:1rem;overflow:hidden;padding:.2rem .4rem;.link-list{display:flex;align-items:center;justify-content:center;height:100%;padding-inline:1rem}.link-list svg{stroke-width:1.7;display:none}.link-list li:first-child svg{transform:scaleX(-1)}.link-list a{color:var(--navigation-content);display:flex;gap:.5rem;height:100%;padding:.4rem 1rem .6rem;flex:1 1;position:relative;white-space:nowrap;text-decoration:none}}.page-navigation-wrapper[data-variant=virtual]{--navigation-content:transparent;--navigation-canvas:transparent;z-index:1000;.page-navigation{-webkit-backdrop-filter:none;backdrop-filter:none}.link-list a,.link-list li a:hover{transition:opacity .5s ease}.link-list li a:hover{--navigation-content:var(--dark-purple);opacity:.8}}.progress-indicator{height:2px;background:currentColor;position:absolute;inset:auto 1.1rem .1rem;transform-origin:top left;border-radius:1px}@media screen and (max-width:30rem){.page-navigation{padding:0 .25rem;width:96%;border-radius:.8rem}.page-navigation .link-list{padding:0;width:100%;justify-content:space-around}.page-navigation .link-list li{padding:0;width:100%;text-align:center}.page-navigation .link-list svg{stroke-width:1.5;display:block}.page-navigation .link-list a{font-size:.6rem;padding:.4rem .25rem;width:100%;flex:0 1;display:flex;flex-direction:column;gap:.3rem;align-items:center;letter-spacing:.02rem}.progress-indicator{inset:auto 20% .1rem}}.info{color:var(--content);position:relative;h1,h2,h3,h4,h5,h6,label,p{font-size:calc(.75rem + .75vw);margin:0 auto;max-width:100%}p{-webkit-margin-after:1em;margin-block-end:1em;line-height:1.5}section{position:relative;background-color:#fcf2e4}.heading{--tight-letter-spacing:0;--letter-spacing:1em;font-size:calc(.2rem + 4.6vw);letter-spacing:1em;margin:auto;padding-block:6vw;position:relative;padding-left:1em}.heading,.subheading{text-transform:uppercase;text-align:center}.subheading{--tight-letter-spacing:0;--letter-spacing:0.25em;font-size:calc(1.5vw + .75rem);-webkit-margin-after:.5em;margin-block-end:.5em;font-weight:300;display:inline-flex}}.heading-wrapper{position:relative;text-align:center;.heading{text-align:center;margin:auto;padding-left:calc(var(--letter-spacing))}.heading-anchor{visibility:var(--debug-visibility);background-color:red;position:absolute;inset:70% 0 -5rem;opacity:.5;&[data-state=visible]{inset-block-start:20%}}}.invitation{position:relative;background-color:transparent;inset:0;display:flex;flex-direction:column;padding:8% 5% 12%;margin:auto;width:-moz-fit-content;width:fit-content;max-width:100%;transform-origin:top left}.invitation p,.invitation ul{width:30em;max-width:100%}.invitation ul{display:flex;flex-direction:column;gap:1em}.invitation li{list-style:square inside;list-style-position:inside}.invitation-anchor{background-color:#ff0;position:absolute;width:10px;bottom:0;left:0;top:15vw;visibility:var(--debug-visibility)}#programma{background-color:transparent;color:var(--dark-blue);z-index:10}#programma+section{margin-top:-1rem}.timeline{--offset-top:12lvh;margin:0 auto;display:flex;flex-direction:column;flex-wrap:nowrap;height:auto;position:relative;max-width:calc(60rem + 12vw);.time-indicator{position:absolute;width:2rem;height:100%;z-index:8;align-self:center;border-radius:1rem;overflow:hidden;-webkit-clip-path:inset(0 round 1rem);clip-path:inset(0 round 1rem);&:before{content:"";position:absolute;inset:.9rem;border-radius:.1rem;mix-blend-mode:multiply;opacity:0}}.time-marker{position:-webkit-sticky;position:sticky;width:2rem;place-self:center;display:block;aspect-ratio:1/1;border-radius:50%;background-color:var(--yellow);top:var(--offset-top);margin-bottom:-1.5rem}.event-list{-webkit-padding-after:5vw;padding-block-end:5vw;position:relative}.event-list-item{--event-height-multiplier:0.15rem;width:50%;position:relative;display:block;height:calc(var(--duration, 0) * var(--event-height-multiplier))}.event-list-item:nth-child(2n){left:50%}.details{position:-webkit-sticky;position:sticky;top:var(--offset-top);bottom:0;padding:0;font-size:2rem;height:0}.wrapper{width:100%;position:absolute;padding:0}.event-anchor{position:absolute;left:0;z-index:99;width:10px;top:calc(100% - var(--offset-top));height:calc(100lvh - 100%);box-sizing:border-box;z-index:10}[data-text]:first-of-type .event-anchor{height:calc(100% + 8rem)}[data-text]:last-of-type .event-anchor{margin-top:-25lvh;height:calc(125lvh - 100%)}@media screen and (max-width:40rem){.event-list{display:flex;flex-direction:column;gap:2rem;padding-block:2.5rem 5rem}.event-list-item{width:100%;height:auto}.event-list-item:nth-child(2n){left:0}.details{height:auto}.time-indicator{align-self:flex-start}.time-marker{place-self:flex-end;margin:0 1rem;display:none}li{width:100%;height:auto}li:nth-child(2n){left:0}.details,.wrapper{position:relative}.details{top:auto}.event-list-item[data-text] .event-anchor{position:absolute;left:0;z-index:99;width:10px;top:-3rem;height:60svh;z-index:10;margin:0}}.summary{font-weight:700;padding:0 5vw;margin-bottom:.5rem}.description{position:relative;padding:0 5vw}time{text-align:center;z-index:10000}}#diner{--navigation-canvas:color-mix(in srgb,var(--rings),transparent 25%);--navigation-content:var(--dark-blue);-webkit-padding-after:8%;padding-block-end:8%;background-color:var(--canvas-paper);color:var(--dark-blue);overflow:hidden;max-width:100%;-webkit-clip-path:inset(0);clip-path:inset(0);z-index:10;.heading{--letter-spacing:0.2em}.dishes{width:100%;overflow:hidden;display:flex;gap:2rem;list-style:none;max-width:80rem;padding:0 5vw;margin:0 auto;flex-wrap:wrap;justify-content:space-evenly;li{display:block;text-align:center}h4{font-size:calc(1rem + 1vw);-webkit-margin-after:.25em;margin-block-end:.25em}p{width:auto;text-wrap:balance;max-width:12em}}.courses{display:flex;flex-direction:column;gap:calc(5vw + 2.5rem);padding:0 5vw;flex-wrap:wrap}.course{max-width:calc(28rem + 10vw);margin:auto;width:100%}aside.course{margin-top:1rem}.subheading:after,.subheading:before{content:"⬩"}}#rsvp{--navigation-canvas:color-mix(in srgb,var(--sky-blue),transparent 20%);color:var(--canvas-paper);background-color:var(--dark-purple);-webkit-clip-path:inset(0);clip-path:inset(0);z-index:10;.heading{--letter-spacing:0.2em}}#info{-webkit-clip-path:inset(0);clip-path:inset(0)}