@font-face{font-family:SedamSerif;src:url('./assets/korean-serif.woff') format('woff');font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:SedamSans;src:url('./assets/korean-sans.woff') format('woff');font-display:swap;font-style:normal;font-weight:400}
:root{color-scheme:light;--paper:#f8f5ed;--forest:#123f31;--sage:#73816a}
*{box-sizing:border-box}
html{min-width:280px;background:var(--paper)}
body{margin:0;min-height:100svh;background:var(--paper);color:var(--forest);font-family:SedamSerif,'Noto Serif CJK KR','Batang',serif;-webkit-font-smoothing:antialiased}
.masthead{display:flex;align-items:center;gap:16px;padding:64px 5.4vw 0;line-height:1}
.wordmark{font-size:26px;letter-spacing:1px;white-space:nowrap}
.sprout{display:block;width:46px;height:32px;position:relative;overflow:hidden;mix-blend-mode:darken;flex:none}
.sprout img{position:absolute;max-width:none;width:1487px;height:1058px;left:-80px;top:-64px}
main{padding:110px 28px 140px;text-align:center;display:flex;flex-direction:column;align-items:center}
.illustration{margin:0;width:min(620px,80vw);animation:arrive 1.2s ease-out both}
.art-window{width:100%;aspect-ratio:620/310;position:relative;overflow:hidden;mix-blend-mode:darken}
.source-art{position:absolute;width:239.83871%;height:auto;max-width:none;left:-70.16129%;top:-67.74194%}
h1{margin:43px 0 0;font-size:clamp(34px,3.78vw,57px);font-weight:400;letter-spacing:-.045em;line-height:1.46;word-break:keep-all;text-wrap:balance}
.statement{display:block}
.closing{margin:36px 0 0;font-family:SedamSans,'Noto Sans CJK KR',sans-serif;font-size:30px;line-height:1.6;letter-spacing:-.045em;color:var(--sage)}
.signoff{margin-top:70px;animation:arrive 1.5s ease-out both}
.signoff .sprout{transform:scale(.82);transform-origin:center}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{padding-top:120px}.illustration{width:650px}}
@media(max-width:800px){.masthead{padding:36px 32px 0;gap:12px}.wordmark{font-size:22px}.sprout-header{transform:scale(.85);transform-origin:left center;margin-right:-7px}main{padding-top:94px;padding-bottom:85px}.illustration{width:min(570px,84vw)}h1{font-size:clamp(30px,4.6vw,40px);margin-top:38px;letter-spacing:-.055em}.closing{font-size:24px;margin-top:28px}.signoff{margin-top:53px}}
@media(max-width:540px){.masthead{padding:28px 24px 0;gap:10px}.wordmark{font-size:20px;letter-spacing:.6px}.sprout-header{transform:scale(.73);margin-right:-12px}main{padding:83px 22px 64px}.illustration{width:min(365px,94vw)}h1{font-size:clamp(25px,7.3vw,31px);line-height:1.6;margin-top:34px;letter-spacing:-.065em}.mobile-break{display:block}.statement+.statement{margin-top:9px}.closing{font-size:20px;margin-top:30px;letter-spacing:-.04em}.signoff{margin-top:45px}}
@media(max-height:750px) and (max-width:540px){main{padding-top:48px;padding-bottom:38px}.illustration{width:min(330px,88vw)}h1{margin-top:27px}.signoff{margin-top:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}