@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Noto+Serif+JP:wght@400;500;600&family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');

:root{--cream:#f7f2e8;--paper:#fffdf8;--sage:#aab9a3;--sage-dark:#70866e;--ink:#3e4a40;--muted:#8c9388;--line:#e5e2d8;--serif:'Cormorant Garamond','Noto Serif JP',serif;--sans:'Zen Kaku Gothic New',sans-serif}*{box-sizing:border-box}html{background:#e9e6df}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8}.app-shell{max-width:520px;margin:auto;min-height:100dvh;background:var(--cream);overflow:hidden;padding-bottom:85px}.screen{display:none;padding:30px 22px 38px;min-height:100dvh;animation:fade .35s ease}.screen.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}button{font:inherit;color:inherit}.card{background:rgba(255,253,248,.82);border:1px solid rgba(126,147,119,.18);border-radius:4px;box-shadow:0 8px 24px rgba(76,86,66,.05)}.eyebrow{margin:0;color:var(--sage-dark);letter-spacing:.19em;font-family:var(--serif);font-size:12px}.page-head{text-align:center;padding:2px 0 25px;position:relative}.page-head:after{content:'❦';display:block;color:var(--sage);font-size:18px;line-height:15px;margin-top:7px}.page-head h2{margin:3px 0 0;font-size:32px;font-family:'Noto Serif JP',serif;font-weight:500;letter-spacing:.08em}.page-head>p:last-child{font-family:var(--serif);font-style:italic;font-size:17px;margin:-5px 0 0;color:var(--muted)}
/* home */#home{padding:0 0 38px;position:relative}.hero-photo{height:445px;position:relative;background:linear-gradient(135deg,rgba(72,85,60,.2),transparent 55%),url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=900&q=80') center/cover}.photo-hero span,.profile-photo span{color:white;font:12px var(--serif);letter-spacing:.18em;opacity:.75;position:absolute;bottom:12px;right:14px}.hero-overlay{position:absolute;top:0;height:445px;width:100%;background:linear-gradient(0deg,rgba(30,39,28,.48),rgba(30,39,28,.04) 55%)}.home-intro{position:absolute;top:274px;width:100%;text-align:center;color:#fff;text-shadow:0 1px 10px #344}.eyebrow.light{color:#f9f7ec}.home-intro h1{font:500 55px/1 var(--serif);margin:3px 0 9px;letter-spacing:.03em}.home-intro h1 i{font-weight:400;color:#e9eddc}.home-intro .date{letter-spacing:.16em;margin:0;font-size:12px}.date span{font-family:var(--serif);font-style:italic;font-size:15px;margin-left:6px}.welcome-card{margin:-31px 22px 0;position:relative;text-align:center;padding:20px 16px 18px}.leaf-mark{display:block;color:var(--sage);font-size:23px;line-height:16px}.welcome-card h2{font:500 23px 'Noto Serif JP',serif;letter-spacing:.15em;margin:7px 0 4px}.welcome-card p{font-size:12px;line-height:1.9;margin:0;color:#647063}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px}.quick-grid button{border:1px solid #dfe5da;background:#edf1e9;border-radius:3px;padding:17px 14px;text-align:left;position:relative;cursor:pointer}.quick-grid b{display:block;font:500 17px 'Noto Serif JP',serif;letter-spacing:.08em}.quick-grid small{display:block;color:var(--sage-dark);font:italic 13px var(--serif)}.quick-grid span{position:absolute;right:13px;bottom:15px;color:var(--sage-dark)}.scroll-note{text-align:center;font:11px var(--serif);letter-spacing:.13em;color:var(--muted);margin:0}.scroll-note span{margin-left:6px;font-size:15px}
/* seating */.notice{text-align:center;padding:13px;line-height:1.7;color:var(--sage-dark);margin-bottom:18px;font-size:12px}.room{padding:18px 15px}.stage{border:1px solid #c8d5c3;background:#f0f4ec;border-radius:50px;text-align:center;letter-spacing:.13em;padding:8px;font:15px var(--serif);color:var(--sage-dark);margin:0 37px 26px}.stage small{font:12px var(--sans);letter-spacing:0}.table-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 18px;background:linear-gradient(90deg,transparent 49.5%,#dfe4d8 50%,transparent 50.5%);padding:0 8px}.table{border:1px solid #d8e0d5;background:#fdfcf6;aspect-ratio:1.25;border-radius:50%;cursor:pointer;transition:.2s}.table.selected,.table:hover{background:#e2ebde;border-color:#98ad95}.table b{font:500 24px var(--serif);display:block}.table span{font-size:10px;color:#6f7c6d}.tap-note{text-align:center;font-size:11px;color:var(--muted);margin:14px}.guest-list{padding:17px 20px;text-align:center}.guest-list h3{font:500 20px 'Noto Serif JP',serif;margin:1px}.guest-list p:last-child{font-size:12px;line-height:2.1;margin:5px}
/* profile */.couple-photos{display:flex;gap:10px;padding:0 18px}.profile-photo{height:228px;flex:1;position:relative;background-size:cover;background-position:center;border-radius:80px 80px 3px 3px}.groom{background-image:linear-gradient(#60715a33,#60715a33),url('https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=500&q=80')}.bride{background-image:linear-gradient(#60715a33,#60715a33),url('https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=500&q=80');background-position:65% center}.names{display:flex;justify-content:center;align-items:center;gap:17px;text-align:center;margin:14px 0 22px}.names p,.names h3,.names small{margin:0}.names p{font:11px var(--serif);letter-spacing:.16em;color:var(--sage-dark)}.names h3{font:500 17px 'Noto Serif JP',serif}.names small{font:10px var(--serif);color:var(--muted);letter-spacing:.08em}.names>i{font:italic 28px var(--serif);color:var(--sage)}.story{padding:17px 20px;text-align:center}.story h3{font:500 18px 'Noto Serif JP',serif;margin:5px}.story p{font-size:12px;line-height:2;margin:7px 0;color:#5f695e}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.facts div{padding:14px;text-align:center}.facts small{display:block;font:11px var(--serif);letter-spacing:.09em;color:var(--sage-dark)}.facts b{font-size:12px;font-weight:500}
/* menu */.menu-art{height:122px;background:linear-gradient(135deg,#dce6d6,#f4efe3);margin:0 -22px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#71846e}.menu-art span{font-size:32px}.menu-art p{margin:-3px;font:italic 27px var(--serif)}.menu-card{padding:4px 22px}.menu-card div{padding:15px 0;border-bottom:1px solid var(--line);position:relative}.menu-card div:last-child{border:none}.menu-card em{font:italic 17px var(--serif);color:var(--sage);position:absolute;left:0;top:16px}.menu-card p{margin:0 0 0 31px;font:italic 13px var(--serif);color:var(--sage-dark)}.menu-card h3{margin:0 0 0 31px;font:500 13px 'Noto Serif JP',serif}.allergy{text-align:center;font-size:10px;line-height:1.7;color:var(--muted);margin:15px}
/* venue */.map{height:245px;position:relative;overflow:hidden;background:repeating-linear-gradient(25deg,#f1eee5 0 13px,#e5ebe0 13px 15px)}.map:before,.map:after{content:'';position:absolute;background:#fffdf9;opacity:.9}.map:before{width:150%;height:16px;transform:rotate(-18deg);top:80px;left:-30px}.map:after{width:16px;height:150%;transform:rotate(25deg);left:180px;top:-50px}.map-route{border:2px dashed var(--sage-dark);width:135px;height:80px;border-radius:50%;position:absolute;top:72px;left:90px;transform:rotate(-16deg);z-index:1}.map .pin{position:absolute;z-index:2;top:105px;left:152px;color:#9a665c;font-size:23px}.map b,.map small{position:absolute;z-index:2;bottom:30px;left:0;width:100%;text-align:center}.map b{font:500 16px var(--serif);letter-spacing:.08em}.map small{bottom:12px;font-size:10px}.venue-info{margin-top:12px;padding:20px}.venue-info h3{font:500 20px 'Noto Serif JP',serif;margin:0}.venue-info p{font-size:12px;margin:9px 0;color:#5f695e}.venue-info hr{border:0;border-top:1px solid var(--line);margin:15px 0}.venue-info a{display:block;background:#edf2ea;color:var(--sage-dark);text-decoration:none;padding:10px 13px;font-size:12px}.venue-info a span{float:right}.schedule{padding:16px 20px;margin-top:12px}.schedule p{font-size:12px;margin:4px}.schedule b{font-family:var(--serif);font-size:16px;color:var(--sage-dark)}
/* gallery */.gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:150px 110px 150px;gap:8px}.gallery-photo{position:relative;background-size:cover;background-position:center}.gallery-photo span{position:absolute;bottom:6px;left:9px;color:white;font:italic 17px var(--serif);text-shadow:0 1px 4px #333}.p1{grid-row:span 2;background-image:url('https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=500&q=80')}.p2{background-image:url('https://images.unsplash.com/photo-1522673607200-164d1b6ce486?auto=format&fit=crop&w=500&q=80')}.p3{background-image:url('https://images.unsplash.com/photo-1519225421980-715cb0215aed?auto=format&fit=crop&w=500&q=80')}.p4{background-image:url('https://images.unsplash.com/photo-1507504031003-b417219a0fde?auto=format&fit=crop&w=500&q=80')}.p5{background-image:url('https://images.unsplash.com/photo-1523438885200-e635ba2c371e?auto=format&fit=crop&w=500&q=80')}.gallery-note{text-align:center;font:italic 16px/1.8 var(--serif);color:#647062;margin:23px}
/* message / guide */.message-flower{text-align:center;font-size:63px;line-height:1;color:#aab9a3;margin:0 0 5px}.message-card{padding:28px 24px;text-align:center}.message-card p{font:13px/2.1 'Noto Serif JP',serif;margin:0 0 17px}.signature{font:italic 29px var(--serif);color:var(--sage-dark);margin-top:8px}.quote{text-align:center;font:italic 14px/1.8 var(--serif);color:var(--muted);margin:22px}.qr{text-align:center;padding:23px}.fake-qr{width:133px;height:133px;margin:auto;background:repeating-conic-gradient(#3e4a40 0 25%,#fff 0 50%) 0/17px 17px;border:9px solid white;outline:1px solid #d7ddd2}.qr p{font:500 22px var(--serif);letter-spacing:.08em;margin:13px 0 0}.qr small{font-size:11px;color:var(--muted)}.guide-list{display:grid;gap:10px;margin-top:13px}.guide-list div{padding:15px;display:flex;gap:15px}.guide-list b{font:italic 24px var(--serif);color:var(--sage)}.guide-list p{margin:0;font-size:11px;line-height:1.8}.guide-list strong{font-size:13px;font-weight:500}
/* nav */.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:74px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,253,248,.96);border-top:1px solid #e5e3dc;display:flex;justify-content:space-around}.bottom-nav button{background:transparent;border:0;min-width:54px;font-size:9px;color:#8b9688;display:flex;flex-direction:column;align-items:center;cursor:pointer}.bottom-nav span{font:21px/1.2 var(--serif)}.bottom-nav button.active{color:var(--sage-dark)}.more-sheet{position:fixed;z-index:7;bottom:-330px;left:50%;transform:translateX(-50%);width:min(100%,520px);padding:22px;background:#fffdf9;border-radius:20px 20px 0 0;box-shadow:0 -12px 30px #5c685322;transition:.3s}.more-sheet.open{bottom:0}.more-sheet .close-sheet{float:right;border:0;background:none;font-size:25px;color:var(--sage-dark)}.more-sheet>button:not(.close-sheet){display:block;border:0;border-bottom:1px solid var(--line);background:none;width:100%;padding:14px 2px;text-align:left;font:500 16px 'Noto Serif JP',serif}.more-sheet>button span{float:right;color:var(--sage)}
@media(min-width:600px){body{padding:20px}.app-shell{box-shadow:0 0 40px #7773}.bottom-nav{bottom:20px;border-radius:0 0 8px 8px}.more-sheet{bottom:-330px}.more-sheet.open{bottom:20px}}