:root{--ink:#0c0c0d;--paper:#e9e1d6;--wine:#741f2a;--gold:#b89b63;--line:rgba(233,225,214,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;overflow-x:hidden;color:var(--paper);background:var(--ink);font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.section{position:relative;max-width:1440px;margin:auto;padding:clamp(84px,12vw,170px) clamp(24px,6vw,88px)}.eyebrow,.section-index{margin:0;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.2em;line-height:1.4}h1,h2{font-family:Georgia,"Times New Roman","Songti SC",serif;font-weight:400;letter-spacing:-.075em;line-height:.86}h1{margin:0 0 32px;font-size:clamp(74px,12vw,188px)}h2{margin:0 0 30px;font-size:clamp(55px,8vw,116px)}em{color:var(--wine);font-style:italic;letter-spacing:-.1em}.title-chinese{display:block;margin:0 0 .08em .04em;color:var(--gold);font-family:"Songti SC","STSong",SimSun,serif;font-size:.28em;font-weight:600;letter-spacing:.14em;line-height:1;text-shadow:1px 1px 0 rgba(116,31,42,.8)}.site-header{position:absolute;z-index:10;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:24px clamp(24px,4vw,58px)}.monogram{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:Georgia,serif;font-size:20px;transition:.3s}.monogram:hover{background:var(--paper);color:var(--ink)}nav{display:flex;gap:26px}nav a{font-size:10px;font-weight:700;letter-spacing:.13em}nav a:hover{color:var(--gold)}nav span{margin-right:7px;color:var(--gold)}.opening{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow:hidden;background:#0a090a;transition:opacity .65s,visibility .65s}.opening.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.opening .eyebrow{position:absolute;top:clamp(32px,6vw,80px)}.opening-name{z-index:2;margin:0;color:#eee7de;font-family:Georgia,serif;font-size:clamp(76px,21vw,330px);letter-spacing:-.13em;line-height:.7;mix-blend-mode:screen}.opening-flower{position:absolute;width:min(65vw,700px);aspect-ratio:1;animation:breathe 8s ease-in-out infinite}.opening-flower i{position:absolute;top:10%;left:45%;width:16%;height:49%;border-radius:100% 0 100% 0;transform:rotate(calc(var(--n,0)*36deg));transform-origin:20% 82%;background:linear-gradient(135deg,#3d0d17,#9a3440 75%,#dfb7ae);box-shadow:0 0 28px rgba(116,31,42,.45);opacity:.8}.opening-flower i:nth-child(1){--n:0}.opening-flower i:nth-child(2){--n:1}.opening-flower i:nth-child(3){--n:2}.opening-flower i:nth-child(4){--n:3}.opening-flower i:nth-child(5){--n:4}.opening-flower i:nth-child(6){--n:5}.opening-flower i:nth-child(7){--n:6}.opening-flower i:nth-child(8){--n:7}.opening-flower i:nth-child(9){--n:8}.opening-flower i:nth-child(10){--n:9}.opening-flower b{position:absolute;top:43%;left:43%;width:14%;aspect-ratio:1;border-radius:50%;background:#c49e55;box-shadow:0 0 55px 14px rgba(196,158,85,.22)}@keyframes breathe{50%{transform:rotate(11deg) scale(1.1)}}.seal{position:absolute;bottom:clamp(38px,8vw,94px);z-index:3;width:132px;aspect-ratio:1;border:1px solid rgba(184,155,99,.78);border-radius:50%;background:rgba(12,12,13,.3);color:var(--gold);font-size:9px;font-weight:bold;letter-spacing:.14em;transition:.35s}.seal:hover{transform:scale(1.09) rotate(-6deg);background:var(--wine)}.hero{display:grid;min-height:100svh;grid-template-columns:1.06fr .94fr;align-items:center;gap:20px;padding-top:130px}.hero-copy{position:relative;z-index:2}.hero-intro{max-width:430px;margin:0 0 34px;color:rgba(233,225,214,.75);font-size:15px;line-height:1.75}.magnetic-button{display:inline-block;min-width:230px;border:1px solid var(--paper);padding:16px 18px;background:var(--paper);color:var(--ink);font-size:10px;font-weight:bold;letter-spacing:.12em;text-align:left;transition:.25s}.magnetic-button:hover{background:var(--wine);color:var(--paper)}.magnetic-button span{float:right;color:var(--wine);font-size:15px;line-height:8px}.magnetic-button:hover span{color:var(--paper)}.magnetic-button.light{background:transparent;color:var(--paper)}.hero-art{position:relative;min-height:580px;height:min(70vw,760px)}.hero-photo{position:absolute;inset:5% 10% 5% 8%;overflow:hidden;border-radius:50% 50% 3px 3px;background:#302324}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:saturate(.78) contrast(1.05) brightness(.78);transition:1s}.hero-art:hover .hero-photo img{transform:scale(1.06);filter:saturate(1) brightness(.9)}.photo-stamp{position:absolute;right:0;bottom:13%;padding:9px;border:1px solid var(--line);background:rgba(12,12,13,.65);color:var(--gold);font-size:8px;letter-spacing:.13em;line-height:1.6}.vertical-copy{position:absolute;top:13%;right:-10px;margin:0;writing-mode:vertical-rl;font-size:9px;font-weight:bold;letter-spacing:.18em}.leo-mark{position:absolute;z-index:3;left:-3%;bottom:9%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(184,155,99,.55);background:rgba(12,12,13,.62);color:var(--gold)}.leo-mark b{font:700 9px/1.45 Arial;letter-spacing:.14em}.leo-mark span{color:var(--paper);font-size:12px;letter-spacing:3px;line-height:1.45}.petal{position:absolute;width:74px;height:136px;border-radius:90% 0 90% 0;background:linear-gradient(150deg,#310c13,#a53041);filter:drop-shadow(0 10px 25px rgba(0,0,0,.45));animation:float 5s ease-in-out infinite}.one{left:0;bottom:15%;transform:rotate(-49deg)}.two{right:9%;top:2%;width:50px;height:90px;transform:rotate(40deg);animation-delay:-2s}.three{right:25%;bottom:0;width:43px;height:78px;transform:rotate(100deg);animation-delay:-3s}@keyframes float{50%{translate:0 -16px;rotate:5deg}}.dossier{display:grid;grid-template-columns:.8fr 1.4fr 1.1fr;gap:clamp(30px,7vw,100px);align-items:start;border-top:1px solid var(--line)}.dossier-lede,.section-heading>p:last-child,.letter-side>p:not(.section-index){max-width:400px;color:rgba(233,225,214,.7);font-size:15px;line-height:1.7}dl{margin:0;border-top:1px solid var(--line)}dl div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}dt{color:var(--gold);font-size:9px;font-weight:bold;letter-spacing:.14em}dd{margin:0;font-size:13px;line-height:1.4}.moments{border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:.7fr 1.2fr 1fr;gap:30px;align-items:start;margin-bottom:72px}.section-heading h2{margin:0}.memory-wall{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:14px}.memory-card{position:relative;min-height:230px;overflow:hidden;border:1px solid rgba(233,225,214,.15);background:#222;color:var(--paper);text-align:left;transition:.5s}.memory-card:hover{z-index:2;transform:scale(1.04) rotate(-1deg)}.memory-card:nth-child(1){grid-column:span 5;min-height:410px}.memory-card:nth-child(2){grid-column:span 3}.memory-card:nth-child(3){grid-column:span 4}.memory-card:nth-child(4){grid-column:span 4}.memory-card:nth-child(5){grid-column:span 5;min-height:360px}.memory-card:nth-child(6){grid-column:span 3}.memory-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06) brightness(.72);transition:.8s}.memory-card:hover img{transform:scale(1.08);filter:saturate(.95) brightness(.86)}.memory-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,13,.2),transparent 45%,rgba(12,12,13,.78))}.memory-card span,.memory-card strong,.memory-card b{position:absolute;z-index:1;text-shadow:0 1px 7px #000}.memory-card span{left:14px;top:13px;color:var(--gold);font:700 10px Arial;letter-spacing:.14em}.memory-card strong{bottom:14px;left:14px;right:14px;font-size:9px;letter-spacing:.11em}.memory-card b{right:14px;top:9px;font:24px Georgia}.quote-strip{display:flex;align-items:center;justify-content:center;gap:18px;padding:26px;background:var(--wine);text-align:center}.quote-strip p{margin:0;font:italic clamp(15px,2.4vw,28px)/1.2 Georgia;letter-spacing:-.03em}.quote-strip span{color:var(--gold)}.letter{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,10vw,170px);align-items:center}.letter-paper{min-height:500px;padding:clamp(28px,6vw,72px);background:var(--paper);color:#222;box-shadow:18px 20px 0 rgba(116,31,42,.48);transform:perspective(1000px) rotateY(-10deg);transition:.8s}.letter-paper.is-open{transform:perspective(1000px) rotateY(0);box-shadow:8px 10px 0 rgba(116,31,42,.35)}.paper-mark{display:block;margin-bottom:65px;color:var(--wine);font-size:9px;font-weight:bold;letter-spacing:.18em}.letter-paper>p:first-of-type{font:italic 28px Georgia}.letter-message{opacity:.12;transform:translateY(18px);transition:.7s;font:16px/1.8 Georgia}.is-open .letter-message{opacity:1;transform:translateY(0)}.signature{margin-top:44px;font:italic 18px/1.4 Georgia}footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(24px,6vw,88px);border-top:1px solid var(--line);color:var(--gold);font-size:9px;font-weight:bold;letter-spacing:.15em}footer p{margin:0}footer a{color:var(--paper)}.modal{position:fixed;z-index:50;inset:0;display:none;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,7vw,100px);padding:clamp(80px,10vw,140px);background:rgba(12,12,13,.97)}.modal.is-open{display:grid}.modal img{width:100%;height:min(62vh,660px);object-fit:cover}.modal h2{font-size:clamp(45px,7vw,100px)}.modal div>p:not(.eyebrow){max-width:360px;font:18px/1.7 Georgia}.modal small{display:block;margin-top:50px;color:var(--gold);font-size:10px;line-height:1.7;letter-spacing:.08em}.modal-close{position:absolute;top:24px;right:clamp(24px,5vw,70px);border:0;background:none;color:var(--paper);font:48px/1 Georgia}@media(max-width:800px){.site-header{padding:18px 20px}nav{gap:12px}nav a{font-size:8px}.hero{grid-template-columns:1fr;padding-top:120px}.hero-art{min-height:450px;height:80vw;order:-1}.hero-copy{padding-top:20px}.dossier,.section-heading,.letter{grid-template-columns:1fr;gap:28px}.memory-wall{grid-template-columns:repeat(2,1fr);gap:9px}.memory-card:nth-child(n){grid-column:span 1;min-height:210px}.memory-card:nth-child(1),.memory-card:nth-child(5){grid-column:span 2;min-height:300px}.quote-strip{padding:22px 15px}.letter-paper{min-height:440px}.modal{grid-template-columns:1fr;padding:82px 24px 30px;overflow:auto}.modal img{height:300px}.modal h2{font-size:56px}footer{flex-direction:column;padding:22px 24px}.opening-name{font-size:27vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}