.hero{padding:56px 0 36px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.92fr);grid-gap:40px;gap:40px;align-items:center;max-width:1150px}.hero-photo{position:relative}.hero-photo img{width:100%;display:block;border-radius:78% 22% 64% 36%/42% 68% 32% 58%;box-shadow:0 22px 50px rgba(120,90,70,.22)}.hero-photo .ribbon{position:absolute;bottom:18px;left:-14px;background:var(--rose-300);color:#fff;font-family:var(--font-head);font-size:22px;padding:8px 20px;border-radius:999px;transform:rotate(-4deg);box-shadow:0 8px 18px rgba(214,147,143,.4)}.letter{position:relative;background:#fffdf8;border-radius:6px;padding:56px 46px 50px;box-shadow:0 18px 44px rgba(120,90,70,.16);background-image:repeating-linear-gradient(transparent 0 37px,rgba(125,146,104,.1) 37px 38px);background-position:0 80px}.letter .stamp{position:absolute;top:-16px;right:21px;width:78px;height:92px;background:var(--sage-100);border:4px dashed #fff;outline:2px solid var(--sage-200);display:grid;place-items:center;transform:rotate(6deg);box-shadow:0 6px 14px rgba(0,0,0,.1);font-size:34px}.letter .washi{top:-12px;left:56px;transform:rotate(-4deg);width:120px}.hero .eyebrow{font-family:var(--font-body);color:var(--rose-300);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600;margin:0 0 8px}.hero h1{font-family:var(--font-head);font-weight:400;font-size:clamp(46px,6vw,86px);color:var(--ink);line-height:.98;margin:0 0 16px}.hero p.sub{font-size:18px;color:var(--ink-soft);max-width:40ch;line-height:1.55;margin:0 0 12px}.hero .ps{font-family:var(--font-head);font-size:26px;color:var(--sage-600);margin:6px 0 26px}.btns{display:flex;gap:14px;flex-wrap:wrap}.sticky-note{position:absolute;z-index:8;width:230px;padding:30px 24px 26px;background:#fbf1c8;color:var(--ink);transform:rotate(-5deg);box-shadow:0 14px 30px rgba(120,90,70,.22)}.sticky-note:after{content:"";position:absolute;right:0;bottom:0;border-color:transparent transparent rgba(150,120,40,.18) rgba(0,0,0,0);border-style:solid;border-width:0 0 22px 22px}.sticky-note .tape{position:absolute;top:-13px;left:50%;width:96px;height:26px;transform:translateX(-50%) rotate(-3deg);background:var(--peach-200);opacity:.72;box-shadow:0 3px 6px rgba(0,0,0,.08)}.sticky-note p{font-family:var(--font-head);font-size:22px;line-height:1.18;margin:0}.sticky-note .ps{display:block;margin-top:10px;font-family:var(--font-head);font-size:24px;color:var(--rose-300)}section.block.dotted{background:var(--cream-100) url(/assets/bg-dots.png) top center /600px auto repeat}.cats-block{padding-bottom:240px}.quiz{position:relative;background:#fffdf8;border-radius:12px;padding:46px;text-align:center;box-shadow:0 12px 30px rgba(120,90,70,.12);background-image:radial-gradient(circle,rgba(150,140,110,.18) 1px,transparent 1.3px);background-size:20px 20px}.quiz .washi{top:-12px;right:60px;transform:rotate(5deg)}.quiz h2{font-family:var(--font-head);font-weight:400;font-size:clamp(36px,4.6vw,60px);color:var(--ink);margin:0 0 14px;line-height:1}.quiz p{font-size:17px;color:var(--ink-soft);max-width:42ch;margin:0 auto 24px;line-height:1.55}.quiz .plane-line{font-size:30px;color:var(--rose-300);margin-bottom:18px}.mascot-fig{position:absolute;width:150px;pointer-events:none;z-index:3;filter:drop-shadow(0 12px 18px rgba(60,50,30,.18))}@media (max-width:720px){.hero .wrap{grid-template-columns:1fr;gap:30px}.hero-photo{order:-1;max-width:420px;margin:0 auto}.letter{padding:40px 26px 36px}.quiz{padding:34px 22px}.cats-block{padding-bottom:40px}.sticky-note{position:static!important;left:auto!important;bottom:auto!important;transform:rotate(-2deg);width:auto;max-width:280px;margin:24px auto 0}.mascot-fig{display:none}}