@font-face{font-family:PawHand;src:url('/assets/handwriting.ttf') format('truetype');font-display:swap}
:root{--paper:#f5eddf;--ink:#61493e;--muted:#776052;--accent:#80513c;--line:#d5c3ae;scroll-behavior:smooth;scroll-padding-top:28px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:PawHand,'PingFang TC',sans-serif;font-size:22px;line-height:1.75}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#dfbd9c;color:#493428}a,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.3;text-wrap:balance}h1{font-size:clamp(40px,5.4vw,70px)}h2{font-size:clamp(33px,3.7vw,48px)}h3{font-size:29px}p+p{margin-top:18px}.skip{position:absolute;top:-100px;left:15px;z-index:4;background:var(--paper);padding:10px}.skip:focus{top:10px}.site-header{max-width:1200px;margin:auto;padding:calc(24px + env(safe-area-inset-top,0px)) 40px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:30px;line-height:1.2;text-decoration:none}.brand span{display:block;font-size:18px;margin-top:7px;color:var(--muted)}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:21px}nav a:hover{text-decoration:underline}.hero{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:34px 40px 66px;gap:30px}.intro{font-size:25px;margin:28px 0 30px}.primary{background:var(--accent);color:#fff8ee;display:inline-flex;align-items:center;gap:28px;text-decoration:none;padding:12px 23px;border-radius:8px;transition:background .2s}.primary:hover{background:#68412f}.opening{font-size:18px;margin-top:20px;color:var(--muted)}.hero-cards{position:relative;min-height:560px;width:100%;max-width:450px;justify-self:center}.hero-cards img{position:absolute;width:63%;height:auto;border-radius:6% / 3.5%;box-shadow:4px 17px 29px #62422b26}.back-card{top:30px;left:0;transform:rotate(-11deg)}.front-card{top:40px;left:30%;transform:rotate(9deg)}.hero-cards figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--muted);font-size:18px}.section{max-width:1120px;margin:auto;padding:76px 0;border-top:1px solid var(--line)}.service-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;margin-top:30px}.service-copy p+p{margin:0}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:52px}.modes h3{margin-bottom:15px}.modes p{font-size:21px}.card-story{display:grid;grid-template-columns:360px 1fr;align-items:center;gap:90px}.card-story figure img{width:100%;height:auto;aspect-ratio:7/12;object-fit:contain;max-width:300px;display:block;margin:auto;border-radius:6% / 3.5%;box-shadow:4px 15px 27px #62422b1c}.card-story figcaption{font-size:17px;color:var(--muted);margin-top:19px;text-align:center}.card-story h2{margin-bottom:28px}.note{font-size:19px;color:var(--muted);line-height:1.65}.plan{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.plan>div>p{margin-top:24px}.plan-info h3{display:flex;justify-content:space-between;align-items:baseline;gap:15px}.plan-info h3 span{font-size:18px;color:var(--muted)}.plan .price{font-size:47px;line-height:1.2;margin:18px 0 28px;font-variant-numeric:tabular-nums}.price span{font-size:25px}table{width:100%;border-collapse:collapse;font-size:22px}caption{text-align:left;font-size:18px;color:var(--muted);margin-bottom:8px}th,td{border-bottom:1px solid var(--line);padding:13px 0;text-align:left;font-weight:400}td{text-align:right}.contact{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.policies{padding-top:12px;padding-bottom:40px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:25px;list-style-position:outside;margin-left:22px}details p{font-size:20px;max-width:70ch;margin:20px 0 0;line-height:1.8}footer{max-width:1120px;margin:auto;padding:35px 0 calc(40px + env(safe-area-inset-bottom,0px));color:var(--muted)}footer .brand{color:var(--ink)}footer>p{margin-top:12px}.credit{font-size:16px}.credit a{margin-left:8px}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#c5ad96;border-radius:6px}
@media(min-width:760px){.hero-cards{animation:unfold .7s cubic-bezier(.16,1,.3,1)}@keyframes unfold{from{filter:blur(3px);transform:translateY(14px)}to{filter:blur(0);transform:translateY(0)}}}
@media(max-width:1199px){.section,footer{margin-left:40px;margin-right:40px}.hero-cards{min-height:510px}.card-story{gap:55px;grid-template-columns:300px 1fr}}
@media(max-width:759px){body{font-size:21px}.site-header{padding:calc(23px + env(safe-area-inset-top,0px)) 23px 20px;gap:15px}.brand{font-size:26px}.brand span{font-size:16px}nav{gap:15px}nav a{font-size:18px}.hero{grid-template-columns:1fr;padding:30px 25px 44px;gap:20px}.intro{font-size:23px;margin:23px 0}.primary{font-size:22px}.opening{font-size:17px;margin-top:18px}.hero-cards{max-width:360px;min-height:480px}.hero-cards .back-card{top:20px;left:3%;width:62%}.hero-cards .front-card{top:30px;left:32%;width:62%}.hero-cards figcaption{bottom:0}.section,footer{margin-left:25px;margin-right:25px}.section{padding:44px 0}.service-copy{grid-template-columns:1fr;gap:20px;margin-top:25px}.modes{grid-template-columns:1fr;gap:28px;margin-top:32px}.modes h3{font-size:28px;margin-bottom:9px}.card-story{grid-template-columns:1fr;gap:35px}.card-story figure{order:2}.card-story figure img{max-width:260px}.plan,.contact{grid-template-columns:1fr;gap:28px}.plan>div>p{margin-top:18px}.plan .price{font-size:43px;margin-top:16px}.policies{padding-top:0;padding-bottom:30px}.credit{line-height:1.7}footer{padding-top:20px}}
@media(max-width:359px){.site-header{padding-left:18px;padding-right:18px}.brand{font-size:23px}nav{gap:11px}nav a{font-size:17px}.hero{padding-left:21px;padding-right:21px}.hero-cards{min-height:400px}h1{font-size:37px}.section,footer{margin-left:21px;margin-right:21px}.price span{font-size:23px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.card-story .your-letters{margin-top:38px;margin-bottom:20px}