/* Dalia: a warm, photographic botanical variation of Camelia. */
:root{--cream:#f5f0e8;--sage:#ebe1d3;--dark:#382c29;--gold:#947451;--ib-entry-bg:#382c29}
body{background:var(--cream);color:var(--dark)}
.paper,.countdown,dialog{background:var(--cream)}.sage{background:var(--sage);color:var(--dark)}.dark{background:var(--dark);color:var(--cream)}
.paper:before,.sage:before,.dark:before{background-image:url('assets/vintage/dalia-silk.webp');background-size:420px auto;opacity:.11;mix-blend-mode:multiply}
.dark:before{opacity:.08;mix-blend-mode:screen}
.wallpaper{background:none!important;opacity:1!important}
.wallpaper:before,.wallpaper:after{background-color:#947451;opacity:.035}
.album .section-title,.rsvp-inner{background:none!important}
.album:after{border-color:#94745128}

/* Entrada editorial: nombres y fecha, sin fotos del álbum. */
.welcome{background:#382c29;color:#fffaf2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:35px 24px;overflow:hidden!important}
body.ib-entry-open>#welcome{justify-content:center;align-items:center}
.welcome::after{display:none}
.welcome-grain{display:block!important;position:absolute;inset:0;z-index:0;background:url('assets/vintage/dalia-silk.webp') center/480px auto repeat;opacity:.16;pointer-events:none}
.welcome-outline,.welcome-spray{display:none!important}
.welcome-stage{position:relative;inset:auto;z-index:1;width:min(520px,100%);max-width:none;height:320px;min-height:0;flex-shrink:0}
.welcome-film{position:relative;inset:auto;width:100%;height:100%;border-radius:0;background:none;box-shadow:none;overflow:visible}
.welcome-title{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;background:none;opacity:1!important}
.welcome-title::before,.welcome-title::after{content:'';display:block;width:130px;max-width:35vw;height:1px;background:#c5a77e99}
.welcome-title::before{margin-bottom:28px}.welcome-title::after{margin-top:28px}
.welcome-title h2{font-size:clamp(58px,7vw,82px);line-height:1;margin:17px 0 22px;text-shadow:none}
.welcome-title h2 em{color:#e4c99d;font-size:.52em;margin:7px 0}
.welcome-date{font-size:15px;letter-spacing:.2em}
.welcome-actions{position:relative;z-index:2;width:min(390px,100%);margin:0 auto;text-align:center;text-shadow:none}
.welcome-actions>p{font:21px/1.3 Display,Georgia,serif;color:#fffaf2;margin-bottom:20px}
.welcome-actions .button{width:100%;background:#f5f0e8;color:#382c29;border-color:#f5f0e8;border-radius:4px;text-shadow:none}
.welcome-actions .quiet-button{color:#fffaf2;border-color:#fffaf266}
.welcome.leaving .welcome-stage{transform:none}

.hero{background:#382c29}.hero-photo{background-image:url('assets/vintage/dalia-hero.webp');background-position:center 32%}
.hero-copy{top:18%}.hero h1{font-size:clamp(62px,6vw,88px)}.hero-quote{display:none}
.hero-filter{background:linear-gradient(180deg,#261e1b9c,#261e1b42 50%,#261e1bae);mix-blend-mode:multiply}
.hero h1 em{color:#f6e1ba}.hero-date{color:#fff9ec}.hero-date:before,.hero-date:after{background:#f6e1ba}
.hero-spray{--ink:#f7e9d5;opacity:.42}.wave-line{stroke:#947451;opacity:.34}.hero-wave .wave-line{stroke:#c5a77e}

/* Warm, near-tonal sections and clean text surfaces. */
.album{background:#f2e9de}.album>.wave,.rsvp>.wave{display:none}
.album .section-title h2{color:#382c29}
.album-frame{background:#382c29;box-shadow:0 18px 55px #382c2929;border-radius:8px!important}
.slide{background:#382c29}.album-controls button{border-color:#94745190;color:#382c29}
.event{background:#f5f0e8}
.event-columns article,.event-columns article+article{background:#f9f5ed;border:1px solid #c9bba8;border-radius:9px;box-shadow:0 12px 40px #382c290b}
.date-panel,.date-panel:before{border-color:#94745188}
.paper .signature,.paper .hour,.paper .detail-number,.paper .small-symbol,.paper .date-panel strong{color:#795a3b}
.story-copy>p:not(.eyebrow),.detail-columns p,footer>span{color:#5c4a43}
.signature:before{background:#947451}
.timeline li{border-color:#bfa88480}.timeline li:before{background:#bfa884}.timeline time{color:#e2c9a5}
.spray{--ink:#947451;opacity:.22}.hero-spray{--ink:#f7e9d5;opacity:.42}
.agenda-spray{--ink:#d2bc96}.closing-spray{--ink:#f7e9d5}
.rsvp{background:#ebe1d3}.rsvp-inner{border-color:#94745188}
.closing{height:850px}.closing-photo{background-image:url('assets/vintage/dalia-closing.webp');background-position:center 23%}.closing-filter{background:#261e1b9e}
.closing-copy{transform:translateY(-110px)}
footer>a{color:#795a3b}footer>span{background:#f5f0e8e6}
/* Header text remains visible when the birthday adapter disables animations. */
.hero .hero-copy{position:absolute;left:50%;top:clamp(155px,22svh,240px);transform:translate(-50%,-50%);width:min(760px,calc(100% - 40px));z-index:5;opacity:1!important;display:flex;flex-direction:column;align-items:center;gap:18px;color:#fffaf2;text-align:center;text-shadow:0 2px 16px #261e1b80}
.hero .hero-copy .eyebrow{font-size:14px;line-height:1.5;letter-spacing:.17em;margin:0}
.hero .hero-copy h1{font-size:clamp(54px,10vw,88px);line-height:1.12;letter-spacing:-.025em;margin:0;max-width:100%;overflow-wrap:break-word}
.hero .hero-copy .hero-date{font-size:clamp(16px,2vw,20px);line-height:1.6;letter-spacing:.035em;margin:0}
.hero .hero-copy .hero-date:before,.hero .hero-copy .hero-date:after{width:18px;margin:0 8px}
.hero .discover{opacity:1!important;z-index:5;color:#fffaf2;font-size:14px;line-height:1.5;text-shadow:0 2px 12px #261e1b}
.button{background:#382c29;color:#f5f0e8;border-color:#382c29;border-radius:4px}.button:hover{background:#5b4338}
.music{background:#382c29ed;box-shadow:0 4px 22px #382c2920}.music[aria-pressed=true]{background:#c5a77e;color:#382c29}
dialog{border-color:#a58c6e;color:#382c29;border-radius:14px;padding-top:50px}dialog::backdrop{background:#261e1bdc}
input,select{background:#fffaf2;border-color:#c9bba8;color:#382c29}
@media(max-width:650px){
  .welcome{gap:10px;padding:24px 22px}
  .welcome-stage{width:100%;height:310px;max-width:none}
  .welcome-title h2{font-size:clamp(54px,14vw,70px)}
  .welcome-title::before{margin-bottom:22px}.welcome-title::after{margin-top:22px}
  .welcome-actions{width:min(360px,100%)}.welcome-actions>p{font-size:20px}
  .hero-photo{background-position:center 54%}.closing{height:690px}.closing-photo{background-size:auto 160%;background-position:center top}.closing-copy{transform:translateY(-90px)}
  .album:after{display:none}
}

/* Keep the invitation text beneath the organic divider, outside the clock. */
.story{padding-top:36px}
.story-intro{position:relative;max-width:620px;margin:0 auto;text-align:center;font:clamp(22px,3vw,28px)/1.5 Display,Georgia,serif;text-wrap:pretty}
.story-intro span{display:block;margin-top:16px}
.story .countdown{margin:36px auto 72px;width:360px;max-width:100%;aspect-ratio:1.12;padding:40px 26px;gap:24px}
.story .countdown>p{max-width:none;margin:0;font-size:22px;line-height:1.4}
.story .count-grid{width:100%;gap:10px}
.story .count-grid>div{flex:1;min-width:0}
.story .count-grid strong{font-size:clamp(34px,9vw,46px);line-height:1.15;font-variant-numeric:tabular-nums}
.story .count-grid span{font-size:14px;letter-spacing:.06em;margin-top:8px}
.story .countdown .heart{margin:0;line-height:1}
.album-controls{align-items:center;gap:20px}
.album-controls button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:0;line-height:1;font-size:22px}
.album-controls button svg{display:block;flex-shrink:0}
@media(max-width:650px){
  .story{padding-top:28px}
  .story .countdown{width:310px;padding:38px 24px;gap:20px;margin:32px auto 64px}
  .story .countdown>p{font-size:21px}
}