:root{--bg-loading: #FDFCFB;--bg: #FAF8F6;--text-main: #1a1816;--text-mute: #7a756e;--gold: #FFB347;--coral: #E07A5F}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text-main);font-family:Space Grotesk,sans-serif;min-height:100dvh;overflow-x:hidden}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-loading);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.loading-logo{font-family:Fraunces,serif;font-size:2rem;font-weight:600;letter-spacing:5px;text-transform:uppercase;opacity:0;display:flex;align-items:center;gap:12px}.loading-logo img{width:28px;height:28px}.loading-sub{font-family:Fraunces,serif;font-style:italic;font-size:.8rem;color:var(--text-mute);opacity:0}.nav{position:fixed;top:0;left:0;right:0;padding:28px 5vw;z-index:100;display:flex;justify-content:space-between;align-items:flex-start}.logo-area{display:flex;flex-direction:column;gap:4px}.logo{font-family:Fraunces,serif;font-weight:600;font-size:1.1rem;letter-spacing:1.5px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.logo img{width:20px;height:20px}.logo-sub{font-family:Fraunces,serif;font-style:italic;font-size:.6rem;color:var(--text-mute)}.nav-right{display:flex;align-items:center;gap:12px}.social-link{width:44px;height:44px;border:1.5px solid rgba(0,0,0,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#ffffffb3;position:relative}.social-link svg{width:18px;height:18px;fill:var(--text-main);transition:all .3s}.social-link:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 20px #ffb3474d}.social-link:hover svg{fill:#fff}.social-link .tooltip{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:.55rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-mute);white-space:nowrap;opacity:0;transition:opacity .3s}.social-link:hover .tooltip{opacity:1}.hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 5vw 140px}.headline{font-family:Fraunces,serif;font-weight:300;font-size:clamp(2.6rem,7vw,5rem);line-height:1.15;margin-bottom:36px}.word{display:inline-block}.word-extraordinary{font-style:italic;font-weight:400;color:var(--coral);opacity:0}.subtitle{font-size:clamp(.9rem,1.1vw,1rem);color:var(--text-mute);margin-bottom:50px;font-style:italic}.cta-date{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:18px 40px;background:#ffb3471a;border:1px solid rgba(255,179,71,.3);border-radius:8px;opacity:0}.cta-label{font-size:.55rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-mute)}.cta-value{font-family:Fraunces,serif;font-size:1.2rem;color:var(--gold);font-weight:500;display:flex;align-items:center;gap:6px}.date-month{overflow:hidden}.date-day{overflow:hidden;min-width:24px;text-align:center}.date-year{overflow:hidden}.date-num{display:inline-block}.scroll-cta{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;cursor:pointer;z-index:50;transition:opacity .3s}.scroll-cta span{font-size:.5rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-mute)}.scroll-cta .arrow{width:12px;height:12px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg);animation:bounce 1.8s ease-in-out infinite}@keyframes bounce{0%,to{transform:rotate(45deg) translateY(0);opacity:.4}50%{transform:rotate(45deg) translateY(4px);opacity:1}}.preview-section{padding:50px 5vw 20px}.preview-header{text-align:center;margin-bottom:24px}.preview-label{font-family:Fraunces,serif;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:400;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;opacity:0}.preview-title{font-size:.9rem;color:var(--text-mute);opacity:0}.elegant-card{max-width:620px;margin:0 auto;text-align:center;padding:36px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 20px 60px #0000000a;text-decoration:none;color:inherit;display:block;opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1)}.elegant-card:hover{transform:translateY(-4px);box-shadow:0 40px 100px #00000014}.card-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:24px}.card-tag{padding:6px 14px;background:#ffb3471f;color:var(--gold);font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:100px}.card-tag.primary{background:var(--gold);color:#fff}.card-title{font-family:Fraunces,serif;font-size:1.8rem;font-weight:400;margin-bottom:12px}.card-type{font-size:.75rem;color:var(--text-mute);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}.card-desc{font-size:.9rem;line-height:1.7;color:var(--text-mute);max-width:400px;margin:0 auto 20px}.card-meta{display:flex;justify-content:center;gap:20px;margin-bottom:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.05)}.card-meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-mute)}.card-meta-item svg{width:16px;height:16px;fill:var(--gold)}.countdown{margin-top:20px;display:flex;justify-content:center;gap:24px;opacity:0}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:4px}.countdown-value{font-family:Fraunces,serif;font-size:1.5rem;font-weight:500;color:var(--text-main);min-width:44px}.countdown-label{font-size:.5rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-mute)}.card-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:var(--text-main);color:#fff;border-radius:100px;font-size:.85rem;font-weight:600;transition:all .3s;text-decoration:none}.card-cta svg{width:14px;height:14px;fill:currentColor;transition:transform .3s}.elegant-card:hover .card-cta{background:var(--gold)}.elegant-card:hover .card-cta svg{transform:translate(3px)}.follow-section{margin-top:40px;text-align:center}.follow-text{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-mute);margin-bottom:16px}.follow-socials{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.signature-box{display:inline-flex;align-items:center;gap:8px;background:#1a1816;padding:10px 22px;border-radius:100px;cursor:default}.signature-label{font-family:Fraunces,serif;font-style:italic;font-size:.8rem;letter-spacing:2px;color:#ccc5c3}.signature-name{font-family:Fraunces,serif;font-style:italic;font-size:.95rem;font-weight:500;background-image:linear-gradient(to right,#fe3,#fa3,#f73,#fa3,#fe3);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 4s linear infinite}@keyframes shine{to{background-position:200% center}}@media (max-width: 768px){.nav{background:var(--bg);padding:20px 5vw}.hero{padding:100px 5vw 80px}.headline{margin-bottom:24px}.subtitle{margin-bottom:30px}.countdown{gap:16px;margin-top:14px}.countdown-value{font-size:1.2rem;min-width:36px}.scroll-cta{bottom:20px}.preview-section{padding:40px 5vw 60px}.preview-header{margin-bottom:24px}.elegant-card{padding:28px 20px}.card-title{font-size:1.4rem}.card-meta{flex-direction:column;gap:10px}.social-link{width:38px;height:38px}.social-link svg{width:15px;height:15px}.follow-section{margin-top:30px}.signature{padding-bottom:40px}}
