@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap');
:root{--ink:#233f34;--deep:#153329;--pine:#34684e;--sage:#dcebdc;--paper:#faf8f0;--cream:#f2eedf;--gold:#bd8d49;--muted:#69766e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.68}a{color:inherit}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:99}.container{max-width:1160px;padding:0 30px;margin:auto}.site-header{background:#fffdf7d9;border-bottom:1px solid #e6e4d9;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.head-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{text-decoration:none;display:flex;gap:13px;align-items:center;color:var(--deep)}.brand-icon{font-size:31px;color:var(--gold)}.brand strong{font:700 28px/1 'Fraunces',Georgia,serif;letter-spacing:-.9px}.brand small{display:block;color:#66816d;font-size:10px;letter-spacing:2.3px;text-transform:uppercase;margin-top:7px}.nav{display:flex;align-items:center;gap:21px}.nav a{text-decoration:none;font-size:13px;font-weight:700;color:#51675a}.nav a:hover,.nav a[aria-current=page]{color:#b38033}.menu-btn{display:none;border:1px solid #bbcdbd;background:white;border-radius:8px;font-size:21px;padding:4px 12px}.hero{background:radial-gradient(circle at 85% 21%,#5c8464 0,transparent 34%),linear-gradient(118deg,#123328,#2c6348);color:#fff;overflow:hidden;position:relative}.hero:after{content:'✦  ✧  ✦';position:absolute;right:5%;top:9%;color:#eedfa0;opacity:.35;font-size:35px;letter-spacing:60px}.hero-grid{padding:82px 0 90px;display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:#c6a763}.hero .eyebrow{color:#e6c98a}h1,h2,h3{font-family:'Fraunces',Georgia,serif;line-height:1.17;letter-spacing:-.03em}h1{font-size:clamp(48px,6vw,76px);margin:16px 0 25px;font-weight:500}h2{font-size:clamp(32px,4vw,47px);margin:11px 0 19px;font-weight:500}h3{font-size:25px;font-weight:600;margin:7px 0 12px}p{margin:0 0 18px}.hero p{font-size:18px;color:#e1e9df;max-width:570px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:var(--gold);color:white;padding:13px 23px;text-decoration:none;border-radius:4px;font-weight:700;font-size:13px;margin-top:10px;border:0}.button.secondary{background:transparent;color:inherit;border:1px solid #a2b8a8;margin-left:8px}.button:hover{filter:brightness(1.09)}.art-frame{background:#e8e5d8;padding:14px;border:1px solid #efefdc;box-shadow:0 18px 55px #09271e50;transform:rotate(2deg);max-width:415px;margin:auto;position:relative}.art-frame img{aspect-ratio:8.5/11;object-fit:cover;object-position:top;background:white}.art-frame:after{content:'AN ADVENTURE TO COLOR';position:absolute;bottom:24px;right:-29px;background:var(--gold);font-size:10px;letter-spacing:2px;padding:9px 13px;color:white;transform:rotate(-2deg)}.section{padding:84px 0}.center{text-align:center}.intro{max-width:720px;margin:0 auto 40px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tile{background:white;border:1px solid #e5e5d8;border-radius:4px;overflow:hidden}.tile-body{padding:24px}.tile p,.muted{color:var(--muted)}.tile .art{width:100%;height:285px;object-fit:cover;object-position:center 29%;background:#f8f8f4}.tile h3{font-size:24px}.pill{display:inline-block;color:#6a825d;background:#eaf2e8;border-radius:20px;padding:3px 10px;font-size:10px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.text-link{font-size:13px;font-weight:700;color:var(--pine);text-decoration:none;border-bottom:1px solid #b6c8b1;padding-bottom:4px}.cream{background:var(--cream)}.dark{background:var(--deep);color:white}.dark .muted{color:#cadad0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.display-art{max-height:560px;object-fit:contain;margin:auto;border:12px solid white;box-shadow:0 15px 35px #192e2420}.steps{display:grid;gap:18px}.step{border-left:2px solid var(--gold);padding-left:21px}.step strong{display:block;font-family:'Fraunces',serif;font-size:21px}.step span{color:var(--muted)}.inner-hero{padding:70px 0 65px;background:linear-gradient(110deg,#1a3c2d,#3c6c4f);color:white}.inner-hero h1{font-size:clamp(40px,5vw,60px);max-width:850px}.inner-hero p{color:#dce9df;max-width:700px;font-size:18px}.book{display:grid;grid-template-columns:280px 1fr;gap:45px;padding:34px 0;border-bottom:1px solid #ddded3;align-items:start}.book img{width:100%;height:340px;object-fit:cover;object-position:top;border:10px solid #fff;box-shadow:0 6px 19px #00000012}.book .status{color:#a06e36;font-size:12px;font-weight:700;letter-spacing:1.5px}.book p{max-width:680px}.portrait{width:100%;height:420px;object-fit:cover;object-position:top}.quote{padding:40px;border-left:3px solid var(--gold);background:#fff;border-radius:2px;font:500 23px/1.4 'Fraunces',serif}.section-title{max-width:760px;margin:auto}.foot{background:#102b21;color:#dbe8df;padding:65px 0 23px}.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.foot a{display:block;color:#dce7db;text-decoration:none;margin:8px 0;font-size:13px}.foot h3{font-size:21px;color:white}.foot-bottom{border-top:1px solid #385347;margin-top:36px;padding-top:20px;font-size:12px;color:#b7c8bb}.note{background:#ebf2e9;border:1px solid #d5e3d4;padding:18px 24px;border-radius:5px;font-size:14px}.faq details{border-bottom:1px solid #d4d7ca;padding:20px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin-top:14px}.small{font-size:13px}.download{font-size:13px;color:#7a796d;font-style:italic}.grid.two{grid-template-columns:repeat(2,1fr)}@media(max-width:850px){.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#fffdf7;padding:25px 30px;box-shadow:0 13px 25px #0002;flex-direction:column;align-items:start}.nav.show{display:flex}.menu-btn{display:block}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.hero-grid{padding:60px 0}.grid,.grid.two{grid-template-columns:1fr 1fr}.book{grid-template-columns:200px 1fr}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:590px){.container{padding:0 20px}.brand strong{font-size:24px}.grid,.grid.two,.book,.foot-grid{grid-template-columns:1fr}.book img{max-width:280px}.hero-grid{padding:48px 0}.section{padding:55px 0}.art-frame{max-width:330px}.button.secondary{margin-left:0}.tile .art{height:270px}}

/* Village storybook theme — existing source illustrations are preserved */
:root{--ink:#49321f;--deep:#263c24;--pine:#345c30;--gold:#bf914e;--paper:#fff2d7;--muted:#6b5948}
body{color:var(--ink);background:#213a2d}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#0b281b70,#112c2235,#0b281b62),url('village-environment.webp') center/cover no-repeat}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#173a2366,transparent 55%)}
.site-header{background:linear-gradient(#65421f,#302212);border-bottom:4px solid #c49a51;box-shadow:0 5px 18px #0007;backdrop-filter:none}
.brand,.brand strong{color:#ffe4a0;text-shadow:0 2px #241a10}.brand small,.nav a{color:#f4ddac}.nav a:hover,.nav a[aria-current=page]{color:#ffcd75}.menu-btn{background:#56371e;color:#fff2d1}
.hero{background:transparent;color:#49321f;overflow:visible}.hero:after{display:none}.hero-grid{padding:85px 0 50px;grid-template-columns:1.1fr .9fr;gap:44px}
.village-welcome{padding:38px clamp(24px,4vw,55px);background:linear-gradient(140deg,#fff2d8f5,#f8e0b1f2);border:8px solid #ba874d;border-radius:19px;box-shadow:0 12px 0 #63431f,0 26px 48px #071f16a6,inset 0 0 0 2px #fffbe8;position:relative}
.village-welcome:before{content:"❧";position:absolute;color:#568238;font-size:45px;right:18px;top:4px}.hero h1{font-size:clamp(44px,5.8vw,72px);color:#57331d;text-shadow:1px 1px #fff8dc}.hero .eyebrow{color:#6c813c}.hero p{color:#5c4630;font-size:18px}
.button{background:linear-gradient(#588037,#244e27);color:#fff6e4;border-radius:27px;border:2px solid #c49c5b;box-shadow:0 4px #24451e}.button.secondary{color:#35502a;background:#fdf1d3;border:2px solid #b59259;box-shadow:0 3px #ad9159}
.art-frame{border:10px solid #b18b5a;background:#fdf0d3;transform:rotate(2deg);box-shadow:0 21px 40px #0009}.art-frame:after{background:#355c2d}
.section{background:transparent;padding:44px 0}.section.cream,.section.dark{background:transparent;color:#49321f}
.section .container:not(.head-inner){background:#fff1dff0;padding:38px clamp(20px,4vw,50px);border:5px solid #b68a55;border-radius:20px;box-shadow:0 15px 34px #061d14a0,inset 0 0 0 2px #fff1c9}
.section h2{color:#5b3a20}.tile{background:#fff9ed;border:2px solid #b9905d;border-radius:12px;box-shadow:0 5px 16px #51351832}.tile .art{height:245px}.eyebrow{color:#84763d}.foot{border-top:5px solid #c49a51}.intro,.tile p,.muted{color:#725d49}
.inner-hero{background:linear-gradient(110deg,#153927ed,#54733ddd);border-bottom:5px solid #bf9651}.quote,.note{background:#fff6e8}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.nav{background:#3e2c1c}.village-welcome{padding:35px 27px}}
@media(max-width:590px){.section .container:not(.head-inner){padding:24px 18px}.hero-grid{padding:45px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}