@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Serif+SC:wght@400;500;600&display=swap');

:root{--navy:#173b5b;--deep:#102c47;--blue:#4f819b;--sea:#78aeb7;--foam:#e9f2ee;--cream:#fff9ef;--paper:#f8f0e2;--ink:#243f54;--muted:#6d7f87;--gold:#d8b779;--coral:#e9a28d;--line:rgba(34,75,99,.16);--serif:"Noto Serif SC","Songti SC",serif;--display:"DM Serif Display",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--serif);background:var(--cream);line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:4px}::selection{background:#f2d5bd;color:var(--deep)}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(20px,5vw,76px);color:#fdf7ed}.home-page{background:#f8f2e7}.home-page .site-header,.ocean-header{background:var(--navy)}.inner-header{background:var(--cream);color:var(--navy);border-bottom:1px solid var(--line)}.logo{font-family:var(--display),var(--serif);font-size:13px;letter-spacing:2px;white-space:nowrap}.logo-flower{color:var(--coral);font-size:23px;vertical-align:middle;margin-right:7px}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(10px,1.7vw,25px);flex-wrap:wrap}.site-nav a{font-size:12px;opacity:.75;transition:opacity .2s,color .2s;white-space:nowrap}.site-nav a:hover,.site-nav a.active{opacity:1;color:var(--coral)}.menu-toggle{display:none;border:1px solid currentColor;background:transparent;color:inherit;padding:6px 10px}
.hero{position:relative;min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:linear-gradient(135deg,#dce9e4 0%,#b8d2d4 40%,#f6d8bd 100%);padding:70px clamp(24px,9vw,140px) 100px}.hero-copy{position:relative;z-index:2;max-width:540px}.eyebrow{font:11px var(--display),var(--serif);letter-spacing:3px;color:#f9e5c8}.eyebrow span{display:inline-block;width:24px;height:1px;background:currentColor;vertical-align:middle;margin:0 8px}.eyebrow.dark{color:#68899a}.hero-kicker{font-size:13px;letter-spacing:2px;color:#456d80;margin:36px 0 14px}.hero h1,.page-intro h1{font-size:clamp(48px,7vw,86px);font-weight:500;line-height:1.25;letter-spacing:4px;margin:0;color:var(--navy)}.hero h1 em,.page-intro h1 em,.next-note h2 em{font-style:normal;color:#b77e67}.hero-lead{font-size:20px;line-height:1.9;letter-spacing:2px;margin:22px 0 10px}.hero-small{font-size:12px;color:#607984;letter-spacing:1px}.button{display:inline-flex;align-items:center;gap:26px;padding:13px 21px;font-size:12px;letter-spacing:1px;border:0;cursor:pointer;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #193f5522}.button-light{background:var(--navy);color:#fff8ec;margin-top:22px}.button-light span{font-size:17px}.button-dark{background:var(--navy);color:white}
.hero-art{position:relative;height:450px;max-width:540px;width:100%;justify-self:end;overflow:hidden;border-radius:48% 48% 5px 5px;background:linear-gradient(180deg,#b5d1df 0%,#f7d7b4 48%,#5e9ca9 49%,#255b79 100%);box-shadow:0 35px 70px #214d5b24}.sun{position:absolute;top:85px;right:27%;width:105px;height:105px;border-radius:50%;background:#ffe9bd;box-shadow:0 0 60px #fff1d0aa}.distant-island{position:absolute;top:210px;left:0;width:100%;height:75px;background:#527d8a;clip-path:polygon(0 78%,12% 62%,20% 70%,32% 25%,42% 60%,56% 52%,70% 69%,85% 30%,100% 60%,100% 100%,0 100%);opacity:.7}.sea{position:absolute;left:-10%;width:120%;height:145px;border-radius:50% 50% 0 0}.sea-back{top:275px;background:#78b4bc;transform:rotate(-4deg)}.sea-front{top:320px;background:#286783;transform:rotate(3deg)}.flower{position:absolute;color:#fff4d8;text-shadow:0 2px 10px #fff8;z-index:2}.flower-a{font-size:100px;left:7%;bottom:10px;transform:rotate(-15deg)}.flower-b{font-size:65px;right:8%;bottom:70px;color:#f7d3b8}.flower-c{font-size:48px;left:39%;bottom:30px}.floating-star{position:absolute;color:#fff2d2;font-size:24px;animation:twinkle 3s ease-in-out infinite}.star-a{top:25%;left:25%}.star-b{top:37%;right:18%;animation-delay:1s}.art-caption{position:absolute;z-index:3;bottom:17px;right:18px;font:10px var(--display);letter-spacing:1.5px;color:#f6ead7}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#43697a}.scroll-hint span{margin-left:12px}
.section{padding:100px clamp(22px,8vw,120px)}.section-heading{text-align:center;max-width:680px;margin:0 auto 48px}.section-heading h2{font-size:clamp(25px,3vw,38px);font-weight:500;letter-spacing:2px;margin:12px 0}.section-heading>p:last-child{font-size:13px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1150px;margin:auto}.feature-card{display:block;min-height:280px;padding:28px 28px 24px;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #1d435011}.flower-card{background:#f4e5d8}.ocean-card{background:#e0edf0}.wish-card{background:#f3edda}.feature-icon{font-size:28px;color:#bd8e74}.card-index{display:block;font:10px var(--display);letter-spacing:2px;color:#6f8a94;margin-top:18px}.feature-card h3{font-size:22px;font-weight:500;margin:8px 0}.feature-card p{font-size:13px;color:#667c84;line-height:2}.text-link{font-size:11px;letter-spacing:1px;color:#426c7e}.quote-band{padding:70px 20px;text-align:center;background:#214d69;color:#fff7e8}.quote-mark{font:70px var(--display);line-height:.8;color:#e6bd89}.quote-band p{font-size:clamp(22px,3vw,32px);line-height:1.8;letter-spacing:2px;margin:10px}.quote-credit{font-size:11px;letter-spacing:2px;color:#c4d6d8}.next-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#f5eee2}.next-note{max-width:500px}.tiny-flower{font-size:35px;color:#cb9379}.next-note h2{font-size:clamp(28px,3.6vw,42px);line-height:1.65;font-weight:500}.next-note>p:not(.eyebrow){color:#6c7c7e;font-size:14px;line-height:2.2}.postcard{position:relative;min-height:300px;padding:50px 35px 30px;background:#fff9ef;box-shadow:0 18px 45px #6c57401a;transform:rotate(2deg);border:1px solid #eadbc5}.postcard:before{content:"";position:absolute;inset:10px;border:1px solid #e4d4ba;pointer-events:none}.postcard-stamp{position:absolute;right:30px;top:25px;border:1px solid #d9b98b;padding:8px 10px;font:10px var(--display);letter-spacing:2px;text-align:center;color:#b27d67}.postcard-scribble{font:italic 29px var(--display);line-height:1.3;color:#567b8d;margin:15px 0 25px}.postcard-flower{font-size:35px;color:#d49a82}.postcard p{font-size:13px;line-height:2;color:#697e84}.site-footer{display:flex;align-items:center;justify-content:center;gap:22px;padding:27px 15px;background:#173b5b;color:#d7e2df;font:10px var(--display);letter-spacing:2px}.site-footer span:nth-child(2){color:#e5b994;font-size:17px}
.inner-main{max-width:980px;margin:auto;padding:60px 24px 100px}.wide-main{max-width:1150px}.page-intro{text-align:center;margin:20px auto 52px;max-width:720px}.page-intro h1{font-size:clamp(38px,6vw,62px);margin:15px 0 18px;line-height:1.45}.page-intro>p:last-child{font-size:13px;color:var(--muted);line-height:2}.paper-page{background:radial-gradient(ellipse at 15% 20%,#f5e7d6 0,transparent 35%),var(--cream)}.letter-paper{position:relative;max-width:760px;margin:auto;padding:clamp(28px,6vw,66px);background:#fffaf1;border:1px solid #e6d6bd;box-shadow:0 25px 60px #634b2a12}.letter-paper:before{content:"";position:absolute;inset:12px;border:1px solid #e9ddc9;pointer-events:none}.paper-decoration{position:absolute;right:42px;top:30px;color:#d8a28a;font-size:36px}.letter-date{font-size:11px;letter-spacing:2px;color:#9a9a83}.letter-paper h2{font-size:20px;font-weight:500;margin:35px 0 25px}.letter-paper p:not(.letter-date){font-size:14px;line-height:2.25;color:#52656a;margin:0 0 20px}.letter-paper .letter-ending{margin-top:35px;color:#385a6d}.letter-ending span{display:block;margin-top:15px;text-align:right;font-size:12px;color:#a77b68}.paper-bottom{text-align:center;font:9px var(--display);letter-spacing:3px;color:#b4a28b;margin-top:45px;padding-top:20px;border-top:1px solid #eadfce}.page-next{text-align:center;margin-top:45px}.page-next a{font-size:12px;letter-spacing:1px;color:#537b8d;border-bottom:1px solid #b7c9c9;padding-bottom:7px}
.memory-page{background:#e8f0ec}.memory-intro{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 40px;text-align:left}.big-quote{font:90px var(--display);line-height:.7;color:#d29b83}.memory-intro p{font-size:19px;line-height:1.9;color:#436579}.memory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.memory-card{background:#fffaf1;box-shadow:0 12px 35px #234b4b0c}.memory-image{height:235px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:22px;color:white;background-size:cover;background-position:center}.memory-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102c47b8,transparent 70%)}.memory-image span,.memory-image b{position:relative;z-index:1}.memory-image span{font:11px var(--display);letter-spacing:2px;margin-right:12px}.memory-image b{font-size:19px;font-weight:500;letter-spacing:2px}.image-sea{background-image:linear-gradient(135deg,#7caab7,#eac6a9 48%,#316c88)}.image-flower{background-image:linear-gradient(135deg,#f4d4b9,#c4d8c5 50%,#7698a0)}.image-cafe{background-image:linear-gradient(135deg,#bd9c7c,#f0dfc6 45%,#728b91)}.image-sunset{background-image:linear-gradient(135deg,#e4a28b,#f1d5b2 45%,#456f86)}.memory-copy{padding:20px 24px 24px}.memory-copy h2{font-size:19px;font-weight:500;margin:0 0 9px}.memory-copy p{font-size:13px;line-height:2;color:#6b7f83;margin:0 0 15px}.memory-copy small{font:9px var(--display);letter-spacing:2px;color:#b18a70}.memory-note{display:flex;align-items:center;gap:18px;padding:24px 30px;background:#d7e6e2;margin-top:30px;color:#537783}.memory-note span{font-size:28px;color:#c48c7b}.memory-note p{font-size:13px;line-height:2;margin:0}
.flower-page{background:#f7eee5}.flower-manifesto{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;padding:35px 0 65px}.flower-illustration{position:relative;width:250px;height:310px;margin:auto}.stem{position:absolute;bottom:10px;left:124px;width:4px;height:205px;background:#688e76;transform:rotate(8deg);border-radius:5px}.petal{position:absolute;left:88px;top:45px;width:75px;height:110px;border-radius:50% 50% 44% 44%;background:linear-gradient(135deg,#f7c5b5,#e9a18e);transform-origin:50% 85%;box-shadow:inset -5px -6px 10px #b76f6630}.p1{transform:rotate(0deg) translateY(-27px)}.p2{transform:rotate(72deg) translateY(-27px)}.p3{transform:rotate(144deg) translateY(-27px)}.p4{transform:rotate(216deg) translateY(-27px)}.p5{transform:rotate(288deg) translateY(-27px)}.flower-center{position:absolute;top:85px;left:112px;width:28px;height:28px;border-radius:50%;background:#e6bd75;z-index:2}.leaf{position:absolute;width:55px;height:25px;border-radius:100% 0 100% 0;background:#7da087}.leaf1{top:195px;left:70px;transform:rotate(25deg)}.leaf2{top:230px;left:128px;transform:rotate(-35deg) scaleX(-1)}.manifesto-copy h2{font-size:32px;font-weight:500;margin:10px 0 20px}.manifesto-copy p:not(.eyebrow){font-size:14px;line-height:2.3;color:#6c7775}.flower-values{border-top:1px solid #e2d1c4}.value-row{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:18px;padding:25px 10px;border-bottom:1px solid #e2d1c4}.value-number{font:16px var(--display);color:#b8a08b}.value-row h3{font-size:19px;font-weight:500;margin:0 0 5px}.value-row p{font-size:13px;line-height:2;color:#718080;margin:0}.value-flower{font-size:27px;color:#c98d7b;text-align:center}.full-quote{text-align:center;padding:65px 20px 30px}.full-quote p{font-size:26px;line-height:1.9;color:#436b7c}.full-quote span{font-size:12px;letter-spacing:2px;color:#9b8173}
.ocean-page{background:#eaf3f3}.ocean-hero{height:570px;position:relative;overflow:hidden;background:linear-gradient(180deg,#8db6c9 0%,#f4d9bd 45%,#74b0bb 46%,#367d99 100%);color:white}.ocean-horizon{position:absolute;top:45%;left:-5%;width:110%;height:100px;background:#d7c9b1;opacity:.7;clip-path:polygon(0 50%,15% 44%,25% 52%,37% 45%,50% 54%,68% 43%,80% 52%,100% 42%,100% 100%,0 100%)}.ocean-sun{position:absolute;right:17%;top:17%;width:115px;height:115px;border-radius:50%;background:#fff0ce;box-shadow:0 0 90px #fff2d4}.ocean-wave{position:absolute;width:130%;left:-15%;border-radius:50%;height:160px}.wave1{top:52%;background:#91c7c9;transform:rotate(-3deg)}.wave2{top:63%;background:#4e9bad;transform:rotate(2deg)}.wave3{top:75%;background:#245f7e;transform:rotate(-2deg)}.ocean-hero-copy{position:relative;z-index:2;padding:95px 0 0 clamp(28px,12vw,170px)}.ocean-hero-copy h1{font-size:clamp(42px,7vw,76px);line-height:1.35;font-weight:500;letter-spacing:3px;margin:25px 0}.ocean-hero-copy h1 span{color:#fff0c8}.ocean-hero-copy>p:not(.eyebrow){letter-spacing:4px}.ocean-flower{position:absolute;bottom:28px;left:10%;font-size:105px;color:#f4d9c1;text-shadow:0 5px 20px #173b5b44}.sea-letter{padding-top:85px}.sea-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sea-card{padding:28px 25px;background:#f9fcf7;border-top:3px solid #86b9bd}.sea-card span{font:10px var(--display);letter-spacing:2px;color:#729ba4}.sea-card h3{font-size:19px;font-weight:500;margin:15px 0}.sea-card p{font-size:13px;line-height:2.2;color:#6b7f83}.sea-quote{text-align:center;font-size:24px;line-height:2;color:#426d81;padding:55px 10px 10px;margin:0}.sea-quote cite{display:block;font-size:12px;font-style:normal;letter-spacing:2px;color:#8b9a9a;margin-top:12px}
.wish-list{max-width:820px;margin:auto;display:grid;gap:12px}.wish-check{display:grid;grid-template-columns:0 32px 42px 1fr auto;align-items:center;gap:14px;padding:20px 22px;background:#fffaf2;border:1px solid #ebdfcc;cursor:pointer;transition:background .2s,transform .2s}.wish-check:hover{transform:translateX(4px)}.wish-check input{position:absolute;opacity:0;width:1px;height:1px}.checkmark{width:24px;height:24px;border:1px solid #c8bda7;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:13px}.wish-check input:checked~.checkmark{background:#6c9c9c;color:white;border-color:#6c9c9c}.wish-emoji{font-size:25px}.wish-check b{display:block;font-size:15px;font-weight:500}.wish-check small{display:block;color:#7c8b8b;font-size:12px;margin-top:4px}.wish-check em{font:9px var(--display);letter-spacing:1px;color:#b3a08a;font-style:normal}.checklist-hint{text-align:center;font-size:12px;color:#83908c;margin:25px 0}
.surprise-page{background:linear-gradient(135deg,#f7eee2,#e2eeee)}.fortune-stage{display:flex;flex-direction:column;align-items:center}.fortune-card{width:min(100%,370px);min-height:400px;position:relative;perspective:1000px}.fortune-card-front,.fortune-card-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;backface-visibility:hidden;transition:transform .7s cubic-bezier(.2,.75,.2,1);box-shadow:0 25px 60px #254b5b18}.fortune-card-front{background:linear-gradient(145deg,#1a4965,#285f76);color:#f8e8ca;border:8px solid #e8d6b5;outline:1px solid #c8a66f;outline-offset:-15px}.fortune-card-back{background:#fff9ef;border:1px solid #e1cfb1;transform:rotateY(180deg)}.fortune-card.flipped .fortune-card-front{transform:rotateY(-180deg)}.fortune-card.flipped .fortune-card-back{transform:rotateY(0)}.fortune-flower{font-size:48px;color:#e6bf89}.fortune-card-front p,.fortune-category{font:10px var(--display);letter-spacing:3px}.fortune-card-front h2{font-size:30px;font-weight:500;letter-spacing:4px}.fortune-rule{width:50px;height:1px;background:#d9bd83;margin:15px}.fortune-card-front small{font-size:11px;color:#d7e1dc}.fortune-result-icon{font-size:35px;color:#d3a27f}.fortune-card-back h2{font-size:25px;font-weight:500;color:#315a70;margin:8px}.fortune-card-back>p:not(.fortune-category){font-size:14px;line-height:2;color:#718080}.fortune-bottom{font-size:11px;color:#b18c75;margin-top:20px}.fortune-button{margin-top:28px}.fortune-tip{font-size:12px;color:#71858b}.tiny-gifts{padding-top:80px}.reminder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reminder{padding:25px;background:#fffaf1;border:1px solid #e9dfcf}.reminder span{font:14px var(--display);color:#c69a7d}.reminder p{font-size:15px;line-height:2}
.guestbook-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.note-form{padding:28px;background:#fffaf1;border:1px solid #eadcc6}.note-form label{display:flex;justify-content:space-between;font-size:13px;margin:0 0 8px}.note-form label span{font-size:11px;color:#9a9d91}.note-form input,.note-form textarea{display:block;width:100%;border:1px solid #e2d7c4;background:#fffdf8;padding:12px 13px;color:#304c5e;margin-bottom:22px;border-radius:0}.note-form textarea{min-height:150px;resize:vertical;line-height:1.8}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.form-bottom>span{font-size:11px;color:#8c9a98}.form-note{font-size:10px;color:#8a9997;line-height:1.8;margin:18px 0 0}.notes-title{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.notes-title span{font:10px var(--display);letter-spacing:2px;color:#8b9f9c}.notes-title b{font-size:20px;font-weight:500}.notes-list{display:grid;gap:12px}.note-card{position:relative;padding:24px 22px;background:#f2dfca;min-height:130px;transform:rotate(-1deg)}.note-card:nth-child(even){transform:rotate(1deg)}.note-card>span{color:#bf8b73;font-size:22px}.note-card p{font-size:14px;line-height:2;margin:6px 0 12px}.note-card small{font-size:10px;color:#8b8175}.blue-note{background:#d9e9e8}.blue-note>span{color:#608f9c}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes twinkle{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:950px){.site-header{align-items:flex-start}.site-nav{gap:10px 15px}.site-nav a{font-size:11px}.hero{padding-left:6vw;padding-right:6vw}.flower-manifesto{gap:20px}.wish-check em{display:none}}
@media(max-width:720px){.site-header{padding:15px 20px;align-items:center;flex-wrap:wrap}.menu-toggle{display:block}.site-nav{display:none;flex-basis:100%;align-items:flex-start;justify-content:flex-start;gap:0;flex-direction:column;padding:8px 0 12px}.site-nav.open{display:flex}.site-nav a{width:100%;padding:9px 0;border-top:1px solid #ffffff22;font-size:13px}.inner-header .site-nav a{border-color:var(--line)}.hero{grid-template-columns:1fr;padding:60px 25px 80px;gap:40px}.hero-copy{text-align:center;margin:auto}.hero h1{font-size:60px}.hero-art{justify-self:center;width:min(100%,400px);height:340px}.section{padding:65px 22px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.next-section{grid-template-columns:1fr;gap:40px}.postcard{min-height:280px}.inner-main{padding:45px 18px 70px}.page-intro{margin-bottom:35px}.memory-grid{grid-template-columns:1fr}.memory-image{height:210px}.flower-manifesto{grid-template-columns:1fr;padding-top:0}.flower-illustration{transform:scale(.85);height:270px}.manifesto-copy h2{font-size:27px}.sea-columns{grid-template-columns:1fr}.ocean-hero{height:510px}.ocean-hero-copy{padding:75px 25px 0}.ocean-sun{width:80px;height:80px;right:10%;top:18%}.ocean-flower{font-size:70px}.wish-check{grid-template-columns:0 27px 32px 1fr;padding:16px 12px;gap:10px}.wish-check small{font-size:11px}.reminder-grid{grid-template-columns:1fr}.reminder{padding:18px 22px}.reminder p{margin:7px 0}.guestbook-layout{grid-template-columns:1fr}.letter-paper{padding:35px 25px}.letter-paper:before{inset:7px}.paper-decoration{right:25px;top:18px}.site-footer{gap:10px;font-size:8px;letter-spacing:1px}.memory-intro p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}