@import url('https://fonts.googleapis.com/css2?family=Italiana&family=Noto+Sans+JP:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;1,400&display=swap');
:root{--ivory:#f7f4ee;--cream:#efe9df;--ink:#1b1918;--muted:#756f68;--wine:#6c2834;--gold:#b49a70;--line:rgba(27,25,24,.16);--white:#fffdf9;--serif:"Italiana","Times New Roman",serif;--jp:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--jp);font-weight:300;letter-spacing:.06em}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{position:absolute;z-index:10;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:34px 4.5vw;color:var(--white)}.monogram{font-family:var(--serif);font-size:30px;letter-spacing:.04em}.monogram span{color:var(--gold);font-family:"Playfair Display";font-style:italic}.site-header nav{display:flex;gap:34px;font-size:10px;letter-spacing:.16em}.site-header nav a{padding:8px 0;border-bottom:1px solid transparent}.site-header nav a:hover{border-color:var(--white)}.menu-button{display:none}.hero{min-height:100svh;position:relative;display:grid;place-items:center;text-align:center;padding:120px 24px 70px;color:var(--white);overflow:hidden;background:#34302e}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,17,16,.76),rgba(20,17,16,.28) 48%,rgba(20,17,16,.56)),url('/hero.png') center/cover no-repeat;transform:scale(1.015)}.hero:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.35)}.hero>*{position:relative;z-index:2}.hero-orbit{display:none}.eyebrow{font-family:var(--serif);text-transform:uppercase;letter-spacing:.34em;font-size:12px;color:var(--wine)}.hero .eyebrow{color:#e8d8bd}.hero h1{font-family:var(--serif);font-size:clamp(66px,12vw,154px);font-weight:400;line-height:.82;margin:38px 0 30px;display:flex;align-items:center;gap:.22em;letter-spacing:-.02em}.hero h1 i{font-family:"Playfair Display";font-weight:400;color:#e5cba3;font-size:.42em}.hero-date{font-family:var(--serif);font-size:27px;letter-spacing:.19em;margin:12px}.hero-date small{font-family:var(--jp);font-size:9px;margin-left:8px}.hero-place,.hero-venue{font-size:9px;letter-spacing:.26em}.hero-venue{margin-top:6px;color:rgba(255,255,255,.72)}.scroll-cue{position:absolute;bottom:34px;font-family:var(--serif);font-size:11px;letter-spacing:.22em}.scroll-cue b{display:block;font-weight:400;margin-top:6px}.section{padding:150px max(7vw,30px);position:relative}.section-no{font-family:var(--serif);position:absolute;top:58px;right:6vw;color:var(--gold);font-size:15px}.message{max-width:1200px;margin:auto}.message-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:11vw;margin-top:58px}.section h2,.venue h2,.rsvp h2{font-family:var(--serif);font-weight:400;font-size:clamp(39px,5vw,66px);letter-spacing:.03em;margin:17px 0 48px}.message-grid h2:after{content:"With gratitude";display:block;font-family:"Playfair Display";font-style:italic;font-size:18px;color:var(--wine);margin-top:20px}.message-grid p{line-height:2.55;margin:0 0 22px;font-size:13px}.sign{margin-top:40px!important;color:var(--wine);letter-spacing:.36em}.date-band{padding:105px 30px;text-align:center;background:var(--wine);color:var(--white)}.date-band>p{font-family:var(--serif);letter-spacing:.32em;font-size:12px;color:#dccbbd}.big-date{display:flex;justify-content:center;align-items:center;gap:24px;margin:10px 0}.big-date span{font-family:var(--serif);font-size:clamp(78px,13vw,155px)}.big-date span:last-child{font-size:clamp(36px,7vw,78px)}.big-date i{font-family:"Playfair Display";font-size:40px;color:#e0c69d}.schedule{max-width:1000px;margin:auto}.timeline{margin-top:64px;border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:180px 1fr;padding:38px 0;border-bottom:1px solid var(--line)}.timeline time{font-family:var(--serif);font-size:36px;color:var(--wine)}.timeline h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:0 0 10px}.timeline p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.venue{display:grid;grid-template-columns:1.05fr .95fr;background:var(--cream)}.venue-copy{padding:130px max(7vw,40px);position:relative}.venue-copy .section-no{top:54px}.venue-name{font-family:var(--serif);font-size:25px;letter-spacing:.08em}.venue address{font-style:normal;font-size:11px;line-height:2.2}.access-note{max-width:520px;margin-top:22px;color:var(--muted);font-size:10px;line-height:2}.venue-actions{display:flex;gap:28px;margin-top:36px}.venue-actions a,.venue-actions button{background:none;border:0;border-bottom:1px solid var(--ink);padding:10px 0;font-size:10px;letter-spacing:.12em;cursor:pointer}.venue-actions span{color:var(--wine)}.map-art{min-height:620px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(23,20,19,.06),rgba(23,20,19,.5)),url('/hero.png') center/cover no-repeat}.map-art:after{content:"LE CIEL BLANC\A OMOTESANDO";white-space:pre;position:absolute;left:10%;bottom:10%;font-family:var(--serif);font-size:clamp(28px,4vw,56px);line-height:.95;letter-spacing:.04em;color:var(--white)}.river,.station,.venue-pin,.route{display:none}.guide{max-width:1200px;margin:auto}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.guide article{min-height:240px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px}.guide article>span{font-family:var(--serif);font-size:34px;color:var(--wine)}.guide h3{font-family:var(--serif);font-size:20px;font-weight:400;margin:24px 0 14px}.guide article p{font-size:10px;line-height:2;color:var(--muted)}.rsvp{padding:150px 25px;text-align:center;background:var(--ink);color:var(--white)}.rsvp .eyebrow{color:#d8ba8c}.rsvp>p:not(.eyebrow):not(.note){font-size:12px;line-height:2}.rsvp-button,.dialog-ok{margin-top:36px;min-width:280px;border:1px solid var(--white);background:transparent;color:var(--white);padding:18px 24px;font-size:11px;letter-spacing:.18em;cursor:pointer;transition:.25s}.rsvp-button:hover{background:var(--white);color:var(--ink)}.rsvp-button span{float:right}.note{font-size:9px!important;color:rgba(255,255,255,.55);margin-top:14px}footer{text-align:center;padding:90px 20px 36px;background:#141211;color:var(--white)}footer>p:nth-child(2){font-family:"Playfair Display";font-style:italic;font-size:19px;color:#d8ba8c}footer small{display:block;margin-top:48px;font-size:8px;letter-spacing:.2em;color:rgba(255,255,255,.46)}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:rgba(18,15,14,.82);backdrop-filter:blur(8px)}dialog form{background:var(--ivory);padding:62px 52px;position:relative;width:min(680px,94vw);max-height:90vh;overflow:auto;text-align:left}dialog form>.eyebrow,dialog form>h2,dialog form>.form-lead{text-align:center}dialog h2{font-family:var(--serif);font-size:40px;font-weight:400}dialog p{font-size:11px;line-height:2}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:25px;cursor:pointer}.form-lead span,dialog label>span,dialog legend span{color:var(--wine)}dialog fieldset{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:30px 0}dialog legend{font-size:11px;padding-right:12px}.choice{display:block;margin:11px 0;font-size:11px}.choice input{width:auto;margin-right:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}dialog label{display:block;font-size:10px;line-height:1.7;margin:18px 0}dialog input,dialog textarea{display:block;width:100%;margin-top:7px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 4px;font-size:12px;color:var(--ink);outline:none}dialog input:focus,dialog textarea:focus{border-color:var(--wine)}dialog textarea{min-height:78px;resize:vertical}.consent{margin-top:28px}.form-status{min-height:1.6em;color:var(--wine);text-align:center}.dialog-ok{display:block;margin-left:auto;margin-right:auto;background:var(--wine);border-color:var(--wine)}.dialog-ok:disabled{opacity:.5;cursor:wait}.form-success{text-align:center;padding:35px 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 20px;font-size:10px;opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.site-header{padding:24px;color:var(--white)}.menu-button{display:block;border:0;background:none;color:inherit;font-size:10px;letter-spacing:.18em;position:relative;z-index:3}.site-header nav{position:absolute;top:0;right:0;width:78vw;height:100vh;background:var(--ink);padding:100px 36px;flex-direction:column;transform:translateX(100%);transition:.3s}.site-header nav.open{transform:none}.hero h1{gap:.14em;font-size:clamp(56px,18vw,90px)}.section{padding:105px 24px}.section-no{top:35px}.message-grid{grid-template-columns:1fr;gap:12px}.message-grid p{font-size:12px}.date-band{padding:75px 16px}.date-band>p:last-child{font-family:var(--jp);font-size:9px;line-height:2}.timeline article{grid-template-columns:105px 1fr}.timeline time{font-size:28px}.venue{grid-template-columns:1fr}.venue-copy{padding:100px 24px}.map-art{min-height:420px}.guide-grid{grid-template-columns:1fr 1fr}.guide article{padding:26px 20px}.rsvp{padding:105px 24px}.venue-actions{flex-wrap:wrap}dialog form{padding:50px 22px}.form-grid{grid-template-columns:1fr}}
@media(max-width:480px){.guide-grid{grid-template-columns:1fr}.hero-place{max-width:280px;line-height:1.8}.hero-venue{line-height:1.7}}
.guest-welcome{margin:24px 0 0;padding:9px 18px;border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6);font-size:15px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
html{overflow-x:clip}
.password-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(19,15,15,.9),rgba(52,28,33,.68)),url('/hero.png') center/cover no-repeat;color:var(--white)}.gate-card{width:min(520px,100%);padding:64px 54px;text-align:center;border:1px solid rgba(255,255,255,.38);background:rgba(19,16,16,.7);backdrop-filter:blur(13px)}.gate-card .monogram{margin:0 0 34px}.gate-card .eyebrow{color:#d8ba8c}.gate-card h1{font-family:var(--serif);font-size:clamp(58px,10vw,92px);font-weight:400;margin:18px 0}.gate-card>p:not(.monogram):not(.eyebrow){font-size:11px;line-height:2}.gate-card form{margin:34px auto 0;max-width:290px}.gate-card label{display:block;font-family:var(--serif);font-size:10px;letter-spacing:.28em}.gate-card input{display:block;width:100%;margin:12px 0 18px;border:0;border-bottom:1px solid rgba(255,255,255,.55);background:transparent;padding:12px;color:var(--white);text-align:center;font-family:var(--serif);font-size:28px;letter-spacing:.45em;outline:none}.gate-card button{width:100%;border:1px solid rgba(255,255,255,.7);background:transparent;color:var(--white);padding:15px;font-size:10px;letter-spacing:.17em;cursor:pointer}.gate-card button span{float:right}.gate-error{min-height:1.5em;color:#f0c6c8;font-size:10px}.password-gate.unlocked{animation:gate-out .65s ease forwards}@keyframes gate-out{to{opacity:0;visibility:hidden}}@media(max-width:520px){.gate-card{padding:48px 26px}}
