/* ================================================================
   10 · MODERN GRID (BENTO) — modular tile hero, colour-blocked
================================================================ */
#sitePreview #tpl-bento,#siteFull #tpl-bento{background:#FBF6EE;color:#241C15}
#sitePreview #tpl-bento .nav,#siteFull #tpl-bento .nav{border-bottom:1px solid rgba(36,28,21,.1)}
#sitePreview #tpl-bento .nav .mono,#siteFull #tpl-bento .nav .mono{font-family:'Inter';font-weight:700;letter-spacing:-.01em}
#sitePreview #tpl-bento .nav .rsvp-pill,#siteFull #tpl-bento .nav .rsvp-pill{border-color:#B5654A;color:#B5654A}
#sitePreview #tpl-bento .te-grid,#siteFull #tpl-bento .te-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:3px;padding:3px}
#sitePreview #tpl-bento .te-tile,#siteFull #tpl-bento .te-tile{padding:clamp(24px,3.4cqw,40px);display:flex;flex-direction:column;justify-content:center;min-height:200px}
#sitePreview #tpl-bento .te-tile-names,#siteFull #tpl-bento .te-tile-names{grid-row:1/3;background:#FBF6EE}
#sitePreview #tpl-bento .te-tile-names h1,#siteFull #tpl-bento .te-tile-names h1{font-family:'Inter';font-weight:700;letter-spacing:-.02em;font-size:clamp(38px,5.4cqw,64px);color:#241C15;margin-bottom:14px}
#sitePreview #tpl-bento .te-tile-names .amp,#siteFull #tpl-bento .te-tile-names .amp{font-family:'Playfair Display';font-style:italic;color:#B5654A}
#sitePreview #tpl-bento .te-tile-names .eyebrow,#siteFull #tpl-bento .te-tile-names .eyebrow{color:#8a7a68}
#sitePreview #tpl-bento .te-tile-accent,#siteFull #tpl-bento .te-tile-accent{background:#B5654A;color:#241C15}
#sitePreview #tpl-bento .te-tile-accent .lbl,#siteFull #tpl-bento .te-tile-accent .lbl{font-family:'Space Mono';font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
#sitePreview #tpl-bento .te-tile-accent .v,#siteFull #tpl-bento .te-tile-accent .v{font-family:'Inter';font-weight:700;font-size:clamp(18px,2cqw,24px)}
#sitePreview #tpl-bento .te-tile-photo,#siteFull #tpl-bento .te-tile-photo{background-size:cover;background-position:center;min-height:200px;padding:0}
#sitePreview #tpl-bento .te-tile-plum,#siteFull #tpl-bento .te-tile-plum{background:#2B2018;color:#fff}
#sitePreview #tpl-bento .te-tile-plum .cd,#siteFull #tpl-bento .te-tile-plum .cd{gap:14px}
#sitePreview #tpl-bento .te-tile-plum .cd b,#siteFull #tpl-bento .te-tile-plum .cd b{color:#fff;font-size:clamp(18px,2cqw,24px)}
#sitePreview #tpl-bento .te-tile-plum .cd span,#siteFull #tpl-bento .te-tile-plum .cd span{color:#cbbfae}
#sitePreview #tpl-bento .te-tile-rsvp,#siteFull #tpl-bento .te-tile-rsvp{background:#241C15;align-items:flex-start}
#sitePreview #tpl-bento .te-tile-rsvp .btn-hero,#siteFull #tpl-bento .te-tile-rsvp .btn-hero{background:#FBF6EE;color:#241C15;border-color:#FBF6EE}
#sitePreview #tpl-bento .te-tile-rsvp .btn-hero:hover,#siteFull #tpl-bento .te-tile-rsvp .btn-hero:hover{background:transparent;color:#FBF6EE}
#sitePreview #tpl-bento .schedule,#siteFull #tpl-bento .schedule{background:#F3ECDF;padding:clamp(50px,7cqw,84px) clamp(22px,5cqw,40px)}
#sitePreview #tpl-bento .schedule .ey,#siteFull #tpl-bento .schedule .ey{font-family:'Space Mono';font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#B5654A;margin-bottom:16px}
#sitePreview #tpl-bento .schedule h2,#siteFull #tpl-bento .schedule h2{font-family:'Inter';font-weight:700;font-size:clamp(26px,3.6cqw,38px);margin:0 0 34px}
#sitePreview #tpl-bento .te-sched-grid,#siteFull #tpl-bento .te-sched-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
#sitePreview #tpl-bento .te-card,#siteFull #tpl-bento .te-card{background:#fff;padding:20px;border-radius:4px}
#sitePreview #tpl-bento .te-time,#siteFull #tpl-bento .te-time{font-family:'Space Mono';font-size:12px;color:#B5654A;margin-bottom:8px}
#sitePreview #tpl-bento .te-name,#siteFull #tpl-bento .te-name{font-family:'Inter';font-weight:700;font-size:16px;margin-bottom:4px}
#sitePreview #tpl-bento .te-note,#siteFull #tpl-bento .te-note{font-size:13px;color:#7a6d5e}
#sitePreview #tpl-bento .travel,#siteFull #tpl-bento .travel{background:#FBF6EE;padding:clamp(50px,7cqw,84px) clamp(22px,5cqw,40px)}
#sitePreview #tpl-bento .travel .th,#siteFull #tpl-bento .travel .th{font-family:'Space Mono';font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#B5654A;margin-bottom:14px}
#sitePreview #tpl-bento .travel h2,#siteFull #tpl-bento .travel h2{font-family:'Inter';font-weight:700;font-size:clamp(26px,3.6cqw,38px);margin:0 0 34px}
#sitePreview #tpl-bento .travel-cols,#siteFull #tpl-bento .travel-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:820px}
#sitePreview #tpl-bento .travel-cols h4,#siteFull #tpl-bento .travel-cols h4{font-family:'Inter';font-weight:700;font-size:16px;margin:0 0 8px}
#sitePreview #tpl-bento .travel-cols p,#sitePreview #tpl-bento .travel-cols address,#siteFull #tpl-bento .travel-cols p,#siteFull #tpl-bento .travel-cols address{font-style:normal;font-size:13.5px;line-height:1.7;color:#5c5144;margin:0 0 10px}
#sitePreview #tpl-bento .band,#siteFull #tpl-bento .band{background:#F3ECDF;text-align:center;padding:clamp(50px,7cqw,84px) clamp(22px,5cqw,40px)}
#sitePreview #tpl-bento .band .ey,#siteFull #tpl-bento .band .ey{font-family:'Space Mono';font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#B5654A;margin-bottom:16px}
#sitePreview #tpl-bento .invite,#siteFull #tpl-bento .invite{font-family:'Inter';font-size:16px;line-height:1.75;max-width:640px;margin:0 auto;color:#3b3226}
#sitePreview #tpl-bento .te-photos-bento,#siteFull #tpl-bento .te-photos-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:140px;gap:4px;padding:4px}
#sitePreview #tpl-bento .te-photos-bento img,#siteFull #tpl-bento .te-photos-bento img{width:100%;height:100%;object-fit:cover;display:block}
#sitePreview #tpl-bento .te-photos-bento img:first-child,#siteFull #tpl-bento .te-photos-bento img:first-child{grid-row:span 2;grid-column:span 2}
#sitePreview #tpl-bento .te-photos-bento img:last-child:nth-child(even),#siteFull #tpl-bento .te-photos-bento img:last-child:nth-child(even){grid-column:span 2}
#sitePreview #tpl-bento .te-photos-bento img:last-child:nth-child(3),#siteFull #tpl-bento .te-photos-bento img:last-child:nth-child(3){grid-column:span 2;grid-row:span 2}
#sitePreview #tpl-bento .te-faqgrid-wrap,#siteFull #tpl-bento .te-faqgrid-wrap{padding:clamp(50px,7cqw,84px) clamp(22px,5cqw,40px)}
#sitePreview #tpl-bento .te-faqgrid,#siteFull #tpl-bento .te-faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px;margin:0 auto}
#sitePreview #tpl-bento .te-faqgrid .te-card h4,#siteFull #tpl-bento .te-faqgrid .te-card h4{font-family:'Inter';font-weight:700;font-size:15px;margin:0 0 8px}
#sitePreview #tpl-bento .te-faqgrid .te-card p,#siteFull #tpl-bento .te-faqgrid .te-card p{font-size:13.5px;color:#5c5144;margin:0;line-height:1.6}
#sitePreview #tpl-bento .rsvp-sec,#siteFull #tpl-bento .rsvp-sec{background:#241C15;color:#FBF6EE;text-align:center;padding:clamp(60px,8.5cqw,100px) clamp(22px,5cqw,40px)}
#sitePreview #tpl-bento .rsvp-sec .ey,#siteFull #tpl-bento .rsvp-sec .ey{color:#B5654A}
#sitePreview #tpl-bento .rsvp-sec h2,#siteFull #tpl-bento .rsvp-sec h2{font-family:'Inter';font-weight:700}
#sitePreview #tpl-bento .rsvp-sec .sub,#siteFull #tpl-bento .rsvp-sec .sub{font-family:'Inter';color:#a89684;margin-bottom:36px}
#sitePreview #tpl-bento .rsvp-form input,#sitePreview #tpl-bento .rsvp-form textarea,#sitePreview #tpl-bento .rsvp-form select,
#siteFull #tpl-bento .rsvp-form input,#siteFull #tpl-bento .rsvp-form textarea,#siteFull #tpl-bento .rsvp-form select{background:rgba(255,255,255,.06);border:1px solid rgba(251,246,238,.2);color:#FBF6EE}
#sitePreview #tpl-bento .rsvp-form .field label,#siteFull #tpl-bento .rsvp-form .field label{color:#a89684}
#sitePreview #tpl-bento .rsvp-form .att,#siteFull #tpl-bento .rsvp-form .att{color:#FBF6EE;border-color:rgba(251,246,238,.24);background:transparent}
#sitePreview #tpl-bento .rsvp-form .att.on,#siteFull #tpl-bento .rsvp-form .att.on{background:#B5654A;border-color:#B5654A}
#sitePreview #tpl-bento .rsvp-form .rsvp-btn,#siteFull #tpl-bento .rsvp-form .rsvp-btn{background:#B5654A;color:#fff;border-color:#B5654A}
#sitePreview #tpl-bento .rsvp-form .rsvp-btn:hover,#siteFull #tpl-bento .rsvp-form .rsvp-btn:hover{background:#FBF6EE;color:#241C15;border-color:#FBF6EE}
#sitePreview #tpl-bento footer,#siteFull #tpl-bento footer{background:#241C15;color:#a89684;text-align:center;padding:clamp(44px,6cqw,64px) 24px;border-top:1px solid rgba(251,246,238,.08)}
#sitePreview #tpl-bento footer .fn,#siteFull #tpl-bento footer .fn{font-family:'Inter';font-weight:700;font-size:clamp(20px,2.8cqw,28px);color:#FBF6EE;margin-bottom:8px}
#sitePreview #tpl-bento footer .fd,#siteFull #tpl-bento footer .fd{font-family:'Space Mono';font-size:11px;margin-bottom:22px}
#sitePreview #tpl-bento footer .fnav,#siteFull #tpl-bento footer .fnav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}
#sitePreview #tpl-bento footer .fnav a,#siteFull #tpl-bento footer .fnav a{color:#a89684;text-decoration:none}
#sitePreview #tpl-bento footer .copy,#siteFull #tpl-bento footer .copy{font-size:11px;color:#6e6255}


/* Dark RSVP card to match the espresso RSVP section (was white). */
#sitePreview #tpl-bento .rsvp-form,#siteFull #tpl-bento .rsvp-form{background:rgba(255,255,255,.04);border:1px solid rgba(251,246,238,.14);box-shadow:0 24px 60px -30px rgba(0,0,0,.7)}