:root{--minang-maroon:#5f090d;--minang-red:#86151c;--minang-black:#160b0a;--minang-ivory:#f8ecd1;--minang-gold:#d8a52e;--minang-bright:#f5d878;--minang-dark-gold:#78420c;--minang-line:rgba(226,180,69,.54)}
*{box-sizing:border-box}html,body{margin:0;background:#120807;color:var(--minang-ivory);font-family:"Cormorant Garamond",Georgia,serif}body{min-height:100vh;background:radial-gradient(circle at 18% 12%,#631216 0,#240a09 40%,#0b0706 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url('/images/ornaments/adat-minang-suntiang-emas/songket.webp');background-size:540px;opacity:.055;mix-blend-mode:screen}
.desktop-minang{display:none}main{position:relative;width:100%;max-width:470px;margin:0 auto;background:#2a0909;box-shadow:0 0 80px #000c;overflow:hidden}
main>section,main>footer{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:safe center;width:100%;min-height:100dvh;padding:54px 28px 96px;text-align:center;overflow:hidden auto;background:radial-gradient(circle at 50% 12%,rgba(159,32,35,.32),transparent 45%),linear-gradient(155deg,#4c0b0e,#1a0908 72%);scrollbar-width:none}
main>section::-webkit-scrollbar,main>footer::-webkit-scrollbar{display:none}
main>section:nth-of-type(even){background:linear-gradient(rgba(16,7,6,.82),rgba(48,8,10,.92)),url('/images/ornaments/adat-minang-suntiang-emas/songket.webp') center/620px}
main>section:before,main>footer:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:148px;height:148px;background:url('/images/ornaments/adat-minang-suntiang-emas/corner.svg') left top/contain no-repeat;opacity:.72;pointer-events:none}
main>section:after,main>footer:after{content:"";position:absolute;z-index:-1;right:0;bottom:0;width:148px;height:148px;background:url('/images/ornaments/adat-minang-suntiang-emas/corner.svg') left top/contain no-repeat;transform:rotate(180deg);opacity:.72;pointer-events:none}
.eyebrow{display:block;margin-bottom:9px;color:var(--minang-bright);font:600 10px/1.5 Montserrat,sans-serif;letter-spacing:3px;text-transform:uppercase}.eyebrow:after{content:"";display:block;width:64px;height:1px;margin:9px auto 0;background:linear-gradient(90deg,transparent,var(--minang-bright),transparent)}
h1,h2,h3,p{position:relative;z-index:1}h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif}h1{margin:0;color:#fff1c8;font-size:clamp(40px,12vw,60px);font-weight:600;line-height:.9;text-shadow:0 4px 24px #000}h1 i{display:block;margin:6px 0 3px;color:var(--minang-gold);font:400 25px/1 "Italianno",cursive}h2{margin:0 0 12px;color:#fff1c8;font-size:clamp(31px,9vw,45px);font-weight:600;line-height:1.02}h2 em{color:var(--minang-bright);font-weight:400}.intro{max-width:355px;margin:0 auto 20px;color:#f7e8d1d9;font-size:14px;line-height:1.65}.minang-divider{display:block;width:min(285px,84%);height:auto;margin:9px auto 15px;filter:drop-shadow(0 2px 3px #0008)}
.button{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 21px;border:1px solid var(--minang-bright);border-radius:4px;background:linear-gradient(135deg,#d9a52d,#7e460d);box-shadow:0 7px 22px #0008;color:#160907;font:700 11px/1.2 Montserrat,sans-serif;letter-spacing:1.2px;text-decoration:none;text-transform:uppercase}.button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fff0ad;outline-offset:3px}
.suntiang-mark{width:min(245px,62vw);height:auto;margin:-12px auto -5px;filter:drop-shadow(0 8px 12px #000b)}
.gonjong{position:absolute;z-index:-1;left:50%;bottom:-1px;width:112%;max-width:none;transform:translateX(-50%);opacity:.29;filter:drop-shadow(0 -5px 12px #0008)}
.marawa{position:absolute;z-index:2;top:30px;width:48px;height:112px;object-fit:contain;filter:drop-shadow(0 6px 8px #0008);animation:marawa 4.5s ease-in-out infinite}.marawa.left{left:7px;transform-origin:bottom left}.marawa.right{right:7px;transform:scaleX(-1);transform-origin:bottom right;animation-direction:reverse}
@keyframes marawa{0%,100%{rotate:-1deg}50%{rotate:2deg}}
.cover{padding-top:22px!important}.cover .eyebrow{margin-bottom:5px}.cover h1{font-size:clamp(39px,11vw,54px)}.cover-photo{position:relative;width:min(184px,48vw);aspect-ratio:4/5;margin:13px auto 10px;padding:5px;border:1px solid #f8db7a;background:#35100d;box-shadow:0 0 0 4px #6e390c,0 0 0 6px #d8a72e,0 20px 35px #0009;clip-path:polygon(14% 0,86% 0,100% 12%,100% 88%,86% 100%,14% 100%,0 88%,0 12%)}.cover-photo:before{content:"";position:absolute;inset:8px;border:1px solid #f4d273aa;pointer-events:none}.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;clip-path:inherit}.cover .date{margin:8px 0 7px;color:#f5d878;font-size:15px;font-weight:600;letter-spacing:.7px}.guest{width:min(310px,92%);margin:3px auto 10px;padding:8px 15px;border-block:1px solid var(--minang-line);background:#19070675}.guest small,.guest strong{display:block}.guest small{color:#ead7b9;font-size:11px}.guest strong{margin-top:3px;color:#fff1c8;font-size:16px}.cover .button{min-height:39px;padding:9px 18px;font-size:10px}
.couple .portrait{position:relative;width:min(218px,58vw);aspect-ratio:4/5;margin:10px auto 18px;border:4px solid #2b0b09;outline:1px solid var(--minang-bright);box-shadow:0 14px 35px #0009;clip-path:polygon(50% 0,92% 12%,100% 50%,90% 91%,50% 100%,10% 91%,0 50%,8% 12%)}.couple .portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 15%}.names{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;max-width:400px}.names article{min-width:0;padding:10px 6px;border-block:1px solid var(--minang-line)}.names h3{margin:0 0 4px;color:#fff1c8;font-size:21px;line-height:1}.names p{margin:0;color:#e7d3b8;font-size:10px;line-height:1.4}.names>b{color:var(--minang-bright);font-size:22px}
.verse blockquote{max-width:375px;margin:11px auto 13px;color:#fff0d0;font-size:clamp(21px,6.5vw,30px);font-style:italic;line-height:1.35}.verse>p{margin:0;color:var(--minang-bright);font:600 11px/1.5 Montserrat,sans-serif;letter-spacing:2px}.verse .suntiang-mark{width:min(300px,76vw);margin-bottom:2px;opacity:.94}
.event-list{display:grid;gap:10px;width:100%;max-width:390px;margin:6px auto 16px}.event-list article{position:relative;display:grid;grid-template-columns:43px 1fr;gap:11px;padding:13px 14px;border:1px solid var(--minang-line);background:linear-gradient(130deg,#240907dd,#711117a8);box-shadow:inset 0 0 28px #0004;text-align:left}.event-list article>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--minang-bright);color:var(--minang-bright);font:600 12px Montserrat,sans-serif}.event-list h3{margin:0 0 3px;color:#fff0c8;font-size:22px}.event-list small,.event-list b,.event-list p{display:block}.event-list small{color:#f2dba9;font-size:11px}.event-list b{margin:2px 0;color:var(--minang-bright);font-size:12px}.event-list p{margin:0;color:#ead7c3;font-size:10px;line-height:1.45}
.timeline{position:relative;display:grid;gap:9px;width:100%;max-width:380px;padding-left:28px;text-align:left}.timeline:before{content:"";position:absolute;top:6px;bottom:6px;left:8px;width:1px;background:linear-gradient(var(--minang-bright),var(--minang-dark-gold),var(--minang-bright))}.timeline article{position:relative;padding:12px 14px;border:1px solid var(--minang-line);background:#210706cf}.timeline article:before{content:"";position:absolute;top:18px;left:-26px;width:11px;height:11px;border:2px solid var(--minang-bright);background:var(--minang-maroon);transform:rotate(45deg)}.timeline small{color:var(--minang-bright);font:600 9px Montserrat,sans-serif;letter-spacing:2px}.timeline h3{margin:3px 0;color:#fff0ca;font-size:20px}.timeline p{margin:0;color:#e9d7bf;font-size:11px;line-height:1.5}
.photos{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;width:100%;max-width:390px;margin:9px auto}.photos figure{position:relative;min-height:285px;margin:0;padding:5px;border:1px solid var(--minang-bright);background:#2a0a09;box-shadow:0 12px 28px #0007;overflow:hidden}.photos figure+figure{min-height:285px}.photos img{display:block;width:100%;height:100%;min-height:275px;object-fit:cover}.photos figure:first-child img{object-position:center}.photos figure:nth-child(2) img{object-position:center 18%}.photos figure:after{content:"";position:absolute;inset:9px;border:1px solid #f6d7778c;pointer-events:none}
.accounts{display:grid;gap:10px;width:100%;max-width:380px}.accounts article{padding:16px;border:1px solid var(--minang-line);background:#220807d9;box-shadow:inset 0 0 28px #0005}.accounts span{display:block;color:var(--minang-bright);font:700 11px Montserrat,sans-serif;letter-spacing:2px}.accounts small{display:block;margin-top:7px;color:#d6bfa0;font-size:9px;letter-spacing:1.2px}.accounts b{display:block;margin:3px 0;color:#fff0cf;font-size:19px;letter-spacing:1px}.accounts p{margin:0 0 8px;color:#ead6bc;font-size:11px}.accounts button{min-height:35px;padding:7px 15px;border:1px solid var(--minang-gold);border-radius:3px;background:#6f120f;color:#ffe9a1;font:600 10px Montserrat,sans-serif}.copy-status{min-height:0!important;margin:3px 0 0!important}
.rsvp form{display:grid;gap:6px;width:100%;max-width:380px;padding:17px;border:1px solid var(--minang-line);background:#180706c9;text-align:left}.rsvp label{color:#f4dda9;font:600 10px Montserrat,sans-serif;letter-spacing:.7px}.rsvp input,.rsvp select,.rsvp textarea{width:100%;min-height:39px;padding:9px 11px;border:1px solid #b47a23;border-radius:2px;background:#fff8e9;color:#2a0a09;font:13px Georgia,serif}.rsvp textarea{min-height:58px;resize:vertical}.rsvp form .button{margin-top:5px;border:0}.rsvp #rsvp-status{margin:4px 0 0;font-size:11px;line-height:1.4;text-align:center}
footer{background:linear-gradient(rgba(18,6,5,.72),rgba(18,6,5,.95)),url('/images/ornaments/adat-minang-suntiang-emas/songket.webp') center/540px!important}footer .suntiang-mark{width:min(310px,78vw)}footer>p{max-width:330px;margin:8px auto;color:#ead8bf;font-size:14px;line-height:1.6}footer h2{margin:8px 0;color:#fff0c9;font-size:clamp(39px,12vw,57px);font-style:italic}footer>span{color:var(--minang-bright);font:600 11px Montserrat,sans-serif;letter-spacing:4px}footer>small{max-width:340px;margin-top:20px;color:#cdbca4;font-size:9px;line-height:1.5}
#sample-qr-checkin .sample-qr-content,#kisah .sample-love-story-content{position:relative;z-index:2}#sample-qr-checkin .sample-qr-image{border:3px solid var(--minang-bright)!important;border-radius:3px!important}#sample-qr-checkin .sample-qr-download{border-color:var(--minang-gold)!important;background:#6f120f!important;color:#ffe9a1!important}#kisah .sample-love-story-timeline article{border-color:var(--minang-line)!important;background:#2b0908b8!important}#kisah .sample-love-story-timeline{border-left-color:var(--minang-gold)!important}
.draft-countdown{color:var(--minang-bright)!important}.invitation-countdown{color:#fff0c9!important}.invitation-countdown .countdown-values b{border-color:var(--minang-line)!important;background:#210706b8!important}
@media(min-width:900px){body{display:grid;grid-template-columns:minmax(360px,1fr) 470px;min-height:100vh}.desktop-minang{position:fixed;inset:0 470px 0 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:70px;overflow:hidden;background:linear-gradient(90deg,rgba(18,6,5,.24),rgba(18,6,5,.82)),url('/images/couples/adat-minang-suntiang-emas/rumah-gadang.webp') center/cover}.desktop-minang:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#150605ed 0,transparent 67%);pointer-events:none}.desktop-minang>*{position:relative;z-index:1}.desktop-minang .eyebrow{font-size:11px}.desktop-minang h2{max-width:650px;margin:0;color:#fff0cb;font-size:clamp(50px,5vw,78px);line-height:.94}.desktop-minang p{max-width:580px;margin:20px 0;color:#f5e3cc;font-size:17px;line-height:1.65}.desktop-minang a{color:#f5d16c;font:600 11px Montserrat,sans-serif;letter-spacing:1.3px;text-decoration:none;text-transform:uppercase}main{grid-column:2;margin:0;box-shadow:-20px 0 70px #000c}}
@media(max-width:480px){main>section,main>footer{padding-inline:23px}.marawa{width:42px}.suntiang-mark{width:min(225px,61vw)}.names{gap:7px}.names h3{font-size:19px}.event-list article{padding:11px}.photos{grid-template-columns:1fr 1fr}.photos figure,.photos figure+figure{min-height:250px}.photos img{min-height:240px}}
@media(max-height:820px){.cover{padding-top:12px!important}.cover .suntiang-mark{width:190px;margin-top:-10px}.cover h1{font-size:40px}.cover-photo{width:158px;margin-block:7px}.cover .date{margin:5px 0;font-size:13px}.guest{margin-bottom:7px;padding-block:6px}.cover .button{min-height:36px;padding-block:8px}}
@media(max-height:700px){main>section,main>footer{padding-top:34px;padding-bottom:76px}.cover{padding-top:12px!important}.cover .suntiang-mark{width:170px;margin-top:-9px}.cover h1{font-size:38px}.cover-photo{width:144px;margin-block:7px}.cover .date{margin:4px 0;font-size:12px}.guest{margin-bottom:7px;padding:5px 10px}.couple .portrait{width:165px;margin:5px auto 10px}.couple h2,.events h2,.gallery h2,.gift h2,.rsvp h2{font-size:29px}.minang-divider{margin:4px auto 8px}.intro{margin-bottom:10px;font-size:12px}.event-list{gap:7px;margin:2px auto 9px}.event-list article{padding:8px 10px}.event-list article>span{width:31px;height:31px}.event-list h3{font-size:18px}.photos figure,.photos figure+figure{min-height:205px}.photos img{min-height:195px}.accounts{grid-template-columns:1fr 1fr}.accounts article{padding:10px}.rsvp form{gap:3px;padding:11px}.rsvp input,.rsvp select{min-height:33px;padding:6px 9px}.rsvp textarea{min-height:42px;padding:6px 9px}.rsvp form .button{min-height:34px}.verse .suntiang-mark{width:210px}footer .suntiang-mark{width:220px}footer>small{margin-top:10px}#sample-qr-checkin{padding:24px 22px 70px!important}#sample-qr-checkin h2{margin-bottom:5px!important;font-size:27px!important}#sample-qr-checkin p{margin:5px 0!important;font-size:11px!important;line-height:1.45!important}#sample-qr-checkin .sample-qr-name{margin-top:7px!important;font-size:15px!important}#sample-qr-checkin .sample-qr-image{width:200px!important;margin:9px auto!important;padding:7px!important}#sample-qr-checkin .sample-qr-download{min-height:34px!important;padding:7px 14px!important;font-size:10px!important}#sample-qr-checkin .sample-qr-note{margin-top:7px!important;font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.marawa{animation:none}}
