:root{--ink:#13283a;--blue:#153f67;--sky:#d9edf3;--cream:#fbf6e9;--paper:#fffdf8;--orange:#ed6a2e;--yellow:#f3bf3f;--sage:#6e8c70;--line:#173247;--shadow:0 18px 45px rgba(19,40,58,.13);--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-size:18px;line-height:1.55}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:999;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:1rem;padding:.65rem clamp(1rem,4vw,4rem);background:rgba(251,246,233,.94);border-bottom:2px solid rgba(19,40,58,.12);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);font-family:Bangers,cursive;font-size:1.5rem;transform:rotate(-5deg)}.main-nav{display:flex;gap:.25rem;margin-left:auto;overflow-x:auto;scrollbar-width:none}.main-nav a{padding:.55rem .7rem;border-radius:999px;text-decoration:none;font-size:.93rem;white-space:nowrap}.main-nav a:hover,.main-nav a.active{background:var(--blue);color:#fff}.nav-toggle{display:none;margin-left:auto;padding:.55rem .85rem;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font:inherit;font-weight:700}.section{max-width:1280px;margin:0 auto;padding:clamp(4rem,8vw,8rem) clamp(1.2rem,5vw,5rem)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.3fr);align-items:center;min-height:calc(100vh - 70px);max-width:1600px;padding-top:clamp(3rem,6vw,6rem);overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 .55rem;color:var(--orange);font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.hero h1,.guest-hero h1{margin:0;font-family:Bangers,cursive;font-size:clamp(4.5rem,9vw,9rem);font-weight:400;line-height:.82;letter-spacing:.015em;text-transform:uppercase}.hero h1 span{color:var(--orange);text-shadow:4px 4px 0 var(--yellow)}.hero-slogan{margin:1.3rem 0;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:700;line-height:1.15}.hero-note{max-width:580px;padding:1.1rem 1.3rem;background:rgba(255,253,248,.86);border-left:5px solid var(--yellow);border-radius:0 18px 18px 0}.hero-note p{margin:.35rem 0}.signature{font-weight:700}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;min-height:520px}.hero-art img{width:125%;max-width:none;margin-left:-22%;filter:drop-shadow(0 20px 25px rgba(19,40,58,.12))}.speech{position:absolute;right:4%;top:12%;max-width:250px;padding:1rem 1.2rem;background:#fff;border:3px solid var(--ink);border-radius:50%;font-weight:700;text-align:center;transform:rotate(3deg);box-shadow:6px 7px 0 var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.9rem 1.2rem;border:3px solid var(--ink);border-radius:999px;font-weight:700;text-decoration:none;box-shadow:5px 6px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(3px,3px);box-shadow:2px 3px 0 var(--ink)}.button-primary{background:var(--yellow)}.button-orange{background:var(--orange);color:#fff}.button-outline{background:#fff}.button-small{margin:0;padding:.5rem .8rem;font-size:.9rem;box-shadow:none}.band{max-width:none}.band>*{max-width:1120px;margin-left:auto;margin-right:auto}.band-blue{background:var(--blue);color:#fff}.band-warm{background:#f4e6c6}.section-heading{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.section-heading .number{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border:3px solid currentColor;border-radius:50%;font-family:Bangers,cursive;font-size:2rem;transform:rotate(-5deg)}.section-heading h2,.final-cta h2,.guest-list h2{margin:0;font-family:Bangers,cursive;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:400;line-height:.95;letter-spacing:.02em}.band-blue .eyebrow{color:#ffd16a}.action-grid,.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.action-card,.fact-card,.single-card,.contact-card{padding:clamp(1.4rem,3vw,2.2rem);background:var(--paper);color:var(--ink);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.action-card.featured{background:var(--sky)}.action-card h3,.single-card h3,.contact-card h3{margin:.2rem 0;font-size:1.5rem}.card-icon{display:grid;place-items:center;width:50px;height:50px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:1.25rem}.fact-card{position:relative;min-height:260px}.fact-card.accent{background:var(--sky)}.fact-label{margin:0;color:var(--orange);font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.fact-big{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.15}.text-link{font-weight:700;text-decoration-thickness:3px;text-underline-offset:4px}.story-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,6vw,6rem)}.story-layout.reverse .comic-placeholder{order:2}.story-copy{font-size:1.15rem}.lead{font-size:1.35rem}.story-copy blockquote,.surprise-grid blockquote{margin:2rem 0 0;padding:1rem 1.2rem;background:var(--yellow);border:3px solid var(--ink);border-radius:20px;font-size:1.45rem;font-weight:700;box-shadow:6px 7px 0 var(--ink);transform:rotate(-1deg)}.comic-placeholder{aspect-ratio:4/3;display:grid;place-items:center;position:relative;padding:2rem;border:3px dashed var(--ink);border-radius:var(--radius);background:linear-gradient(145deg,#fffdf8,#dcecf0);text-align:center;overflow:hidden}.comic-placeholder>span{position:absolute;top:1rem;padding:.25rem .6rem;border-radius:999px;background:rgba(255,255,255,.8);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.mini-scene{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:Bangers,cursive;font-size:4rem;line-height:1}.mini-scene span{font-family:"Atkinson Hyperlegible",sans-serif;font-size:1.2rem;font-weight:700}.comic-placeholder.travel{background:linear-gradient(145deg,#d9edf3,#f3bf3f)}.comic-placeholder.pot{background:linear-gradient(145deg,#fffdf8,#e8c9a0)}.status{margin-top:1.5rem;padding:1rem;border:2px solid var(--orange);border-radius:15px;background:rgba(255,255,255,.5);font-weight:700}.single-card{display:flex;align-items:center;justify-content:space-between;gap:2rem}.surprise-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:2rem}.contact-card{background:var(--sky)}.contact-card>a{font-size:1.3rem;font-weight:700;word-break:break-word}.final-cta{max-width:none;text-align:center;background:var(--yellow)}.final-cta h2{font-size:clamp(4rem,9vw,8rem)}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1.2rem,5vw,5rem);background:var(--ink);color:#fff}footer p{margin:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
.guest-page{background:linear-gradient(150deg,var(--cream),#dcecf0)}.compact{justify-content:space-between}.guest-main{max-width:1000px;margin:auto;padding:4rem 1.2rem}.guest-hero{text-align:center}.guest-hero h1{font-size:clamp(4rem,10vw,8rem)}.guest-count{display:inline-flex;align-items:center;gap:1rem;margin:1.5rem;padding:1rem 1.4rem;border:3px solid var(--ink);border-radius:999px;background:var(--yellow);box-shadow:5px 6px 0 var(--ink)}.guest-count strong{font-family:Bangers,cursive;font-size:2.5rem;line-height:1}.guest-count span{font-weight:700}.guest-list{margin-top:2.5rem;padding:clamp(1.2rem,4vw,3rem);background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.guest-list h2{font-size:3rem}.guest-list ul{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin:1.5rem 0;padding:0;list-style:none}.guest-list li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;background:#f2eee1;border-radius:12px}.guest-list li span{font-weight:700}.guest-list small{white-space:nowrap;color:#586672}.privacy-note{margin-top:1.5rem;padding-top:1rem;border-top:2px solid #ddd;font-size:.9rem;color:#586672}
@media (max-width:1000px){.hero{grid-template-columns:1fr;padding-bottom:0}.hero-art{min-height:360px;margin-top:-2rem}.hero-art img{width:118%;margin-left:-9%}.speech{top:3%;right:auto;left:3%;transform:rotate(-3deg)}.main-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;padding:1rem;background:var(--cream);border-bottom:3px solid var(--ink)}.main-nav.open{display:flex}.nav-toggle{display:block}.main-nav a{padding:.7rem}.story-layout,.surprise-grid{grid-template-columns:1fr}.story-layout.reverse .comic-placeholder{order:0}.single-card{align-items:flex-start;flex-direction:column}}
@media (max-width:650px){body{font-size:17px}.site-header{padding:.55rem .85rem}.brand-mark{width:40px;height:40px}.section{padding:3.5rem 1rem}.hero{min-height:auto;padding-top:3rem}.hero h1{font-size:4.4rem}.hero-art{min-height:300px;margin:1rem -1rem 0}.hero-art img{width:140%;margin-left:-28%}.speech{top:0;right:auto;left:4%;max-width:170px;font-size:.85rem;padding:.7rem}.action-grid,.fact-grid,.guest-list ul{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading .number{flex-basis:52px;width:52px;height:52px;font-size:1.6rem}.section-heading h2{font-size:3rem}.button{width:100%;text-align:center}.fact-card{min-height:auto}.single-card{padding:1.2rem}.guest-count{margin:1rem 0}.guest-list li{padding:.75rem}.compact .brand span:last-child{display:none}footer{flex-direction:column}.story-copy blockquote,.surprise-grid blockquote{font-size:1.15rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
.comic-scene,.wide-comic{margin:0;border:3px solid var(--ink);border-radius:var(--radius);background:var(--paper);box-shadow:8px 10px 0 rgba(19,40,58,.9);overflow:hidden}.comic-scene{aspect-ratio:4/3}.comic-scene img,.wide-comic img{width:100%;height:100%;object-fit:cover}.story-layout.reverse .comic-scene{order:2}.wide-comic{aspect-ratio:16/8;margin:0 0 2.5rem}.wide-comic img{object-position:center 42%}.updated-date{margin:.2rem 0 0;font-size:.95rem;font-weight:700;color:#586672}.update-note{display:flex;flex-direction:column;gap:.15rem;margin:0 0 2rem;padding:1rem 1.2rem;border-left:6px solid var(--orange);border-radius:0 14px 14px 0;background:var(--sky)}
@media (max-width:1000px){.story-layout.reverse .comic-scene{order:0}}
.section-heading>div{min-width:0;padding-top:.15rem}.section-heading .eyebrow{margin-bottom:1rem;font-size:clamp(.92rem,1.25vw,1.04rem);line-height:1.4}.section-heading h2{line-height:1.06;text-wrap:balance}.accommodation-layout{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,5vw,4rem)}.accommodation-layout .single-card{align-items:flex-start;flex-direction:column}.dialogue-scene{position:relative}.dialogue-bubble{position:absolute;z-index:2;max-width:42%;padding:.65rem .8rem;border:3px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);font-size:clamp(.72rem,1.15vw,1rem);font-weight:700;line-height:1.12;text-align:center;box-shadow:4px 5px 0 var(--yellow)}.bubble-girls{left:3%;top:3%;transform:rotate(-2deg)}.bubble-pulec{right:2%;top:3%;transform:rotate(2deg)}
@media (max-width:1000px){.accommodation-layout{grid-template-columns:1fr}.dialogue-bubble{font-size:clamp(.7rem,2.4vw,.95rem)}}
@media (max-width:650px){.section-heading{gap:.8rem}.section-heading .eyebrow{margin-bottom:.8rem;font-size:.88rem;letter-spacing:.11em}.section-heading h2{font-size:clamp(2.55rem,12vw,3.25rem);line-height:1.08}.dialogue-bubble{max-width:46%;padding:.5rem .55rem;border-width:2px;box-shadow:3px 4px 0 var(--yellow)}.bubble-girls{left:2%;top:2%}.bubble-pulec{right:1%;top:2%}}
.hero h1{line-height:.96}
.accommodation-links{display:flex;flex-wrap:wrap;gap:.75rem;width:100%}.accommodation-links .button{margin-top:0}