: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;}}

/* Oliver's real photo alongside the club story. */
.story{display:grid;grid-template-columns:minmax(0,0.44fr) minmax(0,0.56fr);align-items:center;gap:56px;padding:56px 0;text-align:left;}
.story-photo{margin:0;min-width:0;}
.story-photo img{display:block;width:100%;height:auto;}
.story-copy{min-width:0;}
.story h2{font-size:clamp(34px,3.2vw,48px);max-width:650px;}
.story p{margin:22px 0 0;max-width:660px;}
@media(max-width:1150px){.story{gap:32px;grid-template-columns:minmax(0,0.43fr) minmax(0,0.57fr);}.story p{font-size:19px;}}
@media(max-width:800px){.story{grid-template-columns:1fr;gap:28px;padding:35px 0;}.story-photo{max-width:560px;}.story h2{font-size:35px;}.story p{font-size:20px;}}

/* Keep Oliver's story photograph an understated supporting image. */
.story{grid-template-columns:minmax(0,300px) minmax(0,660px);justify-content:center;gap:48px;}
@media(min-width:801px) and (max-width:1150px){.story{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:32px;}}
@media(max-width:800px){.story{grid-template-columns:1fr;gap:24px;}.story-photo{width:220px;max-width:100%;}}

/* Match the photo height to its adjacent story copy. */
@media(min-width:801px){.story{grid-template-columns:minmax(0,380px) minmax(0,660px);}.story-photo{align-self:stretch;position:relative;}.story-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}}
@media(min-width:801px) and (max-width:1150px){.story{grid-template-columns:minmax(0,0.4fr) minmax(0,0.6fr);}}
@media(max-width:800px){.story-photo{width:280px;}}

/* V15 guide library */
.guides{border-top:1px solid #111;padding:72px 0 84px}.guides-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:48px;align-items:end;margin-bottom:40px}.guides-header h2{font-size:clamp(44px,6vw,78px);line-height:.94;margin:0}.guides-header p{font-size:18px;line-height:1.55;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #111}.guide-card{display:block;color:inherit;text-decoration:none;padding:28px 32px 32px 0;border-bottom:1px solid #111}.guide-card:nth-child(odd){border-right:1px solid #111}.guide-card:nth-child(even){padding-left:32px}.guide-card .kicker,.article-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.guide-card h3{font-size:clamp(27px,3vw,40px);line-height:1.04;margin:12px 0}.guide-card p{font-size:16px;line-height:1.55;max-width:46rem}.guide-card .read{display:inline-block;margin-top:10px;font-weight:700}.article-page{max-width:860px;margin:0 auto;padding:72px 24px 100px}.article-page h1{font-size:clamp(48px,8vw,92px);line-height:.92;margin:18px 0 24px}.article-dek{font-size:22px;line-height:1.5;margin-bottom:52px}.article-page section{border-top:1px solid #111;padding:28px 0 12px}.article-page h2{font-size:30px;line-height:1.1;margin:0 0 14px}.article-page p{font-size:18px;line-height:1.68;margin:0 0 22px}.article-back{display:inline-block;color:inherit;margin:24px 0;text-decoration-thickness:1px;text-underline-offset:4px}.article-note{margin-top:42px;padding-top:24px;border-top:1px solid #111;font-size:14px!important}.guide-footer{border-top:1px solid #111;padding-top:28px;margin-top:52px}.guide-footer a{color:inherit}@media(max-width:760px){.guides{padding:48px 0 56px}.guides-header{grid-template-columns:1fr;gap:20px}.guide-grid{grid-template-columns:1fr}.guide-card,.guide-card:nth-child(even){padding:24px 0}.guide-card:nth-child(odd){border-right:0}.article-page{padding:38px 22px 70px}}

.product-link{display:inline-block;margin:10px 0 20px;padding:13px 18px;border:1px solid #111;color:#111;text-decoration:none;font-weight:700}.product-link:hover{background:#111;color:#fff}.ordinary-link-note{font-size:14px!important;color:#333}.guide-card.product-card .kicker:after{content:" · Product watch"}


/* V17 editorial and product photography */
.guide-card{overflow:hidden}.guide-card-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:0 0 24px;background:#f2f3f1}.guide-card.product-card .guide-card-image{object-fit:contain;padding:18px;background:#f4f5f3}.article-hero{margin:4px 0 42px}.article-hero img{display:block;width:100%;max-height:620px;object-fit:cover;background:#f4f5f3}.article-hero.product-photo img{object-fit:contain;max-height:680px;padding:24px}.article-hero figcaption{font-size:13px;line-height:1.45;margin-top:10px;color:#454a47}.article-hero figcaption a{color:inherit}.category-placeholder{overflow:hidden;border:0!important}.category-placeholder img{display:block;width:100%;height:100%;object-fit:cover}.category-placeholder.product-preview img{object-fit:contain;background:#f4f5f3;padding:12px}
@media(max-width:760px){.guide-card-image{margin-bottom:18px}.article-hero{margin-bottom:32px}.article-hero.product-photo img{padding:14px}}


/* V18: prominent category photography and compact guide thumbnails */
.category-placeholder{aspect-ratio:16/10;margin:0;border-bottom:1px solid #b8b8b8!important}
.guide-card{display:grid;grid-template-columns:168px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:24px;align-content:start}
.guide-card-image{grid-column:1;grid-row:1 / 5;width:168px;height:132px;aspect-ratio:auto;margin:0;align-self:start}
.guide-card>.kicker,.guide-card>h3,.guide-card>p,.guide-card>.read{grid-column:2}
.guide-card>.kicker{grid-row:1}.guide-card>h3{grid-row:2}.guide-card>p{grid-row:3}.guide-card>.read{grid-row:4}
@media(max-width:980px){.guide-card{grid-template-columns:132px minmax(0,1fr);column-gap:18px}.guide-card-image{width:132px;height:108px}.guide-card h3{font-size:clamp(24px,3vw,34px)}}
@media(max-width:760px){.guide-card,.guide-card:nth-child(even){grid-template-columns:112px minmax(0,1fr);column-gap:16px;padding:22px 0}.guide-card-image{width:112px;height:92px}.guide-card h3{font-size:25px;margin:8px 0}.guide-card p{font-size:15px}.guide-card .read{font-size:14px}.category-placeholder{aspect-ratio:16/9}}
@media(max-width:480px){.guide-card,.guide-card:nth-child(even){grid-template-columns:92px minmax(0,1fr);column-gap:14px}.guide-card-image{width:92px;height:82px}.guide-card h3{font-size:22px}.guide-card p{display:none}}

/* v20: exact, real-product tool imagery */
.tools-product-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c7cbc8}.tools-product-pair a{position:relative;display:block;min-width:0;background:#f4f5f3;color:#111;text-decoration:none}.tools-product-pair img{object-fit:contain!important;background:#f4f5f3;padding:10px 10px 42px!important}.tools-product-pair span{position:absolute;left:8px;right:8px;bottom:8px;font-size:12px;font-weight:700;line-height:1.18;text-align:center}.article-hero.product-photo figcaption{max-width:760px}
@media(max-width:480px){.tools-product-pair span{font-size:10px}.tools-product-pair img{padding:7px 7px 36px!important}}