:root{--ink:#343e37;--muted:#707567;--accent:#aa593e;--line:#deded0;--paper:#faf8f0;--sage:#e9ecdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.75}a{color:inherit}header,main{max-width:1280px;margin:auto}header{padding:30px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-family:Georgia,serif;font-size:34px;letter-spacing:-1.5px;text-decoration:none;line-height:1.05}.brand span{font-family:Arial,sans-serif;display:block;font-size:8px;letter-spacing:2px;margin-top:10px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{text-decoration:none}.nav-card{border-bottom:1px solid var(--ink);padding:7px 0}.hero{padding:50px 48px 75px;display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--accent);font-weight:700;margin:0 0 22px}h1,h2,h3{word-break:keep-all}h1{font-family:Georgia,'Batang','AppleMyungjo',serif;font-size:54px;line-height:1.35;letter-spacing:-2px;font-weight:500;margin:0 0 24px}.lead{font-size:16px;color:var(--muted);line-height:1.9;margin:0 0 28px}.button{display:inline-flex;gap:28px;align-items:center;text-decoration:none;background:var(--ink);color:#fff;padding:14px 23px;border-radius:5px;font-size:14px}.hero-note{font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:13px;margin-top:16px}.hero-art{margin:0;position:relative;background:#fffdf6;padding:13px 13px 18px;box-shadow:0 12px 28px #61552c12;transform:rotate(2deg)}.hero-art img{width:100%;height:auto;display:block}.hero-art figcaption{font-family:Georgia,serif;font-style:italic;text-align:center;padding-top:14px;color:#6b6f5b;font-size:17px}.stamp{position:absolute;right:-10px;top:-25px;width:88px;height:105px;background:#e9ecdf;border:5px double #9ea78e;text-align:center;display:flex;flex-direction:column;justify-content:center;font-size:8px;letter-spacing:1px;line-height:1.4;transform:rotate(10deg)}.stamp b{font-size:30px;font-weight:400;color:var(--accent)}.story{margin:0 48px;padding:48px 0 52px;border-top:1px solid var(--line);display:grid;grid-template-columns:.62fr 1fr 1.5fr;gap:35px}.story .eyebrow{padding-top:9px}h2{font-family:Georgia,'Batang','AppleMyungjo',serif;font-weight:400;font-size:29px;line-height:1.6;letter-spacing:-1px;margin:0}.story p:not(.eyebrow){font-size:14px;color:var(--muted);margin:0 0 14px}.story .signature{font-family:Georgia,serif;font-style:italic;color:var(--accent)!important;font-size:18px!important;margin:20px 0 0!important}.card-section{background:var(--sage);padding:55px 55px 60px;border-radius:12px;margin:0 24px}.section-intro{text-align:center;margin-bottom:38px}.section-intro .eyebrow{margin-bottom:12px}.section-intro h2{font-size:32px}.section-intro>p:last-child{color:var(--muted);font-size:14px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;max-width:970px;margin:auto}.preview{max-width:450px}.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;margin:0 5px 15px;color:var(--muted)}#preview-language{letter-spacing:0;font-size:12px}.canvas-wrap{transform:rotate(-2deg);background:#fffdf6;box-shadow:0 14px 28px #46533f17;overflow:hidden}canvas{width:100%;height:auto;display:block}.caption{font-size:12px;text-align:center;color:#555e4f;margin:24px 0 5px;overflow-wrap:anywhere}.subcaption{text-align:center;font-size:11px;color:var(--muted);margin:0}.controls{background:#fffdf6;padding:32px;border-radius:10px;border:1px solid #d8dccd}.heart-token{font-size:32px;line-height:1;color:var(--accent)}h3{font-size:21px;letter-spacing:-.5px;margin:13px 0}.support-copy{color:var(--muted);font-size:13px;margin-bottom:24px}.amount{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#f3f1e7;border:1px solid #e5e2d5;border-radius:6px;font-size:12px;margin-bottom:23px}.amount strong{font-family:Georgia,serif;font-size:30px;font-weight:400}.amount small{font-family:Arial,sans-serif;font-size:10px;color:var(--muted)}.step{margin-top:16px}label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}label span{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px}select{width:100%;background:#fffdf8;border:1px solid #d5d7c9;border-radius:5px;padding:10px 12px;min-height:45px;font:inherit;font-size:13px;color:var(--ink)}.hint{font-size:11px;color:var(--muted);line-height:1.7;margin:9px 0 0}.actions{margin-top:22px}.actions button,.secondary{width:100%;padding:13px 18px;font:inherit;font-size:13px;font-weight:700;border:0;border-radius:5px;background:var(--accent);color:white}.actions button:disabled{background:#826958;cursor:not-allowed}.actions .hint{text-align:center}.card-facts{display:flex;justify-content:center;gap:18px;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:10px;color:var(--muted)}.explain{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding:60px 65px}.note-number{font-size:9px;letter-spacing:1.5px;color:var(--accent)}.explain h3{font-size:17px;margin:12px 0}.explain p{font-size:13px;color:var(--muted);margin:0;word-break:keep-all}.closing{text-align:center;padding:12px 20px 55px}.closing>span{font-size:36px;color:var(--accent)}.closing p{font-family:Georgia,'Batang','AppleMyungjo',serif;font-size:24px;line-height:1.8;margin:8px 0 18px}.closing small{font-size:9px;letter-spacing:2px;color:var(--muted)}.owner-area{margin:0 48px 30px}.owner{border-top:1px solid var(--line);padding:18px 0;font-size:12px;color:var(--muted)}.owner summary{cursor:pointer}.owner label{color:var(--ink)}.owner a{color:var(--accent)}.owner ul{padding-left:20px}.photo-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.owner input{max-width:100%;font-size:12px}.secondary{width:auto;background:#e6e8dc;color:var(--ink);cursor:pointer}.secondary:disabled{opacity:.6;cursor:not-allowed}footer{margin:0 48px;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted)}footer .brand{color:var(--ink);font-size:26px}.preview-badge{background:#eeece1;border-radius:20px;padding:5px 12px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #aa593e;outline-offset:4px}@media(max-width:950px){.hero{padding:40px 30px 60px;gap:28px}h1{font-size:42px}header{padding:25px 30px}.story{grid-template-columns:1fr 1.5fr;margin:0 30px;gap:22px}.story>.eyebrow{grid-column:1/-1;margin:0}.workspace{gap:30px}.card-section{padding:40px 30px}.controls{padding:24px}.explain{padding:45px 35px;gap:28px}.hero-art figcaption{font-size:14px}}@media(max-width:650px){header{padding:24px}.brand{font-size:30px}nav>a:first-child{display:none}nav{font-size:11px}.hero{grid-template-columns:1fr;padding:28px 25px 45px;gap:37px}.hero-copy{text-align:center}h1{font-size:41px}.eyebrow{font-size:9px}.lead{font-size:14px}.hero-art{margin:0 10px}.stamp{width:70px;height:88px;font-size:7px;right:-14px;top:-20px}.stamp b{font-size:25px}.story{grid-template-columns:1fr;margin:0 25px;padding:32px 0;gap:16px}.story h2{font-size:26px}.story p:not(.eyebrow){font-size:13px}.desktop{display:none}.card-section{margin:0 12px;padding:32px 20px;border-radius:8px}.section-intro h2{font-size:26px}.workspace{grid-template-columns:1fr;gap:30px}.preview{max-width:330px;margin:auto}.controls{padding:25px}.explain{grid-template-columns:1fr;gap:27px;padding:38px 28px}.explain article{padding-bottom:20px;border-bottom:1px solid var(--line)}.closing{padding-bottom:35px}.closing p{font-size:22px}.owner-area{margin:0 25px 15px}.photo-inputs{grid-template-columns:1fr}footer{margin:0 25px;flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.family-photos{display:grid;grid-template-columns:1.15fr 1fr;gap:9px;height:460px}.family-photos>div{display:grid;grid-template-rows:1fr 1fr;gap:9px;min-height:0}.family-photos img{width:100%;height:100%;min-height:0;object-fit:cover}.family-photos .family-baby{object-position:50% 38%}.family-photos>div img:last-child{object-position:60% 60%}@media(max-width:950px){.family-photos{height:360px}}@media(max-width:650px){.family-photos{height:360px}}

#site-language{width:auto;max-width:160px;font-size:14px}.site-language-label{margin:0;font-size:12px}nav{flex-wrap:wrap;gap:16px}.actions .secondary{margin-top:10px}body .hint{font-size:14px}body .lead,body .story p:not(.eyebrow){font-size:16px}body label{font-size:14px}h1{font-size:48px}[dir=rtl] .hero-art{transform:rotate(-2deg)}@media(max-width:650px){header{flex-wrap:wrap}nav{width:100%;justify-content:space-between}.site-language-label{display:none}h1{font-size:38px}.hero-copy{overflow-wrap:anywhere}}

.request-card{display:block;margin-top:18px;padding:13px;border:1px solid #8c9b78;border-radius:6px;background:#eef3df;color:#344933;text-align:center;text-decoration:none;font-size:14px;line-height:1.5}.contact-note{margin:0;font-size:12px}.actions .hint{text-align:start}footer{flex-wrap:wrap}
[hidden]{display:none!important}#automatic-checkout{margin:20px 0}#automatic-checkout input[type=email]{width:100%;padding:13px;border:1px solid #b8c4a5;border-radius:8px;background:#fffdf4;color:#34483b;font:inherit}.consent-row{display:flex;align-items:flex-start;gap:9px;margin:14px 0;font-size:14px;line-height:1.6}.consent-row input{margin-top:6px}#checkout-status,#checkout-mode{font-size:14px;line-height:1.7}.return-card{max-width:640px;margin:10vh auto;padding:32px;background:#fffdf4;border:1px solid #d3dba9}.return-card h1{font-size:32px}.return-card p{line-height:1.8}

/* Sunshine stationery: the same clover, ink and paper as the delivered postcard. */
:root{--ink:#193f30;--muted:#526858;--accent:#237547;--line:#c9d8ba;--paper:#fffef7;--sage:#f5edb9;color-scheme:light}
body{background:#fffef7}header{border-bottom:1px solid var(--line);padding-block:24px}.brand{font-size:38px}.brand span{font-size:10px;letter-spacing:1.6px}nav{font-size:14px}h1{font-size:clamp(42px,5.4vw,72px);line-height:1.1;letter-spacing:-2px;max-width:650px}.hero{padding-top:60px;padding-bottom:64px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px}.hero .lead{font-size:20px;color:var(--ink);max-width:400px;line-height:1.6}.button{background:#215b3b;border-radius:100px;padding:16px 30px;font-size:17px;font-weight:700}.button:hover{background:#143d28}.hero-note{font-family:inherit;font-style:normal;font-size:14px;line-height:1.6;max-width:400px}.hero-art{border:1px solid #d5ddbe;box-shadow:12px 14px 0 #f6d969;padding:16px;transform:rotate(2deg)}.stamp{background:#fff9dc;border-color:#638459;width:96px;height:114px;font-size:9px}.stamp img{width:56px;height:56px;object-fit:contain;margin:auto}.story{padding-block:36px;grid-template-columns:.6fr 1fr 1.6fr}.story .eyebrow{font-size:12px}.story h2{font-size:28px}.card-section{background:#f6edbc;border:1px solid #ded491;border-radius:24px;padding:48px}.section-intro .eyebrow{font-size:12px}.section-intro h2{font-size:36px}.workspace{gap:44px}.controls{background:#fffef9;border-color:#acbc96;border-radius:18px;box-shadow:0 8px 0 #c9ce9540;padding:30px}.clover-token{display:block;object-fit:contain;margin-bottom:4px}h3{font-size:26px}.amount{background:#f0f5e4;border-color:#ccdab5}.amount strong{font-size:38px;font-weight:700}.amount small,.amount>span{font-size:14px}.preview-heading{font-size:14px;letter-spacing:0;line-height:1.5;gap:12px}.preview-heading>span:first-child{max-width:285px}.canvas-wrap{border:1px solid #c7d4b1;box-shadow:8px 10px 0 #e1d287}.caption{font-size:14px}.actions button{border-radius:100px;background:#215b3b;font-size:16px;padding:16px 20px;cursor:pointer}.actions button:hover:not(:disabled){background:#153e29}.actions button.secondary{background:transparent;color:#35503c;border:1px solid #b8c7a8;font-weight:400;font-size:14px}.actions button:disabled{background:#c7d0bc;color:#40533e}.actions button.secondary:disabled{opacity:.55}.consent-row span{font-size:14px}select{font-size:16px;min-height:48px;border-radius:9px}#checkout-mode{color:#9c5517;font-weight:700}footer{font-size:14px;padding-block:32px}.contact-note{font-size:14px}.return-card{border-radius:18px;margin:6vh auto;max-width:720px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline-color:#287543}#preview-language{font-size:14px}
@media(max-width:650px){h1{font-size:46px;letter-spacing:-1px}.hero{padding:32px 24px 48px}.hero-copy>.eyebrow{justify-content:center}.hero .lead,.hero-note{margin-inline:auto}.hero .lead{font-size:18px}.hero-art{margin:0 8px;box-shadow:7px 9px 0 #f6d969}.family-photos{height:320px}.card-section{padding:30px 18px;margin:0 12px;border-radius:20px}.section-intro h2{font-size:29px}.controls{padding:24px}.workspace{gap:32px}.preview{max-width:350px}.stamp{right:-9px;top:-20px;width:80px;height:96px}.stamp img{width:42px;height:42px}.story{display:block}.story h2{margin:14px 0}.return-card{margin:20px 12px;padding:24px}footer{align-items:flex-start}.brand{font-size:34px}}

/* Mobile review: compact navigation and unbroken Korean words. */
.hero .lead,.hero-note{word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}
@media(max-width:650px){header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 20px}header .brand{font-size:30px}header .brand span{font-size:8px;letter-spacing:1px;margin-top:7px}header nav{width:auto;gap:0;flex-wrap:nowrap}header nav a{display:none}#site-language{max-width:116px;font-size:14px;min-height:44px;padding:8px}.hero{padding:26px 22px 38px;gap:28px}.hero-copy>.eyebrow{margin-bottom:16px;font-size:11px}.hero-copy>.eyebrow img{width:28px;height:28px}h1{font-size:clamp(32px,9vw,40px);line-height:1.25;margin-bottom:18px}.hero .lead{font-size:17px;line-height:1.65;margin-bottom:20px;max-width:330px}.hero .button{padding:12px 25px;font-size:16px}.hero-note{font-size:13px;margin-top:14px;margin-bottom:4px}.family-photos{height:300px}.stamp{width:70px;height:88px;right:-5px;top:-15px;font-size:8px}.stamp img{width:36px;height:36px}}
@media(max-width:360px){header{padding-inline:16px;gap:8px}header .brand{font-size:27px}header .brand span{font-size:7px}#site-language{max-width:105px}}

/* Illustrated storybook wordmark shared with the delivered stationery. */
.brand-logo{display:block;width:280px;max-width:100%;height:auto;mix-blend-mode:multiply}.brand span{text-align:center;margin-top:2px;letter-spacing:2px}.brand{display:block;max-width:100%}
@media(max-width:650px){.brand-logo{width:190px}.brand span{font-size:9px;letter-spacing:1.3px}header{gap:12px}}
@media(max-width:360px){.brand-logo{width:160px}}