:root{--paper: #faf1e1;--deep-paper: #f7f0e6;--ivory: #ede9dd;--stone: #cdc1ab;--ink: #111111;--forest: #365037;--bark: #55442e;--script: "Alex Brush", cursive;--serif: "Arima", sans-serif;--sans: "Arima", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 28px;--space-6: 36px;--space-7: 48px;--space-8: 72px;--space-9: 80px;--arch-overlap: 240px;--arch-cap: 128px;--program-clearance: 280px;--program-inset: 160px;--home-x: 138px;--home-y: 63px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--serif)}button,a{font:inherit}img{max-width:100%;display:block}app-home,app-invitation{display:block}.fit{width:100%}.fit.scaled{position:relative;overflow:hidden}.stage{width:1366px;margin:0 auto;background:var(--paper)}.fit.scaled .stage{position:absolute;top:0;left:0;margin:0;transform-origin:top left}.gate{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;min-height:100vh;min-height:100dvh;background:#1c2418 url(/images/background.png) center/cover no-repeat}.gate-hit{width:min(680px,62%);padding:0;border:0;background:none;color:#fff;cursor:pointer}.gate-hit img{width:100%;height:auto}.gate-hit span{display:block;margin-top:var(--space-6);font-family:var(--sans);font-weight:300;font-size:.875rem;letter-spacing:.28em;text-indent:.28em}.hero{position:relative;width:100%;height:100vh;height:100dvh;container-type:inline-size}.hero img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%}.hero h1{position:absolute;left:0;right:0;top:46%;margin:0;color:#f6f1e4;font-family:var(--script);font-size:4.5rem;font-weight:400;text-align:center;text-shadow:0 8px 24px rgba(20,24,12,.28)}.hero-wave{position:absolute;left:0;bottom:-1px;width:100%;height:9.3704245974cqw;fill:var(--paper);stroke:none;pointer-events:none}.families{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);max-width:1080px;margin:0 auto;padding:calc(var(--space-9) + var(--space-3)) var(--space-9) var(--space-3);text-align:center}.families p,.announce,.ceremony p,.arch p,.program p,.story p,.hello h2,.guestbook h3{margin:0}.families .side,.families p{font-size:1.125rem;line-height:1.35;letter-spacing:.01em}.families .parent{font-size:1.125rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.families .side{margin-bottom:var(--space-3);font-size:1.5rem}.families .address,.arch .address{font-size:1.125rem}.announce{margin:var(--space-7) 0 var(--space-3);font-size:1.125rem;text-align:center}.names,.ceremony{text-align:center}.names .call{margin:var(--space-5) 0 0;font-size:1.125rem}.script{margin:0;font-family:var(--script);font-size:3.25rem;line-height:1.15}.names .role,.names .amp{margin:var(--space-2) 0;font-size:1.125rem}.names .amp{font-family:var(--script);font-size:3.25rem}@media(min-width:768px){.names{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--space-4)}.names .call{grid-column:1;grid-row:1}.names .script:nth-child(2){grid-column:1;grid-row:2;white-space:nowrap}.names .amp{grid-column:2;grid-row:2}.names .script:nth-child(5){grid-column:3;grid-row:2;white-space:nowrap}.names .role:nth-child(3){grid-column:1;grid-row:3}.names .role:nth-child(6){grid-column:3;grid-row:3}}.ceremony{padding:var(--space-7) var(--space-7) var(--space-4)}.ceremony p{font-size:1.125rem;line-height:1.45}.ceremony .place{font-size:1.5rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ceremony .when-date{font-size:1.5rem;font-weight:600}.arch{position:relative;z-index:2;width:760px;margin:var(--space-8) auto calc(-1 * var(--arch-overlap));padding:var(--arch-cap) var(--space-8) var(--space-8);border-radius:380px 380px 40px 40px;background:var(--stone);box-shadow:22px 28px 48px #4636202e;text-align:center}.arch .kicker,.arch .when,.program h2{font-size:1.5rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.arch .lined{margin-top:var(--space-3);font-size:3.25rem;white-space:nowrap;border-bottom:1px dotted rgba(17,17,17,.45)}.arch .body{margin-top:var(--space-5);font-size:1.125rem;line-height:1.45}.arch em{color:var(--forest);font-style:normal}.arch .venue{margin-top:var(--space-3);font-size:3.25rem}.arch .when{margin-top:var(--space-4);font-size:1.5rem}.arch .big-date{margin-top:var(--space-2);font-size:1.5rem;font-weight:600;letter-spacing:.04em}.arch .gift{margin-top:var(--space-5);font-size:1.125rem;line-height:1.45}.sunset{position:relative}.countdown{position:absolute;left:0;right:0;bottom:16%;color:#fff;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.35)}.digits{display:flex;justify-content:center;gap:var(--space-5);margin:0;font-size:4.5rem;font-weight:500;line-height:1}.units{display:grid;grid-template-columns:repeat(3,180px);justify-content:center;margin:var(--space-2) 0 0;font-family:var(--sans);font-size:.875rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase}.program{padding:var(--program-clearance) var(--program-inset) var(--space-8)}.program h2{margin:0 0 var(--space-6);letter-spacing:.08em}.program ol{list-style:none;margin:0;padding:0}.program li{display:grid;grid-template-columns:180px 1fr;gap:var(--space-1) var(--space-5);padding:var(--space-4) 0;border-top:1px solid rgba(17,17,17,.28)}.program li:last-child{border-bottom:1px solid rgba(17,17,17,.28)}.program .time,.program .title{font-size:1.5rem;font-weight:600}.program .title{text-transform:uppercase;letter-spacing:.04em}.program .date{font-size:.875rem}.program .place{font-size:1.125rem}.portraits{position:relative}.home{position:absolute;right:var(--home-x);bottom:var(--home-y);width:278px;height:48px;justify-content:center;display:inline-flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:0;border-radius:999px;background:#f4f1e8;color:var(--forest);font-family:var(--serif);font-size:1.125rem;cursor:pointer;box-shadow:0 8px 18px #0000001f}footer{padding:var(--space-7) var(--space-4);background:var(--forest);text-align:center}footer a{color:#f3ecdf;font-family:var(--sans);font-size:.875rem;font-weight:300;letter-spacing:.08em;text-decoration:none}.leaves{position:relative}.leaves img{width:100%;height:auto}.leaves-caption{position:absolute;top:50%;right:0;left:0;padding:0 var(--space-8);transform:translateY(-50%);color:#f6f1e4;text-align:center;text-shadow:0 8px 24px rgba(20,24,12,.28)}.leaves-caption h2{margin:0;font-family:var(--script);font-size:4.5rem;font-weight:400;line-height:1.1}.leaves-caption p{margin:var(--space-2) 0 0;font-family:var(--serif);font-size:1.125rem;line-height:1.45}.story-split{display:grid;grid-template-columns:1.15fr .85fr;min-height:760px;background:var(--paper)}.hello{padding:var(--space-8) var(--space-8) var(--space-7);background:#050505;color:#f4ecd8}.hello h2{font-size:1.5rem;font-weight:500}.hello p{margin-top:var(--space-5);font-size:1.125rem;line-height:1.45}.hello img{width:86%;margin:var(--space-6) auto 0}.guestbook{display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);padding:var(--space-7)}.guestbook article{display:grid;grid-template-columns:84px 1fr;gap:var(--space-2) var(--space-3);padding:var(--space-4);border:1.5px solid #7c4e3d;border-radius:22px}.guestbook h3{grid-column:1/-1;font-size:1.5rem;font-weight:600}.guestbook svg{width:72px;height:54px;fill:none;stroke:#7c4e3d;stroke-width:1.6}.guestbook p{font-size:1.125rem;line-height:1.4}.memories{padding:var(--space-8) var(--space-8) calc(var(--space-8) + var(--space-3));background:var(--bark);color:#f4ecdf;text-align:center}.memories p{max-width:1040px;margin:0 auto var(--space-6);font-size:1.125rem;line-height:1.5}.memories img{width:min(1180px,100%);margin:0 auto}@media(min-width:1366px){.sunset,.portraits,footer,.full-bleed{--half: 50%;--half-screen: 50vw;width:100vw;margin-left:calc(var(--half) - var(--half-screen))}.sunset img,.portraits img{width:100%}}
