:root{--bg-canvas:#faf6f0;--bg-surface:#fff;--bg-surface-warm:#f4efe6;--bg-surface-tint:#efe8dc;--color-primary:#244030;--color-primary-light:#325642;--color-primary-dark:#1a2f23;--color-terracotta:#c66847;--color-terracotta-hover:#b25736;--color-terracotta-soft:#f7eae5;--color-honey:#dda15e;--color-honey-soft:#faf3e7;--color-sage:#7c9082;--color-sage-soft:#edf2ee;--color-text:#1c261f;--color-text-muted:#516055;--color-text-subtle:#798a7f;--border-subtle:#2440301a;--border-medium:#2440302e;--font-serif:"Fraunces", Georgia, serif;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 2px 8px -2px #2440300d;--shadow-md:0 10px 28px -6px #24403014, 0 3px 10px -2px #24403008;--shadow-lg:0 20px 40px -12px #2440301f, 0 6px 16px -4px #2440300d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-canvas);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);color:var(--color-primary);font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.3rem,4.8vw,3.8rem)}h2{letter-spacing:-.015em;font-size:clamp(1.8rem,3.4vw,2.6rem)}h3{font-size:1.35rem}p{color:var(--color-text-muted)}.btn{border-radius:var(--radius-full);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background-color:var(--color-terracotta);color:#fff;box-shadow:0 6px 20px -4px #c6684766}.btn-primary:hover{background-color:var(--color-terracotta-hover);transform:translateY(-2px);box-shadow:0 10px 24px -4px #c6684780}.btn-secondary{background-color:var(--bg-surface);color:var(--color-primary);border-color:var(--border-medium)}.btn-secondary:hover{background-color:var(--bg-surface-warm);border-color:var(--color-primary);transform:translateY(-2px)}.btn-outline-green{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline-green:hover{background-color:var(--color-primary);color:#fff}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.badge-sage{background-color:var(--color-sage-soft);color:var(--color-primary);border:1px solid #7c908240}.badge-honey{background-color:var(--color-honey-soft);color:#94631d;border:1px solid #dda15e4d}.badge-terracotta{background-color:var(--color-terracotta-soft);color:var(--color-terracotta);border:1px solid #c6684733}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0;position:relative}.section-tint{background-color:var(--bg-surface-warm)}.section-cream{background-color:var(--bg-canvas)}.photo-card{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #24403014;padding:1rem 1rem 1.6rem;position:relative}.photo-card .tape-sticker{color:var(--color-text-muted);z-index:2;white-space:nowrap;background:#efe8dcd9;border:1px dashed #c6684766;border-radius:2px;padding:.2rem 1.4rem;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 2px 6px #0000000f}.photo-card img{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.video-placeholder-slot{border-radius:var(--radius-lg);color:#fff;text-align:center;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#2d4c39,#1c3325);border:2px dashed #dda15e66;padding:3rem 2rem;position:relative;overflow:hidden}.video-placeholder-slot:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#dda15e26 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.video-play-disc{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;transition:transform .3s,background .3s;display:flex}.video-placeholder-slot:hover .video-play-disc{background:var(--color-terracotta);border-color:var(--color-terracotta);transform:scale(1.08)}.playful-faces{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;max-width:315px;min-height:54px;margin:-.35rem auto .7rem;display:flex;position:relative}.playful-face{width:40px;height:40px;animation:3.8s ease-in-out infinite playful-face-bob;animation-delay:calc(var(--i) * .12s);background:#fff7e5;border:2px solid #ffffffa6;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative;transform:rotate(-1deg);box-shadow:0 4px 8px #1c33252e}.playful-face-emoji{filter:drop-shadow(0 1px 1px #00000014);font-size:1.55rem;line-height:1}.playful-face-expression{color:#6b4936;background:#ffffffd1;border-radius:5px;padding:0 2px;font-size:.45rem;font-weight:800;line-height:1.1;position:absolute;bottom:2px;right:3px}.animals-faces .playful-face:nth-child(3n){background:#e4f0e4}.vegetables-faces .playful-face{background:#fff1c9}.vegetables-faces .playful-face:nth-child(2n){background:#e4f0d8}.fruits-faces .playful-face{background:#ffe0d2}.fruits-faces .playful-face:nth-child(2n){background:#fff0c1}@keyframes playful-face-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-4px)rotate(2deg)}}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.step-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);padding:2.2rem 1.8rem;transition:transform .25s,box-shadow .25s;position:relative}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.step-num{background:var(--color-honey-soft);color:#8f5e18;width:44px;height:44px;font-family:var(--font-serif);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.2rem;font-size:1.3rem;font-weight:700;display:flex}.theme-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);cursor:pointer;padding:2rem;transition:all .25s}.theme-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-md);outline:2px solid var(--color-honey);background:#fffdf9}.faq-item{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:1rem;overflow:hidden}.faq-question{text-align:left;width:100%;font-family:var(--font-sans);color:var(--color-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:600;display:flex}.faq-answer{color:var(--color-text-muted);padding:0 1.5rem 1.25rem;font-size:.96rem;line-height:1.6}.residents-intro{border-left:3px solid var(--color-honey);padding:.2rem 0 .2rem 1.5rem;position:relative}.residents-rail{grid-template-columns:repeat(6,minmax(150px,1fr));gap:1rem;margin-top:2.6rem;display:grid}.resident-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:265px;box-shadow:var(--shadow-sm);padding:.7rem;transition:transform .25s,box-shadow .25s;position:relative;overflow:visible}.resident-card:nth-child(2n){transform:translateY(10px)rotate(1deg)}.resident-card:nth-child(3n){transform:translateY(-4px)rotate(-1deg)}.resident-card:hover{box-shadow:var(--shadow-md);z-index:2;transform:translateY(-5px)rotate(0)}.resident-image-frame{border-radius:var(--radius-md);background:linear-gradient(160deg, var(--bg-surface-warm), #f8f4ec);border:1px solid #2440300f;justify-content:center;align-items:flex-end;height:190px;display:flex;overflow:hidden}.resident-image-frame img{object-fit:contain;mix-blend-mode:multiply;transform-origin:bottom;width:100%;height:100%;animation:4.8s ease-in-out infinite resident-bob;animation-delay:var(--delay,0s);display:block}@keyframes resident-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(.6deg)}}@keyframes bubble-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-1deg)}}.speech-bubble{animation:5.2s ease-in-out infinite bubble-float;animation-delay:var(--delay,0s)}.resident-sound{animation:2.8s ease-in-out infinite sound-pulse;animation-delay:var(--delay,0s)}@keyframes sound-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.resident-name{color:var(--color-primary);font-family:var(--font-serif);text-align:center;margin-top:.55rem;font-size:1rem;font-weight:700;display:block}.resident-role{color:var(--color-text-subtle);text-align:center;margin-top:.08rem;font-size:.72rem;display:block}.speech-bubble{z-index:3;max-width:150px;box-shadow:var(--shadow-sm);color:var(--color-primary);background:#fffdf8;border:1px solid #c6684733;border-radius:16px 16px 4px;padding:.55rem .7rem;font-size:.72rem;font-weight:700;line-height:1.25;position:absolute;top:-26px;right:-18px}.speech-bubble:after{content:"";background:#fffdf8;border-bottom:1px solid #c6684733;border-right:1px solid #c6684733;width:12px;height:12px;position:absolute;bottom:-7px;right:18px;transform:rotate(45deg)}.resident-card:nth-child(2n) .speech-bubble{border-radius:16px 16px 16px 4px;left:-16px;right:auto}.resident-card:nth-child(2n) .speech-bubble:after{left:20px;right:auto}.resident-sound{background:var(--color-sage-soft);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;display:inline-flex;position:absolute;bottom:.7rem;right:.7rem}.resident-callout{max-width:620px;color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:.6rem;margin:2.4rem auto 0;font-size:.96rem;display:flex}@media (width<=1050px){.residents-rail{grid-template-columns:repeat(3,minmax(170px,1fr));row-gap:2rem}}@media (width<=560px){.residents-rail{scroll-snap-type:x mandatory;margin-left:-.5rem;margin-right:-.5rem;padding:1.3rem .5rem 1.5rem;display:flex;overflow-x:auto}.resident-card{scroll-snap-align:center;flex:0 0 190px}.speech-bubble{right:-8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.character-note{vertical-align:middle;max-width:100%;animation:.7s both note-arrive;animation-delay:var(--delay,0s);align-items:flex-end;gap:.55rem;margin:.9rem 0 1.1rem;display:inline-flex}.character-note.note-right{float:right;flex-direction:row-reverse;margin-left:.8rem}.character-note-avatar{width:62px;height:72px;animation:4.4s ease-in-out infinite note-bob;animation-delay:var(--delay,0s);background:linear-gradient(145deg,#f7f1e7,#e7efe8);border:2px solid #dda15e6b;border-radius:50% 50% 18px 18px;flex:0 0 62px;justify-content:center;align-items:flex-end;display:flex;overflow:hidden;box-shadow:0 5px 14px #2440301f}.character-note-avatar img{object-fit:contain;mix-blend-mode:multiply;transform-origin:bottom;width:100%;height:100%}.character-note-bubble{min-width:0;max-width:205px;color:var(--color-primary);background:#fffdf8;border:1px solid #c6684733;border-radius:14px 14px 14px 4px;flex-direction:column;gap:.1rem;padding:.6rem .8rem;line-height:1.25;display:flex;position:relative;box-shadow:0 4px 12px #24403012}.character-note.note-right .character-note-bubble{border-radius:14px 14px 4px}.character-note-bubble:after{content:"";background:#fffdf8;border-bottom:1px solid #c6684733;border-left:1px solid #c6684733;width:10px;height:10px;position:absolute;bottom:9px;left:-6px;transform:rotate(45deg)}.character-note.note-right .character-note-bubble:after{border-top:1px solid #c6684733;border-bottom:none;border-left:none;border-right:1px solid #c6684733;left:auto;right:-6px}.character-note-bubble strong{font-family:var(--font-serif);color:var(--color-terracotta);font-size:.82rem}.character-note-bubble span{font-size:.76rem;font-weight:700}@keyframes note-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(1deg)}}@keyframes note-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.theme-card .character-note{min-height:74px;margin:.4rem 0 .9rem}.theme-card .character-note-avatar{flex-basis:48px;width:48px;height:56px}.theme-card .character-note-bubble{max-width:155px;padding:.45rem .6rem}.step-card .character-note{min-height:74px}.section-cream:after,.section-tint:after{content:"";clear:both;display:table}@media (width<=560px){.character-note.note-right{float:none;margin-left:0}.character-note-bubble{max-width:180px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1c261fb3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:85vh;box-shadow:var(--shadow-lg);padding:2.5rem;position:relative;overflow-y:auto}@media (width<=900px){.desktop-nav{display:none!important}.mobile-cta{display:inline-flex!important}.hero-columns{grid-template-columns:1fr!important;gap:3rem!important}}.mobile-cta{display:none}