:root{--paper:#f2efec;--paper-light:#faf7f4;--paper-deep:#d9d1cb;--lotus:#c38d98;--lotus-soft:#dfc5ca;--lilac:#c1acc6;--red:#a43d49;--oxblood:#7e303a;--plum:#30252a;--brown:#554640;--muted:#766863;--line:#55464033;--line-strong:#5546407a;--serif:"Iowan Old Style", "Baskerville", "Songti SC", "STSong", "Times New Roman", serif;--sans:"Avenir Next", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--utility:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}*,:before,:after{box-sizing:border-box}body:before{z-index:500;opacity:.045;mix-blend-mode:multiply;display:none}[data-reveal]{animation:none!important}.site-shell{background:var(--paper)}.site-nav{z-index:120;min-height:3.5rem;color:var(--plum);-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);background:#f4efedad;border:1px solid #ffffff6b;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;padding:.45rem .55rem .45rem 1rem;transition:opacity .32s,visibility .32s,transform .42s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;top:1rem;left:1.25rem;right:1.25rem;box-shadow:0 12px 34px #39282e1f}.site-shell.is-opening .site-nav{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-1rem)}.site-nav__brand{width:max-content;color:inherit;align-items:baseline;gap:.7rem;text-decoration:none;display:inline-flex}.site-nav__brand span{font-family:var(--serif);letter-spacing:.08em;font-size:.98rem}.site-nav__brand small,.site-nav__links,.sound-toggle{font-family:var(--utility);letter-spacing:.12em;text-transform:uppercase;font-size:.59rem}.sound-toggle:disabled{display:none}.site-nav__brand small{color:var(--muted)}.site-nav__links{gap:1.7rem;display:flex}.site-nav__links a{color:inherit;text-decoration:none;position:relative}.site-nav__links a:after{background:var(--red);content:"";transform-origin:100%;height:1px;transition:transform .16s;position:absolute;bottom:-.3rem;left:0;right:0;transform:scaleX(0)}.site-nav__links a:hover:after,.site-nav__links a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.sound-toggle{cursor:pointer;background:#ffffff94;border:0;border-radius:999px;justify-self:end;align-items:center;gap:.55rem;padding:.72rem .95rem;display:inline-flex}.sound-toggle:disabled{cursor:default;opacity:.58}.sound-toggle__disc{border:1px solid;border-radius:50%;width:.65rem;height:.65rem;position:relative}.sound-toggle__disc:after{background:var(--red);content:"";border-radius:50%;position:absolute;inset:.18rem}.story-opening{z-index:20;background:#f7f0ee;min-height:100dvh;position:relative}.story-opening__color-filters{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.story-opening__stage{background-color:#f7f0ee;background-image:radial-gradient(58% 66% at 94% 3%,#e1acb76b,#0000 77%),radial-gradient(54% 58% at 4% 98%,#cfbedb61,#0000 76%),linear-gradient(125deg,#f7f1f4 0%,#fdf9f7 47%,#f8ebec 100%);width:100%;min-height:100dvh;position:relative;overflow:hidden}.story-opening__record-scene,.story-opening__frame,.story-opening__frame img,.story-opening__record-base,.story-opening__grooves,.story-opening__couple-motion,.story-opening__couple{width:100%;height:100%;position:absolute;inset:0}.story-opening__record-scene{z-index:1;will-change:transform, opacity;overflow:hidden}.story-opening__artwork{width:100%;height:100%;position:absolute;inset:0}.story-opening__frame img,.story-opening__record-base{object-fit:cover;object-position:center}.story-opening__grooves{z-index:2;pointer-events:none}.story-opening__playing-groove{fill:none;stroke:#a62d39e0;stroke-width:2.2px;stroke-dasharray:190 810;stroke-dashoffset:0;opacity:0;vector-effect:non-scaling-stroke}.story-opening__couple{object-fit:contain;pointer-events:none;transform-origin:50% 88%;will-change:transform;transform:translate(14%,-25%)scale(.53)}.story-opening__couple-motion{z-index:3;pointer-events:none;will-change:transform}.story-opening__notes{z-index:5;color:#554640e0;pointer-events:none;width:12rem;height:8rem;position:absolute;top:11.5%;left:60.5%}.story-opening__note{font-family:var(--serif);opacity:.36;will-change:transform, opacity;font-size:clamp(1rem,1.5vw,1.55rem);position:absolute}.story-opening__note:first-child{top:42%;left:4%}.story-opening__note:nth-child(2){top:10%;left:34%}.story-opening__note:nth-child(3){top:24%;left:59%}.story-opening__note:nth-child(4){top:0;left:84%}.story-opening__note--heart{color:#ad2432;font-family:var(--sans);font-size:clamp(.75rem,1vw,1rem)}.story-opening__needle{z-index:7;aspect-ratio:1.5;cursor:pointer;background:0 0;border:0;width:min(31vw,38rem);padding:0;display:block;position:absolute;top:45%;right:5%}.story-opening__needle:disabled{cursor:wait}.story-opening__tonearm-base,.story-opening__tonearm-moving,.story-opening__tonearm-arm{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.story-opening__tonearm-base,.story-opening__tonearm-arm{object-fit:contain}.story-opening__tonearm-base{z-index:1}.story-opening__tonearm-moving{z-index:2;pointer-events:none;transform-origin:83.5% 40%;will-change:transform;transform:rotate(6deg)}.story-opening__needle-focus{aspect-ratio:1;opacity:0;pointer-events:none;border:1px solid #a43d498f;border-radius:50%;width:1.25rem;transition:opacity .18s,transform .26s cubic-bezier(.16,1,.3,1);position:absolute;top:84%;left:24%;transform:translate(-50%,-50%)scale(.7)}.story-opening__needle-focus:after{content:"";background:#a43d4999;border-radius:50%;position:absolute;inset:.28rem}.story-opening__needle:hover .story-opening__needle-focus,.story-opening__needle:focus-visible .story-opening__needle-focus{opacity:1;transform:translate(-50%,-50%)scale(1)}.story-opening__needle:focus-visible{outline-offset:.25rem;outline:1px solid #a43d49b8}.story-opening__prompt{z-index:8;color:var(--plum);pointer-events:none;gap:.55rem;display:grid;position:absolute;top:47%;left:clamp(1.5rem,8vw,8.5rem)}.story-opening__prompt:before{background:var(--red);content:"";width:2.8rem;height:1px;margin-bottom:.3rem}.story-opening__prompt span{font-family:var(--serif);letter-spacing:.08em;font-size:clamp(1.15rem,2vw,2rem)}.story-opening__prompt small,.story-opening__scroll-hint{color:var(--muted);font-family:var(--utility);letter-spacing:.16em;font-size:.58rem}.story-opening__scroll-hint{z-index:9;text-align:center;gap:.45rem;margin:0;display:grid;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.story-opening__scroll-hint span{color:var(--red);font-size:.5rem}.story-opening__frame{z-index:10;visibility:hidden;opacity:0;pointer-events:none;will-change:opacity, transform, filter, -webkit-mask-image, mask-image;margin:0}.story-opening__frame--hands{--opening-reveal:-18%;z-index:11;-webkit-mask-image:radial-gradient(ellipse 74% 64% at 50% 52%, #000 0%, #000 var(--opening-reveal), #000000b8 calc(var(--opening-reveal) + 7%), transparent calc(var(--opening-reveal) + 18%));-webkit-mask-image:radial-gradient(ellipse 74% 64% at 50% 52%, #000 0%, #000 var(--opening-reveal), #000000b8 calc(var(--opening-reveal) + 7%), transparent calc(var(--opening-reveal) + 18%));mask-image:radial-gradient(ellipse 74% 64% at 50% 52%, #000 0%, #000 var(--opening-reveal), #000000b8 calc(var(--opening-reveal) + 7%), transparent calc(var(--opening-reveal) + 18%))}.story-opening__frame--thread{--opening-reveal:-14%;z-index:12;-webkit-mask-image:linear-gradient(90deg, #000 0%, #000 var(--opening-reveal), #000000b3 calc(var(--opening-reveal) + 6%), transparent calc(var(--opening-reveal) + 14%));-webkit-mask-image:linear-gradient(90deg, #000 0%, #000 var(--opening-reveal), #000000b3 calc(var(--opening-reveal) + 6%), transparent calc(var(--opening-reveal) + 14%));mask-image:linear-gradient(90deg, #000 0%, #000 var(--opening-reveal), #000000b3 calc(var(--opening-reveal) + 6%), transparent calc(var(--opening-reveal) + 14%))}.story-opening__frame--photo-develop{z-index:14}.story-opening__frame--photo-develop>.story-opening__develop-desktop{filter:url(#opening-cool-paper)saturate(.92)brightness(.995)}.story-opening__develop-mobile{display:none}.story-opening__frame--photo{z-index:15;will-change:opacity, transform;overflow:hidden}.story-opening__frame--photo img{object-position:52% 38%}.story-opening__transition-washes{z-index:13;pointer-events:none;position:absolute;inset:0;overflow:hidden}.story-opening__wash{aspect-ratio:1.35;opacity:0;filter:blur(clamp(2.8rem,6vw,6.5rem));mix-blend-mode:multiply;will-change:transform, opacity;border-radius:46% 54% 62% 38%/58% 42%;width:68vmax;position:absolute}.story-opening__wash--rose{background:radial-gradient(#cd899770 0%,#e1acb73d 52%,#0000 78%);top:-28%;right:-25%}.story-opening__wash--lilac{background:radial-gradient(#b19bc166 0%,#cfbedb38 52%,#0000 78%);bottom:-34%;left:-28%}.hero{isolation:isolate;color:#fffaf6;background:#756266;min-height:100svh;position:relative;overflow:hidden}.hero__scenes,.hero-scene,.hero-scene img,.hero__shade{position:absolute;inset:0}.hero__scenes{z-index:-3}.hero-scene{visibility:hidden;opacity:0;will-change:opacity, transform;margin:0;transform:scale(1.018)}.hero-scene.is-active{visibility:visible;opacity:1}.hero-scene img{object-fit:cover;filter:saturate(.84)contrast(.97)sepia(.04);width:100%;height:100%}.hero__shade{z-index:-2;background:linear-gradient(90deg,#22171cb3 0%,#2d1c2361 32%,#2d1c230d 68%),linear-gradient(#1e13183d 0%,#1e131808 53%,#1e1318ad 100%)}.hero__masthead{font-family:var(--utility);letter-spacing:.2em;border-bottom:1px solid #ffffff5c;justify-content:space-between;align-items:center;font-size:.62rem;display:flex;position:absolute;top:6.2rem;left:2.5rem;right:2.5rem}.hero__masthead p{font-family:var(--serif);letter-spacing:.12em;margin-bottom:.75rem;font-size:.9rem}.hero__masthead span{margin-bottom:.75rem}.hero__title-lockup{max-width:48rem;position:absolute;bottom:10.4rem;left:clamp(1.5rem,5vw,5rem)}.hero__title-lockup>p{font-family:var(--serif);letter-spacing:.32em;margin-bottom:.55rem;font-size:clamp(1.1rem,1.6vw,1.55rem)}.hero__title-lockup h1{letter-spacing:-.075em;text-shadow:0 8px 30px #190f1433;margin:0;font-size:clamp(5.2rem,10.5vw,10.8rem);font-weight:400;line-height:.7}.hero__title-lockup>span{font-family:var(--utility);letter-spacing:.22em;margin-top:1.25rem;font-size:.66rem;display:block}.hero__scene-copy{text-shadow:0 2px 18px #180e1347;background:linear-gradient(90deg,#281b217a,#281b2114);border-left:1px solid #ffffff73;width:min(24rem,29vw);padding:1rem 1.25rem;position:absolute;bottom:10.4rem;right:clamp(1.5rem,5vw,5rem)}.hero__scene-period{font-family:var(--utility);letter-spacing:.2em;margin-bottom:.4rem;font-size:.65rem}.hero__scene-copy h2{margin-bottom:.7rem;font-size:clamp(2.5rem,4vw,4.8rem);line-height:.95}.hero__scene-copy>p:not(.hero__scene-period){max-width:23rem;margin-bottom:.8rem;font-size:clamp(.82rem,1vw,.95rem);line-height:1.7}.hero__scene-copy button{color:inherit;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 .25rem;font-size:.72rem}.hero__switcher{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#26181e33;border:1px solid #ffffff3d;grid-template-columns:repeat(4,1fr);padding:.4rem;display:grid;position:absolute;bottom:2.5rem;left:clamp(1.5rem,5vw,5rem);right:clamp(1.5rem,5vw,5rem)}.hero__switcher button{color:#fffaf6a6;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff2e;align-items:center;gap:.7rem;min-height:3.5rem;padding:.65rem 1rem;transition:color .18s,background .18s;display:flex;position:relative}.hero__switcher button:last-child{border-right:0}.hero__switcher button:after{background:var(--red);content:"";transform-origin:0;height:2px;transition:transform .26s;position:absolute;bottom:.35rem;left:.8rem;right:.8rem;transform:scaleX(0)}.hero__switcher button.is-active{color:#fffaf6;background:#ffffff14}.hero__switcher button.is-active:after{transform:scaleX(1)}.hero__switcher span{font-family:var(--utility);letter-spacing:.08em;font-size:.58rem}.hero__switcher strong{font-family:var(--serif);letter-spacing:.12em;font-size:1rem;font-weight:500}.hero__credit{color:#fffaf694;font-family:var(--utility);letter-spacing:.06em;margin:0;font-size:.5rem;position:absolute;bottom:.55rem;right:1.6rem}.hero__continue{color:#fffaf6bf;font-family:var(--utility);letter-spacing:.12em;font-size:.55rem;text-decoration:none;position:absolute;bottom:.52rem;left:1.6rem}.prologue{isolation:isolate;background:radial-gradient(36% 48% at 98% 3%,#c38d984d,#0000 76%),radial-gradient(36% 40% at 0 100%,#c1acc64d,#0000 76%),#f6eee3;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:1.5rem;min-height:100svh;padding:clamp(7rem,12vw,12rem) clamp(1.25rem,6vw,7rem);display:grid;position:relative;overflow:hidden}.prologue__folio{z-index:3;color:var(--red);font-family:var(--utility);letter-spacing:.22em;writing-mode:vertical-rl;grid-column:2/3;place-self:center start;margin:0;font-size:.62rem}.prologue h2{z-index:3;color:var(--brown);font-family:"Songti SC", "STSong", "SimSun", var(--serif);letter-spacing:-.025em;grid-column:3/9;margin:0;font-size:clamp(4.2rem,6.7vw,7.15rem);font-weight:400;line-height:1.08}.prologue__body{z-index:3;border-top:0;width:28%;margin:0;padding-top:0;position:absolute;bottom:10%;right:14%}.prologue__body p{max-width:32rem;margin-bottom:2.2rem;font-size:clamp(.86rem,1vw,1rem);line-height:2}.prologue__body span{color:var(--lotus);font-family:var(--serif);letter-spacing:.04em;font-size:clamp(.78rem,.9vw,.92rem)}.prologue__thread{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.prologue__thread path{fill:none;stroke:#b4232d;stroke-width:1.35px;vector-effect:non-scaling-stroke}.prologue__grooves{z-index:1;aspect-ratio:1;pointer-events:none;border:1px solid #55464009;border-radius:50%;width:min(62vw,68rem);position:absolute;bottom:-20vw;left:-16vw;box-shadow:0 0 0 2.3vw #55464003,0 0 0 4.6vw #55464003,0 0 0 6.9vw #55464004,0 0 0 9.2vw #55464004,0 0 0 11.5vw #55464004}.prologue__wash{z-index:0;aspect-ratio:1.25;filter:blur(clamp(3rem,7vw,7rem));mix-blend-mode:multiply;pointer-events:none;border-radius:43% 57% 64% 36%/55% 42% 58% 45%;width:48vw;position:absolute}.prologue__wash--rose{background:#c38d9840;top:-32%;right:-18%}.prologue__wash--lilac{background:#c1acc640;bottom:-35%;left:-19%}.chapters{background:var(--paper)}.story-chapter{border:0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:clamp(1.5rem,3vw,3.5rem);width:100%;max-width:none;min-height:100svh;padding:clamp(6rem,9vw,10rem) clamp(1.25rem,6vw,7rem);display:grid}.story-chapter:first-child{background:var(--paper-deep)}.story-chapter:nth-child(2){background:var(--lotus-soft)}.story-chapter:nth-child(3){background:var(--paper-light)}.story-chapter__visual{grid-column:1/8;width:100%;max-width:none}.story-chapter--reverse .story-chapter__visual{order:0;grid-column:6/13}.story-chapter__image{width:100%;box-shadow:none;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.story-chapter__image img{object-fit:cover;object-position:center 38%;filter:none;width:100%;height:clamp(32rem,70svh,53rem)}.story-chapter__image:hover img{filter:none}.story-chapter--full-bleed .story-chapter__image img{object-position:center 32%}.story-chapter__number{color:var(--plum);font-family:var(--utility);letter-spacing:.12em;background:#faf7f4e0;padding:.65rem .8rem;font-size:.55rem;position:absolute;inset:0 auto auto 0}.story-chapter figcaption{color:var(--muted);font-family:var(--utility);letter-spacing:.04em;margin-top:.65rem;font-size:.52rem}.story-chapter__copy{grid-column:9/13;max-width:29rem;padding:0}.story-chapter--reverse .story-chapter__copy{grid-area:1/1/auto/5}.story-chapter__period{color:var(--red);font-family:var(--utility);letter-spacing:.17em;margin:0 0 1rem;font-size:.72rem}.story-chapter h2{color:var(--plum);letter-spacing:-.06em;margin:0 0 1.5rem;font-size:clamp(4.6rem,8vw,9.5rem);line-height:.86}.story-chapter__copy>p:not(.kicker):not(.story-chapter__period){max-width:26rem;font-size:.96rem}.story-chapter blockquote{border-top:1px solid var(--line-strong);border-left:2px solid var(--red);font-family:var(--serif);margin-top:2.2rem;padding:1.2rem 0 0 1.1rem;font-size:1.15rem;line-height:1.75}.story-chapter blockquote span{color:var(--muted);font-family:var(--utility);letter-spacing:.12em;margin-bottom:.65rem;font-size:.5rem;display:block}.timeline-wrap{background:linear-gradient(128deg,#f2efec 0%,#dfc5ca 54%,#c1acc6 100%);padding:clamp(5rem,9vw,9rem) clamp(1rem,4vw,4rem)}.time-dial{width:min(100%,92rem);min-height:42rem;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf7f485;border:1px solid #5546403d;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;margin:0 auto;padding:clamp(2rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.time-dial__intro{grid-column:1/7;align-self:start}.time-dial__intro h2{color:var(--plum);letter-spacing:-.055em;margin:0 0 1.4rem;font-size:clamp(3.6rem,6vw,7rem);line-height:1}.time-dial__intro>p:last-child{max-width:27rem}.time-dial__years{border-top:1px solid var(--line-strong);grid-column:1/13;grid-template-columns:repeat(6,1fr);align-self:end;width:100%;margin:0;padding:0;list-style:none;display:grid;position:static}.time-dial__years li{min-width:0}.time-dial__years button{border:0;border-right:1px solid var(--line);width:100%;min-height:6.4rem;color:var(--brown);text-align:left;cursor:pointer;background:0 0;padding:1rem .7rem;display:block;position:relative}.time-dial__years li:last-child button{border-right:0}.time-dial__years button:before{border:1px solid var(--red);background:var(--paper-light);content:"";border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:-.3rem;left:.7rem}.time-dial__years button.is-active:before{background:var(--red)}.time-dial__years button strong,.time-dial__years button span{display:block}.time-dial__years button strong{font-family:var(--serif);font-size:1.8rem;font-weight:500}.time-dial__years button span{color:var(--muted);margin-top:.35rem;font-size:.68rem}.time-dial__years button.is-active strong{color:var(--red)}.time-dial__detail{border-top:1px solid var(--line-strong);border-left:0;grid-area:1/8/auto/13;align-self:start;width:auto;padding:1.1rem 0 0 1.5rem;animation:.36s both detail-in;position:static}.time-dial__detail>span{color:var(--red);font-family:var(--utility);letter-spacing:.15em;font-size:.7rem}.time-dial__detail h3{color:var(--plum);margin:.65rem 0 .8rem;font-size:clamp(2.4rem,4vw,4.3rem)}.time-dial__detail p{max-width:24rem}.time-dial__folio{color:var(--muted);font-family:var(--utility);letter-spacing:.12em;font-size:.52rem;position:absolute;top:1.2rem;right:1.5rem}.thread-interlude{background:var(--paper-light);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:1.5rem;min-height:100svh;padding:clamp(6rem,10vw,11rem) clamp(1.25rem,6vw,7rem);display:grid;position:relative;overflow:hidden}.thread-interlude__copy{z-index:1;grid-column:1/5}.thread-interlude__copy h2{color:var(--plum);letter-spacing:-.055em;margin:0 0 1.5rem;font-size:clamp(3.7rem,6vw,7rem);line-height:1.02}.thread-interlude__copy>p:last-child{max-width:23rem}.thread-interlude__art{aspect-ratio:1.82;cursor:zoom-in;background:0 0;border:0;grid-column:5/13;width:100%;padding:0;display:block;position:relative;overflow:visible}.thread-interlude__art img{transform-origin:50%;mix-blend-mode:normal;width:52%;max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.thread-interlude__note{color:var(--muted);font-family:var(--utility);letter-spacing:.1em;margin:0;font-size:.5rem;position:absolute;bottom:2.5rem;right:clamp(1.25rem,6vw,7rem)}.two-saints{background:#d8cac5;min-height:86svh;padding:clamp(7rem,12vw,13rem) clamp(1.25rem,13vw,14rem);position:relative;overflow:hidden}.two-saints h2{color:var(--plum);letter-spacing:-.09em;margin:0 0 2rem;font-size:clamp(7rem,18vw,20rem);line-height:.72}.two-saints>p:not(.kicker){width:min(32rem,55%);margin-left:auto;font-size:1rem}.two-saints blockquote{border-top:1px solid var(--line-strong);width:min(32rem,55%);font-family:var(--serif);margin:2rem 0 0 auto;padding-top:1rem;font-size:1.25rem;line-height:1.75}.two-saints__mark{width:5.5rem;height:5.5rem;color:var(--red);font-family:var(--serif);border:1px solid #a43d49b3;border-radius:50%;place-items:center;font-size:2.3rem;display:grid;position:absolute;bottom:9%;right:8%;transform:rotate(-8deg)}.artwork-plate{background:#c4b1c4;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:clamp(2rem,5vw,6rem);min-height:100svh;padding:clamp(6rem,10vw,11rem) clamp(1.25rem,7vw,8rem);display:grid}.artwork-plate__image{width:100%;box-shadow:none;cursor:zoom-in;background:0 0;border:0;grid-column:1/8;padding:0;overflow:visible}.artwork-plate__image img{object-fit:contain;width:100%;height:auto}.artwork-plate figcaption{color:var(--plum);text-align:left;grid-column:9/13}.artwork-plate figcaption>span{color:var(--red);font-family:var(--utility);letter-spacing:.18em;margin-bottom:1.2rem;font-size:.6rem;display:block}.artwork-plate figcaption strong{font-family:var(--serif);letter-spacing:-.06em;margin-bottom:1.8rem;font-size:clamp(3.2rem,5vw,6rem);font-weight:500;line-height:1.02;display:block}.artwork-plate figcaption p{max-width:24rem;margin-bottom:2.5rem}.artwork-plate figcaption small{font-family:var(--utility);letter-spacing:.1em;border-top:1px solid #30252a66;padding-top:.8rem;font-size:.58rem;display:inline-block}.letter-section{background:radial-gradient(58% 50% at 12% 34%,#dfc5ca33,#0000 74%),radial-gradient(48% 52% at 88% 72%,#c1acc633,#0000 76%);padding:clamp(7rem,11vw,12rem) clamp(1.25rem,7vw,8rem);overflow:visible}.letter{justify-items:center;width:min(100%,74rem);margin:0 auto;padding:0;display:grid}.letter__stage{perspective:1500px;width:min(100%,64rem);min-height:clamp(44rem,62vw,54rem);position:relative}.letter__envelope{aspect-ratio:1.78;width:100%;box-shadow:none;transform-style:preserve-3d;background:0 0;border:0;position:absolute;bottom:1rem;left:50%;overflow:visible;transform:translate(-50%)}.letter__envelope:before,.letter__envelope:after{content:none}.letter__back,.letter__pocket,.letter__flap{background-color:#d9b4bc;background-image:linear-gradient(#f5e6e21f,#aa819214),url(/our-story/images/letter-paper-texture.png);background-position:50%;background-size:cover;display:block;position:absolute;left:0;right:0}.letter__back{z-index:1;border:1px solid #7e303a33;inset:0;box-shadow:0 28px 75px #4c2f4029}.letter__flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;transform-origin:top;will-change:transform;border-bottom:1px solid #7e303a38;height:63%;transition:transform .76s cubic-bezier(.65,0,.35,1),z-index 0s .38s;top:0}.letter.is-open .letter__flap{z-index:1;transform:rotateX(178deg)}.letter__pocket{z-index:3;clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);filter:saturate(.92);border:1px solid #7e303a2e;height:74%;bottom:0}.letter__pocket:before,.letter__pocket:after{content:"";transform-origin:bottom;background:#7e303a3d;width:1px;height:92%;position:absolute;bottom:0}.letter__pocket:before{left:0;transform:rotate(61deg)}.letter__pocket:after{right:0;transform:rotate(-61deg)}.letter__address{z-index:4;color:#554640c7;justify-items:center;transition:opacity .22s;display:grid;position:absolute;top:18%;left:50%;transform:translate(-50%)}.letter__address small{font-family:var(--utility);letter-spacing:.22em;margin-bottom:.55rem;font-size:.55rem}.letter__address strong{font-family:var(--serif);letter-spacing:.14em;white-space:nowrap;font-size:clamp(1.05rem,2vw,1.55rem);font-weight:500}.letter.is-open .letter__address{opacity:0}.letter__seal{z-index:6;aspect-ratio:1;width:clamp(5.8rem,9vw,8.2rem);height:auto;box-shadow:none;color:#68141fc2;font-family:var(--serif);cursor:pointer;will-change:transform;background:0 0;border:0;place-items:center;padding:0;font-size:clamp(1.35rem,2.6vw,2.1rem);transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .3s,filter .18s;display:grid;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.letter__seal img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.letter__seal-mark{z-index:1;aspect-ratio:1;text-shadow:0 1px #ff77803d,0 -1px #4d091433;border:1px solid #6d121e4d;border-radius:50%;place-items:center;width:46%;display:grid;position:relative}.letter__seal:hover{filter:saturate(1.05)brightness(1.03);transform:translate(-50%,-53%)rotate(1deg)scale(1.035)}.letter__seal:focus-visible{outline:2px solid var(--red);outline-offset:.35rem}.letter.is-open .letter__seal,.letter.is-open .letter__seal:hover{transform:translate(245%,125%)rotate(13deg)scale(.76)}.letter__content{z-index:2;border:1px solid var(--line);opacity:.98;transform-origin:bottom;will-change:transform;background:linear-gradient(#faf7f4db,#faf7f4e6),url(/our-story/images/letter-paper-texture.png) 50%/cover;min-height:112%;margin:0;padding:clamp(3rem,5vw,5rem) clamp(1.6rem,5vw,5rem) clamp(2.5rem,4vw,4rem);transition:transform .86s cubic-bezier(.16,1,.3,1) .46s,box-shadow .5s .46s;display:block;position:absolute;bottom:8%;left:7%;right:7%;transform:translateY(48%)scale(.965);box-shadow:0 22px 54px #3f2c2e1f}.letter.is-open .letter__content{z-index:4;transform:translateY(-38%)scale(1);box-shadow:0 30px 80px #3f2c2e29}.letter__text{opacity:0;max-width:36rem;margin:0 auto;transition:opacity .42s .94s,transform .52s cubic-bezier(.16,1,.3,1) .9s;transform:translateY(1rem)}.letter.is-open .letter__text{opacity:1;transform:translateY(0)}.letter__text h2{color:var(--plum);margin-bottom:2rem;font-size:clamp(3rem,5vw,5.5rem)}.letter__opening,.letter__signature{font-family:var(--serif);font-size:1.15rem}.letter__signature{text-align:right;margin-top:2.2rem}.letter__text small{border-top:1px solid var(--line);color:var(--muted);margin-top:2.5rem;padding-top:.8rem;font-size:.68rem;display:block}.letter__hint{color:var(--muted);font-family:var(--utility);letter-spacing:.12em;text-align:center;margin:0;font-size:.7rem}.qianling{text-align:center;background:linear-gradient(132deg,#f2efec 0%,#eadde0 48%,#c1acc6 100%);place-content:center;min-height:100svh;padding:clamp(7rem,13vw,14rem) clamp(1.25rem,9vw,10rem);display:grid;position:relative;overflow:hidden}.qianling:before{content:"";background:#55464059;width:min(82vw,76rem);height:1px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.qianling__period{color:var(--red);font-family:var(--utility);letter-spacing:.25em;margin-bottom:1rem;font-size:.72rem}.qianling .kicker{margin-bottom:1.6rem}.qianling h2{color:var(--plum);letter-spacing:-.1em;margin:0 0 2.5rem;font-size:clamp(7rem,20vw,19rem);line-height:.7}.qianling>p:not(.kicker):not(.qianling__period){width:min(100%,40rem);font-family:var(--serif);margin:0 auto;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:2}.qianling blockquote{border-top:1px solid var(--line-strong);width:min(100%,34rem);color:var(--brown);letter-spacing:.12em;margin:2.2rem auto 0;padding-top:1.1rem;font-size:.82rem}.qianling__footer{font-family:var(--utility);letter-spacing:.14em;justify-content:space-between;font-size:.55rem;display:flex;position:absolute;bottom:2rem;left:clamp(1.25rem,4vw,4rem);right:clamp(1.25rem,4vw,4rem)}.ending{min-height:12rem;color:var(--brown);background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:3rem clamp(1.25rem,5vw,5rem);display:grid}.ending>p{max-width:33rem;margin:0;font-size:.72rem}.ending__sources{flex-wrap:wrap;justify-content:flex-end;gap:.7rem 1rem;font-size:.62rem;display:flex}.ending__sources span{color:var(--red)}.lightbox{z-index:300;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1f171be0;place-items:center;padding:3rem;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:min(92vw,90rem);max-height:88svh;box-shadow:0 22px 70px #00000047}.lightbox__close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:50%;width:2.8rem;height:2.8rem;font-size:1.5rem;position:absolute;top:1.3rem;right:1.5rem}@keyframes detail-in{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}main{isolation:isolate;background:linear-gradient(180deg, var(--paper-light) 0%, #f6f1ef 30%, #f2edef 66%, #f6f1ef 100%);position:relative;overflow:clip}main:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(#0000,#a43d4994 6%,#a43d4947 88%,#0000);width:1px;position:absolute;top:calc(100svh + 4rem);bottom:10rem;left:clamp(.8rem,3vw,3rem)}main>*{z-index:1;position:relative}.prologue,.chapters,.story-chapter,.timeline-wrap,.thread-interlude,.two-saints,.artwork-plate,.letter-section,.qianling{background-color:#0000}.prologue{background:radial-gradient(36% 48% at 98% 3%,#c38d9838,#0000 76%),radial-gradient(36% 40% at 0 100%,#c1acc638,#0000 76%),#f6eee3}.chapters{background:radial-gradient(42% 24% at 5% 20%,#c38d9826,#0000 76%),radial-gradient(48% 25% at 94% 58%,#c1acc62b,#0000 78%),radial-gradient(38% 20% at 10% 92%,#dfc5ca2e,#0000 78%);position:relative}.story-chapter:first-child,.story-chapter:nth-child(2),.story-chapter:nth-child(3){background:0 0}.timeline-wrap{background:radial-gradient(72% 72%,#c1acc633,#dfc5ca17 48%,#0000 78%)}.time-dial{-webkit-backdrop-filter:none;backdrop-filter:none;background:#faf7f438;border-left:0;border-right:0}.thread-interlude{background:radial-gradient(48% 52% at 78% 48%,#dfc5ca29,#0000 76%)}.thread-interlude__art{background:0 0}.two-saints{background:radial-gradient(60% 72% at 18% 46%,#c38d9833,#0000 74%)}.artwork-plate{background:radial-gradient(66% 64% at 22%,#c1acc63d,#0000 76%)}.letter-section{background:radial-gradient(62% 70% at 50% 48%,#dfc5ca2e,#0000 78%)}.qianling{background:radial-gradient(72% 70% at 50% 48%,#c1acc638,#dfc5ca14 52%,#0000 80%)}.ending{background:radial-gradient(46% 120% at 86% 110%,#c1acc633,#0000 72%),linear-gradient(#f6f1ef00,#dfc5ca29);border-top:1px solid #55464024;min-height:16rem;padding-top:6rem}@media (width<=60rem){.hero__title-lockup{bottom:11.5rem}.hero__scene-copy{width:31vw;bottom:11.4rem}.story-chapter__visual,.story-chapter--reverse .story-chapter__visual{grid-column:1/8}.story-chapter__copy,.story-chapter--reverse .story-chapter__copy{grid-column:8/13}.artwork-plate__image{grid-column:1/8}.artwork-plate figcaption{grid-column:8/13}}@media (width<=44rem){.site-nav{grid-template-columns:1fr auto;min-height:3.25rem;padding-left:.85rem;top:.7rem;left:.75rem;right:.75rem}.site-nav__brand{gap:.05rem;display:grid}.site-nav__brand span{font-size:.86rem}.site-nav__brand small{font-size:.43rem}.site-nav__links{display:none}.sound-toggle{padding:.62rem .75rem;font-size:.5rem}.story-opening__record-base,.story-opening__frame img{object-position:center}.story-opening__frame--photo img{object-position:56% 38%}.story-opening__develop-desktop{display:none}.story-opening__develop-mobile{background:radial-gradient(58% 40% at 98% 5%,#e1acb74d,#0000 78%),radial-gradient(54% 42% at 0 100%,#cfbedb4d,#0000 78%),linear-gradient(125deg,#f7f1f4 0%,#fdf9f7 47%,#f8ebec 100%);display:block;position:absolute;inset:0;overflow:hidden}.story-opening__develop-copy{z-index:4;color:var(--brown);gap:.75rem;display:grid;position:absolute;top:9%;left:1.25rem}.story-opening__develop-copy small{font-family:var(--utility);letter-spacing:.36em;font-size:.48rem}.story-opening__develop-copy strong{font-family:"Songti SC", "STSong", "SimSun", var(--serif);font-size:clamp(2rem,9vw,2.7rem);font-weight:400;line-height:1.28}.story-opening__develop-copy span{font-family:var(--serif);letter-spacing:.2em;font-size:.75rem}.story-opening__frame .story-opening__develop-hands{z-index:3;object-fit:contain;transform-origin:50%;width:35vh;max-width:none;height:auto;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.story-opening__develop-thread{z-index:2;width:100%;height:100%;position:absolute;inset:0}.story-opening__develop-thread path{fill:none;stroke:#b4232d;stroke-width:1.4px;vector-effect:non-scaling-stroke}.story-opening__develop-photo{z-index:1;width:88%;height:36%;display:block;position:absolute;bottom:4%;right:-4%;overflow:hidden;-webkit-mask-image:radial-gradient(72% 72% at 58%,#000 42%,#000000c7 66%,#0000 100%);mask-image:radial-gradient(72% 72% at 58%,#000 42%,#000000c7 66%,#0000 100%)}.story-opening__frame .story-opening__develop-photo img{object-fit:cover;object-position:51% 38%;width:100%;height:100%;position:absolute;inset:0}.story-opening__record-base{object-fit:cover;object-position:63% center;transform:scale(1.12)}.story-opening__couple{transform:translate(-7%,-4%)scale(.9)}.story-opening__notes{top:13%;left:52%;transform:scale(.76)}.story-opening__needle{width:88vw;height:auto;top:47%;left:auto;right:12%}.story-opening__prompt{inset:auto 1.25rem 7.4rem}.story-opening__prompt span{font-size:1.15rem}.story-opening__scroll-hint{text-align:right;bottom:1.2rem;left:auto;right:1rem;transform:none}.hero__masthead{display:none}.hero__shade{background:linear-gradient(#1f151a57 0%,#1f151a2e 44%,#1f151ac7 100%),linear-gradient(90deg,#1f151a5c,#0000 70%)}.hero__title-lockup{top:6.5rem;bottom:auto;left:1.2rem}.hero__title-lockup>p{font-size:.9rem}.hero__title-lockup h1{font-size:clamp(4.2rem,20vw,6.2rem);line-height:.74}.hero__title-lockup>span{margin-top:.85rem;font-size:.5rem}.hero__scene-copy{width:auto;max-width:23rem;padding-left:.8rem;bottom:8.7rem;left:1.2rem;right:1.2rem}.hero__scene-copy h2{margin-bottom:.35rem;font-size:2.7rem}.hero__scene-copy>p:not(.hero__scene-period){-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:20rem;margin-bottom:.45rem;font-size:.76rem;display:-webkit-box;overflow:hidden}.hero__scene-copy button{font-size:.62rem}.hero__switcher{padding:.2rem;bottom:1rem;left:.75rem;right:.75rem}.hero__switcher button{flex-direction:column;justify-content:center;gap:.2rem;min-height:3.8rem;padding:.45rem .2rem}.hero__switcher strong{font-size:.83rem}.hero__credit,.hero__continue{display:none}.prologue{grid-template-columns:1fr;align-content:center;gap:1.8rem;min-height:92svh;padding:7.5rem 1.25rem 5.5rem}.prologue__folio,.prologue h2,.prologue__body{grid-column:1}.prologue__folio{writing-mode:initial;font-size:.54rem}.prologue h2{font-size:clamp(3.15rem,14.5vw,5rem);line-height:1.08}.prologue__body{width:auto;margin:1rem 0 0;position:static;bottom:auto;right:auto}.prologue__body p{max-width:29rem;margin-bottom:1.4rem;font-size:.84rem;line-height:1.85}.prologue__thread{width:155%;transform:translate(-24%)}.prologue__grooves{width:28rem;bottom:-10rem;left:-12rem}.prologue__wash{width:74vw}.story-chapter,.story-chapter--reverse,.story-chapter--full-bleed{grid-template-columns:1fr;gap:3rem;min-height:0;padding:6rem 1.1rem 7rem}.story-chapter__visual,.story-chapter--reverse .story-chapter__visual,.story-chapter__copy,.story-chapter--reverse .story-chapter__copy{grid-area:auto/1;width:100%;max-width:none}.story-chapter__image img{height:min(72svh,39rem)}.story-chapter h2{font-size:clamp(4.7rem,23vw,7rem)}.timeline-wrap{padding:4rem .7rem}.time-dial{grid-template-columns:1fr;gap:2.5rem;min-height:0;padding:4.5rem 1rem 2rem}.time-dial__intro,.time-dial__detail,.time-dial__years{grid-area:auto/1}.time-dial__intro h2{font-size:clamp(3.2rem,14vw,4.8rem)}.time-dial__detail{order:2;padding-left:0}.time-dial__years{order:3;grid-template-columns:repeat(2,1fr)}.time-dial__years button{border-bottom:1px solid var(--line);min-height:5rem}.thread-interlude{grid-template-columns:1fr;gap:3rem;min-height:0;padding:7rem 1rem}.thread-interlude__copy,.thread-interlude__art{grid-column:1}.thread-interlude__copy h2{font-size:clamp(3.4rem,15vw,5rem)}.thread-interlude__art{aspect-ratio:1.5}.thread-interlude__art img{width:67%}.thread-interlude__note{bottom:2rem;right:1rem}.two-saints{min-height:78svh;padding:7rem 1.25rem}.two-saints h2{font-size:clamp(7rem,43vw,11rem)}.two-saints>p:not(.kicker),.two-saints blockquote{width:100%}.two-saints__mark{width:4rem;height:4rem;font-size:1.7rem;bottom:2rem;right:1.4rem}.artwork-plate{grid-template-columns:1fr;gap:3rem;min-height:0;padding:6rem 1.1rem}.artwork-plate__image,.artwork-plate figcaption{grid-column:1}.artwork-plate figcaption strong{font-size:clamp(3.2rem,14vw,4.8rem)}.letter-section{padding:6rem .8rem 7rem}.letter__stage{min-height:42rem}.letter__envelope{aspect-ratio:1.45}.letter__seal{width:5.5rem;height:auto}.letter.is-open .letter__seal,.letter.is-open .letter__seal:hover{transform:translate(130%,135%)rotate(13deg)scale(.7)}.letter__content{width:auto;min-height:130%;margin:0;padding:3.2rem 1.2rem 2.5rem;left:4%;right:4%;transform:translateY(56%)scale(.96)}.letter.is-open .letter__content{transform:translateY(-27%)scale(1)}.letter__address strong{font-size:.95rem}.letter__text h2{font-size:clamp(2.7rem,14vw,4rem)}.qianling{min-height:90svh;padding:8rem 1.25rem 7rem}.qianling h2{margin-bottom:2rem;font-size:clamp(7rem,43vw,11rem)}.qianling__footer{font-size:.44rem;bottom:1.2rem}.ending{grid-template-columns:1fr;padding:3rem 1.25rem}.ending__sources{justify-content:flex-start}.lightbox{padding:1rem}}.story-chapter__image,.artwork-plate__image,.letter__seal,.time-dial__years button{transition:transform .18s,background .18s,color .18s}.time-dial__years button:hover{transform:translateY(-3px)}.story-chapter__image:hover,.artwork-plate__image:hover{transform:translateY(-5px)rotate(-.5deg)}.story-chapter__image img{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .3s}.story-chapter__image:hover img{filter:saturate(.96)contrast();transform:scale(1.025)}.letter__seal:hover{transform:translate(-50%,-53%)rotate(2deg)scale(1.04)}.lightbox{animation:.22s ease-out both lightbox-in}@keyframes reveal-up{0%{opacity:.18;transform:translateY(2.3rem)}to{opacity:1;transform:translateY(0)}}@keyframes lightbox-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@supports (animation-timeline:view()){[data-reveal]{animation:linear both reveal-up;animation-timeline:view();animation-range:entry 8% cover 32%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1!important;transform:none!important}.hero-scene,.story-opening__record-scene,.story-opening__frame,.story-opening__transition-washes,.story-opening__tonearm,.story-opening__couple,.story-opening__note,.hero__switcher button,.letter__flap,.letter__content,.letter__text,.letter__seal,.letter__address,.time-dial__detail{transition-delay:0s!important;animation:none!important}}:root{--story-bg:#f7f2f4;--story-bg-soft:#fbf7f8;--story-rose:#d9aeb8;--story-rose-deep:#b98287;--story-lilac:#cfc0dd;--story-lilac-deep:#aa96bf;--story-plum:#3a2b34;--story-muted:#74636b;--story-red:#b4232d;--story-line:#3a2b342e;--story-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--story-sans:"Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;--story-utility:"Avenir Next", "Helvetica Neue", Arial, sans-serif}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}body{background:var(--story-bg);color:var(--story-plum)}.site-shell,.narrative{background:var(--story-bg)}.site-nav{min-height:4.25rem;box-shadow:none;-webkit-backdrop-filter:blur(15px)saturate(1.04);backdrop-filter:blur(15px)saturate(1.04);background:#f7f2f4c7;border:0;border-bottom:1px solid #3a2b341a;border-radius:0;padding:.8rem clamp(1.25rem,4vw,4.5rem);top:0;left:0;right:0}.site-nav__brand span{letter-spacing:.1em;font-size:1.05rem}.site-nav__brand small,.site-nav__links,.sound-toggle{letter-spacing:.16em;font-size:.55rem}.sound-toggle{background:0 0;border:0;padding-right:0}.narrative{isolation:isolate;color:var(--story-plum);font-family:var(--story-serif);position:relative;overflow:hidden}.narrative:before{z-index:-3;background:radial-gradient(ellipse 38% 16% at 92% 4%, #d9aeb833, transparent 74%), radial-gradient(ellipse 42% 15% at 4% 19%, #cfc0dd33, transparent 76%), radial-gradient(ellipse 40% 15% at 95% 39%, #d9aeb82e, transparent 74%), radial-gradient(ellipse 44% 16% at 2% 62%, #cfc0dd33, transparent 76%), radial-gradient(ellipse 42% 15% at 96% 82%, #d9aeb833, transparent 74%), linear-gradient(180deg, var(--story-bg-soft), var(--story-bg));content:"";position:absolute;inset:0}.narrative:after{z-index:80;content:"";opacity:.025;pointer-events:none;mix-blend-mode:multiply;background-image:url(/our-story/images/letter-paper-texture.png);background-size:640px;position:absolute;inset:0}.narrative-kicker{color:var(--story-rose-deep);font-family:var(--story-utility);letter-spacing:.34em;text-transform:uppercase;margin:0 0 1.4rem;font-size:clamp(.62rem,.72vw,.76rem);font-weight:600;line-height:1.4}.narrative-thread{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.narrative-thread path{fill:none;stroke:var(--story-red);stroke-linecap:round;stroke-width:1.55px;vector-effect:non-scaling-stroke}.narrative-membrane{z-index:-1;aspect-ratio:1.7;filter:blur(.2px);opacity:.36;pointer-events:none;border-radius:53% 47% 62% 38%/48% 39% 61% 52%;width:min(62rem,62vw);position:absolute;transform:rotate(-8deg)}.narrative-membrane:after{border-radius:inherit;content:"";border:1px solid #ffffff57;position:absolute;inset:7%}.narrative-membrane--rose{background:radial-gradient(at 45%,#d9aeb8a8,#d9aeb821 72%,#0000 82%)}.narrative-membrane--lilac{background:radial-gradient(at 45%,#cfc0ddb3,#cfc0dd24 72%,#0000 82%)}.narrative-prologue,.narrative-moment,.narrative-era,.narrative-heart,.story-letter,.narrative-invitation{isolation:isolate;width:100%;position:relative;overflow:hidden}.narrative-prologue{min-height:136svh;padding:clamp(6.5rem,11vh,8.5rem) clamp(1.5rem,7vw,7.5rem) clamp(7rem,11vh,9rem)}.narrative-prologue .narrative-membrane--rose{top:-12%;right:-22%}.narrative-prologue .narrative-membrane--lilac{bottom:4%;left:-25%;transform:rotate(12deg)}.narrative-prologue .narrative-membrane,#reunion .narrative-membrane{filter:blur(24px);opacity:.3}.narrative-prologue .narrative-membrane:after,#reunion .narrative-membrane:after{display:none}.narrative-thread--prologue{height:77%;top:3%}.narrative-thread--prologue path{stroke-width:1.25px;opacity:.78}.narrative-prologue__first-sight{z-index:10;width:min(100%,48rem);min-height:54svh;position:relative}.narrative-prologue__first-sight h1{color:var(--story-plum);font-family:var(--story-serif);letter-spacing:-.045em;margin:0 0 2rem;font-size:clamp(4.5rem,6vw,7rem);font-weight:400;line-height:.96}.narrative-prologue__first-sight>p:not(.narrative-kicker){width:min(100%,32rem);color:var(--story-muted);margin:0 0 .9rem .4rem;font-size:clamp(1rem,1.05vw,1.14rem);line-height:1.9}.narrative-prologue__first-sight blockquote{width:min(100%,30rem);margin-left:clamp(0rem,2.8vw,3.5rem)}.narrative-prologue blockquote,.narrative-moment blockquote,.narrative-era blockquote{border-top:1px solid var(--story-line);border-left:2px solid var(--story-red);width:min(100%,34rem);color:var(--story-rose-deep);margin:2.2rem 0 0;padding:1rem 0 0 1.1rem;font-size:clamp(1rem,1.25vw,1.28rem);line-height:1.9}.narrative-prologue__history{z-index:10;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:1.5rem;min-height:64svh;display:grid;position:relative}.narrative-prologue__history>.narrative-kicker{position:absolute;top:7%;left:0}.narrative-prologue__history h2{color:var(--story-plum);letter-spacing:-.045em;text-wrap:balance;grid-column:1/7;margin:0;font-size:clamp(3.5rem,5vw,5rem);font-weight:400;line-height:1.08}.narrative-prologue__history>div{grid-column:8/13;max-width:32rem;padding-bottom:1rem}.narrative-prologue__history p,.narrative-moment__copy>p:not(.narrative-kicker):not(.narrative-period),.narrative-era__copy>p,.narrative-heart__copy>p,.narrative-invitation__copy>p:not(.narrative-kicker):not(.narrative-invitation__notice){color:var(--story-muted);font-family:var(--story-sans);text-wrap:pretty;margin:0 0 1.15rem;font-size:clamp(.92rem,1vw,1.05rem);line-height:1.95}.narrative-prologue__history strong{color:var(--story-rose-deep);margin-top:2rem;font-size:clamp(1rem,1.2vw,1.24rem);font-weight:400;line-height:1.85;display:block}.narrative-moment{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:clamp(1.5rem,3vw,3rem);min-height:108svh;padding:clamp(7rem,11vh,9rem) clamp(1.5rem,6vw,6.5rem);display:grid}.narrative-moment--media-right .narrative-membrane{top:3%;right:-18%}#reunion{min-height:100svh;padding:clamp(6rem,9vh,7.5rem) clamp(1.5rem,7vw,7.5rem) clamp(7rem,11vh,9rem)}#reunion .narrative-membrane{width:min(68rem,66vw);top:-9%;right:-24%}.narrative-moment--media-left .narrative-membrane{bottom:-2%;left:-19%;transform:rotate(14deg)}.narrative-media{z-index:8;margin:0;position:relative}.narrative-media button{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.narrative-media img{object-fit:cover;filter:saturate(.94)contrast(1.02);width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(68% 79% at 50% 48%,#000 48%,#000000eb 65%,#0000004d 84%,#0000 100%);mask-image:radial-gradient(68% 79% at 50% 48%,#000 48%,#000000eb 65%,#0000004d 84%,#0000 100%)}.narrative-media figcaption{color:#3a2b3494;font-family:var(--story-utility);letter-spacing:.12em;font-size:.52rem;position:absolute;bottom:1.5%;right:8%}.narrative-moment .narrative-media{height:min(74svh,48rem)}.narrative-moment--media-right .narrative-media{grid-area:1/7/auto/13}#reunion .narrative-media{grid-column:6/13;height:min(76svh,49rem)}#reunion .narrative-media img{object-position:50% 48%;filter:saturate(.98)contrast(1.03);box-shadow:0 2rem 5rem #5c3e4e1f;-webkit-mask-image:none;mask-image:none}#reunion .narrative-media figcaption{background:#f7f2f4b8;padding:.3rem .45rem;bottom:.75rem;right:1rem}.narrative-moment--media-left .narrative-media{grid-area:1/1/auto/7}.narrative-moment__copy{z-index:12;position:relative}.narrative-moment--media-right .narrative-moment__copy{grid-area:1/1/auto/6}#reunion .narrative-moment__copy{grid-column:1/5;max-width:31rem}#reunion .narrative-moment__copy h2{letter-spacing:-.05em;margin-bottom:2rem;font-size:clamp(3.5rem,4.8vw,4.75rem);line-height:.98}.narrative-moment--media-left .narrative-moment__copy{grid-area:1/8/auto/13}.narrative-period{color:var(--story-red);font-family:var(--story-utility);letter-spacing:.18em;margin:0 0 1rem;font-size:.78rem}.narrative-moment__copy h2,.narrative-era__copy h2{color:var(--story-plum);letter-spacing:-.08em;margin:0 0 2.4rem;font-size:clamp(6.4rem,11.5vw,12.2rem);font-weight:400;line-height:.82}.narrative-era{grid-template-rows:minmax(42rem,88svh) auto auto;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;min-height:155svh;padding:clamp(7rem,11vh,9rem) clamp(1.5rem,5vw,5.5rem) clamp(8rem,13vh,12rem);display:grid}.narrative-era .narrative-membrane--rose{width:72vw;top:-8%;right:-8%;transform:rotate(22deg)}.narrative-era .narrative-membrane--lilac{width:76vw;bottom:2%;left:-24%;transform:rotate(-16deg)}.narrative-era__year{z-index:1;color:#0000;font-family:var(--story-serif);letter-spacing:-.1em;pointer-events:none;-webkit-text-stroke:1px #b9828742;font-size:clamp(16rem,38vw,40rem);font-weight:400;line-height:.8;position:absolute;top:0;right:-3vw}.narrative-era>.narrative-media{grid-area:1/1/auto/7;align-self:center;height:78svh}.narrative-era__copy{z-index:10;grid-area:1/7/auto/12;align-self:center;max-width:35rem;padding-left:clamp(1rem,3vw,3rem)}.narrative-era__timeline{z-index:10;grid-area:2/1/auto/13;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:2.2rem 0 0;list-style:none;display:grid;position:relative}.narrative-era__timeline:before{background:var(--story-red);content:"";height:1px;position:absolute;top:.42rem;left:0;right:0}.narrative-era__timeline li{color:var(--story-muted);text-align:center;justify-items:center;gap:.35rem;display:grid;position:relative}.narrative-era__timeline li>span{border:1px solid var(--story-red);background:var(--story-bg);border-radius:50%;width:.72rem;height:.72rem;position:absolute;top:-2.35rem}.narrative-era__timeline li.is-active>span{background:var(--story-red);box-shadow:0 0 0 .35rem #b4232d1a}.narrative-era__timeline strong{font-family:var(--story-serif);font-size:1.15rem;font-weight:400}.narrative-era__timeline li.is-active strong{color:var(--story-red)}.narrative-era__timeline small{font-family:var(--story-sans);font-size:.7rem}.narrative-era__epilogue{z-index:10;text-align:center;grid-area:3/3/auto/11;padding-top:clamp(6rem,10vh,9rem)}.narrative-era__epilogue h3{letter-spacing:-.045em;text-wrap:balance;max-width:58rem;margin:0 auto 2rem;font-size:clamp(3.3rem,6.5vw,7rem);font-weight:400;line-height:1.16}.narrative-era__epilogue>p:not(.narrative-kicker){max-width:42rem;color:var(--story-muted);font-family:var(--story-sans);margin:0 auto 1rem;font-size:.98rem;line-height:1.95}.narrative-era__epilogue blockquote{text-align:left;margin:2rem auto 0}.narrative-heart{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:2rem;min-height:105svh;padding:clamp(7rem,11vh,9rem) clamp(1.5rem,7vw,7.5rem);display:grid}.narrative-heart .narrative-membrane{width:74vw;bottom:2%;left:-10%;transform:rotate(18deg)}.narrative-heart__art{grid-column:1/7;height:min(72svh,46rem)}.narrative-heart__art img{object-fit:contain;filter:none;-webkit-mask-image:none;mask-image:none}.narrative-heart__art figcaption{display:none}.narrative-heart__copy{z-index:10;grid-column:8/13;position:relative}.narrative-heart__copy h2{color:var(--story-plum);letter-spacing:-.05em;text-wrap:balance;margin:0 0 2.3rem;font-size:clamp(3.2rem,5.2vw,5.5rem);font-weight:400;line-height:1.15}.narrative-heart__copy,.narrative-heart__art{z-index:6;position:relative}.narrative-heart__copy small{border-top:1px solid var(--story-line);color:var(--story-muted);font-family:var(--story-utility);letter-spacing:.14em;margin-top:2.2rem;padding-top:.8rem;font-size:.64rem;display:inline-block}.story-letter{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:112svh;padding:clamp(8rem,12vh,10rem) clamp(1.5rem,7vw,7.5rem);display:grid}.story-letter__wash{z-index:-1;aspect-ratio:1;background:radial-gradient(circle,#cfc0dd8f,#cfc0dd26 55%,#0000 74%);border-radius:50%;width:48vw;position:absolute;top:-12%;left:-8%}.story-letter__copy{z-index:10;grid-column:1/6;position:relative}.story-letter__copy h2{letter-spacing:-.055em;margin:0 0 2.2rem;font-size:clamp(3.7rem,6.8vw,7rem);font-weight:400;line-height:1.12}.story-letter__copy>p:not(.narrative-kicker){color:var(--story-muted);font-family:var(--story-sans);font-size:1rem}.story-letter__scene{z-index:10;grid-column:6/13;min-height:46rem;position:relative}.story-letter__envelope{aspect-ratio:1.48;filter:drop-shadow(0 2.2rem 2.4rem #734a5829);width:min(100%,51rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.story-letter__back,.story-letter__flap,.story-letter__pocket,.story-letter__paper{background-color:#e8bdc6;background-image:linear-gradient(#ffffff0f,#78475906),url(/our-story/images/letter-paper-texture.png);background-size:auto,520px;position:absolute}.story-letter__back{z-index:1;border:1px solid #6f48551f;inset:8% 0 0}.story-letter__flap{z-index:6;clip-path:polygon(0 0,100% 0,50% 100%);border-radius:0 0 48% 48%/0 0 22% 22%;height:58%;inset:8% 0 auto;box-shadow:0 .5rem .8rem #6f485514}.story-letter__flap:before,.story-letter__flap:after{content:"";border-top:2px solid #ffffff7a;border-radius:50%;width:32%;height:58%;position:absolute;top:12%}.story-letter__flap:before{left:8%;transform:rotate(26deg)}.story-letter__flap:after{right:8%;transform:rotate(-26deg)}.story-letter__pocket{z-index:5;clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%);border:1px solid #6f48551a;height:68%;inset:auto 0 0}.story-letter__paper{z-index:2;min-height:86%;color:var(--story-plum);text-align:left;opacity:0;background-color:#fbf8f4;padding:clamp(2rem,3vw,3rem) clamp(2rem,4vw,4.2rem);bottom:7%;left:8%;right:8%;transform:translateY(9%)scale(.96)}.story-letter__paper h3{margin:0 0 1.5rem;font-size:clamp(1.7rem,2.4vw,2.6rem);font-weight:400}.story-letter__paper>p:not(.narrative-kicker){color:var(--story-muted);font-family:var(--story-sans);margin:0 0 .8rem;font-size:clamp(.72rem,.78vw,.86rem);line-height:1.75}.story-letter__signature{text-align:right}.story-letter__paper small{border-top:1px solid var(--story-line);color:#74636bb8;margin-top:1.2rem;padding-top:.7rem;font-size:.64rem;display:block}.story-letter__address{z-index:7;color:#3a2b34b8;text-align:center;gap:.7rem;width:70%;display:grid;position:absolute;top:34%;left:50%;transform:translate(-50%)}.story-letter__address small{font-family:var(--story-utility);letter-spacing:.24em;font-size:.62rem}.story-letter__address strong{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400}.story-letter__seal{z-index:10;aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:clamp(6.5rem,9vw,9.5rem);padding:0;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.story-letter__seal img{object-fit:contain;width:100%;height:100%;display:block}.story-letter__seal:focus-visible{outline:2px solid var(--story-red);outline-offset:.35rem;border-radius:50%}.story-letter.is-open .story-letter__flap{z-index:1;transform:translateY(-71%)scaleY(-1)}.story-letter.is-open .story-letter__paper{z-index:4;opacity:1;transform:translateY(-32%)scale(1)}.story-letter.is-open .story-letter__address{opacity:0}.story-letter.is-open .story-letter__seal{top:94%;left:83%;transform:translate(-50%,-50%)rotate(10deg)scale(.86)}.narrative-invitation{grid-template-rows:minmax(42rem,86svh) auto;grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;min-height:116svh;padding:clamp(7rem,11vh,9rem) clamp(1.5rem,7vw,7.5rem) clamp(5rem,8vh,7rem);display:grid}.narrative-invitation .narrative-membrane{top:-6%;right:-16%}.narrative-invitation__outline{z-index:1;color:#0000;pointer-events:none;-webkit-text-stroke:1px #b9828736;font-size:clamp(15rem,30vw,31rem);line-height:.8;position:absolute;top:2%;left:-2%}.narrative-invitation>.narrative-media{grid-area:1/7/auto/13;align-self:center;height:78svh}.narrative-invitation__copy{z-index:10;grid-area:1/1/auto/7;align-self:center;max-width:42rem;position:relative}.narrative-invitation__copy h2{letter-spacing:-.05em;text-wrap:balance;margin:0 0 2rem;font-size:clamp(3.5rem,6vw,6.5rem);font-weight:400;line-height:1.14}.narrative-invitation__actions{flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2.2rem;display:flex}.narrative-invitation__actions button{border:1px solid var(--story-plum);background:var(--story-plum);color:#fff9fa;min-height:3.45rem;font-family:var(--story-serif);cursor:pointer;padding:0 1.8rem;font-size:.98rem}.narrative-invitation__actions button+button{color:var(--story-plum);background:0 0;border-width:0 0 1px;padding-left:0;padding-right:0}.narrative-invitation__actions button:focus-visible{outline:2px solid var(--story-red);outline-offset:.3rem}.narrative-invitation__notice{min-height:1.3rem;color:var(--story-rose-deep)!important;margin:.9rem 0 0!important;font-size:.76rem!important}.narrative-invitation__features{z-index:10;border-top:1px solid var(--story-line);grid-area:2/1/auto/13;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding-top:2.2rem;display:grid;position:relative}.narrative-invitation__features>div{padding:0 2.5rem;position:relative}.narrative-invitation__features>div:first-child{padding-left:0}.narrative-invitation__features>div+div:before{background:var(--story-line);content:"";width:1px;position:absolute;top:.2rem;bottom:.2rem;left:0}.narrative-invitation__features dt{color:var(--story-plum);margin-bottom:.6rem;font-size:clamp(1.35rem,2vw,2rem)}.narrative-invitation__features dd{color:var(--story-muted);font-family:var(--story-sans);margin:0;font-size:.8rem;line-height:1.75}.ending{background:var(--story-bg);min-height:13rem;color:var(--story-muted);border-top:1px solid #3a2b341f;padding:4.5rem clamp(1.5rem,7vw,7.5rem)}@media (width<=900px){.narrative-prologue__history h2,.narrative-prologue__history>div,.narrative-moment .narrative-media,.narrative-moment .narrative-moment__copy,.narrative-era>.narrative-media,.narrative-era__copy,.narrative-heart__art,.narrative-heart__copy,.story-letter__copy,.story-letter__scene,.narrative-invitation>.narrative-media,.narrative-invitation__copy{grid-column:1/13}.narrative-prologue{min-height:auto}.narrative-prologue__first-sight{min-height:58svh}.narrative-prologue__history{align-content:center;min-height:68svh}.narrative-prologue__history h2{align-self:end}.narrative-prologue__history>div{align-self:start}.narrative-moment{grid-template-rows:auto auto;min-height:auto}.narrative-moment .narrative-media{grid-row:1;height:66svh}#reunion{min-height:auto}#reunion .narrative-media,#reunion .narrative-moment__copy{grid-column:1/13}#reunion .narrative-media{height:min(68svh,44rem)}.narrative-moment .narrative-moment__copy{grid-row:2;padding-top:2rem}.narrative-era{grid-template-rows:auto auto auto auto}.narrative-era>.narrative-media{grid-row:1;height:68svh}.narrative-era__copy{grid-row:2;max-width:none;padding:1rem 0 0}.narrative-era__timeline{grid-row:3}.narrative-era__epilogue{grid-area:4/1/auto/13}.narrative-heart{grid-template-rows:auto auto}.narrative-heart__art{grid-row:1}.narrative-heart__copy{grid-row:2}.story-letter{gap:3rem}.story-letter__copy{grid-row:1}.story-letter__scene{grid-row:2}.narrative-invitation{grid-template-rows:auto auto auto}.narrative-invitation>.narrative-media{grid-row:1;height:66svh}.narrative-invitation__copy{grid-row:2}.narrative-invitation__features{grid-row:3}}@media (width<=640px){.narrative-prologue,.narrative-moment,.narrative-era,.narrative-heart,.story-letter,.narrative-invitation{padding-left:1.25rem;padding-right:1.25rem}.narrative-prologue__first-sight{min-height:62svh}.narrative-prologue__first-sight h1{font-size:clamp(3rem,14vw,4rem);line-height:.96}.narrative-thread--prologue path{opacity:.64}.narrative-prologue__history{min-height:auto;padding:6rem 0 3rem;display:block}.narrative-prologue__history>.narrative-kicker{position:static}.narrative-prologue__history h2{margin-bottom:2.5rem;font-size:clamp(2.7rem,11vw,3.25rem);line-height:1.12}.narrative-moment{gap:0;padding-top:5rem;padding-bottom:6rem}.narrative-moment .narrative-media,.narrative-era>.narrative-media,.narrative-invitation>.narrative-media{height:56svh}.narrative-moment__copy h2,.narrative-era__copy h2{font-size:clamp(5rem,25vw,7rem)}#reunion{padding-top:4.5rem;padding-bottom:6rem}#reunion .narrative-media{height:58svh}#reunion .narrative-moment__copy{max-width:none;padding-top:2.5rem}#reunion .narrative-moment__copy h2{margin-bottom:1.6rem;font-size:clamp(2.75rem,11vw,3.75rem);line-height:1}#reunion .narrative-membrane{width:110vw;right:-44%}.narrative-era{padding-top:5rem}.narrative-era__timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:3.5rem}.narrative-era__timeline:before{display:none}.narrative-era__timeline li>span{top:-.9rem}.narrative-era__epilogue{padding-top:5rem}.narrative-era__epilogue h3,.narrative-heart__copy h2,.story-letter__copy h2,.narrative-invitation__copy h2{font-size:clamp(2.8rem,12vw,4rem)}.narrative-heart{gap:1rem;padding-top:5rem;padding-bottom:6rem}.narrative-heart__art{height:53svh}.story-letter{min-height:auto;padding-top:6rem;padding-bottom:6rem}.story-letter__scene{min-height:32rem}.story-letter__envelope{width:110%}.story-letter__paper{max-height:31rem;overflow:auto}.story-letter.is-open .story-letter__paper{transform:translateY(-28%)scale(1)}.narrative-invitation{padding-top:5rem}.narrative-invitation__features{grid-template-columns:1fr;gap:1.5rem}.narrative-invitation__features>div{border-bottom:1px solid var(--story-line);padding:0 0 1.5rem}.narrative-invitation__features>div+div:before{display:none}.ending{grid-template-columns:1fr}.ending__sources{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.story-letter__flap,.story-letter__paper,.story-letter__seal,.narrative-invitation__actions button{transition:none}}