:root{--cream:#fff9ee;--ink:#544b47;--muted:#796d65;--rose:#db7e9d;--line:#eadcca}
body{background:#fff9ee;font-family:'Itim','Noto Sans Thai',sans-serif;font-size:20px;line-height:1.95}
nav{background:#fff9eef2;border-bottom:2px dashed #e8d9c7;box-shadow:none}
.monogram,.serif,.intro h1,.intro h1 i,.names .amp,.caption,.yuki .signature{font-family:'Itim','Noto Sans Thai',sans-serif}
.monogram{color:#cd7392;font-size:24px}.links{font-size:18px;gap:30px}
.hero{padding:30px 5vw 65px;gap:35px;min-height:0;align-items:center}
.intro{border:0;border-radius:0;box-shadow:none;background:#fff9ee url('assets/crayon-wedding-background.webp') center top/100% auto no-repeat;padding:105px 40px 75px;min-height:790px}
.intro:after{display:none}.intro .eyebrow:before{display:none}.intro .eyebrow{padding:0;font-size:21px;color:#83a66e;line-height:1.9;margin-top:15px}
.intro h1{font-size:clamp(56px,5.8vw,88px);gap:20px;margin:24px 0 22px;line-height:1.7}
.intro h1 span:first-child{color:#df80a1;transform:rotate(-3deg)}.intro h1 span:last-child{color:#84add9;transform:rotate(3deg)}.intro h1 i{font-size:25px;color:#b59bcd}
.intro>p{color:#9981b1;font-size:21px;max-width:320px}
.date{font-size:29px;color:#84a56e;border:0;padding:8px 0;margin:20px 0 5px}.intro .venue{color:#82a6d0;font-size:25px}
.intro .button{background:#e898af;border:0;border-radius:7px 3px 8px 4px;color:#fffdf5;font-size:20px;box-shadow:3px 4px 0 #efd5df;padding:12px 27px;transform:rotate(-1deg)}
.intro .button:hover{background:#d8849c}.intro .scroll{font-size:17px;color:#a58bb6}
.hero-photo{border:14px solid #fffefa;border-bottom-width:30px;border-radius:2px;transform:rotate(2deg);height:auto;aspect-ratio:2/3;max-height:760px;box-shadow:2px 7px 22px #8e76671f;overflow:hidden}
.hero-photo img{object-position:center}.hero-photo:after{display:none}
.invitation{max-width:900px;background:#fff9ee url('assets/crayon-wedding-background.webp') center top/100% auto no-repeat;border:0;border-radius:0;box-shadow:none;padding:110px 80px 75px}
.eyebrow{font-size:20px;letter-spacing:0}.invitation .eyebrow{color:#b193c6}.invitation h2{color:#d8809e;font-size:39px;line-height:1.8}
.invitation:before{display:none}.invitation:after{width:230px;height:85px;margin:30px auto 0}
.names{font-size:28px;border-color:#e9c6ce!important}.names>div:first-child{color:#7ea7cf}.names>div:last-child{color:#d97d9e}.names small{font-size:19px;color:#9980ae}
.family{font-size:20px;line-height:2.1}.family small{font-size:18px;color:#ad91be}
.countdown{background:#f8efcc;border-top:2px dashed #eadba4;border-bottom:2px dashed #eadba4}.countdown .eyebrow{color:#af8c57}.clock b{color:#df8da6}.clock>div:nth-child(2) b{color:#8cacd1}.clock>div:nth-child(3) b{color:#9bb47b}.clock>div:nth-child(4) b{color:#b698cf}.clock span{font-size:18px}
.section-head h2{color:#88a7ce;font-size:42px}.section-head .eyebrow{color:#a18cbb}.section-head .eyebrow:before,.section-head .eyebrow:after{display:none}.section-head p{font-size:21px}
.schedule{padding-top:75px}.event{border:2px dashed #e7cfdc;border-radius:24px 17px 25px 14px;box-shadow:3px 4px 0 #eee5dc}.event small{font-size:18px}.event p{font-size:21px}.event time{font-family:'Itim',sans-serif;font-size:44px;color:#cc85a1}.event:nth-child(2) time{color:#85a9d1}.event:nth-child(3) time{color:#a18ac2}.event:nth-child(4) time{color:#c5a352}
.moments{background:#f6edf5;border-top:2px dashed #e7d6e5;border-bottom:2px dashed #e7d6e5}.gallery-hint{font-size:18px}.wedding-gallery .gallery-item figcaption{color:#9a82aa}
.location{background-color:#fff9ee}.location h2{color:#d986a2;font-size:42px}.location h3{color:#8ea975}.location>p,.location>h2,.location>h3,.location>.eyebrow,.farewell p{background:transparent}.location .eyebrow{color:#a391bc}
.button{font-family:'Itim',sans-serif;font-size:20px;border:2px solid #b6a5ca;border-radius:8px;color:#8c78a4}.actions .button:first-child{background:#a8bbd8;border-color:#a8bbd8;color:#fff;box-shadow:3px 4px 0 #dfe7f0}
.yuki{background:#fff9ee}.yuki .eyebrow{color:#9eb27b}.yuki h2{color:#c18db0}.yuki .signature{color:#9a8370;font-size:24px}.yuki p{font-size:21px}
.farewell{background-color:#fff9ee}.farewell .eyebrow{color:#a491c2}.farewell h2{color:#d58caa}.farewell p{font-size:20px}.farewell:after{width:240px;height:90px}
footer{background:#f8efcf;color:#a28c64;border-top:2px dashed #e8d9a7;font-size:18px}.bottom{background:#fff9eef7;border-color:#e6d7c2;font-size:18px}
@media(max-width:700px){body{font-size:19px}nav{gap:8px;padding:12px 14px}.monogram{font-size:21px}.links{font-size:17px;gap:22px}.hero{padding:12px 20px 45px;gap:20px}.intro{min-height:0;padding:95px 20px 55px;background-size:100% auto}.intro .eyebrow{font-size:18px;padding:0}.intro h1{font-size:56px;gap:15px;margin:20px 0}.intro h1 i{font-size:21px}.intro>p{font-size:19px}.date{font-size:25px}.intro .venue{font-size:24px}.intro .scroll{font-size:16px}.hero-photo{border-width:10px;border-bottom-width:26px;border-radius:1px;min-height:0;height:auto;aspect-ratio:2/3;margin:0 10px;transform:rotate(2deg)}.invitation{margin:0 12px;padding:95px 20px 55px}.invitation h2{font-size:32px}.names{font-size:22px;gap:8px}.names small{font-size:17px}.family{font-size:17px;gap:14px}.family small{font-size:16px}.eyebrow{font-size:19px}.section-head h2{font-size:35px}.section-head p{font-size:19px}.clock span{font-size:16px}.event{padding:20px 16px;grid-template-columns:80px minmax(0,1fr)}.event:before{width:80px}.event time{font-size:35px}.event p{font-size:20px}.gallery-hint{font-size:17px}.yuki p{font-size:19px}.yuki h2{font-size:33px}.yuki .signature{font-size:23px}.location h2{font-size:35px}.farewell h2{font-size:33px}.farewell p{font-size:19px}.button{font-size:19px}.bottom{font-size:17px}}
@media(max-width:360px){.intro h1{font-size:47px;gap:12px}.date{font-size:23px}.names{font-size:19px}.family{font-size:15px}.links{font-size:16px;gap:16px}}