/* ================================================== FONT FACE ================================================== */ @font-face{font-family:"FELIXTI";src:url("/assets/font/FELIXTI.TTF") format("truetype"),url("/assets/font/FELIXTI.ttf") format("truetype"),url("/assets/font/FELIXTI") format("truetype");font-display:swap;} /* ================================================== ROOT VARIABLES ================================================== */ :root{--font-heading:"Cormorant Garamond",serif;--font-script:"Great Vibes",cursive;--font-body:"Inter",sans-serif;--bg:#fffaf4;--surface:rgba(255,255,255,0.82);--surface-strong:rgba(255,255,255,0.94);--text:#33251f;--muted:#7a6b63;--accent:#a9784d;--accent-dark:#5d3b28;--border:rgba(169,120,77,0.28);--shadow:0 24px 70px rgba(55,38,28,0.18);--mobile-width:430px;} /* ================================================== MINIMALIS THEME VARIABLES ================================================== */ body[data-theme="minimalis"]{--bg:#f7f4ee;--surface:rgba(255,255,255,0.78);--surface-strong:rgba(255,255,255,0.94);--text:#222222;--muted:#666666;--accent:#111111;--accent-dark:#000000;--border:rgba(17,17,17,0.16);} /* ================================================== GLOBAL / RESET ================================================== */ *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg);overflow-x:hidden;} body.is-locked{overflow:hidden;} img{display:block;max-width:100%;} video{display:block;max-width:100%;} button{font:inherit;} input{font:inherit;} textarea{font:inherit;} select{font:inherit;} .hidden{display:none !important;} /* ================================================== LOADING PAGE ================================================== */ .loader-screen{position:fixed;inset:0;z-index:1000;width:100%;min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden;background:var(--bg);} /* ================================================== COVER PAGE ================================================== */ .cover-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;overflow:hidden;width:min(100%,var(--mobile-width));margin-left:auto;min-height:100vh;background:var(--bg);box-shadow:-20px 0 60px rgba(0,0,0,.12);right:0;left:auto;} .loader-card{position:relative;z-index:2;width:min(100%,360px);padding:30px 24px;text-align:center;background:transparent;border:1px solid transparent;border-radius:34px;box-shadow:none;backdrop-filter:none;font-family:"FELIXTI",var(--font-heading);} .cover-card{position:relative;z-index:2;width:min(100%,360px);padding:30px 24px;text-align:center;background:var(--surface-strong);border:1px solid var(--border);border-radius:34px;box-shadow:var(--shadow);backdrop-filter:blur(14px);} .loader-photo-frame{width:170px;height:170px;margin:12px auto 18px;padding:0;border:0;border-radius:0;overflow:hidden;} .loader-photo-frame img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0;} .cover-photo{object-fit:cover;border-radius:inherit;width:140px;height:140px;margin:6px auto 18px;border:6px solid rgba(255,255,255,.72);box-shadow:0 16px 35px rgba(0,0,0,.16);} .loader-card h1{margin:0;font-family:"FELIXTI",var(--font-heading);font-weight:600;line-height:1.05;font-size:2.35rem;white-space:nowrap;} .cover-card h1{margin:0;font-family:var(--font-heading);font-weight:600;line-height:1.05;white-space:pre-line;font-size:3rem;} .section-card h2{margin:0;font-family:var(--font-heading);font-weight:600;line-height:1.05;font-size:clamp(2rem,9vw,3.15rem);color:var(--accent-dark);} .loader-progress-wrap{display:none;} .loader-progress{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-dark));transition:width .2s linear;} .loader-percent{margin:10px 0 0;color:var(--muted);} .loader-screen .eyebrow{font-size:.92rem;line-height:1.1;white-space:nowrap;} .loader-card .loader-percent{margin-top:12px;font-size:1rem;font-weight:600;} .loader-screen .eyebrow,.loader-screen .loader-percent,.loader-screen .loader-progress-wrap{font-family:"FELIXTI",var(--font-heading);} /* ================================================== DESKTOP SHOWCASE / TWO COLUMN ================================================== */ .desktop-showcase{display:none;position:fixed;inset:0 auto 0 0;width:calc(100vw - var(--mobile-width));min-width:0;overflow:hidden;background:#111;} .showcase-media{position:absolute;inset:0;pointer-events:none;} .cover-media{position:absolute;inset:0;pointer-events:none;} /* ================================================== GLOBAL 3 LAYER STRUCTURE Layer 1: fixed/global media Layer 2: section overlay/media Layer 3: section content ================================================== */ .layer-fixed-bg{inset:0;pointer-events:none;position:fixed;z-index:-2;opacity:var(--fixed-bg-opacity,1);} .layer-section-media{position:absolute;inset:0;pointer-events:none;width:min(82%,330px);height:min(46vh,360px);left:50%;top:48%;transform:translate(-50%,-50%);border-radius:34px;overflow:hidden;opacity:.72;filter:saturate(.96);} .layer-overlay{position:absolute;inset:0;pointer-events:none;z-index:-1;background:rgba(255,250,244,.64);} .layer-decoration{position:absolute;inset:0;pointer-events:none;} .showcase-media img{width:100%;height:100%;object-fit:cover;} .showcase-media video{width:100%;height:100%;object-fit:cover;} .cover-media img{width:100%;height:100%;object-fit:cover;} .cover-media video{width:100%;height:100%;object-fit:cover;} .layer-fixed-bg img{width:100%;height:100%;object-fit:cover;} .layer-fixed-bg video{width:100%;height:100%;object-fit:cover;} .layer-section-media img{width:100%;height:100%;object-fit:cover;} .layer-section-media video{width:100%;height:100%;object-fit:cover;} .showcase-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.52));} .cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.52));} .showcase-content{position:absolute;z-index:2;left:8%;bottom:10%;color:#fff;max-width:620px;} .showcase-content h1{margin:0 0 12px;font-family:var(--font-heading);font-size:clamp(3rem,7vw,7.5rem);line-height:.95;} .showcase-content em{font-family:var(--font-script);font-weight:400;} .invitation{width:min(100%,var(--mobile-width));margin-left:auto;min-height:100vh;background:var(--bg);box-shadow:-20px 0 60px rgba(0,0,0,.12);} .eyebrow{margin:0 0 10px;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;} .cover-to{margin:22px 0 4px;color:var(--muted);} .guest-name{margin:0 0 18px;font-weight:700;font-size:1.1rem;} .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 12px 30px rgba(93,59,40,0.25);cursor:pointer;text-decoration:none;} .template-section{position:relative;min-height:100svh;display:grid;place-items:center;padding:78px 18px 92px;overflow:hidden;isolation:isolate;} .template-section::before{content:"";position:fixed;inset:0;z-index:-3;background:var(--bg);} .layer{z-index:1;} .layer-section-media:empty{display:none;} .layer-text{position:relative;z-index:4;width:min(100%,356px);} .section-card{padding:28px 22px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(12px);} .section-card p{color:var(--muted);line-height:1.75;} .story-item{padding:14px;border-radius:18px;background:rgba(255,255,255,.66);border:1px solid var(--border);} .story-item strong{color:var(--accent);} .story-item h3{margin:6px 0 4px;font-family:var(--font-heading);} .story-item p{margin:0;} /* ================================================== BOTTOM NAVBAR ================================================== */ .floating-nav{position:fixed;z-index:60;right:max(14px,calc((100vw - var(--mobile-width)) / 2 + 14px));bottom:0;width:min(calc(100% - 28px),402px);display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;border:1px solid rgba(255,255,255,.16);border-bottom:0;border-radius:22px 22px 0 0;background:rgba(15,12,10,0.822);backdrop-filter:blur(16px);box-shadow:0 -14px 40px rgba(0,0,0,.18);} .floating-nav__item{min-height:54px;border:0;border-radius:16px;color:rgba(255,255,255,.76);background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:clamp(.58rem,1.9vw,.68rem);font-weight:700;line-height:1;} .floating-nav__icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .floating-nav__item.active{color:#fff;background:rgba(255,255,255,.14);} .music-toggle{position:fixed;z-index:80;right:max(18px,calc((100vw - var(--mobile-width)) / 2 + 18px));bottom:88px;width:44px;height:44px;border:0;border-radius:999px;color:#fff;background:var(--accent-dark);box-shadow:var(--shadow);cursor:pointer;} .music-toggle.is-playing{animation:spin 3s linear infinite;} /* ================================================== ANIMATIONS ================================================== */ @keyframes spin{to{transform:rotate(360deg);} } @keyframes floatUp{0%{transform:translate3d(0,0,0) rotate(0deg);opacity:0;} 12%{opacity:.78;} 100%{transform:translate3d(var(--decor-x,20px),-118vh,0) rotate(18deg);opacity:0;} } .reveal-in{animation:revealIn .8s ease both;} @keyframes revealIn{from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:translateY(0);} } /* ================================================== RESPONSIVE: DESKTOP BASE ================================================== */ @media (min-width:900px){.desktop-showcase{display:block;} } @media (min-width:900px){.cover-screen{max-width:var(--mobile-width);} } @media (min-width:900px){.invitation{max-width:var(--mobile-width);} } @keyframes minimalisCoverReveal{from{opacity:0;transform:translate(-50%,18px);} to{opacity:1;transform:translate(-50%,0);} } .hero-text h2{margin:0;font-family:var(--font-heading);font-weight:600;line-height:1.05;font-size:clamp(3rem,16vw,5.4rem);text-shadow:0 12px 35px rgba(0,0,0,.26);} .hero-text em{font-family:var(--font-script);font-weight:400;} .hero-section{text-align:center;color:#fff;} .hero-section .layer-overlay{background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.54));} .hero-text p{margin-top:14px;font-weight:700;letter-spacing:.08em;} .quote-text{font-family:var(--font-heading);font-size:1.35rem;} .couple-grid{display:grid;gap:16px;margin-top:20px;} .person-card{padding:18px;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.56);} .person-card img{width:132px;height:132px;margin:0 auto 14px;object-fit:cover;border-radius:999px;} .person-card h3{margin:0 0 8px;font-family:var(--font-heading);font-size:1.55rem;color:var(--accent-dark);} .story-dropdown{margin-top:18px;text-align:left;} .story-dropdown summary{padding:14px 16px;border-radius:18px;color:#fff;background:var(--accent-dark);cursor:pointer;} .story-timeline{display:grid;gap:12px;margin-top:14px;} .countdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;} .countdown-grid div{min-height:94px;display:grid;place-items:center;padding:12px;border-radius:24px;color:#fff;background:linear-gradient(145deg,var(--accent),var(--accent-dark));} .countdown-grid strong{display:block;font-family:var(--font-heading);font-size:2rem;line-height:1;} .countdown-grid span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;} .form-status{min-height:24px;font-size:.88rem;} /* ================================================== RESPONSIVE: MOBILE BASE ================================================== */ @media (max-width:899px){.cover-screen{width:100%;margin:0;box-shadow:none;} } @media (max-width:899px){.invitation{width:100%;margin:0;box-shadow:none;} } @media (max-width:899px){.floating-nav{right:14px;bottom:0;} } @media (max-width:899px){.music-toggle{right:18px;} } @media (max-width:899px){.template-section{padding-inline:16px;} } @media (max-width:380px){.section-card{padding:24px 18px;border-radius:26px;} } @media (max-width:380px){.cover-card h1{font-size:2.55rem;} } @media (max-width:380px){.hero-text h2{font-size:4.2rem;} } body[data-theme="minimalis"]{--bg:#f3f3f3;--surface:transparent;--surface-strong:#f4f4f4;--text:#111111;--muted:#444444;--accent:#111111;--accent-dark:#000000;--border:rgba(17,17,17,.28);--shadow:none;font-family:var(--font-body);background:#111;} /* ================================================== MINIMALIS - LOADING PAGE ================================================== */ body[data-theme="minimalis"] .loader-screen{background:#0f0f0f;color:#f6f6f6;} body[data-theme="minimalis"] .loader-card,body[data-theme="minimalis"] .loader-card .eyebrow,body[data-theme="minimalis"] .loader-card h1,body[data-theme="minimalis"] .loader-percent{color:#f6f6f6;} body[data-theme="minimalis"] .loader-progress-wrap{background:rgba(255,255,255,.18);} body[data-theme="minimalis"] .loader-progress{background:#f6f6f6;} body[data-theme="minimalis"] .desktop-showcase{background:#f2f2f2;} body[data-theme="minimalis"] .desktop-showcase .showcase-media,body[data-theme="minimalis"] .desktop-showcase .showcase-overlay,body[data-theme="minimalis"] .desktop-showcase .showcase-content{display:none;} /* ================================================== MINIMALIS - COVER PAGE ================================================== */ body[data-theme="minimalis"] .cover-screen{width:min(100%,var(--mobile-width));padding:0;background:#f4f4f4;box-shadow:-20px 0 60px rgba(0,0,0,.12);align-items:stretch;justify-items:stretch;} body[data-theme="minimalis"] .cover-media,body[data-theme="minimalis"] .cover-overlay{display:none;} body[data-theme="minimalis"] .cover-card{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:42px 20px 54px;background:#f4f4f4;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:#111;} body[data-theme="minimalis"] .cover-card .eyebrow{order:1;margin:0 0 18px;font-family:var(--font-body);font-size:clamp(22px,6vw,38px);line-height:1.1;letter-spacing:.02em;color:#111;text-transform:none;} body[data-theme="minimalis"] .cover-photo{order:2;width:min(84%,720px);height:auto;max-height:34vh;object-fit:contain;border-radius:0;} body[data-theme="minimalis"] #coverNames{order:3;margin:22px 0 76px;font-family:var(--font-heading);font-size:clamp(54px,13vw,92px);line-height:.92;font-weight:500;letter-spacing:.02em;white-space:pre-line;color:#111;} body[data-theme="minimalis"] .cover-to{order:4;margin:0;font-family:var(--font-body);font-size:clamp(26px,8vw,40px);color:#111;} body[data-theme="minimalis"] .guest-name{order:5;margin:0 0 8px;font-family:var(--font-heading);font-size:clamp(44px,12vw,66px);line-height:1;font-weight:500;color:#111;} body[data-theme="minimalis"] .btn-primary{order:6;min-height:52px;padding:10px 26px;border:2px solid #111;border-radius:999px;background:transparent;color:#111;font-size:clamp(20px,5.7vw,30px);line-height:1;box-shadow:none;} body[data-theme="minimalis"] .btn-envelope{display:inline-block;transform:translateY(-1px);margin-right:6px;} /* ================================================== MINIMALIS - DESKTOP/MOBILE FRAME & 3 LAYER GLOBAL ================================================== */ body[data-theme="minimalis"] .invitation{width:min(100%,var(--mobile-width));margin-left:auto;background:#111;box-shadow:-20px 0 60px rgba(0,0,0,.16);} body[data-theme="minimalis"] .template-fixed-motion-bg{position:fixed;top:0;right:0;left:auto;width:min(100%,var(--mobile-width));height:100vh;z-index:0;overflow:hidden;pointer-events:none;background:#111;} body[data-theme="minimalis"] .template-fixed-motion-bg__media{width:100%;height:100%;object-fit:cover;} body[data-theme="minimalis"] .template-section{position:relative;min-height:100vh;width:100%;overflow:hidden;color:#111;background:transparent;} body[data-theme="minimalis"] .layer-fixed-bg,body[data-theme="minimalis"] .layer-section-media,body[data-theme="minimalis"] .layer-overlay,body[data-theme="minimalis"] .layer-text,body[data-theme="minimalis"] .layer-decoration{position:absolute;inset:0;} body[data-theme="minimalis"] .layer-fixed-bg,body[data-theme="minimalis"] .layer-section-media,body[data-theme="minimalis"] .layer-decoration{pointer-events:none;} body[data-theme="minimalis"] .layer-fixed-bg img,body[data-theme="minimalis"] .layer-fixed-bg video,body[data-theme="minimalis"] .layer-section-media img,body[data-theme="minimalis"] .layer-section-media video{width:100%;height:100%;object-fit:cover;} body[data-theme="minimalis"] .layer-overlay{z-index:1;} body[data-theme="minimalis"] .layer-section-media{z-index:2;} body[data-theme="minimalis"] .layer-text{z-index:3;} /* ================================================== MINIMALIS - SECTION 1 / HOME ================================================== */ body[data-theme="minimalis"] #section-home{min-height:100vh;background:#111;} body[data-theme="minimalis"] #section-home .layer-overlay{background:rgba(0,0,0,.92) !important;} body[data-theme="minimalis"] .minimalis-hero-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:74px 0 0;text-align:center;color:#f4f4f4;} body[data-theme="minimalis"] .minimalis-hero-content .eyebrow{margin:0 0 10px;font-family:var(--font-body);font-size:14px;letter-spacing:.01em;color:#f4f4f4;text-transform:none;} body[data-theme="minimalis"] .minimalis-couple-title{margin:0;font-family:var(--font-heading);font-size:clamp(66px,22vw,96px);font-weight:500;line-height:.82;color:#fff;} body[data-theme="minimalis"] .minimalis-couple-title span,body[data-theme="minimalis"] .minimalis-couple-title em{display:block;font-style:normal;} body[data-theme="minimalis"] .minimalis-couple-title em{font-size:.44em;line-height:1.05;} body[data-theme="minimalis"] .minimalis-date{margin:16px 0 46px;font-size:12px;color:#f4f4f4;} /* ================================================== MINIMALIS - SECTION 2 / DOA ================================================== */ body[data-theme="minimalis"] #section-prayer{min-height:100vh;background:#eeeeee;} body[data-theme="minimalis"] #section-prayer .layer-overlay{background:#eeeeee !important;} body[data-theme="minimalis"] #section-prayer .section-card,body[data-theme="minimalis"] .prayer-card{inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;max-width:none;padding:42px 30px 28px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#111;text-align:center;} body[data-theme="minimalis"] .prayer-motion-media{display:none;} body[data-theme="minimalis"] .minimalis-prayer-icon{font-size:25px;line-height:1;} body[data-theme="minimalis"] .prayer-copy{width:100%;max-width:340px;} body[data-theme="minimalis"] .quote-text{margin:0 0 20px;font-family:var(--font-body);font-size:clamp(13px,3.5vw,16px);line-height:1.34;color:#111;} body[data-theme="minimalis"] .prayer-copy strong{font-family:var(--font-heading);font-size:clamp(15px,4vw,20px);font-weight:600;color:#111;} body[data-theme="minimalis"] .minimalis-prayer-image{width:100%;max-width:360px;height:auto;margin-top:12px;object-fit:contain;} /* ================================================== MINIMALIS - SECTION 3 / MEMPELAI ================================================== */ body[data-theme="minimalis"] #section-couple{min-height:100vh;background:#111;color:#111;} body[data-theme="minimalis"] #section-couple .layer-overlay{background:rgba(0,0,0,.88) !important;} body[data-theme="minimalis"] #section-couple .couple-card{inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;max-width:none;padding:42px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;} body[data-theme="minimalis"] .couple-ring{width:54px;height:auto;margin:0 auto 18px;opacity:.68;filter:invert(1);} body[data-theme="minimalis"] .couple-invitation-text{max-width:330px;margin:0 auto 42px;padding:0 26px;font-size:13px;line-height:1.35;color:rgba(255,255,255,.78);} body[data-theme="minimalis"] .couple-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0;width:100%;margin:0;} body[data-theme="minimalis"] .person-card{min-height:222px;padding:0;border:0;border-radius:0;background:rgba(255,255,255,.07);box-shadow:none;overflow:hidden;position:relative;} body[data-theme="minimalis"] .person-card--bride{grid-column:1;grid-row:1;} body[data-theme="minimalis"] .person-card--groom{grid-column:2;grid-row:2;} body[data-theme="minimalis"] .person-motion{width:100%;height:100%;min-height:222px;object-fit:cover;object-position:center top;filter:grayscale(.05);} body[data-theme="minimalis"] .person-card h3{position:absolute;top:18px;left:calc(100% + 18px);width:150px;margin:0;font-family:var(--font-heading);font-size:35px;line-height:.9;font-weight:600;color:rgba(255,255,255,.18);text-align:left;} body[data-theme="minimalis"] .person-card--groom h3{left:auto;right:calc(100% + 18px);text-align:right;} body[data-theme="minimalis"] .person-card p,body[data-theme="minimalis"] .instagram-link{position:absolute;color:rgba(255,255,255,.18);} body[data-theme="minimalis"] .person-card p{top:96px;left:calc(100% + 18px);width:150px;margin:0;font-size:10px;line-height:1.25;text-align:left;} body[data-theme="minimalis"] .person-card--groom p{left:auto;right:calc(100% + 18px);text-align:right;} body[data-theme="minimalis"] .instagram-link{top:142px;left:calc(100% + 18px);width:25px;height:25px;border:1px solid rgba(255,255,255,.18);border-radius:4px;} body[data-theme="minimalis"] .person-card--groom .instagram-link{left:auto;right:calc(100% + 18px);} body[data-theme="minimalis"] .instagram-link svg{fill:rgba(255,255,255,.18);} /* ================================================== MINIMALIS - SECTION 4 / LOVESTORY ================================================== */ body[data-theme="minimalis"] #section-lovestory{min-height:100vh;background:#f3f3f3;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{background:#f3f3f3 !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{inset:auto 0 0;height:68%;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img{width:100%;height:100%;object-fit:cover;object-position:center bottom;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:none;padding:72px 18px 0;background:transparent;border:0;box-shadow:none;text-align:center;} body[data-theme="minimalis"] .lovestory-title{margin:0 0 20px;font-family:var(--font-heading);font-size:clamp(28px,8vw,38px);line-height:.98;color:#111;letter-spacing:.01em;} body[data-theme="minimalis"] .lovestory-title-main,body[data-theme="minimalis"] .lovestory-title-sub{display:block;} body[data-theme="minimalis"] .lovestory-title-sub em{font-style:normal;} body[data-theme="minimalis"] .story-dropdown{background:transparent;border:0;color:#111;} body[data-theme="minimalis"] .story-dropdown summary{min-width:94px;padding:7px 14px;border:1px solid #111;border-radius:999px;background:#f3f3f3;color:#111;font-size:12px;cursor:pointer;} body[data-theme="minimalis"] .story-timeline{max-width:330px;margin-top:12px;padding:12px;background:rgba(243,243,243,.92);border:1px solid rgba(0,0,0,.12);} /* ================================================== MINIMALIS - SECTION 5 / COUNTDOWN ================================================== */ body[data-theme="minimalis"] #section-countdown{min-height:48vh;background:#111;color:#fff;} body[data-theme="minimalis"] #section-countdown .layer-overlay{background:rgba(0,0,0,.92) !important;} body[data-theme="minimalis"] .countdown-heading{inset:0 0 auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:48px;font-family:var(--font-heading);font-size:clamp(39px,11.5vw,56px);line-height:.92;text-transform:uppercase;color:#fff;text-align:center;letter-spacing:.02em;} body[data-theme="minimalis"] .countdown-heading em{font-style:normal;} body[data-theme="minimalis"] .countdown-card{inset:auto 0 36px;width:100%;max-width:none;padding:0 22px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff;} body[data-theme="minimalis"] .countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;} body[data-theme="minimalis"] .countdown-grid div{background:transparent;border:0;color:#fff;} body[data-theme="minimalis"] .countdown-grid strong{font-family:var(--font-heading);font-size:clamp(36px,11vw,54px);font-weight:500;line-height:1;} body[data-theme="minimalis"] .countdown-grid span{margin-top:10px;font-size:10px;color:#fff;} /* ================================================== MINIMALIS - SECTION 6 / LOCATION ================================================== */ body[data-theme="minimalis"] #section-event{min-height:64vh;background:#111;color:rgba(255,255,255,.18);} body[data-theme="minimalis"] #section-event .layer-overlay{background:rgba(0,0,0,.88) !important;} body[data-theme="minimalis"] .location-panel{inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;padding:44px 26px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;color:rgba(255,255,255,.18);} body[data-theme="minimalis"] .location-block{width:100%;margin:0 0 28px;} body[data-theme="minimalis"] .location-block h3{margin:0 0 8px;font-family:var(--font-heading);font-size:38px;line-height:.9;color:rgba(255,255,255,.16);} body[data-theme="minimalis"] .location-line{display:block;width:70%;height:1px;margin:0 auto 14px;background:rgba(255,255,255,.10);} body[data-theme="minimalis"] .location-date,body[data-theme="minimalis"] .location-time,body[data-theme="minimalis"] .location-venue{margin:0 0 5px;font-size:11px;line-height:1.25;color:rgba(255,255,255,.18);} body[data-theme="minimalis"] .location-map-actions{display:flex;justify-content:center;gap:8px;} body[data-theme="minimalis"] .location-map-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:transparent;color:rgba(255,255,255,.18);font-size:10px;text-decoration:none;} /* ================================================== MINIMALIS - SECTION 7 / GIFT ================================================== */ body[data-theme="minimalis"] #section-gift{min-height:58vh;background:#f4f4f4;} body[data-theme="minimalis"] #section-gift .layer-overlay{background:#f4f4f4 !important;} body[data-theme="minimalis"] #section-gift .gift-frame-media{display:none;} body[data-theme="minimalis"] .gift-content-panel{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:none;padding:42px 30px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;} body[data-theme="minimalis"] .gift-block h3{margin:0 0 8px;font-family:var(--font-heading);font-size:clamp(34px,9vw,46px);line-height:1;font-weight:500;color:#111;} body[data-theme="minimalis"] .gift-block h3 em{font-style:normal;} body[data-theme="minimalis"] .gift-block p{max-width:310px;margin:0 auto 14px;font-size:12px;line-height:1.4;color:#111;} body[data-theme="minimalis"] .gift-action-btn{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 13px;border:1px solid #111;border-radius:999px;background:transparent;color:#111;font-size:12px;text-decoration:none;} body[data-theme="minimalis"] .gift-divider{display:block;width:72%;height:1px;margin:28px 0 24px;background:rgba(0,0,0,.25);} /* ================================================== MINIMALIS - SECTION 8 / RSVP ================================================== */ body[data-theme="minimalis"] #section-rsvp{min-height:64vh;background:#111;} body[data-theme="minimalis"] #section-rsvp .layer-overlay{background:rgba(0,0,0,.88) !important;} body[data-theme="minimalis"] .rsvp-panel{inset:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:none;padding:48px 26px 36px;background:transparent;border:0;border-radius:0;box-shadow:none;color:rgba(255,255,255,.15);text-align:center;} body[data-theme="minimalis"] .rsvp-panel h2{margin:0 0 10px;font-family:var(--font-heading);font-size:42px;line-height:1;color:rgba(255,255,255,.16);} body[data-theme="minimalis"] .rsvp-intro{margin:0 0 22px;font-size:10px;line-height:1.35;color:rgba(255,255,255,.15);} body[data-theme="minimalis"] .rsvp-form{display:grid;gap:13px;} body[data-theme="minimalis"] .rsvp-form input,body[data-theme="minimalis"] .rsvp-form select{height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent;color:rgba(255,255,255,.18);font-size:11px;} body[data-theme="minimalis"] .rsvp-submit{width:92px;height:34px;border:0;background:#070707;color:rgba(255,255,255,.7);font-size:11px;} /* ================================================== MINIMALIS - SECTION 9 / GALLERY ================================================== */ body[data-theme="minimalis"] #section-gallery{min-height:100vh;background:#111;} body[data-theme="minimalis"] #section-gallery .layer-overlay{background:rgba(0,0,0,.88) !important;} body[data-theme="minimalis"] .gallery-card--main{inset:0;display:flex;flex-direction:column;justify-content:flex-start;width:100%;max-width:none;padding:40px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;} body[data-theme="minimalis"] .gallery-title{margin:0 0 24px;padding:0 20px;font-family:var(--font-heading);font-size:clamp(42px,13vw,62px);line-height:.85;color:rgba(255,255,255,.13);text-align:left;text-transform:uppercase;} body[data-theme="minimalis"] .gallery-title span{display:block;} body[data-theme="minimalis"] .gallery-title-script{font-family:var(--font-heading);font-style:normal;} body[data-theme="minimalis"] .gallery-slider{position:relative;flex:1;min-height:70vh;width:100%;overflow:hidden;} body[data-theme="minimalis"] .gallery-track{position:absolute;inset:0;} body[data-theme="minimalis"] .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:28px;height:48px;border:0;background:transparent;color:#fff;font-size:42px;line-height:1;} body[data-theme="minimalis"] .gallery-nav--prev{left:8px;} body[data-theme="minimalis"] .gallery-nav--next{right:8px;} /* ================================================== MINIMALIS - SECTION 10 / WISHES ================================================== */ body[data-theme="minimalis"] #section-wishes{min-height:100vh;background:#111;} body[data-theme="minimalis"] #section-wishes .layer-overlay{background:rgba(0,0,0,.88) !important;} body[data-theme="minimalis"] .wishes-panel{inset:0;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;padding:30px 16px;background:transparent;border:0;border-radius:0;box-shadow:none;} body[data-theme="minimalis"] .wishes-card{width:100%;max-width:398px;padding:16px 20px 0;background:#eeeeee;border:0;border-radius:0;color:#111;box-shadow:none;} body[data-theme="minimalis"] .wishes-title{margin:0 0 16px;font-family:var(--font-heading);font-size:clamp(34px,10vw,50px);line-height:.98;font-weight:500;text-align:center;color:#111;} body[data-theme="minimalis"] .wishes-title span{display:block;} body[data-theme="minimalis"] .wish-form{display:grid;gap:10px;margin-bottom:18px;} body[data-theme="minimalis"] .wish-form input{height:38px;padding:0 12px;border:1px solid #777;border-radius:0;background:transparent;font-size:12px;} body[data-theme="minimalis"] .wish-submit{width:92px;height:34px;border:0;background:#111;color:#fff;font-size:12px;} body[data-theme="minimalis"] .wish-list{margin:0 -20px;max-height:250px;overflow:auto;background:#f4f4f4;} body[data-theme="minimalis"] .wish-item{display:flex;gap:10px;padding:12px 14px;border-top:1px solid rgba(0,0,0,.2);} body[data-theme="minimalis"] .wish-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ddd;color:#777;font-size:12px;} body[data-theme="minimalis"] .wish-body{text-align:left;} body[data-theme="minimalis"] .wish-body strong{font-size:12px;color:#111;} body[data-theme="minimalis"] .wish-body p{margin:2px 0 2px;font-size:10px;line-height:1.25;color:#333;} body[data-theme="minimalis"] .wish-time,body[data-theme="minimalis"] .wish-pagination{font-size:9px;color:#555;} body[data-theme="minimalis"] .wish-pagination{display:flex;justify-content:center;gap:12px;padding:10px 0 8px;} body[data-theme="minimalis"] .wish-pagination button{border:0;background:transparent;color:inherit;} /* ================================================== MINIMALIS - SECTION 11 / THANK YOU ================================================== */ body[data-theme="minimalis"] #section-thanks{min-height:100vh;background:#f4f4f4;} body[data-theme="minimalis"] #section-thanks .layer-overlay{background:#f4f4f4 !important;} body[data-theme="minimalis"] .thanks-panel{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:none;padding:28px 0 26px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;color:#111;} body[data-theme="minimalis"] .thanks-copy{padding:0 20px;} body[data-theme="minimalis"] .thanks-title{margin:0 0 12px;font-family:var(--font-heading);font-size:clamp(44px,13vw,60px);line-height:.92;font-weight:600;text-transform:uppercase;color:#111;} body[data-theme="minimalis"] .thanks-message{max-width:330px;margin:0 auto 12px;font-size:15px;line-height:1.25;color:#111;} body[data-theme="minimalis"] .thanks-names{margin:0 0 20px;font-family:var(--font-heading);font-size:25px;line-height:1;color:#111;} body[data-theme="minimalis"] .thanks-photo-wrap{width:100%;margin:0;} body[data-theme="minimalis"] .thanks-photo{width:100%;height:auto;object-fit:cover;} body[data-theme="minimalis"] .thanks-brand{margin-top:20px;padding:0 20px;} body[data-theme="minimalis"] .thanks-brand p{margin:0 0 8px;font-size:8px;color:#555;} body[data-theme="minimalis"] .thanks-brand-logo img{width:170px;height:auto;margin:0 auto;} body[data-theme="minimalis"] .floating-nav{background:rgba(15,12,10,0.822);border-color:rgba(255,255,255,.12);} /* ================================================== MINIMALIS - RESPONSIVE DESKTOP ================================================== */ @media (min-width:900px){body[data-theme="minimalis"] .cover-screen,body[data-theme="minimalis"] .invitation,body[data-theme="minimalis"] .template-fixed-motion-bg{right:0;left:auto;} } /* ================================================== MINIMALIS - RESPONSIVE MOBILE ================================================== */ @media (max-width:899px){body[data-theme="minimalis"] .cover-screen,body[data-theme="minimalis"] .invitation,body[data-theme="minimalis"] .template-fixed-motion-bg{width:100%;margin:0;box-shadow:none;} body[data-theme="minimalis"] #coverNames{font-size:clamp(48px,11vw,68px);margin-bottom:58px;} body[data-theme="minimalis"] .minimalis-hero-content{padding-top:66px;} body[data-theme="minimalis"] .person-card{min-height:205px;} body[data-theme="minimalis"] .person-motion{min-height:205px;} } @media (max-width:899px){body[data-theme="minimalis"] .desktop-showcase{display:none !important;} body[data-theme="minimalis"] .cover-screen,body[data-theme="minimalis"] .invitation,body[data-theme="minimalis"] .template-fixed-motion-bg{position:relative;inset:auto;width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] .cover-screen,body[data-theme="minimalis"] .invitation{min-height:100svh;} body[data-theme="minimalis"] .template-fixed-motion-bg{position:fixed !important;top:0 !important;right:0 !important;bottom:auto !important;left:0 !important;height:100svh !important;} } @media (min-width:900px){body[data-theme="minimalis"]{background:#f2f2f2;overflow-x:hidden;} body[data-theme="minimalis"] .desktop-showcase{display:block !important;position:fixed !important;inset:0 auto 0 0 !important;width:calc(100vw - var(--mobile-width)) !important;height:100svh !important;min-width:0 !important;overflow:hidden !important;background:#f2f2f2 !important;z-index:1 !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-media,body[data-theme="minimalis"] .desktop-showcase .showcase-overlay,body[data-theme="minimalis"] .desktop-showcase .showcase-content{display:block !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-media{position:absolute !important;inset:0 !important;background:#f2f2f2 !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-media img,body[data-theme="minimalis"] .desktop-showcase .showcase-media video{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-overlay{position:absolute !important;inset:0 !important;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.46)) !important;z-index:1 !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-content{position:absolute !important;left:clamp(32px,6vw,92px) !important;bottom:clamp(44px,8vh,90px) !important;max-width:min(620px,82%) !important;color:#fff !important;z-index:2 !important;text-align:left !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-content .eyebrow{margin:0 0 12px !important;color:#fff !important;font-family:var(--font-body) !important;font-size:clamp(16px,1.4vw,22px) !important;letter-spacing:.02em !important;text-transform:none !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-content h1{margin:0 0 14px !important;color:#fff !important;font-family:var(--font-heading) !important;font-size:clamp(54px,8vw,118px) !important;line-height:.92 !important;font-weight:500 !important;letter-spacing:.01em !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-content em{font-family:var(--font-heading) !important;font-style:normal !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-content p:last-child{margin:0 !important;color:rgba(255,255,255,.9) !important;font-family:var(--font-body) !important;font-size:clamp(14px,1.1vw,18px) !important;} body[data-theme="minimalis"] .cover-screen,body[data-theme="minimalis"] .invitation,body[data-theme="minimalis"] .template-fixed-motion-bg{width:var(--mobile-width) !important;max-width:var(--mobile-width) !important;min-width:var(--mobile-width) !important;margin-left:auto !important;margin-right:0 !important;right:0 !important;left:auto !important;box-shadow:-20px 0 60px rgba(0,0,0,.16) !important;} body[data-theme="minimalis"] .cover-screen{position:fixed !important;top:0 !important;bottom:0 !important;min-height:100svh !important;z-index:5 !important;overflow:hidden !important;} body[data-theme="minimalis"] .invitation{position:relative !important;z-index:2 !important;min-height:100svh !important;} body[data-theme="minimalis"] .template-fixed-motion-bg{position:fixed !important;top:0 !important;bottom:auto !important;height:100svh !important;z-index:0 !important;} } @media (min-width:900px) and (max-width:1180px){body[data-theme="minimalis"] .desktop-showcase .showcase-content{left:34px !important;bottom:48px !important;max-width:76% !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-content h1{font-size:clamp(42px,6.4vw,72px) !important;} } @media (min-width:900px){body[data-theme="minimalis"] .desktop-showcase{display:block !important;position:fixed !important;inset:0 auto 0 0 !important;width:calc(100vw - var(--mobile-width)) !important;height:100svh !important;min-width:0 !important;overflow:hidden !important;background:#f8f2e8 !important;z-index:1 !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-media{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;background:#f8f2e8 !important;object-fit:cover !important;object-position:center center !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-media img,body[data-theme="minimalis"] .desktop-showcase .showcase-media video{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;} body[data-theme="minimalis"] .desktop-showcase .showcase-overlay,body[data-theme="minimalis"] .desktop-showcase .showcase-content{display:none !important;} } @media (min-width:900px){body[data-theme="minimalis"] .cover-card{justify-content:center !important;gap:10px !important;padding:34px 26px 42px !important;background:#f4f4f4 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;backdrop-filter:none !important;} body[data-theme="minimalis"] .cover-card .eyebrow{margin:0 0 16px !important;font-size:18px !important;line-height:1.15 !important;letter-spacing:.02em !important;} body[data-theme="minimalis"] .cover-photo{width:100% !important;max-width:340px !important;height:auto !important;max-height:260px !important;margin:0 auto 22px !important;padding:0 !important;display:block !important;object-fit:contain !important;object-position:center center !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;} body[data-theme="minimalis"] #coverNames{margin:0 0 52px !important;font-size:44px !important;line-height:.95 !important;letter-spacing:.015em !important;} body[data-theme="minimalis"] .cover-to{margin:0 0 8px !important;font-size:18px !important;line-height:1.15 !important;} body[data-theme="minimalis"] .guest-name{margin:0 0 12px !important;font-size:30px !important;line-height:1.08 !important;} body[data-theme="minimalis"] .cover-card .btn-primary{min-height:42px !important;padding:0 20px !important;margin-top:8px !important;font-size:16px !important;border-width:1.5px !important;} } @media (min-width:900px){body[data-theme="minimalis"].invitation-open .desktop-showcase{display:block !important;position:fixed !important;inset:0 0 0 auto !important;width:var(--mobile-width) !important;max-width:var(--mobile-width) !important;height:100vh !important;height:100svh !important;overflow:hidden !important;z-index:30 !important;background:#f3f3f3 !important;box-shadow:-20px 0 60px rgba(0,0,0,.12) !important;} body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-media{display:block !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;} body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-media img,body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-media video{display:block !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;border:0 !important;box-shadow:none !important;} body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-overlay,body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-content{display:none !important;} body[data-theme="minimalis"].invitation-open #invitation,body[data-theme="minimalis"].invitation-open .invitation{width:calc(100vw - var(--mobile-width)) !important;max-width:calc(100vw - var(--mobile-width)) !important;min-height:100vh !important;margin-left:0 !important;margin-right:var(--mobile-width) !important;background:transparent !important;box-shadow:none !important;overflow:visible !important;} body[data-theme="minimalis"].invitation-open .template-fixed-motion-bg{left:0 !important;right:var(--mobile-width) !important;width:calc(100vw - var(--mobile-width)) !important;max-width:calc(100vw - var(--mobile-width)) !important;z-index:0 !important;} body[data-theme="minimalis"].invitation-open .floating-nav{left:calc((100vw - var(--mobile-width)) / 2) !important;right:auto !important;transform:translateX(-50%) !important;z-index:50 !important;} } @media (max-width:899px){body[data-theme="minimalis"].invitation-open .desktop-showcase{display:none !important;} body[data-theme="minimalis"] #invitation,body[data-theme="minimalis"] .invitation{width:100% !important;max-width:100% !important;margin:0 !important;} } body[data-theme="minimalis"] .template-section{isolation:isolate !important;} body[data-theme="minimalis"] .template-section::before,body[data-theme="minimalis"].has-fixed-motion-bg .template-section::before,body[data-theme="minimalis"].has-fixed-motion-bg .layer-fixed-bg{display:none !important;} body[data-theme="minimalis"] .layer-overlay{z-index:1 !important;} body[data-theme="minimalis"] .layer-section-media{z-index:2 !important;} body[data-theme="minimalis"] .layer-text{z-index:3 !important;} body[data-theme="minimalis"] #section-home .layer-overlay{background:rgba(10,10,10,.96) !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content{inset:0 !important;padding:44px 0 0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;text-align:center !important;color:#fff !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content .eyebrow{margin:0 0 10px !important;font-family:var(--font-body) !important;font-size:clamp(.8rem,1.15vw,1rem) !important;line-height:1.1 !important;color:rgba(255,255,255,.88) !important;letter-spacing:0 !important;text-transform:none !important;} body[data-theme="minimalis"] #section-home .minimalis-couple-title{margin:0 !important;font-family:var(--font-heading) !important;font-size:clamp(4.4rem,7.6vw,7rem) !important;font-weight:500 !important;line-height:.82 !important;color:#fff !important;letter-spacing:-.035em !important;} body[data-theme="minimalis"] #section-home .minimalis-couple-title span,body[data-theme="minimalis"] #section-home .minimalis-couple-title em{display:block !important;font-style:normal !important;} body[data-theme="minimalis"] #section-home .minimalis-couple-title em{font-size:.52em !important;line-height:.92 !important;} body[data-theme="minimalis"] #section-home .minimalis-date{margin:16px 0 24px !important;font-size:clamp(.78rem,1vw,.95rem) !important;color:rgba(255,255,255,.86) !important;} body[data-theme="minimalis"] #section-prayer .layer-overlay{background:#efedeb !important;} body[data-theme="minimalis"] #section-prayer .prayer-card{inset:0 !important;width:100% !important;max-width:none !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:42px 32px 0 !important;text-align:center !important;color:#111 !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;} body[data-theme="minimalis"] #section-prayer .minimalis-prayer-icon{margin-bottom:18px !important;color:#111 !important;font-size:1.55rem !important;line-height:1 !important;} body[data-theme="minimalis"] #section-prayer .prayer-copy{width:min(86%,540px) !important;margin:0 auto 28px !important;} body[data-theme="minimalis"] #section-prayer .quote-text{margin:0 0 14px !important;font-family:var(--font-body) !important;font-size:clamp(.9rem,1.2vw,1.05rem) !important;line-height:1.38 !important;color:#111 !important;} body[data-theme="minimalis"] #section-prayer strong{display:block !important;font-family:var(--font-heading) !important;font-size:clamp(1rem,1.2vw,1.16rem) !important;font-weight:500 !important;color:#111 !important;} body[data-theme="minimalis"] #section-prayer .minimalis-prayer-image{width:min(94%,640px) !important;height:auto !important;max-height:45vh !important;object-fit:contain !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;margin:0 auto !important;} body[data-theme="minimalis"] #section-couple .layer-overlay{background:rgba(10,10,10,.90) !important;} body[data-theme="minimalis"] #section-couple .couple-card{inset:0 !important;width:100% !important;max-width:none !important;min-height:100% !important;padding:44px 0 0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;color:#111 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-couple .couple-ring{width:34px !important;height:34px !important;margin:0 0 14px !important;opacity:.45 !important;filter:brightness(0) invert(1) !important;} body[data-theme="minimalis"] #section-couple .couple-invitation-text{width:min(78%,520px) !important;margin:0 auto 34px !important;color:rgba(0,0,0,.42) !important;text-align:center !important;font-size:clamp(.78rem,1.1vw,.95rem) !important;line-height:1.36 !important;} body[data-theme="minimalis"] #section-couple .couple-grid{width:100% !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto !important;gap:0 !important;margin:0 !important;align-items:stretch !important;} body[data-theme="minimalis"] #section-couple .person-card{position:relative !important;min-height:34vh !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:visible !important;} body[data-theme="minimalis"] #section-couple .person-card--bride{grid-column:1 / 2 !important;grid-row:1 / 2 !important;} body[data-theme="minimalis"] #section-couple .person-card--groom{grid-column:2 / 3 !important;grid-row:2 / 3 !important;} body[data-theme="minimalis"] #section-couple .person-motion{width:100% !important;height:100% !important;min-height:34vh !important;object-fit:cover !important;object-position:center top !important;filter:grayscale(.08) !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-couple .person-card h3,body[data-theme="minimalis"] #section-couple .person-card p,body[data-theme="minimalis"] #section-couple .person-card .instagram-link{position:absolute !important;left:calc(100% + 20px) !important;width:calc(100% - 24px) !important;z-index:3 !important;color:rgba(0,0,0,.55) !important;text-align:left !important;} body[data-theme="minimalis"] #section-couple .person-card--groom h3,body[data-theme="minimalis"] #section-couple .person-card--groom p,body[data-theme="minimalis"] #section-couple .person-card--groom .instagram-link{left:auto !important;right:calc(100% + 20px) !important;text-align:right !important;} body[data-theme="minimalis"] #section-couple .person-card h3{top:22px !important;margin:0 !important;font-family:var(--font-heading) !important;font-size:clamp(2.25rem,4.6vw,4rem) !important;line-height:.9 !important;font-weight:500 !important;} body[data-theme="minimalis"] #section-couple .person-card p{top:112px !important;font-size:clamp(.7rem,.95vw,.86rem) !important;line-height:1.25 !important;} body[data-theme="minimalis"] #section-couple .person-card .instagram-link{top:162px !important;display:inline-flex !important;width:28px !important;height:28px !important;opacity:.48 !important;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{background:#efedeb !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{position:absolute !important;inset:auto 0 0 0 !important;left:0 !important;top:auto !important;transform:none !important;width:100% !important;height:68vh !important;max-height:none !important;opacity:1 !important;border-radius:0 !important;overflow:hidden !important;filter:none !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center bottom !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{inset:0 !important;width:100% !important;max-width:none !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;padding:42px 20px 0 !important;color:#111 !important;text-align:center !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{margin:0 0 14px !important;font-family:var(--font-heading) !important;font-size:clamp(1.9rem,4.4vw,3.7rem) !important;line-height:.96 !important;font-weight:600 !important;color:#111 !important;text-transform:uppercase !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title-main,body[data-theme="minimalis"] #section-lovestory .lovestory-title-sub{display:block !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title em{font-style:normal !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{padding:8px 18px !important;border:1px solid #111 !important;border-radius:999px !important;background:#efedeb !important;color:#111 !important;font-size:.82rem !important;line-height:1 !important;} body[data-theme="minimalis"] #section-sweetener{display:none !important;} body[data-theme="minimalis"] #section-countdown .layer-overlay{background:rgba(10,10,10,.97) !important;} body[data-theme="minimalis"] #section-countdown{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;color:#fff !important;} body[data-theme="minimalis"] #section-countdown .countdown-heading{position:relative !important;inset:auto !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:0 20px !important;margin:0 0 30px !important;color:#fff !important;font-family:var(--font-heading) !important;font-size:clamp(2.7rem,6.6vw,5.4rem) !important;line-height:.96 !important;font-weight:500 !important;text-transform:uppercase !important;text-align:center !important;z-index:3 !important;} body[data-theme="minimalis"] #section-countdown .countdown-heading em{font-style:normal !important;} body[data-theme="minimalis"] #section-countdown .countdown-card{position:relative !important;inset:auto !important;width:100% !important;max-width:none !important;padding:0 24px !important;margin:0 auto !important;background:transparent !important;border:0 !important;box-shadow:none !important;color:#fff !important;z-index:3 !important;} body[data-theme="minimalis"] #section-countdown .countdown-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:0 !important;width:min(88%,620px) !important;margin:0 auto !important;} body[data-theme="minimalis"] #section-countdown .countdown-grid>div{position:relative !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-countdown .countdown-grid>div:not(:last-child)::after{content:":" !important;position:absolute !important;right:-4px !important;top:0 !important;font-family:var(--font-heading) !important;font-size:clamp(3.1rem,6vw,5.2rem) !important;line-height:.78 !important;color:#fff !important;} body[data-theme="minimalis"] #section-countdown .countdown-grid strong{display:block !important;font-family:var(--font-heading) !important;font-size:clamp(3.1rem,6vw,5.2rem) !important;line-height:.78 !important;font-weight:400 !important;color:#fff !important;} body[data-theme="minimalis"] #section-countdown .countdown-grid span{display:block !important;margin-top:12px !important;font-family:var(--font-body) !important;font-size:clamp(.62rem,.9vw,.8rem) !important;color:rgba(255,255,255,.9) !important;} @media (min-width:900px){body[data-theme="minimalis"].invitation-open .desktop-showcase{display:block !important;position:fixed !important;inset:0 auto 0 0 !important;left:0 !important;right:auto !important;width:calc(100vw - var(--mobile-width)) !important;max-width:calc(100vw - var(--mobile-width)) !important;min-width:0 !important;height:100vh !important;height:100svh !important;overflow:hidden !important;z-index:1 !important;background:#f3f3f3 !important;box-shadow:none !important;} body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-media{display:block !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;background:#f3f3f3 !important;} body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-media img,body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-media video{display:block !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-overlay,body[data-theme="minimalis"].invitation-open .desktop-showcase .showcase-content{display:none !important;} body[data-theme="minimalis"].invitation-open #invitation,body[data-theme="minimalis"].invitation-open .invitation{position:relative !important;z-index:2 !important;width:var(--mobile-width) !important;max-width:var(--mobile-width) !important;min-width:var(--mobile-width) !important;min-height:100vh !important;margin-left:auto !important;margin-right:0 !important;right:0 !important;left:auto !important;background:transparent !important;box-shadow:-20px 0 60px rgba(0,0,0,.16) !important;overflow:visible !important;} body[data-theme="minimalis"].invitation-open .template-fixed-motion-bg{position:fixed !important;top:0 !important;bottom:auto !important;left:auto !important;right:0 !important;width:var(--mobile-width) !important;max-width:var(--mobile-width) !important;min-width:var(--mobile-width) !important;height:100vh !important;height:100svh !important;z-index:0 !important;} body[data-theme="minimalis"].invitation-open .floating-nav{left:auto !important;right:max(14px,calc((var(--mobile-width) - min(calc(100% - 28px),402px)) / 2)) !important;transform:none !important;z-index:60 !important;} body[data-theme="minimalis"].invitation-open .music-toggle{left:auto !important;right:max(18px,calc((var(--mobile-width) - 44px) / 2)) !important;transform:none !important;} } body[data-theme="minimalis"] #section-home{min-height:100svh !important;padding:0 !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content{position:relative !important;inset:auto !important;width:100% !important;max-width:none !important;min-height:100svh !important;height:100svh !important;padding:clamp(38px,7svh,64px) 0 0 !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content .eyebrow,body[data-theme="minimalis"] #section-home .minimalis-couple-title,body[data-theme="minimalis"] #section-home .minimalis-date{text-align:center !important;flex:0 0 auto !important;align-self:center !important;} body[data-theme="minimalis"] #section-home .minimalis-couple-title{font-size:clamp(4rem,18vw,5.9rem) !important;line-height:.82 !important;} @media (min-width:900px){body[data-theme="minimalis"].invitation-open #section-home .minimalis-couple-title{font-size:clamp(4rem,5.1vw,5.65rem) !important;} } body[data-theme="minimalis"] #section-couple{min-height:100svh !important;padding:0 !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-couple .couple-card{position:relative !important;inset:auto !important;width:100% !important;max-width:none !important;min-height:100svh !important;height:100svh !important;padding:clamp(34px,6svh,52px) 0 0 !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-couple .couple-ring{width:32px !important;height:32px !important;margin-bottom:12px !important;opacity:1 !important;filter:brightness(0) invert(1) !important;} body[data-theme="minimalis"] #section-couple .couple-invitation-text{width:min(78%,330px) !important;margin:0 auto clamp(22px,4svh,34px) !important;color:rgba(0,0,0,.34) !important;font-size:.84rem !important;line-height:1.35 !important;} body[data-theme="minimalis"] #section-couple .couple-grid{width:100% !important;flex:1 1 auto !important;display:grid !important;grid-template-columns:1fr !important;grid-template-rows:1fr 1fr !important;gap:0 !important;align-self:stretch !important;margin:0 !important;} body[data-theme="minimalis"] #section-couple .person-card{position:relative !important;grid-column:1 / -1 !important;min-height:0 !important;height:100% !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-couple .person-card--bride{grid-row:1 / 2 !important;} body[data-theme="minimalis"] #section-couple .person-card--groom{grid-row:2 / 3 !important;} body[data-theme="minimalis"] #section-couple .person-motion{position:absolute !important;top:0 !important;width:50% !important;height:100% !important;min-height:0 !important;object-fit:cover !important;object-position:center top !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-couple .person-card--bride .person-motion{left:0 !important;right:auto !important;} body[data-theme="minimalis"] #section-couple .person-card--groom .person-motion{left:auto !important;right:0 !important;} body[data-theme="minimalis"] #section-couple .person-card h3,body[data-theme="minimalis"] #section-couple .person-card p,body[data-theme="minimalis"] #section-couple .person-card .instagram-link{position:absolute !important;z-index:3 !important;width:42% !important;color:rgba(0,0,0,.50) !important;text-align:left !important;} body[data-theme="minimalis"] #section-couple .person-card--bride h3,body[data-theme="minimalis"] #section-couple .person-card--bride p,body[data-theme="minimalis"] #section-couple .person-card--bride .instagram-link{left:55% !important;right:auto !important;} body[data-theme="minimalis"] #section-couple .person-card--groom h3,body[data-theme="minimalis"] #section-couple .person-card--groom p,body[data-theme="minimalis"] #section-couple .person-card--groom .instagram-link{left:6% !important;right:auto !important;text-align:left !important;} body[data-theme="minimalis"] #section-couple .person-card h3{top:clamp(18px,4svh,32px) !important;font-size:clamp(2.25rem,11vw,3.2rem) !important;line-height:.88 !important;} body[data-theme="minimalis"] #section-couple .person-card p{top:clamp(92px,14svh,126px) !important;font-size:.72rem !important;line-height:1.25 !important;} body[data-theme="minimalis"] #section-couple .person-card .instagram-link{top:clamp(132px,20svh,172px) !important;width:27px !important;height:27px !important;} @media (min-width:900px){body[data-theme="minimalis"].invitation-open #section-couple .person-card h3{font-size:2.65rem !important;} } body[data-theme="minimalis"] #section-lovestory{min-height:100svh !important;padding:0 !important;overflow:hidden !important;background:#efedeb !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]){min-height:calc(100svh + 260px) !important;overflow:visible !important;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{background:#efedeb !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{position:relative !important;inset:auto !important;width:100% !important;max-width:none !important;min-height:auto !important;padding:clamp(38px,7svh,56px) 18px 0 !important;z-index:5 !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{font-size:clamp(1.85rem,10.5vw,3rem) !important;line-height:.94 !important;margin-bottom:16px !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown{position:relative !important;z-index:8 !important;width:min(92%,360px) !important;margin:0 auto !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:34px !important;padding:0 18px !important;background:#efedeb !important;} body[data-theme="minimalis"] #section-lovestory .story-timeline{margin-top:14px !important;padding:14px 16px !important;background:rgba(239,237,235,.94) !important;border:1px solid rgba(0,0,0,.16) !important;border-radius:14px !important;color:#111 !important;text-align:left !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{position:absolute !important;inset:auto 0 0 0 !important;width:100% !important;height:min(64svh,620px) !important;z-index:2 !important;filter:none !important;opacity:1 !important;transform:none !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img,body[data-theme="minimalis"] #section-lovestory .layer-section-media video{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center bottom !important;filter:none !important;opacity:1 !important;transform:none !important;} @media (min-width:900px){body[data-theme="minimalis"].invitation-open #section-lovestory .lovestory-title{font-size:2.55rem !important;} } body[data-theme="minimalis"] #section-countdown{min-height:100svh !important;padding:0 22px !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-countdown .countdown-heading{font-size:clamp(2.25rem,12vw,3.6rem) !important;line-height:.96 !important;margin-bottom:clamp(24px,5svh,34px) !important;padding:0 !important;} body[data-theme="minimalis"] #section-countdown .countdown-card{width:100% !important;padding:0 !important;} body[data-theme="minimalis"] #section-countdown .countdown-grid{width:min(100%,360px) !important;} body[data-theme="minimalis"] #section-countdown .countdown-grid strong,body[data-theme="minimalis"] #section-countdown .countdown-grid>div:not(:last-child)::after{font-size:clamp(2.25rem,11vw,3.35rem) !important;line-height:.82 !important;} body[data-theme="minimalis"] #section-countdown .countdown-grid span{margin-top:9px !important;font-size:.68rem !important;} @media (min-width:900px){body[data-theme="minimalis"].invitation-open #section-countdown .countdown-heading{font-size:3.25rem !important;} body[data-theme="minimalis"].invitation-open #section-countdown .countdown-grid strong,body[data-theme="minimalis"].invitation-open #section-countdown .countdown-grid>div:not(:last-child)::after{font-size:3rem !important;} } body[data-theme="minimalis"] #section-gallery{min-height:100svh !important;padding:0 !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-gallery .layer-overlay{background:rgba(10,10,10,.96) !important;} body[data-theme="minimalis"] #section-gallery .gallery-card--main{position:relative !important;inset:auto !important;width:100% !important;max-width:none !important;height:100svh !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-gallery .gallery-title{display:none !important;} body[data-theme="minimalis"] #section-gallery .gallery-slider,body[data-theme="minimalis"] #section-gallery .gallery-track{width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-gallery .gallery-nav{z-index:8 !important;} body[data-theme="minimalis"].has-fixed-motion-bg .template-fixed-motion-bg{display:block !important;opacity:1 !important;visibility:visible !important;pointer-events:none !important;} body[data-theme="minimalis"].has-fixed-motion-bg .template-fixed-motion-bg__media,body[data-theme="minimalis"].has-fixed-motion-bg .template-fixed-motion-bg img,body[data-theme="minimalis"].has-fixed-motion-bg .template-fixed-motion-bg video{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center center !important;opacity:1 !important;filter:none !important;} body[data-theme="minimalis"] .template-section{background:transparent !important;} body[data-theme="minimalis"] #section-home .layer-overlay,body[data-theme="minimalis"] #section-couple .layer-overlay,body[data-theme="minimalis"] #section-event .layer-overlay,body[data-theme="minimalis"] #section-rsvp .layer-overlay,body[data-theme="minimalis"] #section-wishes .layer-overlay,body[data-theme="minimalis"] #section-gallery .layer-overlay{background:rgba(5,5,5,.72) !important;backdrop-filter:none !important;} body[data-theme="minimalis"] #section-prayer .layer-overlay,body[data-theme="minimalis"] #section-lovestory .layer-overlay,body[data-theme="minimalis"] #section-gift .layer-overlay,body[data-theme="minimalis"] #section-thanks .layer-overlay{backdrop-filter:none !important;} body[data-theme="minimalis"] #section-countdown .layer-overlay{background:rgba(5,5,5,.82) !important;backdrop-filter:none !important;} body[data-theme="minimalis"] #section-home{min-height:calc(100svh + min(58svh,520px)) !important;padding:0 !important;overflow:visible !important;background:transparent !important;} body[data-theme="minimalis"] #section-home .layer-overlay{background:linear-gradient( to bottom,rgba(5,5,5,.76) 0,rgba(5,5,5,.76) 100svh,transparent 100svh,transparent 100% ) !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content{position:relative !important;inset:auto !important;width:100% !important;min-height:calc(100svh + min(58svh,520px)) !important;padding:0 !important;display:block !important;text-align:center !important;background:transparent !important;color:#fff !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-copy{width:100% !important;height:100svh !important;min-height:100svh !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;padding:clamp(36px,7svh,72px) 24px !important;box-sizing:border-box !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content .eyebrow{margin:0 0 12px !important;} body[data-theme="minimalis"] #section-home .minimalis-date{margin:18px 0 0 !important;} @media (min-width:900px){body[data-theme="minimalis"].invitation-open .template-fixed-motion-bg{position:fixed !important;top:0 !important;right:0 !important;bottom:auto !important;left:auto !important;width:var(--mobile-width) !important;max-width:var(--mobile-width) !important;min-width:var(--mobile-width) !important;height:100svh !important;z-index:0 !important;} body[data-theme="minimalis"].invitation-open #invitation,body[data-theme="minimalis"].invitation-open .invitation{background:transparent !important;} body[data-theme="minimalis"].invitation-open #section-home .minimalis-couple-title{font-size:clamp(4.2rem,5.7vw,5.8rem) !important;} } body[data-theme="minimalis"] #section-lovestory{--minimalis-s4-head-height:clamp(250px,42svh,340px);min-height:100svh !important;padding:0 !important;overflow:hidden !important;background:transparent !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]){--minimalis-s4-head-height:clamp(500px,64svh,680px);min-height:calc(100svh + 260px) !important;overflow:visible !important;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{position:absolute !important;inset:0 0 auto 0 !important;width:100% !important;height:var(--minimalis-s4-head-height) !important;z-index:1 !important;background:#efedeb !important;opacity:1 !important;pointer-events:none !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{position:relative !important;inset:auto !important;z-index:5 !important;width:100% !important;max-width:none !important;min-height:var(--minimalis-s4-head-height) !important;padding:clamp(34px,6svh,54px) 18px 22px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;backdrop-filter:none !important;text-align:center !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{width:min(100%,360px) !important;margin:0 0 16px !important;font-family:var(--font-heading) !important;font-size:clamp(2rem,10vw,3rem) !important;line-height:.94 !important;font-weight:500 !important;letter-spacing:.01em !important;text-transform:uppercase !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title-main,body[data-theme="minimalis"] #section-lovestory .lovestory-title-sub{display:block !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title em{font-style:normal !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown{position:relative !important;z-index:8 !important;width:min(92%,360px) !important;margin:0 auto !important;background:transparent !important;border:0 !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:32px !important;padding:0 18px !important;border:1px solid #111 !important;border-radius:999px !important;background:#efedeb !important;color:#111 !important;font-size:.78rem !important;line-height:1 !important;cursor:pointer !important;} body[data-theme="minimalis"] #section-lovestory .story-timeline{width:100% !important;margin-top:14px !important;padding:14px 16px !important;background:rgba(239,237,235,.96) !important;border:1px solid rgba(0,0,0,.16) !important;border-radius:14px !important;color:#111 !important;text-align:left !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{position:absolute !important;left:0 !important;right:0 !important;top:var(--minimalis-s4-head-height) !important;bottom:0 !important;width:100% !important;height:auto !important;min-height:0 !important;z-index:2 !important;transform:none !important;border-radius:0 !important;overflow:hidden !important;opacity:1 !important;filter:none !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img,body[data-theme="minimalis"] #section-lovestory .layer-section-media video{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center bottom !important;opacity:1 !important;filter:none !important;transform:none !important;} @media (min-width:900px){body[data-theme="minimalis"].invitation-open #section-lovestory{--minimalis-s4-head-height:clamp(255px,41svh,330px);} body[data-theme="minimalis"].invitation-open #section-lovestory:has(.story-dropdown[open]){--minimalis-s4-head-height:clamp(500px,63svh,660px);} body[data-theme="minimalis"].invitation-open #section-lovestory .lovestory-title{font-size:clamp(2.05rem,4.9vw,2.75rem) !important;} } body[data-theme="minimalis"] #section-lovestory{min-height:100vh !important;background:#efedeb !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{inset:0 !important;height:44vh !important;min-height:250px !important;background:#efedeb !important;z-index:1 !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{position:absolute !important;inset:44vh 0 0 0 !important;width:100% !important;height:auto !important;min-height:56vh !important;overflow:hidden !important;z-index:2 !important;background:transparent !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img,body[data-theme="minimalis"] #section-lovestory .layer-section-media video{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;object-position:center top !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{position:relative !important;inset:auto !important;z-index:3 !important;width:100% !important;min-height:44vh !important;max-width:none !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;padding:clamp(34px,7vh,66px) 22px 18px !important;color:#111 !important;text-align:center !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{margin:0 0 18px !important;width:min(92%,460px) !important;font-family:var(--font-heading) !important;font-size:clamp(2.15rem,5.3vw,3.25rem) !important;line-height:.95 !important;font-weight:600 !important;letter-spacing:.005em !important;color:#111 !important;text-align:center !important;text-transform:uppercase !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title-main,body[data-theme="minimalis"] #section-lovestory .lovestory-title-sub{display:block !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title em{font-style:normal !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown{width:auto !important;max-width:min(88%,420px) !important;margin:0 auto !important;color:#111 !important;background:transparent !important;border:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:98px !important;min-height:30px !important;padding:6px 16px !important;border:1px solid #111 !important;border-radius:999px !important;background:#efedeb !important;color:#111 !important;font-family:var(--font-body) !important;font-size:.82rem !important;line-height:1 !important;cursor:pointer !important;} body[data-theme="minimalis"] #section-lovestory .story-timeline{width:min(100%,380px) !important;margin:14px auto 0 !important;padding:14px 14px 4px !important;background:rgba(239,237,235,.96) !important;border:1px solid rgba(0,0,0,.12) !important;border-radius:0 !important;color:#111 !important;text-align:left !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]){min-height:124vh !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]) .layer-overlay{height:auto !important;min-height:58vh !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]) .section-card--lovestory{min-height:58vh !important;padding-bottom:26px !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]) .layer-section-media{inset-top:auto !important;top:58vh !important;min-height:66vh !important;} @media (min-width:900px){body[data-theme="minimalis"] #section-lovestory .layer-overlay{height:42vh !important;min-height:260px !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{inset:42vh 0 0 0 !important;min-height:58vh !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{min-height:42vh !important;padding-top:clamp(38px,7vh,68px) !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{font-size:clamp(2.35rem,3.8vw,3.65rem) !important;} } @media (max-width:480px){body[data-theme="minimalis"] .cover-card{min-height:100svh !important;height:100svh !important;justify-content:center !important;gap:10px !important;padding:18px 18px 24px !important;} body[data-theme="minimalis"] .cover-card .eyebrow{margin:0 0 8px !important;font-size:clamp(16px,5vw,20px) !important;line-height:1.1 !important;} body[data-theme="minimalis"] .cover-photo{width:min(76%,260px) !important;max-height:24svh !important;margin:0 auto 14px !important;padding:0 !important;border:0 !important;box-shadow:none !important;object-fit:contain !important;} body[data-theme="minimalis"] #coverNames{margin:0 0 26px !important;font-size:clamp(30px,11vw,42px) !important;line-height:.92 !important;} body[data-theme="minimalis"] .cover-to{margin:0 0 4px !important;font-size:clamp(17px,5.6vw,22px) !important;line-height:1.1 !important;} body[data-theme="minimalis"] .guest-name{margin:0 0 10px !important;font-size:clamp(26px,9vw,34px) !important;line-height:1 !important;} body[data-theme="minimalis"] .cover-card .btn-primary{min-height:38px !important;padding:0 18px !important;font-size:clamp(14px,4.4vw,17px) !important;border-width:1.5px !important;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{height:45vh !important;min-height:220px !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{inset:45vh 0 0 0 !important;min-height:55vh !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{min-height:45vh !important;padding:30px 18px 14px !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{width:min(94%,330px) !important;margin-bottom:14px !important;font-size:clamp(1.7rem,10vw,2.45rem) !important;line-height:.94 !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{min-height:28px !important;padding:5px 14px !important;font-size:.76rem !important;} } body[data-theme="minimalis"] #section-lovestory{--minimalis-s4-top:clamp(250px,43svh,340px);min-height:100svh !important;background:#f7f6f4 !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{position:absolute !important;inset:0 0 auto 0 !important;width:100% !important;height:var(--minimalis-s4-top) !important;min-height:var(--minimalis-s4-top) !important;background:#f7f6f4 !important;opacity:1 !important;z-index:1 !important;pointer-events:none !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{position:relative !important;z-index:4 !important;width:100% !important;max-width:none !important;min-height:var(--minimalis-s4-top) !important;height:auto !important;padding:clamp(34px,7svh,62px) 20px 18px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;text-align:center !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{width:min(92%,390px) !important;margin:0 auto 14px !important;color:#111 !important;font-family:var(--font-heading) !important;font-size:clamp(2rem,9vw,3rem) !important;line-height:.94 !important;font-weight:500 !important;letter-spacing:.01em !important;text-align:center !important;text-transform:uppercase !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown{position:relative !important;z-index:6 !important;width:min(90%,380px) !important;max-width:380px !important;margin:0 auto !important;background:transparent !important;border:0 !important;box-shadow:none !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:104px !important;min-height:30px !important;padding:6px 16px !important;border:1px solid #111 !important;border-radius:999px !important;background:#f7f6f4 !important;color:#111 !important;font-size:.78rem !important;line-height:1 !important;cursor:pointer !important;} body[data-theme="minimalis"] #section-lovestory .story-timeline{position:relative !important;z-index:7 !important;width:100% !important;margin:14px auto 0 !important;padding:14px 14px 6px !important;background:rgba(247,246,244,.97) !important;border:1px solid rgba(0,0,0,.14) !important;border-radius:0 !important;box-shadow:none !important;color:#111 !important;text-align:left !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{position:absolute !important;left:0 !important;right:0 !important;top:var(--minimalis-s4-top) !important;bottom:0 !important;width:100% !important;height:auto !important;min-height:calc(100svh - var(--minimalis-s4-top)) !important;z-index:2 !important;overflow:hidden !important;background:transparent !important;transform:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;filter:none !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img,body[data-theme="minimalis"] #section-lovestory .layer-section-media video{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;opacity:1 !important;filter:none !important;transform:none !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]){--minimalis-s4-top:clamp(500px,66svh,660px);min-height:calc(100svh + 220px) !important;overflow:visible !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]) .layer-section-media{top:var(--minimalis-s4-top) !important;min-height:calc(100svh - 280px) !important;} body[data-theme="minimalis"] #section-countdown .layer-overlay{background:rgba(0,0,0,.72) !important;opacity:1 !important;} body[data-theme="minimalis"] #section-countdown{background:transparent !important;} @media (min-width:900px){body[data-theme="minimalis"] #section-lovestory{--minimalis-s4-top:clamp(260px,42svh,340px);} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]){--minimalis-s4-top:clamp(510px,65svh,660px);} body[data-theme="minimalis"] #section-lovestory .lovestory-title{font-size:clamp(2.25rem,3.55vw,3.35rem) !important;} } @media (max-width:480px){body[data-theme="minimalis"] #section-lovestory{--minimalis-s4-top:clamp(235px,43svh,300px);} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]){--minimalis-s4-top:clamp(460px,66svh,610px);} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{padding:32px 18px 16px !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{width:min(94%,330px) !important;margin-bottom:13px !important;font-size:clamp(1.85rem,10vw,2.55rem) !important;line-height:.94 !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{min-height:28px !important;padding:5px 14px !important;font-size:.76rem !important;} } body[data-theme="minimalis"] .loader-card h1{width:170px !important;max-width:170px !important;margin-left:auto !important;margin-right:auto !important;font-size:clamp(1.42rem,6.2vw,1.72rem) !important;line-height:1.04 !important;white-space:normal !important;overflow-wrap:normal !important;text-align:center !important;} body[data-theme="minimalis"] #section-prayer .minimalis-prayer-icon{color:#aceaea !important;text-shadow:0 0 14px rgba(172,234,234,.28) !important;} body[data-theme="minimalis"] #section-prayer .prayer-card{justify-content:flex-start !important;padding-top:clamp(34px,7svh,58px) !important;padding-left:0 !important;padding-right:0 !important;padding-bottom:0 !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-prayer .prayer-copy{width:min(88%,340px) !important;max-width:340px !important;} body[data-theme="minimalis"] #section-prayer .minimalis-prayer-image{width:min(100%,430px) !important;max-width:100% !important;height:auto !important;max-height:52svh !important;margin:auto 0 0 !important;display:block !important;object-fit:contain !important;object-position:center bottom !important;border:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-lovestory{--minimalis-s4-top:clamp(245px,40svh,325px) !important;min-height:100svh !important;background:#ffffff !important;overflow:hidden !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{position:absolute !important;inset:0 0 auto 0 !important;width:100% !important;height:var(--minimalis-s4-top) !important;min-height:var(--minimalis-s4-top) !important;background:#ffffff !important;opacity:1 !important;z-index:1 !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{position:relative !important;z-index:5 !important;width:100% !important;min-height:var(--minimalis-s4-top) !important;padding:clamp(24px,5svh,44px) 18px 18px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;background:transparent !important;color:#111 !important;text-align:center !important;border:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{width:min(92%,390px) !important;margin:0 auto 14px !important;color:#111 !important;font-size:clamp(2rem,8.7vw,2.85rem) !important;line-height:.94 !important;text-align:center !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{background:#ffffff !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory .story-timeline{background:rgba(255,255,255,.98) !important;color:#111 !important;border-color:rgba(0,0,0,.14) !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{position:absolute !important;left:0 !important;right:0 !important;top:var(--minimalis-s4-top) !important;bottom:0 !important;width:100% !important;height:calc(100svh - var(--minimalis-s4-top)) !important;min-height:calc(100svh - var(--minimalis-s4-top)) !important;overflow:hidden !important;z-index:2 !important;background:#ffffff !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img,body[data-theme="minimalis"] #section-lovestory .layer-section-media video{width:100% !important;height:100% !important;display:block !important;object-fit:contain !important;object-position:center top !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;filter:none !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]){--minimalis-s4-top:clamp(500px,66svh,660px) !important;min-height:calc(100svh + 220px) !important;overflow:visible !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]) .layer-section-media{top:var(--minimalis-s4-top) !important;height:max(42svh,320px) !important;min-height:max(42svh,320px) !important;} body[data-theme="minimalis"]{--minimalis-black-overlay:rgba(5,5,5,.72);} body[data-theme="minimalis"] #section-home .layer-overlay,body[data-theme="minimalis"] #section-couple .layer-overlay,body[data-theme="minimalis"] #section-event .layer-overlay,body[data-theme="minimalis"] #section-countdown .layer-overlay,body[data-theme="minimalis"] #section-rsvp .layer-overlay,body[data-theme="minimalis"] #section-wishes .layer-overlay,body[data-theme="minimalis"] #section-gallery .layer-overlay{background:var(--minimalis-black-overlay) !important;opacity:1 !important;backdrop-filter:none !important;} body[data-theme="minimalis"] #section-home .layer-overlay{background:linear-gradient( to bottom,var(--minimalis-black-overlay) 0,var(--minimalis-black-overlay) 100svh,transparent 100svh,transparent 100% ) !important;} body[data-theme="minimalis"] #section-home,body[data-theme="minimalis"] #section-home *,body[data-theme="minimalis"] #section-couple,body[data-theme="minimalis"] #section-couple *,body[data-theme="minimalis"] #section-event,body[data-theme="minimalis"] #section-event *,body[data-theme="minimalis"] #section-countdown,body[data-theme="minimalis"] #section-countdown *,body[data-theme="minimalis"] #section-rsvp,body[data-theme="minimalis"] #section-rsvp *,body[data-theme="minimalis"] #section-wishes,body[data-theme="minimalis"] #section-wishes *,body[data-theme="minimalis"] #section-gallery,body[data-theme="minimalis"] #section-gallery *{color:#ffffff !important;fill:#ffffff !important;} /* SECTION 8 / RSVP - field text color */ body[data-theme="minimalis"] #section-rsvp input, body[data-theme="minimalis"] #section-rsvp select, body[data-theme="minimalis"] #section-rsvp textarea{color:#ffffff !important;fill:#ffffff !important;} body[data-theme="minimalis"] #section-rsvp input::placeholder, body[data-theme="minimalis"] #section-rsvp textarea::placeholder{color:rgba(255,255,255,.72) !important;} body[data-theme="minimalis"] #section-rsvp select option{color:#111111;} body[data-theme="minimalis"] #section-wishes input, body[data-theme="minimalis"] #section-wishes textarea{color:#111111 !important;fill:#111111 !important;} body[data-theme="minimalis"] #section-wishes input::placeholder, body[data-theme="minimalis"] #section-wishes textarea::placeholder{color:rgba(17,17,17,.6) !important;} body[data-theme="minimalis"] #section-lovestory,body[data-theme="minimalis"] #section-lovestory *{color:#111111 !important;fill:#111111 !important;} @media (min-width:900px){body[data-theme="minimalis"] .loader-card h1{font-size:1.62rem !important;} body[data-theme="minimalis"].invitation-open #section-lovestory{--minimalis-s4-top:clamp(250px,39svh,318px) !important;} body[data-theme="minimalis"].invitation-open #section-lovestory:has(.story-dropdown[open]){--minimalis-s4-top:clamp(500px,65svh,660px) !important;} body[data-theme="minimalis"].invitation-open #section-lovestory .lovestory-title{font-size:clamp(2.15rem,3.35vw,3.05rem) !important;} } @media (max-width:480px){body[data-theme="minimalis"] .loader-card h1{width:170px !important;max-width:170px !important;font-size:1.48rem !important;} body[data-theme="minimalis"] #section-prayer .minimalis-prayer-image{width:100% !important;max-height:50svh !important;} body[data-theme="minimalis"] #section-lovestory{--minimalis-s4-top:clamp(230px,40svh,292px) !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{padding-top:clamp(24px,5svh,34px) !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{font-size:clamp(1.85rem,9.4vw,2.45rem) !important;} body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]){--minimalis-s4-top:clamp(460px,66svh,610px) !important;} } body[data-theme="minimalis"] #loaderNames{white-space:nowrap !important;width:min(100%,240px) !important;max-width:240px !important;margin-inline:auto !important;font-size:clamp(22px,3.2vw,30px) !important;line-height:.95 !important;letter-spacing:-.02em !important;} body[data-theme="minimalis"] #section-couple .couple-invitation-text,body[data-theme="minimalis"] #section-couple .person-card h3,body[data-theme="minimalis"] #section-couple .person-card p,body[data-theme="minimalis"] #section-couple .instagram-link{color:#fff !important;} body[data-theme="minimalis"] #section-couple .instagram-link{border-color:rgba(255,255,255,.7) !important;} body[data-theme="minimalis"] #section-couple .instagram-link svg{fill:#fff !important;} body[data-theme="minimalis"] #section-lovestory{min-height:100vh !important;height:auto !important;overflow:visible !important;background:#fff !important;display:flex !important;flex-direction:column !important;} body[data-theme="minimalis"] #section-lovestory .layer-overlay{background:#fff !important;} body[data-theme="minimalis"] #section-lovestory .layer-fixed-bg,body[data-theme="minimalis"] #section-lovestory .layer-overlay,body[data-theme="minimalis"] #section-lovestory .layer-decoration{position:absolute !important;inset:0 !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{position:relative !important;inset:auto !important;z-index:3 !important;width:100% !important;min-height:38vh !important;height:auto !important;padding:clamp(38px,8vh,68px) 18px 16px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;background:#fff !important;color:#111 !important;text-align:center !important;border:0 !important;box-shadow:none !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{width:100% !important;max-width:360px !important;margin:0 auto 18px !important;color:#111 !important;font-size:clamp(28px,7.2vw,40px) !important;line-height:.98 !important;text-align:center !important;letter-spacing:.01em !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown{position:relative !important;z-index:4 !important;width:100% !important;max-width:340px !important;margin:0 auto !important;background:transparent !important;color:#111 !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:94px !important;margin:0 auto !important;background:#fff !important;color:#111 !important;border:1px solid #111 !important;} body[data-theme="minimalis"] #section-lovestory .story-timeline{position:relative !important;z-index:4 !important;max-width:330px !important;margin:14px auto 0 !important;background:rgba(255,255,255,.96) !important;color:#111 !important;border:1px solid rgba(0,0,0,.12) !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{position:relative !important;inset:auto !important;z-index:2 !important;width:100% !important;height:62vh !important;min-height:360px !important;margin:0 !important;overflow:hidden !important;background:#fff !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;} @media (max-width:899px){body[data-theme="minimalis"] #loaderNames{width:min(100%,220px) !important;max-width:220px !important;font-size:clamp(20px,7vw,28px) !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{min-height:36vh !important;padding-top:clamp(32px,7vh,56px) !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{font-size:clamp(27px,10vw,38px) !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{height:64vh !important;min-height:350px !important;} } body[data-theme="minimalis"] #loaderNames{display:block !important;width:max-content !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important;white-space:nowrap !important;overflow:visible !important;font-size:22px !important;line-height:1 !important;letter-spacing:-0.035em !important;} body[data-theme="minimalis"] #section-lovestory{display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;background:#fff !important;overflow:visible !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{order:1 !important;position:relative !important;inset:auto !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;width:100% !important;min-height:auto !important;padding:clamp(42px,7vh,64px) 18px clamp(18px,3vh,26px) !important;margin:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;text-align:center !important;background:#fff !important;color:#111 !important;z-index:5 !important;} body[data-theme="minimalis"] #section-lovestory .lovestory-title{display:block !important;width:100% !important;max-width:360px !important;margin:0 auto 18px !important;text-align:center !important;color:#111 !important;line-height:.98 !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown{display:block !important;width:100% !important;max-width:340px !important;margin:0 auto !important;text-align:center !important;z-index:6 !important;} body[data-theme="minimalis"] #section-lovestory .story-dropdown summary{display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;text-align:center !important;} body[data-theme="minimalis"] #section-lovestory .story-timeline{margin:14px auto 0 !important;text-align:center !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{order:2 !important;position:relative !important;inset:auto !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;transform:none !important;width:100% !important;height:clamp(390px,62vh,640px) !important;min-height:0 !important;margin:0 !important;overflow:hidden !important;z-index:2 !important;background:#fff !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;} @media (max-width:899px){body[data-theme="minimalis"] #loaderNames{font-size:20px !important;letter-spacing:-0.04em !important;} body[data-theme="minimalis"] #section-lovestory .section-card--lovestory{padding-top:clamp(34px,6vh,48px) !important;padding-bottom:18px !important;} body[data-theme="minimalis"] #section-lovestory .layer-section-media{height:clamp(350px,58vh,540px) !important;} } body[data-theme="minimalis"] .cover-card{position:relative !important;overflow:hidden !important;background-color:#f4f4f4 !important;background-image:url("/assets/images/minimalis/minimalis-1/Cover.png") !important;background-repeat:no-repeat !important;background-position:center top !important;background-size:100% auto !important;} body[data-theme="minimalis"] .cover-card>.eyebrow,body[data-theme="minimalis"] .cover-card #coverNames,body[data-theme="minimalis"] .cover-card .cover-photo{display:none !important;} body[data-theme="minimalis"] .cover-card .cover-to,body[data-theme="minimalis"] .cover-card .guest-name,body[data-theme="minimalis"] .cover-card .btn-primary{position:relative !important;z-index:2 !important;} body[data-theme="minimalis"] .cover-card .cover-to{margin-top:min(68vh,690px) !important;} @media (min-width:900px){body[data-theme="minimalis"] .cover-card{min-height:100vh !important;height:100vh !important;justify-content:flex-start !important;gap:12px !important;padding:0 26px 36px !important;background-size:100% auto !important;} body[data-theme="minimalis"] .cover-card .cover-to{margin-top:clamp(500px,70vh,610px) !important;margin-bottom:8px !important;font-size:18px !important;} body[data-theme="minimalis"] .cover-card .guest-name{margin-bottom:16px !important;font-size:30px !important;} body[data-theme="minimalis"] .cover-card .btn-primary{margin-top:0 !important;} } @media (max-width:899px){body[data-theme="minimalis"] .cover-card{min-height:100svh !important;height:100svh !important;justify-content:flex-start !important;gap:10px !important;padding:0 18px 22px !important;background-size:100% auto !important;} body[data-theme="minimalis"] .cover-card .cover-to{margin-top:min(70svh,560px) !important;margin-bottom:4px !important;} body[data-theme="minimalis"] .cover-card .guest-name{margin-bottom:10px !important;} } @media (max-width:420px){body[data-theme="minimalis"] .cover-card .cover-to{margin-top:min(68svh,520px) !important;} } body[data-theme="minimalis"] #section-wishes,body[data-theme="minimalis"] #section-wishes *,body[data-theme="minimalis"] #section-wishes .wishes-title,body[data-theme="minimalis"] #section-wishes .wishes-title span,body[data-theme="minimalis"] #section-wishes .wish-body,body[data-theme="minimalis"] #section-wishes .wish-body strong,body[data-theme="minimalis"] #section-wishes .wish-body p,body[data-theme="minimalis"] #section-wishes .wish-time,body[data-theme="minimalis"] #section-wishes .wish-pagination button{color:#111111 !important;fill:#111111 !important;} body[data-theme="minimalis"] #section-wishes input,body[data-theme="minimalis"] #section-wishes textarea,body[data-theme="minimalis"] #section-wishes button{color:#111111 !important;} body[data-theme="minimalis"] #section-wishes .wish-submit{color:#ffffff !important;} body[data-theme="minimalis"] #section-wishes .wish-avatar{color:#777777 !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content{min-height:100svh !important;height:100svh !important;justify-content:center !important;align-items:center !important;} body[data-theme="minimalis"] #section-gift{background:transparent !important;} body[data-theme="minimalis"] #section-gift .layer-overlay{background:var(--minimalis-black-overlay,rgba(5,5,5,.72)) !important;opacity:1 !important;backdrop-filter:none !important;} body[data-theme="minimalis"] #section-gift .gift-content-panel{position:relative !important;inset:auto !important;width:min(86%,390px) !important;max-width:390px !important;margin:clamp(36px,8svh,72px) auto !important;padding:clamp(28px,5svh,42px) clamp(22px,6vw,34px) !important;background:rgba(255,255,255,.94) !important;border:1px solid rgba(255,255,255,.75) !important;border-radius:0 !important;box-shadow:0 22px 50px rgba(0,0,0,.22) !important;text-align:center !important;z-index:3 !important;} body[data-theme="minimalis"] #section-gift .gift-block,body[data-theme="minimalis"] #section-gift .gift-block *,body[data-theme="minimalis"] #section-gift .gift-block h3,body[data-theme="minimalis"] #section-gift .gift-block h3 em,body[data-theme="minimalis"] #section-gift .gift-block p,body[data-theme="minimalis"] #section-gift .gift-action-btn{color:#111111 !important;fill:#111111 !important;} body[data-theme="minimalis"] #section-gift .gift-action-btn{border-color:#111111 !important;background:transparent !important;} body[data-theme="minimalis"] #section-gift .gift-divider{background:rgba(17,17,17,.28) !important;} @media (max-width:899px){body[data-theme="minimalis"] #section-gift .gift-content-panel{width:min(88%,350px) !important;margin:clamp(28px,6svh,52px) auto !important;} } body[data-theme="minimalis"] #section-home{min-height:100svh !important;height:100svh !important;padding:0 !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-home .layer-overlay{background:var(--minimalis-black-overlay,rgba(5,5,5,.72)) !important;opacity:1 !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content{min-height:100svh !important;height:100svh !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-copy{min-height:100svh !important;height:100svh !important;padding:clamp(32px,7svh,72px) 24px !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-content{align-items:center !important;justify-content:flex-end !important;text-align:center !important;} body[data-theme="minimalis"] #section-home .minimalis-hero-copy{width:100% !important;min-height:0 !important;height:auto !important;padding:0 24px clamp(108px,16svh,160px) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-end !important;text-align:center !important;} @media (max-width:899px){body[data-theme="minimalis"] #section-prayer{min-height:76svh !important;height:auto !important;overflow:hidden !important;} body[data-theme="minimalis"] #section-prayer .prayer-card{min-height:76svh !important;height:auto !important;justify-content:flex-start !important;gap:10px !important;padding:clamp(34px,6svh,48px) 24px 0 !important;} body[data-theme="minimalis"] #section-prayer .minimalis-prayer-icon{margin-bottom:8px !important;} body[data-theme="minimalis"] #section-prayer .prayer-copy{width:min(88%,330px) !important;margin:0 auto 10px !important;} body[data-theme="minimalis"] #section-prayer .quote-text{margin-bottom:10px !important;font-size:clamp(.72rem,2.45vw,.9rem) !important;line-height:1.28 !important;} body[data-theme="minimalis"] #section-prayer strong{font-size:clamp(.78rem,2.6vw,.95rem) !important;} body[data-theme="minimalis"] #section-prayer .minimalis-prayer-image{width:min(92%,340px) !important;max-height:34svh !important;margin:8px auto 0 !important;object-fit:contain !important;} } /* Gallery section final fix: title on top, full-width slider, auto-slide CSS support */ body[data-theme="minimalis"] #section-gallery { min-height: 100svh !important; padding: 0 !important; overflow: hidden !important; } body[data-theme="minimalis"] #section-gallery .layer-overlay { background: var(--minimalis-black-overlay) !important; opacity: 1 !important; } body[data-theme="minimalis"] #section-gallery .gallery-card--main { position: relative !important; inset: auto !important; z-index: 4 !important; width: 100% !important; max-width: none !important; height: 100svh !important; min-height: 100svh !important; margin: 0 !important; padding: clamp(26px, 5svh, 44px) 0 0 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important; } body[data-theme="minimalis"] #section-gallery .gallery-title { display: block !important; flex: 0 0 auto !important; width: 100% !important; margin: 0 0 clamp(16px, 3svh, 28px) !important; padding: 0 22px !important; font-family: var(--font-heading) !important; font-size: clamp(2.2rem, 10vw, 4.2rem) !important; line-height: .9 !important; font-weight: 500 !important; color: #ffffff !important; text-align: center !important; text-transform: none !important; letter-spacing: .01em !important; } body[data-theme="minimalis"] #section-gallery .gallery-title span { display: inline !important; } body[data-theme="minimalis"] #section-gallery .gallery-title-main::after { content: " "; } body[data-theme="minimalis"] #section-gallery .gallery-slider { position: relative !important; flex: 1 1 auto !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important; } body[data-theme="minimalis"] #section-gallery .gallery-track { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body[data-theme="minimalis"] #section-gallery .gallery-slide { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity .55s ease, visibility .55s ease !important; z-index: 1 !important; } body[data-theme="minimalis"] #section-gallery .gallery-slide.is-active { opacity: 1 !important; visibility: visible !important; z-index: 2 !important; } body[data-theme="minimalis"] #section-gallery .gallery-slide img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center center !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body[data-theme="minimalis"] #section-gallery .gallery-nav { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 8 !important; width: 34px !important; height: 54px !important; border: 0 !important; background: transparent !important; color: #ffffff !important; font-size: 44px !important; line-height: 1 !important; cursor: pointer !important; } body[data-theme="minimalis"] #section-gallery .gallery-nav--prev { left: 8px !important; } body[data-theme="minimalis"] #section-gallery .gallery-nav--next { right: 8px !important; } @media (max-width: 480px) { body[data-theme="minimalis"] #section-gallery .gallery-card--main { padding-top: clamp(22px, 4.5svh, 34px) !important; } body[data-theme="minimalis"] #section-gallery .gallery-title { font-size: clamp(2rem, 11vw, 3.25rem) !important; margin-bottom: 16px !important; } } /* ========================================================= FINAL FIX - SECTION 4 / LOVESTORY Tujuan: section 4 untuk CSSEditor tetap stabil. Urutan visual: text + button dropdown di atas, Banner-2.png di bawah. ========================================================= */ body[data-theme="minimalis"] #section-lovestory { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; min-height: 100svh !important; height: auto !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; background: #ffffff !important; color: #111111 !important; } body[data-theme="minimalis"] #section-lovestory .layer-fixed-bg, body[data-theme="minimalis"] #section-lovestory .layer-overlay, body[data-theme="minimalis"] #section-lovestory .layer-decoration { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; background: #ffffff !important; opacity: 1 !important; pointer-events: none !important; } body[data-theme="minimalis"] #section-lovestory .section-card--lovestory { order: 1 !important; position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; z-index: 5 !important; width: 100% !important; max-width: none !important; min-height: auto !important; height: auto !important; margin: 0 !important; padding: clamp(42px, 7svh, 64px) 18px clamp(18px, 3svh, 26px) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; background: #ffffff !important; color: #111111 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body[data-theme="minimalis"] #section-lovestory .lovestory-title { display: block !important; width: 100% !important; max-width: 360px !important; margin: 0 auto 18px !important; padding: 0 !important; color: #111111 !important; font-family: var(--font-heading) !important; font-size: clamp(28px, 7.2vw, 40px) !important; line-height: .98 !important; font-weight: 500 !important; letter-spacing: .01em !important; text-align: center !important; text-transform: uppercase !important; } body[data-theme="minimalis"] #section-lovestory .story-dropdown { display: block !important; position: relative !important; z-index: 6 !important; width: 100% !important; max-width: 340px !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #111111 !important; } body[data-theme="minimalis"] #section-lovestory .story-dropdown summary { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 94px !important; min-height: 30px !important; margin: 0 auto !important; padding: 6px 16px !important; border: 1px solid #111111 !important; border-radius: 999px !important; background: #ffffff !important; color: #111111 !important; font-size: .78rem !important; line-height: 1 !important; cursor: pointer !important; } body[data-theme="minimalis"] #section-lovestory .story-timeline { position: relative !important; z-index: 6 !important; width: 100% !important; max-width: 330px !important; margin: 14px auto 0 !important; padding: 14px !important; background: rgba(255,255,255,.96) !important; border: 1px solid rgba(0,0,0,.12) !important; border-radius: 0 !important; color: #111111 !important; text-align: left !important; box-shadow: none !important; } body[data-theme="minimalis"] #section-lovestory .layer-section-media { order: 2 !important; position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; z-index: 2 !important; display: block !important; width: 100% !important; height: clamp(390px, 62svh, 640px) !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; filter: none !important; } body[data-theme="minimalis"] #section-lovestory .layer-section-media img, body[data-theme="minimalis"] #section-lovestory .layer-section-media video { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center top !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; filter: none !important; transform: none !important; } @media (max-width: 899px) { body[data-theme="minimalis"] #section-lovestory .section-card--lovestory { padding-top: clamp(34px, 6svh, 48px) !important; padding-bottom: 18px !important; } body[data-theme="minimalis"] #section-lovestory .lovestory-title { font-size: clamp(27px, 10vw, 38px) !important; max-width: 330px !important; } body[data-theme="minimalis"] #section-lovestory .layer-section-media { height: clamp(350px, 58svh, 540px) !important; } } /* ========================================================= FINAL OVERRIDE - SECTION 4 LOVESTORY EXPAND FIX Catatan CSSEditor: - Text + button selalu di area putih bagian atas. - Banner-2.png selalu di bawah text/button. - Saat dropdown dibuka, section bertambah tinggi mengikuti isi dropdown. - Gambar tidak absolute agar tidak offside ke Section 5. ========================================================= */ body[data-theme="minimalis"] #section-lovestory { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; min-height: 100svh !important; height: auto !important; padding: 0 0 max(82px, env(safe-area-inset-bottom)) !important; margin: 0 !important; overflow: visible !important; background: #ffffff !important; color: #111111 !important; } body[data-theme="minimalis"] #section-lovestory .layer-overlay { position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; background: #ffffff !important; opacity: 1 !important; pointer-events: none !important; } body[data-theme="minimalis"] #section-lovestory .layer-fixed-bg, body[data-theme="minimalis"] #section-lovestory .layer-decoration { display: none !important; } body[data-theme="minimalis"] #section-lovestory .section-card--lovestory { order: 1 !important; position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; z-index: 3 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: clamp(34px, 6svh, 54px) 18px clamp(18px, 3svh, 26px) !important; background: #ffffff !important; color: #111111 !important; text-align: center !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } body[data-theme="minimalis"] #section-lovestory .lovestory-title { width: min(100%, 360px) !important; max-width: 360px !important; margin: 0 auto 16px !important; padding: 0 !important; font-family: var(--font-heading) !important; font-size: clamp(27px, 9.5vw, 40px) !important; line-height: .98 !important; font-weight: 500 !important; letter-spacing: .01em !important; text-align: center !important; text-transform: uppercase !important; color: #111111 !important; } body[data-theme="minimalis"] #section-lovestory .lovestory-title-main, body[data-theme="minimalis"] #section-lovestory .lovestory-title-sub { display: block !important; } body[data-theme="minimalis"] #section-lovestory .lovestory-title em { font-style: normal !important; } body[data-theme="minimalis"] #section-lovestory .story-dropdown { order: 2 !important; position: relative !important; z-index: 4 !important; display: block !important; width: min(100%, 340px) !important; max-width: 340px !important; height: auto !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; color: #111111 !important; text-align: center !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } body[data-theme="minimalis"] #section-lovestory .story-dropdown summary { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 96px !important; min-height: 30px !important; margin: 0 auto !important; padding: 6px 16px !important; color: #111111 !important; background: #ffffff !important; border: 1px solid #111111 !important; border-radius: 999px !important; font-size: .78rem !important; line-height: 1 !important; text-align: center !important; cursor: pointer !important; } body[data-theme="minimalis"] #section-lovestory .story-timeline { position: relative !important; z-index: 5 !important; display: grid !important; width: 100% !important; max-width: 330px !important; height: auto !important; margin: 14px auto 0 !important; padding: 14px !important; background: rgba(255,255,255,.97) !important; color: #111111 !important; border: 1px solid rgba(0,0,0,.14) !important; border-radius: 0 !important; text-align: left !important; box-shadow: none !important; overflow: visible !important; } body[data-theme="minimalis"] #section-lovestory .layer-section-media { order: 2 !important; position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; z-index: 2 !important; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; filter: none !important; overflow: hidden !important; } body[data-theme="minimalis"] #section-lovestory .layer-section-media img, body[data-theme="minimalis"] #section-lovestory .layer-section-media video { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center top !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; opacity: 1 !important; filter: none !important; transform: none !important; } body[data-theme="minimalis"] #section-lovestory:has(.story-dropdown[open]), body[data-theme="minimalis"] #section-lovestory.is-story-open { min-height: calc(100svh + 220px) !important; height: auto !important; overflow: visible !important; } @media (min-width: 900px) { body[data-theme="minimalis"].invitation-open #section-lovestory .lovestory-title { font-size: clamp(30px, 3.25vw, 42px) !important; } body[data-theme="minimalis"].invitation-open #section-lovestory .section-card--lovestory { padding-top: clamp(42px, 7vh, 64px) !important; } } @media (max-width: 899px) { body[data-theme="minimalis"] #section-lovestory .section-card--lovestory { padding-top: clamp(32px, 6svh, 48px) !important; padding-bottom: 18px !important; } body[data-theme="minimalis"] #section-lovestory .lovestory-title { max-width: 330px !important; font-size: clamp(27px, 10vw, 38px) !important; } } /* ================================================== FINAL FIX - SECTION 4 LOVESTORY UNTUK CSSEditor Mengunci Section 4 memakai normal-flow agar Banner-2.png tidak absolute/offside ke Section 5. Text + dropdown = di atas, Banner-2.png = di bawah. ================================================== */ html body[data-theme="minimalis"] #section-lovestory.template-section{ min-height:100svh !important; height:auto !important; padding:0 !important; overflow:visible !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; background:#ffffff !important; color:#111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-fixed-bg, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-overlay, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-decoration{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; pointer-events:none !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-overlay{ background:#ffffff !important; opacity:1 !important; z-index:0 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .section-card--lovestory{ order:1 !important; position:relative !important; inset:auto !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; z-index:5 !important; width:100% !important; max-width:none !important; min-height:auto !important; height:auto !important; margin:0 !important; padding:clamp(38px,7svh,62px) 18px clamp(16px,3svh,24px) !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; background:#ffffff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-align:center !important; color:#111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title{ display:block !important; width:100% !important; max-width:380px !important; margin:0 auto 18px !important; padding:0 !important; font-family:var(--font-heading) !important; font-size:clamp(2rem,8.8vw,3rem) !important; line-height:.96 !important; font-weight:500 !important; letter-spacing:.01em !important; text-align:center !important; text-transform:uppercase !important; color:#111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title-main, html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title-sub{ display:block !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title em{ font-style:normal !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown{ display:block !important; position:relative !important; z-index:6 !important; width:100% !important; max-width:340px !important; margin:0 auto !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; text-align:center !important; color:#111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown summary{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:96px !important; min-height:30px !important; margin:0 auto !important; padding:6px 16px !important; border:1px solid #111111 !important; border-radius:999px !important; background:#ffffff !important; color:#111111 !important; font-size:.8rem !important; line-height:1 !important; cursor:pointer !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-timeline{ display:grid !important; gap:12px !important; width:100% !important; max-width:330px !important; margin:14px auto 0 !important; padding:14px !important; background:rgba(255,255,255,.96) !important; border:1px solid rgba(0,0,0,.14) !important; border-radius:0 !important; box-shadow:none !important; color:#111111 !important; text-align:left !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-item, html body[data-theme="minimalis"] #section-lovestory.template-section .story-item *{ color:#111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-section-media{ order:2 !important; position:relative !important; inset:auto !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; z-index:2 !important; display:block !important; width:100% !important; height:clamp(350px,58svh,620px) !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#ffffff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; opacity:1 !important; filter:none !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-section-media img, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-section-media video{ display:block !important; width:100% !important; height:100% !important; margin:0 !important; object-fit:cover !important; object-position:center top !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; opacity:1 !important; filter:none !important; transform:none !important; } html body[data-theme="minimalis"] #section-lovestory.template-section:has(.story-dropdown[open]), html body[data-theme="minimalis"] #section-lovestory.template-section.is-story-open{ min-height:100svh !important; height:auto !important; overflow:visible !important; } @media (min-width:900px){ html body[data-theme="minimalis"].invitation-open #section-lovestory.template-section > .section-card--lovestory{ padding-top:clamp(44px,7vh,68px) !important; } html body[data-theme="minimalis"].invitation-open #section-lovestory.template-section .lovestory-title{ max-width:390px !important; font-size:clamp(2.25rem,3.6vw,3.35rem) !important; } html body[data-theme="minimalis"].invitation-open #section-lovestory.template-section > .layer-section-media{ height:clamp(390px,60vh,650px) !important; } } @media (max-width:480px){ html body[data-theme="minimalis"] #section-lovestory.template-section > .section-card--lovestory{ padding-top:34px !important; padding-bottom:16px !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title{ max-width:330px !important; margin-bottom:14px !important; font-size:clamp(1.8rem,9.8vw,2.45rem) !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-section-media{ height:clamp(350px,58svh,540px) !important; } } /* ================================================== SECTION 4 LOVESTORY - FINAL NORMAL FLOW FIX Tujuan: - Text + button dropdown berada di atas. - Isi dropdown muncul di atas Banner-2.png. - Banner-2.png mengikuti flow normal, tidak absolute, tidak offside ke Section 5. - Rule ini sengaja diletakkan paling akhir agar menutup rule lama yang tumpang tindih. ================================================== */ html body[data-theme="minimalis"] #section-lovestory.template-section{ position:relative !important; display:block !important; min-height:auto !important; height:auto !important; padding:0 !important; overflow:visible !important; background:#fff !important; color:#111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-fixed-bg, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-overlay, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-decoration{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; pointer-events:none !important; transform:none !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-overlay{ z-index:0 !important; background:#fff !important; opacity:1 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .section-card--lovestory{ position:relative !important; inset:auto !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; z-index:5 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; max-width:none !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:clamp(38px,7svh,64px) 18px clamp(16px,3svh,24px) !important; transform:none !important; background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; text-align:center !important; color:#111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title{ display:block !important; width:100% !important; max-width:380px !important; margin:0 auto 16px !important; padding:0 !important; font-family:var(--font-heading) !important; font-size:clamp(1.85rem,9.5vw,3rem) !important; line-height:.96 !important; font-weight:500 !important; letter-spacing:.01em !important; text-align:center !important; text-transform:uppercase !important; color:#111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title-main, html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title-sub{ display:block !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title em{ font-style:normal !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown{ position:relative !important; z-index:6 !important; display:block !important; width:100% !important; max-width:340px !important; margin:0 auto !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; text-align:center !important; color:#111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown summary{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:96px !important; min-height:30px !important; margin:0 auto !important; padding:6px 16px !important; border:1px solid #111 !important; border-radius:999px !important; background:#fff !important; color:#111 !important; font-size:.8rem !important; line-height:1 !important; cursor:pointer !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-timeline{ display:grid !important; gap:12px !important; width:100% !important; max-width:330px !important; margin:14px auto 0 !important; padding:14px !important; background:rgba(255,255,255,.96) !important; border:1px solid rgba(0,0,0,.14) !important; border-radius:0 !important; box-shadow:none !important; color:#111 !important; text-align:left !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-item, html body[data-theme="minimalis"] #section-lovestory.template-section .story-item *{ color:#111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-section-media{ position:relative !important; inset:auto !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; z-index:2 !important; display:block !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:hidden !important; transform:none !important; background:#fff !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; opacity:1 !important; filter:none !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-section-media img, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-section-media video{ position:relative !important; display:block !important; width:100% !important; height:auto !important; max-width:none !important; min-height:0 !important; max-height:none !important; margin:0 !important; object-fit:contain !important; object-position:center top !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; opacity:1 !important; filter:none !important; transform:none !important; } @media (min-width:900px){ html body[data-theme="minimalis"].invitation-open #section-lovestory.template-section > .section-card--lovestory{ padding-top:clamp(44px,7vh,68px) !important; } html body[data-theme="minimalis"].invitation-open #section-lovestory.template-section .lovestory-title{ max-width:390px !important; font-size:clamp(2.25rem,3.6vw,3.35rem) !important; } } /* ================================================== SECTION 4 LOVESTORY - FINAL TRUE FIX Catatan CSSEditor: - HTML Section 4 sekarang memakai .lovestory-visual, bukan .layer-section-media. - Tujuannya agar Banner-2.png masuk normal document-flow dan tidak bisa offside ke Section 5. - Jangan ubah section lain dari blok ini. ================================================== */ html body[data-theme="minimalis"] #section-lovestory.template-section { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; min-height: auto !important; height: auto !important; padding: 0 !important; overflow: visible !important; background: #ffffff !important; color: #111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-fixed-bg, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-decoration, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-section-media { display: none !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-overlay { position: absolute !important; inset: 0 !important; z-index: 0 !important; width: 100% !important; height: 100% !important; background: #ffffff !important; opacity: 1 !important; pointer-events: none !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .section-card--lovestory { order: 1 !important; position: relative !important; inset: auto !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; max-width: none !important; min-height: auto !important; height: auto !important; margin: 0 !important; padding: clamp(36px, 7svh, 62px) 18px clamp(18px, 3svh, 28px) !important; transform: none !important; background: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: center !important; color: #111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title { display: block !important; width: 100% !important; max-width: 380px !important; margin: 0 auto 16px !important; padding: 0 !important; font-family: var(--font-heading) !important; font-size: clamp(1.85rem, 9.5vw, 3rem) !important; line-height: .96 !important; font-weight: 500 !important; letter-spacing: .01em !important; text-align: center !important; text-transform: uppercase !important; color: #111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title-main, html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title-sub { display: block !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title em { font-style: normal !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown { position: relative !important; z-index: 3 !important; display: block !important; width: 100% !important; max-width: 340px !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-align: center !important; color: #111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown summary { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 96px !important; min-height: 30px !important; margin: 0 auto !important; padding: 6px 16px !important; border: 1px solid #111111 !important; border-radius: 999px !important; background: #ffffff !important; color: #111111 !important; font-size: .8rem !important; line-height: 1 !important; cursor: pointer !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-timeline { display: grid !important; gap: 12px !important; width: 100% !important; max-width: 330px !important; margin: 14px auto 0 !important; padding: 14px !important; background: rgba(255,255,255,.96) !important; border: 1px solid rgba(0,0,0,.14) !important; border-radius: 0 !important; box-shadow: none !important; color: #111111 !important; text-align: left !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-item, html body[data-theme="minimalis"] #section-lovestory.template-section .story-item * { color: #111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .lovestory-visual { order: 2 !important; position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #ffffff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body[data-theme="minimalis"] #section-lovestory.template-section > .lovestory-visual img { display: block !important; width: 100% !important; height: auto !important; max-width: none !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; object-fit: contain !important; object-position: center top !important; opacity: 1 !important; filter: none !important; transform: none !important; } @media (min-width: 900px) { html body[data-theme="minimalis"].invitation-open #section-lovestory.template-section > .section-card--lovestory { padding-top: clamp(42px, 6vh, 62px) !important; } html body[data-theme="minimalis"].invitation-open #section-lovestory.template-section .lovestory-title { max-width: 390px !important; font-size: clamp(2.15rem, 3.4vw, 3.2rem) !important; } } /* ================================================== FINAL FIX - SECTION BACKGROUND ABU BANNER.PNG Catatan: - Warna Section 2 dan 11 diambil dari background asset Banner.png. - Warna Section 4 diambil dari background asset Banner-2.png. - Nilai Banner.png: rgba(236, 234, 234, 1). - Nilai Banner-2.png: rgba(246, 245, 245, 1). - Tidak mengubah posisi/layout desktop dan mobile. ================================================== */ body[data-theme="minimalis"] { --minimalis-banner-gray: rgba(236, 234, 234, 1); --minimalis-banner2-gray: rgba(246, 245, 245, 1); } /* Section 2 / Doa */ body[data-theme="minimalis"] #section-prayer, body[data-theme="minimalis"] #section-prayer .layer-overlay { background: var(--minimalis-banner-gray) !important; } body[data-theme="minimalis"] #section-prayer .prayer-card, body[data-theme="minimalis"] #section-prayer .prayer-card *:not(img):not(svg):not(path) { color: #111111 !important; } body[data-theme="minimalis"] #section-prayer .prayer-icon, body[data-theme="minimalis"] #section-prayer .prayer-icon * { color: #aceaea !important; fill: #aceaea !important; stroke: #aceaea !important; } /* Section 4 / Lovestory */ html body[data-theme="minimalis"] #section-lovestory.template-section, html body[data-theme="minimalis"] #section-lovestory.template-section > .layer-overlay, html body[data-theme="minimalis"] #section-lovestory.template-section > .section-card--lovestory, html body[data-theme="minimalis"] #section-lovestory.template-section > .lovestory-visual { background: var(--minimalis-banner2-gray) !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title, html body[data-theme="minimalis"] #section-lovestory.template-section .lovestory-title *, html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown, html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown * { color: #111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-dropdown summary { background: var(--minimalis-banner2-gray) !important; color: #111111 !important; border-color: #111111 !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-timeline { background: rgba(246, 245, 245, .96) !important; color: #111111 !important; border-color: rgba(0, 0, 0, .14) !important; } html body[data-theme="minimalis"] #section-lovestory.template-section .story-item, html body[data-theme="minimalis"] #section-lovestory.template-section .story-item * { color: #111111 !important; } /* Section 11 / Thank You */ body[data-theme="minimalis"] #section-thanks, body[data-theme="minimalis"] #section-thanks .layer-overlay { background: var(--minimalis-banner-gray) !important; } body[data-theme="minimalis"] #section-thanks .thanks-content, body[data-theme="minimalis"] #section-thanks .thanks-content *:not(img), body[data-theme="minimalis"] #section-thanks .thanks-title, body[data-theme="minimalis"] #section-thanks .thanks-message, body[data-theme="minimalis"] #section-thanks .thanks-couple, body[data-theme="minimalis"] #section-thanks .footer-credit { color: #111111 !important; }