:root{--ink: #2e2420;--muted: #7d675f;--paper: #fff7ee;--blush: #f4b8a8;--rose: #c86f5f;--gold: #d9aa5f;--sage: #76866c;--night: #211a19;--shadow: 0 24px 80px rgba(75, 45, 35, .18);--radius: 30px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}body{margin:0;min-height:100vh;color:var(--ink);font-family:STSong,Songti SC,"Noto Serif SC",serif;background:radial-gradient(circle at 10% 5%,rgba(244,184,168,.65),transparent 28rem),radial-gradient(circle at 90% 12%,rgba(217,170,95,.36),transparent 24rem),linear-gradient(135deg,#fff9f1 0%,#f7ded5 48%,#f3efe2 100%);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;-webkit-tap-highlight-color:transparent}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:.14;background-image:linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.24) 1px,transparent 1px);background-size:38px 38px;mix-blend-mode:soft-light}.story-shell{width:min(100%,1180px);margin:0 auto}.panel,.moment{position:relative;display:grid;min-height:100svh;padding:8vh clamp(20px,5vw,72px);place-items:center}.hero{text-align:center}.hero-photo{position:relative;overflow:hidden;width:min(72vw,520px);margin:0 0 34px;border:16px solid rgba(255,250,244,.9);border-radius:38px;aspect-ratio:16 / 10;background:linear-gradient(135deg,rgba(255,250,244,.25),rgba(217,170,95,.25)),linear-gradient(135deg,#f6d8cc,#fff7ed 48%,#d9aa5f);box-shadow:var(--shadow);transform:rotate(-1.5deg)}.hero-photo img{width:100%;height:100%;display:block;object-fit:cover}.hero-photo figcaption{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:24px;color:#2e24208a;text-align:center;letter-spacing:.08em}.hero-photo.is-missing figcaption{display:grid}.hero__halo{position:absolute;width:min(68vw,620px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.85) 0 24%,transparent 25%),conic-gradient(from 120deg,rgba(200,111,95,.22),rgba(217,170,95,.3),rgba(118,134,108,.18),rgba(200,111,95,.22));filter:blur(2px);opacity:.8;animation:breathe 7s ease-in-out infinite}.eyebrow{margin:0 0 18px;color:var(--rose);font-family:Georgia,Times New Roman,serif;font-size:clamp(.78rem,2vw,.95rem);font-style:italic;letter-spacing:.18em;text-transform:uppercase}h1,h2{position:relative;margin:0;font-weight:500;letter-spacing:.04em}h1{font-size:clamp(3.2rem,15vw,9rem);line-height:.96}h2{max-width:820px;font-size:clamp(2.4rem,8vw,6.8rem);line-height:1.02}p{position:relative;max-width:720px;color:var(--muted);font-size:clamp(1rem,2.6vw,1.35rem);line-height:1.9}.hero__date{margin:28px auto 42px}.start-button,.replay-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:220px;border:0;border-radius:999px;padding:18px 32px;color:#fffaf2;background:linear-gradient(135deg,var(--night),#684038 58%,var(--rose));box-shadow:var(--shadow);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.start-button{flex-direction:column;gap:4px}.start-button span{color:#fffaf2b3;font-size:.74rem}.start-button:hover,.replay-button:hover{transform:translateY(-4px);box-shadow:0 30px 90px #4b2d2347}.intro{justify-items:start}.chapter-card{align-self:end;width:min(100%,560px);border:1px solid rgba(200,111,95,.24);border-radius:var(--radius);padding:clamp(24px,5vw,48px);background:rgba(255,250,244,.62);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.split{grid-template-columns:.72fr 1.28fr;gap:clamp(24px,5vw,62px)}.parallel-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:clamp(16px,3vw,28px);align-items:start}.timeline-column{position:relative;display:grid;gap:16px;opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.timeline-column.is-visible{opacity:1;transform:translateY(0)}.timeline-column:before{position:absolute;top:92px;bottom:18px;left:22px;width:1px;background:linear-gradient(180deg,rgba(200,111,95,.08),rgba(200,111,95,.38),rgba(200,111,95,.08));content:""}.timeline-column--groom:before{background:linear-gradient(180deg,rgba(118,134,108,.08),rgba(118,134,108,.38),rgba(118,134,108,.08))}.timeline-column__header{position:sticky;top:18px;z-index:2;border:1px solid rgba(200,111,95,.18);border-radius:26px;padding:18px 20px;background:rgba(255,250,244,.78);box-shadow:0 18px 48px #4b2d231a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.timeline-column--groom .timeline-column__header{border-color:#76866c33}.timeline-column__header span{display:block;margin-bottom:6px;color:var(--rose);font-family:Georgia,Times New Roman,serif;font-size:.72rem;font-style:italic;letter-spacing:.2em;text-transform:uppercase}.timeline-column--groom .timeline-column__header span{color:var(--sage)}.timeline-column__header h3{margin:0;font-size:clamp(1.35rem,3.6vw,2.2rem);font-weight:500}.line-card{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;border:1px solid rgba(46,36,32,.1);border-radius:26px;padding:12px;background:rgba(255,255,255,.52);box-shadow:0 18px 48px #4b2d231a;transform:translateY(24px);opacity:0;transition:opacity .8s ease,transform .8s ease}.line-card.is-visible{transform:translateY(0);opacity:1}.line-card__photo{position:relative;overflow:hidden;border:6px solid #fffaf4;border-radius:22px;aspect-ratio:4 / 5;background:var(--placeholder);background-size:cover;background-position:center;box-shadow:0 12px 28px #4b2d231f}.line-card__photo img{width:100%;height:100%;display:block;object-fit:cover}.line-card__photo span{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:10px;color:#2e24208a;text-align:center;font-size:.72rem;line-height:1.5}.line-card__photo.is-missing span{display:grid}.line-card__body{min-width:0}.line-card time{display:inline-flex;margin-bottom:7px;border-radius:999px;padding:4px 10px;color:#fffaf2;background:var(--rose);font-family:Georgia,Times New Roman,serif;font-size:.84rem}.timeline-column--groom .line-card time{background:var(--sage)}.line-card h4{margin:0 0 6px;font-size:clamp(1rem,2.4vw,1.22rem);font-weight:500}.line-card p{margin:0;font-size:.88rem;line-height:1.65}.merge{overflow:hidden;text-align:center}.merge__line{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:.24}.merge__line span{position:absolute;width:48vw;max-width:520px;height:2px;background:linear-gradient(90deg,transparent,var(--rose),var(--gold))}.merge__line span:first-child{transform:translate(-24vw) rotate(18deg)}.merge__line span:last-child{transform:translate(24vw) rotate(-18deg)}.moments{display:grid}.moment{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,7vw,92px)}.moment:nth-child(2n){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.moment:nth-child(2n) .moment__copy{order:2}.moment__time{display:inline-flex;margin-bottom:18px;border:1px solid rgba(200,111,95,.24);border-radius:999px;padding:8px 16px;color:var(--rose);background:rgba(255,250,244,.66);font-family:Georgia,Times New Roman,serif}.moment__copy h2{font-size:clamp(2.1rem,6.5vw,5.2rem)}.moment__copy p{margin-bottom:0}.moment--feature{width:min(100vw,1320px);margin-inline:calc(50% - min(50vw,660px));padding-inline:clamp(20px,6vw,96px);color:#fffaf2;background:radial-gradient(circle at 75% 22%,rgba(217,170,95,.28),transparent 24rem),linear-gradient(135deg,#2b1d1b,#684038 48%,#1f1a18)}.moment--highlight{min-height:108svh}.moment--highlight .media-frame,.moment--highlight .split-frame{box-shadow:0 30px 100px #4b2d2342}.moment--highlight .moment__copy h2:after,.moment--climax .moment__copy h2:after{display:block;width:88px;height:2px;margin-top:24px;background:linear-gradient(90deg,var(--gold),transparent);content:""}.moment--climax{min-height:116svh;transform-origin:center}.moment--climax:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 52% 38%,rgba(255,250,242,.22),transparent 18rem),radial-gradient(circle at 82% 72%,rgba(217,170,95,.2),transparent 24rem);content:""}.moment--climax .moment__copy{transform:translateY(42px) scale(.98)}.moment--climax.is-visible .moment__copy{transform:translateY(0) scale(1.02)}.moment--climax .media-frame{box-shadow:0 36px 130px #00000052}.moment--emotion-calm{--emotion-glow: rgba(118, 134, 108, .16)}.moment--emotion-warm{--emotion-glow: rgba(244, 184, 168, .2)}.moment--emotion-joy{--emotion-glow: rgba(217, 170, 95, .22)}.moment--emotion-climax{--emotion-glow: rgba(255, 250, 242, .26)}.moment:after{position:absolute;top:10%;right:8%;bottom:10%;left:8%;z-index:-1;pointer-events:none;border-radius:999px;background:radial-gradient(circle,var(--emotion-glow, rgba(244, 184, 168, .14)),transparent 62%);filter:blur(18px);content:""}.moment--feature .moment__copy h2,.moment--feature .moment__copy p,.moment--feature .moment__time,.moment--feature .eyebrow{color:#fffaf2}.moment--feature .moment__time{border-color:#fffaf247;background:rgba(255,250,242,.12)}.moment--feature .media-stack{width:min(100%,650px)}.moment--feature .media-frame{aspect-ratio:16 / 10;border-color:#fffaf4d1;transform:none}.moment--quiet{background:radial-gradient(circle at 18% 28%,rgba(255,250,244,.58),transparent 18rem),linear-gradient(135deg,rgba(46,36,32,.05),rgba(244,184,168,.22))}.moment--feature.moment--quiet .moment__copy h2,.moment--feature.moment--quiet .moment__copy p,.moment--feature.moment--quiet .moment__time,.moment--feature.moment--quiet .eyebrow{color:var(--ink);text-shadow:none}.moment--feature.moment--quiet .moment__copy p{color:var(--muted)}.moment--feature.moment--quiet .moment__time,.moment--feature.moment--quiet .eyebrow{color:var(--rose)}.media-stack{position:relative;width:min(100%,520px);justify-self:center}.media-frame{position:relative;overflow:hidden;border:14px solid #fffaf4;border-radius:34px;aspect-ratio:4 / 5;background:linear-gradient(135deg,rgba(46,36,32,.08),rgba(255,250,244,.45)),var(--placeholder);background-size:cover;background-position:center;box-shadow:var(--shadow);transform:rotate(var(--tilt))}.media-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,rgba(33,26,25,.46))}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transform:scale(1);transition:opacity .4s ease}.hero-photo img.loaded,.media-frame img.loaded,.media-frame video.loaded{filter:blur(0);opacity:1;transform:scale(1)}.media-frame video{background:#2e2420}.media-label{position:absolute;left:22px;right:22px;bottom:22px;z-index:1;color:#fffaf2;font-size:1rem;line-height:1.6}.film-strip{position:absolute;right:-24px;bottom:-28px;display:grid;gap:9px;width:112px;transform:rotate(7deg)}.film-strip span{position:relative;overflow:hidden;display:block;aspect-ratio:1;border:6px solid #fffaf4;border-radius:16px;background:var(--thumb-placeholder);background-size:cover;background-position:center;box-shadow:0 14px 32px #4b2d2329}.film-strip img{width:100%;height:100%;display:block;object-fit:cover}.media-skeleton{width:min(100%,520px);justify-self:center;border:14px solid #fffaf4;border-radius:34px;aspect-ratio:4 / 5;background:linear-gradient(100deg,rgba(255,250,244,.64) 20%,rgba(255,250,244,.92) 35%,rgba(255,250,244,.64) 50%),linear-gradient(135deg,#f6d8cc,#fff7ed 48%,#d9aa5f);background-size:220% 100%,100% 100%;box-shadow:var(--shadow);animation:skeletonShimmer 1.5s linear infinite}.photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:30px;color:#2e24208a;text-align:center;letter-spacing:.08em}.media-frame.is-missing .photo-placeholder{display:grid}.compare-stack,.split-scene{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,680px);gap:clamp(12px,2.4vw,20px);justify-self:center}.compare-frame,.split-frame{aspect-ratio:4 / 5;border-width:10px;transform:rotate(-1.4deg)}.compare-frame:nth-child(2),.split-frame:nth-child(2){transform:rotate(1.5deg)}.compare-stack .film-strip{right:24px}.moment--collage .media-frame{transform:rotate(-1.6deg)}.moment--split{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.moment--split .split-scene{width:min(100%,760px)}.moment--split .split-frame{aspect-ratio:3 / 4}.time-dock{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;display:flex;width:max-content;max-width:calc(100vw - 24px);gap:8px;border:1px solid rgba(46,36,32,.12);border-radius:999px;padding:8px;background:rgba(255,250,244,.72);box-shadow:0 18px 58px #4b2d232e;transform:translate(-50%);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.time-dock::-webkit-scrollbar{display:none}.time-dock a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;border-radius:999px;padding:8px 13px;color:var(--muted);font-family:Georgia,Times New Roman,serif;font-size:.82rem;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color .25s ease,background .25s ease,transform .25s ease}.time-dock a:hover,.time-dock a.is-current{color:#fffaf2;background:var(--night);transform:translateY(-1px)}.music-toggle{position:fixed;top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));z-index:45;width:52px;height:52px;border:1px solid rgba(200,111,95,.28);border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(255,250,244,.95),rgba(255,250,244,.72)),linear-gradient(145deg,rgba(200,111,95,.2),rgba(217,170,95,.2));box-shadow:0 14px 40px #4b2d2333;cursor:pointer;overflow:hidden;transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.music-toggle:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 20px 50px #4b2d233d;border-color:#c86f5f6b}.music-toggle__ring{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(200,111,95,.22);border-radius:inherit;opacity:0;transform:scale(.85)}.music-toggle__icon{position:relative;z-index:1;display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;width:22px;height:20px}.music-toggle__icon .bar{width:4px;border-radius:999px;background:linear-gradient(180deg,var(--rose),#9f5547);transform-origin:center bottom;transition:height .24s ease,opacity .24s ease,transform .24s ease}.music-toggle__icon .bar--1{height:10px}.music-toggle__icon .bar--2{height:16px}.music-toggle__icon .bar--3{height:12px}.music-toggle.is-playing .music-toggle__icon .bar--1{animation:musicBeatA .9s ease-in-out infinite}.music-toggle.is-playing .music-toggle__icon .bar--2{animation:musicBeatB .9s ease-in-out infinite}.music-toggle.is-playing .music-toggle__icon .bar--3{animation:musicBeatC .9s ease-in-out infinite}.music-toggle.is-playing .music-toggle__ring{opacity:1;animation:musicPulse 1.8s ease-out infinite}.music-toggle.is-muted .music-toggle__icon .bar{height:5px;opacity:.46;animation:none}.music-toggle:not(.is-started) .music-toggle__icon .bar{opacity:.75}.music-toggle:focus-visible{outline:2px solid rgba(200,111,95,.55);outline-offset:2px}.panel,.moment__copy,.media-stack,.compare-stack,.split-scene{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s ease}.panel.is-visible,.moment.is-visible .moment__copy,.moment.is-visible .media-stack,.moment.is-visible .compare-stack,.moment.is-visible .split-scene{opacity:1;transform:translateY(0)}.hero.is-active,.hero.is-visible{opacity:1;transform:none}@keyframes breathe{0%,to{transform:scale(.96) rotate(0)}50%{transform:scale(1.04) rotate(8deg)}}@keyframes skeletonShimmer{0%{background-position:200% 0,0 0}to{background-position:-20% 0,0 0}}@keyframes musicPulse{0%{transform:scale(.86);opacity:.45}70%{transform:scale(1.08);opacity:0}to{transform:scale(1.1);opacity:0}}@keyframes musicBeatA{0%,to{height:8px;transform:translateY(0)}50%{height:16px;transform:translateY(-1px)}}@keyframes musicBeatB{0%,to{height:15px;transform:translateY(0)}40%{height:8px}70%{height:18px;transform:translateY(-1px)}}@keyframes musicBeatC{0%,to{height:10px;transform:translateY(0)}45%{height:17px;transform:translateY(-1px)}80%{height:8px}}@media (prefers-reduced-motion: reduce){.music-toggle,.music-toggle__icon .bar,.music-toggle__ring{animation:none!important;transition:none}}@media (max-width: 860px){.split,.moment,.moment:nth-child(2n),.moment--split{grid-template-columns:1fr}.moment:nth-child(2n) .moment__copy{order:initial}.panel,.moment{min-height:100svh;padding:calc(74px + env(safe-area-inset-top)) 18px calc(108px + env(safe-area-inset-bottom))}.hero{min-height:100svh;padding-inline:18px}.hero-photo{width:min(86vw,420px);margin-bottom:28px;border-width:10px;border-radius:30px}h1{font-size:clamp(3rem,18vw,5.4rem)}h2,.moment__copy h2{font-size:clamp(2.1rem,11vw,4rem);line-height:1.06}p{font-size:1rem;line-height:1.82}.moment--feature{width:100%;margin-inline:0;padding-inline:18px}.moment--highlight,.moment--climax{min-height:100svh}.moment--feature .media-frame{aspect-ratio:4 / 5}.media-stack{width:min(100%,430px)}.media-frame{border-width:10px;border-radius:28px}.media-label{left:16px;right:16px;bottom:16px;font-size:.88rem}.parallel-lines{grid-template-columns:1fr}.timeline-column__header{position:relative;top:auto}.timeline-column:before{left:18px}.line-card{grid-template-columns:78px 1fr}.film-strip{position:relative;right:auto;bottom:auto;grid-template-columns:repeat(3,1fr);width:min(100%,320px);margin:-10px auto 0;transform:none}.compare-stack,.split-scene{grid-template-columns:1fr;width:min(100%,430px)}.compare-frame,.split-frame{aspect-ratio:4 / 5}.media-skeleton{width:min(100%,430px);border-width:10px;border-radius:28px}.time-dock{justify-content:flex-start;max-width:calc(100vw - 18px);padding:7px}.time-dock a{min-height:38px;padding:8px 12px;font-size:.78rem}.music-toggle{width:44px;height:44px}.music-toggle__icon{width:18px;height:16px;gap:2px}.music-toggle__icon .bar{width:3px}.panel,.moment__copy,.media-stack,.compare-stack,.split-scene{opacity:1;transform:none}.moment--climax .moment__copy,.moment--climax.is-visible .moment__copy{transform:none}}