html, body { overflow-x: clip; }
body { display: block; }
.site-nav { width: 100%; position: sticky; top: 0; z-index: 20; background: #fefefd;
 border-bottom: 1px solid #dfc699; padding: max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left)); }
.site-nav-inner { max-width: 941px; margin: auto; display: flex; flex-wrap: wrap;
 gap: 6px; align-items: center; justify-content: center; }
.site-nav a, .site-nav button, .contact-dialog button { display: inline-flex; align-items: center;
 justify-content: center; min-height: 44px; padding: 8px 12px; font: 500 14px/1.4 system-ui, sans-serif;
 color: #80530e; background: transparent; border: 1px solid transparent; border-radius: 5px; text-decoration: none; cursor: pointer; }
.site-nav a[aria-current="page"] { background: #f6eddd; border-color: #d8bd8c; }
.site-nav button { border-color: #d8bd8c; }
.site-nav :focus-visible, .contact-dialog :focus-visible { outline: 2px solid #80530e; outline-offset: 2px; }
.contact-dialog { max-width: min(90vw, 440px); padding: 24px; border: 1px solid #d8bd8c;
 border-radius: 12px; background: #fefefd; color: #80530e; font: 16px/1.6 system-ui, sans-serif; }
.contact-dialog::backdrop { background: rgb(30 20 10 / .4); }
.contact-dialog h2 { font-size: 22px; margin-top: 0; }
.contact-dialog button { border-color: #d8bd8c; }
.contact-dialog a { color: #80530e; display: inline-block; min-height: 44px; padding: 8px 0; }
.cover-animation-stage { position: relative; width: 100%; aspect-ratio: 941 / 1672; overflow: hidden; }
.cover-animation-stage > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.page .cover-drawing-layer { display: none; pointer-events: none; z-index: 1; animation: none; }
.page .cover-drawing-layer.playing { display: block; animation: site-cover-exit .6s ease 7.4s forwards; }
@keyframes site-cover-exit { to { opacity: 0; visibility: hidden; } }
#cover { scroll-margin-top: 76px; }
@media (min-width: 942px) { .invitation { max-width: 941px; } }
@media (prefers-reduced-motion: reduce) { .page .cover-drawing-layer.playing { display: none; animation: none; } }

.page { container-type: inline-size; }
.text-update { position:absolute; z-index:2; display:flex; align-items:center; justify-content:center;
 color:#96601f; font-family:InvitationEnglish,serif; font-weight:300; line-height:1; white-space:nowrap;
 background:#fefefe; margin:0; pointer-events:none; }
.overview-note { position:absolute; z-index:2; top:86.5%; left:10%; width:80%; color:#96601f;
 text-align:center; line-height:1.35; font-family:InvitationLocal,serif; }
.overview-note h2 { font-size:3.4cqw; font-weight:500; margin:0 0 .45cqw; line-height:1.3; }
.overview-note p { font-size:2.8cqw; margin:0; line-height:1.35; }

@font-face {font-family:InvitationEnglish;src:url("b20b7d9626dd956b2c5e.ttf");font-weight:300 700;font-display:block;}