:root{--bg:#faf8f2;--ink:#284638;--muted:#737c70;--gold:#a88652;--line:#dedfd3;font-family:'Microsoft YaHei','PingFang SC',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.045em}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.header{height:96px;max-width:1440px;padding:0 6%;margin:auto;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{width:40px;height:40px}.brand>span{font-size:23px;letter-spacing:.12em;font-weight:600}.brand small{display:block;font:8px/1.4 Arial;letter-spacing:.15em;margin-top:5px}.header nav{display:flex;gap:32px;margin:auto;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta{border:1px solid #aeb8a9;border-radius:4px;padding:12px 17px;font-size:12px}.nav-cta span{margin-left:16px}.menu{display:none}.hero{max-width:1440px;margin:auto;padding:60px 6% 66px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:680px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--gold)}h1{font-size:clamp(40px,4.2vw,64px);line-height:1.4;margin:24px 0}.gold{color:var(--gold)}.intro{font-size:14px;line-height:2.1;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:17px 22px;background:var(--ink);color:#fff;border-radius:4px;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#3e6350;transform:translateY(-2px)}.text-link{font-size:12px}.text-link span{margin-left:10px}.hero-foot{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:15px;margin-top:52px}.fine-line{width:30px;height:1px;background:var(--line)}.hero-art{height:520px;position:relative}.art-caption{position:absolute;left:40px;top:0;font:9px Arial;letter-spacing:.19em;color:var(--muted)}.map-paper{position:absolute;top:30px;left:8%;width:82%;height:440px;border:1px solid #d6d8c9;background:#efeee2;transform:rotate(-5deg);border-radius:150px 150px 5px 5px;overflow:hidden;box-shadow:0 20px 45px #46523413}.map-grid{position:absolute;inset:0;background:repeating-linear-gradient(19deg,transparent 0 37px,#fffaf0 38px 44px,transparent 45px 81px),repeating-linear-gradient(103deg,transparent 0 49px,#fffaf0 50px 57px,transparent 58px 97px),repeating-linear-gradient(156deg,transparent 0 95px,#cdd2c2 96px 98px,transparent 99px 144px);opacity:.9}.river{position:absolute;width:47%;height:130%;top:-30%;left:35%;border-radius:50%;border-right:25px solid #bbcfca;transform:rotate(24deg)}.park{position:absolute;background:#d0dac2;border-radius:45%}.p1{width:80px;height:65px;left:50px;top:180px;transform:rotate(-30deg)}.p2{width:95px;height:55px;right:40px;top:82px}.map-city{position:absolute;top:48px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:.25em;color:#7b856d}.street{position:absolute;font-size:9px;color:#8f9787}.s1{top:200px;left:90px;transform:rotate(18deg)}.s2{top:100px;right:60px}.route{position:absolute;top:118px;left:24%;width:53%;height:170px;border:2px dashed #ad9469;border-right:0;border-top:0;transform:rotate(15deg);border-radius:0 0 0 40px}.map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px;z-index:1}.map-pin b{width:31px;height:31px;background:var(--ink);border:3px solid #f7f4e9;color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px #28463828;border-radius:50%;font-size:15px}.map-pin span{background:#fffdf4;padding:5px 9px;border-radius:3px;font-size:9px;box-shadow:0 3px 8px #3331}.pin1{left:17%;top:116px}.pin2{right:14%;top:205px}.pin3{left:27%;top:276px}.map-bottom{position:absolute;bottom:0;left:0;right:0;padding:24px;text-align:center;background:#faf8efd9;font-size:15px}.map-bottom small{display:block;font:7px Arial;letter-spacing:.22em;margin-top:8px}.polaroid{position:absolute;bottom:5px;left:0;width:218px;padding:10px 10px 15px;background:#fffdf7;transform:rotate(5deg);box-shadow:0 12px 30px #26362920;z-index:3}.scene{background-image:none;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#c8b9a3}.couple{--scene:url('assets/meet.f96ee520a6.webp')}.home{--scene:url('assets/home.4203deb816.webp')}.coffee{--scene:url('assets/growth.a57852bdab.webp')}.scene.is-loaded,.polaroid .scene{background-image:var(--scene)}.polaroid .scene{height:178px}.polaroid p{font-size:11px;margin:14px 5px 7px}.polaroid small{font-size:8px;color:var(--muted);margin:0 5px}.memory-note{position:absolute;right:-5px;bottom:85px;z-index:4;padding:15px 17px;background:#fffff6ee;border:1px solid #e4e4d5;border-radius:6px;box-shadow:0 8px 24px #2a482817;display:flex;gap:11px;font-size:11px}.memory-note small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.note-dot{width:23px;height:23px;border-radius:50%;background:#e5eada;border:7px solid #ccd7be}.art-number{position:absolute;bottom:-5px;right:0;font-size:9px;color:var(--muted)}.ribbon{background:#edefe4;display:flex;justify-content:center;align-items:center;gap:45px;padding:24px;font-size:11px;color:#73806a}.ribbon i{color:var(--gold);font-style:normal}.section{max-width:1280px;margin:auto;padding:90px 44px;scroll-margin-top:20px}h2{font-size:36px;line-height:1.6}.idea{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-bottom:1px solid var(--line)}.idea h2{margin-top:17px}.idea-copy{font-size:13px;line-height:2.1;padding-top:20px;color:var(--muted)}.idea-copy>p:first-child{color:var(--ink);font-size:17px;margin-bottom:17px}.idea-sign{margin-top:18px;font-size:12px;color:var(--gold)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2{margin-top:14px}.section-head>p{color:var(--muted);font-size:12px;line-height:2}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.story-card{text-align:left;border:0;padding:0;background:transparent}.story-card>.scene{height:310px;position:relative;overflow:hidden;border-radius:110px 110px 4px 4px;transition:transform .25s}.story-card:hover>.scene{transform:translateY(-5px)}.story-card>.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#13221b70)}.story-card>.scene>span{position:absolute;bottom:20px;left:20px;color:#fff;font-size:10px;z-index:1}.story-card>.scene>.round-arrow{left:auto;right:18px;border:1px solid #fffb;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:17px}.story-card h3{font-size:17px;font-weight:500;margin:24px 0 9px}.story-card>p{font-size:11px;line-height:1.8;color:var(--muted)}.sample-note{font-size:10px;color:var(--muted);margin-top:23px}.experience{background:#edf0e6;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:70px 80px;overflow:hidden}.experience h2{margin:17px 0 20px}.experience-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);max-width:400px}.tabs{display:flex;gap:6px;border-bottom:1px solid #cfd8c8;margin:25px 0}.tabs button{padding:12px 18px;border:0;background:transparent;font-size:12px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{border-bottom-color:var(--ink);font-weight:600}.feature-list>div{display:flex;align-items:center;gap:18px;margin:22px 0}.feature-list>div>span{font:12px Georgia;color:var(--gold)}.feature-list b{font-size:12px;font-weight:500}.feature-list small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.experience-copy>.preview-note{font-size:10px!important;padding-top:10px}.digital-art{position:relative;display:flex;justify-content:center;align-items:center}.phone{width:285px;background:#fbf8ee;border:7px solid #fefdf9;border-radius:30px;box-shadow:0 20px 50px #28463826;overflow:hidden;transform:rotate(5deg)}.phone-top{display:flex;justify-content:space-between;padding:15px 14px;font-size:10px}.phone-top>span+span{font-size:8px;color:var(--muted)}.phone-photo{height:224px;position:relative}.phone-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#18261be0)}.phone-photo>div{position:absolute;bottom:20px;left:20px;z-index:1;color:#fff}.phone-photo small{font:8px Arial;letter-spacing:.1em}.phone-photo h3{font-size:23px;font-weight:400;margin:11px 0}.phone-photo p{font-size:9px}.phone-content{padding:22px 19px}.phone-content>p{font-size:12px;line-height:1.9}.mini-place{background:#eaeee2;padding:12px;display:flex;align-items:center;gap:10px;margin:18px 0;font-size:9px}.mini-place>span{font-size:24px;color:var(--gold)}.mini-place small{font-size:8px;display:block;margin-top:5px;color:var(--muted)}.mini-timeline{margin-left:6px;border-left:1px solid #c8cfbf;padding-left:18px}.mini-timeline>div{position:relative;margin:16px 0}.mini-timeline i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);left:-21px;top:4px}.mini-timeline small{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}.mini-timeline b{font-size:10px;font-weight:400}.vertical-label{position:absolute;right:0;top:0;writing-mode:vertical-rl;letter-spacing:.22em;font:9px Arial;color:#7f907a}.floating-note{position:absolute;bottom:25px;left:-20px;display:flex;gap:14px;background:#fffdf3;padding:18px 22px;box-shadow:0 5px 20px #3331;transform:rotate(-5deg);font-size:12px;line-height:1.8}.floating-note>span{color:var(--gold);font-size:26px}.keepsake{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.frame-scene{height:440px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at top left,#f8f1df,#e2dccb);border-radius:6px;overflow:hidden}.frame-scene:before{content:'';position:absolute;inset:-40px;background:repeating-linear-gradient(110deg,transparent 0 100px,#fff4 102px 165px,transparent 169px 230px);filter:blur(10px)}.frame{width:270px;background:#f8f7ed;border:13px solid #ac8555;box-shadow:3px 6px 0 #816642,15px 20px 30px #66563738,inset 0 0 5px #5535;padding:18px;transform:rotate(-6deg);position:relative}.frame-map{height:206px;position:relative;background:#e6e9da;overflow:hidden}.frame-map>b{position:absolute;left:42%;top:45%;background:var(--ink);border:3px solid #fff;color:white;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.frame-map .river{border-right-width:17px}.frame-text{text-align:center;padding-top:24px}.frame-text small{font:7px Arial;letter-spacing:.06em}.frame-text h3{font-size:17px;font-weight:400;margin:10px 0}.frame-text p{font-size:8px;color:var(--muted)}.frame-label{position:absolute;bottom:18px;font-size:9px;color:#7f735f}.keepsake h2{margin:16px 0 24px}.keepsake-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;color:var(--muted);margin:15px 0}.product-status{font-size:10px;color:var(--gold);line-height:1.8;margin-top:25px;display:flex;gap:8px}.product-status>span{width:5px;height:5px;flex-shrink:0;background:var(--gold);border-radius:50%;margin-top:7px}.journey{border-top:1px solid var(--line);padding-top:65px}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.steps article{border-top:1px solid #c6ccbd;padding:25px 20px 10px 0}.steps article>span{font:italic 26px Georgia;color:#b0b99f}.steps h3{font-size:14px;font-weight:500;margin:25px 0 14px}.steps p{font-size:11px;line-height:2;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;border-top:1px solid var(--line);padding-top:60px}.faq h2{margin-top:20px;font-size:30px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{list-style:none;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary span{color:var(--gold);font-size:20px;line-height:1}details[open] summary span{transform:rotate(45deg)}details p{font-size:11px;line-height:2;color:var(--muted);margin-top:18px;max-width:620px}.closing{background:var(--ink);color:#fbf6e9;padding:80px 20px;text-align:center;position:relative;overflow:hidden}.closing .eyebrow{justify-content:center;color:#c5ae84;font-size:9px}.closing h2{font-size:42px;line-height:1.55;margin:24px 0}.closing>p:not(.eyebrow){font-size:12px;color:#c6d0bf}.light{background:#f2ebd9;color:var(--ink);margin-top:30px}.light:hover{background:#e1d5b8}.closing-flower{position:absolute;font-size:280px;color:#ffffff05;right:8%;top:10px;pointer-events:none}footer{max-width:1440px;margin:auto;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand img{width:32px;height:32px}footer .brand>span{font-size:18px}footer p,footer>span{font-size:9px;color:var(--muted)}
@media(min-width:1500px){.hero{min-height:740px}.hero-art{height:550px}.map-paper{height:470px}.polaroid{width:240px}.polaroid .scene{height:200px}}
@media(max-width:1050px){.header{padding:0 4%;gap:18px}.header nav{gap:20px}.nav-cta{display:none}.hero{padding:45px 5%;gap:10px;min-height:610px}.hero-art{height:465px}.map-paper{height:385px}.polaroid{width:170px}.polaroid .scene{height:138px}.memory-note{right:0;bottom:65px;font-size:9px}.hero-foot{gap:9px;font-size:8px}.actions{gap:15px}.button{padding:15px 17px;gap:15px}.ribbon{gap:22px;font-size:10px}.section{padding:70px 5%}.idea{gap:40px}h2{font-size:29px}.story-card>.scene{height:260px}.experience{margin:0 4%;padding:55px 5%;gap:25px}.keepsake{gap:45px}.floating-note{left:-15px;padding:12px}.faq{gap:40px}.hero-copy h1{font-size:42px}}
@media(max-width:700px){html{scroll-padding-top:80px}.header{height:78px;position:relative}.brand img{width:34px;height:34px}.brand>span{font-size:20px}.header nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--bg);padding:25px;z-index:10;box-shadow:0 10px 20px #28463815}.header nav.open{display:flex;flex-direction:column}.menu{display:block;margin-left:auto;border:1px solid #ccd1c2;border-radius:4px;background:transparent;width:40px;height:40px;font-size:18px}.hero{padding:40px 6% 26px;grid-template-columns:1fr;gap:35px}.hero-copy h1{font-size:40px;margin:20px 0}.eyebrow{font-size:10px}.intro{font-size:12px}.actions{flex-wrap:wrap;gap:20px}.hero-foot{margin-top:30px;font-size:9px}.hero-art{height:430px;max-width:460px;width:100%;margin:auto}.map-paper{height:355px;top:26px;width:78%;left:13%;border-radius:130px 130px 4px 4px}.art-caption{left:13%;font-size:8px}.map-bottom{padding:18px;font-size:12px}.pin1{top:96px}.pin2{top:174px;right:9%}.pin3{top:226px;left:28%}.route{height:145px;top:100px}.polaroid{width:165px;bottom:13px}.polaroid .scene{height:136px}.memory-note{bottom:59px;right:0;padding:12px;max-width:204px}.memory-note small{font-size:8px}.ribbon{gap:12px;padding:20px 14px;flex-wrap:wrap;line-height:1.6}.ribbon>span:last-child,.ribbon>i:last-of-type{display:none}.section{padding:55px 6%}h2{font-size:28px;line-height:1.65}.idea{grid-template-columns:1fr;gap:12px}.idea-copy{font-size:12px}.idea-copy>p:first-child{font-size:15px}.section-head{display:block;margin-bottom:27px}.section-head>p{margin-top:15px;font-size:11px}.story-grid{grid-template-columns:1fr;gap:30px}.story-card{display:grid;grid-template-columns:44% 1fr;column-gap:20px;align-items:center}.story-card>.scene{height:180px;border-radius:70px 70px 4px 4px;grid-row:1/3}.story-card h3{font-size:15px;line-height:1.7;margin:0;align-self:end;padding-bottom:8px}.story-card>p{font-size:10px;align-self:start}.story-card>.scene>span{bottom:13px;left:12px;font-size:8px}.story-card>.scene>.round-arrow{right:10px;width:24px;height:24px}.sample-note{font-size:9px;line-height:1.8}.experience{grid-template-columns:1fr;padding:42px 6%;gap:30px;margin:0 3%}.digital-art{min-height:590px}.phone{width:280px}.floating-note{left:0;bottom:28px;font-size:11px}.vertical-label{right:0;font-size:8px}.keepsake{grid-template-columns:1fr;gap:35px}.frame-scene{height:390px}.keepsake-copy>p:not(.eyebrow){font-size:12px}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps h3{margin-top:17px;font-size:13px}.steps p{font-size:10px}.faq{grid-template-columns:1fr;gap:20px}.faq h2{font-size:27px}.closing{padding:65px 6%}.closing h2{font-size:31px}.closing-flower{font-size:210px;right:-10%;top:60px}footer{flex-wrap:wrap;padding:28px 6%;gap:18px}footer p{display:none}footer>span{font-size:8px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}