:root{--paper:#F7F2E8;--ink:#272923;--terra:#984D37;--line:#dbbca3}html{scroll-behavior:smooth}body{background:var(--paper);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background:url('bali-border.png') center/cover no-repeat;opacity:.12;pointer-events:none}.page-loader{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--paper);color:var(--ink);transition:opacity .25s ease,visibility .25s ease}.page-loader i{color:var(--terra);font-size:24px}.page-loader.is-dismissed{opacity:0;visibility:hidden}.invitation-content[hidden],.music-toggle[hidden]{display:none!important}.music-toggle{position:fixed;right:18px;bottom:18px;z-index:1000;width:48px;height:48px;border:1px solid var(--terra);border-radius:50%;background:var(--paper);color:var(--terra);box-shadow:0 3px 12px #27292322;font-size:18px}.music-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.venue-map{display:block;width:100%;height:clamp(260px,55vw,450px);border:0;border-radius:8px}.ornament-mark{font-size:12px}.hero-paper{background:linear-gradient(#fbf6e9dd,#fbf6e9ea),url('bali-border.png') center center/100% 100% no-repeat;border:1px solid #e3cbb6;box-shadow:0 14px 44px #6e3b1f16;min-height:550px}.portrait-frame{min-height:370px;position:relative}.portrait-medallion{position:relative;width:min(100%,310px);aspect-ratio:4/5;border-radius:48% 48% 42% 42%;padding:12px;background:linear-gradient(145deg,#d6a486,#fff2dd,#b97755);box-shadow:0 7px 30px #853f2520}.portrait-photo{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 35%;border:7px solid #f7ead8;border-radius:48% 48% 41% 41%}.portrait-decoration{position:absolute;z-index:2;width:39%;height:auto;pointer-events:none}.portrait-decoration-top{top:-7%;left:-8%}.portrait-decoration-bottom{right:-9%;bottom:-7%}.small-greeting{font-family:Georgia,serif;color:#884a32;font-style:italic;font-size:14px}.ornament-rule{color:#a36347;position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin:12px auto;font-size:15px}.ornament-rule:before,.ornament-rule:after{content:"";width:48px;border-top:1px solid #c18d72}.section-wrap{padding:75px 24px;position:relative;max-width:920px;margin:auto}.section-wrap:not(:last-child):after{content:"";position:absolute;bottom:0;left:8%;right:8%;border-bottom:1px solid #e6cbb4}.section-title{font:normal clamp(1.8rem,4vw,2.6rem)/1.2 Georgia,serif;color:#673a2a}.eyebrow{font-size:13px;letter-spacing:.1em;color:#994d37;margin-bottom:8px}.invitation-wording{isolation:isolate;background:linear-gradient(#f7f2e8dc,#f7f2e8dc),url('decoration/bg-latters.png') center/cover no-repeat;border-radius:12px}.invitation-wording:before{z-index:-1}.body-prose{font-size:15px;line-height:1.9}.main-button:hover,.secondary-button:hover{background:#723a29}.main-button:focus-visible,.secondary-button:focus-visible,.locale:focus-visible,.gallery-tile:focus-visible,button:focus-visible{outline:3px solid #272923;outline-offset:4px}.illustration-card{display:grid;place-items:center}.section-baby-photo{width:min(100%,310px);aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border:2px solid #bf9678;border-radius:48% 48% 40% 40%;padding:8px;background:#fff3e5}.family-portrait-wrap{width:min(100%,460px);margin-inline:auto;padding:10px;border:2px solid #d7b296;border-radius:48% 48% 38% 38%;background:#ead6be}.family-photo{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 36%;border:6px solid #fff3e5;border-radius:inherit}.family-names>p{margin:0;display:flex;flex-direction:column;align-items:center}.family-name{font-family:Georgia,serif;font-size:clamp(1.15rem,3vw,1.5rem);line-height:1.3}.info-box{border:1px solid #dfc2a7;border-radius:10px;background:#fff8ee89;padding:26px 18px}.info-icon{font-size:32px;color:#984D37;margin-bottom:9px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:#984D37;color:white;border-radius:6px;padding:10px 20px;font-size:14px}.footer{background:#753d2b;color:#fff0de}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-tile{display:block;position:relative;min-height:180px;aspect-ratio:4/5;overflow:hidden;border-radius:10px;border:2px solid #e0bda1;background:#edd4b6;padding:0;text-decoration:none}.gallery-photo{display:block;width:100%;height:100%;object-fit:cover}@media(min-width:640px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.hero-paper{min-height:unset}.portrait-frame{min-height:300px}.portrait-medallion{width:230px}.flower-corner{bottom:0}.hero{padding-bottom:35px}.section-wrap{padding:62px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}