@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;1,300&display=swap');
/* JWS Wedding — tema Mahligaia (Nov 2026). Selektor diberi awalan html:not(#jws-t) agar menang atas gaya bawaan tanpa mengubah aplikasi. */
:root:not(#jws-t),:root:not(#jws-t)[data-theme="dark"],:root:not(#jws-t)[data-theme="light"]{color-scheme:light; --paper:#FDFCFA;--paper-2:#F5F1EC;--card:#FFFFFF; --ink:#4B3B31;--muted:#7D6C5F; --sirih:#A3866D;--sirih-soft:#8E715A; --brass:#A3866D;--brass-soft:#DCD1C5; --primary:#A3866D;--primary-soft:#8E715A;--on-primary:#FFFFFF; --band:#EEE8E1;--on-band:#4B3B31; --line:rgba(196,174,151,.55);--line-soft:rgba(220,209,197,.75); --shadow:0 10px 40px -18px rgba(75,59,49,.35); --f-display:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif; --f-body:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;}
html:not(#jws-t) body{font-weight:300;letter-spacing:.01em}
html:not(#jws-t) ::selection{background:#d8c7b5;color:#2B211B}
html:not(#jws-t) :focus-visible{outline:1px solid var(--primary);outline-offset:3px}
html:not(#jws-t) h1,html:not(#jws-t) h2,html:not(#jws-t) h3,html:not(#jws-t) h4{font-family:var(--f-display);font-weight:300}
html:not(#jws-t) b,html:not(#jws-t) strong{font-weight:500}
html:not(#jws-t) .eyebrow{font-size:11px;font-weight:400;letter-spacing:.22em;color:rgba(75,59,49,.7)}
html:not(#jws-t) .eyebrow::before{width:48px;background:var(--primary);opacity:.6}
html:not(#jws-t) .sec-head h1,html:not(#jws-t) .sec-head h2,html:not(#jws-t) .about-body h2,html:not(#jws-t) .dbody h2,html:not(#jws-t) .cinfo h2{font-size:clamp(26px,3.6vw,40px);font-weight:300;text-transform:uppercase;letter-spacing:.07em;line-height:1.15}
html:not(#jws-t) .d-body h2{text-transform:uppercase;letter-spacing:.05em;font-size:clamp(26px,4.4vw,40px)}
html:not(#jws-t) .pkg h3{font-size:22px;font-weight:300;text-transform:uppercase;letter-spacing:.08em}
html:not(#jws-t) .pkg-price{font-weight:300;font-size:22px;letter-spacing:.04em}
html:not(#jws-t) .stat b{font-weight:200;color:var(--primary)}
html:not(#jws-t) .stat span{font-size:11px;letter-spacing:.22em}
html:not(#jws-t) .hero-tag,html:not(#jws-t) .tquote,html:not(#jws-t) .dsub{font-weight:300;letter-spacing:.02em}
html:not(#jws-t) .tquote{font-size:18px}
html:not(#jws-t) .tquote::before{font-family:var(--f-display);color:var(--primary)}
html:not(#jws-t) .d-h4,html:not(#jws-t) .adm-grp>h4,html:not(#jws-t) .cal-head b,html:not(#jws-t) .dfeat b,html:not(#jws-t) .dcap b{font-weight:400}
html:not(#jws-t) .btn{border-radius:0;font-size:11px;font-weight:400;letter-spacing:.22em;padding:15px 28px;box-shadow:none}
html:not(#jws-t) .btn:hover{transform:none}
html:not(#jws-t) .btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:none}
html:not(#jws-t) .btn-primary:hover{background:#755C49;border-color:#755C49}
html:not(#jws-t) .btn-ghost{border-color:rgba(163,134,109,.7);color:#755C49;background:transparent}
html:not(#jws-t) .btn-ghost:hover{background:var(--primary);border-color:var(--primary);color:#fff}
html:not(#jws-t) .btn-light{background:#fff;color:#4B3B31;border-color:#fff}
html:not(#jws-t) .btn-light:hover{background:var(--paper-2)}
html:not(#jws-t) .btn-outline-light{border-color:rgba(255,255,255,.75);color:#fff;background:rgba(255,255,255,.12);backdrop-filter:blur(4px)}
html:not(#jws-t) .btn-outline-light:hover{background:rgba(255,255,255,.25);border-color:#fff}
html:not(#jws-t) .btn-sm{padding:11px 20px;font-size:10.5px}
html:not(#jws-t) .chip,html:not(#jws-t) .slot,html:not(#jws-t) .pkg-badge,html:not(#jws-t) .vtag,html:not(#jws-t) .adm-mini,html:not(#jws-t) .vn-pbtns button,html:not(#jws-t) .toast,html:not(#jws-t) .ph-note,html:not(#jws-t) .dbadge{border-radius:0}
html:not(#jws-t) .chip{font-size:11px;letter-spacing:.12em;text-transform:uppercase}
html:not(#jws-t) .chip.on{background:var(--primary);border-color:var(--primary);color:#fff}
html:not(#jws-t) .chip:hover,html:not(#jws-t) .slot:hover{border-color:var(--primary);color:#755C49}
html:not(#jws-t) .pkg-badge{background:var(--primary);font-weight:400;letter-spacing:.18em}
html:not(#jws-t) .burger{border-radius:0;border-color:transparent}
html:not(#jws-t) .nav-submenu,html:not(#jws-t) .nav-submenu a{border-radius:0}
html:not(#jws-t) .nav,html:not(#jws-t) .nav.solid,html:not(#jws-t) .nav.open,html:not(#jws-t) .nav:not(.solid):not(.open){background:rgba(255,255,255,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px); box-shadow:0 1px 0 rgba(75,59,49,.08)}
html:not(#jws-t) .nav.solid{background:rgba(255,255,255,.96)}
html:not(#jws-t) .nav:not(.solid):not(.open) .bm-name,html:not(#jws-t) .nav:not(.solid):not(.open) .nav-links>a,html:not(#jws-t) .nav:not(.solid):not(.open) .nav-more-toggle,html:not(#jws-t) .nav .bm-name,html:not(#jws-t) .nav .nav-links>a,html:not(#jws-t) .nav .nav-more-toggle{color:rgba(75,59,49,.85);text-shadow:none}
html:not(#jws-t) .nav .nav-links>a:hover,html:not(#jws-t) .nav .nav-more-toggle:hover,html:not(#jws-t) .nav .nav-more.open .nav-more-toggle{color:#755C49}
html:not(#jws-t) .nav .nav-links>a,html:not(#jws-t) .nav .nav-more-toggle{font-size:11px;font-weight:400;letter-spacing:.12em}
html:not(#jws-t) .nav .nav-links>a::after,html:not(#jws-t) .nav .nav-more-toggle::after{background:var(--primary)}
html:not(#jws-t) .nav .bm-name{font-weight:300;font-size:19px;letter-spacing:.24em;color:#4B3B31}
html:not(#jws-t) .nav:not(.solid):not(.open) .bm-tag,html:not(#jws-t) .nav .bm-tag{color:rgba(75,59,49,.6);letter-spacing:.22em}
html:not(#jws-t) .nav:not(.solid):not(.open) .brandmark img{filter:none}
html:not(#jws-t) .nav:not(.solid):not(.open) .burger,html:not(#jws-t) .nav .burger{border-color:transparent}
html:not(#jws-t) .nav:not(.solid):not(.open) .burger span,html:not(#jws-t) .nav .burger span{background:#4B3B31}
html:not(#jws-t) .nav:not(.solid):not(.open) .nav-cta .btn,html:not(#jws-t) .nav .nav-cta .btn{background:transparent;color:#755C49;border:1px solid rgba(163,134,109,.7);border-radius:0;padding:10px 20px;font-size:10.5px;letter-spacing:.22em}
html:not(#jws-t) .nav .nav-cta .btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}
html:not(#jws-t) .nav-submenu{background:#fff;border-color:var(--line-soft)}
html:not(#jws-t) .nav-submenu a:hover,html:not(#jws-t) .nav-submenu a:focus-visible{background:var(--paper-2);color:#755C49}
@media (max-width:1180px){html:not(#jws-t) .nav.open,html:not(#jws-t) .nav .mobile-menu{background:#fff}
html:not(#jws-t) .mobile-menu a,html:not(#jws-t) .mobile-submenu summary{font-family:var(--f-body);font-weight:300;font-size:16px;text-transform:uppercase;letter-spacing:.12em;border-bottom-color:var(--band)}
html:not(#jws-t) .mobile-menu .btn{background:var(--primary);color:#fff;border-color:var(--primary)}}
html:not(#jws-t) .hero-media{background:#C4AE97}
html:not(#jws-t) .hero-veil{background:linear-gradient(90deg,rgba(43,33,27,.30) 0%,rgba(43,33,27,.12) 42%,rgba(43,33,27,0) 68%),linear-gradient(180deg,rgba(43,33,27,.06) 0%,rgba(43,33,27,0) 30%,rgba(43,33,27,.12) 62%,rgba(43,33,27,.38) 100%)}
html:not(#jws-t) .hero h1{font-weight:300;letter-spacing:.06em;text-shadow:0 2px 18px rgba(43,33,27,.28)}
html:not(#jws-t) .hero-tag,html:not(#jws-t) .hero-sub{text-shadow:0 1px 10px rgba(43,33,27,.3)}
html:not(#jws-t) .hero-sub{color:rgba(255,255,255,.92)}
html:not(#jws-t) .hero-eyebrow{color:#fff;opacity:.9}
html:not(#jws-t) .hero-eyebrow::before{background:#fff}
html:not(#jws-t) .hero-scroll{color:rgba(255,255,255,.85)}
html:not(#jws-t) .card-fade{height:55%;background:linear-gradient(180deg,transparent,rgba(43,33,27,.5))}
html:not(#jws-t) .card-cat{color:#fff;opacity:.85}
html:not(#jws-t) .card-body h3{text-shadow:0 1px 8px rgba(43,33,27,.3)}
html:not(#jws-t) .vcard-veil{background:linear-gradient(180deg,rgba(43,33,27,0) 35%,rgba(43,33,27,.5))}
html:not(#jws-t) .drawer-bg{background:rgba(75,59,49,.3)}
html:not(#jws-t) .ph-note{background:rgba(255,255,255,.85);color:#4B3B31}
html:not(#jws-t) .member img{filter:none}
html:not(#jws-t) .pkg{border-color:var(--line-soft)}
html:not(#jws-t) .pkg.hl{background:var(--paper-2);border-color:var(--primary);color:var(--ink)}
html:not(#jws-t) .pkg.hl .pkg-price,html:not(#jws-t) .pkg.hl h3{color:var(--ink)}
html:not(#jws-t) .pkg.hl .pkg-price{color:var(--primary)}
html:not(#jws-t) .pkg.hl .pkg-tag,html:not(#jws-t) .pkg.hl li{color:var(--muted)}
html:not(#jws-t) .pkg.hl li::before{background:var(--primary)}
html:not(#jws-t) .tsec{background:var(--band);color:var(--ink)}
html:not(#jws-t) .tsec .eyebrow{color:rgba(75,59,49,.7)}
html:not(#jws-t) .tsec .eyebrow::before{background:var(--primary)}
html:not(#jws-t) .tsec h2{color:var(--ink)}
html:not(#jws-t) .tsec .sec-head p{color:var(--muted)}
html:not(#jws-t) .tcard{background:#fff;border-color:var(--line-soft)}
html:not(#jws-t) .tcard:hover{background:#fff;border-color:var(--primary)}
html:not(#jws-t) .tperson{border-top-color:var(--line-soft)}
html:not(#jws-t) .tperson span{color:var(--muted)}
html:not(#jws-t) .foot{background:var(--band);color:rgba(75,59,49,.85)}
html:not(#jws-t) .foot a:hover{color:#755C49}
html:not(#jws-t) .foot .bm-name{color:#4B3B31;font-weight:300;letter-spacing:.24em}
html:not(#jws-t) .foot h4{color:rgba(75,59,49,.65);font-weight:400;letter-spacing:.22em}
html:not(#jws-t) .foot-bot{border-top-color:rgba(196,174,151,.5);color:rgba(75,59,49,.6)}
html:not(#jws-t) .dot{background:rgba(75,59,49,.25)}
html:not(#jws-t) .toast{background:#fff;color:var(--ink);border:1px solid var(--line-soft)}
html:not(#jws-t) .cal-d.on,html:not(#jws-t) .slot.on{background:var(--primary);border-color:var(--primary);color:#fff}
html:not(#jws-t) .pointer-ring{border-color:#C4AE97;box-shadow:0 0 0 1px rgba(255,255,255,.4),0 0 18px rgba(163,134,109,.18)}
html:not(#jws-t) .pointer-ring.is-link{background:rgba(163,134,109,.1)}
:root:not(#jws-t){--taupe:#A3866D;--gold:#A3866D;--display:"Jost",system-ui,sans-serif;--body:"Jost",system-ui,sans-serif}
html:not(#jws-t) .site-header{background:#fff;border-bottom-color:#EEE8E1}
html:not(#jws-t) .site-header nav a{text-transform:uppercase;letter-spacing:.12em;color:rgba(75,59,49,.85)}
html:not(#jws-t) .site-header nav a:hover{color:#755C49}
html:not(#jws-t) .nav-cta{border-color:rgba(163,134,109,.7);border-radius:0;letter-spacing:.22em;color:#755C49}
html:not(#jws-t) .nav-cta:hover{background:#A3866D;color:#fff}
html:not(#jws-t) .button{border-radius:0;letter-spacing:.22em;text-transform:uppercase;padding:15px 28px;font-weight:400;background:#A3866D}
html:not(#jws-t) .button:hover{background:#755C49}
html:not(#jws-t) .secondary{text-transform:uppercase;letter-spacing:.22em;border-bottom-color:#A3866D}
html:not(#jws-t) .section-number{font-style:normal;font-weight:300;color:#A3866D;font-family:"Jost",sans-serif}
html:not(#jws-t) .sections h2,html:not(#jws-t) .editorial aside h2,html:not(#jws-t) .faq h2,html:not(#jws-t) .related h2{font-family:"Jost",sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.06em}
html:not(#jws-t) .editorial aside{background:#F5F1EC;border-radius:0}
html:not(#jws-t) .breadcrumb,html:not(#jws-t) .summary,html:not(#jws-t) .body-copy,html:not(#jws-t) .faq summary,html:not(#jws-t) .faq details p,html:not(#jws-t) .related a,html:not(#jws-t) footer p{font-family:"Jost",sans-serif}
@media (max-width:760px){html:not(#jws-t) #page-home #beranda .hero-veil{background:linear-gradient(180deg,transparent 80%,rgba(43,33,27,.12))}
html:not(#jws-t) #page-home #beranda #hero-title{font-weight:300;letter-spacing:.06em;text-shadow:none;color:#4B3B31}
html:not(#jws-t) #page-home #beranda .hero-tag{font-size:18px;font-weight:300;text-shadow:none;color:#7D6C5F}
html:not(#jws-t) #page-home #beranda .hero-cta .btn{border-radius:0;font-size:10.5px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:#755C49;border-color:rgba(163,134,109,.7);background:transparent;text-shadow:none;backdrop-filter:none}
html:not(#jws-t) #page-home #beranda #hero-wa{color:#fff;background:#A3866D;border-color:#A3866D}
html:not(#jws-t) #page-home #beranda #hero-reel{border-radius:0;text-transform:uppercase;letter-spacing:.16em;font-size:10.5px;color:#7D6C5F}}
html:not(#jws-t) section[aria-labelledby="jakarta-title"]{display:none}
html:not(#jws-t) .hero-slide{filter:brightness(1.05) contrast(.92) saturate(.92) sepia(.05)}
html:not(#jws-t) .card-img img,html:not(#jws-t) .vcard img,html:not(#jws-t) .d-hero img,html:not(#jws-t) .d-gal img,html:not(#jws-t) .member img{filter:brightness(1.04) contrast(.94) saturate(.94)}
@media (min-width:761px){html:not(#jws-t) .hero-veil{background:linear-gradient(0deg,rgba(245,241,236,1) 0%,rgba(245,241,236,0.97) 6%,rgba(245,241,236,0.91) 12%,rgba(245,241,236,0.82) 18%,rgba(245,241,236,0.7) 24%,rgba(245,241,236,0.56) 30%,rgba(245,241,236,0.42) 36%,rgba(245,241,236,0.29) 42%,rgba(245,241,236,0.18) 48%,rgba(245,241,236,0.09) 54%,rgba(245,241,236,0.035) 60%,rgba(245,241,236,0) 66%)}
html:not(#jws-t) .hero-in{display:flex;flex-direction:column;align-items:flex-start;color:#fff}
html:not(#jws-t) .hero h1{color:#fff;text-shadow:0 2px 22px rgba(43,33,27,.38),0 1px 3px rgba(43,33,27,.25)}
html:not(#jws-t) .hero-tag{color:#fff;text-shadow:0 1px 2px rgba(43,33,27,.4),0 0 18px rgba(43,33,27,.4)}
html:not(#jws-t) .hero-sub{color:#fff;font-weight:400;text-shadow:0 1px 2px rgba(43,33,27,.55),0 0 18px rgba(43,33,27,.5)}
html:not(#jws-t) .hero-eyebrow{color:#fff;opacity:.95;text-shadow:0 1px 8px rgba(43,33,27,.4)}
html:not(#jws-t) .hero-eyebrow::before{background:#fff}
html:not(#jws-t) .hero-cta{align-self:stretch;justify-content:center;margin-top:clamp(36px,6vh,60px)}
html:not(#jws-t) .hero-dots{align-self:center;margin-top:22px}
html:not(#jws-t) .hero-dots button{background:rgba(75,59,49,.22)}
html:not(#jws-t) .hero-dots button:hover{background:rgba(75,59,49,.45)}
html:not(#jws-t) .hero-dots button.on{background:#A3866D}
html:not(#jws-t) .hero-scroll{display:none}
html:not(#jws-t) #beranda + .stats,html:not(#jws-t) .hero + .stats{border-top-color:transparent}
html:not(#jws-t) .hero .btn-light{background:#A3866D;color:#fff;border-color:#A3866D}
html:not(#jws-t) .hero .btn-light:hover{background:#755C49;border-color:#755C49}
html:not(#jws-t) .hero .btn-outline-light{background:rgba(255,255,255,.7);color:#755C49;border-color:rgba(163,134,109,.7);backdrop-filter:blur(3px)}
html:not(#jws-t) .hero .btn-outline-light:hover{background:#A3866D;color:#fff;border-color:#A3866D}}
@media (max-width:760px){html:not(#jws-t) #page-home #beranda{display:flex;flex-direction:column;min-height:min(92svh,760px);padding-top:var(--jws-header-space);background:#F5F1EC}
html:not(#jws-t) #page-home #beranda .hero-media{inset:var(--jws-header-space) 0 0 0 !important;height:auto}
html:not(#jws-t) #page-home #beranda .hero-slide{background-position:center 35%}
html:not(#jws-t) #page-home #beranda .hero-veil{inset:var(--jws-header-space) 0 0 0;height:auto;background:linear-gradient(0deg,rgba(245,241,236,1) 0.0%,rgba(245,241,236,0.97) 5.3%,rgba(245,241,236,0.91) 10.5%,rgba(245,241,236,0.82) 15.8%,rgba(245,241,236,0.7) 21.1%,rgba(245,241,236,0.56) 26.4%,rgba(245,241,236,0.42) 31.6%,rgba(245,241,236,0.29) 36.9%,rgba(245,241,236,0.18) 42.2%,rgba(245,241,236,0.09) 47.5%,rgba(245,241,236,0.035) 52.7%,rgba(245,241,236,0) 58.0%)}
html:not(#jws-t) #page-home #beranda .hero-in{flex:1;display:flex;flex-direction:column;align-items:center;background:transparent;color:#fff;padding:34px 20px 18px;text-align:center}
html:not(#jws-t) #page-home #beranda #hero-title{color:#fff;font-size:clamp(32px,10vw,42px);text-shadow:0 2px 18px rgba(43,33,27,.4),0 1px 3px rgba(43,33,27,.3)}
html:not(#jws-t) #page-home #beranda .hero-tag{color:#fff;font-size:19px;margin-top:6px;text-shadow:0 1px 2px rgba(43,33,27,.4),0 0 16px rgba(43,33,27,.45)}
html:not(#jws-t) #page-home #beranda .hero-cta{margin-top:auto;width:100%;max-width:440px}
html:not(#jws-t) #page-home #beranda .hero-cta .btn{background:rgba(255,255,255,.75);backdrop-filter:blur(3px)}
html:not(#jws-t) #page-home #beranda #hero-wa{background:#A3866D;color:#fff;border-color:#A3866D}
html:not(#jws-t) #page-home #beranda #hero-reel{background:transparent;backdrop-filter:none;color:#755C49}
html:not(#jws-t) #page-home #beranda .hero-dots{position:static;inset:auto;height:auto;margin:6px auto 0;justify-content:center}
html:not(#jws-t) #page-home #beranda .hero-dots button::before{background:rgba(75,59,49,.22)}
html:not(#jws-t) #page-home #beranda .hero-dots button.on::before{background:#A3866D}
html:not(#jws-t) #beranda + .stats{border-top-color:transparent}
html:not(#jws-t) .mobile-menu .btn{font-size:11px;letter-spacing:.22em}}
html:not(#jws-t) .foot-grid>div:nth-child(2) ul{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(5,auto);column-gap:40px;row-gap:9px}
@media (min-width:821px){html:not(#jws-t) .foot-grid{grid-template-columns:1.25fr 1fr 1fr 1fr;column-gap:40px}
html:not(#jws-t) .foot-grid>div:nth-child(2){grid-column:span 2}
html:not(#jws-t) #ft-about{max-width:32ch !important}}
@media (max-width:820px){html:not(#jws-t) .foot-grid>div:nth-child(2) ul{column-gap:24px}}