:root { color-scheme:light; --paper:#fff; --ink:#000; --green:#00543b; --line:#222; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Georgia,'Times New Roman',serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-underline-offset:5px; }
a:focus-visible { outline:3px solid var(--green); outline-offset:6px; }
h1,h2,h3,p { margin:0; }
.page { max-width:1512px; margin:auto; padding:0 56px; }
.skip-link { position:absolute; left:16px; top:-80px; z-index:4; background:#fff; padding:12px; }
.skip-link:focus { top:12px; }
.header { min-height:108px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid var(--line); }
.wordmark { font-weight:700; font-size:28px; letter-spacing:-1px; text-decoration:none; }
nav { display:flex; flex-wrap:wrap; gap:34px; font-size:18px; }
nav a { text-decoration:none; }
nav a:hover { text-decoration:underline; }
.hero { display:grid; grid-template-columns:minmax(0,58%) minmax(0,42%); grid-template-areas:"logo copy"; align-items:center; position:relative; padding:80px 0 112px; min-height:745px; border-bottom:1px solid var(--line); }
.hero-copy,.hero-logo { position:relative; z-index:1; }
.hero-copy { grid-area:copy; padding-left:30px; }
.hero-logo { grid-area:logo; }
h1 { font-size:clamp(52px,6.7vw,100px); line-height:.93; letter-spacing:-5.8px; }
.hero-copy p { max-width:480px; font-size:25px; line-height:1.34; margin:30px 0 28px; }
.button { display:inline-flex; align-items:center; gap:24px; color:#fff; background:var(--green); padding:16px 27px; font-size:23px; line-height:1.2; text-decoration:none; border:1px solid var(--green); }
.button:hover { background:#003b29; }
.hero-logo { margin-left:-28px; margin-right:0; }
.hero-logo img { display:block; width:100%; height:auto; }
.paw-trail { position:absolute; pointer-events:none; user-select:none; z-index:2; width:240px; height:72px; opacity:.34; }
.paw-trail span { position:absolute; width:29px; height:29px; background:url('assets/paw.svg') center/contain no-repeat; }
.paw-trail span:nth-child(1) { left:3px; top:36px; transform:rotate(58deg); }
.paw-trail span:nth-child(2) { left:67px; top:12px; transform:rotate(69deg); }
.paw-trail span:nth-child(3) { left:132px; top:29px; transform:rotate(83deg); }
.paw-trail span:nth-child(4) { left:197px; top:2px; transform:rotate(67deg); }
.hero-trail { right:50px; bottom:24px; }
h2 { font-size:47px; letter-spacing:-1.8px; line-height:1.08; }
h3 { font-size:29px; line-height:1.12; letter-spacing:-.7px; }
.explore { padding:50px 0 48px; border-bottom:1px solid var(--line); }
.explore>h2 { text-align:center; font-size:clamp(39px,4vw,58px); }
.categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:42px; }
.categories article { padding:0 27px; border-left:1px solid #999; }
.categories article:first-child { padding-left:0; border:0; }
.categories article:last-child { padding-right:0; }
.categories p { margin-top:14px; font-size:20px; line-height:1.4; }
.story { padding:50px 9%; text-align:center; border-bottom:1px solid var(--line); }
.story h2 { font-size:38px; }
.story p { max-width:950px; margin:21px auto 0; font-size:21px; line-height:1.4; }
.story .small { margin-top:18px; font-size:17px; }
.newsletter { display:grid; grid-template-columns:minmax(0,44%) minmax(0,56%); gap:0; padding:68px 0; border-bottom:1px solid var(--line); }
.newsletter-copy { position:relative; padding:12px 54px 110px 0; }
.newsletter-copy h2 { font-size:clamp(44px,4.7vw,66px); letter-spacing:-2.4px; }
.newsletter-copy .newsletter-feature { font-size:23px; font-weight:bold; line-height:1.3; margin:25px 0 14px; }
.newsletter-copy>p { max-width:420px; font-size:20px; line-height:1.45; }
.newsletter-trail { left:20px; bottom:14px; transform:rotate(-9deg); }
.newsletter-signup { border-left:1px solid #b8b8b8; padding-left:46px; }
.newsletter-embed { width:100%; max-width:640px; margin:0 auto; }
.newsletter-privacy { font-size:14px; line-height:1.5; max-width:570px; margin:18px auto 0; }
.newsletter-privacy a { color:var(--green); overflow-wrap:anywhere; }
.product-tips { display:flex; align-items:center; justify-content:space-between; gap:45px; padding:35px 0; border-bottom:1px solid var(--line); }
.tip-copy { max-width:780px; }
.tip-copy h2 { font-size:30px; letter-spacing:-.8px; }
.tip-copy p { font-size:18px; line-height:1.4; margin-top:10px; }
.tip-copy .small { font-size:14px; margin-top:9px; }
.tip-link { display:inline-flex; flex-shrink:0; align-items:center; gap:14px; font-size:20px; color:var(--green); }
footer { padding:30px 10% 25px; text-align:center; }
footer h2 { font-size:19px; letter-spacing:0; margin-bottom:12px; }
footer p { font-size:15px; line-height:1.5; max-width:950px; margin:0 auto 16px; }
.footer-links { justify-content:center; gap:14px 30px; font-size:15px; margin:21px 0; }
.footer-links a { text-decoration:underline; overflow-wrap:anywhere; }
footer .small { font-size:14px; }
@media(max-width:1150px) {
 .page{padding:0 34px;} .header{min-height:90px;} .wordmark{font-size:24px;} nav{gap:23px;font-size:16px;}
 .hero{padding:62px 0 108px;min-height:670px;} h1{font-size:clamp(52px,6.7vw,100px);letter-spacing:-4px;} .hero-copy p{font-size:22px;max-width:385px;} .hero-logo{margin-left:-7px;margin-right:-15px;} .button{font-size:21px;}
 .categories{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px;} .categories article:nth-child(2){padding-right:0;} .categories article:nth-child(3){border-left:0;padding-left:0;}
 .newsletter-copy{padding-right:32px;} .newsletter-copy h2{font-size:46px;} .newsletter-copy .newsletter-feature{font-size:21px;} .newsletter-copy>p{font-size:18px;} .newsletter-signup{padding-left:26px;} .story{padding:42px 5%;}
}
@media(max-width:800px) {
 .page{padding:0 24px;} .header{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 0;} .wordmark{font-size:26px;} nav{gap:22px;font-size:16px;}
 .hero{grid-template-columns:1fr;grid-template-areas:"logo" "copy";padding:42px 0 88px;gap:18px;min-height:0;} h1{font-size:clamp(60px,13vw,91px);letter-spacing:-3px;} .hero-copy p{font-size:22px;max-width:530px;margin:27px 0;} .hero-logo{margin:0 -12px;} .hero-trail{right:12px;bottom:12px;transform:scale(.85);transform-origin:right bottom;}
 .explore{padding:36px 0;} .explore>h2{text-align:left;font-size:40px;} .categories{margin-top:30px;} .categories article{padding:0 22px;} h3{font-size:27px;} .categories p{font-size:19px;}
 .story{text-align:left;padding:35px 0;} .story h2{font-size:35px;} .story p{font-size:20px;} .story .small{font-size:16px;}
 .newsletter{grid-template-columns:1fr;padding:40px 0;gap:26px;} .newsletter-copy{padding:0 0 90px;} .newsletter-copy h2{font-size:48px;} .newsletter-copy h2 br{display:none;} .newsletter-copy .newsletter-feature{font-size:22px;margin-top:20px;} .newsletter-copy>p{max-width:540px;font-size:20px;} .newsletter-trail{left:auto;right:8px;bottom:0;transform:scale(.85) rotate(-9deg);transform-origin:right bottom;} .newsletter-signup{border:0;padding:0;} .newsletter-privacy{font-size:14px;}
 .product-tips{align-items:flex-start;flex-direction:column;gap:20px;padding:30px 0;} .tip-copy h2{font-size:30px;} .tip-copy p{font-size:18px;} .tip-link{font-size:20px;}
 footer{padding:28px 0 15px;text-align:left;} .footer-links{justify-content:flex-start;font-size:15px;}
}
@media(max-width:520px) { .categories{grid-template-columns:1fr;row-gap:0;} .categories article,.categories article:first-child,.categories article:nth-child(2),.categories article:nth-child(3),.categories article:last-child{padding:22px 0;border:0;border-top:1px solid #ddd;} .categories article:first-child{padding-top:0;border:0;} .categories article:last-child{padding-bottom:0;} .newsletter-copy h2{font-size:43px;} }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto;} }

@media(max-width:800px) { .hero-copy{padding-left:0;} }

/* Six editorial placeholders; real photography and destinations will follow. */
.explore-intro { max-width:740px; margin:20px auto 0; text-align:center; font-size:20px; line-height:1.45; }
.discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:35px; }
.discovery-grid article { min-width:0; border:1px solid #b8b8b8; background:#fff; }
.category-placeholder { aspect-ratio:16/7; margin:16px 16px 0; border:1px dashed #ddd; background:#fff; }
.category-copy { padding:24px; }
.category-copy h3 { font-size:29px; line-height:1.1; }
.category-copy p { font-size:18px; line-height:1.4; margin-top:12px; max-width:330px; }
@media(max-width:1100px) { .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;} }
@media(max-width:800px) { .explore-intro{text-align:left;font-size:19px;} .category-copy{padding:22px;} .category-copy h3{font-size:27px;} }
@media(max-width:600px) { .discovery-grid{grid-template-columns:1fr;gap:20px;margin-top:28px;} .category-placeholder{aspect-ratio:16/6;} .category-copy p{max-width:none;} }

/* Final hero balance: large logo, quieter flush-left copy. */
.hero{align-items:center;}
.hero-copy{text-align:left;align-self:center;}
h1{font-size:clamp(60px,5.5vw,82px);line-height:1.02;letter-spacing:-3.8px;}
@media(min-width:801px) and (max-width:1150px){h1{font-size:clamp(46px,5.3vw,64px);letter-spacing:-2.4px;}}
@media(max-width:800px){h1{font-size:clamp(50px,11.5vw,74px);letter-spacing:-2.5px;}.hero-copy{text-align:left;}}

/* Oliver follows a lead beside the product tip invitation. */
.product-tips{gap:32px;}
.tip-illustration{flex:0 0 300px;}
.tip-illustration img{display:block;width:100%;height:auto;}
.tip-copy{flex:1;min-width:0;}
@media(min-width:801px) and (max-width:1150px){.product-tips{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px 28px;}.tip-illustration{grid-row:1 / 3;}.tip-link{grid-column:2;justify-self:start;}}
@media(max-width:800px){.product-tips{gap:20px;}.tip-illustration{flex:none;width:280px;max-width:100%;}.tip-copy{flex:none;}}