/* WeddingOS — Cinematic Japandi */
:root{--cj-forest:#0d1811;--cj-forest-2:#17251b;--cj-moss:#66765d;--cj-olive:#879078;--cj-cream:#f3eee2;--cj-paper:#e8dfcf;--cj-ink:#20271f;--cj-champagne:#c8aa73;--cj-ease:cubic-bezier(.22,1,.36,1);--cj-parallax-x:0px;--cj-parallax-y:0px;--cj-scroll:0;--bg:var(--cj-forest);--bg2:var(--cj-forest-2);--text:#f7f1e7;--muted:#b8b9ad;--accent:var(--cj-champagne);--accent2:var(--cj-moss);--surface:rgba(247,241,231,.065);--line:rgba(239,229,209,.16);--shadow:0 36px 110px rgba(4,9,6,.34);--display:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Inter,system-ui,sans-serif}
html{background:var(--cj-forest);scrollbar-color:var(--cj-moss) var(--cj-forest)}body{background:var(--cj-forest);color:var(--text);font-family:var(--sans)}body::before{background:radial-gradient(ellipse at 16% 4%,rgba(128,151,105,.19),transparent 34%),radial-gradient(ellipse at 86% 12%,rgba(202,172,113,.13),transparent 28%),linear-gradient(180deg,#101b14,#0b130e)}body::after{opacity:.045}
.cj-intro{position:fixed;inset:0;z-index:9998;pointer-events:none;display:grid;place-items:center;background:var(--cj-forest);animation:cj-intro-away 1.7s var(--cj-ease) 1.15s forwards}.cj-intro::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(236,224,199,.12),transparent);transform:translateX(-110%);animation:cj-intro-light 1.4s ease .25s both}.cj-intro::after{content:"";position:absolute;inset:49.9% 12% auto;height:1px;background:linear-gradient(90deg,transparent,var(--cj-champagne),transparent);animation:cj-intro-line 1.2s var(--cj-ease) .15s both}.cj-intro-mark{font-family:var(--display);font-size:clamp(3.2rem,10vw,7rem);letter-spacing:.16em;color:var(--cj-cream);opacity:0;transform:translateY(16px);animation:cj-intro-mark 1s var(--cj-ease) .15s forwards}.cj-progress{position:fixed;z-index:90;left:0;top:0;width:100%;height:2px;transform-origin:left;transform:scaleX(var(--cj-scroll));background:linear-gradient(90deg,var(--cj-moss),var(--cj-champagne));box-shadow:0 0 18px rgba(200,170,115,.45);pointer-events:none}
.page-shell{background:var(--cj-cream);color:var(--cj-ink)}.hero{min-height:100svh;padding:72px 20px 108px;background:linear-gradient(90deg,rgba(4,11,7,.85),rgba(11,20,14,.27) 52%,rgba(4,11,7,.72)),radial-gradient(ellipse at 50% 28%,rgba(202,172,113,.11),transparent 36%),linear-gradient(145deg,#101c14,#0a120d 72%);color:#f8f1e5;perspective:1100px}.hero::before{inset:18px;border-radius:2px;border:1px solid rgba(202,172,113,.32);box-shadow:inset 0 0 90px rgba(0,0,0,.22)}.hero::after{height:230px;background:linear-gradient(transparent,rgba(13,24,17,.93))}.hero-art{transform:translate3d(calc(var(--cj-parallax-x)*-.28),calc(var(--cj-parallax-y)*-.28),0) scale(1.04);transition:transform .35s ease-out;background:linear-gradient(108deg,transparent 0 37%,rgba(245,226,180,.075) 42%,transparent 49%),radial-gradient(circle at 62% 26%,rgba(238,207,147,.22),transparent 20%)}.hero-art::before{left:-9vw;top:-12vh;width:62vw;height:115vh;border-radius:0;filter:none;opacity:.62;mix-blend-mode:screen;background:repeating-linear-gradient(104deg,transparent 0 44px,rgba(234,216,172,.06) 46px,transparent 83px);transform:rotate(-8deg);transform-origin:top;animation:cj-rays 12s ease-in-out infinite alternate}.hero-art::after{right:-8vw;bottom:-20vh;width:55vw;height:70vh;border-radius:50%;filter:blur(42px);opacity:.14;background:var(--cj-moss);animation:cj-forest-breathe 15s ease-in-out infinite alternate}.grid-lines{opacity:.09;background-size:92px 92px;background-image:linear-gradient(rgba(215,202,174,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(215,202,174,.16) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black,transparent 82%)}.grid-lines::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 108%,transparent 0 38%,rgba(220,207,178,.13) 38.4%,transparent 39.2%),radial-gradient(ellipse at 50% 108%,transparent 0 52%,rgba(220,207,178,.09) 52.3%,transparent 53%)}.orb{display:none}
.cj-branch{position:absolute;z-index:-1;pointer-events:none;width:min(48vw,650px);height:min(65vh,720px);opacity:.42;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35));transform-origin:top left}.cj-branch.left{left:-7%;top:-5%;animation:cj-branch-sway 12s ease-in-out infinite alternate}.cj-branch.right{right:-14%;bottom:-14%;transform:scaleX(-1) rotate(-18deg);opacity:.24;animation:cj-branch-sway-right 15s ease-in-out infinite alternate}.cj-branch svg{width:100%;height:100%;overflow:visible}.cj-branch path{fill:none;stroke:#91a07e;stroke-width:1.2;stroke-linecap:round}.cj-branch ellipse{fill:#718064;opacity:.65}.cj-leaves{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.cj-leaf{position:absolute;width:11px;height:6px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#9caa8b,#5c6d52);opacity:0;animation:cj-leaf-fall var(--duration) linear var(--delay) infinite}
.hero-card{width:min(930px,100%);padding:82px clamp(22px,8vw,105px) 70px;background:rgba(8,15,10,.27);border:1px solid rgba(229,217,193,.15);border-radius:2px;backdrop-filter:blur(5px);box-shadow:0 50px 160px rgba(0,0,0,.28);transform:translate3d(calc(var(--cj-parallax-x)*.16),calc(var(--cj-parallax-y)*.16),28px);transition:transform .4s ease-out}.hero-card::before,.hero-card::after{width:min(470px,72%);background:linear-gradient(90deg,transparent,rgba(202,172,113,.8),transparent)}.hero-card .eyebrow{color:#d7c394;letter-spacing:.44em;font-size:.64rem}.hero h1{margin:30px auto 22px;font-size:clamp(4.4rem,13vw,10rem);line-height:.78;letter-spacing:-.045em;color:#f6efe4;text-shadow:0 18px 65px rgba(0,0,0,.44)}.hero h1 .amp{color:var(--cj-champagne);background:none;-webkit-text-fill-color:initial;filter:none;font-style:italic;font-size:.63em}.hero-subtitle{color:rgba(239,232,218,.72);font-size:clamp(.95rem,1.7vw,1.12rem);max-width:620px}.hero-date{color:#efe3ce;font-size:clamp(1.16rem,2.5vw,1.65rem);letter-spacing:.17em}.hero-date::before,.hero-date::after{content:"";width:36px;height:1px;background:var(--cj-champagne)}.hero-actions .btn{min-width:190px;border-radius:2px;padding:15px 23px;text-transform:uppercase;letter-spacing:.13em;font-size:.69rem}.btn.primary{background:var(--cj-cream);color:var(--cj-ink);box-shadow:0 16px 45px rgba(0,0,0,.22)}.btn.secondary{background:transparent;color:var(--cj-cream);border:1px solid rgba(231,217,190,.42);box-shadow:none}.btn:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(8,17,11,.18)}.scroll-hint{color:rgba(240,232,216,.62);letter-spacing:.25em}.scroll-hint::after{background:linear-gradient(var(--cj-champagne),transparent)}.guest-banner{margin-top:-48px;padding:18px 28px;border-radius:2px;color:var(--cj-cream);background:rgba(20,34,24,.94);border-color:rgba(202,172,113,.24);box-shadow:0 24px 70px rgba(8,17,11,.24)}.guest-banner span{color:rgba(239,232,218,.65)}
main>section{position:relative;overflow:hidden;padding:clamp(88px,10vw,140px) 0}main>section::before{display:none}main>section:not(:has(.countdown)):not(:has(.event-grid)){color:var(--cj-ink);background:radial-gradient(circle at 9% 6%,rgba(103,119,91,.08),transparent 28%),linear-gradient(180deg,#f5f0e6,#eee5d7)}main>section:has(.countdown){color:var(--cj-cream);background:radial-gradient(circle at 82% 8%,rgba(203,175,119,.12),transparent 31%),radial-gradient(circle at 8% 100%,rgba(117,139,100,.19),transparent 31%),linear-gradient(135deg,#1a2b1e,#0d1811)}main>section:has(.event-grid){color:var(--cj-cream);background:radial-gradient(circle at 15% 30%,rgba(118,139,102,.20),transparent 31%),linear-gradient(90deg,rgba(8,15,10,.94),rgba(19,33,23,.92)),#102016}
main>section:has(.countdown)::after,main>section:has(.event-grid)::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg width='700' height='420' viewBox='0 0 700 420' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%238a9a79' stroke-width='1'%3E%3Cpath d='M-10 390 C140 335 165 225 305 180 C455 132 535 77 710 35'/%3E%3Cpath d='M65 352 C92 330 113 304 129 273 M116 312 C85 299 65 283 45 260 M158 255 C190 242 214 220 239 190 M225 205 C194 193 171 174 153 150 M290 185 C316 160 338 132 348 99 M360 116 C394 109 421 92 450 65 M448 70 C430 45 418 24 415 0 M520 74 C555 71 593 54 624 27'/%3E%3C/g%3E%3Cg fill='%23788869' opacity='.5'%3E%3Cellipse cx='107' cy='302' rx='15' ry='6' transform='rotate(-28 107 302)'/%3E%3Cellipse cx='76' cy='281' rx='15' ry='6' transform='rotate(30 76 281)'/%3E%3Cellipse cx='194' cy='229' rx='17' ry='7' transform='rotate(-18 194 229)'/%3E%3Cellipse cx='184' cy='183' rx='16' ry='7' transform='rotate(38 184 183)'/%3E%3Cellipse cx='337' cy='121' rx='18' ry='7' transform='rotate(-55 337 121)'/%3E%3Cellipse cx='397' cy='99' rx='17' ry='7' transform='rotate(-18 397 99)'/%3E%3Cellipse cx='434' cy='45' rx='16' ry='7' transform='rotate(52 434 45)'/%3E%3Cellipse cx='576' cy='55' rx='18' ry='7' transform='rotate(-18 576 55)'/%3E%3C/g%3E%3C/svg%3E");background-position:right bottom;background-repeat:no-repeat;background-size:min(720px,70vw) auto}main>section:not(:has(.countdown)):not(:has(.event-grid))::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg width='540' height='420' viewBox='0 0 540 420' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%236b7a60' stroke-width='1'%3E%3Cpath d='M-20 390 C95 320 109 206 245 162 C375 120 406 32 550 -5'/%3E%3Cpath d='M66 330 C92 305 107 279 119 247 M112 266 C85 255 60 237 42 213 M187 188 C211 166 226 139 235 109 M238 119 C270 112 293 96 313 73 M358 67 C385 61 412 44 433 20'/%3E%3C/g%3E%3Cg fill='%23818e75' opacity='.5'%3E%3Cellipse cx='102' cy='286' rx='15' ry='6' transform='rotate(-35 102 286)'/%3E%3Cellipse cx='79' cy='247' rx='15' ry='6' transform='rotate(32 79 247)'/%3E%3Cellipse cx='222' cy='138' rx='16' ry='7' transform='rotate(-57 222 138)'/%3E%3Cellipse cx='277' cy='101' rx='17' ry='7' transform='rotate(-22 277 101)'/%3E%3Cellipse cx='410' cy='43' rx='17' ry='7' transform='rotate(-20 410 43)'/%3E%3C/g%3E%3C/svg%3E");background-position:left bottom;background-repeat:no-repeat;background-size:min(560px,55vw) auto}
.section-header{position:relative;z-index:2;margin-bottom:50px}.section-kicker{color:var(--cj-moss);letter-spacing:.36em;font-size:.64rem}main>section:has(.countdown) .section-kicker,main>section:has(.event-grid) .section-kicker{color:#cdb983}.section-title{font-size:clamp(3rem,7vw,5.7rem);color:inherit;font-weight:400;letter-spacing:-.035em}.section-copy{color:#6d7168;max-width:660px}main>section:has(.event-grid) .section-copy,main>section:has(.countdown) .section-copy{color:rgba(240,232,215,.66)}
.panel{border-radius:2px;border-color:rgba(69,81,64,.16);background:rgba(249,245,237,.72);box-shadow:0 32px 90px rgba(53,56,46,.12);backdrop-filter:blur(12px)}.panel::after{background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.25) 45%,transparent 72%)}main>section:has(.event-grid) .panel,main>section:has(.countdown) .panel{color:var(--cj-cream);background:rgba(7,15,10,.34);border-color:rgba(224,209,180,.16);box-shadow:0 38px 100px rgba(0,0,0,.25)}.panel:hover{border-color:rgba(103,119,91,.38);box-shadow:0 42px 110px rgba(35,43,34,.16)}
.countdown{max-width:880px;gap:0;margin-top:42px;border-top:1px solid rgba(221,207,179,.22);border-bottom:1px solid rgba(221,207,179,.22)}.countdown-item{border:0;border-radius:0;background:transparent;padding:34px 12px;overflow:visible}.countdown-item+.countdown-item{border-left:1px solid rgba(221,207,179,.22)}.countdown-item::before{display:none}.countdown-item strong{font-size:clamp(2.7rem,7vw,5rem);color:#f0e6d3;font-variant-numeric:tabular-nums}.countdown-item strong.cj-tick{animation:cj-digit .55s var(--cj-ease)}.countdown-item span{color:rgba(235,226,208,.6);letter-spacing:.24em}.cards-grid{gap:26px}.info-card{padding:clamp(26px,4vw,50px)}.info-card h3{font-size:clamp(2rem,4vw,3.1rem);color:var(--cj-ink)}.info-card p{color:#6d7168}.info-card img{height:360px;border-radius:1px;filter:saturate(.72) sepia(.08) contrast(.97);transition:filter .8s ease,transform 1.1s var(--cj-ease)}.info-card:hover img{filter:saturate(.9) sepia(0);transform:scale(1.018)}
.event-grid{gap:1px;background:rgba(220,204,173,.16);border:1px solid rgba(220,204,173,.16)}.event-grid>.panel{border:0;box-shadow:none}.event-card{padding:clamp(30px,5vw,60px)}.event-icon{border-radius:50%;background:transparent;border-color:rgba(202,172,113,.5);color:#d7be86}.map-frame{border-radius:0}.timeline-item{transition:transform .6s var(--cj-ease)}.timeline-item:hover{transform:translateX(8px)}.timeline-time{color:var(--cj-moss)}.timeline-dot{background:var(--cj-moss);border-color:#dfe3d8;box-shadow:0 0 0 7px rgba(103,119,91,.10)}.timeline-line::before{background:rgba(103,119,91,.28)}.faq-item{border-radius:0;background:rgba(249,245,237,.62)}.faq-item button{color:var(--cj-ink)}.faq-answer{color:#6d7168}.gallery{gap:18px}.gallery img{border-radius:1px;border-color:rgba(69,81,64,.15);filter:saturate(.72) sepia(.06)}
.rsvp-shell{gap:1px;background:rgba(96,105,87,.16);border:1px solid rgba(96,105,87,.16)}.rsvp-summary,.rsvp-form{border:0;border-radius:0;box-shadow:none;background:rgba(249,245,237,.78)}.rsvp-summary h3{color:var(--cj-ink)}.rsvp-summary p,.field label{color:#71756c}.field input,.field select,.field textarea{border-radius:1px;background:rgba(255,253,248,.78);color:var(--cj-ink);border-color:rgba(77,89,70,.18)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cj-moss);box-shadow:0 0 0 3px rgba(103,119,91,.11)}.choice{border-radius:1px;background:rgba(255,253,248,.5);color:var(--cj-ink)}.choice:has(input:checked){border-color:var(--cj-moss);background:rgba(103,119,91,.10);box-shadow:inset 0 0 0 1px rgba(103,119,91,.15)}.rsvp-form .btn.primary,.save-date-card .btn.primary{background:var(--cj-forest-2);color:var(--cj-cream)}.save-date-card{border-radius:1px;background:rgba(249,245,237,.78)}.save-date-card h3{color:var(--cj-ink)}.save-date-card p{color:#6d7168}.footer{position:relative;overflow:hidden;padding:90px 0 55px;color:rgba(239,232,218,.68);background:#101b14}.footer::before{content:"";position:absolute;inset:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg width='700' height='280' viewBox='0 0 700 280' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23798a6c' stroke-width='1'%3E%3Cpath d='M-20 250 C120 220 160 112 310 120 C465 127 530 45 730 18'/%3E%3Cpath d='M145 195 C112 176 90 152 75 122 M196 156 C224 135 244 108 254 78 M420 96 C449 80 472 58 488 31 M548 55 C574 57 603 48 629 34'/%3E%3C/g%3E%3C/svg%3E");background-position:center bottom;background-repeat:no-repeat;background-size:min(900px,95vw) auto}.footer>*{position:relative;z-index:1}.footer strong{color:var(--cj-cream);font-size:clamp(2.5rem,6vw,4.4rem)}
.cj-ready .hero-card>*{opacity:0;transform:translateY(24px);animation:cj-hero-enter 1.15s var(--cj-ease) forwards}.cj-ready .hero-card>*:nth-child(1){animation-delay:.18s}.cj-ready .hero-card>*:nth-child(2){animation-delay:.34s}.cj-ready .hero-card>*:nth-child(3){animation-delay:.50s}.cj-ready .hero-card>*:nth-child(4){animation-delay:.64s}.cj-ready .hero-card>*:nth-child(5){animation-delay:.78s}.motion-ready .reveal{opacity:0;transform:translateY(46px);filter:blur(8px);clip-path:inset(0 0 14% 0);transition:opacity 1.15s var(--cj-ease),transform 1.15s var(--cj-ease),filter 1.15s ease,clip-path 1.15s var(--cj-ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none;filter:none;clip-path:inset(0)}.cj-parallax{will-change:transform;transform:translate3d(0,var(--cj-section-y,0px),0)}.cj-magnetic{will-change:transform}
@keyframes cj-intro-away{to{opacity:0;visibility:hidden}}@keyframes cj-intro-light{to{transform:translateX(110%)}}@keyframes cj-intro-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes cj-intro-mark{to{opacity:1;transform:none}}@keyframes cj-rays{to{transform:translateX(8vw) rotate(-3deg);opacity:.82}}@keyframes cj-forest-breathe{to{transform:scale(1.18) translate(-4vw,-3vh);opacity:.22}}@keyframes cj-branch-sway{to{transform:rotate(2.8deg) translate(7px,4px)}}@keyframes cj-branch-sway-right{to{transform:scaleX(-1) rotate(-14deg) translate(7px,-5px)}}@keyframes cj-leaf-fall{0%{opacity:0;transform:translate3d(0,-10vh,0) rotate(0)}12%{opacity:.48}75%{opacity:.38}100%{opacity:0;transform:translate3d(var(--drift),110vh,0) rotate(var(--spin))}}@keyframes cj-hero-enter{to{opacity:1;transform:none}}@keyframes cj-digit{0%{opacity:.25;transform:translateY(-10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:820px){.hero{padding:50px 13px 95px}.hero::before{inset:9px;border-radius:1px}.hero-card{padding:70px 20px 58px;background:rgba(8,15,10,.34)}.hero h1{font-size:clamp(4rem,20vw,7rem)}.cj-branch{width:90vw;opacity:.25}.cj-branch.right{display:none}main>section{padding:84px 0}.event-grid,.rsvp-shell{gap:14px;background:transparent;border:0}.event-grid>.panel,.rsvp-summary,.rsvp-form{border:1px solid rgba(80,91,73,.15)}}@media(max-width:520px){.hero-card{padding-inline:14px}.hero h1{font-size:clamp(3.8rem,21vw,5.8rem)}.hero-actions .btn{width:100%}.countdown-item{padding:27px 4px}.countdown-item strong{font-size:2.2rem}.countdown-item span{font-size:.54rem;letter-spacing:.12em}.section-title{font-size:clamp(2.7rem,13vw,4.1rem)}main>section::after{background-size:92vw auto!important;opacity:.11!important}}@media(prefers-reduced-motion:reduce){.cj-intro{display:none}.cj-leaves{display:none}.hero-art,.hero-card{transform:none!important}.cj-ready .hero-card>*{opacity:1;transform:none;animation:none}.motion-ready .reveal{opacity:1;transform:none;filter:none;clip-path:none}}