/* A full-width photograph with space for the subject and the typography. */
.home-hero.home-hero--panorama{height:clamp(660px,calc(100svh - var(--header)),850px);min-height:660px;background:#10281f;color:#fff9ed;isolation:isolate}
.home-hero--panorama::before{z-index:0;background:linear-gradient(90deg,transparent 20%,#0919120d 43%,#091912b3 66%,#091912db 100%),linear-gradient(0deg,#0c201cc7,transparent 27%);pointer-events:none}
.panorama-photo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.panorama-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 24%;animation:panorama-arrive 1.5s ease-out both}
.panorama-content{height:100%;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-bottom:50px}
.home-hero--panorama .hero-copy{width:30%;max-width:430px;position:relative;animation:panorama-copy .9s ease-out .15s both}
.home-hero--panorama .hero-copy .eyebrow{color:#e9e9d8;letter-spacing:.16em;font-size:9px;line-height:1.8;margin-bottom:25px}
.home-hero--panorama .hero-copy .eyebrow::before{content:'';display:block;width:45px;height:1px;background:#d1d7b1;margin-bottom:22px}
.home-hero--panorama .hero-copy h1{font-size:clamp(59px,5.5vw,84px);line-height:.99;letter-spacing:-.04em;font-weight:500;color:#fff9ed;text-shadow:0 2px 20px #10201626}
.home-hero--panorama .hero-copy h1 em{font-weight:500;color:#e1e4c7}
.home-hero--panorama .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#f2f0e6;max-width:350px;margin-top:25px}
.home-hero--panorama .hero-actions{gap:10px;flex-wrap:wrap;margin-top:30px}
.home-hero--panorama .hero-actions .action{font-size:11px;padding:14px 19px;gap:13px;border-radius:3px;min-height:48px}
.home-hero--panorama .hero-actions .action:not(.outline-light){background:#f5f0df;color:#163a2e;border-color:#f5f0df}
.home-hero--panorama .hero-actions .action:not(.outline-light):hover{background:white;border-color:white}
.home-hero--panorama .hero-actions .outline-light{background:#17392c33;border-color:#f2efe578;backdrop-filter:blur(5px)}
.home-hero--panorama .hero-actions .outline-light:hover{background:#fff;color:#163a2e}
.home-hero--panorama :focus-visible{outline-color:#fff9ed}
.panorama-footer{position:absolute;inset:auto 0 32px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.hero-gallery-link{display:inline-flex;align-items:center;gap:15px;text-decoration:none;font-size:11px;letter-spacing:.025em;color:#f3f0e2;min-height:44px}
.panorama-scroll{display:grid;place-items:center;width:40px;height:40px;border:1px solid #eeebd867;border-radius:50%;font-size:21px;transition:transform .25s,background .25s}
.hero-gallery-link:hover .panorama-scroll{transform:translateY(3px);background:#f3f0e21a}
.panorama-signature{font:23px/1.15 var(--serif);color:#eee9d7;text-align:right}
@keyframes panorama-arrive{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes panorama-copy{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(min-width:851px) and (max-width:1000px){
 .home-hero.home-hero--panorama{height:680px;min-height:680px}
 .home-hero--panorama .hero-copy{width:35%}
 .home-hero--panorama .hero-copy h1{font-size:58px}
 .home-hero--panorama .hero-copy>p:not(.eyebrow){font-size:13px}
 .panorama-photo img{object-position:100% 25%}
 .home-hero--panorama::before{background:linear-gradient(90deg,transparent 12%,#09191212 32%,#091912cc 70%,#091912e3),linear-gradient(0deg,#0c201cb3,transparent 30%)}
}
@media(max-width:850px){
 .home-hero.home-hero--panorama{height:auto;min-height:770px}
 .panorama-photo{height:100%}
 .panorama-photo img{height:100%;object-position:43% top}
 .home-hero--panorama::before{background:linear-gradient(0deg,#0b211ef5 0%,#0b211ee8 24%,#0b211e8c 49%,#0b211e00 77%)}
 .panorama-content{min-height:770px;height:auto;display:flex;align-items:end;justify-content:start;padding-top:360px;padding-bottom:93px}
 .home-hero--panorama .hero-copy{width:100%;max-width:460px}
 .home-hero--panorama .hero-copy .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:15px}
 .home-hero--panorama .hero-copy .eyebrow::before{display:none}
 .home-hero--panorama .hero-copy h1{font-size:58px;line-height:.97}
 .home-hero--panorama .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.75;margin-top:18px;max-width:360px}
 .home-hero--panorama .hero-actions{margin-top:22px;gap:10px}
 .home-hero--panorama .hero-actions .action{padding:13px 15px;min-height:46px;font-size:11px;gap:10px}
 .panorama-footer{bottom:23px;align-items:center}
 .panorama-signature{display:none}
 .hero-gallery-link{font-size:10px;gap:11px}
 .panorama-scroll{width:33px;height:33px;font-size:18px}
}
@media(max-width:360px){.home-hero--panorama .hero-copy h1{font-size:50px}.home-hero--panorama .hero-actions .action{font-size:10px;padding:12px}}
@media(prefers-reduced-motion:reduce){.panorama-photo img,.home-hero--panorama .hero-copy{animation:none}.panorama-scroll{transition:none}.hero-gallery-link:hover .panorama-scroll{transform:none}}

/* The real photographs keep their original framing and their photographic credits. */
.story-split>figure{background:#153a2d;display:grid;align-items:center}
.story-split>figure img{object-fit:contain;height:auto;width:100%}
.story-split-copy::before{display:none}
.puppy-introduction{grid-template-columns:.8fr 1.2fr;gap:70px}
.puppy-introduction figure{max-width:410px;background:#e8e7df}
.puppy-introduction figure img{height:auto;width:100%;max-height:500px;object-fit:contain}
.puppy-introduction figcaption{padding:13px 17px;margin:0;color:var(--muted)}
.home-dogs .editorial-pair figure img{object-fit:contain;height:auto;background:#173c30}
.interior-split figure img{height:auto;max-height:560px;object-fit:contain;background:#e8e7df}
.interior-dog-editorial figure{background:#ebece4}
.interior-dog-editorial img{height:auto;max-height:580px;object-fit:contain}
.interior-about-note figure{display:grid;align-items:center;background:#173c30}
.interior-about-note figure img{object-fit:contain;height:auto;width:100%}
.article-photo img{height:auto;max-height:600px;object-fit:contain;background:#ecece4}
.journal-photo img,.interior-guide-thumb img{object-position:center 42%}
.real-puppies-hero{height:420px;background:#edece3}
.real-puppies-hero>figure{left:55%;right:5%;display:flex;justify-content:center;align-items:center;padding-block:25px}
.real-puppies-hero>figure img{object-fit:contain;height:100%;width:auto;border-radius:3px;box-shadow:0 8px 35px #193a2e12}
.real-puppies-hero::before{display:none}
.real-puppies-hero .hero-content{max-width:var(--max);position:relative;pointer-events:none}
.real-puppies-hero .hero-content>div{max-width:48%}
.real-about-hero{height:600px;background:#173c30}
.real-about-hero>figure{left:48%;right:5%;padding-block:32px;display:flex;justify-content:center}
.real-about-hero img{height:100%;width:auto;object-fit:contain;border-radius:2px}
.real-about-hero::before{display:none}
.real-about-hero .interior-about-overlay{max-width:var(--max);pointer-events:none}
.real-about-hero .interior-about-overlay h1{max-width:43%}
.real-about-hero .interior-about-overlay>p:not(.eyebrow){max-width:35%}
.real-about-hero .interior-photo-note{right:6%;color:#e5e9de}
.coat-card{grid-template-columns:43% minmax(0,1fr)}
.coat-card figure{min-height:0;display:flex;align-items:center;background:#e8e7df}
.coat-card figure img{height:auto;max-height:460px;object-fit:contain;object-position:center}
.coat-card:hover figure img{transform:none}
.coat-article-cover{grid-template-columns:1fr 1fr;max-width:900px}
.coat-article-cover figure{height:auto;background:#e8e7df}
.coat-article-cover img{height:auto;max-height:520px;object-fit:contain;object-position:center}
@media(min-width:601px) and (max-width:1000px){.puppy-introduction{gap:36px}.real-about-hero{height:500px}.coat-card{grid-template-columns:32% 1fr}}
@media(max-width:600px){
 .story-split>figure{height:auto;min-height:0}.puppy-introduction{grid-template-columns:1fr;gap:27px}
 .puppy-introduction figure{width:100%;max-width:none}.puppy-introduction figure img{max-height:440px}
 .real-puppies-hero{height:auto;display:flex;flex-direction:column;padding-top:27px}
 .real-puppies-hero>figure{position:relative;inset:auto;height:240px;padding:0;order:2;margin:0 22px 27px;background:#e3e4db}
 .real-puppies-hero .hero-content{height:auto;width:100%;padding:0 var(--gutter) 25px;order:1}
 .real-puppies-hero .hero-content>div{max-width:none}.real-puppies-hero h1{max-width:none}
 .real-about-hero{height:auto;display:flex;flex-direction:column;padding-bottom:27px}
 .real-about-hero .interior-about-overlay{position:relative;inset:auto;order:1;padding:30px var(--gutter) 25px;width:100%}
 .real-about-hero .interior-about-overlay h1,.real-about-hero .interior-about-overlay>p:not(.eyebrow){max-width:none}
 .real-about-hero>figure{position:relative;inset:auto;padding:0;height:420px;order:2;margin-inline:22px;background:#244638}
 .real-about-hero .interior-photo-note{position:relative;inset:auto;order:3;padding:13px 22px 0;text-align:right;font-size:9px}
 .interior-dog-editorial img{height:290px;object-fit:contain}.interior-dog-editorial figcaption{font-size:22px}
 .coat-card{grid-template-columns:1fr}.coat-card figure{height:auto;padding:15px 30px 0}.coat-card figure img{height:310px;object-fit:contain}
 .coat-card figcaption{left:17px;bottom:14px}.coat-copy{padding:24px}.coat-copy h3{font-size:32px}.coat-copy p{font-size:13px}
 .coat-article-cover figure{height:auto}.coat-article-cover img{height:auto}.coat-article-cover figcaption{font-size:20px;padding:35px 10px 11px}
}

/* Editorial details and scroll motion: everything remains visible without JS. */
.reading-progress{height:3px;background:linear-gradient(90deg,#93a384,#d5ba82,#163a2e);transform-origin:left}
.site-header.scrolled{background:#fbfaf7;box-shadow:0 4px 18px #163a2e0d}
.page-home h2 br,.page-home h3 br{display:initial}
.page-home .care-strip{padding-block:30px;gap:0}
.page-home .care-strip a{position:relative;padding:15px 10px;transition:background .25s,color .25s}
.page-home .care-strip a::before{content:'01';position:absolute;left:20px;top:7px;font-size:9px;color:#8b907e;letter-spacing:.1em}
.page-home .care-strip a:nth-child(2)::before{content:'02'}
.page-home .care-strip a:nth-child(3)::before{content:'03'}
.page-home .care-strip a:nth-child(4)::before{content:'04'}
.page-home .care-strip a:hover{background:#e9ece3}
.page-home .care-strip svg{width:34px;height:34px}
.motion-manifesto{overflow:hidden;overflow:clip;background:#173a2e;color:#e7e7ca;padding-block:29px;border-block:1px solid #c4c5ac;contain:paint}
.motion-marquee-track{display:flex;align-items:center;gap:46px;width:max-content;margin-left:-110px;line-height:1;white-space:nowrap;will-change:transform}
.motion-marquee-track>span{font:500 clamp(56px,6.6vw,100px)/1.05 var(--serif);letter-spacing:-.035em}
.motion-marquee-track .outline-word{color:transparent;-webkit-text-stroke:1px #e1e4c9}
.motion-marquee-track>i{font:normal 28px var(--sans);color:#c9af7c}
.page-home .story-split--editorial{grid-template-columns:1fr 1fr;background:#183b2e}
.story-split--editorial>figure{padding:42px var(--gutter);background:#e6e9de;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:620px}
.story-split--editorial>figure img{width:auto;max-width:100%;height:470px;object-fit:contain;box-shadow:14px 14px 0 #c3cdb84d}
.story-split--editorial figcaption{font:italic 16px/1.4 var(--serif);color:#52634c;text-align:center;max-width:310px}
.story-split--editorial .story-split-copy{padding:80px clamp(36px,5vw,88px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.story-split--editorial .eyebrow{color:#d0ceac;margin-bottom:30px}
.story-split--editorial blockquote{font-size:clamp(38px,4vw,60px);line-height:1.13;color:#f6f2e5}
.story-split--editorial blockquote em{color:#d4dbb8}
.story-split--editorial blockquote br{display:initial}
.story-split--editorial .small-rule{width:80px;background:#b9a778;margin-block:29px}
.story-split--editorial .story-split-copy>p:not(.eyebrow){color:#d7dfd0;font-size:14px;line-height:1.85;max-width:340px}
.story-split--editorial .text-action{align-self:start;color:#f2efde;margin-top:4px}
.story-split--editorial .text-action>span{text-decoration-color:#d4dbb878}
.story-split--editorial :focus-visible{outline-color:#f2efde}
.page-home .photo-album--story{padding-block:90px 105px;position:relative;background:radial-gradient(ellipse at 85% 5%,#d9decf80,transparent 55%),#f0f1e9}
.page-home .album-heading h2{font-size:clamp(42px,4.6vw,68px)}
.page-home .album-grid--story{gap:clamp(24px,4vw,58px)}
.page-home .album-grid--story .album-card:nth-child(2){padding-top:100px}
.page-home .album-grid--story .album-card:nth-child(3){padding-top:42px}
.album-grid--story .album-open{transform:translate3d(0,var(--photo-drift,0px),0);border:0;padding:0;border-radius:3px;box-shadow:0 14px 32px #203a2610}
.page-home .album-grid--story .album-card figcaption{padding-top:8px}
.page-home .album-grid--story .album-number{font-size:10px;border-top:1px solid #a9b39a;padding-top:10px;min-width:26px}
.page-home .coat-section{background:#fbfaf6;border-top:1px solid #dde0d4}
.page-home .coat-card{border-radius:2px;box-shadow:0 9px 30px #1e38230a}
.page-home .coat-heading .text-action{border-bottom:1px solid #a9b398}
.journey-section{background:#eeeade;border-block:1px solid #d8d7c8;padding-block:80px 90px}
.chapter-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:40px}
.chapter-heading h2{font-size:clamp(42px,4.5vw,66px);line-height:1.04}
.chapter-heading>p{font-size:14px;line-height:1.85;color:#666c5e;max-width:330px;margin-bottom:5px}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.journey-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#faf8f0;padding:30px 29px 27px;border:1px solid #d4d8c8;border-radius:3px;text-decoration:none;overflow:hidden;transition:background .3s,box-shadow .3s,border-color .3s}
.journey-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#af9769}
.journey-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
.journey-index{font:500 64px/.9 var(--serif);letter-spacing:-.05em;color:#bdc5ad}
.journey-card-top .icon{width:33px;height:33px;color:#3b5640}
.journey-card h3{font-size:31px;line-height:1.1;max-width:240px}
.journey-card>p{font-size:13px;color:#616b5c;line-height:1.85;margin-block:18px 30px}
.journey-card-link{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;padding-top:18px;margin-top:auto;border-top:1px solid #d5dacb;color:#254631}
.journey-card-link svg{width:19px;height:19px;transition:transform .25s}
.journey-card:hover,.journey-card:focus-visible{background:white;border-color:#9cae8e;box-shadow:0 14px 30px #193b2810}
.journey-card:hover .journey-card-link svg{transform:translateX(4px)}
.journey-card:last-child{background:#1c3c2e;border-color:#1c3c2e}
.journey-card:last-child h3,.journey-card:last-child .journey-card-top .icon,.journey-card:last-child .journey-card-link{color:#f2efdf}
.journey-card:last-child .journey-index{color:#93a780}
.journey-card:last-child>p{color:#d6ddca}
.journey-card:last-child .journey-card-link{border-color:#8d9d774d}
.journey-card:last-child:hover{background:#28503b}
.page-home .home-puppies{padding-block:90px}
.page-home .home-puppies .puppy-introduction>div>svg{width:42px;height:42px;color:#8c946f}
.page-home .home-puppies figure{box-shadow:15px 15px 0 #e3e8da;border:1px solid #d9decd}
.page-home .home-dogs{background:#e7ecdf;padding-block:85px;position:relative}
.page-home .home-dogs .editorial-pair h2{font-size:clamp(40px,4vw,60px)}
.page-home .home-dogs .editorial-pair figure{position:relative;padding:12px;border:1px solid #b0bda5;background:#f3f3e9;box-shadow:20px 20px 0 #bccab447}
.page-home .home-dogs .editorial-pair figure img{border-radius:0}
.page-home .home-dogs figcaption{padding:2px 7px;font-size:9px}
.page-home .home-guides{padding-top:90px}
.page-home .journal-card{border-radius:3px;box-shadow:0 8px 24px #15382408;transition:box-shadow .3s,transform .3s}
.page-home .journal-card:hover{box-shadow:0 18px 36px #15382414;transform:translateY(-5px)}
.page-home .journal-card h3{font-size:30px}
.page-home .faq-layout{padding-block:90px}
.page-home .faq-layout>div:first-child{position:sticky;top:120px;align-self:start}
.page-home .faq-layout h2{font-size:clamp(42px,4.1vw,62px)}
.page-home .faq-list summary{padding-block:24px}
.back-to-top{position:fixed;right:25px;bottom:25px;z-index:25;display:grid;place-items:center;width:46px;height:46px;border:1px solid #f3f0df8a;border-radius:50%;background:#193e2fee;color:#f8f3e4;box-shadow:0 5px 20px #0b281c26;text-decoration:none;font-size:24px;line-height:1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s}
.back-to-top.is-visible,.back-to-top:focus-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.back-to-top:hover{background:#2e553b}
.back-to-top:focus-visible{outline:2px solid #bd9b5e;outline-offset:4px}
@media(min-width:901px){.panorama-photo{inset:-36px 0}}
@media(max-width:1000px){.journey-grid{gap:15px}.journey-card{padding:25px 20px}.journey-card h3{font-size:27px}.story-split--editorial>figure{padding:35px 30px}.story-split--editorial .story-split-copy{padding:55px 35px}.story-split--editorial>figure img{height:430px}}
@media(max-width:700px){
 .page-home .care-strip{padding-block:16px}.page-home .care-strip a{padding:24px 5px 12px;font-size:10px;gap:10px}.page-home .care-strip a::before{top:5px;left:50%;transform:translateX(-50%);font-size:8px}.page-home .care-strip svg{width:25px;height:25px}
 .motion-manifesto{padding-block:20px}.motion-marquee-track{gap:27px;margin-left:-80px}.motion-marquee-track>span{font-size:59px}.motion-marquee-track>i{font-size:20px}
 .page-home .story-split--editorial{grid-template-columns:1fr}.story-split--editorial>figure{min-height:0;padding:35px 45px 27px}.story-split--editorial>figure img{height:auto;max-height:400px;width:auto}.story-split--editorial figcaption{font-size:14px}
 .story-split--editorial .story-split-copy{padding:45px var(--gutter) 50px}.story-split--editorial blockquote{font-size:42px}.story-split--editorial .eyebrow{margin-bottom:22px}.story-split--editorial .story-split-copy>p:not(.eyebrow){font-size:13px}
 .page-home .photo-album--story{padding-block:55px 65px}.page-home .album-heading h2{font-size:43px}.page-home .album-grid--story{gap:30px 17px}.page-home .album-grid--story .album-card:nth-child(2){padding-top:0}.page-home .album-grid--story .album-card:nth-child(3){padding-top:35px}
 .journey-section{padding-block:55px 60px}.chapter-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.chapter-heading h2{font-size:44px}.chapter-heading>p{font-size:13px}.journey-grid{grid-template-columns:1fr;gap:17px}.journey-card{padding:25px}.journey-card-top{margin-bottom:18px}.journey-index{font-size:50px}.journey-card h3{font-size:31px;max-width:none}.journey-card>p{margin-block:13px 20px}.journey-card-link{padding-top:15px}
 .page-home .home-puppies{padding-block:60px}.page-home .home-puppies figure{box-shadow:8px 8px 0 #e3e8da}.page-home .home-dogs{padding-block:60px}.page-home .home-dogs .editorial-pair figure{box-shadow:9px 9px 0 #bccab447}.page-home .home-guides{padding-top:60px}.page-home .faq-layout{padding-block:60px}.page-home .faq-layout>div:first-child{position:static}.page-home .journal-card h3{font-size:27px}.back-to-top{width:42px;height:42px;right:16px;bottom:16px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .motion-marquee-track,.album-grid--story .album-open,.panorama-photo{transform:none!important;will-change:auto}.back-to-top,.journey-card,.journey-card-link svg,.page-home .journal-card{transition:none}.page-home .journal-card:hover,.journey-card:hover .journey-card-link svg{transform:none}
 .panorama-photo{inset:0}
}

