*{box-sizing:border-box}:root{--ink:#40332f;--muted:#88796c;--paper:#faf7ef;--coral:#d65f4c;--line:#e6dbcc;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.7}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #aa493b;outline-offset:4px}header{max-width:1140px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:800;text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted)}.brand-icon{font-size:28px;background:var(--coral);color:white;width:46px;height:46px;text-align:center;border-radius:12px;transform:rotate(-7deg)}nav{display:flex;gap:18px;align-items:center;font-size:12px}nav a{text-decoration:none}nav button{background:none;border:0;color:var(--muted);font-size:11px}.badge{border:1px solid var(--line);padding:4px 10px;border-radius:20px;font-size:10px;white-space:nowrap}main{max-width:1080px;margin:46px auto 0;padding:0 28px;min-height:70vh;outline:none}footer{text-align:center;font-size:12px;color:var(--muted);padding:38px 20px 25px}footer span{font-size:10px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:68px;min-height:500px}.hero-copy{padding:12px 0}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--coral);font-weight:700}.open-sign{display:inline-block;margin-top:20px;font-size:11px;color:#6b7960;background:#eef0e5;padding:4px 12px;border-radius:20px}h1{font-size:34px;line-height:1.4;letter-spacing:-.055em;margin:18px 0 22px}h1 em{font-style:normal;color:var(--coral)}.hero h1{font-size:52px;line-height:1.3}.intro{color:#7c6c60;font-size:16px;margin-bottom:30px}.primary,.secondary{width:100%;display:block;border-radius:12px;padding:14px 20px;font-size:14px;font-weight:700;text-align:center;transition:transform 160ms var(--ease-out),background 160ms ease}.primary{background:var(--coral);color:#fff9f1;border:1px solid var(--coral);box-shadow:0 3px 0 #b64c3e}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink);margin-top:12px}.primary:active,.secondary:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:default;box-shadow:none}.note{color:var(--muted);font-size:11px;text-align:center;line-height:1.7;margin:16px 0}.post-office{position:relative;border:2px solid #4b3932;border-radius:24px 24px 8px 8px;background:#f2eadb;box-shadow:10px 12px 0 #eee6d9;overflow:hidden}.awning{height:40px;background:repeating-linear-gradient(90deg,#d96c58 0 42px,#fff5e5 42px 84px);border-bottom:2px solid #4b3932}.office-sign{font-size:19px;letter-spacing:-.04em;font-weight:800;text-align:center;padding:15px 10px 3px}.office-sign span{display:block;font-size:9px;letter-spacing:.22em;color:var(--muted)}.speech{position:relative;z-index:2;width:max-content;margin:14px auto 0;border:1.5px solid var(--ink);background:#fffdf7;padding:8px 18px;border-radius:50%;font-size:13px;transform:rotate(-4deg)}.counter-cat{height:250px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.cat{display:block;object-fit:contain;width:280px;height:280px}.counter-cat .cat{width:300px;height:300px;transform-origin:50% 90%;margin-bottom:-36px}.counter{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;background:#d76955;color:#fff6e9;border-top:8px solid #584136;padding:16px 24px;font-weight:700}.counter>span:first-child{border:1px solid #f9cfb8;border-radius:4px;padding:3px 15px;font-size:14px}.counter-seal{border:2px dashed #ffd1b6;border-radius:50%;font-size:8px;width:58px;height:58px;line-height:1.5;padding:5px;text-align:center;transform:rotate(-15deg)}.counter-foot{text-align:center;font-size:9px;letter-spacing:.15em;padding:7px;background:#ce604e;color:#ffe4cf}.home-bottom{display:flex;justify-content:center;gap:65px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin-top:50px;padding:20px 0;color:var(--muted);font-size:12px}.home-product{display:flex;align-items:center;gap:25px;justify-content:space-between;margin:20px 0}.home-product p{font-size:12px}.home-product strong{font-size:23px;white-space:nowrap}.home-product small{display:block;color:var(--muted);font-weight:400;font-size:10px}.home-product .secondary{width:auto;margin:0;font-size:12px}.page{max-width:480px;margin:0 auto;animation:appear 240ms var(--ease-out)}.topline{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-bottom:20px}.back{padding:5px 0;border:0;background:none;color:var(--muted);font-size:12px}.hello{display:flex;align-items:center;gap:18px}.hello .cat{width:90px;height:90px}.hello p{font-size:13px;line-height:1.8;margin:0}.input-page h1{font-size:28px;margin:14px 0 20px}label,legend{font-size:12px;font-weight:600}label span{font-size:10px;font-weight:400;color:var(--muted);margin-left:8px}input[type=text],input:not([type]){width:100%;padding:12px 14px;margin-top:8px;border:1px solid #d8cbbb;border-radius:10px;background:#fffdf8;color:var(--ink);font-size:16px}fieldset{border:0;padding:0;margin:20px 0}legend{margin-bottom:10px}.choices{display:grid;gap:8px}.choice{background:#fffdf8;border:1px solid var(--line);border-radius:10px;text-align:left;padding:11px 15px;color:var(--ink);font-size:13px}.choice small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.choice[aria-pressed=true]{border:1.5px solid var(--coral);background:#fff0e8}.ritual{text-align:center;min-height:580px}.ritual .cat{margin:auto;width:280px;height:280px}.ritual h1{font-size:28px}.ritual>p:not(.note):not(.eyebrow):not(.sample-label){font-size:13px;color:var(--muted)}.ritual .secondary{max-width:280px;margin:28px auto 0}.delivery-cat .cat{width:170px;height:170px}.envelope-page h1{margin:6px 0 18px}.envelope{isolation:isolate;position:relative;display:block;width:min(340px,100%);height:210px;margin:70px auto 24px;padding:0;background:#eee1c9;border:0;border-radius:5px;perspective:1000px;box-shadow:0 15px 30px #6f44341a;opacity:1!important}.envelope:disabled{cursor:default}.letter-slip{position:absolute;z-index:1;left:7%;right:7%;top:10%;height:85%;background:#fffef7;padding:20px;text-align:left;font-size:12px;border:1px solid #e6dccd;transition:transform 600ms var(--ease-out) 250ms}.letter-slip b{font-size:13px}.letter-lines{display:block;height:40px;margin-top:15px;background:repeating-linear-gradient(transparent 0 11px,#eee3d5 11px 12px)}.envelope-pocket{position:absolute;inset:0;z-index:3;background:#ead7b8;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);border-radius:5px}.envelope-flap{position:absolute;inset:0;z-index:4;background:#f1e1c4;clip-path:polygon(0 0,100% 0,50% 57%);transform-origin:50% 0;transition:transform 500ms var(--ease-in-out);backface-visibility:hidden}.envelope-seal{position:absolute;z-index:5;top:42%;left:44%;width:44px;height:44px;border-radius:50%;background:var(--coral);color:#ffe8d8;font-size:30px;line-height:44px;transition:opacity 160ms ease}.envelope-address{position:absolute;z-index:5;bottom:20px;left:22px;font-size:12px;color:#7a604f}.envelope.is-open .envelope-flap{transform:rotateX(180deg)}.envelope.is-open .letter-slip{transform:translateY(-65%)}.envelope.is-open .envelope-seal{opacity:0}.sample-label{font-size:10px;color:var(--muted);text-align:center;margin:20px 0}.paper{position:relative;background:#fffef9;border:1px solid var(--line);border-radius:3px;padding:30px;box-shadow:4px 5px 0 #eee5d7}.paper:before{content:'';display:block;height:5px;position:absolute;inset:0 0 auto;background:repeating-linear-gradient(110deg,#d96c58 0 15px,#fffaf0 15px 27px,#789b91 27px 42px,#fffaf0 42px 54px)}.paper h1{font-size:28px}.paper p{font-size:14px;line-height:1.95}.letter-heading{display:flex;justify-content:space-between;align-items:center;min-height:50px}.postmark{border:2px solid #cd7964;border-radius:50%;color:#b46b56;width:62px;height:62px;text-align:center;font-size:11px;line-height:1.5;padding-top:12px;transform:rotate(-12deg)}.callout{background:#fbf2e6;border-left:3px solid #dfa47b;padding:14px 16px;font-size:13px;margin:24px 0}.callout b{display:block;font-size:11px;color:#a96b4b;margin-bottom:6px}.signature{display:flex;align-items:center;justify-content:flex-end;font-size:12px;color:var(--muted);gap:6px}.signature .cat{width:90px;height:90px}.after-letter{text-align:center;margin-top:32px}.after-letter h2{font-size:18px}.after-letter p{font-size:13px;color:var(--muted)}.product-title{text-align:center}.product-title .cat{width:170px;height:170px;margin:auto}.product-title h1{font-size:30px}.product-title p{font-size:14px;color:var(--muted)}.list{list-style:none;margin:28px 0;padding:0}.list li{border-top:1px dashed var(--line);padding:12px 0;font-size:13px}.list span{color:var(--coral);font-size:10px;margin-right:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin:24px 0;padding-top:20px}.row p{font-size:12px}.row small{font-size:10px;color:var(--muted)}.price{font-size:30px;white-space:nowrap}.price small{font-size:14px;margin-left:3px;color:var(--ink)}.sample{font-size:12px;background:#f0eadd;border-radius:8px;padding:16px;margin:24px 0}.check-row{display:flex;align-items:center;gap:10px;margin:24px 0}.check-row input{width:20px;height:20px;accent-color:var(--coral);flex-shrink:0}.check-row label{font-size:12px}.report section{margin-top:36px}.report h2{font-size:17px}.report li{font-size:14px;line-height:1.9;margin:12px 0}.report ol{padding-left:20px}.report+.primary{margin-top:28px}.greeting{animation:greet 1.8s var(--ease-in-out) 3}.reading-motion{animation:read 1.4s var(--ease-in-out) 1}.stamping{animation:stamp 650ms var(--ease-in-out) 1}.arriving{animation:arrive 280ms var(--ease-out)}@keyframes greet{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg)}65%{transform:rotate(4deg)}}@keyframes read{0%,100%{transform:rotate(0)}45%{transform:rotate(-5deg) translateY(3px)}}@keyframes stamp{0%,100%{transform:translateY(0)}40%{transform:translateY(-16px) rotate(-5deg)}65%{transform:translateY(15px) scaleY(.94)}85%{transform:translateY(-2px)}}@keyframes arrive{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover) and (pointer:fine){.primary:hover{background:#c85443}.secondary:hover{background:#f3eadd}.choice:hover{border-color:#d8967f}.envelope:not(:disabled):hover{transform:rotate(-1deg)}}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.asset-card{border:1px solid var(--line);border-radius:15px;padding:20px;background:#fffdf8}.asset-card img{width:100%;height:220px;object-fit:contain}.asset-card h2{font-size:16px}.asset-card a{font-size:12px;color:var(--coral)}@media(max-width:760px){header{padding:15px 20px}.brand{font-size:16px;gap:8px}.brand-icon{width:36px;height:36px;font-size:22px}.brand small{font-size:7px}nav{gap:9px;font-size:10px}nav button{font-size:9px;padding:0}.badge{display:none}main{margin-top:24px;padding:0 22px}.hero{display:flex;flex-direction:column-reverse;gap:16px;min-height:0}.post-office{width:min(340px,100%);border-radius:18px 18px 6px 6px}.awning{height:25px}.office-sign{padding-top:9px;font-size:16px}.speech{font-size:11px;margin-top:7px;padding:5px 15px}.counter-cat{height:166px}.counter-cat .cat{width:215px;height:215px;margin-bottom:-35px}.counter{padding:9px 20px;border-top-width:6px}.counter-seal{width:43px;height:43px;font-size:6px;padding:4px}.counter-foot{padding:4px;font-size:8px}.hero-copy{text-align:center;width:100%;padding:0}.hero-copy .eyebrow{display:none}.open-sign{margin-top:5px;font-size:10px}.hero h1{font-size:35px;margin:12px 0}.intro{font-size:13px;margin:12px 0 20px}.home-bottom{gap:16px;font-size:9px;margin-top:24px;padding:15px 0}.home-product{flex-wrap:wrap;gap:12px}.home-product .secondary{width:100%}.home-product strong{font-size:21px}.page{max-width:450px}.input-page .topline{margin-bottom:8px}.hello .cat{width:65px;height:65px}.hello p{font-size:12px}.input-page h1{font-size:25px;margin:12px 0}.choice{padding:10px 12px}.input-page fieldset{margin:14px 0}.input-page .note{margin:12px 0}.paper{padding:24px}.paper h1{font-size:25px}.ritual{min-height:520px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.asset-card{padding:12px}.asset-card img{height:160px}footer{padding-top:28px}.envelope-page .delivery-cat .cat{width:130px;height:130px}.envelope{margin-top:60px;height:190px}.envelope-page h1{font-size:25px}}@media(max-height:760px) and (max-width:760px){.input-page .hello .cat{width:48px;height:48px}.input-page h1{font-size:23px}.input-page .choices{gap:6px}.choice small{display:none}.input-page .primary{padding:12px}.input-page .note{font-size:10px}.input-page .topline{margin-bottom:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}