/* RUSTIC BOHO - Terracotta + Cream + Olive */
:root{--terra:#CD5C5C;--cream:#FFF8DC;--olive:#6B8E23;--brown:#8B4513;--quick:'Quicksand',sans-serif;--amatic:'Amatic SC',cursive;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--quick);color:var(--brown);background:var(--cream);line-height:1.6;overflow-x:hidden;}
.cont{max-width:1200px;margin:0 auto;padding:0 25px;}
.cont-s{max-width:900px;margin:0 auto;padding:0 25px;}
.top{position:fixed;top:0;left:0;right:0;background:rgba(255,248,220,0.98);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;box-shadow:0 2px 15px rgba(205,92,92,0.1);transition:all 0.3s;}
.top .cont{display:flex;justify-content:space-between;align-items:center;}
.logo{font-family:var(--amatic);font-size:2.5rem;color:var(--terra);font-weight:700;}
.nv{display:flex;gap:35px;}
.lnk{color:var(--brown);text-decoration:none;font-size:0.95rem;position:relative;transition:all 0.3s;}
.lnk::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--terra);transition:all 0.3s;}
.lnk:hover::after,.lnk.active::after{width:100%;}
.tgl{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;}
.tgl span{width:25px;height:2px;background:var(--terra);transition:all 0.3s;}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--cream) 0%,#F5E6D3 100%);background-size:cover;background-position:center;background-repeat:no-repeat;}
.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(245,240,235,0.75) 0%,rgba(245,230,211,0.75) 100%);z-index:1;}
.hero-wrap{position:relative;z-index:2;text-align:center;max-width:900px;padding:60px 30px;}
.feathers{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.feather{position:absolute;width:40px;height:80px;background:linear-gradient(to bottom,var(--olive),transparent);border-radius:20px 0 20px 0;opacity:0.3;transform-origin:top center;animation:float 8s infinite ease-in-out;}
.feather:nth-child(1){left:10%;animation-delay:0s;}
.feather:nth-child(2){left:30%;animation-delay:2s;}
.feather:nth-child(3){right:20%;animation-delay:4s;}
.feather:nth-child(4){right:40%;animation-delay:6s;}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(30px) rotate(10deg);}}
.save{display:inline-block;padding:8px 25px;background:var(--terra);color:var(--cream);font-size:0.85rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;}
.couple{font-family:var(--amatic);font-size:6rem;color:var(--terra);margin-bottom:20px;font-weight:700;line-height:1;}
.amp{color:var(--olive);margin:0 20px;}
.tagline{font-size:1.2rem;color:var(--brown);margin-bottom:30px;font-style:italic;}
.loc{display:inline-flex;align-items:center;gap:10px;font-size:1rem;color:var(--brown);margin-bottom:40px;}
.loc i{color:var(--terra);}
.timer{display:flex;justify-content:center;gap:30px;margin-bottom:40px;padding:30px 0;}
.box{display:flex;flex-direction:column;align-items:center;padding:20px;background:rgba(255,255,255,0.8);border:2px dashed var(--terra);border-radius:10px;min-width:90px;}
.val{font-family:var(--amatic);font-size:3.5rem;color:var(--terra);line-height:1;font-weight:700;}
.lbl{font-size:0.8rem;text-transform:lowercase;color:var(--brown);margin-top:8px;}
.nasi{padding:20px 35px;background:rgba(255,255,255,0.9);border-left:4px solid var(--olive);}
.nasi span{color:var(--terra);font-weight:600;}
section{padding:100px 0;}
.hd{text-align:center;margin-bottom:60px;}
.over{display:block;font-size:0.85rem;text-transform:uppercase;letter-spacing:3px;color:var(--olive);margin-bottom:12px;}
.h2{font-family:var(--amatic);font-size:5rem;color:var(--terra);font-weight:700;}
.story{background:#FFF;}
.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;}
.txt p{font-size:1.05rem;line-height:1.9;color:var(--brown);margin-bottom:20px;}
.img{position:relative;}
.img::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:3px dashed var(--terra);z-index:1;}
.img img{width:100%;display:block;position:relative;z-index:2;}
.couple{background:var(--cream);}
.people{display:grid;grid-template-columns:repeat(2,1fr);gap:60px;}
.person{background:#FFF;padding:35px;text-align:center;border:2px dashed var(--olive);transition:all 0.3s;}
.person:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(205,92,92,0.15);}
.photo{margin-bottom:25px;position:relative;}
.photo::after{content:'';position:absolute;top:10px;left:10px;right:-10px;bottom:-10px;border:2px dashed var(--terra);z-index:1;}
.photo img{width:100%;height:400px;object-fit:cover;position:relative;z-index:2;}
.nm{font-family:var(--amatic);font-size:3rem;color:var(--terra);margin-bottom:8px;font-weight:700;}
.rol{display:block;font-size:0.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--olive);margin-bottom:20px;}
.bio{font-size:0.95rem;line-height:1.7;color:var(--brown);}
.events{background:#FFF;}
.evts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.ev{background:var(--cream);border:2px dashed var(--olive);padding:30px;transition:all 0.3s;}
.ev:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(107,142,35,0.15);}
.ev-img{position:relative;height:220px;overflow:hidden;margin:-30px -30px 25px;border-bottom:3px solid var(--terra);}
.ev-img img{width:100%;height:100%;object-fit:cover;transition:all 0.3s;}
.ev:hover .ev-img img{transform:scale(1.08);}
.ic{position:absolute;top:15px;right:15px;width:45px;height:45px;background:var(--terra);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.ic i{font-size:1.4rem;color:var(--cream);}
.ev-ttl{font-family:var(--amatic);font-size:2.5rem;color:var(--terra);margin-bottom:20px;font-weight:700;}
.ev-dt{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:0.9rem;color:var(--brown);}
.ev-dt i{color:var(--olive);width:20px;}
.ev-btn{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:10px 22px;background:var(--terra);color:var(--cream);text-decoration:none;font-size:0.85rem;font-weight:600;transition:all 0.3s;}
.ev-btn:hover{background:var(--olive);}
.rsvp{background:var(--cream);}
.msg{text-align:center;font-size:1.05rem;line-height:1.8;color:var(--brown);margin-bottom:45px;}
.fm{background:#FFF;padding:50px;border:3px dashed var(--terra);}
.row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px;}
.fld{margin-bottom:25px;}
.fld label{display:block;font-size:0.9rem;color:var(--brown);margin-bottom:10px;font-weight:600;}
.fld input,.fld textarea{width:100%;padding:12px 15px;border:2px solid var(--olive);background:var(--cream);font-family:var(--quick);font-size:1rem;transition:all 0.3s;}
.fld input:focus,.fld textarea:focus{outline:none;border-color:var(--terra);}
.rds{display:flex;gap:20px;}
.rd{display:flex;align-items:center;cursor:pointer;}
.rd input{width:auto;margin-right:8px;accent-color:var(--terra);}
.btn{width:100%;padding:16px;background:var(--terra);color:var(--cream);border:none;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all 0.3s;}
.btn:hover{background:var(--olive);transform:translateY(-3px);}
.res{margin-top:20px;padding:15px;text-align:center;display:none;}
.res.success{background:#d4edda;color:#155724;display:block;}
.res.error{background:#f8d7da;color:#721c24;display:block;}
.ft{background:var(--brown);color:var(--cream);padding:60px 0 30px;}
.ft-wrap{text-align:center;}
.ft-nm{font-family:var(--amatic);font-size:4rem;color:var(--terra);margin:20px 0 10px;font-weight:700;}
.ft-dt{font-size:1rem;margin-bottom:30px;}
.ft-nv{display:flex;justify-content:center;gap:25px;margin-bottom:30px;padding-top:30px;border-top:1px solid rgba(205,92,92,0.3);}
.ft-nv a{color:var(--cream);text-decoration:none;font-size:0.85rem;transition:all 0.3s;}
.ft-nv a:hover{color:var(--terra);}
.ft-note{font-size:0.9rem;color:#CCC;font-style:italic;}
.reveal{opacity:0;transform:translateY(35px);transition:opacity 0.6s ease,transform 0.6s ease;}
.reveal.active{opacity:1;transform:translateY(0);}
@media(max-width:968px){.nv{position:fixed;top:91px;left:-100%;width:100%;background:var(--cream);padding:30px;flex-direction:column;gap:20px;transition:all 0.3s;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.nv.active{left:0;}
.tgl{display:flex;}
.couple{font-size:4.5rem;}
.timer{flex-wrap:wrap;}
.grid{grid-template-columns:1fr;}
.people{grid-template-columns:1fr;}
.evts{grid-template-columns:1fr;}
.row{grid-template-columns:1fr;}
.fm{padding:35px;}}
@media(max-width:600px){.couple{font-size:3.5rem;}
.h2{font-size:4rem;}
.timer{gap:15px;}
.box{min-width:70px;padding:15px;}
.val{font-size:2.8rem;}
.lbl{font-size:0.7rem;}
.fm{padding:25px;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;}}