:root{--font-family-base: "Red Hat Text", Arial, sans-serif;--font-family-style: "Ms Madi", "Segoe Script", cursive;--font-size-sm: 1rem;--font-size-md: 1.2rem;--font-size-lg: 1.5rem;--font-size-xl: 2.5rem;--line-height-tight: 1.3;--line-height-base: 1.6;--color-text: #201413;--color-accent: #b2827d;--color-accent-muted: #b2827d80;--color-surface: #ffffffcc;--color-surface-strong: #ffffff;--color-overlay: rgba(0, 0, 0, .5);--shadow: 0 5px 12px rgba(0, 0, 0, .2);--space-sm: .25rem;--space-md: .5rem;--space-lg: 1rem;--space-xl: 2rem;--radius-sm: 4px;--radius-md: 16px;--border: 4px solid var(--color-accent);--menu-width: 12rem;--top-bar-height: 4.2rem;--transition: .25s ease;--z-top-bar: 5;--z-title: 10;--z-overlay: 15;--z-top-title: 18;--z-drawer: 20;--bg-image: url(/wedding.png);--bg-fallback: #faf7f4}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}button{font-family:var(--font-family-base)}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;gap:var(--space-xl);padding-bottom:var(--space-xl);font-family:var(--font-family-base)}.app:before{content:"";position:fixed;top:var(--top-bar-height);left:0;right:0;bottom:0;background-image:var(--bg-image);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;z-index:0}@media(max-aspect-ratio:3/4){.app:before{background-size:cover;background-position:right}}.app>*{position:relative}.column{display:flex;flex-direction:column;gap:var(--space-md)}.row{display:flex;flex-direction:row;gap:var(--space-sm);align-items:center}.row>*{min-width:0}.hamburger{position:fixed;top:calc((var(--top-bar-height) - 44px) / 2);left:var(--space-lg);width:44px;height:44px;border:none;background:transparent;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;transition:transform var(--transition);z-index:var(--z-drawer)}.hamburger-line{width:22px;height:2px;background:var(--color-text);border-radius:var(--radius-sm);transition:transform var(--transition),opacity var(--transition)}.hamburger.is-open .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open .hamburger-line:nth-child(2){opacity:0}.hamburger.is-open .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.side-drawer{position:fixed;top:var(--top-bar-height);left:0;width:var(--menu-width);height:100vh;background:var(--color-surface-strong);padding:var(--space-xl);transform:translate(-100%);transition:transform var(--transition);z-index:var(--z-drawer);display:flex;flex-direction:column;gap:var(--space-lg)}.side-drawer.is-open{transform:translate(0)}.side-link{font-size:2rem;font-family:var(--font-family-style);border-bottom:2px solid var(--color-accent)}.side-link:hover{border-bottom-color:var(--color-accent-muted)}.side-link.is-active{color:var(--color-accent);font-weight:700}.overlay{position:fixed;inset:0;background:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:var(--z-overlay)}.overlay.is-visible{opacity:1;pointer-events:auto}.content{display:flex;align-items:center;flex-direction:column;padding:0 var(--space-xl)}.nav-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);width:100%;scroll-margin-top:0}.nav-title{position:sticky;top:0;z-index:var(--z-title);height:var(--top-bar-height);display:flex;align-items:center;justify-content:center;width:calc(100% + (var(--space-xl) * 2));background:var(--color-surface);border-bottom:var(--border);border-top:var(--border);font-family:var(--font-family-style);font-size:var(--font-size-xl);color:var(--color-accent);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow)}.nav-section:first-of-type .nav-title,.nav-title.is-stuck{background:var(--color-surface-strong);z-index:var(--z-top-title);border-top:none}.section,.section-image,.clock{border:var(--border);border-radius:var(--radius-sm);display:flex;max-width:40rem;width:100%;box-shadow:var(--shadow)}.section{background:var(--color-surface);padding:var(--space-xl);flex-direction:column;gap:var(--space-lg)}.section .section-image{border-width:2px}.clock{flex-direction:row;background-color:var(--color-accent-muted);justify-content:center;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md)}.time{display:flex;flex-direction:column;align-items:center;color:var(--color-accent);background-color:var(--color-surface-strong);padding:var(--space-md);border-radius:var(--radius-sm);line-height:1}.time-value{font-family:Arial Black,sans-serif;font-weight:700;font-size:2rem}.time-label{font-size:.7rem}.title{font-family:var(--font-family-style);font-weight:400;color:var(--color-accent);font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.text-card{padding:var(--space-md);border-bottom:2px solid var(--color-accent);display:flex;flex-direction:row;gap:var(--space-md)}.text-label,.text-label-sm,.subtitle{font-size:var(--font-size-md);letter-spacing:.07em;text-transform:uppercase;min-width:6rem}.text-label-sm{font-size:var(--font-size-sm);font-weight:500}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.text-sm .line-break{display:block;height:0;margin:.3em 0}.text-sm a{color:var(--color-accent);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:2px}.footer{margin-top:auto;padding:0 var(--space-xl);text-align:center}
