@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');

:root{--green:#163f35;--cream:#f6eedd;--gold:#d9a246;--muted:#53685c;--line:#d7d4c1;color-scheme:light;font-family:'DM Sans',Arial,sans-serif;color:var(--green);background:var(--cream)}
*{box-sizing:border-box}
body{margin:0;border-top:6px solid var(--green)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #ab751d;outline-offset:6px}
.skip-link{position:absolute;left:12px;top:-80px;background:var(--green);color:var(--cream);padding:12px;z-index:5}
.skip-link:focus{top:12px}
.page-shell{max-width:1440px;margin:auto;padding:0 6%}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:15px;font-family:'Libre Caslon Display',Georgia,serif;font-size:2rem}
.brand img{width:70px;height:70px;border-radius:50%;object-fit:cover}
.brand small{display:block;margin-top:6px;font-family:'DM Sans',Arial,sans-serif;font-size:.75rem;letter-spacing:.16em;font-weight:500}
.instagram{font-size:.9375rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.social-link{display:inline-flex;align-items:center;gap:8px}
.social-icon{width:20px;height:20px;flex-shrink:0;display:block}
.whatsapp-button .social-icon{width:23px;height:23px}
.hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:7%;padding:76px 0 84px;min-height:650px}
.hero-copy{max-width:530px}
.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.2em;margin:0 0 22px}
h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:clamp(4.5rem,7.7vw,7.65rem);line-height:.96;letter-spacing:-.035em;margin:0 0 28px}
h1 em{font-weight:400;color:#9b6c28}
.intro{font-size:1.1875rem;line-height:1.6;margin:0 0 24px;max-width:360px}
.schedule{display:inline-block;margin:0 0 21px;padding:10px 17px;border:1px solid #b9bfaa;border-radius:40px;font-size:.9375rem;font-weight:600}
.invite{font-size:1rem;line-height:1.75;max-width:365px;margin:0 0 27px;color:var(--muted)}
.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:var(--cream);padding:17px 25px;min-height:56px;border-radius:6px;font-size:1rem;font-weight:600;transition:background .2s,transform .2s}
.whatsapp-button:hover{background:#225548;transform:translateY(-2px)}
.mobile-social{display:none}
.hero-visual{position:relative;min-width:0}
.image-frame{aspect-ratio:1.02;overflow:hidden;border-radius:48% 48% 4px 4px;border:7px solid var(--green);background:var(--green)}
.food-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% center}
.image-note{font-family:'Libre Caslon Display',Georgia,serif;font-size:1.75rem;text-align:center;margin:20px 0 0}
.image-note span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:.75rem;color:var(--muted);margin-top:6px}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;padding:24px 0 30px;color:var(--muted);font-size:.8125rem}
footer a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1600px){.hero{min-height:740px}}
@media(max-width:850px){.page-shell{padding:0 6%}.site-header{padding:21px 0}.brand{font-size:1.75rem}.brand img{width:58px;height:58px}.hero{gap:5%;padding:55px 0 64px;min-height:0}h1{font-size:clamp(4rem,8.7vw,6rem)}.image-frame{border-width:5px}.image-note{font-size:1.35rem}.header-social{font-size:.8125rem}}
@media(max-width:640px){.page-shell{padding:0 7%}.site-header{padding:19px 0}.brand{gap:12px;font-size:1.625rem}.brand small{font-size:.6875rem}.header-social{display:none}.hero{grid-template-columns:1fr;gap:38px;padding:43px 0 42px}.eyebrow{font-size:.75rem;margin-bottom:20px}h1{font-size:clamp(4.4rem,17vw,6.25rem);margin-bottom:23px}.intro{font-size:1.0625rem;max-width:300px}.invite{max-width:100%;margin-bottom:23px}.whatsapp-button{width:100%}.mobile-social{display:flex;justify-content:center;text-align:center;margin-top:20px}.hero-visual{max-width:440px;width:100%;margin:auto}.image-frame{aspect-ratio:1.15}.image-note{font-size:1.55rem}footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:.75rem;gap:10px 22px}footer span:nth-child(2){width:100%;order:3}}
@media(prefers-reduced-motion:reduce){.whatsapp-button{transition:none}.whatsapp-button:hover{transform:none}}
