*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --ivory:#faf6ef;
  --ivory2:#f2ebe0;
  --cream:#e8dece;
  --gold:#c9a96e;
  --gold2:#b8914a;
  --gold-pale:#f0e4ca;
  --dark:#1c1610;
  --dark2:#2a2016;
  --text:#3a2e22;
  --muted:#7a6a56;
  --white:#fffdf8;
}
html{scroll-behavior:smooth}
body{font-family:'Jost',sans-serif;background:var(--ivory);color:var(--text);overflow-x:hidden;}
#intro-overlay{position:fixed;inset:0;z-index:1000;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1.2s ease, visibility 1.2s ease;}
#intro-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}
.intro-monogram{font-family:'Playfair Display',serif;font-size:clamp(4rem,15vw,10rem);font-weight:400;font-style:italic;color:var(--gold);opacity:0;animation:fadeInScale 1.4s ease 0.3s forwards;letter-spacing:-0.02em;line-height:1;}
.intro-line{width:0;height:1px;background:var(--gold);animation:lineGrow 1s ease 1.4s forwards;margin:1.5rem 0;}
.intro-names{font-family:'Cormorant Garamond',serif;font-size:clamp(1rem,3vw,1.4rem);font-weight:300;letter-spacing:0.4em;text-transform:uppercase;color:rgba(240,228,202,0.7);opacity:0;animation:fadeInUp 1s ease 1.8s forwards;}
.intro-enter{margin-top:3rem;font-family:'Jost',sans-serif;font-size:0.7rem;letter-spacing:0.3em;text-transform:uppercase;color:rgba(201,169,110,0.6);cursor:pointer;border:none;background:transparent;opacity:0;animation:fadeInUp 1s ease 2.4s forwards;transition:color 0.3s;}
.intro-enter:hover{color:var(--gold)}
.intro-enter .arrow{display:block;width:1px;height:40px;background:rgba(201,169,110,0.4);margin:1rem auto 0;animation:arrowPulse 2s ease infinite}
#particles{position:fixed;inset:0;pointer-events:none;z-index:0}
main{position:relative;z-index:1}
.hero{min-height:100vh;background:linear-gradient(175deg,#faf6ef 0%,#f0e8d8 50%,#e8dece 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,169,110,0.12) 0%,transparent 65%);}
.corner{position:absolute;width:120px;height:120px;opacity:0.35}
.corner-tl{top:20px;left:20px}.corner-tr{top:20px;right:20px;transform:scaleX(-1)}
.corner-bl{bottom:20px;left:20px;transform:scaleY(-1)}.corner-br{bottom:20px;right:20px;transform:scale(-1)}
.hero-inner{position:relative;z-index:1;max-width:700px}
.hero-pre{font-size:0.65rem;letter-spacing:0.45em;text-transform:uppercase;color:var(--gold2);margin-bottom:2rem;opacity:0;animation:fadeInUp 1s ease 0.2s forwards;display:flex;align-items:center;gap:1.2rem;justify-content:center;}
.hero-pre::before,.hero-pre::after{content:'';width:35px;height:1px;background:var(--gold)}
.hero-names{font-family:'Playfair Display',serif;font-size:clamp(3.5rem,12vw,8.5rem);font-weight:400;line-height:0.85;opacity:0;animation:fadeInUp 1.1s ease 0.35s forwards;}
.hero-names .name1{display:block;color:var(--text)}
.hero-names .ampersand{display:block;font-style:italic;color:var(--gold);font-size:0.55em;line-height:1.3;}
.hero-names .name2{display:block;color:var(--text);font-style:italic}
.hero-date-ribbon{display:inline-flex;align-items:center;gap:1.5rem;margin:2.5rem 0;padding:0.9rem 2.5rem;border-top:1px solid rgba(201,169,110,0.35);border-bottom:1px solid rgba(201,169,110,0.35);opacity:0;animation:fadeInUp 1.1s ease 0.55s forwards;}
.date-item{text-align:center}
.date-num{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:400;color:var(--gold2);line-height:1;}
.date-label{font-size:0.6rem;letter-spacing:0.25em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem}
.date-sep{width:1px;height:36px;background:rgba(201,169,110,0.3)}
.hero-venue{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-weight:300;font-style:italic;color:var(--muted);margin-bottom:3rem;opacity:0;animation:fadeInUp 1.1s ease 0.7s forwards;letter-spacing:0.08em;}
.cta-primary-group{display:flex;flex-direction:column;align-items:center;gap:0.85rem;margin-bottom:1.5rem;opacity:0;animation:fadeInUp 1.1s ease 0.85s forwards;}
.cta-primary-group a{text-decoration:none;}
.btn-share,.btn-gallery{display:flex;align-items:center;justify-content:center;gap:0.9rem;width:280px;padding:1rem 2rem;font-family:'Jost',sans-serif;font-size:0.78rem;letter-spacing:0.22em;text-transform:uppercase;cursor:pointer;transition:all 0.35s;text-decoration:none;position:relative;overflow:hidden;}
.btn-share{background:var(--gold);color:var(--dark);border:none;box-shadow:0 8px 32px rgba(201,169,110,0.35);}
.btn-share::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transition:left 0.5s;}
.btn-share:hover::before{left:100%}
.btn-share:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 14px 40px rgba(201,169,110,0.45)}
.btn-gallery{background:transparent;color:var(--gold2);border:1px solid rgba(201,169,110,0.5);}
.btn-gallery:hover{background:rgba(201,169,110,0.08);border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.btn-icon{font-size:1rem;flex-shrink:0}
.cta-secondary-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp 1.1s ease 1s forwards;}
.btn-ghost{font-family:'Jost',sans-serif;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;cursor:pointer;padding:0.5rem 1rem;transition:color 0.3s;text-decoration:none;position:relative;}
.btn-ghost::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--gold);transition:all 0.3s;transform:translateX(-50%)}
.btn-ghost:hover{color:var(--gold2)}
.btn-ghost:hover::after{width:80%}
.scroll-down{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;opacity:0;animation:fadeInUp 1s ease 1.5s forwards;}
.scroll-down span{font-size:0.58rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--muted)}
.scroll-mouse{width:20px;height:32px;border:1px solid rgba(201,169,110,0.4);border-radius:10px;position:relative;}
.scroll-mouse::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:2px;height:6px;background:var(--gold);border-radius:2px;animation:scrollWheel 2s ease infinite;}
.countdown-section{background:var(--dark2);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;}
.countdown-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(201,169,110,0.07) 0%,transparent 65%);}
.countdown-label{font-size:0.65rem;letter-spacing:0.4em;text-transform:uppercase;color:rgba(201,169,110,0.55);margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem;justify-content:center;}
.countdown-label::before,.countdown-label::after{content:'';width:30px;height:1px;background:rgba(201,169,110,0.3)}
.countdown-grid{display:flex;gap:0;justify-content:center;max-width:500px;margin:0 auto;}
.cd-item{flex:1;padding:1.5rem 0.5rem;position:relative}
.cd-item+.cd-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:50%;background:rgba(201,169,110,0.12);}
.cd-num{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;color:var(--gold);line-height:1;text-shadow:0 0 40px rgba(201,169,110,0.3);}
.cd-label{font-size:0.58rem;letter-spacing:0.3em;text-transform:uppercase;color:rgba(240,228,202,0.35);margin-top:0.5rem}
/* MOMENTS */
.moments-section{background:var(--white);padding:6rem 2rem;position:relative;}
.moments-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0.3;}
.moments-header{text-align:center;margin-bottom:4rem}
.sec-eyebrow{font-size:0.63rem;letter-spacing:0.4em;text-transform:uppercase;color:var(--gold2);margin-bottom:1rem;display:flex;align-items:center;gap:1rem;justify-content:center;}
.sec-eyebrow::before,.sec-eyebrow::after{content:'';width:28px;height:1px;background:var(--gold);opacity:0.5}
.sec-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:400;color:var(--text);line-height:1.1;}
.sec-title em{font-style:italic;color:var(--gold2)}
.sec-sub{font-size:0.9rem;color:var(--muted);line-height:1.9;max-width:480px;margin:1rem auto 0;font-weight:300}
.moments-masonry{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:6px;}
@media(max-width:900px){.moments-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}}
@media(max-width:500px){.moments-masonry{grid-template-columns:1fr 1fr;grid-auto-rows:130px}}
.moment-card{position:relative;overflow:hidden;cursor:pointer;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);background:var(--cream);}
.moment-card:hover{transform:scale(1.02);z-index:2}
.moment-large{grid-column:span 2;grid-row:span 2}
.moment-tall{grid-row:span 2}
.moment-wide{grid-column:span 2}
.moment-small{grid-column:span 1;grid-row:span 1}
.moment-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform 0.5s ease;}
.moment-card:hover .moment-bg{transform:scale(1.06)}
.moment-bg img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;}
.moment-overlay-icon{font-size:3.5rem;opacity:0.18;transition:opacity 0.4s, transform 0.4s;pointer-events:none;}
.moment-card:hover .moment-overlay-icon{opacity:0.28;transform:scale(1.1)}
.moment-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(28,22,16,0.75) 0%,rgba(28,22,16,0.1) 55%,transparent 100%);opacity:0.8;transition:opacity 0.3s;pointer-events:none;}
.moment-card:hover::after{opacity:1}
.moment-caption{position:absolute;bottom:0;left:0;right:0;padding:0.9rem 1rem 0.8rem;z-index:2;}
.moment-user{font-size:0.6rem;letter-spacing:0.15em;color:rgba(240,228,202,0.5);margin-bottom:0.2rem}
.moment-text{font-family:'Cormorant Garamond',serif;font-size:0.88rem;font-style:italic;color:rgba(240,228,202,0.9);line-height:1.3;}
.moment-large .moment-text{font-size:1.1rem}
.moment-heart{position:absolute;top:0.75rem;right:0.75rem;z-index:3;background:rgba(28,22,16,0.5);backdrop-filter:blur(4px);border:1px solid rgba(201,169,110,0.2);padding:0.3rem 0.65rem;font-size:0.65rem;color:rgba(240,228,202,0.6);cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:0.3rem;user-select:none;}
.moment-heart:hover,.moment-heart.liked{background:rgba(201,169,110,0.2);border-color:var(--gold);color:var(--gold);}
.moment-heart.liked{color:var(--gold)}
.moment-card::before{content:attr(data-emotion);position:absolute;top:0.75rem;left:0.75rem;z-index:3;background:var(--gold);color:var(--dark);font-size:0.55rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:500;padding:0.22rem 0.6rem;opacity:0;transform:translateY(-4px);transition:all 0.3s;}
.moment-card:hover::before{opacity:1;transform:translateY(0)}
.moments-upload-row{max-width:1100px;margin:2.5rem auto 0;background:var(--dark);padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden;}
.moments-upload-row::before{content:'';position:absolute;inset:8px;border:1px solid rgba(201,169,110,0.08);pointer-events:none}
.moments-upload-text h4{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;font-style:italic;color:var(--gold-pale);margin-bottom:0.3rem;}
.moments-upload-text p{font-size:0.8rem;color:rgba(240,228,202,0.35)}
/* SHARE SECTION */
.share-section{background:var(--ivory);padding:6rem 2rem;position:relative;}
.share-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0.3;}
.section-header{text-align:center;margin-bottom:4rem}
.share-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5px;background:rgba(201,169,110,0.12);max-width:1000px;margin:0 auto}
.share-card{background:var(--white);padding:2.5rem 2rem;transition:background 0.3s;}
.share-card:hover{background:var(--ivory2)}
.share-card-icon{width:52px;height:52px;background:rgba(201,169,110,0.1);border:1px solid rgba(201,169,110,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.5rem;}
.share-card h4{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:400;margin-bottom:0.6rem;color:var(--text);}
.share-card p{font-size:0.83rem;color:var(--muted);line-height:1.8;font-weight:300}
.upload-cta{max-width:700px;margin:3rem auto 0;background:var(--dark);padding:3rem;text-align:center;position:relative;overflow:hidden;}
.upload-cta::before{content:'';position:absolute;inset:12px;border:1px solid rgba(201,169,110,0.15);pointer-events:none}
.upload-cta h3{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:400;font-style:italic;color:var(--gold-pale);margin-bottom:0.75rem;}
.upload-cta p{font-size:0.85rem;color:rgba(240,228,202,0.45);margin-bottom:2rem;line-height:1.8}
.upload-cta .btn-share{width:auto;display:inline-flex;margin:0 auto}
.qr-placeholder{width:90px;height:90px;background:rgba(201,169,110,0.08);border:1px solid rgba(201,169,110,0.2);display:flex;align-items:center;justify-content:center;margin:1.5rem auto 0;font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(201,169,110,0.4);flex-direction:column;gap:0.3rem;}
/* GALLERY */
.gallery-section{background:var(--ivory2);padding:6rem 2rem;position:relative;}
.gallery-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0.3;}
.gallery-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:4px;}
.gallery-item{background:var(--cream);position:relative;overflow:hidden;cursor:pointer;transition:all 0.4s;}
.gallery-item:first-child{grid-row:span 2}
.gallery-item::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(28,22,16,0.6) 0%,transparent 50%);opacity:0;transition:opacity 0.3s;}
.gallery-item:hover::after{opacity:1}
.gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0.5rem;}
.gallery-emoji{font-size:3rem;opacity:0.18;transition:transform 0.4s}
.gallery-item:hover .gallery-emoji{transform:scale(1.15)}
.gallery-item-label{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.2rem;z-index:1;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-pale);opacity:0;transition:opacity 0.3s;}
.gallery-item:hover .gallery-item-label{opacity:1}
.gallery-upload-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;background:rgba(201,169,110,0.08);border:1px dashed rgba(201,169,110,0.3);color:rgba(201,169,110,0.5);font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:all 0.3s;}
.gallery-upload-btn:hover{background:rgba(201,169,110,0.15);border-color:var(--gold);color:var(--gold)}
.gallery-cta{text-align:center;margin-top:2.5rem}
/* STORY */
.story-section{background:var(--white);padding:6rem 2rem;max-width:100%;}
.story-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
@media(max-width:700px){.story-inner{grid-template-columns:1fr;gap:3rem}}
.story-ring{width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,var(--ivory2),var(--cream));border:1px solid rgba(201,169,110,0.25);display:flex;align-items:center;justify-content:center;position:relative;}
.story-ring::before{content:'';position:absolute;width:215px;height:215px;border-radius:50%;border:1px solid rgba(201,169,110,0.12);}
.story-ring-inner{font-family:'Playfair Display',serif;font-size:4rem;font-style:italic;color:var(--gold2);text-align:center;line-height:1;}
.story-ornament{display:flex;flex-direction:column;align-items:center;gap:1rem;}
.story-quote{font-family:'Playfair Display',serif;font-size:1.1rem;font-style:italic;font-weight:400;color:var(--muted);line-height:1.8;margin-bottom:2rem;position:relative;padding-left:1.5rem;}
.story-quote::before{content:'"';position:absolute;left:0;top:-0.5rem;font-size:4rem;font-family:'Playfair Display',serif;color:rgba(201,169,110,0.2);line-height:1;}
.story-body{font-size:0.9rem;color:var(--muted);line-height:1.9;font-weight:300}
.story-sig{font-family:'Playfair Display',serif;font-size:1.5rem;font-style:italic;color:var(--gold2);margin-top:1.5rem;}
/* DETAILS */
.details-section{background:var(--dark);padding:6rem 2rem;text-align:center;position:relative;overflow:hidden;}
.details-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(201,169,110,0.06) 0%,transparent 60%);}
.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(201,169,110,0.08);max-width:800px;margin:3rem auto 0;}
@media(max-width:600px){.details-grid{grid-template-columns:1fr}}
.detail-item{padding:2.5rem 1.5rem;background:var(--dark2);transition:background 0.3s;}
.detail-item:hover{background:#2e2518}
.detail-icon{font-size:1.5rem;margin-bottom:1rem;display:block;opacity:0.7}
.detail-title{font-size:0.6rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--gold);margin-bottom:0.6rem;}
.detail-value{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:400;color:var(--gold-pale);line-height:1.3;}
.detail-sub{font-size:0.75rem;color:rgba(240,228,202,0.35);margin-top:0.3rem}
.map-section{background:var(--dark);padding:0 2rem 5rem}
.map-placeholder{max-width:800px;margin:0 auto;height:300px;background:#1a1410;border:1px solid rgba(201,169,110,0.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;font-family:'Jost',sans-serif;}
.map-pin{font-size:2rem;opacity:0.5;animation:bounce 2s ease infinite}
.map-text{font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(201,169,110,0.4)}
.map-addr{font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic;color:rgba(240,228,202,0.3)}
.map-link{font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);text-decoration:none;padding:0.5rem 1.5rem;border:1px solid rgba(201,169,110,0.3);transition:all 0.3s;margin-top:0.5rem;display:inline-block;}
.map-link:hover{background:rgba(201,169,110,0.1);border-color:var(--gold)}
footer{background:#100e0b;padding:4rem 2rem 2rem;border-top:1px solid rgba(201,169,110,0.08);text-align:center;}
.footer-mono{font-family:'Playfair Display',serif;font-size:3rem;font-style:italic;color:rgba(201,169,110,0.15);margin-bottom:1.5rem;}
.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}
.footer-links a{font-size:0.65rem;letter-spacing:0.25em;text-transform:uppercase;color:rgba(240,228,202,0.25);text-decoration:none;transition:color 0.3s;}
.footer-links a:hover{color:var(--gold)}
.footer-contact{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}
.footer-contact a{font-size:0.78rem;color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:opacity 0.3s;}
.footer-contact a:hover{opacity:0.75}
.footer-copy{font-size:0.65rem;color:rgba(240,228,202,0.15);letter-spacing:0.1em}
.footer-brand{font-size:0.7rem;letter-spacing:0.25em;text-transform:uppercase;color:rgba(201,169,110,0.3);margin-bottom:0.5rem;}
#lightbox{position:fixed;inset:0;z-index:200;background:rgba(16,14,11,0.96);display:none;align-items:center;justify-content:center;flex-direction:column;}
#lightbox.open{display:flex}
.lightbox-close{position:absolute;top:2rem;right:2rem;background:none;border:1px solid rgba(201,169,110,0.3);color:var(--gold);width:40px;height:40px;cursor:pointer;font-size:1.2rem;transition:all 0.3s;}
.lightbox-close:hover{background:rgba(201,169,110,0.1)}
.lightbox-content{max-width:min(600px,90vw);text-align:center;padding:2rem;}
.lightbox-content h3{font-family:'Playfair Display',serif;font-size:2rem;font-weight:400;font-style:italic;color:var(--gold-pale);margin-bottom:1rem;}
.lightbox-content p{font-size:0.88rem;color:rgba(240,228,202,0.5);line-height:1.8;margin-bottom:2rem}
.upload-zone{border:1px dashed rgba(201,169,110,0.3);padding:2.5rem;text-align:center;transition:all 0.3s;cursor:pointer;}
.upload-zone:hover{border-color:var(--gold);background:rgba(201,169,110,0.05)}
.upload-zone-icon{font-size:2.5rem;opacity:0.4;margin-bottom:0.75rem}
.upload-zone-text{font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(201,169,110,0.4)}
#share-modal{position:fixed;inset:0;z-index:200;background:rgba(16,14,11,0.96);display:none;align-items:center;justify-content:center;}
#share-modal.open{display:flex}
.share-modal-box{max-width:420px;width:90%;background:var(--dark2);padding:3rem 2.5rem;text-align:center;position:relative;border:1px solid rgba(201,169,110,0.12);}
.share-modal-box::before{content:'';position:absolute;inset:10px;border:1px solid rgba(201,169,110,0.06);pointer-events:none}
.share-modal-box h3{font-family:'Playfair Display',serif;font-size:1.7rem;font-style:italic;color:var(--gold-pale);margin-bottom:0.5rem;}
.share-modal-box p{font-size:0.83rem;color:rgba(240,228,202,0.4);margin-bottom:2rem}
.share-options{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.share-opt{padding:1rem;border:1px solid rgba(201,169,110,0.15);background:rgba(201,169,110,0.04);cursor:pointer;transition:all 0.3s;font-size:0.7rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(240,228,202,0.6);display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-decoration:none;}
.share-opt:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,169,110,0.08)}
.share-opt-icon{font-size:1.4rem}
.share-link-box{margin-top:1.5rem;background:rgba(0,0,0,0.2);border:1px solid rgba(201,169,110,0.1);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.75rem;}
.share-link-text{flex:1;font-size:0.7rem;color:rgba(240,228,202,0.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:monospace}
.share-link-copy{font-size:0.62rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);background:none;border:1px solid rgba(201,169,110,0.3);padding:0.35rem 0.75rem;cursor:pointer;transition:all 0.3s;flex-shrink:0;}
.share-link-copy:hover{background:rgba(201,169,110,0.1)}
.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:rgba(201,169,110,0.3);font-size:1.2rem;cursor:pointer;transition:color 0.3s;padding:0.25rem;}
.modal-close:hover{color:var(--gold)}
.toast{position:fixed;bottom:6rem;left:50%;transform:translateX(-50%);background:var(--dark2);border:1px solid rgba(201,169,110,0.2);padding:0.75rem 1.5rem;font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);z-index:300;opacity:0;transition:opacity 0.3s;pointer-events:none;}
.toast.show{opacity:1}
@keyframes fadeInScale{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes lineGrow{from{width:0}to{width:80px}}
@keyframes arrowPulse{0%,100%{opacity:0.4;transform:scaleY(0.8)}50%{opacity:1;transform:scaleY(1)}}
@keyframes scrollWheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(12px)}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:768px){.details-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,180px)}.gallery-item:first-child{grid-row:span 1}}
@media(max-width:480px){.btn-share,.btn-gallery{width:260px}.countdown-grid{gap:0}.details-grid{grid-template-columns:1fr}}