/* ================================================================ 4 · MODERN DARK ROMANTIC ================================================================ */ #sitePreview #tpl-dark,#siteFull #tpl-dark{background:#14100d;color:#F4ECE0} #sitePreview #tpl-dark .fixed-nav,#siteFull #tpl-dark .fixed-nav{position:fixed;top:0;left:0;right:0;z-index:50; background:rgba(10,7,5,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px); box-shadow:0 1px 0 rgba(203,166,107,.12);transform:translateY(-100%);transition:transform .25s ease;pointer-events:none} #sitePreview #tpl-dark .fixed-nav.show,#siteFull #tpl-dark .fixed-nav.show{transform:translateY(0);pointer-events:auto} #sitePreview #tpl-dark .fixed-nav .nav,#siteFull #tpl-dark .fixed-nav .nav{color:#F4ECE0;padding:18px clamp(20px,4.4cqw,52px)} #sitePreview #tpl-dark .fixed-nav .nav .rsvp-pill,#siteFull #tpl-dark .fixed-nav .nav .rsvp-pill{border-color:#CBA66B;color:#CBA66B} #sitePreview #tpl-dark .hero,#siteFull #tpl-dark .hero{position:relative;overflow:hidden;background:#0c0907;min-height:90dvh;display:flex;flex-direction:column;align-items:center;justify-content:center; text-align:center;color:#F4ECE0;padding:clamp(30px,5cqw,60px) clamp(22px,5cqw,40px) 60px} #sitePreview #tpl-dark .hero .kb,#siteFull #tpl-dark .hero .kb{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 30%} #sitePreview.anim #tpl-dark .hero .kb,#siteFull.anim #tpl-dark .hero .kb{animation:site-kenburns 16s ease-out both} #sitePreview #tpl-dark .hero::after,#siteFull #tpl-dark .hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(12,9,7,.74),rgba(12,9,7,.55) 45%,rgba(10,7,5,.92))} #sitePreview #tpl-dark .hero>*,#siteFull #tpl-dark .hero>*{position:relative;z-index:2} #sitePreview #tpl-dark .hero>.kb,#siteFull #tpl-dark .hero>.kb{z-index:0} #sitePreview #tpl-dark .hero .nav,#siteFull #tpl-dark .hero .nav{position:absolute;top:0;left:0;right:0;color:#F4ECE0;justify-content:center;gap:clamp(18px,3cqw,38px);font-size:11px;letter-spacing:.26em} #sitePreview #tpl-dark .hero .nav ul,#siteFull #tpl-dark .hero .nav ul{gap:clamp(18px,3cqw,38px)} #sitePreview #tpl-dark .hero .nav .rsvp-pill,#siteFull #tpl-dark .hero .nav .rsvp-pill{border-color:#CBA66B;color:#CBA66B} #sitePreview #tpl-dark .eyebrow,#siteFull #tpl-dark .eyebrow{color:#CBA66B;margin-bottom:24px} #sitePreview #tpl-dark h1,#siteFull #tpl-dark h1{font-size:clamp(52px,9.2cqw,128px);color:#F4ECE0;text-shadow:0 2px 40px rgba(0,0,0,.4)} #sitePreview #tpl-dark .dk-heroquote,#siteFull #tpl-dark .dk-heroquote{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);font-family:'Cormorant Garamond';font-size:clamp(150px,22cqw,300px);line-height:1;color:rgba(201,168,106,.18);z-index:1;pointer-events:none;user-select:none;white-space:nowrap} #sitePreview #tpl-dark .goldline,#siteFull #tpl-dark .goldline{width:70px;height:1px;background:#CBA66B;margin:26px auto;opacity:.8} #sitePreview #tpl-dark .meta,#siteFull #tpl-dark .meta{font-family:'Cormorant Garamond';font-style:italic;font-size:clamp(19px,2.5cqw,29px);color:#e7dcca} #sitePreview #tpl-dark .cd,#siteFull #tpl-dark .cd{justify-content:center;margin:32px 0 4px} #sitePreview #tpl-dark .cd b,#siteFull #tpl-dark .cd b{color:#CBA66B} #sitePreview #tpl-dark .cta,#siteFull #tpl-dark .cta{margin-top:30px} #sitePreview #tpl-dark .btn-hero,#siteFull #tpl-dark .btn-hero{background:#CBA66B;color:#1a130b;border-color:#CBA66B} #sitePreview #tpl-dark .btn-hero:hover,#siteFull #tpl-dark .btn-hero:hover{background:transparent;color:#CBA66B} #sitePreview #tpl-dark .evening,#siteFull #tpl-dark .evening{background:#14100d;text-align:center;padding:clamp(56px,8cqw,104px) clamp(22px,5cqw,40px);border-top:1px solid rgba(203,166,107,.22)} #sitePreview #tpl-dark .evening .ey,#siteFull #tpl-dark .evening .ey{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:#CBA66B;margin-bottom:22px} #sitePreview #tpl-dark .evening p,#siteFull #tpl-dark .evening p{font-family:'Playfair Display';font-style:italic;font-weight:400;font-size:clamp(24px,3.4cqw,40px);line-height:1.45;max-width:760px;margin:0 auto;color:#efe6d6} #sitePreview #tpl-dark .schedule,#siteFull #tpl-dark .schedule{background:#1e1812;color:#F4ECE0;padding:clamp(56px,8cqw,100px) clamp(22px,5cqw,40px);border-top:1px solid rgba(203,166,107,.14)} #sitePreview #tpl-dark .schedule .ey,#siteFull #tpl-dark .schedule .ey{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#CBA66B;margin-bottom:18px;text-align:center} #sitePreview #tpl-dark .schedule h2,#siteFull #tpl-dark .schedule h2{font-family:'Playfair Display';font-weight:500;font-size:clamp(28px,3.8cqw,44px);text-align:center;margin:0 0 52px} #sitePreview #tpl-dark .dsched,#siteFull #tpl-dark .dsched{max-width:600px;margin:0 auto;position:relative;padding-left:36px} #sitePreview #tpl-dark .dsched::before,#siteFull #tpl-dark .dsched::before{content:"";position:absolute;left:6px;top:18px;bottom:18px;width:1px;background:rgba(203,166,107,.3)} #sitePreview #tpl-dark .drow,#siteFull #tpl-dark .drow{position:relative;padding:14px 0} #sitePreview #tpl-dark .drow .dot,#siteFull #tpl-dark .drow .dot{position:absolute;left:-36px;top:20px;width:13px;height:13px;border:1px solid #CBA66B;border-radius:50%;background:#1e1812;box-shadow:0 0 8px rgba(203,166,107,.25)} #sitePreview #tpl-dark .drow .dt,#siteFull #tpl-dark .drow .dt{font-family:'Space Mono';font-size:11px;color:#CBA66B;margin-bottom:4px;letter-spacing:.06em} #sitePreview #tpl-dark .drow .de,#siteFull #tpl-dark .drow .de{font-family:'Playfair Display';font-size:20px;font-weight:500;margin-bottom:3px} #sitePreview #tpl-dark .drow .dn,#siteFull #tpl-dark .drow .dn{font-family:'Cormorant Garamond';font-size:16px;color:#c8b89c;font-style:italic} #sitePreview #tpl-dark .photos,#siteFull #tpl-dark .photos{border-top:1px solid rgba(203,166,107,.14)} #sitePreview #tpl-dark .photos img,#siteFull #tpl-dark .photos img{filter:brightness(.82) contrast(1.12)} #sitePreview #tpl-dark .travel,#siteFull #tpl-dark .travel{background:#14100d;color:#F4ECE0;padding:clamp(56px,8cqw,100px) clamp(22px,5cqw,40px);border-top:1px solid rgba(203,166,107,.14)} #sitePreview #tpl-dark .travel .ey,#siteFull #tpl-dark .travel .ey{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#CBA66B;margin-bottom:18px;text-align:center} #sitePreview #tpl-dark .travel h2,#siteFull #tpl-dark .travel h2{font-family:'Playfair Display';font-weight:500;font-size:clamp(28px,3.8cqw,44px);text-align:center;margin:0 0 48px} #sitePreview #tpl-dark .travel-cols,#siteFull #tpl-dark .travel-cols{display:grid;grid-template-columns:1fr 1fr;gap:44px;max-width:820px;margin:0 auto} #sitePreview #tpl-dark .travel-cols h4,#siteFull #tpl-dark .travel-cols h4{font-family:'Playfair Display';font-size:19px;font-weight:500;margin:0 0 10px;color:#CBA66B} #sitePreview #tpl-dark .travel-cols .sep,#siteFull #tpl-dark .travel-cols .sep{width:36px;height:1px;background:#CBA66B;opacity:.5;margin:12px 0 18px} #sitePreview #tpl-dark .travel-cols p,#siteFull #tpl-dark .travel-cols p{font-size:14px;line-height:1.8;color:#c8b49a;margin:0 0 14px} #sitePreview #tpl-dark .travel-cols address,#siteFull #tpl-dark .travel-cols address{font-style:normal;font-size:14px;line-height:1.8;color:#9a8b78} #sitePreview #tpl-dark .dark-hotels,#siteFull #tpl-dark .dark-hotels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px;padding-top:44px;border-top:1px solid rgba(203,166,107,.14);max-width:820px;margin-left:auto;margin-right:auto} #sitePreview #tpl-dark .dark-hotel,#siteFull #tpl-dark .dark-hotel{border:1px solid rgba(203,166,107,.22);padding:20px;text-align:center;transition:border-color .25s var(--e),transform .25s var(--e)} #sitePreview #tpl-dark .dark-hotel:hover,#siteFull #tpl-dark .dark-hotel:hover{border-color:rgba(203,166,107,.6);transform:translateY(-3px)} #sitePreview #tpl-dark .dark-hotel b,#siteFull #tpl-dark .dark-hotel b{display:block;font-family:'Playfair Display';font-size:16px;font-weight:500;color:#F4ECE0;margin-bottom:5px} #sitePreview #tpl-dark .dark-hotel span,#siteFull #tpl-dark .dark-hotel span{font-size:13px;color:#9a8b78;font-family:'Cormorant Garamond';font-style:italic} #sitePreview #tpl-dark .rsvp-sec,#siteFull #tpl-dark .rsvp-sec{background:#1e1812;color:#F4ECE0;padding:clamp(64px,9cqw,110px) clamp(22px,5cqw,40px);text-align:center;border-top:1px solid rgba(203,166,107,.14)} #sitePreview #tpl-dark .rsvp-sec .ey,#siteFull #tpl-dark .rsvp-sec .ey{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#CBA66B;margin-bottom:18px} #sitePreview #tpl-dark .rsvp-sec h2,#siteFull #tpl-dark .rsvp-sec h2{font-family:'Playfair Display';font-weight:500;font-size:clamp(28px,4cqw,50px);margin:0 0 10px} #sitePreview #tpl-dark .rsvp-sec .sub,#siteFull #tpl-dark .rsvp-sec .sub{font-family:'Cormorant Garamond';font-style:italic;font-size:20px;color:#c8b49a;margin-bottom:44px} #sitePreview #tpl-dark .rsvp-form input,#sitePreview #tpl-dark .rsvp-form textarea,#sitePreview #tpl-dark .rsvp-form select, #siteFull #tpl-dark .rsvp-form input,#siteFull #tpl-dark .rsvp-form textarea,#siteFull #tpl-dark .rsvp-form select{background:rgba(255,255,255,.06);border:1px solid rgba(203,166,107,.3);color:#F4ECE0} #sitePreview #tpl-dark .rsvp-form input::placeholder,#sitePreview #tpl-dark .rsvp-form textarea::placeholder, #siteFull #tpl-dark .rsvp-form input::placeholder,#siteFull #tpl-dark .rsvp-form textarea::placeholder{color:#6a5f4f} #sitePreview #tpl-dark .rsvp-form input:focus,#sitePreview #tpl-dark .rsvp-form textarea:focus,#sitePreview #tpl-dark .rsvp-form select:focus, #siteFull #tpl-dark .rsvp-form input:focus,#siteFull #tpl-dark .rsvp-form textarea:focus,#siteFull #tpl-dark .rsvp-form select:focus{border-color:#CBA66B;background:rgba(255,255,255,.09);outline:none} #sitePreview #tpl-dark .rsvp-form select option,#siteFull #tpl-dark .rsvp-form select option{background:#1e1812;color:#F4ECE0} #sitePreview #tpl-dark .rsvp-form .field label,#siteFull #tpl-dark .rsvp-form .field label{color:#9a8b78} #sitePreview #tpl-dark .rsvp-form .att,#siteFull #tpl-dark .rsvp-form .att{color:#F4ECE0;border-color:rgba(203,166,107,.36);background:transparent} #sitePreview #tpl-dark .rsvp-form .att.on,#siteFull #tpl-dark .rsvp-form .att.on{background:#CBA66B;border-color:#CBA66B;color:#1a130b} #sitePreview #tpl-dark .rsvp-form .att:hover:not(.on),#siteFull #tpl-dark .rsvp-form .att:hover:not(.on){background:rgba(203,166,107,.12)} #sitePreview #tpl-dark .rsvp-form .rsvp-btn,#siteFull #tpl-dark .rsvp-form .rsvp-btn{background:#CBA66B;color:#1a130b;border-color:#CBA66B} #sitePreview #tpl-dark .rsvp-form .rsvp-btn:hover,#siteFull #tpl-dark .rsvp-form .rsvp-btn:hover{background:transparent;color:#CBA66B} #sitePreview #tpl-dark footer,#siteFull #tpl-dark footer{background:#0c0906;color:#7a6b58;text-align:center;padding:clamp(50px,7cqw,80px) 24px;border-top:1px solid rgba(203,166,107,.18)} #sitePreview #tpl-dark footer .goldline,#siteFull #tpl-dark footer .goldline{width:50px;height:1px;background:#CBA66B;margin:0 auto 22px;opacity:.5} #sitePreview #tpl-dark footer .fn,#siteFull #tpl-dark footer .fn{font-family:'Playfair Display';font-size:clamp(20px,2.8cqw,30px);color:#F4ECE0;margin-bottom:8px} #sitePreview #tpl-dark footer .fd,#siteFull #tpl-dark footer .fd{font-family:'Space Mono';font-size:11px;color:#5a4f3e;margin-bottom:26px;letter-spacing:.14em} #sitePreview #tpl-dark footer .fnav,#siteFull #tpl-dark footer .fnav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;margin-bottom:26px} #sitePreview #tpl-dark footer .fnav a,#siteFull #tpl-dark footer .fnav a{color:#7a6b58;text-decoration:none} #sitePreview #tpl-dark footer .fnav a:hover,#siteFull #tpl-dark footer .fnav a:hover{color:#a89b88} #sitePreview #tpl-dark footer .copy,#siteFull #tpl-dark footer .copy{font-size:11px;color:#4a3d2e} /* Noir RSVP card — override the shared white card so the dark-skinned inputs sit on a dark surface (was: white card + white-on-white fields). */ #sitePreview #tpl-dark .rsvp-form,#siteFull #tpl-dark .rsvp-form{background:rgba(255,255,255,.03);border:1px solid rgba(203,166,107,.22);box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}