:root{--forest:#173b25;--ink:#142d1d;--cream:#faf4e9;--card:#f8efdf;--gold:#efe4b5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;background:var(--cream);font-family:Georgia,'Times New Roman',serif}a{color:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b97d13;outline-offset:5px}.skip{position:fixed;top:-100px;left:10px;background:white;padding:12px;z-index:99}.skip:focus{top:8px}.header{height:88px;background:linear-gradient(110deg,#233c25,#173b25);color:#fffdf2;display:flex;align-items:center;gap:28px;padding:17px 3.2%;position:relative;z-index:5}.brand{display:flex;flex:0 0 34%;max-width:440px;border-right:1px solid #c5c7ac;padding-right:26px}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1;font:14px/1.2 Arial,sans-serif}.desktop-nav a{text-decoration:none;white-space:nowrap;padding:14px 0}.desktop-nav a[aria-current]{border-bottom:2px solid var(--gold)}.desktop-nav a:hover{color:#ffe17c}.mobile-menu{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;background:#f4eadb}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf3e7 0%,rgba(250,243,231,.97) 22%,rgba(250,243,231,.87) 34%,rgba(250,243,231,.1) 54%,transparent 66%)}.hero-copy{width:47%;max-width:660px;padding:42px 0 42px 3.5%}.eyebrow{font:700 14px/1.5 Arial,sans-serif;letter-spacing:2px;display:flex;align-items:center;gap:22px;color:#15251b}.eyebrow span{height:1px;background:var(--ink);width:100px}h1{font-size:clamp(44px,5.9vw,84px);letter-spacing:-3px;line-height:.95;color:var(--ink);margin:22px 0 20px;font-weight:700}.story-headline{font-size:clamp(21px,2.5vw,32px);line-height:1.1;font-style:italic;color:var(--ink);max-width:500px;margin:0 0 18px}.story-body{font-size:clamp(17px,1.7vw,22px);line-height:1.2;max-width:480px;margin:0 0 22px}.story-button{border:0;border-radius:30px;background:var(--forest);color:white;font:700 16px/1.25 Arial,sans-serif;padding:13px 20px;display:inline-flex;align-items:center;gap:20px}.story-button span{font-size:27px;line-height:.5}.categories{max-width:1500px;margin:0 auto;padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.category{display:block;position:relative;overflow:hidden;isolation:isolate;min-height:254px;border-radius:14px;background:var(--card);text-decoration:none}.card-art{position:absolute;right:0;top:0;height:100%;width:59%;z-index:-2}.category:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8efdf 0%,#f8efdf 35%,rgba(248,239,223,.94) 44%,rgba(248,239,223,.5) 55%,transparent 68%);z-index:-1}.card-copy{padding:20px 28px;width:65%}.icon{width:42px;height:42px;stroke:var(--forest);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}.icon.paw{fill:var(--forest);stroke:none}.card-copy h2{font-size:clamp(25px,3vw,39px);letter-spacing:-1.2px;line-height:1.04;margin:6px 0 7px}.card-copy p{font-size:clamp(17px,1.85vw,23px);line-height:1.08;margin:0 0 12px;max-width:260px}.arrow{display:grid;place-items:center;background:var(--forest);color:#fff;border-radius:50%;width:34px;height:34px;font:34px/.8 Arial,sans-serif;padding-bottom:3px}.coming{display:inline-block;background:#c6c8a6;border-radius:28px;padding:8px 24px;font:700 18px/1 Arial,sans-serif}.category:hover .arrow{background:#305d38;transform:translateX(3px)}.value-ladder{margin:6px 8px 0;border-radius:20px;background:radial-gradient(ellipse at 90% 65%,#2c4c2b,#153820 70%);color:#fff9e6;display:grid;grid-template-columns:1.1fr 1fr 1fr 1.5fr;gap:0;padding:24px 12px;min-height:285px}.value-intro{padding:4px 25px;border-right:1px solid #e5dcb7}.value-intro h2{font:700 17px/1.4 Arial,sans-serif;letter-spacing:2px;margin:0 0 12px}.swoosh{display:block;height:18px;border-top:3px solid #efe3b3;border-radius:50%;transform:rotate(-5deg)}.value-intro p{font-style:italic;font-size:27px;line-height:1.08;margin:12px 0}.value-item{text-align:center;border-right:1px solid #e5dcb7;text-decoration:none;padding:0 15px;display:flex;flex-direction:column;align-items:center}.value-item .icon{stroke:#efe4b5;width:42px;height:42px}.value-item h3{font-size:28px;line-height:1;margin:8px 0}.value-item p{font-size:20px;line-height:1.05;margin:0 0 14px}.price{margin-top:auto;padding:8px 16px;background:#fff0cd;color:var(--forest);border-radius:18px 7px 17px 5px;font:bold italic 24px/1 Arial,sans-serif;transform:rotate(-3deg)}.price.small{font-size:18px}.wearables{padding:0 12px;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.wearable-pictures{position:relative;height:170px;overflow:hidden}.wearable-pictures svg{width:100%;height:100%;display:block}.wearable-links{display:flex;gap:8px;justify-content:center;margin-top:0}.wearable-links a{background:#fff0cd;color:#111;border-radius:12px 6px 14px 8px;display:flex;flex-direction:column;align-items:center;min-width:44%;padding:6px 10px;text-decoration:none;font-family:Arial,sans-serif}.wearable-links span{font-size:15px;font-weight:700}.wearable-links strong{font-size:29px;line-height:1.05}.wearable-note{text-align:center;font:11px/1.2 Arial,sans-serif;margin:7px 0 0;color:#e7e8d7}footer{padding:22px 24px;text-align:center;font:13px/1.5 Arial,sans-serif;color:#344737}footer a{margin:0 12px}footer p{max-width:720px;margin:10px auto 0}dialog{max-width:620px;width:calc(100% - 32px);border:0;border-radius:18px;background:var(--cream);padding:35px;color:var(--ink);box-shadow:0 20px 100px #0007}dialog::backdrop{background:#06190dc7}dialog h2{font-size:30px;line-height:1.05;margin:20px 0}dialog p:not(.eyebrow){font-size:21px;line-height:1.4}.dialog-close{position:absolute;right:14px;top:9px;background:none;border:none;font:32px Arial;color:var(--forest)}
@media(min-width:1500px){.hero-copy{padding-left:calc((100vw - 1400px)/2)}.hero{min-height:700px}.hero-art{object-position:center 40%}}
@media(max-width:1050px){.header{height:74px;padding:15px 3%;gap:18px}.brand{flex-basis:35%;padding-right:15px}.desktop-nav{gap:10px;font-size:12px}.hero{min-height:620px}.hero-copy{width:49%;padding-top:34px}.categories{padding:15px 16px;gap:13px}.category{min-height:229px}.card-copy{padding:17px 20px}.value-intro{padding:0 18px}.value-intro p{font-size:23px}.value-item h3{font-size:24px}.value-item p{font-size:18px}.value-item{padding:0 10px}.value-intro h2{font-size:14px}.wearable-pictures{height:155px}.wearable-links strong{font-size:25px}}
@media(max-width:760px){.header{height:74px;justify-content:space-between;padding:16px 4%}.brand{flex:0 1 78%;border:0;padding:0;max-width:350px}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{height:3px;width:31px;border-radius:3px;background:#fff}.mobile-menu nav{position:absolute;right:0;left:0;top:74px;background:var(--forest);padding:14px 5% 20px;box-shadow:0 12px 15px #0002;display:grid;gap:3px}.mobile-menu nav a{font:16px/1.4 Arial,sans-serif;text-decoration:none;padding:10px}.hero{min-height:650px}.hero-copy{width:62%;padding:30px 0 30px 4.5%;max-width:none}.hero-art{width:135%;max-width:none;left:-15%;object-position:62% center}.hero:after{background:linear-gradient(90deg,#faf3e7 0%,rgba(250,243,231,.96) 25%,rgba(250,243,231,.88) 40%,rgba(250,243,231,.45) 58%,transparent 76%)}.eyebrow{font-size:10px;letter-spacing:1.4px;gap:10px}.eyebrow span{width:35px}h1{font-size:clamp(35px,7.3vw,55px);letter-spacing:-1.7px;margin:18px 0 16px}.story-headline{font-size:clamp(19px,3.5vw,26px);line-height:1.08;margin-bottom:14px}.story-body{font-size:clamp(16px,2.9vw,21px);line-height:1.15;margin-bottom:18px}.story-button{font-size:12px;padding:11px 13px;gap:9px;white-space:nowrap}.story-button span{font-size:22px}.categories{grid-template-columns:1fr;padding:12px 16px;gap:12px}.category{min-height:190px}.card-art{width:57%}.card-copy{padding:17px 22px 16px 78px;width:65%}.card-copy .icon{position:absolute;left:22px;top:19px;width:38px;height:38px}.card-copy h2{font-size:clamp(25px,5vw,36px);letter-spacing:-1px;margin:0 0 6px}.card-copy p{font-size:clamp(17px,3.1vw,22px);max-width:280px;line-height:1.08;margin-bottom:10px}.arrow{width:30px;height:30px;font-size:30px}.coming{font-size:16px;padding:8px 20px}.value-ladder{margin:2px 9px 0;padding:20px 14px 15px;grid-template-columns:1fr 1fr 1.65fr;gap:14px 0}.value-intro{grid-column:1/-1;border:0;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:0 10px}.value-intro h2{font-size:17px;text-align:center;line-height:1.3}.value-intro p{font-size:22px;line-height:1.08;margin:0;border-left:1px solid;padding-left:22px;grid-column:2;grid-row:1/3}.swoosh{height:15px;margin:0 0 0 4px}.value-item{padding:0 8px}.value-item h3{font-size:22px}.value-item p{font-size:17px}.value-item .icon{width:36px;height:36px}.price{font-size:20px;padding:8px 13px}.price.small{font-size:13px;padding:9px}.wearables{padding:0 0 0 8px}.wearable-pictures{height:150px}.wearable-links{gap:5px}.wearable-links a{padding:5px}.wearable-links span{font-size:11px}.wearable-links strong{font-size:22px}.wearable-note{font-size:9px}.value-ladder{min-height:330px}footer{font-size:11px}}
@media(max-width:430px){.header{height:63px}.mobile-menu nav{top:63px}.hero{min-height:620px}.hero-copy{width:63%;padding-top:25px}.eyebrow{font-size:8px;letter-spacing:1px}.eyebrow span{width:24px}.story-body{font-size:15px}.story-headline{font-size:19px}h1{font-size:35px}.story-button{font-size:10px;gap:5px;padding:10px}.categories{padding:10px;gap:10px}.category{min-height:179px}.card-copy{padding:16px 6px 15px 55px;width:66%}.card-copy .icon{left:15px;width:29px;height:29px}.card-copy h2{font-size:24px}.card-copy p{font-size:16px}.coming{font-size:13px;padding:7px 16px}.value-ladder{padding:16px 9px;gap:13px 0}.value-intro{column-gap:12px;padding:0 4px}.value-intro h2{font-size:13px}.value-intro p{font-size:18px;padding-left:12px}.value-item h3{font-size:18px}.value-item p{font-size:14px}.price{font-size:16px}.price.small{font-size:10px;padding:9px 6px}.wearable-pictures{height:130px}.wearable-links strong{font-size:19px}.wearable-links span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.hero-art{inset:auto;right:-4%;top:32px;width:148%;height:auto;object-fit:contain}.hero{background:#faf3e7}.hero:after{background:linear-gradient(90deg,#faf3e7 0%,rgba(250,243,231,.97) 24%,rgba(250,243,231,.88) 39%,rgba(250,243,231,.25) 61%,transparent 78%)}.hero-copy{position:relative}.story-body{background:linear-gradient(90deg,rgba(250,243,231,.78),rgba(250,243,231,.55));border-radius:7px}}
@media(max-width:760px){.hero{min-height:0}.hero-art{top:0;right:-5%;width:145%;mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}.hero-copy{width:100%;padding:25px 4.5% 26px}.hero-copy h1{width:63%}.story-headline{width:56%}.story-body{margin-top:110px;max-width:none;background:none;font-size:17px;line-height:1.3}.story-button{font-size:13px;padding:12px 16px}.hero:after{background:linear-gradient(90deg,#faf3e7,rgba(250,243,231,.92) 24%,rgba(250,243,231,.55) 44%,transparent 65%)}}
@media(min-width:431px) and (max-width:760px){.story-body{margin-top:200px}}

/* Step 1: homepage header and story hero only. Existing lower sections retained. */
body{color:#233c2d;background:#faf4e9}.header{height:74px;padding:14px 3%;gap:18px}.brand{flex:0 1 36%;padding-right:18px}.desktop-nav{font-size:12px;gap:15px}.header-actions{display:flex;gap:16px;border-left:1px solid #c5c7ac;padding-left:16px}.header-actions a{display:flex}.header-actions svg{width:21px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.hero{min-height:545px;background:#faf2e6}.hero-art{left:auto;right:0;width:61%;height:100%;max-width:none;object-fit:unset}.hero:after{background:linear-gradient(90deg,#faf2e6 0%,#faf2e6 32%,rgba(250,242,230,.93) 39%,rgba(250,242,230,.25) 50%,transparent 60%)}.hero-copy{width:48%;max-width:none;padding:32px 0 34px 3.6%}.eyebrow{font-size:14px;letter-spacing:2px;gap:18px;white-space:nowrap}.eyebrow span{width:100px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,7.1vw,96px);line-height:.89;letter-spacing:-3px;margin:18px 0 16px}.story-headline{font-size:clamp(23px,2.75vw,36px);line-height:1.08;max-width:520px;margin-bottom:15px}.story-description{position:relative;max-width:470px}.story-body{font-size:clamp(18px,1.95vw,25px);line-height:1.18;max-width:390px;margin:0 0 17px;padding-right:36px}.heart-paw{position:absolute;width:80px;height:76px;right:0;bottom:-1px;color:#173b25}.story-button{font-size:17px;padding:11px 24px;gap:12px}
@media(min-width:1400px){.hero{min-height:680px}.hero-copy{padding-top:45px}.story-body{max-width:450px}.story-description{max-width:540px}}
@media(max-width:900px) and (min-width:761px){.brand{flex-basis:29%}.header{gap:12px}.desktop-nav{gap:9px;font-size:11px}.header-actions{gap:10px;padding-left:10px}.header-actions svg{width:17px}}
@media(max-width:760px){.header{height:70px;padding:14px 4%;gap:10px}.brand{max-width:350px;flex:0 1 78%;padding:0}.header-actions{display:none}.mobile-menu nav{top:70px}.hero{min-height:0}.hero-art{inset:0 0 0 auto;width:64%;height:100%;mask-image:none;-webkit-mask-image:none}.hero:after{background:linear-gradient(90deg,#faf2e6 0%,#faf2e6 29%,rgba(250,242,230,.9) 39%,rgba(250,242,230,.22) 52%,transparent 66%)}.hero-copy{width:100%;padding:28px 4.5% 22px}.eyebrow{font-size:clamp(8px,1.8vw,13px);gap:13px;letter-spacing:1.5px}.eyebrow span{width:72px}.hero-copy h1{width:53%;font-size:clamp(31px,7.2vw,51px);letter-spacing:-1.8px;line-height:.92;margin:14px 0}.story-headline{width:43%;font-size:clamp(16px,3.6vw,25px);line-height:1.08;margin-bottom:14px}.story-description{width:43%;max-width:none}.story-body{width:100%;max-width:none;margin:0 0 18px;padding:0 14px 0 0;background:none;font-size:clamp(12px,2.65vw,18px);line-height:1.13}.heart-paw{width:58px;height:60px;right:-43px;bottom:0}.story-button{font-size:clamp(11px,2.4vw,17px);padding:11px 18px;gap:9px}.story-button span{font-size:22px}}

/* Step 2: six resource cards. All rules scoped to the category grid. */
.categories{padding:16px 22px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.categories .category{min-height:270px;color:#173b25}.categories .card-copy{padding:19px 26px;width:64%}.categories .card-copy h2{font-family:Georgia,'Times New Roman',serif;color:#173b25;font-size:clamp(25px,3vw,39px);line-height:1.02;margin:6px 0 8px}.categories .card-copy p{font-size:clamp(17px,1.8vw,23px);line-height:1.12;max-width:310px;margin-bottom:13px;color:#273e2e}.categories .card-art{width:58%}.categories .coming{background:#c6c8a6;color:#172b1c}.categories .category:after{background:linear-gradient(90deg,#f8efdf 0%,#f8efdf 36%,rgba(248,239,223,.97) 44%,rgba(248,239,223,.55) 56%,transparent 72%)}
@media(max-width:1050px) and (min-width:761px){.categories .category{min-height:264px}.categories .card-copy{padding:18px 22px;width:68%}.categories .card-copy p{font-size:18px}.categories .card-copy h2{font-size:29px}}
@media(max-width:760px){.categories{grid-template-columns:minmax(0,1fr);padding:12px 16px;gap:12px}.categories .category{min-height:206px}.categories .card-copy{padding:19px 10px 18px 90px;width:66%}.categories .card-copy .icon{left:24px;top:20px;width:42px;height:42px}.categories .card-copy h2{font-size:clamp(25px,4.7vw,36px);margin:0 0 7px}.categories .card-copy p{font-size:clamp(16px,3.1vw,22px);line-height:1.1;max-width:300px;margin-bottom:10px}.categories .card-art{width:58%}}
@media(max-width:430px){.categories{padding:10px;gap:11px}.categories .category{min-height:230px}.categories .card-copy{padding:17px 8px 16px 51px;width:67%}.categories .card-copy .icon{left:14px;top:19px;width:27px;height:29px}.categories .card-copy h2{font-size:25px;letter-spacing:-.8px}.categories .card-copy p{font-size:16px;line-height:1.12}.categories .coming{font-size:13px;padding:8px 13px}.categories .arrow{width:29px;height:29px}}

/* Step 3: value ladder only; header, hero, and category cards remain untouched. */
.value-ladder{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:20px 0;padding:25px 24px 20px;margin:6px 8px 0;background:radial-gradient(ellipse at 90% 65%,#29482b,#153820 72%);color:#fff7df;border-radius:20px}.value-ladder .value-intro{grid-column:1/-1;border:0;padding:0 12px 15px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #e5dcb766}.value-ladder .value-intro h2{font:700 17px/1.35 Arial,sans-serif;letter-spacing:2px;margin:0;color:#f3e8be}.value-ladder .value-intro p{font:italic 25px/1.12 Georgia,serif;margin:0;max-width:480px;color:#fff7df}.value-ladder .swoosh{display:none}.value-ladder .value-item{padding:0 24px;border-right:1px solid #e5dcb7;gap:8px}.value-ladder .value-item h3{font:700 30px/1 Georgia,serif;margin:0 0 4px;color:#fff7df}.value-ladder .value-item p{font:21px/1.15 Georgia,serif;margin:0 0 14px;max-width:260px}.value-ladder .price{background:#fff0cd;padding:10px 27px;border-radius:40% 12% 35% 10%;font-size:26px;color:#173b25}.value-ladder .price.small{font-size:20px;padding:12px 17px;white-space:nowrap}.value-ladder .wearables{padding:0 0 0 23px}.value-ladder .wearable-pictures{height:205px}.value-ladder .wearable-links a{border-radius:35% 12% 27% 9%;background:#fff0cd;padding:8px 12px;color:#172b1c}.value-ladder .wearable-links span{font:700 17px/1.15 Georgia,serif}.value-ladder .wearable-links strong{font:800 32px/1.08 Arial,sans-serif}.value-ladder .wearable-note{margin-top:8px}
@media(max-width:1050px) and (min-width:761px){.value-ladder{padding:22px 15px}.value-ladder .value-item{padding:0 16px}.value-ladder .value-item h3{font-size:26px}.value-ladder .value-item p{font-size:19px}.value-ladder .price.small{font-size:17px}.value-ladder .value-intro p{font-size:22px;max-width:370px}.value-ladder .wearable-pictures{height:190px}.value-ladder .wearable-links strong{font-size:28px}}
@media(max-width:760px){.value-ladder{grid-template-columns:minmax(0,1fr);padding:25px 22px;gap:25px;margin:3px 10px 0}.value-ladder .value-intro{display:block;text-align:center;padding:0 0 22px;grid-column:1}.value-ladder .value-intro h2{font-size:17px;max-width:340px;margin:0 auto 16px}.value-ladder .value-intro p{font-size:24px;max-width:340px;margin:0 auto;border:0;padding:0}.value-ladder .value-item{border-right:0;border-bottom:1px solid #e5dcb766;padding:0 10px 25px;gap:10px}.value-ladder .value-item .icon{width:42px;height:42px}.value-ladder .value-item h3{font-size:29px}.value-ladder .value-item p{font-size:21px;max-width:310px;margin-bottom:9px}.value-ladder .price{font-size:25px}.value-ladder .price.small{font-size:20px;padding:12px 24px}.value-ladder .wearables{padding:0;max-width:500px;width:100%;margin:auto}.value-ladder .wearable-pictures{height:auto;aspect-ratio:331/155}.value-ladder .wearable-links{gap:12px}.value-ladder .wearable-links a{flex:1;min-width:0;padding:10px 5px}.value-ladder .wearable-links span{font-size:17px}.value-ladder .wearable-links strong{font-size:30px}.value-ladder .wearable-note{font-size:10px}}

/* Step 5: mobile-only hard separation of text and photography. */
@media(max-width:760px){
 .hero{display:flex;flex-direction:column;min-height:0}
 .hero:after{display:none}
 .hero .hero-copy{order:0;width:100%;max-width:none;padding:28px 6%;background:#faf2e6}
 .hero .hero-copy h1,.hero .story-headline,.hero .story-description,.hero .story-body{width:100%;max-width:none}
 .hero .hero-copy h1{font-size:clamp(35px,8vw,55px)}
 .hero .story-headline{font-size:clamp(21px,4.4vw,28px)}
 .hero .story-body{font-size:clamp(17px,3.4vw,22px);line-height:1.35;margin:0 0 16px;padding:0;background:none}
 .hero .heart-paw{position:static;display:block;width:68px;height:65px;margin:0 0 16px}
 .hero .hero-art{order:1;position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:584/545;z-index:auto;mask-image:none;-webkit-mask-image:none}
 .categories .category{display:flex;flex-direction:column;min-height:0}
 .categories .category:after{display:none}
 .categories .card-copy{order:0;width:100%;padding:22px 24px;background:var(--card)}
 .categories .card-copy .icon{position:static;width:38px;height:38px;margin:0 0 10px}
 .categories .card-copy h2{font-size:clamp(27px,5.5vw,36px);margin:0 0 10px}
 .categories .card-copy p{font-size:clamp(18px,3.6vw,22px);line-height:1.25;max-width:none;margin:0 0 15px}
 .categories .card-art{order:1;position:relative;inset:auto;display:block;z-index:auto;width:100%;height:auto;aspect-ratio:1.65}
}