@font-face{font-family:'Anniversary Serif';src:url('fonts/anniversary-serif.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box} [hidden]{display:none!important}
:root{--ink:#44242b;--muted:#84656d;--rose:#974656;--line:#d7bcc3;--paper:#fffaf8}
html{scroll-behavior:smooth;scroll-padding-top:36px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:'Malgun Gothic',system-ui,sans-serif;word-break:keep-all;overflow-x:hidden}
body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#fffaf9e8,#fff7f7ee),url('media/0867.avif') center/cover}
button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a14262;outline-offset:5px}button:disabled{cursor:default}
h1,h2,h3{font-family:'Anniversary Serif','Batang',Georgia,serif;font-weight:400;letter-spacing:-.055em}p{font-size:16px;line-height:1.9}img{display:block;max-width:100%}
header{height:96px;max-width:1440px;margin:auto;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7bcc366;position:relative;z-index:2}
.brand{font-family:'Anniversary Serif','Batang',serif;font-size:22px;letter-spacing:.06em}.brand span{font-size:13px;margin-left:12px;color:#a25366}.header-links{display:flex;align-items:center;gap:32px;font-size:14px}.header-links a{padding:10px 0}.header-links button{border:0;background:none;padding:10px 0;color:var(--muted);font-size:14px}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient:before{content:'';position:absolute;width:75vw;height:130vh;right:-35vw;top:-30vh;background:url('media/0867.avif') left top/cover;filter:blur(60px);opacity:.15;transform:rotate(-20deg)}.ambient i{display:none}.ambient:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0% 60%,#efd5d555,transparent 60%);animation:lightBreath 15s ease-in-out infinite alternate}
#readingProgress{position:fixed;left:0;top:0;height:2px;width:100%;background:#a95467;transform-origin:left;transform:scaleX(0);z-index:15}
.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:8%;padding:60px 8% 80px;min-height:min(830px,calc(100svh - 96px))}
.eyebrow{font-size:14px;letter-spacing:.12em;line-height:1.7;color:var(--rose);margin:0 0 22px}.hero h1{font-size:clamp(44px,4.7vw,72px);line-height:1.38;margin:20px 0 26px;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#a14d60}.intro{color:var(--muted);font-size:16px;line-height:2.1;margin:0 0 32px}
.button{display:inline-flex;gap:35px;align-items:center;justify-content:center;background:var(--ink);color:#fffaf5;border:1px solid var(--ink);padding:16px 28px;min-height:52px;font-size:15px;transition:background .25s,transform .25s}.button:hover{background:#814052;border-color:#814052;transform:translateY(-2px)}.start-story{border-radius:0;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #a87786;padding:12px 0;font-size:15px}.start-story:hover{background:transparent;border-color:#a87786;color:#a14d60}.start-story span{font-size:22px}
.photo-stage{position:relative;max-width:520px;width:100%;justify-self:end;padding:0 24px 0 0}.main-memory{margin:0;position:relative;z-index:1;background:#fffefc;padding:10px 10px 22px;box-shadow:0 25px 65px #63354024;transform:rotate(2deg);animation:photoAppear 1.2s cubic-bezier(.2,.6,.2,1) both}.main-memory img{width:100%;height:clamp(400px,43vw,575px);object-fit:cover;object-position:center 54%}.main-memory figcaption{text-align:center;font-family:'Anniversary Serif','Batang',serif;font-size:15px;padding-top:20px;letter-spacing:.03em;color:#876271}.anniversary-mark{position:absolute;bottom:-44px;right:-35px;font:italic 175px/.9 Georgia,serif;color:#9e5c6980;z-index:2;pointer-events:none}.hero-copy{animation:copyAppear 1s ease both}
.date-ribbon{display:flex;align-items:center;justify-content:center;gap:30px;color:#93747c;font-family:'Anniversary Serif','Batang',serif;font-size:17px;padding:32px 20px;background:#f5e6e855;border-block:1px solid #e7d0d255}.ribbon-line{height:1px;width:clamp(60px,15vw,230px);background:#caa8b0}
#chapters{max-width:1360px;padding:110px 6% 120px;margin:auto}.chapter-intro{margin-bottom:42px}.chapter-intro .eyebrow{margin-bottom:16px}.chapter-intro h2{font-size:clamp(30px,3vw,44px);margin:0;line-height:1.5}.chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:105px}.chapter{min-width:0;background:#fffdfb;box-shadow:0 16px 40px #53232c0a;transition:transform .5s}.chapter:nth-child(2){margin-top:38px}.chapter:nth-child(3){margin-top:76px}.chapter:hover{transform:translateY(-6px)}.chapter-content{display:block}.chapter .photo-wrap{overflow:hidden}.chapter img{width:100%;aspect-ratio:4/4.4;object-fit:cover;transition:transform 1s}.chapter:hover img{transform:scale(1.045)}.chapter-content>div:last-child{padding:25px 24px 22px}.chapter .date{font:16px Georgia,serif;letter-spacing:.07em;color:#a56878;margin:0 0 10px}.chapter h3{font-size:27px;line-height:1.5;margin:0 0 14px}.chapter-open{font-size:14px;color:#967780}.film-button{display:block;width:calc(100% - 48px);margin:0 24px 25px;padding:13px 0;border:1px solid #d8bfc5;color:#6e3445;background:transparent;font-size:14px;transition:background .2s}.film-button:hover{background:#f6e8ec}.chapter:nth-child(2) .film-button{background:#603442;color:white;border-color:#603442}.chapter:nth-child(2) .film-button:hover{background:#804457}
.pictorial-card{display:grid;grid-template-columns:1.15fr 1fr;background:#ead9dd;align-items:center;gap:65px;padding-right:50px;overflow:hidden}.pictorial-image{overflow:hidden}.pictorial-card img{width:100%;height:450px;object-fit:cover;object-position:center 30%;transition:transform 1s}.pictorial-card:hover img{transform:scale(1.025)}.pictorial-card .eyebrow{margin-bottom:18px}.pictorial-card h2{font-size:40px;line-height:1.4;margin:0 0 22px}.pictorial-card p:not(.eyebrow){font-size:16px;color:#836371;line-height:2}.pictorial-card span{display:inline-block;border-bottom:1px solid #ac8190;padding:12px 0;font-size:14px;margin-top:10px}
#album,#finale{max-width:1240px;margin:auto;padding:40px 5% 80px}.back{font-size:14px;color:#8e6975;padding:10px 0;display:inline-block}.album-heading{text-align:center;padding:45px 0 18px}.album-heading .eyebrow{font-family:Georgia,serif;font-size:17px}.album-heading h1{font-size:48px;line-height:1.4;margin:15px 0}.album-heading p{color:var(--muted)}.album-film-action{text-align:center;margin:12px 0 30px}#years{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0 55px}#years button{background:transparent;border:0;border-bottom:1px solid transparent;padding:10px 16px;color:#8d6875;font-size:15px}#years button[aria-pressed=true]{border-color:#663040;color:#4e2332}.month-heading{display:flex;align-items:center;gap:24px;font:25px Georgia,serif;color:#976c79;margin:45px 0 25px}.month-heading:after{content:'';height:1px;background:#dfcdd2;flex:1}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tile{display:block;padding:0;border:0;background:#ede1e3;position:relative;overflow:hidden;aspect-ratio:4/5;color:white}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.tile:hover img{transform:scale(1.04)}.tile.video{grid-column:span 2;aspect-ratio:8/5}.play{position:absolute;inset:0;display:grid;place-items:center;text-shadow:0 2px 12px #0009;font-size:35px}.badge{position:absolute;bottom:12px;left:12px;background:#25151b9c;font-size:13px;padding:5px 10px}.more-wrap{text-align:center;margin:45px 0}#albumEnd{text-align:center;border-top:1px solid var(--line);margin-top:45px;padding:45px 10px}#albumEnd p{color:var(--muted)}
.letter{text-align:center;max-width:700px;padding:55px 35px;margin:35px auto 50px;background:#fffdf8dc;box-shadow:0 18px 70px #854b5910;border:1px solid #e6d4d0;position:relative}.letter:before{content:'';position:absolute;inset:10px;border:1px solid #ecdfd7;pointer-events:none}.letter h1{font-size:41px;line-height:1.55;margin:22px 0 40px}.letter h1 em{font-style:normal;color:#a45a70}.letter>p:not(.eyebrow){line-height:2.35;margin:30px 0;color:#80616c}.signature{font-family:'Anniversary Serif','Batang',serif}.film{max-width:400px;margin:auto;text-align:center}.film video{display:block;width:100%;aspect-ratio:9/16;background:#211a1d}.film p{font-size:14px;color:#94717b}.proposal{text-align:center;padding:85px 20px}.proposal h2{font-size:45px;line-height:1.4}.proposal>p{color:#967080}.proposal .button{margin-top:20px}#answer{max-width:540px;padding:35px;margin:35px auto;background:#f1dee3;border:1px solid #d7b5c0}#answer h2{font-size:32px}footer{padding:38px 20px;text-align:center;border-top:1px solid #ddc2cc;font-family:'Anniversary Serif','Batang',serif;font-size:15px;color:#947580;background:#f3e6e9}
dialog{border:0;padding:0;background:#191317;color:white;width:min(1100px,96vw);max-width:none;height:94dvh;max-height:96dvh;overflow:hidden;border-radius:4px}dialog::backdrop{background:#291820df;backdrop-filter:blur(10px)}.viewer-top,.viewer-bottom{height:60px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:14px}.viewer-top button,.viewer-bottom button{width:44px;height:44px;border:1px solid #ffffff50;border-radius:50%;background:transparent;color:white;font-size:24px}.viewer-top button{font-size:30px}.viewer-bottom button:disabled{opacity:.3}#viewerMedia{height:calc(100% - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center}#viewerMedia img,#viewerMedia video{max-width:100%;max-height:100%;object-fit:contain}#viewerMedia video{max-height:62dvh}#viewerMedia p{padding:24px;text-align:center}
#chapterPlayer{width:min(1160px,96vw);height:auto;max-height:94dvh;background:#fffaf7;color:var(--ink);padding:22px;overflow:auto;border-radius:7px}.chapter-player-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;position:sticky;top:-22px;background:#fffaf7;z-index:3;padding:8px 0}.chapter-player-heading h2{font-size:26px;margin:0;line-height:1.4}.chapter-player-heading button{width:42px;height:42px;border:1px solid #d8bec8;border-radius:50%;background:transparent;color:#835165;font-size:27px;flex-shrink:0}#chapterVideo{display:block;width:100%;aspect-ratio:16/9;max-height:57dvh;background:#191319}#chapterVideoError,.film-loading{text-align:center;font-size:14px;color:#9a5470}
.film-transport{width:100%;padding:16px 18px;background:#231b21;color:#fff3e4;box-sizing:border-box;font:14px/1.5 system-ui,sans-serif}.film-timeline{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:12px}.film-timeline output{font-variant-numeric:tabular-nums;text-align:center}.film-timeline input{width:100%;min-width:0;margin:0;height:24px;accent-color:#e9bfcb;cursor:pointer;background:transparent}.film-transport-buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}.film-transport button{border:1px solid #80717a;color:#f8eee6;border-radius:24px;background:transparent;padding:9px 18px;min-height:44px;font-size:14px}.film-transport .film-toggle{background:#eed6db;color:#4a2434;border-color:#eed6db;min-width:108px}.film-transport button:disabled{opacity:.4}.film-buffer{flex-basis:100%;text-align:center;color:#e3b7c3}.film-buffer:empty{display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease var(--delay,0ms),transform .85s ease var(--delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}.celebration{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden}.celebration i{position:absolute;top:-20px;left:var(--x);width:7px;height:12px;animation:confettiFall 4s ease-in var(--wait) both}
@keyframes lightBreath{to{opacity:.5;transform:translateX(4vw)}}@keyframes photoAppear{from{opacity:0;transform:translateY(25px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(2deg)}}@keyframes copyAppear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{to{transform:translate(var(--drift),105vh) rotate(var(--spin));opacity:0}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1;transform:none}.motion-off{scroll-behavior:auto}
@media(max-width:950px){header{padding:0 5%;height:82px}.header-links{gap:22px}.hero{padding:50px 6% 65px;gap:6%;min-height:700px}.hero h1{font-size:48px}.photo-stage{padding-right:0}.main-memory img{height:450px}.anniversary-mark{font-size:125px;right:-20px;bottom:-35px}#chapters{padding:80px 5%}.chapters{gap:22px}.chapter-content>div:last-child{padding:20px 18px}.chapter h3{font-size:23px}.film-button{width:calc(100% - 36px);margin:0 18px 20px;font-size:13px}.pictorial-card{gap:35px;padding-right:30px}.pictorial-card img{height:370px}.pictorial-card h2{font-size:33px}}
@media(max-width:650px){header{height:74px;padding:0 22px}.brand{font-size:18px}.brand span{margin-left:6px}.header-links{gap:16px}.header-links a{font-size:13px}.header-links a:first-child{display:none}.header-links button{font-size:12px}.hero{display:flex;flex-direction:column;min-height:0;gap:40px;padding:45px 30px 64px}.hero-copy{width:100%}.hero .eyebrow{font-size:12px;letter-spacing:.08em}.hero h1{font-size:49px;line-height:1.35;margin:18px 0 24px}.hero .intro{font-size:15px;margin-bottom:20px}.start-story{font-size:14px;gap:45px}.photo-stage{max-width:400px;width:92%;align-self:center}.main-memory{padding:8px 8px 20px}.main-memory img{height:auto;aspect-ratio:4/5;object-fit:cover}.main-memory figcaption{font-size:14px;padding-top:16px}.anniversary-mark{font-size:110px;right:-25px;bottom:-30px}.date-ribbon{gap:20px;padding:26px 15px;font-size:14px}.ribbon-line{width:65px}#chapters{padding:62px 24px 75px}.chapter-intro{margin-bottom:28px}.chapter-intro .eyebrow{font-size:13px;margin-bottom:11px}.chapter-intro h2{font-size:31px}.chapters{grid-template-columns:1fr;gap:27px;margin-bottom:55px}.chapter:nth-child(n){margin-top:0}.chapter-content{display:grid;grid-template-columns:45% 1fr;align-items:center}.chapter img{aspect-ratio:4/5}.chapter-content>div:last-child{padding:16px}.chapter .date{font-size:14px;margin-bottom:10px}.chapter h3{font-size:24px}.chapter-open{font-size:13px}.film-button{margin:14px 18px 18px;font-size:14px;padding:13px}.pictorial-card{grid-template-columns:1fr;gap:0;padding:0}.pictorial-card img{height:340px;object-position:center 26%}.pictorial-card>div:last-child{padding:32px 28px}.pictorial-card h2{font-size:33px;margin-bottom:15px}.pictorial-card p:not(.eyebrow){font-size:15px;margin:0}.pictorial-card span{margin-top:18px}#album,#finale{padding:28px 20px 55px}.album-heading{padding:35px 0 12px}.album-heading h1{font-size:35px}.album-heading>p{font-size:15px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.month-heading{font-size:22px;margin:35px 0 20px}#years{gap:6px;margin-bottom:35px}#years button{padding:9px 12px;font-size:14px}.letter{padding:35px 22px;margin:30px auto 40px}.letter .eyebrow{font-size:12px;letter-spacing:.04em}.letter h1{font-size:28px;line-height:1.65}.letter>p:not(.eyebrow){font-size:15px}.proposal{padding:55px 5px}.proposal h2{font-size:33px}.proposal>p{font-size:15px}footer{font-size:14px;padding:30px 18px}dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.viewer-top,.viewer-bottom{padding:8px 12px}#chapterPlayer{padding:14px;width:96vw}.chapter-player-heading{top:-14px;gap:10px;margin-bottom:12px}.chapter-player-heading h2{font-size:18px}.film-transport{padding:12px 8px}.film-timeline{gap:5px;grid-template-columns:42px minmax(0,1fr) 42px}.film-transport-buttons{gap:8px}.film-transport button{padding:9px 13px}#chapterVideo{max-height:54dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
body:before{background:linear-gradient(115deg,#fffaf8,#fceef1 65%,#fffaf7)}.ambient:before{width:460px;height:760px;right:-180px;top:8vh;background-size:2500px auto;background-position:100% 65%;filter:blur(2px);opacity:.2;mask-image:linear-gradient(90deg,transparent,#000);transform:rotate(-12deg)}.ambient:after{left:-190px;bottom:-120px;top:auto;right:auto;width:460px;height:700px;background:url(media/0867.avif) 0% 64%/2300px auto;filter:blur(3px);opacity:.13;mask-image:linear-gradient(270deg,transparent,#000);animation:none}.hero-image{height:clamp(400px,43vw,575px);overflow:hidden}.main-memory .hero-image img{height:100%;transform:scale(1.24);transform-origin:50% 73%;object-position:50% 72%}@media(max-width:950px){.hero-image{height:450px}}@media(max-width:650px){.hero-image{height:auto;aspect-ratio:4/5}.main-memory .hero-image img{height:100%;aspect-ratio:4/5}.ambient:before{right:-300px;opacity:.12}.ambient:after{left:-290px;opacity:.08}}
 .ambient:before,.ambient:after{mask-image:radial-gradient(ellipse at center,#000 15%,transparent 72%)}

/* Ten autumns: warm daylight, full photographs and a quiet final letter. */
:root{--ink:#392d24;--muted:#715d50;--rose:#8b542c;--line:#dac8b4;--paper:#fffaf2}
body:before{background:radial-gradient(ellipse at 90% 0%,#ffdc9e60,transparent 52%),linear-gradient(120deg,#fffdf8,#fff4e6)}
.ambient:before,.ambient:after{background-image:url('media/0742.avif');opacity:.08;filter:blur(22px)}
header{height:82px;border-color:#decbb866}.brand{font-size:21px;letter-spacing:0}.brand .brand-date{font:12px/1.5 system-ui;color:#806749;margin-left:13px}
.hero{grid-template-columns:.8fr 1.25fr;gap:5%;max-width:1500px;padding:55px 6% 75px;min-height:690px}.hero h1{font-size:clamp(42px,4.2vw,64px);letter-spacing:-.05em}.hero h1 em{color:#9d592b}.hero .eyebrow{font-size:14px;letter-spacing:.08em}.intro{color:#705d4e}.photo-stage{max-width:750px;padding:0}.main-memory{transform:rotate(1deg);padding:10px 10px 20px;box-shadow:0 25px 65px #76532720}.hero-image{height:auto;aspect-ratio:4/3}.main-memory .hero-image img{height:100%;aspect-ratio:auto;transform:none;object-position:center;object-fit:cover}.main-memory figcaption{color:#755c45}.anniversary-mark{color:#b7783c;font-size:120px;right:-20px;bottom:-28px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.start-story{padding:17px 24px;background:#68492f;color:#fff;border:0;border-radius:3px;font-size:16px;gap:20px}.start-story:hover{background:#825534;color:#fff}.album-shortcut{display:inline-block;color:#705741;font-size:15px;border-bottom:1px solid #b79977;padding-bottom:5px}.date-ribbon{color:#715a43;background:#f3e5d255;font-size:16px}.ribbon-line{background:#bda17b}
.chapter:nth-child(n){margin-top:0}.chapters{gap:28px}.chapter{background:#fffdf8;border:1px solid #e4d6c6;box-shadow:none}.chapter img{aspect-ratio:4/5;object-fit:cover}.chapter:first-child img{object-position:52% center}.chapter .date{color:#805d3f}.chapter-open{color:#725d4c}.chapter:nth-child(n) .film-button{background:#68492f;color:#fff;border-color:#68492f;font-size:16px;padding:15px}.chapter:nth-child(n) .film-button:hover{background:#825534}.chapter.watched .date:after{content:' · 감상한 이야기';font:12px system-ui;color:#77634e}.chapter h3{font-size:28px}
.pictorial-card{background:#f2e7d5;grid-template-columns:1.25fr 1fr;gap:50px}.pictorial-card img{height:auto;aspect-ratio:4/3;object-fit:contain}.pictorial-card p:not(.eyebrow){color:#725d4d}.pictorial-card h2{color:#4e3725}
.tile{background:#eee4d7}.tile img{object-fit:contain}.month-heading{color:#795e46}.album-heading p,.back{color:#715b47}#years button{color:#715b47}#years button[aria-pressed=true]{color:#382719;border-color:#382719}
.letter{background:#fffdf8;border-color:#dfcaae;box-shadow:0 20px 60px #7a56300d}.letter h1 em{color:#8c532c}.letter>p:not(.eyebrow){font-size:18px;color:#5f4b3e}.letter .eyebrow{color:#785a38}.finale-film{max-width:1050px}.finale-film video{aspect-ratio:16/9;width:100%}.proposal{padding:40px 20px}#answer{background:#f5e6cb;border-color:#d6bc91}footer{background:#f5ecdf;color:#735b48;border-color:#e1d1ba}
#chapterPlayer{padding:22px;background:#fffaf2}.chapter-player-heading{background:#fffaf2}.chapter-player-heading h2{font-size:25px}#chapterVideo{max-height:64dvh}.film-stage{width:100%;background:#151411;position:relative}.film-stage:fullscreen{height:100dvh;display:flex;flex-direction:column;justify-content:center;background:#151411}.film-stage:fullscreen video{width:100%;max-height:calc(100dvh - 140px)!important;flex:1;min-height:0;object-fit:contain}.film-stage:fullscreen .film-transport{flex-shrink:0}.film-transport{background:#28231d;color:#fff8eb;font-size:15px}.film-transport .film-toggle{background:#f1d3a1;color:#342619;border-color:#f1d3a1}.film-timeline input{accent-color:#ecc18c}.film-buffer{color:#f0ce9f}.film-volume{display:flex;align-items:center;gap:8px}.film-volume input{width:75px;accent-color:#ecc18c}#chapterAfter{text-align:center;padding:20px 10px 8px}#chapterAfter p{font-size:18px;color:#594332;margin:8px 0 20px}.text-button{display:block;margin:20px auto 0;background:none;border:0;border-bottom:1px solid #baa082;padding:5px;color:#71573d}.film-loading,#chapterVideoError{color:#725437}#retryFilm{margin:18px auto;display:block}.chapter-player-heading button{color:#725437;border-color:#d6c0a6}
@media(max-width:950px){.hero{min-height:590px;gap:5%;padding:42px 5% 65px}.hero h1{font-size:44px}.hero-image{height:auto}.pictorial-card{gap:30px}.chapter h3{font-size:24px}.brand .brand-date{display:none}}
@media(max-width:650px){header{height:66px;padding:0 20px}.brand{font-size:18px}.header-links a,.header-links button{font-size:14px}.header-links{gap:15px}.hero{padding:30px 24px 52px;gap:30px;min-height:0}.hero h1{font-size:43px;margin:12px 0 18px;line-height:1.32}.hero .eyebrow{font-size:13px;margin-bottom:14px}.hero .intro{font-size:16px;margin-bottom:22px;line-height:1.9}.photo-stage{width:100%;max-width:600px}.hero-image{aspect-ratio:4/3}.main-memory .hero-image img{aspect-ratio:auto}.anniversary-mark{font-size:85px;right:-8px;bottom:-20px}.hero-actions{gap:15px}.start-story{font-size:16px}.date-ribbon{gap:14px;font-size:14px}.ribbon-line{width:35px}.chapter-content{grid-template-columns:46% 1fr}.chapter h3{font-size:25px}.chapter-content>div:last-child{padding:16px}.chapter .date{font-size:14px}.chapter-open{font-size:14px}.chapter:nth-child(n) .film-button{font-size:16px}.pictorial-card{grid-template-columns:1fr;padding:0;gap:0}.pictorial-card img{height:auto;aspect-ratio:4/3}.pictorial-card p:not(.eyebrow){font-size:16px}.film-transport{padding:12px 8px}.film-transport button{font-size:14px;padding:9px 12px}.film-transport-buttons{gap:8px}.film-volume input{width:58px}.film-transport .film-toggle{min-width:80px}#chapterPlayer{padding:12px}.chapter-player-heading{top:-12px}.chapter-player-heading h2{font-size:18px}#chapterAfter p{font-size:16px}.letter{padding:28px 14px}.letter h1{font-size:30px}.letter>p:not(.eyebrow){font-size:16px}.brand span{margin-left:0}#viewerMedia .film-stage{max-height:100%;display:flex;flex-direction:column}#viewerMedia video{max-height:calc(100dvh - 330px)}}
.start-story{white-space:nowrap}.hero .intro{word-break:keep-all}@media(min-width:651px) and (max-width:850px){.hero{grid-template-columns:1fr;gap:32px;padding:38px 8% 64px}.hero-copy{max-width:620px}.hero h1{font-size:48px}.hero h1 br:nth-child(2){display:none}.photo-stage{max-width:680px;justify-self:center}.hero-actions{flex-direction:row;align-items:center;gap:24px}.hero .intro{margin-bottom:24px}}

/* Gentle typography and an uninterrupted final scene. */
@font-face{font-family:'Our Dodum';src:url('fonts/our-dodum.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Our Batang';src:url('fonts/our-batang.woff2') format('woff2');font-weight:400;font-display:swap}
body,button,input,.film-transport{font-family:'Our Dodum',sans-serif}
h1,h2,h3,.brand,.main-memory figcaption,.letter,.date-ribbon{font-family:'Our Batang',serif;font-weight:400}
body{font-size:17px}.header-links a,.header-links button,.back,.eyebrow,.chapter-open,.album-shortcut{font-size:16px}.hero .intro{font-size:18px;line-height:1.9}.chapter .date{font-size:17px}.film-transport button,.film-loading,#chapterVideoError{font-size:16px}.film-timeline{font-size:16px}.text-button{font-size:16px}.pictorial-card p:not(.eyebrow){font-size:18px}footer{font-size:16px}.badge{font-size:13px}.main-memory{padding-bottom:25px}.main-memory figcaption{font-size:clamp(18px,1.65vw,23px);line-height:1.75;letter-spacing:0;color:#644c3d;padding:22px 10px 0}.main-memory figcaption span{display:block}.photo-stage{padding-top:18px}.anniversary-mark{top:-45px;right:-8px;bottom:auto;font-size:76px;opacity:.7;z-index:0}.main-memory{position:relative;z-index:1}
.proposal-finished video{visibility:hidden}.proposal-finished .film-transport{display:none}.proposal-ending{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#fffdf7,#f5e6cf);color:#5b3c28;padding:30px;animation:proposalReveal 1.8s ease both}.proposal-ending p{font:clamp(24px,4vw,42px)/1.7 'Our Batang',serif;margin:0 0 12px}.proposal-ending h2{font:clamp(32px,6vw,72px)/1.5 'Our Batang',serif;margin:0;letter-spacing:-.025em}.film-stage.proposal-finished:fullscreen{background:#f5e6cf}.film-stage:fullscreen .proposal-ending{height:100dvh}.film-stage:fullscreen.proposal-finished video{max-height:100dvh!important}
@keyframes proposalReveal{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.hero .intro{font-size:17px}.main-memory figcaption{font-size:19px;padding:19px 6px 0;line-height:1.75}.anniversary-mark{font-size:62px;top:-35px;right:0}.header-links a,.header-links button{font-size:15px}.hero .eyebrow{font-size:14px}.chapter .date{font-size:15px}.chapter-open{font-size:15px}.chapter h3{font-size:25px}.album-heading>p,.pictorial-card p:not(.eyebrow),.letter>p:not(.eyebrow){font-size:17px;line-height:1.9}.film-transport button{font-size:15px}.film-timeline{font-size:15px}.proposal-ending{padding:18px}.proposal-ending h2{font-size:clamp(28px,7.5vw,42px)}.proposal-ending p{font-size:24px}.date-ribbon{font-size:15px}footer{font-size:15px}}