:root{--paper:#f7f5ed;--ink:#414b39;--muted:#7a806c;--olive:#6d7950;--olive-dark:#4e6040;--line:#dedfcf;--peach:#c28a68;--serif:Georgia,"Times New Roman","Batang","바탕",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic","맑은 고딕",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--peach);outline-offset:6px}button{cursor:pointer}::selection{background:#e6d8b7;color:#33402b}.wrap{width:min(1260px,calc(100% - 120px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:10;padding:15px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:12px}
.site-header{height:119px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:600 38px/1 var(--serif);letter-spacing:-2.5px;display:inline-flex;align-items:center;gap:10px}.wordmark svg{width:28px;height:28px;opacity:.85}.wordmark-dot{color:var(--peach);margin-left:-9px}.site-header nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:500;letter-spacing:.01em}.site-header nav a{padding:12px 0;transition:color .2s}.site-header nav a:hover{color:var(--peach)}.nav-greeting span{font-size:16px;margin-left:9px}
.hero{position:relative;display:grid;grid-template-columns:42% 58%;align-items:center;min-height:690px;padding-block:35px 40px;gap:0}.hero-copy{padding:15px 0 0;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;line-height:1.8;margin:0 0 29px}.hero .eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:1.8px;font-size:9px}.living-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#87956b;flex-shrink:0;box-shadow:0 0 0 4px #87956b10}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-weight:400;letter-spacing:-4.8px;font-size:64px;line-height:1.44;margin-bottom:25px;word-break:keep-all}h1 em{font-style:normal;color:#7d855a}h2{font-family:var(--serif);font-size:37px;line-height:1.6;font-weight:400;letter-spacing:-1.9px;word-break:keep-all}h3{font-weight:500;letter-spacing:-.5px}.hero-description{font-size:13px;line-height:2.1;color:#7b7e6d;letter-spacing:-.25px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:20px}.primary-button{border:1px solid var(--olive-dark);background:var(--olive-dark);color:#faf9ef;display:flex;align-items:center;justify-content:space-between;gap:11px;padding:16px 19px;border-radius:3px;font-size:12px;min-width:173px;transition:background .2s,transform .2s}.primary-button:hover{background:#62714f;transform:translateY(-2px)}.primary-button svg{width:16px;height:16px}.primary-button>span{margin-left:9px;font-size:15px}.motion-button{display:flex;align-items:center;gap:7px;background:none;border:0;color:#818472;font-size:11px;padding:12px 0}.motion-button:hover{color:#46543b}.motion-icon{font-size:12px;font-family:Georgia,serif}.small-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#9a9d8d;margin-top:18px;margin-bottom:0}.small-note>span{font-size:15px;color:#b5b69c}
.garden{position:relative;aspect-ratio:800/690;isolation:isolate;margin:0 -28px 0 -10px;min-width:0}.garden-art{display:block;width:100%;height:100%;overflow:visible}.garden-caption{position:absolute;left:52%;top:3.5%;font:9px var(--sans);letter-spacing:2.1px;color:#969a81;display:flex;align-items:center;gap:16px;white-space:nowrap}.garden-caption>span:last-child{font-family:var(--serif);font-size:25px;transform:rotate(-12deg);margin-top:12px}.garden-handwriting{position:absolute;right:9%;bottom:1.8%;font:italic 24px/1 var(--serif);letter-spacing:-1px;color:#a6a68a;transform:rotate(-6deg)}.garden-status{position:absolute;left:8%;bottom:-.4%;font-size:10px;color:#949984;display:flex;align-items:center;gap:8px;margin:0}.garden-status .living-dot{width:4px;height:4px}.pet-actor{position:absolute;width:clamp(94px,10vw,124px);aspect-ratio:192/208;bottom:17%;left:31%;z-index:2;transform:translateX(-50%);pointer-events:none;will-change:left;transition:none}#pet-canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.pet-shadow{position:absolute;left:19%;right:18%;height:7%;bottom:2.5%;border-radius:50%;background:#4c573033;filter:blur(3px);transform:scaleX(.85)}.pet-bubble{position:absolute;top:59%;left:46%;z-index:3;pointer-events:none;border:1px solid #e5e4d2;background:#faf8edeb;padding:9px 13px;border-radius:20px 20px 20px 3px;color:#687451;font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.pet-bubble.visible{opacity:1;transform:translateY(0)}.cloud{animation:cloud-drift 16s ease-in-out infinite;transform-origin:center}.tree-crown{animation:tree-sway 10s ease-in-out infinite;transform-origin:200px 320px}.butterfly-one{animation:flutter-one 9s ease-in-out infinite;transform-origin:288px 333px}.butterfly-two{animation:flutter-two 11s ease-in-out infinite;transform-origin:652px 316px}
.welcome-line{border-block:1px solid var(--line);padding-block:28px;display:flex;align-items:center;gap:21px}.welcome-line p{margin:0;color:#797e68;font-size:12px;letter-spacing:-.15px}.tiny-flower{color:#9ba37d;font-size:26px;line-height:1}.welcome-line-rule{flex:1}.serif-italic{font:italic 22px var(--serif);color:#b09678}.our-home{padding-block:91px 88px;display:grid;grid-template-columns:36% 33% 31%;align-items:center}.section-intro .eyebrow{margin-bottom:17px;font-size:9px;letter-spacing:1.8px}.section-intro h2{margin-bottom:0;font-size:31px;line-height:1.7}.home-story{padding-top:26px}.home-story p{font-size:12px;line-height:2.15;color:#838674;margin-bottom:19px}.home-story p:first-child{color:#626c57}.text-link{display:inline-flex;align-items:center;gap:23px;border-bottom:1px solid #b6bba4;padding-bottom:7px;font-size:10px;color:#687255;transition:gap .2s}.text-link:hover{gap:30px}.text-link span{font-size:15px}.pet-intro{position:relative;min-height:215px;display:flex;align-items:center;justify-content:center;gap:10px;border-left:1px solid var(--line);padding-left:25px}.pet-portrait{background:url("assets/nunssop-sprites.webp") no-repeat;background-size:768px 1144px;width:96px;height:104px;display:block;position:relative;flex-shrink:0}.pet-portrait::before{content:"";width:130px;height:130px;border-radius:50%;background:#ede4d4;position:absolute;top:-6px;left:-18px;z-index:-1}.pet-intro-label{font-size:7px;letter-spacing:1.1px;color:#989a84}.pet-intro h3{font-family:var(--serif);font-size:17px;font-weight:400;margin:11px 0 12px;letter-spacing:-.5px;white-space:nowrap}.pet-intro p{font-size:11px;line-height:1.9;color:#8a8e7b;margin:0}.pet-intro-doodle{position:absolute;top:9px;left:51px;font:italic 22px var(--serif);color:#b89a7d;transform:rotate(-9deg)}
.notes-section{background:#efeee3;border-block:1px solid #e9e8db;padding-block:68px 73px}.notes-header{display:flex;justify-content:space-between;align-items:end;gap:20px}.notes-header .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:11px}.notes-header h2{font-size:31px;letter-spacing:-1.4px;margin:0;line-height:1.8}.notes-header>p{font-size:11px;color:#969986;margin-bottom:11px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:29px}.note{min-width:0}.note-art{height:145px;border-bottom:1px solid #daddc8;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.note-art svg{height:133px;width:230px}.note-number{font-size:8px;letter-spacing:1.5px;color:#939982;margin-bottom:13px}.note h3{font-family:var(--serif);font-size:21px;font-weight:400;letter-spacing:-.5px;margin-bottom:13px}.note>p:last-child{font-size:12px;line-height:2;color:#858b74;margin-bottom:0}
.invitation{padding-block:81px 75px;text-align:center;position:relative}.invitation-sprig{display:block;width:55px;height:62px;margin:0 auto 17px}.invitation-sprig svg{width:100%;height:100%}.invitation .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:15px;color:#8f947e}.invitation h2{font-size:35px;margin-bottom:15px;letter-spacing:-2px}.invitation>p:not(.eyebrow){font-size:12px;line-height:2;color:#888d78;margin-bottom:23px}.invitation .text-link{font-size:11px}.invitation-signature{display:block;font:italic 22px var(--serif);color:#b49a80;margin-top:34px}.site-footer{border-top:1px solid var(--line);min-height:110px;display:flex;align-items:center;gap:23px;color:#9a9d8b}.footer-wordmark{font-size:29px;letter-spacing:-1.7px;color:#6c765e}.footer-wordmark .wordmark-dot{margin-left:-6px}.site-footer p{font-size:10px;margin:5px 0 0}.site-footer>span{margin-left:auto;font-size:9px;letter-spacing:.4px}.sr-only{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.is-paused *,.is-paused *::before,.is-paused *::after{animation-play-state:paused!important}.is-paused .living-dot{box-shadow:none}
@keyframes cloud-drift{0%,100%{translate:0 0}50%{translate:10px 0}}@keyframes tree-sway{0%,100%{rotate:-.4deg}50%{rotate:.6deg}}@keyframes flutter-one{0%,100%{translate:0 0;rotate:0deg}30%{translate:12px -12px;rotate:8deg}65%{translate:-8px -4px;rotate:-7deg}}@keyframes flutter-two{0%,100%{translate:0 0;rotate:0deg}40%{translate:-14px -10px;rotate:-8deg}70%{translate:8px 5px;rotate:8deg}}
@media(min-width:1500px){.hero{min-height:755px}.hero h1{font-size:74px}.hero-description{font-size:14px}.hero-copy{padding-top:5px}.garden{margin-right:-36px}.pet-actor{width:130px}}
@media(max-width:1150px){.wrap{width:calc(100% - 80px)}.hero{grid-template-columns:43% 57%;min-height:620px}.hero h1{font-size:53px;letter-spacing:-3.4px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.garden{margin-right:-20px;margin-left:-22px}.garden-caption{font-size:7px;letter-spacing:1.5px}.garden-handwriting{font-size:22px}.hero-actions{gap:15px}.primary-button{padding:14px;min-width:159px;font-size:11px}.motion-button{font-size:10px}.our-home{grid-template-columns:34% 35% 31%;padding-block:70px}.section-intro h2{font-size:27px}.pet-intro{flex-direction:column;padding-left:13px;gap:20px;text-align:center}.pet-intro h3{margin:7px 0}.pet-intro p{font-size:10px}.pet-intro-label{font-size:6px}.pet-intro-doodle{top:-7px;left:40px;font-size:20px}.pet-portrait{width:77px;height:83.2px;background-size:614.4px 915.2px}.pet-portrait::before{width:100px;height:100px;left:-11px}.note-grid{gap:36px}.notes-header h2{font-size:28px}.notes-header>p{font-size:10px}.garden-status{font-size:8px;bottom:-3%}.pet-bubble{font-size:10px;padding:7px 11px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.site-header{height:91px}.wordmark{font-size:33px}.wordmark svg{width:24px;height:24px}.site-header nav{gap:23px;font-size:11px}.site-header .nav-greeting{display:none}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:40px;min-height:0}.hero-copy{text-align:center;padding:0}.hero .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.8px;margin-bottom:21px}.hero h1{font-size:57px;letter-spacing:-3.8px;line-height:1.4;margin-bottom:22px}.hero-description{font-size:12px;line-height:2.1;margin-bottom:24px}.hero-actions{justify-content:center;gap:22px}.primary-button{padding:15px 19px;min-width:171px;font-size:11px}.motion-button{font-size:10px}.small-note{justify-content:center;font-size:9px;margin-top:16px}.garden{width:min(620px,100% + 26px);margin:30px -13px 18px;justify-self:center}.garden-caption{font-size:8px;top:3%;left:48%}.garden-status{font-size:9px;bottom:-1%}.garden-handwriting{font-size:23px}.pet-actor{width:clamp(92px,19vw,118px)}.welcome-line{padding-block:22px;gap:13px}.welcome-line p{font-size:10px}.tiny-flower{font-size:23px}.serif-italic{font-size:19px}.our-home{grid-template-columns:1fr 1.15fr;padding-block:56px;gap:30px}.section-intro h2{font-size:27px}.section-intro .eyebrow{font-size:7px;letter-spacing:1.3px}.home-story{padding-top:4px}.home-story p{font-size:11px}.pet-intro{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);min-height:150px;padding:35px 0 0;flex-direction:row;text-align:left;justify-content:center;gap:35px}.pet-portrait{width:86.4px;height:93.6px;background-size:691.2px 1029.6px}.pet-portrait::before{width:115px;height:115px;left:-14px;top:-8px}.pet-intro-label{font-size:7px}.pet-intro h3{font-size:19px;margin:10px 0}.pet-intro p{font-size:11px}.pet-intro-doodle{left:calc(50% - 173px);top:18px;font-size:20px}.notes-section{padding-block:48px}.notes-header{display:block}.notes-header .eyebrow{font-size:7px;letter-spacing:1.5px}.notes-header h2{font-size:26px}.notes-header>p{font-size:10px;margin:12px 0 0}.note-grid{gap:23px;margin-top:20px}.note-art{height:120px;margin-bottom:19px}.note-art svg{width:100%;height:auto;max-height:115px}.note-number{font-size:6px;letter-spacing:.8px}.note h3{font-size:18px}.note>p:last-child{font-size:10px;line-height:2}.note>p:last-child br{display:none}.invitation{padding-block:56px}.invitation h2{font-size:30px}.invitation-signature{font-size:21px}.site-footer{min-height:95px;gap:18px}.site-footer p{font-size:8px}.site-footer>span{font-size:8px}.footer-wordmark{font-size:27px}}
@media(max-width:480px){.wrap{width:calc(100% - 40px)}.site-header{height:82px}.wordmark{font-size:31px;gap:8px}.wordmark svg{width:23px;height:23px}.site-header nav{gap:19px;font-size:10px}.hero{padding-top:43px;padding-bottom:33px}.hero h1{font-size:48px;letter-spacing:-3.2px;line-height:1.45;margin-bottom:18px}.hero .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:19px}.hero-description{font-size:11px;line-height:2.05}.hero-actions{gap:19px}.primary-button{font-size:10px;min-width:158px;padding:14px 16px}.primary-button svg{width:14px;height:14px}.motion-button{font-size:9px}.small-note{font-size:8px}.garden{margin-top:28px;width:calc(100% + 24px);margin-inline:-12px;margin-bottom:14px}.garden-caption{font-size:6px;letter-spacing:1.3px;left:47%;top:1%}.garden-caption>span:last-child{font-size:20px;margin-top:8px}.garden-status{font-size:7px;bottom:-2%;left:8%;gap:6px}.garden-handwriting{font-size:18px;bottom:0%;right:6%}.pet-actor{width:90px}.pet-bubble{font-size:8px;padding:6px 9px;top:53%}.welcome-line{gap:10px;padding-block:20px}.welcome-line p{font-size:9px;letter-spacing:-.3px}.serif-italic{font-size:16px}.tiny-flower{font-size:20px}.our-home{grid-template-columns:1fr;gap:24px;padding-block:43px}.section-intro h2{font-size:28px;line-height:1.55}.section-intro h2 br{display:none}.section-intro .eyebrow{margin-bottom:14px}.home-story{padding:0}.home-story p{font-size:11px;line-height:2.1;margin-bottom:15px}.home-story p:first-child br{display:none}.text-link{font-size:9px}.pet-intro{margin-top:8px;padding-top:36px;min-height:155px}.pet-intro-doodle{top:22px}.notes-section{padding-block:40px 43px}.notes-header h2{font-size:25px;letter-spacing:-1.5px}.notes-header>p{font-size:9px}.note-grid{grid-template-columns:1fr;gap:0;margin-top:23px}.note{display:grid;grid-template-columns:112px 1fr;grid-template-rows:28px 34px 1fr;column-gap:20px;padding-block:24px;border-top:1px solid #daddc8}.note:first-child{border-top:0;padding-top:11px}.note-art{grid-row:1/4;grid-column:1;height:110px;border:0;margin:0;align-self:center}.note-art svg{width:127px;max-width:none;max-height:100px}.note-number{grid-column:2;margin:6px 0 0;font-size:6.5px;letter-spacing:.9px}.note h3{grid-column:2;font-size:19px;margin:0}.note>p:last-child{grid-column:2;font-size:10px;margin:0;line-height:1.9;max-width:190px}.note>p:last-child br{display:initial}.invitation{padding-block:47px}.invitation-sprig{width:47px;height:53px;margin-bottom:15px}.invitation .eyebrow{font-size:7px}.invitation h2{font-size:29px;letter-spacing:-1.5px}.invitation>p:not(.eyebrow){font-size:11px}.invitation .text-link{font-size:10px}.invitation-signature{font-size:20px;margin-top:28px}.site-footer{min-height:115px;display:grid;grid-template-columns:1fr auto;gap:5px;padding-block:24px}.footer-wordmark{font-size:27px}.site-footer p{grid-row:2;grid-column:1;font-size:9px;margin:4px 0 0}.site-footer>span{grid-row:1/3;grid-column:2;font-size:7px}}
.pet-intro{isolation:isolate}#pet-canvas:not(.is-ready){background:url("assets/nunssop-sprites.webp") 0 0/800% 1100% no-repeat}button:disabled{cursor:default;opacity:.65}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.play-invitation{display:flex;align-items:center;gap:14px;width:min(340px,100%);padding:15px 17px;margin-top:24px;background:#e9eddf;border:1px solid #d5dec8;border-radius:18px;color:#5d6e4b;transition:background .2s}.play-invitation:hover{background:#e1e9d4}.play-invitation-icon{font-size:30px;color:#91a374}.play-invitation strong{display:block;font-size:12px;line-height:1.8;font-weight:600}.play-invitation small{display:block;font-size:10px;color:#8b9678;line-height:1.9}.play-invitation>span:last-child{margin-left:auto;font-size:20px}@media(max-width:800px){.play-invitation{margin-inline:auto;text-align:left;max-width:315px}}