:root{--cotton:#fbf7ef;--cotton2:#f3eadc;--sage:#7b8f7a;--sage-dark:#52654d;--gold:#c8a96a;--gold-light:#e2c78d;--ink:#2d2620;--muted:#7b6d60}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Cormorant Garamond",Georgia,serif;color:var(--ink);background:var(--cotton)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.12;background:radial-gradient(circle at 20% 15%,rgba(120,100,70,.18) 0 1px,transparent 2px),radial-gradient(circle at 70% 40%,rgba(120,100,70,.14) 0 1px,transparent 2px);background-size:70px 70px,120px 120px;mix-blend-mode:multiply}.cotton{position:relative;background:radial-gradient(circle at 6% 10%,rgba(123,143,122,.13),transparent 22%),radial-gradient(circle at 95% 12%,rgba(200,169,106,.14),transparent 18%),linear-gradient(180deg,var(--cotton),var(--cotton2))}.hero{position:relative;min-height:100vh;overflow:hidden;color:white;background:#100d0b}.hero-photo{position:absolute;inset:0;background:url("assets/hero-newyork.jpg") center center/cover no-repeat;transform:scale(1.025);filter:contrast(1.1) saturate(1.12) brightness(.82)}.hero-light{position:absolute;inset:0;background:radial-gradient(circle at 16% 28%,rgba(226,199,141,.28),transparent 18%),radial-gradient(circle at 42% 36%,rgba(200,169,106,.18),transparent 19%),radial-gradient(circle at 79% 22%,rgba(226,199,141,.15),transparent 18%),linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.44) 42%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.46))}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 8% 20%,rgba(255,224,159,.45) 0 5px,transparent 7px),radial-gradient(circle at 19% 33%,rgba(255,224,159,.38) 0 3px,transparent 5px),radial-gradient(circle at 31% 27%,rgba(255,224,159,.25) 0 4px,transparent 6px),radial-gradient(circle at 58% 18%,rgba(255,224,159,.25) 0 3px,transparent 5px);filter:blur(1px);animation:twinkle 6s ease-in-out infinite alternate;pointer-events:none}@keyframes twinkle{from{opacity:.45}to{opacity:.8}}.nav{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(22px,5vw,78px)}.brand{color:var(--gold);text-decoration:none;font-size:50px;line-height:.74;letter-spacing:-3px;text-shadow:0 0 22px rgba(226,199,141,.35),0 8px 25px rgba(0,0,0,.6)}.menu{display:flex;gap:clamp(18px,2.5vw,44px);align-items:center}.menu a{color:#fff7ea;text-decoration:none;text-transform:uppercase;font-size:15px;letter-spacing:.06em;font-weight:700;text-shadow:0 4px 16px rgba(0,0,0,.8)}.menu a:hover{color:var(--gold-light)}.nav-heart{font-size:42px;color:var(--gold)}.hero-content{position:relative;z-index:3;width:min(650px,90vw);padding-top:11vh;margin-left:7vw;text-align:center}h1{margin:0;font-family:"Alex Brush",cursive;font-weight:400;font-size:clamp(92px,10vw,165px);line-height:.72;color:#fff9ef;text-shadow:0 0 12px rgba(255,236,189,.45),0 0 36px rgba(200,169,106,.28),0 12px 44px rgba(0,0,0,.75)}h1 span{color:var(--gold-light)}.ornament{display:flex;align-items:center;justify-content:center;gap:18px;width:300px;max-width:80%;margin:34px auto 24px;color:var(--gold)}.ornament span{height:1px;background:currentColor;opacity:.72;flex:1}.ornament.green{color:var(--sage-dark);margin-top:12px}.hero-content p{margin:0 0 32px;font-size:25px;line-height:1.45;font-style:italic;text-shadow:0 5px 22px rgba(0,0,0,.85)}.countdown{width:min(570px,100%);display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;background:linear-gradient(135deg,rgba(38,31,25,.78),rgba(38,31,25,.55));border:1px solid rgba(226,199,141,.36);border-radius:9px;box-shadow:0 18px 48px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(8px)}.countdown div{padding:20px 16px;border-right:1px solid rgba(226,199,141,.28)}.countdown div:last-child{border-right:0}.countdown strong{display:block;color:var(--gold-light);font-size:45px;line-height:1;font-weight:500}.countdown small{display:block;margin-top:9px;color:white;text-transform:uppercase;font-size:14px;letter-spacing:.06em}.down{display:inline-block;color:var(--gold);font-size:52px;text-decoration:none;margin-top:18px;animation:float 1.8s ease-in-out infinite}@keyframes float{50%{transform:translateY(8px)}}.date-section{min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 24px}.script{margin:0;font-family:"Alex Brush",cursive;color:var(--gold);font-size:clamp(58px,7vw,88px);line-height:1}.date-section h2{margin:34px 0 22px;font-size:clamp(52px,8vw,108px);font-weight:500;letter-spacing:.045em;text-transform:uppercase}.place{margin:0;color:#3f3932;font-size:clamp(28px,4vw,52px);font-weight:600;letter-spacing:.14em}.quote-section{padding:70px 7vw 90px}.sunset-photo{max-width:1050px;height:min(54vw,520px);min-height:340px;margin:0 auto 50px;background:linear-gradient(90deg,rgba(251,247,239,.95),rgba(251,247,239,0) 28%,rgba(251,247,239,0) 72%,rgba(251,247,239,.95)),url("assets/tramonto.jpg") center 48%/cover no-repeat;border-radius:48% 52% 45% 55%/10% 12% 10% 12%;box-shadow:0 24px 65px rgba(48,38,25,.18)}.quote-card{max-width:1060px;margin:0 auto;text-align:center}.quote-card p{margin:0 auto 22px;max-width:980px;font-size:clamp(26px,3vw,42px);line-height:1.25;font-weight:600}.quote-card strong{display:block;margin-top:28px;font-size:34px;letter-spacing:.08em}.venue-section{min-height:640px;padding:86px 8vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;border-top:1px solid rgba(200,169,106,.22)}.venue-section.reverse{grid-template-columns:1.1fr .9fr}.venue-section.reverse .venue-text{order:2}.venue-section.reverse .venue-art{order:1}.venue-text{position:relative;z-index:1}.venue-text h2{margin:10px 0 8px;font-size:clamp(40px,5vw,64px);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.meta{margin:0 0 24px;color:var(--gold);font-size:30px;font-style:italic}.description{max-width:520px;margin:0 0 28px;font-size:23px;line-height:1.45}.map-btn{display:inline-block;padding:14px 26px;border:1px solid var(--gold);border-radius:5px;text-decoration:none;color:var(--ink);background:rgba(255,250,243,.65);font-size:20px;transition:.25s}.map-btn:hover{background:var(--sage-dark);color:white}.venue-art{min-height:470px;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.76;filter:sepia(.2) saturate(.82) contrast(.92);mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.venue-art.church{background-image:url("assets/chiesa.jpg")}.venue-art.villa{background-image:url("assets/villa-zaira.jpg")}.rsvp-section{padding:90px 6vw;text-align:center}.rsvp-section h2,.gift-section h2,.photo-upload h2{margin:0;font-size:clamp(44px,5vw,68px);font-weight:500}.intro{max-width:780px;margin:0 auto 34px;font-size:23px}#rsvpForm{max-width:1060px;margin:0 auto}.guest-card{text-align:left;background:rgba(255,250,243,.88);border:1px solid rgba(200,169,106,.42);border-radius:10px;padding:24px;margin-bottom:22px;box-shadow:0 12px 32px rgba(52,44,34,.08)}.guest-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(200,169,106,.25);padding-bottom:12px;margin-bottom:18px}.guest-head h3{margin:0;font-size:29px}.remove{border:0;background:transparent;color:#8a6a38;font-size:26px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1.05fr .85fr 1fr 1fr;gap:14px}.field label,.upload-box label{display:block;font-size:18px;margin-bottom:6px}input,select,textarea{width:100%;padding:14px;border:1px solid rgba(200,169,106,.55);border-radius:5px;background:#fffdf8;font-family:"Cormorant Garamond",serif;font-size:19px;color:var(--ink)}textarea{min-height:92px;margin-top:14px}.form-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}button{font-family:"Cormorant Garamond",serif;font-size:21px;cursor:pointer}.primary,.secondary{padding:15px 30px;border-radius:5px}.primary{min-width:280px;border:1px solid var(--sage-dark);background:var(--sage-dark);color:white}.secondary{border:1px solid var(--gold);background:#fffaf3;color:var(--sage-dark)}.form-note{max-width:760px;margin:20px auto 0;color:var(--muted);font-size:17px}.photo-upload{padding:90px 8vw;display:grid;grid-template-columns:1.1fr .7fr;gap:42px;align-items:center}.photo-text p:not(.script){font-size:25px;line-height:1.45;max-width:650px}.qr-card{text-align:center;background:rgba(255,250,243,.72);border:1px solid rgba(200,169,106,.38);border-radius:14px;padding:28px;box-shadow:0 16px 40px rgba(52,44,34,.08)}.qr-card img{width:min(280px,100%);height:auto}.qr-card span{display:block;margin-top:16px;color:var(--muted);font-size:18px}.gift-section{padding:90px 8vw;text-align:center}.gift-section p{max-width:760px;margin:24px auto 0;font-size:24px;line-height:1.45}footer{padding:34px 20px;text-align:center;background:linear-gradient(90deg,#46583f,#65755f,#46583f);color:#f6e5bd}footer p{margin:0;font-size:25px;font-style:italic}footer span{display:block;margin-top:10px;color:var(--gold-light);font-size:22px}.upload-page{min-height:100vh}.upload-wrap{min-height:100vh;padding:50px 7vw 90px;text-align:center}.back-home{display:inline-block;margin-bottom:34px;color:var(--sage-dark);text-decoration:none;font-size:21px}.upload-title{font-size:clamp(50px,7vw,94px);line-height:.9;color:var(--ink);text-shadow:none}.upload-intro{font-size:25px;max-width:720px;margin:24px auto 36px}.upload-box{max-width:620px;margin:0 auto;text-align:left;background:rgba(255,250,243,.78);border:1px solid rgba(200,169,106,.38);padding:28px;border-radius:12px}@media(max-width:1100px){.menu{display:none}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:850px){.hero-photo{background-position:62% center}.hero-light{background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.78))}.hero-content{margin:0 auto;padding-top:13vh}.countdown{grid-template-columns:repeat(2,1fr)}.venue-section,.venue-section.reverse,.photo-upload{grid-template-columns:1fr;gap:32px;padding:70px 24px;text-align:center}.venue-section.reverse .venue-text,.venue-section.reverse .venue-art{order:initial}.description{margin-left:auto;margin-right:auto}.venue-art{min-height:320px}.photo-text p:not(.script){margin-left:auto;margin-right:auto}}@media(max-width:560px){.brand{font-size:42px}h1{font-size:86px}.hero-content p{font-size:21px}.date-section h2{font-size:46px}.place{font-size:27px}.sunset-photo{min-height:300px}.quote-card p{font-size:27px}.form-grid{grid-template-columns:1fr}.guest-card{padding:18px}}

/* === UPDATE: Countdown piu piccolo e raffinato === */
.countdown{
  width:min(440px, 88vw) !important;
  margin-top:30px !important;
  border-radius:8px !important;
}

.countdown div{
  padding:12px 10px !important;
}

.countdown strong{
  font-size:32px !important;
}

.countdown small{
  margin-top:5px !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
}

@media(max-width:520px){
  .countdown{
    width:min(330px, 88vw) !important;
    margin-top:24px !important;
    grid-template-columns:repeat(4,1fr) !important;
  }

  .countdown div{
    padding:9px 5px !important;
  }

  .countdown strong{
    font-size:24px !important;
  }

  .countdown small{
    font-size:9px !important;
    margin-top:4px !important;
  }
}

@media(max-width:380px){
  .countdown{
    width:min(300px, 90vw) !important;
  }

  .countdown strong{
    font-size:21px !important;
  }

  .countdown small{
    font-size:8px !important;
  }
}