:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f4f3ef;--ink:#171717;--muted:#65625e;--line:#171717d6;--red:#b43b32;background:#f4f3ef;font-family:Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}body,button,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;display:block}.opening-gate{z-index:20;background:var(--paper);min-height:100svh;color:var(--ink);place-items:center;padding:clamp(24px,4vw,48px);display:grid;position:fixed;inset:0;overflow:hidden}.opening-gate:before{content:"";pointer-events:none;border:1px solid #17171729;position:absolute;inset:18px}.opening-gate__eyebrow,.opening-gate__date{z-index:1;letter-spacing:.13em;font:600 .7rem/1.4 Courier New,monospace;position:absolute}.opening-gate__eyebrow{top:clamp(34px,5vw,64px);left:clamp(34px,5vw,64px)}.opening-gate__date{color:var(--red);bottom:clamp(34px,5vw,64px);right:clamp(34px,5vw,64px)}.opening-gate__center{flex-direction:column;align-items:center;gap:30px;width:100%;padding:72px 0;display:flex;position:relative}.opening-gate__intro{letter-spacing:.08em;text-align:center;margin:0;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(1.25rem,2vw,1.7rem)}.envelope{aspect-ratio:34/23;width:min(340px,82vw);color:inherit;cursor:pointer;perspective:900px;filter:drop-shadow(0 22px 24px #241c1729);background:0 0;border:0;padding:0;position:relative}.envelope:focus-visible{outline:3px solid var(--red);outline-offset:7px}.envelope:disabled{cursor:default}.envelope__back{background:#e2dcd0;border:1px solid #1717174d;position:absolute;inset:0}.envelope__letter{z-index:2;text-align:center;background:linear-gradient(160deg,#fffdfa,#ebe6db);border:1px solid #1717172e;flex-direction:column;justify-content:space-between;align-items:center;width:84%;height:76%;padding:19px 15px;display:flex;position:absolute;top:11%;left:8%;box-shadow:0 2px 6px #241c171a}.envelope__letter span{letter-spacing:.11em;font:600 .54rem Courier New,monospace}.envelope__letter strong{letter-spacing:.02em;font-family:Songti SC,STSong,serif;font-size:clamp(1.2rem,3.6vw,1.6rem);font-weight:500}.envelope__letter small{color:var(--red);font:700 .8rem Courier New,monospace}.envelope__flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 63%);transform-origin:50% 0;backface-visibility:visible;background:linear-gradient(160deg,#f7f3eb,#d9d1c4);border-top:1px solid #17171740;position:absolute;inset:0}.envelope__front{z-index:3;clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);background:linear-gradient(150deg,#e9e3d8 0%,#f6f1e8 50%,#ddd5c9 100%);border:1px solid #17171733;position:absolute;inset:0}.envelope__front:after{content:"";background:linear-gradient(35deg,#0000 49.7%,#1717172e 50%,#0000 50.3%) 0 100%/50% 100% no-repeat,linear-gradient(-35deg,#0000 49.7%,#1717172e 50%,#0000 50.3%) 100% 100%/50% 100% no-repeat;position:absolute;inset:0}.envelope__seal{z-index:5;background:var(--red);color:#fff9f2;border-radius:50%;place-items:center;width:54px;height:54px;font-family:Songti SC,STSong,serif;font-size:1.5rem;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #ffffff2e,0 4px 7px #471e1933}.opening-gate__button{border:1px solid var(--ink);min-height:46px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:9px 20px;font-size:.86rem;transition:background .18s,color .18s,transform .18s;display:inline-flex}.opening-gate__button:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.opening-gate__button:focus-visible{outline:3px solid var(--red);outline-offset:5px}.opening-gate__button:disabled{cursor:default}.opening-gate--opening{animation:1.1s ease-in-out both gate-away}.opening-gate--opening .opening-gate__button{animation:.18s ease-out both control-away}.opening-gate--opening .envelope__seal{animation:.28s ease-out both seal-away}.opening-gate--opening .envelope__flap{animation:.52s cubic-bezier(.32,.02,.3,1) .14s both flap-open}.opening-gate--opening .envelope__letter{animation:.64s cubic-bezier(.2,.7,.18,1) .33s both letter-rise}.invitation--opened .hero{animation:.5s ease-out both hero-after}.invitation{background:var(--paper);min-height:100vh;color:var(--ink);overflow:clip}.site-header{border-bottom:1px solid var(--line);letter-spacing:.13em;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:64px;padding:14px clamp(18px,3.2vw,52px);font:600 .72rem/1.2 Courier New,monospace;display:grid}.site-header>span:nth-child(2){color:var(--red)}.music-control{justify-self:end}.music-control button{border:1px solid var(--ink);min-height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.75rem;transition:background .18s,color .18s;display:inline-flex}.music-control button:hover,.music-control button:focus-visible{background:var(--ink);color:var(--paper);outline:none}.music-control button:disabled{cursor:not-allowed;opacity:.55}.hero{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(225px,.78fr) minmax(420px,1.55fr) minmax(150px,.55fr);min-height:calc(100svh - 64px);display:grid}.hero__index{border-right:1px solid var(--line);writing-mode:vertical-rl;letter-spacing:.12em;justify-content:center;padding:26px 0;font:600 .68rem Courier New,monospace;display:flex}.hero__names{letter-spacing:-.05em;flex-direction:column;justify-content:center;gap:.12em;margin:0;padding:clamp(36px,4vw,64px) clamp(24px,4vw,64px);font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(2.3rem,3.3vw,3.7rem);font-weight:500;line-height:1.02;display:flex}.hero__names i{color:var(--red);letter-spacing:0;margin:.15em 0 .14em .08em;font:italic 400 .36em/1 Georgia,serif}.hero__photo{border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;gap:10px;min-width:0;margin:0;padding:22px;display:flex}.hero__photo img{object-fit:cover;object-position:50% center;flex:1;width:100%;min-height:530px;animation:.9s cubic-bezier(.2,.7,.2,1) both photo-in}.hero__photo figcaption{letter-spacing:.12em;font:600 .63rem Courier New,monospace}.hero__message{flex-direction:column;justify-content:space-between;gap:32px;padding:38px 24px 26px;display:flex}.hero__message p{max-width:180px;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.55}.hero__message>span{color:var(--red);letter-spacing:-.06em;margin-top:auto;font:700 clamp(1.1rem,1.8vw,1.5rem) Courier New,monospace}.hero__message a{align-items:center;gap:8px;width:fit-content;font-size:.78rem;text-decoration:none;display:inline-flex}.details{padding:clamp(90px,11vw,158px) clamp(22px,7vw,112px)}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:26px;display:flex}.section-heading>span,.gallery header>span{letter-spacing:.14em;font:600 .7rem Courier New,monospace}.section-heading h2,.gallery h2{letter-spacing:-.08em;text-align:right;margin:0;font-family:Songti SC,STSong,serif;font-size:clamp(3.25rem,6vw,6.6rem);font-weight:700;line-height:.93}.details__grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.details__grid article{border-right:1px solid var(--line);flex-direction:column;gap:15px;min-height:270px;padding:28px 28px 24px 0;display:flex}.details__grid article+article{padding-left:28px}.details__grid article:last-child{border-right:0}.label{letter-spacing:.13em;font:600 .68rem Courier New,monospace}.details__grid strong{letter-spacing:-.06em;max-width:430px;font-family:Songti SC,STSong,serif;font-size:clamp(1.8rem,3.1vw,3.2rem);font-weight:700;line-height:1.08}.details__grid strong.accent{color:var(--red);letter-spacing:-.1em;font-family:Courier New,monospace}.details__grid p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.65}.details__grid a{width:fit-content;color:var(--red);align-items:center;gap:7px;margin-top:auto;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.details__grid a:hover,.details__grid a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline}.countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.countdown__unit{flex-direction:column;gap:8px;display:flex}.countdown__unit strong{color:var(--ink);letter-spacing:-.09em;font:700 clamp(1.45rem,2.7vw,2.8rem)/1 Courier New,monospace}.countdown__unit span{color:var(--muted);font-size:.72rem}.gallery{background:var(--ink);color:var(--paper);padding:clamp(80px,10vw,140px) clamp(22px,5vw,76px)}.gallery header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:48px;display:flex}.gallery header>span{color:#d7d3cc}.gallery h2{color:var(--paper)}.gallery__grid{grid-template-columns:.95fr 1.1fr .95fr;align-items:end;gap:clamp(12px,2.3vw,34px);display:grid}.gallery__grid figure{margin:0;position:relative}.gallery__grid figure:nth-child(2){transform:translateY(46px)}.gallery__grid img{object-fit:cover;width:100%;height:min(58vw,710px)}.gallery__grid figure:first-child img{object-position:50% 44%}.gallery__grid figure:nth-child(2) img{object-position:50% 45%}.gallery__grid figure:nth-child(3) img{object-position:50% 38%}.gallery__grid figcaption{background:var(--red);color:#fff;padding:4px 6px;font:700 .65rem Courier New,monospace;position:absolute;bottom:10px;right:12px}.closing{color:#fff;place-items:center;min-height:86svh;display:grid;position:relative;overflow:hidden}.closing>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.closing__overlay{background:linear-gradient(90deg,#100c0bb3,#100c0b1f 64%,#100c0b57);position:absolute;inset:0}.closing__copy{z-index:1;width:min(100% - 44px,1180px);position:relative}.closing__copy>span{letter-spacing:.14em;font:600 .7rem Courier New,monospace}.closing__copy h2{letter-spacing:-.08em;max-width:800px;margin:18px 0 24px;font-family:Songti SC,STSong,serif;font-size:clamp(4rem,9vw,9.5rem);line-height:.9}.closing__copy p{max-width:420px;margin:0 0 48px;font-family:Songti SC,STSong,serif;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.65}.closing__copy strong{color:#e8bbb6;font-family:Songti SC,STSong,serif;font-size:clamp(1.1rem,1.9vw,1.7rem);font-weight:500}.site-footer{border-top:1px solid var(--line);letter-spacing:.08em;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;min-height:96px;padding:22px clamp(18px,3.2vw,52px);font:600 .67rem/1.45 Courier New,monospace;display:grid}.site-footer a{color:var(--muted);text-align:center;text-decoration:none}.site-footer>span:last-child{color:var(--red);justify-self:end}@keyframes photo-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes gate-away{0%,74%{opacity:1}to{opacity:0}}@keyframes control-away{to{opacity:0;transform:translateY(8px)}}@keyframes seal-away{to{opacity:0;transform:translate(-50%,-50%)scale(.82)}}@keyframes flap-open{to{z-index:1;transform:rotateX(180deg)}}@keyframes letter-rise{0%,20%{z-index:2}21%,to{z-index:6}to{transform:translateY(-43%)scale(1.04)}}@keyframes hero-after{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=940px){.hero{grid-template-rows:auto auto;grid-template-columns:42px .8fr 1.2fr}.hero__index{grid-row:1/3}.hero__names{min-height:360px}.hero__photo{grid-area:1/3/3}.hero__message{border-top:1px solid var(--line);grid-area:2/2;min-height:240px}.hero__photo img{min-height:720px}.details__grid{grid-template-columns:1fr 1fr}.details__grid article:nth-child(2){border-right:0}.details__grid article:last-child{border-top:1px solid var(--line);grid-column:1/-1;padding-left:0}.gallery__grid img{height:68vw}}@media (width<=680px){.opening-gate{padding:22px}.opening-gate:before{inset:10px}.opening-gate__eyebrow{font-size:.57rem;top:28px;left:26px}.opening-gate__date{font-size:.6rem;bottom:28px;right:26px}.opening-gate__center{gap:26px;padding:58px 0}.opening-gate__intro{max-width:17em;font-size:1.17rem}.envelope__letter{padding:14px 10px}.envelope__letter span{font-size:.45rem}.envelope__letter small{font-size:.68rem}.envelope__seal{width:45px;height:45px;font-size:1.25rem}.site-header{grid-template-columns:1fr auto;gap:12px;min-height:58px}.site-header>span:nth-child(2),.music-control button span{display:none}.music-control button{justify-content:center;width:36px;padding:8px}.hero{grid-template-rows:auto auto auto;grid-template-columns:34px 1fr}.hero__index{grid-row:1/4;font-size:.61rem}.hero__names{min-height:280px;padding:34px 20px;font-size:clamp(2.35rem,9vw,3.2rem);line-height:1.02}.hero__photo{border-top:1px solid var(--line);border-right:0;grid-area:2/2;padding:12px}.hero__photo img{height:60vw;min-height:0}.hero__photo figcaption{line-height:1.5}.hero__message{grid-area:3/2;min-height:250px;padding:28px 20px}.hero__message p{max-width:250px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading h2,.gallery h2{align-self:flex-end;font-size:clamp(3rem,15vw,5rem)}.details__grid{grid-template-columns:1fr}.details__grid article,.details__grid article+article,.details__grid article:last-child{border-top:0;border-right:0;border-bottom:1px solid var(--line);grid-column:auto;min-height:0;padding:26px 0}.details__grid article:last-child{border-bottom:0}.gallery{padding-bottom:100px}.gallery header{flex-direction:column;align-items:flex-start}.gallery h2{align-self:flex-end}.gallery__grid{grid-template-columns:1fr 1fr;align-items:start}.gallery__grid figure:first-child{grid-row:span 2}.gallery__grid figure:nth-child(2){transform:none}.gallery__grid img{height:64vw}.gallery__grid figure:first-child img{height:calc(128vw + 12px)}.closing{min-height:78svh}.closing__copy h2{font-size:clamp(4rem,20vw,6rem)}.site-footer{text-align:center;grid-template-columns:1fr}.site-footer>span:last-child{justify-self:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.opening-gate--opening{animation-duration:80ms!important}.opening-gate--opening .envelope__flap,.opening-gate--opening .envelope__letter,.opening-gate--opening .envelope__seal{animation:none!important}}