/* =========================================================
   BROTHERBEAR ACRES — v3
   Cinematic / editorial / mobile-first design system
   ========================================================= */

/* (custom @font-face removed — using the system bold-sans stack defined in
   --font-display below for a cleaner, faster-loading, more modern look) */

:root{
  --font-display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --bg:#07070a;
  --bg-deep:#020203;
  --panel:#0d0e11;
  --panel-2:#131418;
  --panel-glass:rgba(19,20,24,.6);
  --line:#232529;
  --line-soft:#1a1b1f;
  --ink:#f6f5f2;
  --ink-soft:#cfd0d4;
  --muted:#9a9da3;
  --muted-2:#71747a;
  --gold:#c9a15f;
  --gold-bright:#e9c98a;
  --rust:#b3583c;
  --snow:#e8ecf1;
  --ok:#7fae86;
  --max:1240px;
  --maxN:800px;
  --r-sm:10px;
  --r:20px;
  --r-lg:28px;
  --shadow-lo:0 10px 30px rgba(0,0,0,.35);
  --shadow:0 30px 80px rgba(0,0,0,.55);
  --shadow-gold:0 20px 60px rgba(201,161,95,.15);
  --ease:cubic-bezier(.19,1,.22,1);
}

*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  background:var(--bg);
  -webkit-text-size-adjust:100%;
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
body{
  margin:0;
  background:
    radial-gradient(1200px 800px at 85% -10%, rgba(201,161,95,.06), transparent 60%),
    radial-gradient(900px 700px at -10% 20%, rgba(179,88,60,.05), transparent 55%),
    var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
::selection{background:var(--gold);color:#0a0a0a}

.wrap{width:min(calc(100% - 32px),var(--max));margin-inline:auto}
.wrap-n{width:min(calc(100% - 32px),var(--maxN));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:12px;top:12px;z-index:999;background:#fff;color:#000;padding:12px 16px;border-radius:8px;font-weight:800}

/* ---------- Typography ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;font-weight:800;
  color:var(--gold-bright);
}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--gold-bright);opacity:.8}
h1,h2,h3,h4{
  font-family:var(--font-display);
  line-height:1.02;letter-spacing:-.03em;margin:0 0 .5em;font-weight:800;
  color:#fff;
}
h1{font-size:clamp(2.6rem,10vw,5.6rem);font-weight:850;letter-spacing:-.035em}
h2{font-size:clamp(1.9rem,6.4vw,3.1rem)}
h3{font-size:clamp(1.28rem,3.6vw,1.62rem);font-weight:800}
h4{font-size:1.08rem;font-weight:700}
p{margin:0 0 1.1em;color:var(--ink-soft)}
p.lead{font-size:1.14rem;line-height:1.6;max-width:64ch;color:#e7e6e2}
.muted{color:var(--muted)}
.serif{font-family:var(--font-display)}
strong{color:#fff;font-weight:700}
.dropcap:first-letter{
  float:left;font-family:var(--font-display);font-size:3.6em;line-height:.82;padding:.04em .08em 0 0;
  color:var(--gold-bright);font-weight:700;
}
.big-quote{
  font-family:var(--font-display);font-style:italic;font-size:clamp(1.3rem,4.4vw,1.9rem);
  line-height:1.4;color:#fff;max-width:32ch;
}
.kicker{font-size:1.1rem;color:#e2e2e0}
hr.rule{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:2.6em 0}

/* ---------- Buttons ---------- */
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;padding:0 24px;border-radius:999px;text-decoration:none;
  font-weight:800;font-size:.93rem;letter-spacing:-.005em;
  border:1px solid transparent;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s,filter .3s;
  white-space:nowrap;position:relative;
}
.btn.primary{background:#fff;color:#0a0a0a;box-shadow:0 14px 34px rgba(255,255,255,.1)}
.btn.primary:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 20px 50px rgba(255,255,255,.2)}
.btn.gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#191204;box-shadow:0 16px 40px rgba(201,161,95,.28)}
.btn.gold:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 22px 54px rgba(201,161,95,.4)}
.btn.ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.btn.ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-1px)}
.btn.block{width:100%}
.btn svg{width:16px;height:16px;flex:none}

/* ---------- Header / nav ---------- */
.site-header{
  position:sticky;top:0;z-index:90;
  background:rgba(6,6,8,.72);backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid var(--line-soft);
}
.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-mark-wrap{flex:none;display:block;width:40px;height:40px;position:relative}
.brand-mark-wrap.lg{width:56px;height:56px}
.brand-mark{width:100%;height:100%;object-fit:contain;display:block}
.brand-mark-wrap.noimg{
  display:flex;align-items:center;justify-content:center;border-radius:10px;
  background:linear-gradient(135deg,var(--gold-bright),var(--rust));
}
.brand-mark-wrap.noimg::after{
  content:"B";font-family:inherit;font-weight:900;color:#0a0a0a;font-size:1.1rem;
}
.brand-mark-wrap.noimg img{display:none}
.brand-mark-wrap.lg.noimg::after{font-size:1.5rem}
.brand-txt{font-weight:800;letter-spacing:.05em;font-size:.86rem;line-height:1.1}
.brand-txt small{display:block;font-weight:600;letter-spacing:.16em;font-size:.56rem;color:var(--muted);text-transform:uppercase;margin-top:2px}
.menu-btn{
  border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:10px;
  padding:10px 12px;font-weight:800;display:flex;align-items:center;gap:8px;font-size:.82rem;
}
.menu-btn svg{width:18px;height:18px}
.mobile-menu{display:none;border-top:1px solid var(--line-soft);padding:8px 0 22px;max-height:72vh;overflow-y:auto}
.mobile-menu.open{display:block}
.mobile-menu>a,.mobile-menu details>summary,.mobile-menu details>a{
  display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff;
  padding:13px 2px;font-weight:750;border-bottom:1px solid var(--line-soft);font-size:.96rem;cursor:pointer;list-style:none;
}
.mobile-menu details>div{padding-left:14px}
.mobile-menu details>div>a{color:var(--ink-soft);font-weight:600;font-size:.88rem;padding:11px 2px}
.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:88svh;display:grid;align-items:end;overflow:hidden;background:linear-gradient(160deg,#151312,#0a0a0a)}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(180deg,rgba(3,3,4,.35) 0%,rgba(3,3,4,.05) 26%,rgba(3,3,4,.28) 55%,rgba(3,3,4,.94) 100%);
}
.hero.no-hero-img .hero-media{display:none}
.hero.no-hero-img{background:
    radial-gradient(120% 90% at 20% 0%,rgba(201,161,95,.14),transparent 55%),
    linear-gradient(165deg,#17181b,#08090a 70%);}
.hero-inner{position:relative;z-index:2;padding:120px 0 52px}
.hero h1{max-width:960px;text-shadow:0 6px 40px rgba(0,0,0,.5)}
.hero-copy{max-width:640px}
.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.pill{
  border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.4);backdrop-filter:blur(6px);
  padding:7px 12px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.02em;color:#fff;
}
.pill.on-gold{border-color:rgba(233,201,138,.5);color:var(--gold-bright)}
.scroll-cue{
  position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.65);font-size:.68rem;
  letter-spacing:.2em;text-transform:uppercase;font-weight:700;
}
.scroll-cue .line{width:1px;height:26px;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent);animation:cue 1.8s infinite ease-in-out}
@keyframes cue{0%{opacity:.2;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}100%{opacity:.2;transform:scaleY(.4)}}

/* page (non-home) hero */
.page-hero{
  position:relative;padding:52px 0 40px;overflow:hidden;
  background:radial-gradient(900px 500px at 100% -10%,rgba(201,161,95,.10),transparent 55%),var(--bg-deep);
  border-bottom:1px solid var(--line-soft);
}
.page-hero .grain{display:none}
.page-hero .inner{position:relative;z-index:1}
.page-hero h1{max-width:900px}
.page-hero .lead{color:#d3d5d9;margin-top:12px}
.breadcrumbs{font-size:.78rem;color:var(--muted-2);padding:16px 0 0;position:relative;z-index:1}
.breadcrumbs a{text-decoration:none;color:var(--muted-2)}
.breadcrumbs a:hover{color:var(--gold-bright)}
.breadcrumbs span{color:var(--muted)}

/* ---------- Sections & layout ---------- */
.section{padding:64px 0;border-top:1px solid var(--line-soft)}
.section.tight{padding:44px 0}
.section.alt{background:var(--panel)}
.section.deep{background:var(--bg-deep)}
.section.first{border-top:0}
.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.section-title-row .btn{margin-top:0}
.grid2,.grid3,.grid4{display:grid;gap:18px}
.dog-row{align-items:center;gap:24px;margin-bottom:36px}
.dog-row .video-embed{max-height:440px}
@media(min-width:720px){.dog-row{grid-template-columns:1fr 1fr 1fr}}
.center{text-align:center;margin-inline:auto}

/* ---------- Media / images with graceful fallback ---------- */
.ph{
  position:relative;border-radius:var(--r);overflow:hidden;background:
    linear-gradient(150deg,#1a1a1d,#0c0c0e 60%);
  border:1px solid var(--line);box-shadow:var(--shadow-lo);
}
.ph img{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ar,4/3);transition:transform .8s var(--ease)}
.ph:hover img{transform:scale(1.045)}
.ph.portrait img{--ar:4/5}
.ph.square img{--ar:1}
.ph.wide img{--ar:16/9}
.ph.tall img{--ar:3/4}
.ph .phlabel{display:none;position:absolute;inset:0;flex-direction:column;justify-content:flex-end;padding:18px;aspect-ratio:var(--ar,4/3)}
.ph.noimg img{display:none}
.ph.noimg .phlabel{display:flex}
.ph.noimg{
  background:
    linear-gradient(180deg,rgba(5,5,6,0) 40%,rgba(5,5,6,.92) 100%),
    radial-gradient(120% 70% at 50% 100%,rgba(201,161,95,.10),transparent 65%),
    linear-gradient(155deg,#1b1c1f,#0a0a0b 70%);
  position:relative;
}
.ph.noimg::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:46%;opacity:.5;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90' preserveAspectRatio='none'><path d='M0 90 L0 55 L22 30 L38 48 L58 18 L78 45 L95 25 L118 50 L140 15 L162 42 L180 22 L200 55 L200 90 Z' fill='%23e9c98a' fill-opacity='0.09'/><path d='M0 90 L0 68 L28 45 L50 60 L72 35 L100 58 L128 32 L155 55 L178 38 L200 62 L200 90 Z' fill='%23b3583c' fill-opacity='0.10'/></svg>");
  background-size:100% 100%;background-repeat:no-repeat;
}
.ph.noimg .phlabel{z-index:1}
.ph .phlabel .name{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:#fff;position:relative;z-index:1}
.ph .phlabel .cap{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;position:relative;z-index:1}
.ph .tag{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);padding:5px 10px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;z-index:2}
figure.cap-figure{margin:0}
figure.cap-figure figcaption{font-size:.76rem;color:var(--muted-2);padding:8px 2px 0}

/* ---------- Cards ---------- */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .35s,transform .35s var(--ease),box-shadow .35s}
.card:hover{border-color:#3a3c42;transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.card .body{padding:22px}
.card h3{margin-bottom:.4em}
.card p{margin-bottom:.6em;font-size:.94rem}
.fcard{padding:26px 22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.fcard:hover{transform:translateY(-4px);border-color:#3a3c42;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.fcard .num{font-family:var(--font-display);color:var(--gold-bright);font-size:1.7rem;margin-bottom:10px;display:block}
.stat-strip{display:grid;grid-template-columns:1fr;background:var(--bg-deep);border-block:1px solid var(--line)}
.stat{padding:26px 18px;border-bottom:1px solid var(--line);text-align:center}
.stat strong{display:block;font-family:var(--font-display);font-size:2rem;color:var(--gold-bright);font-weight:700}
.stat span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}

/* ---------- Video ---------- */
.video-embed{position:relative;border-radius:var(--r);overflow:hidden;background:#000;border:1px solid #2a2b2e;box-shadow:var(--shadow)}
.video-embed.ratio-16-9{aspect-ratio:16/9}
.video-embed.ratio-9-16{aspect-ratio:9/16;max-height:78vh;margin-inline:auto}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-embed .vposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}
.video-embed .vposter::after{content:""}
.vplay{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55) 75%);
}
.vplay .btnring{
  width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,.7);display:grid;place-items:center;transition:transform .3s;
}
.vplay:hover .btnring{transform:scale(1.08);background:rgba(255,255,255,.24)}
.vplay .btnring svg{width:22px;height:22px;fill:#fff;margin-left:3px}
.vcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 18px 20px;pointer-events:none}
.vcaption .tiny{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);font-weight:800}
.vcaption .line1{font-family:var(--font-display);font-weight:700;font-size:1.18rem;color:#fff;margin-top:6px;line-height:1.25}
.vcaption .line2{font-size:.86rem;color:#d9dade;margin-top:2px}
.shorts-row{display:grid;grid-auto-flow:column;grid-auto-columns:64%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 14px}
.shorts-row>*{scroll-snap-align:start}
.shorts-row .video-embed{width:100%}
.needs-id{outline:1px dashed rgba(233,201,138,.4);outline-offset:-1px}

/* ---------- Gallery ---------- */
.gallery-grid{columns:2;column-gap:10px}
.gallery-grid .ph{margin:0 0 10px;break-inside:avoid}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.chip{
  border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);padding:8px 14px;border-radius:999px;
  font-size:.78rem;font-weight:750;cursor:pointer;
}
.chip.active{background:#fff;color:#0a0a0a;border-color:#fff}

/* ---------- Reviews ---------- */
.review{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}
.review .stars{color:var(--gold-bright);letter-spacing:.08em;font-size:.9rem}
.review .who{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}
.review .who b{font-size:.86rem}
.review .who span{font-size:.74rem;color:var(--muted-2)}
.review .badge{font-size:.66rem;color:var(--ok);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:10px;display:inline-block}
.rating-badge{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.rating-badge .n{font-family:var(--font-display);font-size:2.1rem;color:var(--gold-bright);font-weight:700}

/* ---------- FAQ accordion ---------- */
.faq-search{
  display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);
  border-radius:14px;padding:12px 16px;margin-bottom:18px;
}
.faq-search input{
  background:transparent;border:0;outline:0;color:#fff;font-size:.94rem;width:100%;font-family:inherit;
}
.faq-search svg{width:18px;height:18px;color:var(--muted);flex:none}
.faq-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.faq-group{margin-bottom:12px}
.faq-group-title{
  font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-bright);font-weight:800;
  margin:34px 0 12px;
}
details.qa{border-bottom:1px solid var(--line-soft);padding:4px 0}
details.qa summary{
  list-style:none;cursor:pointer;padding:16px 30px 16px 0;position:relative;font-weight:700;color:#fff;font-size:.98rem;
}
details.qa summary::-webkit-details-marker{display:none}
details.qa summary::after{
  content:"+";position:absolute;right:0;top:14px;font-size:1.4rem;color:var(--gold-bright);font-weight:400;
  transition:transform .3s;
}
details.qa[open] summary::after{transform:rotate(45deg)}
details.qa .a{padding:0 0 18px;color:var(--ink-soft);font-size:.93rem;max-width:70ch}
.qa-with-img{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;border-bottom:1px solid var(--line-soft);padding:4px 0}
.qa-with-img details.qa{border-bottom:0;padding:0}
.qa-with-img .qa-img{width:100%;max-width:220px}
.qa-with-img .qa-img .ph{--ar:1/1}
@media(min-width:720px){
  .qa-with-img{grid-template-columns:1fr 140px;gap:22px}
  .qa-with-img .qa-img{max-width:140px}
}

/* ---------- Callouts / prose ---------- */
.callout{border-left:3px solid var(--gold);background:var(--panel);padding:20px 22px;border-radius:0 16px 16px 0}
.callout.rust{border-color:var(--rust)}
.prose{max-width:74ch}
.prose h2{margin-top:1.6em;padding-top:.2em}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.35em}
.prose ul,.prose ol{padding-left:1.2rem}
.prose li{margin-bottom:.5em;color:var(--ink-soft)}
.toc{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px;position:sticky;top:88px}
.toc .ttl{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-bright);font-weight:800;margin-bottom:10px}
.toc a{display:block;text-decoration:none;color:var(--ink-soft);font-size:.85rem;padding:6px 0;border-bottom:1px dotted var(--line-soft)}
.toc a:hover{color:var(--gold-bright)}
.toc-mobile{display:block;margin-bottom:26px}
.toc-mobile summary{cursor:pointer;font-weight:800;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.toc-mobile[open] summary{border-radius:12px 12px 0 0}
.toc-mobile .list{background:var(--panel-2);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:6px 16px}
.toc-mobile .list a{display:block;padding:9px 0;font-size:.86rem;color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line-soft)}

/* ---------- Timeline (litters) ---------- */
.litter{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel);margin-bottom:20px}
.litter .lh{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line-soft);gap:10px;flex-wrap:wrap}
.litter .lh .yr{font-family:var(--font-display);font-size:1.5rem;color:#fff}
.litter .status{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:6px 12px;border-radius:999px}
.status.available{background:rgba(127,174,134,.15);color:var(--ok);border:1px solid rgba(127,174,134,.35)}
.status.reference{background:rgba(255,255,255,.06);color:var(--muted);border:1px solid var(--line)}
.litter .lb{padding:20px 22px}
.parent-pair{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}
.parent{display:flex;gap:12px;align-items:center}
.parent .ph{width:64px;height:64px;flex:none;border-radius:50%;--ar:1/1}
.parent .pname{font-weight:800;font-size:.92rem;color:#fff}
.parent .prole{font-size:.72rem;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.08em;font-weight:800}

/* ---------- Footer ---------- */
.site-footer{background:var(--bg-deep);color:var(--muted);padding:56px 0 110px;border-top:1px solid var(--line-soft)}
.footer-grid{display:grid;gap:32px}
.footer-brand p{max-width:34ch;font-size:.88rem}
.footer-links{display:grid;gap:9px}
.footer-links a{color:#e7e7e5;text-decoration:none;font-size:.88rem}
.footer-links a:hover{color:var(--gold-bright)}
.footer-h{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-bright);font-weight:800;margin-bottom:14px}
.social-row{display:flex;gap:8px;flex-wrap:wrap}
.social-row a{border:1px solid var(--line);padding:9px 14px;border-radius:999px;text-decoration:none;font-weight:800;font-size:.78rem;color:#fff}
.social-row a:hover{border-color:var(--gold-bright);color:var(--gold-bright)}
.legal{font-size:.76rem;color:var(--muted-2);margin-top:32px;display:flex;gap:16px;flex-wrap:wrap}
.legal a{color:var(--muted-2);text-decoration:none}

/* ---------- Mobile dock ---------- */
.mobile-dock{
  position:fixed;left:10px;right:10px;bottom:10px;z-index:80;display:grid;grid-template-columns:1fr 1fr;gap:8px;
  padding:8px;background:rgba(8,8,10,.9);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;
  box-shadow:0 20px 50px rgba(0,0,0,.5);
}
.mobile-dock a{min-height:48px;border-radius:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem}
.mobile-dock .puppies{background:#fff;color:#0a0a0a}
.mobile-dock .apply{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#191204}

/* ---------- Misc ---------- */
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tagchip{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-bright);background:rgba(201,161,95,.1);border:1px solid rgba(201,161,95,.3);padding:5px 10px;border-radius:999px}
.post-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;transition:border-color .3s}
.post-card:hover{border-color:#33353a}
.post-card a.ttl{font-weight:800;text-decoration:none;color:#fff;font-size:1.05rem;font-family:var(--font-display)}
.post-card .meta{font-size:.74rem;color:var(--muted-2);margin-bottom:10px}
.seo-note{font-size:.8rem;color:var(--muted-2);border:1px dashed var(--line);border-radius:12px;padding:14px 16px}
.author-box{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
.author-box .av{width:52px;height:52px;border-radius:50%;flex:none;background:conic-gradient(from 210deg,var(--gold-bright),var(--rust));display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#150f04}
.author-box .an{font-weight:800;color:#fff;font-size:.94rem}
.author-box .ar{font-size:.7rem;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.08em;font-weight:800;margin-bottom:6px;display:block}
.author-box p{font-size:.86rem;margin-bottom:0}
.form-embed{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.form-embed label{display:block;font-size:.78rem;font-weight:800;color:var(--ink-soft);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.06em}
.form-embed input,.form-embed textarea,.form-embed select{
  width:100%;background:var(--bg-deep);border:1px solid var(--line);border-radius:10px;color:#fff;
  padding:12px 14px;font-family:inherit;font-size:.92rem;
}
.form-embed textarea{min-height:120px;resize:vertical}

/* ---------- Ambient gradient mesh (depth, motion, Robinhood-style glow) ---------- */
.mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.mesh::before,.mesh::after{
  content:"";position:absolute;width:60vw;height:60vw;max-width:640px;max-height:640px;
  border-radius:50%;filter:blur(90px);opacity:.22;
}
.mesh::before{background:var(--gold-bright);top:-20%;right:-10%;animation:meshfloat1 18s ease-in-out infinite}
.mesh::after{background:var(--rust);bottom:-25%;left:-15%;animation:meshfloat2 22s ease-in-out infinite}
@keyframes meshfloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,40px) scale(1.08)}}
@keyframes meshfloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.1)}}
@media (prefers-reduced-motion:reduce){.mesh::before,.mesh::after{animation:none}}
.section{position:relative}
.section > .mesh{z-index:0}
.section > .wrap{position:relative;z-index:1}


.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-stagger.in > *{transition-delay:calc(var(--i,0) * 90ms)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- Lightbox ---------- */
.ph.lightboxable img{cursor:zoom-in}
.lightbox{
  position:fixed;inset:0;z-index:200;background:rgba(3,3,4,.94);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:40px 20px;
  opacity:0;pointer-events:none;transition:opacity .3s;
}
.lightbox.open{opacity:1;pointer-events:auto}
.lightbox img{max-width:min(92vw,900px);max-height:86vh;width:auto;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.6)}
.lightbox .lb-close{
  position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);color:#fff;
  font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.lightbox .lb-close:hover{background:rgba(255,255,255,.18)}

/* ---------- Reading progress bar ---------- */
.reading-progress{position:sticky;top:68px;z-index:40;height:2px;background:var(--line-soft)}
.reading-progress .bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold-bright),var(--rust));transition:width .1s linear}

/* ---------- Stat counters ---------- */
.stat strong[data-count-to]{min-width:1ch;display:inline-block}

@media(min-width:640px){
  .parent-pair{grid-template-columns:1fr 1fr}
  .gallery-grid{columns:3}
}
@media(min-width:720px){
  .section{padding:92px 0}
  .grid2{grid-template-columns:1fr 1fr;align-items:center;gap:52px}
  .grid3{grid-template-columns:repeat(3,1fr)}
  .grid4{grid-template-columns:repeat(2,1fr)}
  .stat-strip{grid-template-columns:repeat(3,1fr)}
  .stat{border-bottom:0;border-right:1px solid var(--line)}
  .stat:last-child{border-right:0}
  p.lead{font-size:1.24rem}
  .big-quote{font-size:2.3rem}
  .shorts-row{grid-auto-columns:34%}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
}
@media(min-width:1020px){
  .desktop-nav{display:flex!important;align-items:center;gap:22px}
  .desktop-nav>a,.desktop-nav summary{font-size:.85rem;font-weight:750;text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap;color:#eee;padding:8px 2px;position:relative}
  .desktop-nav>a::after,.desktop-nav summary::after{
    content:"";position:absolute;left:2px;right:2px;bottom:2px;height:2px;
    background:linear-gradient(90deg,var(--gold-bright),var(--rust));
    transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);
  }
  .desktop-nav>a:hover::after,.desktop-nav summary:hover::after{transform:scaleX(1)}
  .desktop-nav>a:hover,.desktop-nav summary:hover{color:var(--gold-bright)}
  .desktop-nav details{position:relative}
  .desktop-nav details>div{
    display:none;position:absolute;top:34px;left:-16px;min-width:270px;background:#0a0a0c;
    border:1px solid #2a2b2e;border-radius:14px;padding:8px;box-shadow:var(--shadow);
  }
  .desktop-nav details[open]>div{display:grid}
  .desktop-nav details>div a{text-decoration:none;padding:10px 12px;border-radius:9px;color:#e4e5e7;font-size:.85rem;font-weight:600}
  .desktop-nav details>div a:hover{background:#17181a;color:var(--gold-bright)}
  .menu-btn,.mobile-menu{display:none!important}
  .mobile-dock{display:none!important}
  .grid4{grid-template-columns:repeat(4,1fr)}
  .gallery-grid{columns:4}
  .hero-inner{padding-bottom:80px}
  .nav-cta{display:flex;gap:10px}
}
.desktop-nav{display:none}
.nav-cta{display:none}

/* =========================================================
   v10 visual reset — continuous black / white mobile-first
   ========================================================= */
:root{
  --bg:#050505;
  --bg-deep:#000;
  --panel:#0a0a0a;
  --panel-2:#101010;
  --line:#242424;
  --line-soft:#171717;
  --ink:#fff;
  --ink-soft:#e7e7e7;
  --muted:#aaa;
  --gold:#cfa45d;
  --gold-bright:#efd096;
}
body{background:#050505;color:#fff}
.site-header{background:rgba(0,0,0,.88);border-bottom:1px solid rgba(255,255,255,.08)}
.section,.section.alt,.section.deep,.page-hero,.site-footer{background:#050505;color:#fff}
.section.alt{background:#090909}
.section.deep{background:#000}
.section{padding:56px 0}
p,p.lead{color:#d9d9d9}
.wrap{width:min(calc(100% - 28px),1240px)}
.text-mark{display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;font-weight:900;background:#111;color:#fff}
.hero{min-height:82svh;background:#000}
.hero::before{background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.12) 35%,rgba(0,0,0,.82) 75%,#050505 100%)}
.hero-media{object-position:center 55%}
.hero-inner{padding:108px 0 44px}
.hero h1{font-size:clamp(2.55rem,11vw,5.9rem);max-width:13ch}
.hero-copy{max-width:40rem}
.hero-copy .lead{font-size:1.06rem;line-height:1.55}
.stat-strip{border:1px solid #242424;border-radius:18px!important;overflow:hidden;background:#080808!important}
.stat{background:#080808}
.fcard,.card,.review,.callout,.qa,.rating-badge{background:#0b0b0b!important;border-color:#242424!important}
.ph{background:#0b0b0b;border-color:#242424}
.why-grid{display:grid;gap:26px}
.why-media{display:grid;grid-template-columns:1fr .72fr;gap:10px;align-items:end}
.cinematic-image{margin:0;border-radius:22px;overflow:hidden;border:1px solid #242424}
.cinematic-image img{width:100%;aspect-ratio:4/5;object-fit:cover}
.cinematic-image.small img{aspect-ratio:3/4}
.stories-section{overflow:hidden;background:#000!important}
.stories-head{align-items:flex-start}
.story-rail{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:none}
.story-rail::-webkit-scrollbar{display:none}
.story-card{scroll-snap-align:center;min-width:0}
.story-card .video-embed{max-height:none;width:100%;margin:0;aspect-ratio:9/16;border-radius:22px}
.short-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-copy{padding:16px 4px 0}
.story-copy h3{margin:.3rem 0 .4rem;font-size:1.45rem}
.story-copy p{font-size:.93rem}
.dog-row{padding:28px 0;border-top:1px solid #202020;margin:0}
.dog-row:first-of-type{border-top:0}
.dog-row .video-embed{max-height:72svh}
.social-row a{background:#0b0b0b}
.footer-grid{border-top:1px solid #202020;padding-top:32px}
.mobile-dock{background:rgba(0,0,0,.94)!important;border-top-color:#242424!important}

@media(min-width:700px){
  .story-rail{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:20px}
  .story-card .video-embed{max-height:680px}
  .why-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}
}
@media(min-width:980px){
  .section{padding:82px 0}
  .hero-inner{padding-bottom:72px}
}


/* =========================================================
   BROTHERBEAR HOMEPAGE V12
   Preserves the live site's editorial / curved-section DNA
   while modernizing it for mobile-first performance.
   ========================================================= */
:root{
  --bba-ink:#0b0d0f;
  --bba-ink2:#12161a;
  --bba-cream:#f4efe6;
  --bba-paper:#fffdf8;
  --bba-copy:#d8d4cc;
  --bba-gold:#d8aa55;
  --bba-rust:#b84e2e;
  --bba-line:rgba(255,255,255,.12);
}
body.home-v12{background:var(--bba-ink);color:#fff}
.home-v12 .site-header{background:rgba(8,10,12,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.home-v12 .brand-txt,.home-v12 .desktop-nav>a,.home-v12 .desktop-nav summary{color:#fff}
.home-v12 .home-hero{min-height:88svh;position:relative;display:grid;align-items:end;overflow:hidden;background:#090b0d}
.home-v12 .home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 15%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.9) 100%)}
.home-v12 .home-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.home-v12 .home-hero-content{position:relative;z-index:2;padding:7rem 0 6rem;max-width:850px}
.home-v12 .kicker{font-size:.75rem;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:#f2c46f}
.home-v12 .home-hero h1{font-size:clamp(3rem,11vw,6.8rem);line-height:.89;letter-spacing:-.055em;margin:.7rem 0 1.25rem;max-width:900px}
.home-v12 .home-hero .lead{font-size:clamp(1.08rem,3.8vw,1.42rem);line-height:1.55;max-width:720px;color:#f2eee7}
.home-v12 .social-proof{position:relative;z-index:3;background:var(--bba-cream);color:#151515;padding:1.1rem 0}
.home-v12 .social-proof .wrap{display:flex;gap:.7rem 1.4rem;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center}
.home-v12 .social-proof strong{font-size:1.05rem}
.home-v12 .social-proof span{font-size:.88rem;color:#5d554b}
.home-v12 .editorial{position:relative;padding:5rem 0}
.home-v12 .editorial.dark{background:var(--bba-ink)}
.home-v12 .editorial.soft{background:var(--bba-cream);color:#171717}
.home-v12 .editorial.paper{background:var(--bba-paper);color:#171717}
.home-v12 .wave-top:before{content:"";position:absolute;left:0;right:0;top:-38px;height:76px;background:inherit;border-radius:50% 50% 0 0/100% 100% 0 0}
.home-v12 .wave-bottom:after{content:"";position:absolute;z-index:2;left:-5%;right:-5%;bottom:-38px;height:76px;background:inherit;border-radius:0 0 50% 50%/0 0 100% 100%}
.home-v12 .section-title{font-size:clamp(2.35rem,8vw,5rem);line-height:.96;letter-spacing:-.045em;margin:.45rem 0 1.25rem}
.home-v12 .soft .section-title,.home-v12 .paper .section-title{color:#101214}
.home-v12 .body-copy{font-size:1.03rem;line-height:1.78;color:#d4d1cb}
.home-v12 .soft .body-copy,.home-v12 .paper .body-copy{color:#403c37}
.home-v12 .story-grid{display:grid;gap:2.4rem;align-items:center}
.home-v12 .story-media{position:relative;min-height:430px}
.home-v12 .story-media img{width:100%;height:100%;min-height:430px;object-fit:cover;border-radius:48% 48% 12% 12%/30% 30% 8% 8%;box-shadow:0 25px 80px rgba(0,0,0,.28)}
.home-v12 .story-media.round img{border-radius:50% 50% 18% 18%/36% 36% 12% 12%}
.home-v12 .story-media.offset:after{content:"";position:absolute;inset:18px -10px -14px 18px;border:1px solid rgba(216,170,85,.65);border-radius:48% 48% 12% 12%/30% 30% 8% 8%;z-index:-1}
.home-v12 .text-stack p+p{margin-top:1rem}
.home-v12 .what-grid{display:grid;gap:1rem;margin-top:2rem}
.home-v12 .what-card{position:relative;overflow:hidden;min-height:390px;border-radius:1.4rem;background:#15191d}
.home-v12 .what-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-v12 .what-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88))}
.home-v12 .what-card .caption{position:absolute;z-index:2;left:1.25rem;right:1.25rem;bottom:1.2rem}
.home-v12 .what-card h3{font-size:1.55rem;margin:0 0 .35rem}
.home-v12 .what-card p{margin:0;color:#e9e5de;font-size:.94rem;line-height:1.55}
.home-v12 .future-quote{max-width:950px;margin:auto;text-align:center}
.home-v12 .future-quote blockquote{font-size:clamp(1.55rem,5vw,3rem);line-height:1.2;letter-spacing:-.025em;margin:1rem 0 2rem}
.home-v12 .pack-intro{text-align:center;max-width:850px;margin:0 auto 3rem}
.home-v12 .pack-list{display:grid;gap:4.5rem}
.home-v12 .dog-story{display:grid;gap:1.5rem;align-items:center}
.home-v12 .dog-gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:220px 160px;gap:.55rem}
.home-v12 .dog-gallery img{width:100%;height:100%;object-fit:cover;border-radius:1.2rem}
.home-v12 .dog-gallery img:first-child{grid-row:1/3}
.home-v12 .dog-name{font-size:clamp(2.7rem,9vw,5.8rem);line-height:.9;letter-spacing:-.05em;margin:0 0 .8rem}
.home-v12 .dog-role{font-size:.76rem;letter-spacing:.17em;text-transform:uppercase;color:var(--bba-gold);font-weight:800}
.home-v12 .shorts-rail{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem 5vw 1.2rem;margin-left:-5vw;margin-right:-5vw}
.home-v12 .short-card{scroll-snap-align:center;background:#171a1e;border:1px solid var(--bba-line);border-radius:1.3rem;overflow:hidden}
.home-v12 .short-frame{aspect-ratio:9/16;background:#08090a;display:grid;place-items:center;position:relative;overflow:hidden}
.home-v12 .short-frame img{width:100%;height:100%;object-fit:cover;opacity:.78}
.home-v12 .short-frame .play{position:absolute;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#111;font-size:1.35rem}
.home-v12 .short-card .short-copy{padding:1rem}
.home-v12 .short-card h3{margin:0 0 .35rem;font-size:1.25rem}
.home-v12 .short-card p{margin:0;color:#bfc0c0;font-size:.9rem;line-height:1.5}
.home-v12 .faq-home{display:grid;gap:.7rem;margin-top:2rem}
.home-v12 .faq-home details{border-top:1px solid rgba(255,255,255,.15);padding:1rem 0}
.home-v12 .faq-home summary{font-weight:750;font-size:1.05rem;cursor:pointer}
.home-v12 .faq-home p{color:#c9c6c0;line-height:1.65}
.home-v12 .article-grid{display:grid;gap:1rem}
.home-v12 .article-card{display:block;border-top:1px solid #cfc7ba;padding:1.25rem 0;color:#171717;text-decoration:none}
.home-v12 .article-card span{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#7a6543;font-weight:800}
.home-v12 .article-card h3{font-size:1.35rem;margin:.4rem 0}
.home-v12 .article-card p{margin:0;color:#57514a}
.home-v12 .home-footer-cta{text-align:center;max-width:850px;margin:auto}
.home-v12 .home-footer-cta h2{font-size:clamp(2.4rem,8vw,5rem);line-height:.95}
@media(min-width:760px){
 .home-v12 .story-grid{grid-template-columns:1fr 1fr;gap:5rem}
 .home-v12 .story-grid.reverse .story-media{order:2}
 .home-v12 .what-grid{grid-template-columns:repeat(3,1fr)}
 .home-v12 .pack-list{gap:7rem}
 .home-v12 .dog-story{grid-template-columns:1.15fr .85fr;gap:4rem}
 .home-v12 .dog-story:nth-child(even) .dog-gallery{order:2}
 .home-v12 .shorts-rail{grid-auto-flow:initial;grid-template-columns:repeat(4,1fr);overflow:visible;margin:0;padding:0}
 .home-v12 .article-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:759px){
 .home-v12 .home-hero-content{padding:6rem 0 4rem}
 .home-v12 .editorial{padding:4rem 0}
 .home-v12 .story-media,.home-v12 .story-media img{min-height:360px}
 .home-v12 .dog-gallery{grid-template-rows:190px 140px}
 .home-v12 .wave-top:before{top:-22px;height:44px}
 .home-v12 .wave-bottom:after{bottom:-22px;height:44px}
}


/* =========================================================
   BROTHERBEAR HOMEPAGE V13 REFINEMENTS
   - Video hero
   - Refined header/footer
   - Portrait-first pack presentation
   - Per-image focal positioning
   - Click-to-play portrait videos
   ========================================================= */

.home-v12 .site-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:80;
  background:linear-gradient(180deg,rgba(5,7,9,.92),rgba(5,7,9,.70) 66%,rgba(5,7,9,0));
  border:0;
  backdrop-filter:none;
  transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease;
}
.home-v12 .site-header.is-scrolled{
  background:rgba(7,9,11,.94);
  backdrop-filter:blur(16px);
  box-shadow:0 10px 30px rgba(0,0,0,.28);
}
.home-v12 .nav{
  min-height:84px;
}
.home-v12 .brand{
  gap:.85rem;
}
.home-v12 .brand-mark-wrap{
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:Georgia,serif;
  font-size:1.35rem;
  background:rgba(0,0,0,.2);
}
.home-v12 .brand-txt{
  font-size:.91rem;
  letter-spacing:.14em;
  line-height:1.15;
}
.home-v12 .brand-txt small{
  display:block;
  margin-top:.28rem;
  color:rgba(255,255,255,.62);
  font-size:.61rem;
  letter-spacing:.11em;
  font-weight:600;
}
.home-v12 .desktop-nav{
  gap:1.1rem;
}
.home-v12 .desktop-nav>a,
.home-v12 .desktop-nav summary{
  font-size:.72rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:750;
}
.home-v12 .desktop-nav>a:hover,
.home-v12 .desktop-nav summary:hover{
  color:#f0c477;
}

/* HERO VIDEO */
.home-v12 .home-hero{
  min-height:92svh;
  background:#050607;
}
.home-v12 .hero-video-wrap{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#050607;
}
.home-v12 .hero-poster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 45%;
  filter:none;
  transform:scale(1.01);
}
.home-v12 .hero-video-wrap iframe{
  position:absolute;
  top:50%;
  left:50%;
  width:177.78vh;
  height:100vh;
  min-width:100%;
  min-height:56.25vw;
  transform:translate(-50%,-50%);
  border:0;
  pointer-events:none;
}
.home-v12 .home-hero:after{
  background:
    linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.10) 33%,rgba(0,0,0,.72) 78%,rgba(0,0,0,.96) 100%),
    linear-gradient(90deg,rgba(0,0,0,.38),transparent 64%);
}
.home-v12 .home-hero-content{
  padding-top:10rem;
  padding-bottom:5.5rem;
}
.home-v12 .hero-video-note{
  display:flex;
  gap:.55rem;
  align-items:center;
  margin-top:1.15rem;
  color:rgba(255,255,255,.72);
  font-size:.76rem;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.home-v12 .hero-video-note:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#f0c477;
  box-shadow:0 0 0 5px rgba(240,196,119,.12);
}
@media (prefers-reduced-motion:reduce){
  .home-v12 .hero-video-wrap iframe{display:none}
}

/* Portrait pack treatment */
.home-v12 .pack-list{
  gap:5rem;
}
.home-v12 .dog-story{
  display:grid;
  gap:1.65rem;
  align-items:center;
  position:relative;
}
.home-v12 .dog-portrait{
  position:relative;
  width:min(100%,520px);
  margin-inline:auto;
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:44% 44% 13% 13% / 28% 28% 10% 10%;
  background:#111;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.home-v12 .dog-portrait:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 63%,rgba(0,0,0,.25));
  pointer-events:none;
}
.home-v12 .dog-portrait img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,35%);
  transform:scale(var(--image-scale,1));
  transition:transform .5s ease;
}
.home-v12 .dog-portrait:hover img{
  transform:scale(calc(var(--image-scale,1) + .015));
}
.home-v12 .dog-video-button{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:72px;
  height:72px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:2px solid rgba(255,255,255,.96);
  background:rgba(0,0,0,.22);
  backdrop-filter:blur(7px);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  transition:transform .2s ease,background .2s ease;
}
.home-v12 .dog-video-button:hover{
  transform:translate(-50%,-50%) scale(1.07);
  background:rgba(0,0,0,.42);
}
.home-v12 .dog-video-button svg{
  width:27px;
  height:27px;
  margin-left:4px;
  fill:#fff;
}
.home-v12 .dog-video-button[data-video-unset="true"]{
  opacity:.72;
}
.home-v12 .dog-story-copy{
  max-width:560px;
}
.home-v12 .portrait-edit-hint{
  margin-top:.7rem;
  color:#6a6259;
  font-size:.72rem;
  line-height:1.45;
}
.home-v12 .portrait-edit-hint code{
  color:#473e34;
  background:rgba(0,0,0,.05);
  padding:.12rem .3rem;
  border-radius:.3rem;
}
@media(min-width:760px){
  .home-v12 .dog-story{
    grid-template-columns:minmax(330px,520px) minmax(0,1fr);
    gap:4.5rem;
  }
  .home-v12 .dog-story:nth-child(even) .dog-portrait{
    order:2;
  }
  .home-v12 .dog-story:nth-child(even) .dog-story-copy{
    order:1;
  }
}

/* Video modal */
.bba-video-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:none;
  place-items:center;
  background:rgba(0,0,0,.88);
  padding:1rem;
}
.bba-video-modal.is-open{display:grid}
.bba-video-dialog{
  width:min(92vw,520px);
  position:relative;
}
.bba-video-dialog .video-aspect{
  aspect-ratio:9/16;
  background:#000;
  overflow:hidden;
  border-radius:1.2rem;
  box-shadow:0 30px 100px rgba(0,0,0,.55);
}
.bba-video-dialog iframe{
  width:100%;
  height:100%;
  border:0;
}
.bba-video-close{
  position:absolute;
  right:-.2rem;
  top:-3.2rem;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.7);
  color:white;
  background:rgba(0,0,0,.35);
  font-size:1.35rem;
  cursor:pointer;
}

/* Footer rebuild */
.home-v12 .site-footer{
  position:relative;
  overflow:hidden;
  background:#050607;
  color:#fff;
  padding:5.5rem 0 2rem;
  border-top:0;
}
.home-v12 .site-footer:before{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  top:-38px;
  height:76px;
  background:#050607;
  border-radius:50% 50% 0 0/100% 100% 0 0;
}
.home-v12 .footer-grid-v13{
  display:grid;
  gap:2.5rem;
}
.home-v12 .footer-brand-v13 h2{
  margin:0 0 .8rem;
  font-size:clamp(2rem,7vw,3.6rem);
  line-height:.98;
}
.home-v12 .footer-brand-v13 p{
  color:#aaa8a3;
  max-width:520px;
  line-height:1.7;
}
.home-v12 .footer-col-v13 strong{
  display:block;
  color:#f0c477;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.17em;
  margin-bottom:.85rem;
}
.home-v12 .footer-col-v13 a{
  display:block;
  color:#efede9;
  text-decoration:none;
  padding:.28rem 0;
  font-size:.93rem;
}
.home-v12 .footer-col-v13 a:hover{color:#f0c477}
.home-v12 .footer-social-v13{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1rem;
}
.home-v12 .footer-social-v13 a{
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:.55rem .8rem;
  font-size:.75rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-v12 .footer-bottom-v13{
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:3rem;
  padding-top:1.25rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  color:#777;
  font-size:.78rem;
}
@media(min-width:760px){
  .home-v12 .footer-grid-v13{
    grid-template-columns:1.5fr .8fr .8fr;
  }
  .home-v12 .footer-bottom-v13{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
  }
}


/* =========================================================
   BROTHERBEAR V14
   Branded header + video begins BELOW menu + portrait triptychs
   ========================================================= */

/* Header no longer overlays the hero. This prevents the poster/image
   from showing behind or above the navigation while YouTube initializes. */
.home-v12 .site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:#060708;
  border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:none;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
}
.home-v12 .site-header.is-scrolled{
  background:#060708;
  backdrop-filter:none;
}
.home-v12 .nav{
  min-height:76px;
}
.home-v12 .logo-brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

.home-v12 .desktop-nav{
  margin-left:auto;
}
.home-v12 .home-hero{
  min-height:calc(92svh - 76px);
}
.home-v12 .hero-video-wrap{
  top:0;
}
.home-v12 .hero-poster{
  object-position:center 42%;
}

/* Mobile logo/navigation */
@media(max-width:759px){
  .home-v12 .nav{min-height:68px}
  
  .home-v12 .menu-btn{
    min-width:54px;
  }
  .home-v12 .home-hero{
    min-height:calc(88svh - 68px);
  }
}
@media(min-width:1200px){
  
}

/* ---------------------------------------------------------
   THREE-PORTRAIT DOG STORY
   Mobile:
   - featured portrait spans full width
   - two supporting 4:5 portraits sit below it
   Desktop:
   - cinematic three-column portrait triptych
   - center image is slightly elevated and carries video button
   --------------------------------------------------------- */
.home-v12 .dog-story-triptych{
  display:grid;
  gap:2rem;
  align-items:center;
}
.home-v12 .dog-triptych{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-areas:
    "primary primary"
    "second third";
  gap:.7rem;
  width:100%;
  max-width:680px;
  margin-inline:auto;
}
.home-v12 .dog-triptych-image{
  position:relative;
  margin:0;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#0c0e10;
  border-radius:1.15rem;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.home-v12 .dog-triptych-image-1{
  grid-area:primary;
  aspect-ratio:4/5;
  border-radius:46% 46% 11% 11% / 25% 25% 8% 8%;
}
.home-v12 .dog-triptych-image-2{grid-area:second}
.home-v12 .dog-triptych-image-3{grid-area:third}
.home-v12 .dog-triptych-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,30%);
  transform:scale(var(--image-scale,1));
  transition:transform .45s ease;
}
.home-v12 .dog-triptych-image:hover img{
  transform:scale(calc(var(--image-scale,1) + .018));
}
.home-v12 .dog-triptych-image:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);
  border-radius:inherit;
}

/* video portrait */
.home-v12 .dog-triptych-image-2 .dog-video-button{
  width:68px;
  height:68px;
  background:rgba(0,0,0,.25);
  border:2px solid #fff;
  box-shadow:0 12px 34px rgba(0,0,0,.35);
}
.home-v12 .dog-triptych-image-2:before{
  content:"Watch";
  position:absolute;
  z-index:3;
  left:50%;
  top:calc(50% + 47px);
  transform:translateX(-50%);
  color:#fff;
  font-size:.66rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}
.home-v12 .dog-story-copy{
  max-width:590px;
}

@media(min-width:760px){
  .home-v12 .dog-story-triptych{
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
    gap:4rem;
  }
  .home-v12 .dog-story-triptych:nth-child(even) .dog-triptych{
    order:2;
  }
  .home-v12 .dog-story-triptych:nth-child(even) .dog-story-copy{
    order:1;
  }
  .home-v12 .dog-triptych{
    grid-template-columns:1fr 1.08fr 1fr;
    grid-template-areas:"primary second third";
    gap:.8rem;
    max-width:none;
    align-items:center;
  }
  .home-v12 .dog-triptych-image,
  .home-v12 .dog-triptych-image-1{
    aspect-ratio:4/5;
    border-radius:1.25rem;
  }
  .home-v12 .dog-triptych-image-1{
    transform:translateY(22px);
  }
  .home-v12 .dog-triptych-image-2{
    transform:translateY(-18px);
    border-radius:44% 44% 12% 12% / 23% 23% 8% 8%;
    z-index:2;
  }
  .home-v12 .dog-triptych-image-3{
    transform:translateY(16px);
  }
}

/* Keep the pack section elegant on narrow phones. */
@media(max-width:420px){
  .home-v12 .dog-triptych{
    gap:.5rem;
  }
  .home-v12 .dog-triptych-image-2 .dog-video-button{
    width:58px;
    height:58px;
  }
}


/* =========================================================
   BROTHERBEAR V16 HERO POSTER / VIDEO LAYER FIX
   Poster remains visible ONLY while YouTube loads.
   ========================================================= */

.home-v12 .hero-video-wrap{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#050607;
}

/* Loading image sits above black but BELOW the video. */
.home-v12 .hero-poster{
  display:block !important;
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  opacity:1;
  visibility:visible;
  transition:opacity .45s ease, visibility 0s linear .45s;
}

/* YouTube always occupies the higher layer. */
.home-v12 .hero-video-frame{
  z-index:2;
  opacity:0;
  transition:opacity .35s ease;
}

/*
  When JS confirms the iframe has loaded:
  - video fades in
  - fallback image fades fully out
*/
.home-v12 .hero-video-wrap.video-ready .hero-video-frame{
  opacity:1;
}
.home-v12 .hero-video-wrap.video-ready .hero-poster{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* Keep the hero copy above both video and fallback. */
.home-v12 .home-hero-content{
  z-index:4;
}

/* Hero overlay remains above media, below copy. */
.home-v12 .home-hero:after{
  z-index:3;
  pointer-events:none;
}


/* =========================================================
   BROTHERBEAR V17 HERO LOAD FIX
   Video is ALWAYS visible underneath.
   Only the poster fades away.
   ========================================================= */

.home-v12 .hero-video-frame{
  z-index:2;
  opacity:1 !important;
  visibility:visible !important;
}

/* Poster covers the video only during loading. */
.home-v12 .hero-poster{
  z-index:3;
  opacity:1;
  visibility:visible;
  transition:opacity .55s ease, visibility 0s linear .55s;
}

/* Once iframe loads, reveal the already-visible video by removing poster. */
.home-v12 .hero-video-wrap.video-ready .hero-poster{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* Overlay must stay above both poster and video but below hero text. */
.home-v12 .home-hero:after{
  z-index:4;
}
.home-v12 .home-hero-content{
  z-index:5;
}


/* =========================================================
   BROTHERBEAR V18
   - Reliable video/poster transition
   - Hero CTAs stay inside first viewport
   - Styled gradient navigation
   ========================================================= */

/* ----- NAVIGATION ----- */
.home-v12 .site-header{
  position:sticky;
  top:0;
  z-index:120;
  background:
    linear-gradient(180deg,
      #07090d 0%,
      #0a0d12 58%,
      #10141b 100%);
  border-bottom:1px solid rgba(216,170,85,.32);
  box-shadow:
    0 10px 28px rgba(0,0,0,.30),
    inset 0 -1px 0 rgba(255,255,255,.035);
}
.home-v12 .site-header:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(216,170,85,.15) 16%,
    rgba(216,170,85,.72) 50%,
    rgba(216,170,85,.15) 84%,
    transparent 100%
  );
  pointer-events:none;
}
.home-v12 .site-header.is-scrolled{
  background:
    linear-gradient(180deg,
      rgba(5,7,10,.985) 0%,
      rgba(9,12,16,.985) 100%);
  backdrop-filter:blur(14px);
}
.home-v12 .nav{
  min-height:72px;
}

.home-v12 .desktop-nav>a,
.home-v12 .desktop-nav summary{
  color:rgba(255,255,255,.91);
  transition:color .18s ease;
}
.home-v12 .desktop-nav>a:hover,
.home-v12 .desktop-nav summary:hover{
  color:#e8bb69;
}

/* ----- HERO MEDIA LAYERS ----- */
.home-v12 .home-hero{
  min-height:calc(100svh - 72px);
  max-height:none;
  position:relative;
  overflow:hidden;
  margin:0;
  background:#050607;
}
.home-v12 .hero-video-wrap{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#050607;
}
.home-v12 .hero-poster{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  opacity:1;
  visibility:visible;
  transition:opacity .55s ease, visibility 0s linear .55s;
}
.home-v12 .hero-video-frame{
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  border:0;
  margin:0;
  padding:0;
  display:block;
  pointer-events:none;
  opacity:1 !important;
  visibility:visible !important;
  width:100vw;
  height:56.25vw;
  min-width:177.7778vh;
  min-height:100vh;
  transform:translate(-50%,-50%);
}
.home-v12 .hero-video-wrap.video-ready .hero-poster{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* Overlay between media and content. */
.home-v12 .home-hero:after{
  z-index:3;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.20) 0%,
      rgba(0,0,0,.16) 28%,
      rgba(0,0,0,.55) 68%,
      rgba(0,0,0,.90) 100%),
    linear-gradient(90deg,
      rgba(0,0,0,.48) 0%,
      rgba(0,0,0,.22) 45%,
      transparent 78%);
}

/* ----- HERO CONTENT / FIRST-SCREEN FIT ----- */
.home-v12 .home-hero{
  display:flex;
  align-items:center;
}
.home-v12 .home-hero-content{
  z-index:5;
  width:100%;
  padding-top:2.2rem;
  padding-bottom:2.2rem;
  margin-top:auto;
  margin-bottom:auto;
}
.home-v12 .home-hero h1{
  font-size:clamp(2.75rem,7.2vw,5.85rem);
  line-height:.91;
  margin:.55rem 0 .85rem;
  max-width:880px;
}
.home-v12 .home-hero .lead{
  font-size:clamp(1rem,2.2vw,1.28rem);
  line-height:1.48;
  max-width:680px;
  margin-bottom:.85rem;
}
.home-v12 .home-hero .btns{
  margin-top:1.05rem;
  gap:.7rem;
}
.home-v12 .home-hero .btn{
  min-height:46px;
  padding:.7rem 1.05rem;
  font-size:.76rem;
}
.home-v12 .hero-video-note{
  margin-top:.85rem;
  font-size:.68rem;
}

/* Desktop: keep all hero content including CTAs in one viewport. */
@media(min-width:760px){
  .home-v12 .home-hero-content{
    padding-top:2.6rem;
    padding-bottom:2.6rem;
  }
}

/* Mobile: compact header + hero so CTAs remain visible without scrolling. */
@media(max-width:759px){
  .home-v12 .nav{
    min-height:64px;
  }
  
  .home-v12 .home-hero{
    min-height:calc(100svh - 64px);
  }
  .home-v12 .home-hero-content{
    padding-top:1.6rem;
    padding-bottom:1.6rem;
  }
  .home-v12 .home-hero h1{
    font-size:clamp(2.6rem,13vw,4.25rem);
    line-height:.88;
    margin:.42rem 0 .72rem;
  }
  .home-v12 .home-hero .lead{
    font-size:.98rem;
    line-height:1.43;
    margin-bottom:.55rem;
  }
  .home-v12 .home-hero .btns{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    gap:.55rem;
    margin-top:.8rem;
  }
  .home-v12 .home-hero .btn{
    min-height:44px;
    padding:.62rem .55rem;
    font-size:.67rem;
    text-align:center;
  }
  .home-v12 .hero-video-note{
    margin-top:.65rem;
    font-size:.62rem;
  }
}

/* Very short phone screens */
@media(max-height:700px) and (max-width:759px){
  .home-v12 .home-hero h1{
    font-size:clamp(2.25rem,11.5vw,3.6rem);
  }
  .home-v12 .home-hero .lead{
    font-size:.9rem;
    line-height:1.35;
  }
  .home-v12 .home-hero-content{
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .home-v12 .hero-video-note{
    display:none;
  }
}

/* Player cover rules. */
@media(min-aspect-ratio:16/9){
  .home-v12 .hero-video-frame{
    width:100vw;
    height:56.25vw;
    min-width:100%;
    min-height:100%;
  }
}
@media(max-aspect-ratio:16/9){
  .home-v12 .hero-video-frame{
    width:177.7778vh;
    height:100vh;
    min-width:100%;
    min-height:100%;
  }
}


/* =========================================================
   BROTHERBEAR V19 HERO COPY / VIDEO BALANCE
   Current homepage messaging restored, but the video stays visible.
   ========================================================= */

/*
  Do NOT darken the entire video heavily.
  The global overlay is now very light; readability comes from
  a localized left-side panel/gradient.
*/
.home-v12 .home-hero:after{
  z-index:3;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.04) 42%,
      rgba(0,0,0,.18) 100%);
}

/* Let the video remain visually dominant. */
.home-v12 .home-hero-content{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  max-width:none;
}

/*
  Localized cinematic panel. It does not cover the right side of the
  video, so viewers can still watch what the dogs are doing.
*/
.home-v12 .hero-copy-panel{
  position:relative;
  width:min(620px,55vw);
  padding:1.6rem 1.7rem 1.55rem;
  border-radius:0 1.6rem 1.6rem 0;
  background:
    linear-gradient(90deg,
      rgba(3,5,7,.88) 0%,
      rgba(3,5,7,.75) 68%,
      rgba(3,5,7,.18) 100%);
  box-shadow:
    -80px 0 0 rgba(3,5,7,.88),
    0 26px 70px rgba(0,0,0,.28);
  backdrop-filter:blur(2px);
}

.home-v12 .hero-copy-panel:after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.08);
  border-left:0;
  border-radius:inherit;
  pointer-events:none;
}

.home-v12 .home-hero h1{
  font-size:clamp(2.9rem,6.7vw,5.5rem);
  line-height:.9;
  letter-spacing:-.05em;
  margin:.45rem 0 .72rem;
  max-width:600px;
}

.home-v12 .hero-subhead{
  max-width:540px;
  margin:0 0 .65rem;
  color:#fff;
  font-size:clamp(1rem,1.9vw,1.24rem);
  line-height:1.28;
  font-weight:700;
  letter-spacing:-.015em;
}

.home-v12 .hero-social-proof{
  margin:0 0 .78rem;
  color:#e3dfd8;
  font-size:.86rem;
  line-height:1.5;
}
.home-v12 .hero-social-proof strong{
  color:#f0c477;
}
.home-v12 .hero-social-proof a{
  color:#fff;
  text-decoration-color:rgba(240,196,119,.7);
  text-underline-offset:3px;
}

.home-v12 .hero-copy-panel .lead{
  max-width:560px;
  margin:0;
  color:#efebe5;
  font-size:clamp(.96rem,1.55vw,1.08rem);
  line-height:1.56;
}
.home-v12 .hero-copy-panel .lead a{
  color:#fff;
  font-weight:750;
  text-decoration-color:#e7b95f;
  text-underline-offset:3px;
}

.home-v12 .hero-actions{
  margin-top:1rem;
}

.home-v12 .hero-video-note{
  margin-top:.8rem;
  color:rgba(255,255,255,.68);
}

/* Desktop: intentionally leave the right half largely clear. */
@media(min-width:980px){
  .home-v12 .home-hero-content{
    padding-left:0;
  }
  .home-v12 .hero-copy-panel{
    margin-left:0;
  }
}

/* Tablet */
@media(min-width:760px) and (max-width:979px){
  .home-v12 .hero-copy-panel{
    width:min(650px,72vw);
  }
}

/*
  Mobile:
  Use a bottom gradient panel rather than a giant opaque card.
  The top 45–50% of the hero remains open video.
*/
@media(max-width:759px){
  .home-v12 .home-hero{
    align-items:flex-end;
  }

  .home-v12 .home-hero-content{
    align-items:flex-end;
    padding:0;
  }

  .home-v12 .hero-copy-panel{
    width:100%;
    padding:4.8rem 5vw 1.1rem;
    border-radius:0;
    background:
      linear-gradient(180deg,
        rgba(3,5,7,0) 0%,
        rgba(3,5,7,.64) 26%,
        rgba(3,5,7,.93) 58%,
        rgba(3,5,7,.985) 100%);
    box-shadow:none;
    backdrop-filter:none;
  }

  .home-v12 .hero-copy-panel:after{
    display:none;
  }

  .home-v12 .home-hero h1{
    font-size:clamp(2.35rem,11.8vw,3.65rem);
    margin:.3rem 0 .5rem;
  }

  .home-v12 .hero-subhead{
    font-size:.96rem;
    margin-bottom:.45rem;
  }

  .home-v12 .hero-social-proof{
    font-size:.76rem;
    margin-bottom:.48rem;
  }

  .home-v12 .hero-copy-panel .lead{
    font-size:.88rem;
    line-height:1.42;
  }

  .home-v12 .hero-actions{
    margin-top:.72rem;
  }

  .home-v12 .hero-video-note{
    margin-top:.52rem;
  }
}

/* Short phones: trim supporting copy while retaining SEO-relevant HTML. */
@media(max-height:720px) and (max-width:759px){
  .home-v12 .hero-copy-panel{
    padding-top:3.2rem;
  }
  .home-v12 .hero-subhead{
    font-size:.86rem;
  }
  .home-v12 .hero-copy-panel .lead{
    font-size:.81rem;
    line-height:1.34;
  }
  .home-v12 .hero-video-note{
    display:none;
  }
}


/* =========================================================
   BROTHERBEAR V21 HERO SOCIAL PROOF
   ========================================================= */
.home-v12 .hero-proof{
  margin:0 0 .82rem;
  max-width:570px;
}

.home-v12 .hero-proof-views{
  display:inline-block;
  color:#efc36f;
  font-size:clamp(1.08rem,2vw,1.42rem);
  line-height:1;
  font-weight:900;
  letter-spacing:.085em;
  text-transform:uppercase;
  margin-bottom:.42rem;
  text-shadow:0 3px 18px rgba(0,0,0,.42);
}

.home-v12 .hero-proof-positioning{
  color:#fff;
  font-size:clamp(.94rem,1.55vw,1.12rem);
  line-height:1.34;
  font-weight:700;
  max-width:535px;
  margin-bottom:.42rem;
}

.home-v12 .hero-proof-social{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.28rem .42rem;
  color:rgba(255,255,255,.78);
  font-size:.78rem;
  line-height:1.4;
}

.home-v12 .hero-proof-social strong{
  color:#fff;
  font-weight:800;
}

.home-v12 .hero-proof-social a{
  color:rgba(255,255,255,.88);
  text-decoration:none;
  border-bottom:1px solid rgba(239,195,111,.48);
  transition:color .18s ease,border-color .18s ease;
}

.home-v12 .hero-proof-social a:hover{
  color:#efc36f;
  border-color:#efc36f;
}

@media(max-width:759px){
  .home-v12 .hero-proof{
    margin-bottom:.55rem;
  }
  .home-v12 .hero-proof-views{
    font-size:1rem;
    margin-bottom:.3rem;
  }
  .home-v12 .hero-proof-positioning{
    font-size:.86rem;
    line-height:1.28;
    margin-bottom:.32rem;
  }
  .home-v12 .hero-proof-social{
    font-size:.7rem;
    gap:.22rem .32rem;
  }
}


/* =========================================================
   BROTHERBEAR V22 — SOCIAL PROOF RIBBON
   ========================================================= */
.home-v12 .proof-ribbon{
  position:relative;
  z-index:20;
  margin-top:-34px;
  margin-bottom:0;
  background:
    radial-gradient(circle at 18% 50%, rgba(229,181,92,.12), transparent 25%),
    radial-gradient(circle at 47% 50%, rgba(229,181,92,.08), transparent 22%),
    linear-gradient(100deg,#07090c 0%,#10151b 48%,#07090c 100%);
  border-top:1px solid rgba(231,185,95,.7);
  border-bottom:1px solid rgba(231,185,95,.38);
  box-shadow:0 -12px 38px rgba(0,0,0,.35),0 18px 45px rgba(0,0,0,.28);
}

.home-v12 .proof-ribbon-inner{
  min-height:118px;
  display:grid;
  grid-template-columns:170px 170px minmax(280px,1fr);
  align-items:center;
  gap:0;
}

.home-v12 .proof-number{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:76px;
  padding:0 24px;
}

.home-v12 .proof-number + .proof-number{
  border-left:1px solid rgba(255,255,255,.11);
}

.home-v12 .proof-number strong{
  display:block;
  color:#efc36f;
  font-size:clamp(2.55rem,4vw,3.45rem);
  line-height:.82;
  font-weight:900;
  letter-spacing:-.055em;
  text-shadow:0 0 28px rgba(239,195,111,.18);
}

.home-v12 .proof-number span{
  margin-top:10px;
  color:rgba(255,255,255,.68);
  font-size:.66rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.home-v12 .proof-tagline{
  min-height:76px;
  padding:0 28px 0 34px;
  border-left:1px solid rgba(255,255,255,.11);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.home-v12 .proof-tagline>strong{
  color:#fff;
  font-size:clamp(.98rem,1.65vw,1.25rem);
  line-height:1.15;
  font-weight:900;
  letter-spacing:.035em;
}

.home-v12 .proof-platforms{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.35rem;
  margin-top:9px;
  color:rgba(255,255,255,.35);
  font-size:.76rem;
}

.home-v12 .proof-platforms a{
  color:rgba(255,255,255,.72);
  text-decoration:none;
  transition:color .18s ease;
}
.home-v12 .proof-platforms a:hover{color:#efc36f}

@media(max-width:759px){
  .home-v12 .proof-ribbon{
    margin-top:-18px;
  }

  .home-v12 .proof-ribbon-inner{
    min-height:auto;
    grid-template-columns:1fr 1fr;
    padding-top:20px;
    padding-bottom:18px;
  }

  .home-v12 .proof-number{
    min-height:68px;
    padding:0 14px;
    text-align:center;
    align-items:center;
  }

  .home-v12 .proof-number strong{
    font-size:2.45rem;
  }

  .home-v12 .proof-number span{
    font-size:.58rem;
    margin-top:8px;
  }

  .home-v12 .proof-tagline{
    grid-column:1/-1;
    min-height:auto;
    margin-top:16px;
    padding:16px 10px 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.10);
    text-align:center;
    align-items:center;
  }

  .home-v12 .proof-tagline>strong{
    font-size:.88rem;
    letter-spacing:.045em;
  }

  .home-v12 .proof-platforms{
    justify-content:center;
    margin-top:8px;
    font-size:.7rem;
  }
}


/* =========================================================
   BROTHERBEAR V23 — READABILITY, CTA BUTTONS, STORIES CAROUSEL
   ========================================================= */

/* Light-section readability */
.home-v12 .editorial.paper,
.home-v12 .editorial.soft{
  color:#171717;
}
.home-v12 .editorial.paper p,
.home-v12 .editorial.paper .body-copy,
.home-v12 .editorial.soft p,
.home-v12 .editorial.soft .body-copy{
  color:#292929;
}
.home-v12 .editorial.paper .section-title,
.home-v12 .editorial.soft .section-title,
.home-v12 .editorial.paper h2,
.home-v12 .editorial.paper h3,
.home-v12 .editorial.soft h2,
.home-v12 .editorial.soft h3{
  color:#171717;
}
.home-v12 .editorial.paper .kicker,
.home-v12 .editorial.soft .kicker{
  color:#9a681d;
}

/* Make primary CTAs unmistakably buttons */
.home-v12 .btn.primary{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.82rem 1.28rem;
  border:1px solid #f1c66f;
  border-radius:999px;
  background:linear-gradient(180deg,#e9bb63 0%,#c99235 100%);
  color:#111!important;
  font-weight:900;
  letter-spacing:.025em;
  text-decoration:none!important;
  box-shadow:
    0 8px 22px rgba(185,126,35,.28),
    inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.home-v12 .btn.primary:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 12px 30px rgba(185,126,35,.38),inset 0 1px 0 rgba(255,255,255,.65);
}
.home-v12 .btn.primary:focus-visible{
  outline:3px solid rgba(216,170,85,.42);
  outline-offset:3px;
}

/* Stories: exactly 3 visible on desktop, arrow-controlled horizontal rail */
.home-v12 .stories-carousel{
  position:relative;
  margin-top:2rem;
  padding:0 3.35rem;
}
.home-v12 .shorts-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 2rem)/3);
  grid-template-columns:none!important;
  gap:1rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  padding:.35rem .1rem 1rem;
}
.home-v12 .shorts-rail::-webkit-scrollbar{display:none}
.home-v12 .short-card{
  scroll-snap-align:start;
  min-width:0;
}
.home-v12 .stories-arrow{
  position:absolute;
  z-index:8;
  top:42%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(239,195,111,.65);
  background:linear-gradient(180deg,rgba(24,27,31,.98),rgba(6,7,9,.98));
  color:#efc36f;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
  box-shadow:0 12px 32px rgba(0,0,0,.42);
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.home-v12 .stories-arrow:hover{
  transform:translateY(-50%) scale(1.07);
  background:#efc36f;
  color:#111;
}
.home-v12 .stories-arrow-left{left:0}
.home-v12 .stories-arrow-right{right:0}

@media(max-width:759px){
  .home-v12 .stories-carousel{padding:0 2.35rem}
  .home-v12 .shorts-rail{
    grid-auto-columns:100%;
    gap:.8rem;
  }
  .home-v12 .stories-arrow{
    width:40px;height:40px;font-size:1.7rem;
  }
}

/* BBA V27 ADVANCED */
@view-transition{navigation:auto}
::view-transition-old(root){animation:260ms ease both v27out}::view-transition-new(root){animation:360ms ease both v27in}
@keyframes v27out{to{opacity:0;transform:translateY(-8px)}}@keyframes v27in{from{opacity:0;transform:translateY(10px)}}
.advanced-v27 .page-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:999;background:rgba(255,255,255,.04);pointer-events:none}.advanced-v27 .page-progress span{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#a96d1c,#efc36f,#fff0bd);box-shadow:0 0 16px rgba(239,195,111,.5)}
.advanced-v27 .section-rail{position:fixed;z-index:70;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px}.advanced-v27 .section-rail a{display:grid;grid-template-columns:24px 0fr;align-items:center;min-height:30px;padding:0 8px;border-radius:999px;color:rgba(255,255,255,.45);text-decoration:none;background:rgba(6,8,11,.4);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px);overflow:hidden;transition:.25s}.advanced-v27 .section-rail a:hover,.advanced-v27 .section-rail a.is-active{grid-template-columns:24px 68px;color:#fff;border-color:rgba(239,195,111,.45);background:rgba(7,9,12,.86)}.advanced-v27 .section-rail span{color:#efc36f;font-size:.58rem;font-weight:900}.advanced-v27 .section-rail b{font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;white-space:nowrap}
.advanced-v27.js-ready .story-media:not(.is-seen),.advanced-v27.js-ready .what-card:not(.is-seen){clip-path:inset(0 0 100% 0 round 24px)}.advanced-v27 .story-media.is-seen,.advanced-v27 .what-card.is-seen{clip-path:inset(0 round 24px);transition:clip-path .85s cubic-bezier(.22,1,.36,1)}
.advanced-v27 .experience-story{position:relative;background:#07090c;color:#fff;min-height:260vh;border-block:1px solid rgba(239,195,111,.16)}.advanced-v27 .experience-sticky{position:sticky;top:72px;height:calc(100vh - 72px);display:grid;grid-template-columns:58% 42%;overflow:hidden}.advanced-v27 .experience-media{position:relative;background:#090b0e}.advanced-v27 .experience-frame{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.05);transition:opacity .7s,transform 1.15s cubic-bezier(.22,1,.36,1)}.advanced-v27 .experience-frame.is-active{opacity:1;transform:scale(1)}.advanced-v27 .experience-frame img{width:100%;height:100%;object-fit:cover}.advanced-v27 .experience-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(7,9,12,.72)),linear-gradient(180deg,transparent 65%,rgba(7,9,12,.66))}.advanced-v27 .experience-label{position:absolute;left:5vw;bottom:5vh;max-width:460px}.advanced-v27 .experience-label span{display:block;color:#efc36f;font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;margin-bottom:.55rem}.advanced-v27 .experience-label strong{font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.1}.advanced-v27 .experience-steps{position:relative;background:radial-gradient(circle at 20% 40%,rgba(239,195,111,.08),transparent 32%),#090b0f}.advanced-v27 .experience-step{position:absolute;inset:0;padding:8vh 5vw;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .45s,transform .65s cubic-bezier(.22,1,.36,1)}.advanced-v27 .experience-step.is-active{opacity:1;transform:none;pointer-events:auto}.advanced-v27 .experience-year{color:#efc36f;font-size:clamp(2.8rem,7vw,6rem);line-height:.85;font-weight:950;letter-spacing:-.06em;margin-bottom:1.5rem}.advanced-v27 .experience-step h2{color:#fff;font-size:clamp(1.8rem,3.5vw,3.2rem);line-height:1.04;letter-spacing:-.04em;margin:0 0 1.15rem}.advanced-v27 .experience-step p{color:#c9c7c2;font-size:1rem;line-height:1.72;max-width:540px}
.advanced-v27 .pack-jump{position:sticky;top:78px;z-index:25;margin:0 auto 3rem;width:max-content;max-width:100%;display:flex;gap:4px;padding:5px;background:rgba(18,18,17,.76);backdrop-filter:blur(14px);border:1px solid rgba(23,23,23,.12);border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.12);overflow-x:auto}.advanced-v27 .pack-jump button{border:0;background:transparent;color:#5b554d;border-radius:999px;padding:.62rem .86rem;cursor:pointer;font-size:.69rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.advanced-v27 .pack-jump button:hover,.advanced-v27 .pack-jump button.is-active{background:#171717;color:#efc36f}
.advanced-v27 .dog-triptych-image{cursor:zoom-in;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .35s,box-shadow .45s}.advanced-v27 .dog-triptych-image:has(.dog-video-button){cursor:default}@media(hover:hover){.advanced-v27 .dog-triptych:hover .dog-triptych-image{filter:saturate(.86) brightness(.92)}.advanced-v27 .dog-triptych .dog-triptych-image:hover{transform:translateY(-8px) scale(1.015);filter:saturate(1.06);z-index:8;box-shadow:0 28px 70px rgba(0,0,0,.28)}}
.advanced-v27 .image-lightbox{width:min(92vw,760px);max-height:92vh;padding:0;border:0;border-radius:18px;background:#050607;color:#fff;box-shadow:0 35px 120px rgba(0,0,0,.65)}.advanced-v27 .image-lightbox::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}.advanced-v27 .image-lightbox img{display:block;width:100%;max-height:82vh;object-fit:contain}.advanced-v27 .image-lightbox-close{position:absolute;right:12px;top:12px;z-index:3;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.5);color:#fff;font-size:1.4rem}.advanced-v27 .image-lightbox-caption{padding:.75rem 1rem;color:#b9b6b0;font-size:.78rem}
.advanced-v27 .stories-carousel{perspective:1300px}.advanced-v27 .short-card{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .35s,box-shadow .4s}.advanced-v27 .short-card.is-story-focus{transform:translateY(-7px) scale(1.025);box-shadow:0 30px 80px rgba(0,0,0,.38);opacity:1}.advanced-v27 .short-card:not(.is-story-focus){opacity:.72}
.advanced-v27 .editorial.dark{--mx:50%;--my:50%}.advanced-v27 .editorial.dark:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background:radial-gradient(500px circle at var(--mx) var(--my),rgba(239,195,111,.06),transparent 46%)}
@media(max-width:800px){.advanced-v27 .section-rail{display:none}.advanced-v27 .experience-story{min-height:auto}.advanced-v27 .experience-sticky{position:relative;top:auto;height:auto;display:block}.advanced-v27 .experience-media{height:62vh;min-height:420px}.advanced-v27 .experience-label{left:5vw;right:5vw;bottom:28px}.advanced-v27 .experience-steps{padding:0}.advanced-v27 .experience-step{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;padding:2.8rem 5vw;border-top:1px solid rgba(255,255,255,.08)}.advanced-v27 .experience-frame{opacity:0}.advanced-v27 .experience-frame:first-child{opacity:1}.advanced-v27 .pack-jump{top:68px;width:calc(100vw - 24px);justify-content:flex-start}.advanced-v27 .short-card:not(.is-story-focus){opacity:1}}
@media(prefers-reduced-motion:reduce){.advanced-v27 *,.advanced-v27 *::before,.advanced-v27 *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* =========================================================
   BROTHERBEAR V28 — SIGNATURE / HIGH-END INTERFACE
   Designed as progressive enhancement on V27.
   ========================================================= */

.signature-v28{
  --v28-gold:#efc36f;
  --v28-gold-deep:#a96d1c;
  --v28-ink:#050608;
  --v28-paper:#fffdf8;
}

/* Performance: browser may skip offscreen paint while retaining SEO DOM */
@supports(content-visibility:auto){
  .signature-v28 main > section:not(.home-hero):not(.experience-story){
    content-visibility:auto;
    contain-intrinsic-size:900px;
  }
}

/* ----- Cinematic hero atmosphere ----- */
.signature-v28 .home-hero{isolation:isolate}
.signature-v28 .hero-atmosphere{
  position:absolute;inset:0;z-index:3;width:100%;height:100%;
  pointer-events:none;mix-blend-mode:screen;opacity:.6
}
.signature-v28 .home-hero:after{z-index:4}
.signature-v28 .home-hero-content{z-index:6}
.signature-v28 .hero-copy-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:
    -100px 0 0 rgba(3,5,7,.86),
    0 34px 110px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.04);
}
.signature-v28 .hero-copy-panel:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.045) 42%,transparent 60%);
  transform:translateX(-120%);
  animation:v28HeroSheen 7s ease-in-out 2s infinite
}
@keyframes v28HeroSheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* H1 mask lines from SplitText */
.signature-v28 .hero-line-mask{display:block;overflow:hidden;padding-bottom:.05em}
.signature-v28 .hero-line{display:block;will-change:transform}

/* ----- Contextual cursor ----- */
.signature-v28 .lux-cursor{
  position:fixed;left:0;top:0;z-index:1000;width:12px;height:12px;
  border-radius:50%;background:var(--v28-gold);pointer-events:none;
  transform:translate(-50%,-50%);opacity:0;
  transition:width .22s ease,height .22s ease,background .22s ease,opacity .2s ease;
  mix-blend-mode:difference
}
.signature-v28 .lux-cursor span{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  font-size:.52rem;font-weight:900;letter-spacing:.12em;color:#080808;
  opacity:0;white-space:nowrap
}
.signature-v28 .lux-cursor.is-context{
  width:68px;height:68px;background:#f6d795;mix-blend-mode:normal;
  box-shadow:0 10px 36px rgba(0,0,0,.28)
}
.signature-v28 .lux-cursor.is-context span{opacity:1}
@media(pointer:coarse),(max-width:900px){.signature-v28 .lux-cursor{display:none}}

/* ----- Chapter typography ----- */
.signature-v28 .section-title[data-chapter]{position:relative}
.signature-v28 .section-title[data-chapter]:before{
  content:attr(data-chapter);
  position:absolute;left:-1.1rem;top:-2rem;
  color:rgba(239,195,111,.18);font-size:clamp(4rem,9vw,8rem);
  line-height:1;font-weight:950;letter-spacing:-.08em;
  pointer-events:none;z-index:-1
}
.signature-v28 .editorial.paper .section-title[data-chapter]:before,
.signature-v28 .editorial.soft .section-title[data-chapter]:before{
  color:rgba(151,99,24,.12)
}

/* ----- Kinetic divider ----- */
.signature-v28 .kinetic-divider{
  overflow:hidden;background:#efc36f;color:#080808;
  border-block:1px solid rgba(0,0,0,.16);padding:.72rem 0;
  transform:rotate(-.35deg);margin:-1px -1vw 0
}
.signature-v28 .kinetic-track{
  display:flex;width:max-content;align-items:center;gap:1.2rem;
  font-size:.68rem;letter-spacing:.2em;font-weight:950;text-transform:uppercase;
  animation:v28Marquee 22s linear infinite
}
.signature-v28 .kinetic-track i{font-style:normal;font-size:.8rem}
@keyframes v28Marquee{to{transform:translateX(-50%)}}

/* ----- Experience scrollytelling refinements ----- */
.signature-v28 .experience-story{background:#030405}
.signature-v28 .experience-sticky:after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:5;
  box-shadow:inset 0 0 130px rgba(0,0,0,.34)
}
.signature-v28 .experience-media:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 30% 30%,rgba(255,255,255,.03) 0 1px,transparent 1.4px);
  background-size:7px 7px;mix-blend-mode:soft-light;opacity:.35
}
.signature-v28 .experience-frame img{
  filter:saturate(.92) contrast(1.04);
  transform:scale(1.02);transition:transform 1.3s cubic-bezier(.22,1,.36,1),filter .7s
}
.signature-v28 .experience-frame.is-active img{transform:scale(1);filter:saturate(1.03) contrast(1.02)}
.signature-v28 .experience-step:before{
  content:"";position:absolute;left:5vw;top:calc(50% - 120px);
  width:1px;height:240px;background:linear-gradient(transparent,var(--v28-gold),transparent);
  opacity:.36
}
.signature-v28 .experience-step>*{position:relative;padding-left:1.4rem}

/* ----- Pack: bento / layered portrait signature ----- */
.signature-v28 .dog-story-triptych{
  position:relative;padding:5rem 0;border-top:1px solid rgba(23,23,23,.09)
}
.signature-v28 .dog-triptych{
  position:relative;isolation:isolate;
  perspective:1400px
}
.signature-v28 .dog-triptych:before{
  content:"";position:absolute;inset:10% 8%;z-index:-1;
  background:radial-gradient(circle,rgba(239,195,111,.13),transparent 58%);
  filter:blur(22px);opacity:.7
}
.signature-v28 .dog-triptych-image{
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.16);
  transition:
    transform .65s cubic-bezier(.22,1,.36,1),
    filter .45s ease,
    opacity .45s ease,
    border-color .35s ease,
    box-shadow .65s ease
}
@media(min-width:900px){
  .signature-v28 .dog-triptych-image-1{transform:translate3d(18px,34px,-24px) rotate(-2.2deg)}
  .signature-v28 .dog-triptych-image-2{transform:translate3d(0,-22px,20px);z-index:3}
  .signature-v28 .dog-triptych-image-3{transform:translate3d(-18px,25px,-18px) rotate(2deg)}
  .signature-v28 .dog-triptych:hover .dog-triptych-image-1{transform:translate3d(-8px,16px,0) rotate(-4deg)}
  .signature-v28 .dog-triptych:hover .dog-triptych-image-2{transform:translate3d(0,-34px,32px) scale(1.03)}
  .signature-v28 .dog-triptych:hover .dog-triptych-image-3{transform:translate3d(8px,12px,0) rotate(4deg)}
}
.signature-v28 .dog-story-copy{
  position:relative;padding-left:1.2rem
}
.signature-v28 .dog-story-copy:before{
  content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:1px;
  background:linear-gradient(transparent,rgba(168,111,27,.55),transparent)
}

/* Image morph hint */
.signature-v28 .dog-triptych-image:not(:has(.dog-video-button)):after{
  content:"EXPAND";position:absolute;right:12px;bottom:12px;z-index:4;
  background:rgba(5,6,8,.68);color:#fff;border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);border-radius:999px;padding:.38rem .55rem;
  font-size:.52rem;letter-spacing:.14em;font-weight:900;opacity:0;
  transform:translateY(6px);transition:.25s
}
.signature-v28 .dog-triptych-image:not(:has(.dog-video-button)):hover:after{opacity:1;transform:none}

/* ----- Stories: real coverflow depth ----- */
.signature-v28 .signature-stories{
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 40%,rgba(239,195,111,.08),transparent 28%),
    radial-gradient(circle at 80% 70%,rgba(75,108,155,.07),transparent 28%),
    #080a0d
}
.signature-v28 .signature-stories:after{
  content:"";position:absolute;inset:auto -15% -160px;width:70%;height:280px;
  background:radial-gradient(ellipse,rgba(239,195,111,.1),transparent 65%);
  filter:blur(20px);pointer-events:none
}
.signature-v28 .short-card{
  transform-style:preserve-3d;
  will-change:transform,opacity;
  border-color:rgba(255,255,255,.08)
}
.signature-v28 .short-card .short-frame:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.46));
}
.signature-v28 .short-card.is-story-focus{
  box-shadow:0 34px 100px rgba(0,0,0,.5),0 0 0 1px rgba(239,195,111,.2)
}
.signature-v28 .stories-arrow{
  border-color:rgba(239,195,111,.46);
  box-shadow:0 18px 55px rgba(0,0,0,.5);
}

/* ----- Micro texture on dark sections ----- */
.signature-v28 .editorial.dark:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light
}

/* ----- Lightbox morph target ----- */
.signature-v28 .image-lightbox[open]{
  animation:v28DialogIn .32s cubic-bezier(.22,1,.36,1)
}
@keyframes v28DialogIn{from{opacity:0;transform:scale(.94) translateY(18px)}}
.signature-v28 .image-lightbox img{view-transition-name:v28-expanded-image}

/* ----- Premium focus ----- */
.signature-v28 :focus-visible{
  outline:2px solid var(--v28-gold)!important;outline-offset:4px
}

/* Mobile simplification */
@media(max-width:800px){
  .signature-v28 .kinetic-divider{transform:none}
  .signature-v28 .kinetic-track{animation-duration:28s}
  .signature-v28 .dog-story-triptych{padding:3rem 0}
  .signature-v28 .dog-story-copy{padding-left:0}
  .signature-v28 .dog-story-copy:before{display:none}
  .signature-v28 .section-title[data-chapter]:before{left:0;top:-2.4rem}
}
@media(prefers-reduced-motion:reduce){
  .signature-v28 .kinetic-track,.signature-v28 .hero-copy-panel:after{animation:none!important}
}

/* =========================================================
   BROTHERBEAR V29 — POLISHED SIGNATURE PASS
   ========================================================= */

/* 1) HERO: remove the hard black edge/bar and compact the copy. */
.polished-v29 .hero-copy-panel{
  width:min(585px,52vw);
  padding:1.22rem 1.35rem 1.18rem;
  border:0;
  border-radius:0 28px 28px 0;
  background:
    linear-gradient(90deg,
      rgba(3,5,7,.88) 0%,
      rgba(3,5,7,.78) 48%,
      rgba(3,5,7,.45) 72%,
      rgba(3,5,7,.08) 100%);
  box-shadow:none;
  backdrop-filter:blur(8px) saturate(115%);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 78%,rgba(0,0,0,.78) 88%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 78%,rgba(0,0,0,.78) 88%,transparent 100%);
}
.polished-v29 .hero-copy-panel:before{
  left:0;top:10%;bottom:10%;width:1px;
  background:linear-gradient(transparent,#efc36f,transparent);
  opacity:.72
}
.polished-v29 .hero-copy-panel:after{
  border:0!important;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.04) 43%,transparent 58%);
}
.polished-v29 .home-hero h1{
  margin:.28rem 0 .5rem;
  font-size:clamp(2.75rem,6vw,5rem);
  line-height:.88;
}
.polished-v29 .hero-proof{margin-bottom:.54rem}
.polished-v29 .hero-proof-views{margin-bottom:.22rem}
.polished-v29 .hero-proof-positioning{margin-bottom:.26rem;line-height:1.23}
.polished-v29 .hero-proof-social{font-size:.72rem}
.polished-v29 .hero-copy-panel .lead{
  font-size:clamp(.9rem,1.3vw,1rem);
  line-height:1.43;
  max-width:535px;
}
.polished-v29 .hero-actions{margin-top:.68rem}
.polished-v29 .hero-video-note{margin-top:.48rem;font-size:.62rem}

/* No chapter numbers. */
.polished-v29 .section-title:before{content:none!important}

/* 2) Replace clip-path wipe with soft optical reveal. */
.polished-v29.js-ready .story-media:not(.is-seen),
.polished-v29.js-ready .what-card:not(.is-seen){
  clip-path:none!important;
  opacity:.28;
  transform:translateY(20px) scale(.985);
  filter:blur(5px) saturate(.84) brightness(.88);
}
.polished-v29 .story-media.is-seen,
.polished-v29 .what-card.is-seen{
  clip-path:none!important;
  opacity:1;
  transform:none;
  filter:none;
  transition:
    opacity .85s cubic-bezier(.22,1,.36,1),
    transform 1.05s cubic-bezier(.22,1,.36,1),
    filter .9s cubic-bezier(.22,1,.36,1);
}

/* 3) EXPERIENCE IMAGES: fully adjustable focal position and zoom. */
.polished-v29 .experience-frame{
  overflow:hidden;
}
.polished-v29 .experience-frame img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
  transform:
    translate3d(0,var(--experience-parallax,0px),0)
    scale(var(--image-scale,1));
  transition:
    transform 1.2s cubic-bezier(.22,1,.36,1),
    filter .7s ease;
  will-change:transform;
}
.polished-v29 .experience-frame.is-active img{
  transform:
    translate3d(0,var(--experience-parallax,0px),0)
    scale(var(--image-scale,1));
}

/* Fine vignette around experience image rather than darkening subject. */
.polished-v29 .experience-media:before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  box-shadow:inset 0 0 90px rgba(0,0,0,.26)
}

/* 4) Advanced optical depth: pointer-reactive dog bento. */
.polished-v29 .dog-triptych{
  --tilt-x:0deg;--tilt-y:0deg;--shift-x:0px;--shift-y:0px;
  transform:perspective(1500px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition:transform .35s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
.polished-v29 .dog-triptych-image-1{
  translate:calc(var(--shift-x) * -.22) calc(var(--shift-y) * -.15)
}
.polished-v29 .dog-triptych-image-2{
  translate:calc(var(--shift-x) * .12) calc(var(--shift-y) * -.25)
}
.polished-v29 .dog-triptych-image-3{
  translate:calc(var(--shift-x) * .28) calc(var(--shift-y) * .16)
}

/* Subtle iridescent border light follows pointer. */
.polished-v29 .dog-triptych:after{
  content:"";position:absolute;inset:7% 5%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(320px circle at var(--local-x,50%) var(--local-y,50%),
      rgba(239,195,111,.18),transparent 62%);
  filter:blur(24px);opacity:.62;
  transition:opacity .25s
}

/* 5) "Billion-dollar" restraint: ambient glass edge on major media. */
.polished-v29 .story-media,
.polished-v29 .what-card,
.polished-v29 .short-card{
  box-shadow:
    0 24px 60px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.polished-v29 .story-media:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  border:1px solid rgba(255,255,255,.07)
}

/* 6) Stories: slightly stronger center-stage, softer neighbors. */
.polished-v29 .short-card{
  filter:saturate(.84) brightness(.88);
}
.polished-v29 .short-card.is-story-focus{
  filter:saturate(1.04) brightness(1);
  box-shadow:
    0 38px 110px rgba(0,0,0,.54),
    0 0 0 1px rgba(239,195,111,.25),
    0 0 52px rgba(239,195,111,.08)
}

/* 7) Refined section transitions: gradient atmosphere, no hard clips. */
.polished-v29 .editorial.dark{
  background:
    radial-gradient(circle at 10% 15%,rgba(239,195,111,.045),transparent 26%),
    linear-gradient(180deg,#0a0c0f,#080a0d);
}
.polished-v29 .editorial.soft,
.polished-v29 .editorial.paper{
  background-image:
    radial-gradient(circle at 85% 15%,rgba(187,126,36,.045),transparent 28%);
}

/* Mobile hero stays readable but less padded. */
@media(max-width:759px){
  .polished-v29 .hero-copy-panel{
    width:100%;
    padding:3.6rem 5vw .95rem;
    border-radius:0;
    -webkit-mask-image:none;mask-image:none;
    background:
      linear-gradient(180deg,
        transparent 0%,
        rgba(3,5,7,.50) 23%,
        rgba(3,5,7,.90) 57%,
        rgba(3,5,7,.985) 100%);
    backdrop-filter:none;
  }
  .polished-v29 .home-hero h1{
    font-size:clamp(2.2rem,10.8vw,3.45rem);
    margin:.22rem 0 .42rem
  }
  .polished-v29 .hero-proof-positioning{font-size:.8rem}
  .polished-v29 .hero-copy-panel .lead{font-size:.82rem;line-height:1.35}
  .polished-v29 .dog-triptych{transform:none!important}
}

/* Reduced-motion removes optical movement but keeps style. */
@media(prefers-reduced-motion:reduce){
  .polished-v29 .dog-triptych{transform:none!important}
  .polished-v29 .experience-frame img{transform:scale(var(--image-scale,1))!important}
}

/* =========================================================
   BROTHERBEAR V30 — GPU SIGNATURE TRANSITION
   WebGL organic dissolve for 2015 → 2020 → Today
   ========================================================= */
.shader-v30 .experience-media{isolation:isolate}
.shader-v30 .experience-webgl{
  position:absolute;inset:0;width:100%;height:100%;z-index:2;
  pointer-events:none;opacity:0;
  transition:opacity .55s ease;
}
.shader-v30.webgl-experience-ready .experience-webgl{opacity:1}
.shader-v30.webgl-experience-ready .experience-frame{opacity:0!important}
.shader-v30.webgl-experience-ready .experience-shade,
.shader-v30.webgl-experience-ready .experience-label{z-index:4}
.shader-v30.webgl-experience-ready .experience-media:before,
.shader-v30.webgl-experience-ready .experience-media:after{z-index:3}

/* soft filmic overlay above shader */
.shader-v30 .experience-webgl:after{content:none}

/* More seamless boundary into/out of the signature scene */
.shader-v30 .experience-story:before,
.shader-v30 .experience-story:after{
  content:"";position:absolute;left:0;right:0;height:110px;z-index:8;
  pointer-events:none
}
.shader-v30 .experience-story:before{
  top:0;background:linear-gradient(180deg,rgba(3,4,5,.72),transparent)
}
.shader-v30 .experience-story:after{
  bottom:0;background:linear-gradient(0deg,rgba(3,4,5,.72),transparent)
}

/* GPU effect is desktop/tablet enhancement only */
@media(max-width:800px){
  .shader-v30 .experience-webgl{display:none!important}
  .shader-v30.webgl-experience-ready .experience-frame{opacity:0!important}
  .shader-v30.webgl-experience-ready .experience-frame:first-of-type{opacity:1!important}
}
@media(prefers-reduced-motion:reduce){
  .shader-v30 .experience-webgl{display:none!important}
  .shader-v30.webgl-experience-ready .experience-frame{opacity:0!important}
  .shader-v30.webgl-experience-ready .experience-frame.is-active{opacity:1!important}
}

/* =========================================================
   BROTHERBEAR V31 — IMMERSIVE POLISH
   ========================================================= */

/* 1) Replace hard rectangular shadows with atmospheric depth */
.immersive-v31 .story-media,
.immersive-v31 .what-card,
.immersive-v31 .short-card{
  position:relative;
  box-shadow:none!important;
  isolation:isolate;
}

/* no inset border line that reads like a box */
.immersive-v31 .story-media:after{
  border:0!important;
  box-shadow:none!important;
}

/* wide diffuse shadow, detached from image edges */
.immersive-v31 .story-media::before,
.immersive-v31 .what-card::before,
.immersive-v31 .short-card::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:8%;
  right:8%;
  bottom:-26px;
  height:44%;
  background:
    radial-gradient(
      ellipse at 50% 50%,
      rgba(0,0,0,.21) 0%,
      rgba(0,0,0,.10) 34%,
      rgba(0,0,0,.035) 59%,
      transparent 78%
    );
  filter:blur(24px);
  opacity:.72;
  pointer-events:none;
}

/* dark sections use warm atmospheric bloom rather than black box shadow */
.immersive-v31 .editorial.dark .story-media::before,
.immersive-v31 .editorial.dark .what-card::before,
.immersive-v31 .signature-stories .short-card::before{
  left:4%;
  right:4%;
  bottom:-34px;
  height:55%;
  background:
    radial-gradient(ellipse at center,
      rgba(239,195,111,.10) 0%,
      rgba(93,69,34,.06) 35%,
      rgba(0,0,0,.16) 56%,
      transparent 79%);
  filter:blur(32px);
  opacity:.8;
}

/* 2) PACK PALETTE ENVIRONMENT — dynamically set from each dog's portrait */
.immersive-v31 .pack-atmosphere{
  position:relative;
  overflow:clip;
  --dog-r:190;
  --dog-g:149;
  --dog-b:83;
  transition:background 1.1s cubic-bezier(.22,1,.36,1);
}
.immersive-v31 .pack-ambient-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.58;
  background:
    radial-gradient(700px circle at 12% 22%,
      rgba(var(--dog-r),var(--dog-g),var(--dog-b),.16),
      transparent 62%),
    radial-gradient(620px circle at 88% 64%,
      rgba(var(--dog-r),var(--dog-g),var(--dog-b),.09),
      transparent 67%);
  transition:background 1.25s cubic-bezier(.22,1,.36,1),opacity .6s;
}
.immersive-v31 .pack-atmosphere>.wrap{
  position:relative;z-index:2;
}
.immersive-v31 .pack-atmosphere:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(var(--dog-r),var(--dog-g),var(--dog-b),.035) 47%,
      transparent 100%);
  mix-blend-mode:multiply;
}

/* animated hairline that tracks current dog */
.immersive-v31 .pack-jump{
  box-shadow:
    0 16px 50px rgba(0,0,0,.14),
    0 0 0 1px rgba(var(--dog-r),var(--dog-g),var(--dog-b),.12);
}
.immersive-v31 .pack-jump button.is-active{
  background:
    linear-gradient(180deg,
      rgba(20,20,19,.98),
      rgba(8,9,10,.98));
  color:rgb(var(--dog-r),var(--dog-g),var(--dog-b));
  box-shadow:
    inset 0 0 0 1px rgba(var(--dog-r),var(--dog-g),var(--dog-b),.28),
    0 6px 18px rgba(var(--dog-r),var(--dog-g),var(--dog-b),.08);
}

/* active dog gets its own low-frequency ambient bloom */
.immersive-v31 .dog-story-triptych{
  --local-accent-r:var(--dog-r);
  --local-accent-g:var(--dog-g);
  --local-accent-b:var(--dog-b);
}
.immersive-v31 .dog-story-triptych.is-dog-active .dog-triptych:before{
  opacity:.9;
  background:
    radial-gradient(circle,
      rgba(var(--local-accent-r),var(--local-accent-g),var(--local-accent-b),.19),
      transparent 60%);
}

/* 3) EXPERIENCE WEBGL: tactile pointer light on top of the shader */
.immersive-v31 .experience-media{
  --px:50%;
  --py:50%;
}
.immersive-v31 .experience-pointer-glow{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(360px circle at var(--px) var(--py),
      rgba(255,236,199,.12) 0%,
      rgba(239,195,111,.045) 30%,
      transparent 68%);
  mix-blend-mode:screen;
  transition:opacity .28s ease;
}
.immersive-v31 .experience-media:hover .experience-pointer-glow{
  opacity:1;
}

/* polished edge vignette instead of visible rectangle */
.immersive-v31 .experience-media:before{
  box-shadow:
    inset 0 0 90px rgba(0,0,0,.18),
    inset 0 0 0 1px rgba(255,255,255,.025);
}

/* 4) Liquid magnetic gold trail on section dividers */
.immersive-v31 .kinetic-divider{
  position:relative;
  box-shadow:
    0 12px 36px rgba(0,0,0,.18),
    0 -1px 0 rgba(255,255,255,.28) inset;
}
.immersive-v31 .kinetic-divider:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(100deg,
      transparent 20%,
      rgba(255,255,255,.30) 42%,
      transparent 62%);
  transform:translateX(-120%);
  animation:v31DividerLight 8s ease-in-out infinite;
}
@keyframes v31DividerLight{
  0%,72%{transform:translateX(-120%)}
  100%{transform:translateX(120%)}
}

/* 5) refined video cards: bottom reflection, not a box */
.immersive-v31 .short-card{
  background:
    linear-gradient(180deg,#181b1f,#101216);
  border:1px solid rgba(255,255,255,.065);
}
.immersive-v31 .short-card.is-story-focus:after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:-52px;height:72px;
  background:
    linear-gradient(180deg,
      rgba(239,195,111,.08),
      transparent);
  filter:blur(18px);
  transform:scaleY(-1);
  opacity:.42;
  z-index:-3;
}

/* 6) image edges melt into light sections slightly */
.immersive-v31 .editorial.paper .story-media,
.immersive-v31 .editorial.soft .story-media{
  filter:drop-shadow(0 20px 32px rgba(52,40,24,.08));
}

/* mobile: keep it clean */
@media(max-width:800px){
  .immersive-v31 .pack-ambient-layer{
    opacity:.34;
  }
  .immersive-v31 .experience-pointer-glow{
    display:none;
  }
  .immersive-v31 .story-media::before,
  .immersive-v31 .what-card::before,
  .immersive-v31 .short-card::before{
    bottom:-16px;
    filter:blur(19px);
  }
}
@media(prefers-reduced-motion:reduce){
  .immersive-v31 .kinetic-divider:after{animation:none}
}

/* =========================================================
   V32 — BREE EDITORIAL PACK PROTOTYPE
   One real portrait, three cinematic crops, ready for 3 unique images later.
   ========================================================= */
.pack-prototype-v32 .dog-story-prototype{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);
  gap:clamp(2rem,5vw,5.5rem);
  align-items:center;
  min-height:min(920px,88vh);
  padding:clamp(4rem,8vw,8rem) 0;
}
.pack-prototype-v32 .dog-editorial-stage{
  position:relative;
  min-height:clamp(580px,72vw,820px);
  perspective:1600px;
  isolation:isolate;
}
.pack-prototype-v32 .dog-watermark{
  position:absolute;
  left:-.04em;top:50%;
  transform:translateY(-52%);
  z-index:-1;
  font-size:clamp(7rem,17vw,15rem);
  line-height:.7;
  font-weight:950;
  letter-spacing:-.075em;
  color:rgba(39,32,22,.055);
  white-space:nowrap;
  user-select:none;
}
.pack-prototype-v32 .dog-editorial-stage .dog-triptych-image{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#111;
  border:1px solid rgba(255,255,255,.24);
  border-radius:clamp(18px,2.2vw,32px);
  box-shadow:none!important;
  transform-style:preserve-3d;
}
.pack-prototype-v32 .dog-editorial-stage .dog-triptych-image img{
  width:100%;height:100%;display:block;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
  transform:scale(var(--image-scale,1));
  transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .6s ease;
}
.pack-prototype-v32 .dog-portrait-hero{
  left:3%;top:2%;width:55%;height:88%;z-index:2;
  transform:rotate(-1.4deg);
}
.pack-prototype-v32 .dog-portrait-video{
  right:3%;top:7%;width:34%;height:50%;z-index:4;
  transform:translateZ(42px) rotate(2.2deg);
}
.pack-prototype-v32 .dog-portrait-detail{
  right:10%;bottom:1%;width:39%;height:40%;z-index:3;
  transform:translateZ(20px) rotate(-2deg);
}
.pack-prototype-v32 .dog-editorial-stage:hover .dog-portrait-hero{
  transform:translate3d(-8px,-5px,8px) rotate(-2deg);
}
.pack-prototype-v32 .dog-editorial-stage:hover .dog-portrait-video{
  transform:translate3d(10px,-12px,62px) rotate(3deg);
}
.pack-prototype-v32 .dog-editorial-stage:hover .dog-portrait-detail{
  transform:translate3d(8px,10px,38px) rotate(-3deg);
}
.pack-prototype-v32 .dog-image-index{
  position:absolute;left:14px;bottom:13px;z-index:6;
  padding:.38rem .55rem;border-radius:999px;
  background:rgba(4,5,6,.58);backdrop-filter:blur(10px);
  color:#fff;font-size:.54rem;font-weight:900;letter-spacing:.15em;
}
.pack-prototype-v32 .dog-stage-caption{
  position:absolute;left:61%;top:62%;z-index:7;
  display:flex;align-items:center;gap:.65rem;
  font-size:.58rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(29,25,20,.72);transform:rotate(-90deg);transform-origin:left center;
}
.pack-prototype-v32 .dog-stage-caption i{width:42px;height:1px;background:rgba(173,118,37,.65)}
.pack-prototype-v32 .dog-editorial-copy{
  position:relative;z-index:8;
  padding:clamp(1rem,2vw,2rem) 0;
}
.pack-prototype-v32 .dog-editorial-copy .dog-name{
  font-size:clamp(4.5rem,9vw,8rem);
  line-height:.78;letter-spacing:-.07em;
  margin:.18rem 0 1.4rem;
}
.pack-prototype-v32 .dog-editorial-copy .body-copy{
  font-size:clamp(1rem,1.4vw,1.14rem);
  line-height:1.72;
}
.pack-prototype-v32 .dog-detail-rule{height:1px;margin:1.8rem 0;background:rgba(20,20,20,.12);overflow:hidden}
.pack-prototype-v32 .dog-detail-rule span{display:block;width:36%;height:100%;background:#b67b25}
.pack-prototype-v32 .dog-story-prototype.is-dog-active .dog-detail-rule span{
  animation:v32Rule 1.2s cubic-bezier(.22,1,.36,1) both;
}
@keyframes v32Rule{from{transform:translateX(-110%)}to{transform:none}}

/* Soft environmental light behind composition, no hard card edge */
.pack-prototype-v32 .dog-editorial-stage:before{
  content:"";position:absolute;left:5%;right:5%;bottom:4%;height:42%;z-index:-2;
  background:radial-gradient(ellipse,rgba(var(--dog-r),var(--dog-g),var(--dog-b),.19),transparent 67%);
  filter:blur(45px);opacity:.85;
}

@media(max-width:900px){
  .pack-prototype-v32 .dog-story-prototype{
    grid-template-columns:1fr;min-height:0;gap:1.4rem;padding:3.5rem 0;
  }
  .pack-prototype-v32 .dog-editorial-stage{min-height:680px}
  .pack-prototype-v32 .dog-editorial-copy{max-width:650px}
}
@media(max-width:620px){
  .pack-prototype-v32 .dog-editorial-stage{min-height:570px;margin-inline:-2vw}
  .pack-prototype-v32 .dog-portrait-hero{left:3%;top:1%;width:68%;height:76%}
  .pack-prototype-v32 .dog-portrait-video{right:1%;top:9%;width:39%;height:43%}
  .pack-prototype-v32 .dog-portrait-detail{right:4%;bottom:2%;width:48%;height:35%}
  .pack-prototype-v32 .dog-stage-caption{display:none}
  .pack-prototype-v32 .dog-watermark{font-size:29vw;top:44%}
  .pack-prototype-v32 .dog-editorial-copy .dog-name{font-size:clamp(4.2rem,24vw,7rem)}
}
@media(prefers-reduced-motion:reduce){
  .pack-prototype-v32 .dog-editorial-stage .dog-triptych-image{transform:none!important}
}

/* =========================================================
   V33 — OVAL FIX + WHAT WE DO EDITORIAL COMPOSITION
   ========================================================= */

/* FIX: later EXPAND pseudo-element inherited `inset:0` from the original
   full-image pseudo-element, stretching the dark pill across the photo. */
.editorial-v33 .dog-triptych-image:not(:has(.dog-video-button))::after{
  inset:auto 12px 12px auto!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  box-shadow:none!important;
  border-radius:999px!important;
}
.editorial-v33 .dog-editorial-stage .dog-triptych-image::after{
  max-width:max-content;
}

/* What We Do becomes an editorial photographic chapter */
.editorial-v33 .what-editorial-section{
  overflow:hidden;
  padding-block:clamp(5rem,9vw,9rem);
}
.editorial-v33 .what-editorial-header{
  display:grid;
  grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr);
  gap:clamp(2rem,7vw,8rem);
  align-items:end;
  margin-bottom:clamp(3rem,6vw,6rem);
}
.editorial-v33 .what-editorial-header .section-title{
  margin-bottom:0;
}
.editorial-v33 .what-editorial-intro{
  max-width:780px;
  margin:0;
  font-size:clamp(1.02rem,1.55vw,1.24rem);
  line-height:1.72;
}
.editorial-v33 .what-editorial-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(2.5rem,6vw,7rem);
  align-items:center;
}
.editorial-v33 .what-editorial-stage{
  position:relative;
  min-height:clamp(620px,70vw,840px);
  perspective:1500px;
  isolation:isolate;
}
.editorial-v33 .what-stage-word{
  position:absolute;
  z-index:-2;
  left:-.04em;
  top:50%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:center;
  color:rgba(255,255,255,.035);
  font-size:clamp(6rem,14vw,12rem);
  line-height:.8;
  letter-spacing:-.07em;
  font-weight:950;
  white-space:nowrap;
}
.editorial-v33 .what-editorial-image{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#0b0d10;
  border-radius:clamp(18px,2.3vw,34px);
  border:1px solid rgba(255,255,255,.075);
  box-shadow:none;
  transition:
    transform .75s cubic-bezier(.22,1,.36,1),
    filter .45s ease,
    opacity .45s ease;
}
.editorial-v33 .what-editorial-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
  transform:scale(var(--image-scale,1));
  transition:transform 1.15s cubic-bezier(.22,1,.36,1);
}
.editorial-v33 .what-image-primary{
  left:3%;
  top:2%;
  width:55%;
  height:82%;
  z-index:2;
  transform:rotate(-1.6deg);
}
.editorial-v33 .what-image-secondary{
  right:3%;
  top:8%;
  width:39%;
  height:48%;
  z-index:4;
  transform:translateZ(36px) rotate(2.3deg);
}
.editorial-v33 .what-image-tertiary{
  right:10%;
  bottom:1%;
  width:43%;
  height:40%;
  z-index:3;
  transform:translateZ(16px) rotate(-2.2deg);
}
.editorial-v33 .what-editorial-stage:hover .what-image-primary{
  transform:translate3d(-8px,-5px,8px) rotate(-2.3deg);
}
.editorial-v33 .what-editorial-stage:hover .what-image-secondary{
  transform:translate3d(11px,-12px,54px) rotate(3.2deg);
}
.editorial-v33 .what-editorial-stage:hover .what-image-tertiary{
  transform:translate3d(8px,10px,30px) rotate(-3deg);
}
.editorial-v33 .what-image-tag{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:4;
  padding:.48rem .7rem;
  border-radius:999px;
  background:rgba(5,6,8,.62);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  font-size:.58rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900;
}
.editorial-v33 .what-stage-line{
  position:absolute;
  left:61%;
  top:56%;
  width:1px;
  height:26%;
  background:linear-gradient(transparent,#efc36f,transparent);
  opacity:.55;
  transform:rotate(12deg);
  z-index:1;
}
.editorial-v33 .what-editorial-stage::before{
  content:"";
  position:absolute;
  left:5%;
  right:2%;
  bottom:3%;
  height:46%;
  z-index:-3;
  background:
    radial-gradient(ellipse,
      rgba(239,195,111,.13) 0%,
      rgba(114,81,39,.07) 38%,
      transparent 70%);
  filter:blur(45px);
}

/* Text aligns to the visual composition instead of generic cards */
.editorial-v33 .what-editorial-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
}
.editorial-v33 .what-story-point{
  display:grid;
  grid-template-columns:18px 1fr;
  gap:1rem;
  padding:1.5rem 0;
  border-bottom:1px solid rgba(255,255,255,.095);
  opacity:.56;
  transform:translateX(0);
  transition:
    opacity .35s ease,
    transform .45s cubic-bezier(.22,1,.36,1),
    border-color .35s;
}
.editorial-v33 .what-story-point:first-child{
  border-top:1px solid rgba(255,255,255,.095);
}
.editorial-v33 .what-story-point.is-active,
.editorial-v33 .what-story-point:hover{
  opacity:1;
  transform:translateX(10px);
  border-color:rgba(239,195,111,.26);
}
.editorial-v33 .what-point-mark{
  width:8px;
  height:8px;
  margin-top:.56rem;
  border:1px solid rgba(239,195,111,.66);
  border-radius:50%;
  transition:background .3s,box-shadow .3s,transform .3s;
}
.editorial-v33 .what-story-point.is-active .what-point-mark,
.editorial-v33 .what-story-point:hover .what-point-mark{
  background:#efc36f;
  box-shadow:0 0 0 6px rgba(239,195,111,.08);
  transform:scale(1.08);
}
.editorial-v33 .what-story-point h3{
  margin:0 0 .45rem;
  color:#fff;
  font-size:clamp(1.35rem,2.2vw,2rem);
  letter-spacing:-.025em;
}
.editorial-v33 .what-story-point p{
  margin:0;
  color:#c9c7c2;
  font-size:.96rem;
  line-height:1.62;
}

/* Active point subtly highlights its matching photograph */
.editorial-v33 .what-editorial-stage[data-active="handling"] .what-image-primary,
.editorial-v33 .what-editorial-stage[data-active="exposure"] .what-image-secondary,
.editorial-v33 .what-editorial-stage[data-active="placement"] .what-image-tertiary{
  filter:saturate(1.08) brightness(1.04);
}
.editorial-v33 .what-editorial-stage[data-active="handling"] .what-image-secondary,
.editorial-v33 .what-editorial-stage[data-active="handling"] .what-image-tertiary,
.editorial-v33 .what-editorial-stage[data-active="exposure"] .what-image-primary,
.editorial-v33 .what-editorial-stage[data-active="exposure"] .what-image-tertiary,
.editorial-v33 .what-editorial-stage[data-active="placement"] .what-image-primary,
.editorial-v33 .what-editorial-stage[data-active="placement"] .what-image-secondary{
  filter:saturate(.78) brightness(.76);
}

@media(max-width:900px){
  .editorial-v33 .what-editorial-header,
  .editorial-v33 .what-editorial-layout{
    grid-template-columns:1fr;
  }
  .editorial-v33 .what-editorial-header{gap:1.2rem}
  .editorial-v33 .what-editorial-stage{min-height:680px}
  .editorial-v33 .what-editorial-copy{
    max-width:720px;
    margin-inline:auto;
  }
}
@media(max-width:620px){
  .editorial-v33 .what-editorial-stage{
    min-height:560px;
    margin-inline:-2vw;
  }
  .editorial-v33 .what-image-primary{left:2%;top:1%;width:67%;height:75%}
  .editorial-v33 .what-image-secondary{right:1%;top:8%;width:40%;height:42%}
  .editorial-v33 .what-image-tertiary{right:5%;bottom:1%;width:48%;height:35%}
  .editorial-v33 .what-stage-word{font-size:28vw}
  .editorial-v33 .what-story-point{
    padding:1.15rem 0;
    opacity:.82;
  }
}
@media(prefers-reduced-motion:reduce){
  .editorial-v33 .what-editorial-image,
  .editorial-v33 .what-story-point{
    transform:none!important;
    transition:none!important;
  }
}

/* =========================================================
   V34 — BREE OVERLAY FIX + INTEGRATED WHAT WE DO
   ========================================================= */

/* BREE: eliminate inherited figure pseudo-overlays completely.
   All visible labels are now real DOM elements. */
.editorial-v34 #dog-bree .dog-triptych-image::before,
.editorial-v34 #dog-bree .dog-triptych-image::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  inset:auto!important;
}
.editorial-v34 #dog-bree .dog-portrait-video::before,
.editorial-v34 #dog-bree .dog-portrait-video::after{
  content:none!important;
}
.editorial-v34 #dog-bree .dog-video-button::before,
.editorial-v34 #dog-bree .dog-video-button::after{
  content:none!important;
}
.editorial-v34 #dog-bree .dog-expand-badge{
  position:absolute;
  z-index:8;
  right:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  padding:.38rem .58rem;
  border-radius:999px;
  background:rgba(5,6,8,.62);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.5rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .22s ease,transform .22s ease;
  pointer-events:none;
}
.editorial-v34 #dog-bree .dog-triptych-image:hover .dog-expand-badge{
  opacity:1;
  transform:none;
}

/* ---------------------------------------------------------
   WHAT WE DO: one editorial spread, not cards + text column.
   --------------------------------------------------------- */
.editorial-v34 .what-editorial-integrated{
  overflow:hidden;
  padding-block:clamp(5.5rem,9vw,9rem);
}
.editorial-v34 .what-integrated-intro{
  display:grid;
  grid-template-columns:minmax(250px,.7fr) minmax(420px,1.3fr);
  gap:clamp(2.5rem,7vw,8rem);
  align-items:end;
  margin-bottom:clamp(3rem,6vw,5rem);
}
.editorial-v34 .what-integrated-heading .section-title{margin-bottom:0}
.editorial-v34 .what-integrated-intro>.body-copy{
  max-width:820px;
  margin:0;
  font-size:clamp(1.05rem,1.45vw,1.2rem);
  line-height:1.75;
}
.editorial-v34 .what-integrated-stage{
  position:relative;
  min-height:clamp(760px,78vw,940px);
  perspective:1600px;
  isolation:isolate;
}
.editorial-v34 .what-integrated-watermark{
  position:absolute;
  z-index:-3;
  left:50%;
  top:47%;
  transform:translate(-50%,-50%);
  color:rgba(255,255,255,.034);
  font-size:clamp(7rem,18vw,16rem);
  line-height:.75;
  letter-spacing:-.08em;
  font-weight:950;
  white-space:nowrap;
}
.editorial-v34 .what-integrated-orbit{
  position:absolute;
  left:19%;
  top:16%;
  width:59%;
  aspect-ratio:1;
  z-index:-2;
  border:1px solid rgba(239,195,111,.075);
  border-radius:50%;
  transform:rotate(-12deg) scaleY(.66);
}
.editorial-v34 .what-integrated-orbit::before,
.editorial-v34 .what-integrated-orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:#efc36f;
  box-shadow:0 0 22px rgba(239,195,111,.34);
}
.editorial-v34 .what-integrated-orbit::before{
  width:5px;height:5px;left:13%;top:24%;
}
.editorial-v34 .what-integrated-orbit::after{
  width:4px;height:4px;right:7%;bottom:31%;
}

/* Three Bree-like layered portrait images */
.editorial-v34 .what-integrated-image{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#0a0c0f;
  border-radius:clamp(18px,2.3vw,34px);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:none!important;
  transform-style:preserve-3d;
  transition:
    transform .75s cubic-bezier(.22,1,.36,1),
    opacity .4s ease,
    filter .4s ease;
}
.editorial-v34 .what-integrated-image::before,
.editorial-v34 .what-integrated-image::after{
  content:none!important;
}
.editorial-v34 .what-integrated-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
  transform:scale(var(--image-scale,1));
  transition:transform 1.1s cubic-bezier(.22,1,.36,1);
}
.editorial-v34 .what-integrated-primary{
  left:23%;
  top:5%;
  width:39%;
  height:73%;
  z-index:3;
  transform:rotate(-1.2deg);
}
.editorial-v34 .what-integrated-secondary{
  right:5%;
  top:12%;
  width:27%;
  height:44%;
  z-index:5;
  transform:translateZ(40px) rotate(2.4deg);
}
.editorial-v34 .what-integrated-tertiary{
  right:13%;
  bottom:4%;
  width:31%;
  height:37%;
  z-index:4;
  transform:translateZ(18px) rotate(-2.2deg);
}
.editorial-v34 .what-photo-number{
  position:absolute;
  left:13px;
  bottom:12px;
  z-index:6;
  color:#fff;
  font-size:.53rem;
  font-weight:950;
  letter-spacing:.16em;
  text-shadow:0 2px 10px rgba(0,0,0,.75);
}

/* Text literally surrounds its matching photograph. */
.editorial-v34 .what-integrated-callout{
  position:absolute;
  z-index:7;
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:.85rem;
  max-width:330px;
  padding:1rem 0;
  color:#fff;
  transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease;
}
.editorial-v34 .what-integrated-callout::before{
  content:"";
  position:absolute;
  left:31px;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(239,195,111,.6),rgba(255,255,255,.08),transparent);
}
.editorial-v34 .what-callout-index{
  padding-top:.18rem;
  color:#efc36f;
  font-size:.65rem;
  font-weight:950;
  letter-spacing:.1em;
}
.editorial-v34 .what-integrated-callout h3{
  margin:0 0 .45rem;
  color:#fff;
  font-size:clamp(1.25rem,2vw,1.8rem);
  line-height:1.05;
  letter-spacing:-.025em;
}
.editorial-v34 .what-integrated-callout p{
  margin:0;
  color:#c9c7c2;
  font-size:.92rem;
  line-height:1.58;
}
.editorial-v34 .what-callout-handling{
  left:0;
  top:18%;
  width:22%;
}
.editorial-v34 .what-callout-exposure{
  right:0;
  top:63%;
  width:28%;
}
.editorial-v34 .what-callout-placement{
  left:7%;
  bottom:5%;
  width:27%;
}

/* Fine connector lines give the spread an art-directed feel. */
.editorial-v34 .what-connector{
  position:absolute;
  z-index:1;
  height:1px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(239,195,111,.55),rgba(255,255,255,.08));
  pointer-events:none;
}
.editorial-v34 .connector-1{
  left:18%;
  top:35%;
  width:10%;
  transform:rotate(6deg);
}
.editorial-v34 .connector-2{
  left:62%;
  top:67%;
  width:13%;
  transform:rotate(10deg);
}
.editorial-v34 .connector-3{
  left:29%;
  bottom:22%;
  width:12%;
  transform:rotate(-18deg);
}

/* Active image/callout relationship */
.editorial-v34 .what-integrated-stage[data-active="handling"] .what-integrated-primary,
.editorial-v34 .what-integrated-stage[data-active="exposure"] .what-integrated-secondary,
.editorial-v34 .what-integrated-stage[data-active="placement"] .what-integrated-tertiary{
  filter:saturate(1.08) brightness(1.04);
  opacity:1;
}
.editorial-v34 .what-integrated-stage[data-active="handling"] .what-integrated-secondary,
.editorial-v34 .what-integrated-stage[data-active="handling"] .what-integrated-tertiary,
.editorial-v34 .what-integrated-stage[data-active="exposure"] .what-integrated-primary,
.editorial-v34 .what-integrated-stage[data-active="exposure"] .what-integrated-tertiary,
.editorial-v34 .what-integrated-stage[data-active="placement"] .what-integrated-primary,
.editorial-v34 .what-integrated-stage[data-active="placement"] .what-integrated-secondary{
  filter:saturate(.76) brightness(.72);
  opacity:.74;
}
.editorial-v34 .what-integrated-callout.is-active{
  transform:translateX(8px);
}
.editorial-v34 .what-integrated-callout:not(.is-active){
  opacity:.62;
}

/* Ambient depth behind the entire composition, not at image edges. */
.editorial-v34 .what-integrated-stage::before{
  content:"";
  position:absolute;
  z-index:-4;
  left:13%;
  right:4%;
  bottom:2%;
  height:54%;
  background:
    radial-gradient(ellipse at 50% 50%,
      rgba(239,195,111,.115),
      rgba(90,65,33,.055) 38%,
      transparent 72%);
  filter:blur(52px);
}

@media(hover:hover) and (pointer:fine){
  .editorial-v34 .what-integrated-primary:hover{
    transform:translate3d(-8px,-8px,20px) rotate(-2deg);
  }
  .editorial-v34 .what-integrated-secondary:hover{
    transform:translate3d(10px,-10px,65px) rotate(3.4deg);
  }
  .editorial-v34 .what-integrated-tertiary:hover{
    transform:translate3d(8px,9px,42px) rotate(-3.2deg);
  }
}

@media(max-width:900px){
  .editorial-v34 .what-integrated-intro{
    grid-template-columns:1fr;
    gap:1.2rem;
  }
  .editorial-v34 .what-integrated-stage{
    min-height:1040px;
  }
  .editorial-v34 .what-integrated-primary{
    left:5%;top:3%;width:60%;height:57%;
  }
  .editorial-v34 .what-integrated-secondary{
    right:3%;top:10%;width:39%;height:37%;
  }
  .editorial-v34 .what-integrated-tertiary{
    right:8%;top:42%;bottom:auto;width:43%;height:34%;
  }
  .editorial-v34 .what-callout-handling{
    left:4%;top:63%;width:43%;
  }
  .editorial-v34 .what-callout-exposure{
    right:3%;top:78%;width:43%;
  }
  .editorial-v34 .what-callout-placement{
    left:4%;bottom:1%;width:43%;
  }
  .editorial-v34 .what-connector{display:none}
}
@media(max-width:620px){
  .editorial-v34 .what-integrated-stage{
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
  }
  .editorial-v34 .what-integrated-watermark,
  .editorial-v34 .what-integrated-orbit,
  .editorial-v34 .what-connector{
    display:none;
  }
  .editorial-v34 .what-integrated-image,
  .editorial-v34 .what-integrated-callout{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    transform:none!important;
  }
  .editorial-v34 .what-integrated-image{
    aspect-ratio:4/5;
  }
  .editorial-v34 .what-integrated-callout{
    max-width:none;
    padding:.7rem .1rem 1.5rem;
    opacity:1!important;
  }
  .editorial-v34 .what-integrated-callout:not(:last-child){
    margin-bottom:.7rem;
  }
  .editorial-v34 .what-integrated-primary{order:1}
  .editorial-v34 .what-callout-handling{order:2}
  .editorial-v34 .what-integrated-secondary{order:3}
  .editorial-v34 .what-callout-exposure{order:4}
  .editorial-v34 .what-integrated-tertiary{order:5}
  .editorial-v34 .what-callout-placement{order:6}
}

/* =========================================================
   V35 — SOURCE FIX + FULLY ART-DIRECTED WHAT WE DO
   ========================================================= */

/* BREE: zero generated hover overlays on non-video portraits.
   No ::before, no ::after, no custom contextual cursor. */
.editorial-v35 #dog-bree .dog-portrait-hero,
.editorial-v35 #dog-bree .dog-portrait-detail{
  cursor:zoom-in!important;
}
.editorial-v35 #dog-bree .dog-portrait-hero::before,
.editorial-v35 #dog-bree .dog-portrait-hero::after,
.editorial-v35 #dog-bree .dog-portrait-detail::before,
.editorial-v35 #dog-bree .dog-portrait-detail::after,
.editorial-v35 #dog-bree .dog-portrait-hero:hover::before,
.editorial-v35 #dog-bree .dog-portrait-hero:hover::after,
.editorial-v35 #dog-bree .dog-portrait-detail:hover::before,
.editorial-v35 #dog-bree .dog-portrait-detail:hover::after{
  content:none!important;
  display:none!important;
  position:static!important;
  width:0!important;
  height:0!important;
  inset:auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:0!important;
}
.editorial-v35 #dog-bree .dog-portrait-hero:hover,
.editorial-v35 #dog-bree .dog-portrait-detail:hover{
  filter:none!important;
}
.editorial-v35 #dog-bree .dog-editorial-stage:hover .dog-triptych-image{
  filter:none!important;
}

/* Only the explicit real DOM badge is allowed. */
.editorial-v35 #dog-bree .dog-expand-badge{
  display:inline-flex!important;
}

/* ---------------- FULL WHAT WE DO EDITORIAL CHAPTER ---------------- */
.editorial-v35 .what-v35-section{
  position:relative;
  overflow:hidden;
  padding:clamp(5.5rem,9vw,9rem) 0;
  background:
    radial-gradient(circle at 74% 22%,rgba(239,195,111,.075),transparent 24%),
    radial-gradient(circle at 20% 72%,rgba(92,118,145,.055),transparent 30%),
    linear-gradient(180deg,#090b0e,#06080a);
}
.editorial-v35 .what-v35-stage{
  position:relative;
  min-height:clamp(920px,88vw,1120px);
  isolation:isolate;
  perspective:1600px;
}

/* Big typography becomes architecture, like Bree's name. */
.editorial-v35 .what-v35-giant{
  position:absolute;
  z-index:-3;
  left:-1vw;
  top:46%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  font-weight:950;
  font-size:clamp(8rem,20vw,18rem);
  line-height:.62;
  letter-spacing:-.09em;
  color:rgba(255,255,255,.028);
  white-space:nowrap;
  user-select:none;
}
.editorial-v35 .what-v35-giant span:last-child{padding-left:.22em}

.editorial-v35 .what-v35-title{
  position:absolute;
  left:0;
  top:0;
  z-index:8;
  max-width:360px;
}
.editorial-v35 .what-v35-title .section-title{
  margin:0;
  font-size:clamp(3.6rem,7vw,6.6rem);
  line-height:.86;
}

.editorial-v35 .what-v35-intro{
  position:absolute;
  z-index:8;
  right:0;
  top:1%;
  width:min(46%,650px);
  margin:0;
  color:#d6d3cd;
  font-size:clamp(1.04rem,1.48vw,1.22rem);
  line-height:1.72;
  padding-left:1.3rem;
  border-left:1px solid rgba(239,195,111,.42);
}

/* Photography mirrors the successful Bree composition. */
.editorial-v35 .what-v35-photo{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#0b0d10;
  border-radius:clamp(18px,2.4vw,34px);
  border:1px solid rgba(255,255,255,.065);
  box-shadow:none!important;
  transform-style:preserve-3d;
  transition:
    transform .7s cubic-bezier(.22,1,.36,1),
    filter .45s ease,
    opacity .45s ease;
}
.editorial-v35 .what-v35-photo::before,
.editorial-v35 .what-v35-photo::after{
  content:none!important;
}
.editorial-v35 .what-v35-photo img{
  display:block;width:100%;height:100%;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
  transform:scale(var(--image-scale,1));
  transition:transform 1.1s cubic-bezier(.22,1,.36,1);
}
.editorial-v35 .what-v35-photo-main{
  left:19%;
  top:19%;
  width:42%;
  height:66%;
  z-index:3;
  transform:rotate(-1.4deg);
}
.editorial-v35 .what-v35-photo-exposure{
  right:4%;
  top:24%;
  width:28%;
  height:41%;
  z-index:5;
  transform:translateZ(42px) rotate(2.4deg);
}
.editorial-v35 .what-v35-photo-placement{
  right:13%;
  bottom:4%;
  width:34%;
  height:34%;
  z-index:4;
  transform:translateZ(20px) rotate(-2.2deg);
}
.editorial-v35 .what-v35-photo-label{
  position:absolute;
  left:14px;bottom:13px;
  padding:.42rem .62rem;
  border-radius:999px;
  background:rgba(5,6,8,.58);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(11px);
  color:#fff;
  font-size:.53rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* Copy woven into negative space around images. */
.editorial-v35 .what-v35-copy{
  position:absolute;
  z-index:8;
  color:#fff;
  max-width:310px;
  padding:.8rem 0 1rem 2.8rem;
  transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);
}
.editorial-v35 .what-v35-copy::before{
  content:"";
  position:absolute;
  left:0;top:1.1rem;
  width:28px;height:1px;
  background:#efc36f;
}
.editorial-v35 .what-v35-num{
  display:block;
  color:#efc36f;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.13em;
  margin-bottom:.55rem;
}
.editorial-v35 .what-v35-copy h3{
  margin:0 0 .52rem;
  color:#fff;
  font-size:clamp(1.35rem,2vw,1.9rem);
  line-height:1.05;
  letter-spacing:-.028em;
}
.editorial-v35 .what-v35-copy p{
  margin:0;color:#c7c5c0;
  font-size:.92rem;line-height:1.6;
}
.editorial-v35 .what-v35-copy-handling{
  left:0;
  top:42%;
  width:18%;
}
.editorial-v35 .what-v35-copy-exposure{
  right:0;
  top:69%;
  width:27%;
}
.editorial-v35 .what-v35-copy-placement{
  left:15%;
  bottom:0;
  width:27%;
}

/* Fine art-direction lines */
.editorial-v35 .what-v35-line{
  position:absolute;z-index:2;height:1px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(239,195,111,.55),rgba(255,255,255,.06),transparent);
}
.editorial-v35 .line-a{left:14%;top:53%;width:9%;transform:rotate(-8deg)}
.editorial-v35 .line-b{left:61%;top:70%;width:13%;transform:rotate(8deg)}
.editorial-v35 .line-c{left:37%;bottom:15%;width:11%;transform:rotate(18deg)}

/* Ambient floating shadow: no rectangular edges */
.editorial-v35 .what-v35-stage::before{
  content:"";
  position:absolute;
  z-index:-4;
  left:15%;right:3%;bottom:1%;
  height:52%;
  background:
    radial-gradient(ellipse at 50% 50%,
      rgba(239,195,111,.12),
      rgba(74,58,39,.06) 38%,
      transparent 72%);
  filter:blur(58px);
}

.editorial-v35 .what-v35-stage[data-active="handling"] .what-v35-photo-main,
.editorial-v35 .what-v35-stage[data-active="exposure"] .what-v35-photo-exposure,
.editorial-v35 .what-v35-stage[data-active="placement"] .what-v35-photo-placement{
  filter:saturate(1.08) brightness(1.04);
  opacity:1;
}
.editorial-v35 .what-v35-stage[data-active="handling"] .what-v35-photo-exposure,
.editorial-v35 .what-v35-stage[data-active="handling"] .what-v35-photo-placement,
.editorial-v35 .what-v35-stage[data-active="exposure"] .what-v35-photo-main,
.editorial-v35 .what-v35-stage[data-active="exposure"] .what-v35-photo-placement,
.editorial-v35 .what-v35-stage[data-active="placement"] .what-v35-photo-main,
.editorial-v35 .what-v35-stage[data-active="placement"] .what-v35-photo-exposure{
  filter:saturate(.74) brightness(.74);
  opacity:.7;
}
.editorial-v35 .what-v35-copy.is-active{
  transform:translateX(8px);
  opacity:1;
}
.editorial-v35 .what-v35-copy:not(.is-active){opacity:.58}

@media(hover:hover) and (pointer:fine){
  .editorial-v35 .what-v35-photo-main:hover{transform:translate3d(-8px,-8px,20px) rotate(-2deg)}
  .editorial-v35 .what-v35-photo-exposure:hover{transform:translate3d(10px,-12px,65px) rotate(3.4deg)}
  .editorial-v35 .what-v35-photo-placement:hover{transform:translate3d(8px,9px,42px) rotate(-3.2deg)}
}

@media(max-width:900px){
  .editorial-v35 .what-v35-stage{min-height:1180px}
  .editorial-v35 .what-v35-title{position:relative;top:auto;left:auto;margin-bottom:1rem}
  .editorial-v35 .what-v35-intro{
    position:relative;top:auto;right:auto;width:min(100%,720px);
    margin:0 0 2.5rem;
  }
  .editorial-v35 .what-v35-photo-main{left:4%;top:20%;width:59%;height:49%}
  .editorial-v35 .what-v35-photo-exposure{right:2%;top:25%;width:40%;height:34%}
  .editorial-v35 .what-v35-photo-placement{right:8%;bottom:11%;width:45%;height:30%}
  .editorial-v35 .what-v35-copy-handling{left:4%;top:71%;width:42%}
  .editorial-v35 .what-v35-copy-exposure{right:2%;top:76%;width:42%}
  .editorial-v35 .what-v35-copy-placement{left:5%;bottom:0;width:42%}
  .editorial-v35 .what-v35-line{display:none}
}
@media(max-width:620px){
  .editorial-v35 .what-v35-stage{
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:1rem;
  }
  .editorial-v35 .what-v35-giant,.editorial-v35 .what-v35-line{display:none}
  .editorial-v35 .what-v35-title,.editorial-v35 .what-v35-intro,
  .editorial-v35 .what-v35-photo,.editorial-v35 .what-v35-copy{
    position:relative!important;inset:auto!important;
    width:100%!important;max-width:none!important;
    transform:none!important;
  }
  .editorial-v35 .what-v35-title{order:1}
  .editorial-v35 .what-v35-intro{order:2}
  .editorial-v35 .what-v35-photo-main{order:3;aspect-ratio:4/5}
  .editorial-v35 .what-v35-copy-handling{order:4}
  .editorial-v35 .what-v35-photo-exposure{order:5;aspect-ratio:4/5}
  .editorial-v35 .what-v35-copy-exposure{order:6}
  .editorial-v35 .what-v35-photo-placement{order:7;aspect-ratio:4/5}
  .editorial-v35 .what-v35-copy-placement{order:8}
  .editorial-v35 .what-v35-copy{opacity:1!important;padding-bottom:1.5rem}
}

/* =========================================================
   V36 — COMPACT / VIVID WHAT WE DO
   ========================================================= */

/* Reduce the entire section footprint */
.compact-v36 .what-v35-section{
  padding:clamp(3.8rem,6vw,6rem) 0;
}

.compact-v36 .what-v35-stage{
  min-height:clamp(680px,66vw,820px);
}

/* Tighten top content */
.compact-v36 .what-v35-title{
  top:0;
  max-width:310px;
}
.compact-v36 .what-v35-title .section-title{
  font-size:clamp(3rem,5.8vw,5.4rem);
}

.compact-v36 .what-v35-intro{
  top:.5%;
  width:min(44%,590px);
  font-size:clamp(.96rem,1.25vw,1.08rem);
  line-height:1.58;
  padding-left:1.05rem;
}

/* Bring imagery upward and closer together */
.compact-v36 .what-v35-photo-main{
  left:20%;
  top:14%;
  width:40%;
  height:65%;
}

.compact-v36 .what-v35-photo-exposure{
  right:5%;
  top:18%;
  width:27%;
  height:40%;
}

.compact-v36 .what-v35-photo-placement{
  right:12%;
  bottom:3%;
  width:32%;
  height:34%;
}

/* Make photos vivid all the time */
.compact-v36 .what-v35-photo{
  opacity:1!important;
  filter:saturate(1.03) contrast(1.02) brightness(1)!important;
}

.compact-v36 .what-v35-stage[data-active="handling"] .what-v35-photo-main,
.compact-v36 .what-v35-stage[data-active="exposure"] .what-v35-photo-exposure,
.compact-v36 .what-v35-stage[data-active="placement"] .what-v35-photo-placement{
  opacity:1!important;
  filter:saturate(1.08) contrast(1.03) brightness(1.02)!important;
}

.compact-v36 .what-v35-stage[data-active="handling"] .what-v35-photo-exposure,
.compact-v36 .what-v35-stage[data-active="handling"] .what-v35-photo-placement,
.compact-v36 .what-v35-stage[data-active="exposure"] .what-v35-photo-main,
.compact-v36 .what-v35-stage[data-active="exposure"] .what-v35-photo-placement,
.compact-v36 .what-v35-stage[data-active="placement"] .what-v35-photo-main,
.compact-v36 .what-v35-stage[data-active="placement"] .what-v35-photo-exposure{
  opacity:1!important;
  filter:saturate(1.01) contrast(1.01) brightness(.99)!important;
}

/* Replace dimming with a fine gold focus edge */
.compact-v36 .what-v35-stage[data-active="handling"] .what-v35-photo-main,
.compact-v36 .what-v35-stage[data-active="exposure"] .what-v35-photo-exposure,
.compact-v36 .what-v35-stage[data-active="placement"] .what-v35-photo-placement{
  border-color:rgba(239,195,111,.42);
  box-shadow:
    0 0 0 1px rgba(239,195,111,.08),
    0 22px 55px rgba(0,0,0,.16)!important;
}

/* Tighten text callouts and bring them closer to photos */
.compact-v36 .what-v35-copy{
  max-width:260px;
  padding:.55rem 0 .7rem 2.25rem;
}

.compact-v36 .what-v35-copy::before{
  width:22px;
  top:.9rem;
}

.compact-v36 .what-v35-copy h3{
  font-size:clamp(1.18rem,1.7vw,1.55rem);
  margin-bottom:.35rem;
}

.compact-v36 .what-v35-copy p{
  font-size:.86rem;
  line-height:1.48;
}

.compact-v36 .what-v35-num{
  font-size:.52rem;
  margin-bottom:.38rem;
}

.compact-v36 .what-v35-copy-handling{
  left:0;
  top:37%;
  width:18%;
}

.compact-v36 .what-v35-copy-exposure{
  right:0;
  top:61%;
  width:24%;
}

.compact-v36 .what-v35-copy-placement{
  left:15%;
  bottom:1%;
  width:25%;
}

/* Less oversized watermark */
.compact-v36 .what-v35-giant{
  font-size:clamp(6rem,14vw,12rem);
  top:49%;
  color:rgba(255,255,255,.022);
}

/* Cleaner ambient glow */
.compact-v36 .what-v35-stage::before{
  left:18%;
  right:6%;
  bottom:2%;
  height:45%;
  filter:blur(42px);
  opacity:.75;
}

/* Cleaner connector lines */
.compact-v36 .line-a{left:15%;top:47%;width:8%}
.compact-v36 .line-b{left:61%;top:64%;width:11%}
.compact-v36 .line-c{left:36%;bottom:14%;width:9%}

/* Active copy gets polish without moving much */
.compact-v36 .what-v35-copy.is-active{
  transform:translateX(4px);
  opacity:1;
}
.compact-v36 .what-v35-copy:not(.is-active){
  opacity:.78;
}

/* Make hover feel premium rather than dramatic */
@media(hover:hover) and (pointer:fine){
  .compact-v36 .what-v35-photo-main:hover{
    transform:translate3d(-4px,-5px,16px) rotate(-1.7deg);
  }
  .compact-v36 .what-v35-photo-exposure:hover{
    transform:translate3d(6px,-6px,52px) rotate(2.8deg);
  }
  .compact-v36 .what-v35-photo-placement:hover{
    transform:translate3d(5px,6px,34px) rotate(-2.6deg);
  }
}

/* Tablet */
@media(max-width:900px){
  .compact-v36 .what-v35-stage{
    min-height:930px;
  }
  .compact-v36 .what-v35-intro{
    width:min(100%,680px);
    margin-bottom:1.7rem;
  }
  .compact-v36 .what-v35-photo-main{
    left:4%;top:18%;width:58%;height:48%;
  }
  .compact-v36 .what-v35-photo-exposure{
    right:2%;top:23%;width:39%;height:32%;
  }
  .compact-v36 .what-v35-photo-placement{
    right:8%;bottom:12%;width:43%;height:28%;
  }
  .compact-v36 .what-v35-copy-handling{
    left:4%;top:68%;width:40%;
  }
  .compact-v36 .what-v35-copy-exposure{
    right:3%;top:71%;width:40%;
  }
  .compact-v36 .what-v35-copy-placement{
    left:5%;bottom:0;width:40%;
  }
}

/* Mobile remains stacked but tighter */
@media(max-width:620px){
  .compact-v36 .what-v35-section{
    padding:3.4rem 0;
  }
  .compact-v36 .what-v35-stage{
    gap:.75rem;
  }
  .compact-v36 .what-v35-intro{
    font-size:.92rem;
    line-height:1.48;
    margin-bottom:1rem;
  }
  .compact-v36 .what-v35-photo{
    aspect-ratio:4/5;
  }
  .compact-v36 .what-v35-copy{
    padding:.45rem 0 1.2rem 2rem;
  }
}

/* =========================================================
   V37 — FULL-PUPPY PORTRAIT PRESENTATION
   Keep the complete puppy visible; blur-fill the card behind it.
   ========================================================= */

/* The puppy is the focus. Every editorial frame is portrait-shaped
   rather than cropping the source into arbitrary rectangles. */
.puppies-v37 .what-v35-photo{
  aspect-ratio:9 / 16;
  height:auto!important;
  background:#0a0c0e;
  overflow:hidden;
}

/* blurred full-bleed atmosphere using the SAME photo */
.puppies-v37 .what-v37-bg{
  position:absolute!important;
  inset:-7%!important;
  z-index:0;
  width:114%!important;
  height:114%!important;
  object-fit:cover!important;
  object-position:var(--focus-x,50%) var(--focus-y,50%)!important;
  transform:scale(1.08)!important;
  filter:blur(20px) saturate(.92) brightness(.63)!important;
  opacity:.52;
  pointer-events:none;
}

/* actual photo is never cropped */
.puppies-v37 .what-v37-fg{
  position:absolute!important;
  inset:0!important;
  z-index:2;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  padding:clamp(6px,.65vw,10px);
  pointer-events:none;
}

/* very soft vignette gives contained image a finished edge */
.puppies-v37 .what-v35-photo::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.05),
      transparent 18%,
      transparent 78%,
      rgba(0,0,0,.13));
  box-shadow:
    inset 0 0 42px rgba(0,0,0,.13)!important;
}

/* image labels stay above both image layers */
.puppies-v37 .what-v35-photo-label{
  z-index:5;
}

/* Composition resized around natural 9:16 portraits.
   Main puppy stays visually dominant without becoming enormous. */
.puppies-v37 .what-v35-photo-main{
  left:22%;
  top:13%;
  width:35%;
  height:auto!important;
}

.puppies-v37 .what-v35-photo-exposure{
  right:6%;
  top:18%;
  width:24%;
  height:auto!important;
}

.puppies-v37 .what-v35-photo-placement{
  right:13%;
  bottom:2%;
  width:28%;
  height:auto!important;
}

/* Make the entire section even tighter now that portrait ratios
   determine image height naturally. */
.puppies-v37 .what-v35-stage{
  min-height:clamp(650px,62vw,790px);
}

.puppies-v37 .what-v35-copy-handling{
  top:35%;
}

.puppies-v37 .what-v35-copy-exposure{
  top:59%;
}

.puppies-v37 .what-v35-copy-placement{
  bottom:0;
}

/* Do not darken non-active puppy images */
.puppies-v37 .what-v35-photo,
.puppies-v37 .what-v35-stage[data-active] .what-v35-photo{
  opacity:1!important;
}

/* Active state uses border/glow only */
.puppies-v37 .what-v35-stage[data-active="handling"] .what-v35-photo-main,
.puppies-v37 .what-v35-stage[data-active="exposure"] .what-v35-photo-exposure,
.puppies-v37 .what-v35-stage[data-active="placement"] .what-v35-photo-placement{
  border-color:rgba(239,195,111,.48);
  box-shadow:
    0 0 0 1px rgba(239,195,111,.08),
    0 20px 52px rgba(0,0,0,.16)!important;
}

/* Hover gently enlarges the SUBJECT image instead of cropping it. */
@media(hover:hover) and (pointer:fine){
  .puppies-v37 .what-v35-photo:hover .what-v37-fg{
    transform:scale(1.018)!important;
    transition:transform .55s cubic-bezier(.22,1,.36,1);
  }
  .puppies-v37 .what-v35-photo:hover .what-v37-bg{
    transform:scale(1.13)!important;
    transition:transform .9s cubic-bezier(.22,1,.36,1);
  }
}

/* Tablet */
@media(max-width:900px){
  .puppies-v37 .what-v35-stage{
    min-height:880px;
  }

  .puppies-v37 .what-v35-photo-main{
    left:5%;
    top:17%;
    width:48%;
  }

  .puppies-v37 .what-v35-photo-exposure{
    right:4%;
    top:21%;
    width:32%;
  }

  .puppies-v37 .what-v35-photo-placement{
    right:9%;
    bottom:11%;
    width:36%;
  }
}

/* Mobile: full puppy images, no crops, one clean portrait at a time */
@media(max-width:620px){
  .puppies-v37 .what-v35-photo{
    aspect-ratio:9 / 16!important;
    width:min(100%,430px)!important;
    margin-inline:auto!important;
  }

  .puppies-v37 .what-v37-fg{
    padding:7px;
  }

  .puppies-v37 .what-v37-bg{
    filter:blur(16px) saturate(.9) brightness(.6)!important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .puppies-v37 .what-v37-fg,
  .puppies-v37 .what-v37-bg{
    transition:none!important;
  }
}

/* =========================================================
   V38 — YOUTUBE SHORTS BUTTON ON FIRST WHAT WE DO PORTRAIT
   ========================================================= */

.video-v38 .what-v35-photo-main{
  cursor:pointer;
}

/* Centered glass play control designed for portrait media */
.video-v38 .what-v38-video-button{
  position:absolute;
  z-index:10;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:clamp(58px,5.8vw,78px);
  height:clamp(58px,5.8vw,78px);
  display:grid;
  place-items:center;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.58);
  background:rgba(5,7,9,.34);
  backdrop-filter:blur(12px) saturate(1.12);
  -webkit-backdrop-filter:blur(12px) saturate(1.12);
  box-shadow:
    0 8px 30px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.18);
  color:#fff;
  cursor:pointer;
  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    background .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.video-v38 .what-v38-video-button svg{
  width:32%;
  height:32%;
  fill:currentColor;
  margin-left:4%;
}

.video-v38 .what-v38-video-button::before,
.video-v38 .what-v38-video-button::after{
  content:none!important;
}

.video-v38 .what-v38-video-hint{
  position:absolute;
  z-index:10;
  left:50%;
  top:calc(50% + clamp(40px,4.4vw,55px));
  transform:translateX(-50%);
  color:rgba(255,255,255,.9);
  font-size:.52rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.6);
  pointer-events:none;
}

@media(hover:hover) and (pointer:fine){
  .video-v38 .what-v35-photo-main:hover .what-v38-video-button{
    transform:translate(-50%,-50%) scale(1.09);
    background:rgba(182,123,37,.78);
    border-color:rgba(255,255,255,.88);
    box-shadow:
      0 12px 36px rgba(0,0,0,.3),
      0 0 0 7px rgba(255,255,255,.055);
  }
}

/* Portrait Shorts player replaces the foreground photo inside its frame */
.video-v38 .what-v35-photo-main.is-playing .what-v37-fg,
.video-v38 .what-v35-photo-main.is-playing .what-v38-video-button,
.video-v38 .what-v35-photo-main.is-playing .what-v38-video-hint,
.video-v38 .what-v35-photo-main.is-playing .what-v35-photo-label{
  opacity:0;
  pointer-events:none;
}

.video-v38 .what-v38-player{
  position:absolute;
  inset:0;
  z-index:20;
  width:100%;
  height:100%;
  border:0;
  background:#000;
}

.video-v38 .what-v38-close{
  position:absolute;
  z-index:24;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:1.05rem;
  cursor:pointer;
  backdrop-filter:blur(8px);
}

.video-v38 .what-v38-close::before,
.video-v38 .what-v38-close::after{
  content:none!important;
}

@media(max-width:620px){
  .video-v38 .what-v38-video-button{
    width:64px;
    height:64px;
  }
}

/* =========================================================
   V39 — MEET THE PACK FLOW
   Bree = left-heavy editorial spread
   Mila = reversed/right-heavy editorial spread
   ========================================================= */

.pack-flow-v39 .pack-list{
  display:flex;
  flex-direction:column;
  gap:0;
}

/* MILA: copy left, photography right */
.pack-flow-v39 .dog-story-mila-editorial{
  display:grid;
  grid-template-columns:minmax(280px,.52fr) minmax(0,1.48fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:center;
  min-height:min(900px,86vh);
  padding:clamp(5rem,8vw,8rem) 0;
  border-top:1px solid rgba(23,23,23,.09);
}

.pack-flow-v39 .mila-editorial-copy{
  position:relative;
  z-index:8;
  padding-right:clamp(.5rem,2vw,2rem);
}

.pack-flow-v39 .mila-editorial-copy .dog-name{
  margin:.15rem 0 1.35rem;
  font-size:clamp(4.6rem,9vw,8.2rem);
  line-height:.78;
  letter-spacing:-.075em;
}

.pack-flow-v39 .mila-editorial-copy .body-copy{
  font-size:clamp(1rem,1.35vw,1.12rem);
  line-height:1.72;
  max-width:460px;
}

.pack-flow-v39 .mila-character-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1.5rem 0 1.75rem;
  color:#84652f;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.pack-flow-v39 .mila-character-line i{
  width:24px;
  height:1px;
  background:rgba(163,111,31,.46);
}

/* Right-side stage */
.pack-flow-v39 .mila-editorial-stage{
  position:relative;
  min-height:clamp(580px,69vw,820px);
  perspective:1600px;
  isolation:isolate;
}

.pack-flow-v39 .mila-watermark{
  position:absolute;
  z-index:-2;
  right:-.03em;
  top:50%;
  transform:translateY(-52%);
  font-size:clamp(8rem,18vw,16rem);
  line-height:.7;
  font-weight:950;
  letter-spacing:-.08em;
  color:rgba(39,32,22,.05);
  user-select:none;
  white-space:nowrap;
}

/* one dominant tall portrait on right,
   video upper-left, detail lower-left */
.pack-flow-v39 .mila-photo{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#0e0f10;
  border:1px solid rgba(255,255,255,.10);
  border-radius:clamp(18px,2.2vw,32px);
  box-shadow:none;
  transform-style:preserve-3d;
  cursor:zoom-in;
  transition:
    transform .7s cubic-bezier(.22,1,.36,1),
    filter .45s ease,
    border-color .35s ease;
}

.pack-flow-v39 .mila-photo::before,
.pack-flow-v39 .mila-photo::after{
  content:none!important;
}

.pack-flow-v39 .mila-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
  transform:scale(var(--image-scale,1));
  transition:transform .95s cubic-bezier(.22,1,.36,1);
}

.pack-flow-v39 .mila-photo-main{
  right:3%;
  top:2%;
  width:56%;
  height:89%;
  z-index:2;
  transform:rotate(1.4deg);
}

.pack-flow-v39 .mila-photo-video{
  left:3%;
  top:10%;
  width:34%;
  height:45%;
  z-index:5;
  transform:translateZ(46px) rotate(-2.5deg);
  cursor:pointer;
}

.pack-flow-v39 .mila-photo-detail{
  left:12%;
  bottom:1%;
  width:39%;
  height:39%;
  z-index:4;
  transform:translateZ(22px) rotate(2.2deg);
}

/* ambient color halo */
.pack-flow-v39 .mila-editorial-stage::before{
  content:"";
  position:absolute;
  z-index:-3;
  right:0;
  top:12%;
  width:76%;
  height:73%;
  background:
    radial-gradient(ellipse at 56% 50%,
      rgba(var(--dog-r),var(--dog-g),var(--dog-b),.17),
      transparent 67%);
  filter:blur(44px);
  opacity:.86;
}

/* labels */
.pack-flow-v39 .mila-photo-index{
  position:absolute;
  left:13px;
  bottom:12px;
  z-index:8;
  padding:.36rem .54rem;
  border-radius:999px;
  background:rgba(5,6,8,.58);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.5rem;
  font-weight:900;
  letter-spacing:.14em;
}

.pack-flow-v39 .mila-expand-badge{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:8;
  padding:.36rem .54rem;
  border-radius:999px;
  background:rgba(5,6,8,.58);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.49rem;
  font-weight:900;
  letter-spacing:.14em;
  opacity:0;
  transform:translateY(5px);
  transition:.22s ease;
}

.pack-flow-v39 .mila-photo:hover .mila-expand-badge{
  opacity:1;
  transform:none;
}

.pack-flow-v39 .mila-vertical-caption{
  position:absolute;
  right:61%;
  top:62%;
  z-index:7;
  transform:rotate(90deg);
  transform-origin:right top;
  color:rgba(63,53,40,.56);
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

@media(hover:hover) and (pointer:fine){
  .pack-flow-v39 .mila-editorial-stage:hover .mila-photo-main{
    transform:translate3d(7px,-7px,14px) rotate(2deg);
  }
  .pack-flow-v39 .mila-editorial-stage:hover .mila-photo-video{
    transform:translate3d(-9px,-12px,64px) rotate(-3.3deg);
  }
  .pack-flow-v39 .mila-editorial-stage:hover .mila-photo-detail{
    transform:translate3d(-7px,9px,38px) rotate(3deg);
  }
}

.pack-flow-v39 #dog-mila.is-dog-active .mila-photo-main{
  border-color:rgba(var(--dog-r),var(--dog-g),var(--dog-b),.34);
}

/* tablet */
@media(max-width:900px){
  .pack-flow-v39 .dog-story-mila-editorial{
    grid-template-columns:1fr;
    gap:1.5rem;
    min-height:0;
    padding:4rem 0;
  }

  .pack-flow-v39 .mila-editorial-copy{
    max-width:660px;
    padding-right:0;
  }

  .pack-flow-v39 .mila-editorial-stage{
    min-height:680px;
  }
}

/* mobile — image chapter first, copy second */
@media(max-width:620px){
  .pack-flow-v39 .dog-story-mila-editorial{
    display:flex;
    flex-direction:column;
    padding:3.5rem 0;
  }

  .pack-flow-v39 .mila-editorial-copy{
    order:2;
  }

  .pack-flow-v39 .mila-editorial-stage{
    order:1;
    min-height:575px;
    width:100%;
  }

  .pack-flow-v39 .mila-photo-main{
    right:2%;
    top:1%;
    width:67%;
    height:77%;
  }

  .pack-flow-v39 .mila-photo-video{
    left:1%;
    top:9%;
    width:40%;
    height:42%;
  }

  .pack-flow-v39 .mila-photo-detail{
    left:6%;
    bottom:1%;
    width:49%;
    height:34%;
  }

  .pack-flow-v39 .mila-watermark{
    font-size:31vw;
    right:0;
    top:43%;
  }

  .pack-flow-v39 .mila-vertical-caption{
    display:none;
  }

  .pack-flow-v39 .mila-editorial-copy .dog-name{
    font-size:clamp(4.5rem,24vw,7rem);
  }
}

@media(prefers-reduced-motion:reduce){
  .pack-flow-v39 .mila-photo{
    transform:none!important;
  }
}

/* =========================================================
   V40 — THREE-DESIGN MEET THE PACK RHYTHM
   Bree: images LEFT / copy RIGHT
   Mila: copy LEFT / images RIGHT
   Kai:  images LEFT / copy RIGHT, but cinematic vertical design
   ========================================================= */

.pack-flow-v40 .dog-story-kai-editorial{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);
  gap:clamp(2.5rem,6vw,6rem);
  align-items:center;
  min-height:min(880px,84vh);
  padding:clamp(5rem,8vw,8rem) 0;
  border-top:1px solid rgba(23,23,23,.09);
}

.pack-flow-v40 .kai-editorial-stage{
  position:relative;
  min-height:clamp(580px,65vw,790px);
  perspective:1600px;
  isolation:isolate;
}

.pack-flow-v40 .kai-watermark{
  position:absolute;
  z-index:-3;
  left:-.04em;
  top:47%;
  transform:translateY(-50%);
  font-size:clamp(10rem,22vw,19rem);
  line-height:.7;
  font-weight:950;
  letter-spacing:-.09em;
  color:rgba(39,32,22,.045);
  user-select:none;
}

.pack-flow-v40 .kai-photo{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#0b0d0f;
  border:1px solid rgba(255,255,255,.1);
  border-radius:clamp(18px,2.2vw,32px);
  box-shadow:none;
  transform-style:preserve-3d;
  cursor:zoom-in;
  transition:transform .7s cubic-bezier(.22,1,.36,1),border-color .35s ease;
}
.pack-flow-v40 .kai-photo::before,
.pack-flow-v40 .kai-photo::after{content:none!important}
.pack-flow-v40 .kai-photo img{
  width:100%;height:100%;display:block;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
  transform:scale(var(--image-scale,1));
  transition:transform .9s cubic-bezier(.22,1,.36,1);
}

/* Kai differs from Bree: tall center portrait + narrow cinematic side frames */
.pack-flow-v40 .kai-photo-main{
  left:25%;top:2%;width:45%;height:91%;z-index:3;
  transform:rotate(-.7deg);
}
.pack-flow-v40 .kai-photo-detail{
  left:1%;top:12%;width:28%;height:57%;z-index:5;
  transform:translateZ(44px) rotate(-2.5deg);
}
.pack-flow-v40 .kai-photo-video{
  right:2%;bottom:2%;width:31%;height:48%;z-index:5;
  transform:translateZ(48px) rotate(2.4deg);
  cursor:pointer;
}

.pack-flow-v40 .kai-editorial-stage::before{
  content:"";
  position:absolute;z-index:-4;
  left:12%;top:15%;width:72%;height:72%;
  background:radial-gradient(ellipse at center,rgba(var(--dog-r),var(--dog-g),var(--dog-b),.16),transparent 68%);
  filter:blur(48px);
}

.pack-flow-v40 .kai-photo-index,
.pack-flow-v40 .kai-expand-badge{
  position:absolute;bottom:12px;z-index:8;
  padding:.36rem .54rem;border-radius:999px;
  background:rgba(5,6,8,.58);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(10px);
  color:#fff;font-size:.5rem;font-weight:900;letter-spacing:.14em;
}
.pack-flow-v40 .kai-photo-index{left:13px}
.pack-flow-v40 .kai-expand-badge{
  right:12px;opacity:0;transform:translateY(5px);transition:.22s ease;
}
.pack-flow-v40 .kai-photo:hover .kai-expand-badge{opacity:1;transform:none}

.pack-flow-v40 .kai-signature{
  position:absolute;
  left:2%;bottom:3%;z-index:7;
  display:flex;gap:.65rem;align-items:center;
  color:rgba(55,47,37,.58);
  font-size:.54rem;font-weight:950;letter-spacing:.15em;
}
.pack-flow-v40 .kai-signature span+span::before{
  content:"";display:inline-block;width:20px;height:1px;
  margin:0 .65rem 3px 0;background:rgba(155,111,44,.4);
}

.pack-flow-v40 .kai-editorial-copy{
  position:relative;z-index:8;
  padding-left:clamp(.5rem,2vw,2rem);
}
.pack-flow-v40 .kai-editorial-copy .dog-name{
  margin:.15rem 0 .8rem;
  font-size:clamp(5rem,10vw,9rem);
  line-height:.76;letter-spacing:-.08em;
}
.pack-flow-v40 .kai-lead{
  margin:0 0 1.15rem;
  color:#84652f;
  font-size:clamp(1rem,1.5vw,1.2rem);
  font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
.pack-flow-v40 .kai-editorial-copy .body-copy{
  max-width:430px;
  font-size:clamp(1rem,1.35vw,1.12rem);
  line-height:1.72;
}
.pack-flow-v40 .kai-rule{
  width:72px;height:1px;margin:1.6rem 0;
  background:linear-gradient(90deg,#b98535,transparent);
}

@media(hover:hover) and (pointer:fine){
  .pack-flow-v40 .kai-editorial-stage:hover .kai-photo-main{
    transform:translate3d(0,-8px,18px) rotate(-.9deg);
  }
  .pack-flow-v40 .kai-editorial-stage:hover .kai-photo-detail{
    transform:translate3d(-10px,-5px,62px) rotate(-3.2deg);
  }
  .pack-flow-v40 .kai-editorial-stage:hover .kai-photo-video{
    transform:translate3d(10px,7px,66px) rotate(3.1deg);
  }
}

@media(max-width:900px){
  .pack-flow-v40 .dog-story-kai-editorial{
    grid-template-columns:1fr;
    min-height:0;
    gap:1.5rem;
    padding:4rem 0;
  }
  .pack-flow-v40 .kai-editorial-stage{min-height:690px}
  .pack-flow-v40 .kai-editorial-copy{padding-left:0;max-width:650px}
}

@media(max-width:620px){
  .pack-flow-v40 .dog-story-kai-editorial{
    display:flex;flex-direction:column;padding:3.5rem 0;
  }
  .pack-flow-v40 .kai-editorial-stage{order:1;min-height:575px;width:100%}
  .pack-flow-v40 .kai-editorial-copy{order:2}
  .pack-flow-v40 .kai-photo-main{left:23%;top:1%;width:58%;height:78%}
  .pack-flow-v40 .kai-photo-detail{left:0;top:10%;width:35%;height:45%}
  .pack-flow-v40 .kai-photo-video{right:0;bottom:1%;width:39%;height:38%}
  .pack-flow-v40 .kai-watermark{font-size:38vw;top:43%}
  .pack-flow-v40 .kai-signature{display:none}
  .pack-flow-v40 .kai-editorial-copy .dog-name{font-size:clamp(4.8rem,25vw,7.4rem)}
}

/* V41 — restore complete original homepage FAQ content */
.faq-v41 .faq-home-full{
  display:grid;
  gap:.72rem;
}
.faq-v41 .faq-home-full details{
  border:1px solid rgba(30,30,30,.11);
  border-radius:17px;
  background:rgba(255,255,255,.6);
  overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.faq-v41 .faq-home-full details:hover{
  border-color:rgba(168,111,31,.28);
}
.faq-v41 .faq-home-full details[open]{
  background:#fff;
  border-color:rgba(168,111,31,.34);
  box-shadow:0 16px 42px rgba(45,33,18,.075);
}
.faq-v41 .faq-home-full summary{
  position:relative;
  list-style:none;
  cursor:pointer;
  padding:1.05rem 3.1rem 1.05rem 1.1rem;
  color:#171717;
  font-weight:800;
  line-height:1.35;
}
.faq-v41 .faq-home-full summary::-webkit-details-marker{display:none}
.faq-v41 .faq-home-full summary::after{
  content:"+";
  position:absolute;
  right:1rem;top:50%;
  transform:translateY(-50%);
  width:27px;height:27px;
  display:grid;place-items:center;
  border:1px solid rgba(168,111,31,.28);
  border-radius:50%;
  color:#98671f;
  transition:.25s ease;
}
.faq-v41 .faq-home-full details[open] summary::after{
  transform:translateY(-50%) rotate(45deg);
  background:#171717;
  border-color:#171717;
  color:#efc36f;
}
.faq-v41 .faq-home-full details p{
  margin:0;
  padding:0 1.1rem 1.1rem;
  color:#3e3c38;
  line-height:1.66;
  font-size:.94rem;
}
@media(max-width:700px){
  .faq-v41 .story-grid{gap:1.5rem}
}

/* V42 breeding approach */
.approach-v42{overflow:hidden}.approach-v42 a:not(.btn){text-underline-offset:3px}
.approach-hero{position:relative;min-height:min(860px,92svh);display:flex;align-items:flex-end;background:#080a0d;color:#fff;isolation:isolate}
.approach-hero-media,.approach-hero-shade{position:absolute;inset:0}.approach-hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.approach-hero-shade{background:linear-gradient(90deg,rgba(4,5,7,.91),rgba(4,5,7,.68) 45%,rgba(4,5,7,.14) 78%),linear-gradient(0deg,rgba(4,5,7,.86),transparent 55%)}
.approach-hero-inner{position:relative;z-index:2;width:100%;padding-top:9rem;padding-bottom:clamp(3rem,7vw,6rem)}
.approach-hero .breadcrumbs{padding:0;margin:0 0 clamp(3rem,9vh,7rem);display:flex;gap:.55rem;color:rgba(255,255,255,.6);font-size:.72rem}.approach-hero .breadcrumbs a{color:#fff;text-decoration:none}
.approach-hero-copy{max-width:830px}.approach-hero .kicker{color:#e6b85e}.approach-hero h1{max-width:800px;margin:.55rem 0 1.2rem;font-size:clamp(3.25rem,7.2vw,7.3rem);line-height:.88;letter-spacing:-.065em}
.approach-hero-lead{max-width:680px;margin:0 0 1.6rem;color:rgba(255,255,255,.83);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.6}.approach-ghost{border-color:rgba(255,255,255,.36)!important;color:#fff!important}
.approach-hero-proof{position:absolute;right:0;bottom:clamp(3rem,7vw,6rem);max-width:290px;padding-left:1rem;border-left:1px solid rgba(231,185,94,.55)}.approach-hero-proof span,.approach-hero-proof strong{display:block}.approach-hero-proof span{color:#e6b85e;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;font-weight:900}.approach-hero-proof strong{margin-top:.4rem;font-size:.88rem;line-height:1.35}
.approach-manifesto{padding-block:clamp(5rem,9vw,9rem)}.approach-split{display:grid;grid-template-columns:.75fr 1.05fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.approach-title-stack h2{font-size:clamp(3.5rem,6.5vw,7rem);line-height:.82;letter-spacing:-.07em;margin:.5rem 0}.approach-title-stack h2 em{color:#d8a64c;font-style:normal}
.approach-collage{position:relative;min-height:650px}.approach-img{position:absolute;margin:0;overflow:hidden;border-radius:26px}
.approach-img img,.approach-wide-image img,.approach-photo-stack img,.approach-owner-photo img,.approach-puppy-gallery figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--focus-x,50%) var(--focus-y,50%)}
.approach-img-main{left:0;top:0;width:67%;height:88%}.approach-img-small{right:0;bottom:0;width:44%;height:47%;border:8px solid #090b0e}.approach-copy{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.76)}.approach-copy p+p{margin-top:1.1rem}.approach-copy a{color:#e8bd6b}
.approach-question{padding-block:clamp(5rem,8vw,8rem)}.approach-section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:end;margin-bottom:2rem}.approach-section-head>p{max-width:480px;color:#57534d;line-height:1.65}
.approach-wide-image{height:clamp(330px,48vw,630px);margin:0;border-radius:32px;overflow:hidden}.approach-question-grid{display:grid;grid-template-columns:.35fr 1fr .75fr;gap:clamp(1.5rem,4vw,4rem);padding-top:2.4rem;align-items:start}
.approach-prompt{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:950;color:#94661f}.approach-big-list{list-style:none;padding:0;margin:0}.approach-big-list li{padding:1rem 0;border-top:1px solid rgba(20,20,20,.12);font-size:clamp(1.2rem,2.1vw,1.75rem);line-height:1.25;font-weight:750}.approach-question-grid>p{color:#55514b;line-height:1.72}
.approach-legacy{padding-block:clamp(5rem,9vw,9rem)}.approach-legacy-grid{display:grid;grid-template-columns:.18fr .9fr 1fr;gap:clamp(1.5rem,5vw,5rem);align-items:start}.approach-index{color:#d8a64c;font-size:.62rem;letter-spacing:.14em}
.approach-legacy h2{font-size:clamp(3.4rem,6vw,6.6rem);line-height:.87;letter-spacing:-.065em;margin:.3rem 0}.approach-legacy h2 span{color:#d8a64c}.approach-legacy-copy{color:rgba(255,255,255,.72);line-height:1.75}.approach-legacy-copy h3{margin:2rem 0 .7rem;color:#fff;font-size:1.35rem}
.approach-raised{padding-block:clamp(5rem,9vw,9rem)}.approach-raised-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,8vw,8rem);align-items:center}.approach-raised-copy>p{color:#514e48;line-height:1.75}
.approach-pill-list{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.approach-pill-list span{padding:.65rem .85rem;border:1px solid rgba(150,103,31,.24);border-radius:999px;background:#fff;font-size:.72rem;font-weight:850}.approach-pullquote{margin-top:2rem!important;padding-left:1.2rem;border-left:2px solid #b67d29;font-size:1.18rem!important;font-weight:750;color:#26231f!important}
.approach-photo-stack{position:relative;min-height:700px}.approach-tall,.approach-float{position:absolute;margin:0;overflow:hidden;border-radius:30px}.approach-tall{right:0;top:0;width:68%;height:94%}.approach-float{left:0;bottom:4%;width:42%;height:49%;border:8px solid #fffdf8}
.approach-owner{padding-block:clamp(5rem,8vw,8rem)}.approach-owner-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,7rem);align-items:center}.approach-owner-photo{height:650px;margin:0;overflow:hidden;border-radius:30px}
.approach-requirements{display:grid;grid-template-columns:1fr 1fr;margin:1.8rem 0;border-top:1px solid rgba(20,20,20,.12)}.approach-requirements div{padding:1.1rem 1rem 1.1rem 0;border-bottom:1px solid rgba(20,20,20,.12)}.approach-requirements strong,.approach-requirements span{display:block}.approach-requirements strong{font-size:1.05rem}.approach-requirements span{margin-top:.3rem;color:#65615b;font-size:.85rem}
.approach-puppies{padding-block:clamp(5rem,9vw,9rem)}.approach-puppies-head{display:grid;grid-template-columns:1fr .7fr;gap:3rem;align-items:end;margin-bottom:3rem}.approach-puppies-head h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.86;letter-spacing:-.065em;margin:.4rem 0 0}.approach-puppies-head>p{color:rgba(255,255,255,.7);line-height:1.7}
.approach-puppy-gallery{display:grid;grid-template-columns:.8fr 1fr .65fr;gap:clamp(1.2rem,3vw,3rem);align-items:center}.approach-puppy-gallery figure{height:600px;margin:0;overflow:hidden;border-radius:28px}.approach-puppy-gallery .approach-puppy-second{height:470px}.approach-expect-list>div{display:grid;grid-template-columns:42px 1fr;gap:1rem;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.13)}.approach-expect-list span{color:#d8a64c;font-size:.58rem;letter-spacing:.12em}.approach-expect-list p{margin:0;color:rgba(255,255,255,.78);line-height:1.55}
.approach-reserve{padding-block:clamp(5rem,8vw,8rem)}.approach-reserve-inner{max-width:900px;text-align:center}.approach-star{font-size:2rem;margin-bottom:1rem}.approach-reserve-inner>p{max-width:720px;margin:1rem auto 1.8rem;color:#55514b;line-height:1.75}.approach-reserve .btns{justify-content:center}
.approach-closing{padding-block:clamp(5rem,8vw,8rem)}.approach-closing-card{max-width:1000px;padding:clamp(2.2rem,5vw,5rem);border:1px solid rgba(20,20,20,.18);text-align:center;background:#fff}.approach-closing-card h2{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.06em;margin:.4rem 0}.approach-closing-card>p{max-width:650px;margin:0 auto;color:#57534d;line-height:1.7}.approach-closing-lines{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin:1.6rem 0;color:#94661f;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:900px){.approach-hero-proof{display:none}.approach-split{grid-template-columns:1fr 1fr}.approach-title-stack{grid-column:1/-1}.approach-question-grid,.approach-legacy-grid{grid-template-columns:1fr}.approach-index{display:none}.approach-raised-grid,.approach-owner-grid{grid-template-columns:1fr}.approach-photo-stack{min-height:650px}.approach-owner-photo{height:560px}.approach-puppy-gallery{grid-template-columns:1fr 1fr}.approach-expect-list{grid-column:1/-1;grid-row:2}}
@media(max-width:620px){.approach-hero{min-height:760px}.approach-hero-shade{background:linear-gradient(0deg,rgba(4,5,7,.94),rgba(4,5,7,.58) 62%,rgba(4,5,7,.25))}.approach-hero-inner{padding-top:7rem;padding-bottom:2.7rem}.approach-hero .breadcrumbs{margin-bottom:8rem}.approach-hero h1{font-size:clamp(3rem,14vw,4.6rem)}.approach-hero .btns{align-items:stretch}.approach-hero .btn{width:100%}.approach-split{grid-template-columns:1fr}.approach-collage{min-height:560px}.approach-img-main{width:72%;height:86%}.approach-img-small{width:48%;height:44%}.approach-section-head,.approach-puppies-head{grid-template-columns:1fr;gap:1rem}.approach-wide-image{height:420px}.approach-big-list li{font-size:1.22rem}.approach-legacy h2{font-size:3.7rem}.approach-photo-stack{min-height:570px}.approach-tall{width:73%;height:90%}.approach-float{width:48%;height:45%}.approach-owner-photo{height:480px}.approach-requirements{grid-template-columns:1fr}.approach-puppy-gallery{grid-template-columns:1fr 1fr;gap:.8rem}.approach-puppy-gallery figure{height:430px}.approach-puppy-gallery .approach-puppy-second{height:370px;margin-top:60px}.approach-expect-list{grid-column:1/-1}}


/* =========================================================
   SHARED SITE CHROME — CANONICAL HEADER / FOOTER
   This block intentionally wins over interior-page typography.
   ========================================================= */
.site-header,
.site-header *,
.mobile-menu,
.mobile-menu *,
.site-footer,
.site-footer *,
.mobile-dock,
.mobile-dock *{
  box-sizing:border-box;
}

.site-header{
  position:sticky!important;
  top:0!important;
  z-index:200!important;
  color:#fff!important;
  background:
    linear-gradient(180deg,rgba(7,9,12,.96),rgba(9,12,16,.93))!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.18)!important;
}

.site-header .header-inner{
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1rem!important;
}

.site-header .brand,
.site-header .desktop-nav a,
.site-header .desktop-nav summary,
.site-header .menu-btn{
  color:#fff!important;
}

.site-header .desktop-nav{
  display:flex!important;
  align-items:center!important;
  gap:.9rem!important;
}

.site-header .desktop-nav a,
.site-header .desktop-nav summary{
  text-decoration:none!important;
  font-size:.68rem!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
  line-height:1.2!important;
}

.site-header .desktop-nav a:hover,
.site-header .desktop-nav summary:hover{
  color:#efc36f!important;
}

.site-header .desktop-nav details{
  position:relative!important;
}

.site-header .desktop-nav details>div{
  position:absolute!important;
  top:calc(100% + 14px)!important;
  left:0!important;
  min-width:230px!important;
  padding:.7rem!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:14px!important;
  background:rgba(9,12,16,.98)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.35)!important;
}

.site-header .desktop-nav details>div a{
  display:block!important;
  padding:.65rem .7rem!important;
  border-radius:9px!important;
}

.site-header .desktop-nav details>div a:hover{
  background:rgba(255,255,255,.055)!important;
}

.mobile-menu{
  background:#090c10!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.mobile-menu a{
  color:#fff!important;
  text-decoration:none!important;
}

.site-footer{
  background:#080a0d!important;
  color:#fff!important;
}

.site-footer a{
  color:rgba(255,255,255,.82)!important;
}

.site-footer a:hover{
  color:#efc36f!important;
}

.site-footer h2,
.site-footer h3,
.site-footer strong{
  color:#fff!important;
}

.site-footer p,
.site-footer span{
  color:rgba(255,255,255,.68)!important;
}

.mobile-dock{
  background:rgba(7,9,12,.96)!important;
  color:#fff!important;
}

.mobile-dock a{
  color:#fff!important;
}

@media(max-width:980px){
  .site-header .desktop-nav{display:none!important}
}


/* =========================================================
   V43 — BREEDING APPROACH UNIQUE INTERIOR PAGE
   Explicit color scopes prevent white-on-white inheritance.
   ========================================================= */
.approach-v43{
  --approach-ink:#171512;
  --approach-muted:#5e5951;
  --approach-paper:#fffdf8;
  --approach-soft:#f2efe8;
  --approach-dark:#080a0d;
  --approach-gold:#c48b31;
}

/* Explicit section color contracts */
.approach-v43 .editorial.paper,
.approach-v43 .editorial.soft{
  color:var(--approach-ink)!important;
}

.approach-v43 .editorial.paper h1,
.approach-v43 .editorial.paper h2,
.approach-v43 .editorial.paper h3,
.approach-v43 .editorial.soft h1,
.approach-v43 .editorial.soft h2,
.approach-v43 .editorial.soft h3{
  color:var(--approach-ink)!important;
}

.approach-v43 .editorial.paper p,
.approach-v43 .editorial.paper li,
.approach-v43 .editorial.soft p,
.approach-v43 .editorial.soft li{
  color:var(--approach-muted)!important;
}

.approach-v43 .editorial.dark{
  color:#fff!important;
}

.approach-v43 .editorial.dark h1,
.approach-v43 .editorial.dark h2,
.approach-v43 .editorial.dark h3{
  color:#fff!important;
}

.approach-v43 .editorial.dark p,
.approach-v43 .editorial.dark li{
  color:rgba(255,255,255,.74)!important;
}

/* Hero is more documentary/editorial than homepage */
.approach-v43 .approach-hero{
  min-height:min(760px,84svh);
}

.approach-v43 .approach-hero-media img{
  object-position:50% 54%;
  filter:saturate(.88) contrast(1.03);
}

.approach-v43 .approach-hero-shade{
  background:
    linear-gradient(90deg,rgba(5,6,8,.91) 0%,rgba(5,6,8,.68) 48%,rgba(5,6,8,.12) 80%),
    linear-gradient(0deg,rgba(5,6,8,.76),transparent 52%);
}

.approach-v43 .approach-hero h1{
  max-width:880px;
  font-size:clamp(3rem,6.4vw,6.5rem);
}

.approach-v43 .approach-hero-proof{
  bottom:4rem;
}

/* Unique editorial principle ribbon */
.approach-v43-ribbon{
  position:relative;
  z-index:3;
  background:#d6a34a;
  color:#15120e;
  overflow:hidden;
}

.approach-v43-ribbon-inner{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(.7rem,2vw,1.8rem);
  font-size:.61rem;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  white-space:nowrap;
}

.approach-v43-ribbon i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#15120e;
  opacity:.45;
}

/* Manifesto becomes asymmetrical magazine spread */
.approach-v43 .approach-manifesto{
  padding-block:clamp(4.5rem,7vw,7rem);
  background:
    radial-gradient(circle at 65% 40%,rgba(210,161,73,.055),transparent 26%),
    #080a0d!important;
}

.approach-v43 .approach-split{
  grid-template-columns:.72fr 1.15fr .78fr;
}

.approach-v43 .approach-title-stack h2{
  font-size:clamp(3.4rem,5.7vw,5.8rem);
}

.approach-v43 .approach-collage{
  min-height:570px;
}

.approach-v43 .approach-img-main{
  width:70%;
  height:91%;
  border-radius:120px 26px 26px 26px;
}

.approach-v43 .approach-img-small{
  width:43%;
  height:44%;
  border-width:6px;
  border-radius:22px 22px 90px 22px;
}

/* White section gets narrower text measure and editorial rule */
.approach-v43 .approach-question{
  position:relative;
  background:#fffdf8!important;
}

.approach-v43 .approach-question::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:34%;
  height:1px;
  background:linear-gradient(90deg,#bd8230,transparent);
}

.approach-v43 .approach-section-head{
  grid-template-columns:1fr .62fr;
}

.approach-v43 .approach-wide-image{
  border-radius:24px 100px 24px 24px;
}

/* Heritage section gets its own typographic identity */
.approach-v43 .approach-legacy{
  background:
    linear-gradient(115deg,rgba(211,163,78,.045),transparent 38%),
    #090b0e!important;
}

.approach-v43 .approach-legacy-grid{
  grid-template-columns:.18fr 1fr .9fr;
}

.approach-v43 .approach-index{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:#d7a449!important;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.2em;
}

.approach-v43 .approach-legacy h2 span{
  color:#d7a449!important;
}

/* Raised section: softer warm editorial background */
.approach-v43 .approach-raised{
  background:
    radial-gradient(circle at 18% 10%,rgba(194,135,47,.055),transparent 26%),
    #f7f3eb!important;
}

.approach-v43 .approach-tall{
  border-radius:28px 110px 28px 28px;
}

.approach-v43 .approach-float{
  border-color:#f7f3eb;
  border-radius:26px;
}

/* Owner fit section as an information spread */
.approach-v43 .approach-owner{
  background:#fffdf8!important;
}

.approach-v43 .approach-owner-photo{
  border-radius:100px 26px 26px 26px;
}

.approach-v43 .approach-requirements{
  gap:0;
}

.approach-v43 .approach-requirements div{
  position:relative;
  padding:1.15rem 1.15rem 1.15rem 0;
}

.approach-v43 .approach-requirements strong{
  color:#191714!important;
}

/* Puppy section is the strongest visual finish */
.approach-v43 .approach-puppies{
  background:
    radial-gradient(circle at 70% 20%,rgba(207,158,72,.08),transparent 27%),
    #07090c!important;
}

.approach-v43 .approach-puppy-gallery figure:first-child{
  border-radius:28px 100px 28px 28px;
}

.approach-v43 .approach-puppy-second{
  border-radius:90px 24px 24px 24px!important;
}

.approach-v43 .approach-expect-list>div{
  transition:padding-left .25s ease,border-color .25s ease;
}

.approach-v43 .approach-expect-list>div:hover{
  padding-left:.5rem;
  border-color:rgba(216,164,76,.45);
}

/* Reservation is deliberately calm, not another homepage block */
.approach-v43 .approach-reserve{
  background:#f5f1e9!important;
}

.approach-v43 .approach-reserve .section-title{
  color:#171512!important;
}

.approach-v43 .approach-closing{
  background:#fffdf8!important;
}

.approach-v43 .approach-closing-card{
  border-radius:26px;
  box-shadow:0 28px 90px rgba(60,43,20,.07);
}

/* Prevent interior style from touching shared site chrome */
.approach-v43 ~ .site-footer,
.approach-v43 ~ .site-footer *{
  color:inherit;
}

@media(max-width:900px){
  .approach-v43 .approach-split{
    grid-template-columns:1fr 1fr;
  }
  .approach-v43-ribbon-inner{
    justify-content:flex-start;
    overflow-x:auto;
    padding-inline:1rem;
    scrollbar-width:none;
  }
}

@media(max-width:620px){
  .approach-v43 .approach-hero{
    min-height:700px;
  }
  .approach-v43 .approach-hero h1{
    font-size:clamp(2.8rem,13vw,4.25rem);
  }
  .approach-v43 .approach-img-main{
    border-radius:70px 22px 22px 22px;
  }
  .approach-v43 .approach-wide-image{
    border-radius:22px 60px 22px 22px;
  }
}


/* =========================================================
   V44 — COMPACT BREEDING APPROACH + EXACT SHARED CHROME
   ========================================================= */

/* Interior page hero: editorial masthead, not full-page */
.approach-v44 .approach-hero{
  min-height:clamp(500px,60svh,640px)!important;
  align-items:center!important;
}
.approach-v44 .approach-hero-inner{
  padding-top:clamp(6.5rem,11vw,8.5rem)!important;
  padding-bottom:clamp(2.6rem,4vw,3.6rem)!important;
}
.approach-v44 .approach-hero .breadcrumbs{
  margin-bottom:clamp(1.7rem,4vh,3rem)!important;
}
.approach-v44 .approach-hero h1{
  max-width:850px!important;
  font-size:clamp(2.8rem,5.4vw,5.4rem)!important;
  line-height:.9!important;
}
.approach-v44 .approach-hero-lead{
  max-width:650px!important;
  font-size:clamp(1rem,1.4vw,1.15rem)!important;
}
.approach-v44 .approach-hero-media img{
  object-position:50% 55%!important;
  transform:scale(1.02);
}
.approach-v44 .approach-hero-shade{
  background:
    linear-gradient(90deg,rgba(4,5,7,.92),rgba(4,5,7,.70) 46%,rgba(4,5,7,.16) 82%),
    linear-gradient(0deg,rgba(4,5,7,.64),transparent 48%)!important;
}
.approach-v44 .approach-hero-meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;
  margin-top:1rem;color:rgba(255,255,255,.62);
  font-size:.56rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
}
.approach-v44 .approach-hero-meta i{
  width:20px;height:1px;background:rgba(232,185,97,.5)
}

/* Narrow dark principles ribbon */
.approach-v44-ribbon{
  background:#0c0f13!important;
  border-block:1px solid rgba(255,255,255,.06)!important;
}
.approach-v44-ribbon .approach-v43-ribbon-inner{
  min-height:44px!important;
  color:rgba(255,255,255,.72)!important;
}
.approach-v44-ribbon i{background:#d3a052!important;opacity:.9!important}

/* More art-directed than homepage */
.approach-v44 .approach-title-stack{position:relative}
.approach-v44 .approach-ghostword{
  position:absolute;left:-.04em;top:-.46em;z-index:0;
  color:rgba(255,255,255,.035);font-size:clamp(6rem,11vw,10rem);
  font-weight:950;letter-spacing:-.08em;pointer-events:none;
}
.approach-v44 .approach-title-stack>*:not(.approach-ghostword){position:relative;z-index:1}

.approach-v44 .approach-manifesto{
  padding-block:clamp(4rem,7vw,6.8rem)!important;
  background:radial-gradient(circle at 62% 42%,rgba(211,162,76,.06),transparent 26%),#080a0d!important;
}
.approach-v44 .approach-split{
  grid-template-columns:.7fr 1.15fr .8fr!important;
}
.approach-v44 .approach-collage{min-height:560px!important;perspective:1500px}
.approach-v44 .approach-img-main{
  width:69%!important;height:90%!important;border-radius:100px 24px 24px 24px!important;
}
.approach-v44 .approach-img-small{
  width:42%!important;height:43%!important;border-radius:22px 22px 80px 22px!important;
}

/* Unique section geometry */
.approach-v44 .approach-wide-image{border-radius:24px 95px 24px 24px!important}
.approach-v44 .approach-tall{border-radius:28px 100px 28px 28px!important}
.approach-v44 .approach-owner-photo{border-radius:90px 26px 26px 26px!important}
.approach-v44 .approach-puppy-gallery figure:first-child{border-radius:26px 95px 26px 26px!important}
.approach-v44 .approach-puppy-second{border-radius:85px 24px 24px 24px!important}

/* Smooth section rhythm */
.approach-v44 .approach-question,
.approach-v44 .approach-raised,
.approach-v44 .approach-owner,
.approach-v44 .approach-reserve,
.approach-v44 .approach-closing{
  background-image:radial-gradient(circle at 84% 12%,rgba(184,126,40,.045),transparent 27%)!important;
}

/* Heritage becomes editorial, not homepage chapter */
.approach-v44 .approach-legacy-grid{
  grid-template-columns:100px minmax(0,.9fr) minmax(360px,1.1fr)!important;
}
.approach-v44 .approach-index{
  writing-mode:vertical-rl!important;
  transform:rotate(180deg)!important;
  font-size:.55rem!important;
  letter-spacing:.2em!important;
  border-left:1px solid rgba(215,164,73,.18);
  padding-left:.7rem;
}

/* Media reveal — subtle, no clip-path */
.approach-v44.js-v44-ready .approach-img,
.approach-v44.js-v44-ready .approach-wide-image,
.approach-v44.js-v44-ready .approach-tall,
.approach-v44.js-v44-ready .approach-float,
.approach-v44.js-v44-ready .approach-owner-photo,
.approach-v44.js-v44-ready .approach-puppy-gallery figure{
  opacity:.2;transform:translateY(18px) scale(.992);filter:blur(4px) saturate(.9);
}
.approach-v44 .v44-media-seen{
  opacity:1!important;transform:none!important;filter:none!important;
  transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),filter .75s ease!important;
}

/* Soft depth */
.approach-v44 .approach-depth-stage{perspective:1500px}
.approach-v44 .approach-depth-stage figure{
  transition:transform .6s cubic-bezier(.22,1,.36,1);
  will-change:transform;
}
@media(hover:hover) and (pointer:fine){
  .approach-v44 .approach-collage:hover .approach-img-main{transform:translate3d(-5px,-7px,18px) rotate(-.4deg)}
  .approach-v44 .approach-collage:hover .approach-img-small{transform:translate3d(8px,8px,36px) rotate(1.4deg)}
  .approach-v44 .approach-photo-stack:hover .approach-tall{transform:translate3d(6px,-7px,16px)}
  .approach-v44 .approach-photo-stack:hover .approach-float{transform:translate3d(-7px,7px,32px) rotate(-1deg)}
}

/* Scroll progress borrowed from homepage language */
.approach-v44-progress{
  position:fixed;top:0;left:0;right:0;height:2px;z-index:500;pointer-events:none;
  background:rgba(255,255,255,.03)
}
.approach-v44-progress span{
  display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,#9d6721,#efc36f,#fff0bd);
  box-shadow:0 0 14px rgba(239,195,111,.42)
}

/* CRITICAL footer/header parity with homepage */
body:has(.approach-v44) .site-header,
body:has(.approach-v44) .site-footer{
  font-family:inherit!important;
}
body:has(.approach-v44) .site-footer{background:#080a0d!important;color:#fff!important}
body:has(.approach-v44) .site-footer h1,
body:has(.approach-v44) .site-footer h2,
body:has(.approach-v44) .site-footer h3,
body:has(.approach-v44) .site-footer strong{color:#fff!important}
body:has(.approach-v44) .site-footer p,
body:has(.approach-v44) .site-footer span{color:rgba(255,255,255,.68)!important}
body:has(.approach-v44) .site-footer a{color:rgba(255,255,255,.82)!important}
body:has(.approach-v44) .site-footer a:hover{color:#efc36f!important}

/* Explicit light/dark contracts */
.approach-v44 .editorial.paper,
.approach-v44 .editorial.soft{color:#171512!important}
.approach-v44 .editorial.paper h2,
.approach-v44 .editorial.paper h3,
.approach-v44 .editorial.soft h2,
.approach-v44 .editorial.soft h3{color:#171512!important}
.approach-v44 .editorial.paper p,
.approach-v44 .editorial.soft p{color:#5c574f!important}
.approach-v44 .editorial.dark h2,
.approach-v44 .editorial.dark h3{color:#fff!important}
.approach-v44 .editorial.dark p{color:rgba(255,255,255,.74)!important}

@media(max-width:900px){
  .approach-v44 .approach-legacy-grid{grid-template-columns:1fr!important}
  .approach-v44 .approach-index{
    writing-mode:horizontal-tb!important;transform:none!important;border-left:0;border-bottom:1px solid rgba(215,164,73,.18);padding:.6rem 0
  }
}
@media(max-width:620px){
  .approach-v44 .approach-hero{min-height:560px!important}
  .approach-v44 .approach-hero-inner{padding-top:6rem!important;padding-bottom:2rem!important}
  .approach-v44 .approach-hero .breadcrumbs{margin-bottom:3.5rem!important}
  .approach-v44 .approach-hero h1{font-size:clamp(2.65rem,12vw,3.9rem)!important}
}


/* =========================================================
   V45 — SIGNATURE INTERIOR EXPERIENCE
   Performance-first: CSS + small vanilla JS only.
   ========================================================= */

/* EXACT HOMEPAGE FOOTER — no homepage body class dependency */
.site-footer{
  position:relative!important;
  overflow:hidden!important;
  background:#050607!important;
  color:#fff!important;
  padding:5.5rem 0 2rem!important;
  border-top:0!important;
}
.site-footer:before{
  content:""!important;
  position:absolute!important;
  left:-5%!important;
  right:-5%!important;
  top:-38px!important;
  height:76px!important;
  background:#050607!important;
  border-radius:50% 50% 0 0/100% 100% 0 0!important;
}
.site-footer .footer-grid-v13{
  display:grid!important;
  gap:2.5rem!important;
  grid-template-columns:1.5fr .8fr .8fr!important;
}
.site-footer .footer-brand-v13 h2{
  margin:0 0 .8rem!important;
  font-size:clamp(2rem,7vw,3.6rem)!important;
  line-height:.98!important;
  color:#fff!important;
}
.site-footer .footer-brand-v13 p{
  color:#aaa8a3!important;
  max-width:520px!important;
  line-height:1.7!important;
}
.site-footer .footer-col-v13 strong{
  display:block!important;
  color:#f0c477!important;
  font-size:.72rem!important;
  text-transform:uppercase!important;
  letter-spacing:.17em!important;
  margin-bottom:.85rem!important;
}
.site-footer .footer-col-v13 a{
  display:block!important;
  color:#efede9!important;
  text-decoration:none!important;
  padding:.28rem 0!important;
  font-size:.93rem!important;
}
.site-footer .footer-col-v13 a:hover{color:#f0c477!important}
.site-footer .footer-social-v13{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.6rem!important;
  margin-top:1rem!important;
}
.site-footer .footer-social-v13 a{
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  padding:.55rem .8rem!important;
  font-size:.75rem!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.site-footer .footer-bottom-v13{
  border-top:1px solid rgba(255,255,255,.1)!important;
  margin-top:3rem!important;
  padding-top:1.25rem!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:.5rem!important;
  color:#777!important;
  font-size:.78rem!important;
}

/* Sticky editorial chapter rail */
.approach-story-rail{
  position:sticky;
  top:72px;
  z-index:45;
  background:rgba(10,12,15,.88);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
.approach-story-rail-inner{
  min-height:50px;
  display:grid;
  grid-template-columns:auto 1fr 100px;
  align-items:center;
  gap:1.25rem;
}
.approach-story-label{
  color:#d5a252;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.approach-story-links{
  display:flex;
  justify-content:center;
  gap:clamp(.8rem,2vw,2rem);
}
.approach-story-links a{
  position:relative;
  color:rgba(255,255,255,.58);
  text-decoration:none;
  font-size:.64rem;
  font-weight:850;
  letter-spacing:.06em;
  transition:color .25s ease;
}
.approach-story-links a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-7px;
  height:1px;
  background:#efc36f;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.approach-story-links a:hover,
.approach-story-links a.is-active{color:#fff}
.approach-story-links a.is-active::after{transform:scaleX(1)}
.approach-story-progress{
  height:1px;
  background:rgba(255,255,255,.12);
  overflow:hidden;
}
.approach-story-progress i{
  display:block;
  width:100%;height:100%;
  transform:scaleX(0);
  transform-origin:left;
  background:#efc36f;
}

/* Ambient editorial spotlight: no canvas/WebGL cost */
.approach-v45 .approach-ambient{
  --mx:50%;
  --my:45%;
  background-image:
    radial-gradient(600px circle at var(--mx) var(--my),rgba(218,166,76,.075),transparent 44%),
    radial-gradient(circle at 70% 30%,rgba(255,255,255,.018),transparent 30%)!important;
}

/* Premium kinetic heading underline */
.approach-v45 .approach-section-head h2,
.approach-v45 .approach-raised-copy h2,
.approach-v45 .approach-owner-grid h2,
.approach-v45 .approach-puppies-head h2{
  text-wrap:balance;
}
.approach-v45 .approach-section-head h2::after,
.approach-v45 .approach-raised-copy h2::after{
  content:"";
  display:block;
  width:clamp(42px,7vw,88px);
  height:2px;
  margin-top:1rem;
  background:linear-gradient(90deg,#d29b45,transparent);
  transform-origin:left;
}

/* Cinematic image treatment without clipping heads */
.approach-v45 figure{
  overflow:hidden;
  isolation:isolate;
}
.approach-v45 figure img{
  transition:transform 1.1s cubic-bezier(.22,1,.36,1),filter .7s ease;
}
@media(hover:hover) and (pointer:fine){
  .approach-v45 figure:hover img{
    transform:scale(1.025);
  }
}

/* Elevated pull-quote feel in copy columns */
.approach-v45 .approach-manifesto-copy,
.approach-v45 .approach-raised-copy,
.approach-v45 .approach-owner-grid>div:last-child{
  position:relative;
}
.approach-v45 .approach-manifesto-copy::before{
  content:"";
  position:absolute;
  left:-1.25rem;
  top:.2rem;
  bottom:.2rem;
  width:1px;
  background:linear-gradient(transparent,rgba(221,170,80,.5),transparent);
}

/* Smooth section entry */
.approach-v45.js-v45-ready .editorial > .wrap{
  transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);
}
.approach-v45.js-v45-ready .editorial:not(.v45-section-seen) > .wrap{
  opacity:.72;
  transform:translateY(12px);
}
.approach-v45 .editorial.v45-section-seen > .wrap{
  opacity:1!important;
  transform:none!important;
}

/* Magnetic CTA polish, tiny transform only */
.approach-v45 .btn{
  transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background .28s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .approach-v45 .btn:hover{
    transform:translateY(-2px);
  }
}

/* Responsive */
@media(max-width:820px){
  .approach-story-rail-inner{
    grid-template-columns:auto 1fr;
  }
  .approach-story-progress{display:none}
  .approach-story-links{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
    padding-right:1rem;
  }
  .approach-story-links::-webkit-scrollbar{display:none}
}
@media(max-width:620px){
  .approach-story-rail{top:64px}
  .approach-story-label{display:none}
  .approach-story-rail-inner{display:block;min-height:44px}
  .approach-story-links{
    min-height:44px;
    align-items:center;
    gap:1.25rem;
  }
  .site-footer .footer-grid-v13{
    grid-template-columns:1fr!important;
  }
  .site-footer .footer-bottom-v13{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

/* Respect motion preferences */
@media(prefers-reduced-motion:reduce){
  .approach-v45 *,
  .approach-v45 *::before,
  .approach-v45 *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
  }
}


/* =========================================================
   V46 — SPLIT EDITORIAL MASTHEAD
   Interior-page hero alternative: compact, asymmetric, premium.
   ========================================================= */

.approach-v46 .approach-v46-masthead{
  position:relative;
  background:
    radial-gradient(circle at 78% 24%,rgba(199,145,58,.07),transparent 26%),
    linear-gradient(180deg,#0a0c10,#080a0d);
  color:#fff;
  padding:clamp(5.8rem,8vw,7.2rem) 0 clamp(2.8rem,5vw,4.5rem);
  overflow:hidden;
}

.approach-v46 .approach-v46-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  gap:clamp(2.5rem,6vw,6.5rem);
  align-items:center;
  min-height:460px;
}

.approach-v46 .approach-v46-copy{
  position:relative;
  z-index:3;
  padding-right:clamp(.5rem,2vw,2rem);
}

.approach-v46 .approach-v46-copy .breadcrumbs{
  display:flex;
  gap:.5rem;
  margin-bottom:1.7rem;
  color:rgba(255,255,255,.48);
  font-size:.68rem;
}

.approach-v46 .approach-v46-copy .breadcrumbs a{
  color:rgba(255,255,255,.78);
  text-decoration:none;
}

.approach-v46 .approach-v46-copy .kicker{
  color:#d9aa57;
}

.approach-v46 .approach-v46-copy h1{
  max-width:700px;
  margin:.55rem 0 1rem;
  color:#fff;
  font-size:clamp(2.7rem,4.8vw,5.2rem);
  line-height:.91;
  letter-spacing:-.06em;
  text-wrap:balance;
}

.approach-v46 .approach-v46-lead{
  max-width:630px;
  margin:0 0 1.45rem;
  color:rgba(255,255,255,.73);
  font-size:clamp(.98rem,1.35vw,1.12rem);
  line-height:1.62;
}

.approach-v46 .approach-v46-actions{
  margin-top:0;
}

.approach-v46 .approach-v46-actions .ghost{
  color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
}

.approach-v46 .approach-v46-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.35rem;
  color:rgba(255,255,255,.48);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.approach-v46 .approach-v46-meta i{
  width:18px;
  height:1px;
  background:rgba(216,170,83,.45);
}

/* Image composition */
.approach-v46 .approach-v46-visual{
  position:relative;
  min-height:470px;
  perspective:1400px;
  isolation:isolate;
}

.approach-v46 .approach-v46-main-image,
.approach-v46 .approach-v46-float-image{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#0c0e11;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:none;
}

.approach-v46 .approach-v46-main-image{
  right:0;
  top:0;
  width:82%;
  height:100%;
  border-radius:26px 105px 26px 26px;
}

.approach-v46 .approach-v46-float-image{
  left:0;
  bottom:-5%;
  width:34%;
  height:56%;
  z-index:4;
  border:7px solid #090b0e;
  border-radius:22px 22px 75px 22px;
  transform:rotate(-1.6deg);
}

.approach-v46 .approach-v46-main-image img,
.approach-v46 .approach-v46-float-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:var(--focus-x,50%) var(--focus-y,50%);
  transition:transform .9s cubic-bezier(.22,1,.36,1);
}

.approach-v46 .approach-v46-goldline{
  position:absolute;
  left:12%;
  top:7%;
  width:1px;
  height:72%;
  z-index:5;
  background:linear-gradient(transparent,#d6a34a,transparent);
  opacity:.56;
}

.approach-v46 .approach-v46-caption{
  position:absolute;
  right:1.2rem;
  bottom:1.2rem;
  z-index:6;
  width:min(48%,290px);
  padding:.9rem 1rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(5,7,9,.54);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.approach-v46 .approach-v46-caption span,
.approach-v46 .approach-v46-caption strong{
  display:block;
}

.approach-v46 .approach-v46-caption span{
  color:#d9aa57;
  font-size:.52rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.approach-v46 .approach-v46-caption strong{
  margin-top:.3rem;
  color:#fff;
  font-size:.82rem;
  line-height:1.3;
}

/* Soft ambient depth, not hard card shadows */
.approach-v46 .approach-v46-visual::before{
  content:"";
  position:absolute;
  left:14%;
  right:0;
  bottom:-8%;
  height:42%;
  z-index:-2;
  background:
    radial-gradient(ellipse at center,
      rgba(211,161,74,.13),
      rgba(0,0,0,.12) 45%,
      transparent 74%);
  filter:blur(42px);
}

/* restrained interactive depth */
@media(hover:hover) and (pointer:fine){
  .approach-v46 .approach-v46-visual:hover .approach-v46-main-image img{
    transform:scale(1.018);
  }

  .approach-v46 .approach-v46-visual:hover .approach-v46-float-image{
    transform:translate3d(-6px,6px,24px) rotate(-2deg);
  }
}

/* The old hero rules must not affect v46 */
.approach-v46 .approach-hero{
  display:none!important;
}

/* Tablet */
@media(max-width:980px){
  .approach-v46 .approach-v46-grid{
    grid-template-columns:1fr;
    gap:2rem;
  }

  .approach-v46 .approach-v46-copy{
    max-width:760px;
  }

  .approach-v46 .approach-v46-visual{
    min-height:500px;
  }

  .approach-v46 .approach-v46-main-image{
    width:82%;
  }
}

/* Mobile: compact editorial card, still not full-screen */
@media(max-width:620px){
  .approach-v46 .approach-v46-masthead{
    padding:5.5rem 0 2.8rem;
  }

  .approach-v46 .approach-v46-grid{
    min-height:0;
    gap:1.5rem;
  }

  .approach-v46 .approach-v46-copy h1{
    font-size:clamp(2.55rem,11.8vw,3.8rem);
  }

  .approach-v46 .approach-v46-lead{
    font-size:.94rem;
    line-height:1.5;
  }

  .approach-v46 .approach-v46-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .approach-v46 .approach-v46-actions .btn{
    width:100%;
  }

  .approach-v46 .approach-v46-visual{
    min-height:420px;
  }

  .approach-v46 .approach-v46-main-image{
    right:0;
    width:88%;
    height:100%;
    border-radius:22px 65px 22px 22px;
  }

  .approach-v46 .approach-v46-float-image{
    left:0;
    bottom:-3%;
    width:39%;
    height:47%;
    border-width:5px;
  }

  .approach-v46 .approach-v46-caption{
    right:.8rem;
    bottom:.8rem;
    width:55%;
    padding:.7rem .8rem;
  }

  .approach-v46 .approach-v46-goldline{
    left:9%;
  }
}

/* =========================================================
   V47 — CRISP TYPOGRAPHY / ACCESSIBLE CONTRAST
   Removes washed-out editorial text on light backgrounds.
   ========================================================= */

.approach-v47{
  --crisp-ink:#171512;
  --crisp-body:#3f3b35;
  --crisp-muted:#655f56;
  --crisp-gold:#9a641d;
}

/* LIGHT SECTIONS — dark, crisp, high contrast */
.approach-v47 .editorial.paper,
.approach-v47 .editorial.soft,
.approach-v47 .approach-question,
.approach-v47 .approach-raised,
.approach-v47 .approach-owner,
.approach-v47 .approach-reserve,
.approach-v47 .approach-closing{
  color:var(--crisp-ink)!important;
}

.approach-v47 .editorial.paper h1,
.approach-v47 .editorial.paper h2,
.approach-v47 .editorial.paper h3,
.approach-v47 .editorial.soft h1,
.approach-v47 .editorial.soft h2,
.approach-v47 .editorial.soft h3,
.approach-v47 .approach-raised h2,
.approach-v47 .approach-raised h3,
.approach-v47 .approach-owner h2,
.approach-v47 .approach-owner h3{
  color:#15130f!important;
  opacity:1!important;
  text-shadow:none!important;
}

.approach-v47 .editorial.paper p,
.approach-v47 .editorial.paper li,
.approach-v47 .editorial.soft p,
.approach-v47 .editorial.soft li,
.approach-v47 .approach-raised p,
.approach-v47 .approach-owner p,
.approach-v47 .approach-question p{
  color:var(--crisp-body)!important;
  opacity:1!important;
  text-shadow:none!important;
}

/* Kicker text needs stronger contrast on cream */
.approach-v47 .editorial.paper .kicker,
.approach-v47 .editorial.soft .kicker,
.approach-v47 .approach-raised .kicker,
.approach-v47 .approach-owner .kicker,
.approach-v47 .approach-question .kicker{
  color:var(--crisp-gold)!important;
  opacity:1!important;
  font-weight:900!important;
}

/* Specifically protect Raised the Right Way block */
.approach-v47 .approach-raised-copy{
  color:var(--crisp-ink)!important;
}

.approach-v47 .approach-raised-copy h2{
  color:#11100d!important;
}

.approach-v47 .approach-raised-copy p{
  color:#37332e!important;
  font-weight:450;
}

/* Dark sections remain clean white instead of grey */
.approach-v47 .editorial.dark h1,
.approach-v47 .editorial.dark h2,
.approach-v47 .editorial.dark h3{
  color:#fff!important;
  opacity:1!important;
}

.approach-v47 .editorial.dark p,
.approach-v47 .editorial.dark li{
  color:#d7d7d5!important;
  opacity:1!important;
}

.approach-v47 .editorial.dark .kicker{
  color:#e4b35d!important;
  opacity:1!important;
}

/* Keep decorative ghost words decorative only */
.approach-v47 .approach-ghostword{
  color:rgba(255,255,255,.035)!important;
}

/* Sharper rendering */
.approach-v47 h1,
.approach-v47 h2,
.approach-v47 h3,
.approach-v47 p,
.approach-v47 li,
.approach-v47 .kicker{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* =========================================================
   V48 — RELIABLE STORY-RAIL ANCHORS
   Native anchors; no scrolling library.
   ========================================================= */
html{
  scroll-behavior:smooth;
  scroll-padding-top:144px;
}

.approach-v48 #legacy,
.approach-v48 #heritage,
.approach-v48 #raised,
.approach-v48 #fit,
.approach-v48 #puppies,
.approach-anchor-target{
  scroll-margin-top:144px!important;
}

.approach-anchor-target{
  display:block;
  height:0;
  width:0;
  pointer-events:none;
}

@media(max-width:620px){
  html{scroll-padding-top:122px}
  .approach-v48 #legacy,
  .approach-v48 #heritage,
  .approach-v48 #raised,
  .approach-v48 #fit,
  .approach-v48 #puppies,
  .approach-anchor-target{
    scroll-margin-top:122px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* V49 AVAILABLE PUPPIES — premium, mobile-first, SEO/content-first */
.puppy-page-v49{background:#f5f1e9;color:#171512}
.puppy49-mast{padding:7rem 0 3.4rem;background:linear-gradient(135deg,#0a0c10 0%,#11151b 58%,#090b0e 100%);color:#fff;overflow:hidden}
.puppy49-mast-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.puppy49-copy .breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.7rem;color:#898b8f;font-size:.68rem}.puppy49-copy .breadcrumbs a{color:#d8d8d8;text-decoration:none}
.puppy49-copy h1{color:#fff;font-size:clamp(3rem,5.5vw,5.8rem);line-height:.9;letter-spacing:-.065em;margin:.5rem 0 1.2rem;max-width:760px}
.puppy49-lead{max-width:650px;color:#d7d8d9;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65}.puppy49-proof{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.4rem;color:#aaa;font-size:.56rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.puppy49-proof i{width:18px;height:1px;background:#c99340}
.puppy49-visual{position:relative;min-height:500px}.puppy49-visual figure{position:absolute;inset:0;margin:0;overflow:hidden;border-radius:28px 110px 28px 28px}.puppy49-visual img,.puppy49-gallery img,.puppy49-year img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);display:block}.puppy49-badge{position:absolute;left:-25px;bottom:35px;background:#f3ead8;color:#15130f;padding:1rem 1.2rem;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.puppy49-badge b,.puppy49-badge span{display:block}.puppy49-badge b{font-size:2rem;line-height:1}.puppy49-badge span{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;margin-top:.25rem}
.puppy49-rail{position:sticky;top:72px;z-index:40;background:rgba(247,243,235,.94);backdrop-filter:blur(14px);border-bottom:1px solid #ddd5c7}.puppy49-rail .wrap{display:flex;justify-content:center;gap:clamp(1rem,4vw,3.5rem);overflow:auto}.puppy49-rail a{padding:1rem 0;color:#4a443c;text-decoration:none;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.puppy49-section{padding:clamp(4rem,8vw,7.5rem) 0;scroll-margin-top:140px}.puppy49-heading{display:grid;grid-template-columns:1fr .8fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.eyebrow{display:block;color:#9a641d;font-size:.64rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.6rem}.puppy49-heading h2,.puppy49-process h2,.puppy49-cta h2{font-size:clamp(2.6rem,5vw,5.3rem);letter-spacing:-.055em;line-height:.94;margin:0;color:#171512}.puppy49-heading p{color:#514b43;line-height:1.7;margin:0}
.puppy49-parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d8d0c3;border:1px solid #d8d0c3;margin-bottom:2.2rem}.puppy49-parent-grid article{background:#faf7f1;padding:clamp(1.5rem,3vw,2.6rem)}.puppy49-parent-grid h3{font-size:1.45rem;margin:0 0 .7rem}.puppy49-parent-grid p{color:#48433c;line-height:1.75;margin:0}
.puppy49-gallery{display:grid;grid-template-columns:1.35fr .8fr .8fr;grid-template-rows:280px 280px;gap:12px}.puppy49-gallery figure{margin:0;overflow:hidden;border-radius:18px;background:#ddd}.puppy49-gallery .wide{grid-row:1/3}.puppy49-gallery figure:last-child{grid-column:2/4}.puppy49-statement{display:grid;grid-template-columns:.35fr 1fr;gap:2rem;border-top:1px solid #cfc6b8;margin-top:2.5rem;padding-top:2rem}.puppy49-statement span{font-size:.65rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#9a641d}.puppy49-statement p{font-size:clamp(1.25rem,2.3vw,2rem);line-height:1.35;margin:0;max-width:900px}
.puppy49-dark{background:#090b0e;color:#fff}.puppy49-process{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem)}.puppy49-process h2{color:#fff}.puppy49-process>div:first-child p{color:#c9c9c7;line-height:1.7;max-width:580px}.puppy49-steps{display:grid;gap:1px;background:#282a2d}.puppy49-steps article{background:#101216;padding:1.5rem}.puppy49-steps b{color:#d6a34a;font-size:.65rem;letter-spacing:.12em}.puppy49-steps h3{color:#fff;margin:.4rem 0}.puppy49-steps p{color:#bfc0c0;margin:0;line-height:1.6}.text-link{color:#efc36f;text-decoration:none;font-weight:800;align-self:end}
.puppy49-history{background:#fffdf8}.puppy49-year{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:3rem 0;border-top:1px solid #ddd5c9}.puppy49-year figure{height:520px;margin:0;overflow:hidden;border-radius:24px 90px 24px 24px}.puppy49-year h3{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.045em;line-height:1;margin:.4rem 0 1rem}.puppy49-year p{color:#4a453e;line-height:1.75}.puppy49-year-num{position:absolute;right:0;top:1rem;color:#eee8de;font-size:clamp(5rem,12vw,10rem);font-weight:950;letter-spacing:-.08em;line-height:1;z-index:0}.puppy49-year>*:not(.puppy49-year-num){position:relative;z-index:1}.puppy49-year.reverse{grid-template-columns:1.1fr .9fr}.puppy49-mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.puppy49-mini-gallery figure{height:500px;border-radius:80px 20px 20px 20px}.puppy49-mini-gallery figure+figure{border-radius:20px 20px 80px 20px}
.puppy49-cta{padding:clamp(5rem,9vw,8rem) 0;background:#17130e;color:#fff;text-align:center}.puppy49-cta .wrap{max-width:900px}.puppy49-cta h2{color:#fff}.puppy49-cta p{color:#ccc6bc;line-height:1.7;max-width:720px;margin:1.2rem auto 1.8rem}.puppy49-cta .btns{justify-content:center}.puppy49-cta .ghost{color:#fff!important;border-color:#777!important}
@media(max-width:900px){.puppy49-mast-grid,.puppy49-heading,.puppy49-process,.puppy49-year,.puppy49-year.reverse{grid-template-columns:1fr}.puppy49-visual{min-height:480px}.puppy49-year-num{top:2rem}.puppy49-year.reverse .puppy49-mini-gallery{order:2}.puppy49-parent-grid{grid-template-columns:1fr}}
@media(max-width:620px){.puppy49-mast{padding:5.8rem 0 2.5rem}.puppy49-copy h1{font-size:clamp(2.8rem,13vw,4rem)}.puppy49-visual{min-height:410px}.puppy49-visual figure{border-radius:22px 65px 22px 22px}.puppy49-badge{left:10px;bottom:10px}.puppy49-rail{top:64px}.puppy49-rail .wrap{justify-content:flex-start}.puppy49-section{scroll-margin-top:120px}.puppy49-gallery{grid-template-columns:1fr 1fr;grid-template-rows:360px 220px 220px}.puppy49-gallery .wide{grid-column:1/3;grid-row:auto}.puppy49-gallery figure:last-child{grid-column:1/3}.puppy49-statement{grid-template-columns:1fr}.puppy49-year figure,.puppy49-mini-gallery figure{height:430px}.puppy49-mini-gallery{grid-template-columns:1fr 1fr}.puppy49-parent-grid article{padding:1.4rem}.puppy49-heading{gap:1rem}}

/* =========================================================
   V50 — AVAILABLE PUPPIES SIGNATURE PAGE
   Pair-driven editorial flow + explicit current availability
   ========================================================= */
.puppy-page-v50{background:#f6f1e8;color:#171512}
.puppy50-mast{padding:7rem 0 4rem;background:radial-gradient(circle at 78% 20%,rgba(203,148,60,.09),transparent 26%),#080a0d;color:#fff;overflow:hidden}
.puppy50-mast-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:clamp(2.5rem,6vw,6.5rem);align-items:center}
.puppy50-copy h1{font-size:clamp(3rem,5.7vw,6rem);line-height:.88;letter-spacing:-.067em;margin:.5rem 0 1.1rem;color:#fff}.puppy50-lead{color:#d7d7d4;max-width:660px;line-height:1.65;font-size:clamp(1rem,1.35vw,1.14rem)}
.puppy50-status{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;margin:1.5rem 0;padding:1rem 1.1rem;border:1px solid rgba(239,195,111,.28);border-radius:16px;background:rgba(255,255,255,.045)}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#dfaa4d;box-shadow:0 0 0 6px rgba(223,170,77,.1);margin-top:.3rem}.puppy50-status strong,.puppy50-status span{display:block}.puppy50-status strong{color:#fff;font-size:.92rem}.puppy50-status span{color:#aaa;margin-top:.25rem;font-size:.78rem;line-height:1.45}
.puppy50-proof{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;color:#979797;font-size:.54rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-top:1.35rem}.puppy50-proof i{width:18px;height:1px;background:#c99340}
.puppy50-mast-visual{position:relative;min-height:520px;isolation:isolate}.puppy50-watermark{position:absolute;right:-.03em;top:45%;transform:translateY(-50%);font-size:clamp(7rem,13vw,12rem);font-weight:950;letter-spacing:-.09em;color:rgba(255,255,255,.025);z-index:-1}.puppy50-mast-main,.puppy50-mast-pup{position:absolute;margin:0;overflow:hidden}.puppy50-mast-main{right:0;top:0;width:82%;height:100%;border-radius:26px 110px 26px 26px}.puppy50-mast-pup{left:0;bottom:-4%;width:34%;height:54%;border:7px solid #090b0e;border-radius:22px 22px 80px 22px;transform:rotate(-1.4deg);z-index:4}.puppy50-mast-main img,.puppy50-mast-pup img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.puppy50-current-badge{position:absolute;right:1.2rem;bottom:1.2rem;z-index:6;padding:.9rem 1rem;background:rgba(5,7,9,.65);border:1px solid rgba(255,255,255,.1);border-radius:15px;backdrop-filter:blur(12px)}.puppy50-current-badge b,.puppy50-current-badge span,.puppy50-current-badge em{display:block}.puppy50-current-badge b{font-size:1.8rem;color:#fff}.puppy50-current-badge span{color:#d6a34a;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.puppy50-current-badge em{font-style:normal;color:#d5d5d2;font-size:.68rem;margin-top:.25rem}
.puppy50-rail{position:sticky;top:72px;z-index:42;background:rgba(247,243,235,.94);backdrop-filter:blur(14px);border-bottom:1px solid #ddd5c7}.puppy50-rail .wrap{display:flex;justify-content:center;gap:clamp(1rem,3.5vw,3rem);overflow:auto}.puppy50-rail a{padding:1rem 0;color:#4b463e;text-decoration:none;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.puppy50-pair{padding:clamp(4.5rem,8vw,8rem) 0;scroll-margin-top:140px}.puppy50-current{background:#fffdf8}.puppy50-pair-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:3rem}.puppy50-pair-head h2{font-size:clamp(3rem,5.8vw,6rem);line-height:.9;letter-spacing:-.06em;margin:.3rem 0;color:#171512}.puppy50-pair-head>p{margin:0;color:#4b463f;line-height:1.7}
.puppy50-pair-stage{position:relative;display:grid;grid-template-columns:1fr 90px 1fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:center}.puppy50-parent{display:grid;grid-template-columns:minmax(220px,.9fr) 1fr;gap:1.5rem;align-items:center}.puppy50-parent figure{height:560px;margin:0;overflow:hidden;position:relative;border-radius:28px 90px 28px 28px}.puppy50-dam figure{border-radius:90px 28px 28px 28px}.puppy50-parent img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.puppy50-parent figure>span{position:absolute;left:14px;bottom:14px;padding:.4rem .58rem;border-radius:999px;background:rgba(5,6,8,.62);color:#fff;font-size:.52rem;font-weight:900;letter-spacing:.15em}.puppy50-parent-copy small{color:#9a641d;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.puppy50-parent-copy h3{font-size:clamp(1.8rem,3vw,3rem);line-height:1;margin:.45rem 0 .8rem}.puppy50-parent-copy p{color:#49443d;line-height:1.7;margin:0}.puppy50-pair-mark{display:grid;place-items:center}.puppy50-pair-mark span{width:58px;height:58px;display:grid;place-items:center;border:1px solid #c5b9a6;border-radius:50%;font-size:1.5rem;color:#9a641d}
.puppy50-litter-title{max-width:820px;margin:5rem auto 2rem;text-align:center}.puppy50-litter-title>span{color:#9a641d;text-transform:uppercase;font-size:.6rem;font-weight:900;letter-spacing:.15em}.puppy50-litter-title h3{font-size:clamp(2.4rem,4.5vw,4.5rem);letter-spacing:-.05em;margin:.4rem 0}.puppy50-litter-title p{color:#555049;line-height:1.65}
.puppy50-litter-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px}.puppy50-litter-grid figure{height:500px;margin:0;position:relative;overflow:hidden;border-radius:20px}.puppy50-litter-grid img{width:100%;height:100%;object-fit:cover
  object-position: var(--focus, 50% 50%);
}.puppy50-litter-grid figcaption{position:absolute;left:13px;right:13px;bottom:13px;padding:.65rem .75rem;border-radius:10px;background:rgba(5,6,8,.58);backdrop-filter:blur(10px);color:#fff;font-size:.68rem}.puppy50-litter-grid .pup-hero{border-radius:24px 90px 24px 24px}
.puppy50-availability{margin-top:2rem;padding:1.4rem 1.5rem;border:1px solid #dacaa9;background:#f5ead6;border-radius:18px;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.puppy50-availability>div{display:flex;align-items:center;gap:.8rem}.puppy50-availability strong{font-size:1.05rem}.puppy50-availability p{grid-column:1;margin:0;color:#574e42;font-size:.86rem;line-height:1.55}
.puppy50-process{padding:clamp(5rem,9vw,8rem) 0;background:#080a0d;color:#fff;scroll-margin-top:140px}.puppy50-process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem)}.puppy50-process-copy h2{font-size:clamp(3rem,5vw,5.5rem);letter-spacing:-.055em;line-height:.9;margin:.4rem 0 1rem;color:#fff}.puppy50-process-copy p{color:#c6c6c3;line-height:1.7}.puppy50-process-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#292b2e}.puppy50-process-cards article{background:#101216;padding:1.5rem;min-height:260px}.puppy50-process-cards b{color:#d6a34a;font-size:.65rem}.puppy50-process-cards h3{color:#fff;font-size:1.35rem;margin:1.5rem 0 .6rem}.puppy50-process-cards p{color:#b7b8b8;line-height:1.55}
.puppy50-past{background:#fffdf8;border-top:1px solid #e0d9ce}.puppy50-past-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(3rem,7vw,7rem);align-items:center}.puppy50-past-grid.reverse{grid-template-columns:1.25fr .75fr}.puppy50-past-right .puppy50-past-images{order:2}.puppy50-past-right .puppy50-past-copy{order:1}.puppy50-past-images{position:relative;min-height:690px}.puppy50-past-images figure{position:absolute;margin:0;overflow:hidden}.puppy50-past-images img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.puppy50-past-images figure>span{position:absolute;left:12px;bottom:12px;background:rgba(5,6,8,.58);color:#fff;border-radius:999px;padding:.4rem .58rem;font-size:.5rem;font-weight:900;letter-spacing:.12em}.puppy50-past-images .primary{left:5%;top:0;width:48%;height:78%;border-radius:28px 90px 28px 28px}.puppy50-past-images .secondary{right:5%;top:8%;width:38%;height:52%;border-radius:90px 24px 24px 24px}.puppy50-past-images .litter-photo{right:12%;bottom:0;width:43%;height:39%;border:7px solid #fffdf8;border-radius:24px}.puppy50-past-copy{position:relative}.puppy50-year{position:absolute;right:0;top:-3rem;color:#eee7dc;font-size:clamp(7rem,13vw,12rem);font-weight:950;letter-spacing:-.09em;line-height:.8;z-index:0}.puppy50-past-copy>*:not(.puppy50-year){position:relative;z-index:1}.puppy50-past-copy h3{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:.92;letter-spacing:-.055em;margin:.4rem 0 1rem}.puppy50-past-copy p{color:#4a453e;line-height:1.75}.puppy50-traits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.puppy50-traits span{border:1px solid #d4c7b5;border-radius:999px;padding:.55rem .75rem;color:#5c5144;font-size:.66rem;font-weight:850}
.puppy50-cta{padding:clamp(5rem,9vw,8rem) 0;background:radial-gradient(circle at 50% 0,rgba(210,158,70,.09),transparent 35%),#17130e;color:#fff;text-align:center;scroll-margin-top:140px}.puppy50-cta .wrap{max-width:900px}.puppy50-cta h2{font-size:clamp(3rem,5.7vw,5.8rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0;color:#fff}.puppy50-cta p{max-width:730px;margin:1.2rem auto 1.8rem;color:#ccc6bc;line-height:1.7}.puppy50-cta .btns{justify-content:center}.puppy50-cta .ghost{color:#fff!important;border-color:#777!important}
@media(hover:hover) and (pointer:fine){.puppy50-parent figure img,.puppy50-past-images figure img,.puppy50-litter-grid img{transition:transform .9s cubic-bezier(.22,1,.36,1)}.puppy50-parent figure:hover img,.puppy50-past-images figure:hover img,.puppy50-litter-grid figure:hover img{transform:scale(1.025)}}
@media(max-width:1050px){.puppy50-pair-stage{grid-template-columns:1fr}.puppy50-pair-mark{display:none}.puppy50-parent{grid-template-columns:.8fr 1fr}.puppy50-process-grid,.puppy50-past-grid,.puppy50-past-grid.reverse{grid-template-columns:1fr}.puppy50-past-right .puppy50-past-images,.puppy50-past-right .puppy50-past-copy{order:initial}}
@media(max-width:900px){.puppy50-mast-grid,.puppy50-pair-head{grid-template-columns:1fr}.puppy50-mast-visual{min-height:500px}.puppy50-litter-grid{grid-template-columns:1fr 1fr}.puppy50-litter-grid .pup-hero{grid-column:1/3}.puppy50-process-cards{grid-template-columns:1fr}.puppy50-process-cards article{min-height:0}.puppy50-availability{grid-template-columns:1fr}.puppy50-availability p{grid-column:auto}}
@media(max-width:620px){.puppy50-mast{padding:5.8rem 0 2.8rem}.puppy50-copy h1{font-size:clamp(2.8rem,13vw,4rem)}.puppy50-mast-visual{min-height:420px}.puppy50-mast-main{width:88%;border-radius:22px 65px 22px 22px}.puppy50-mast-pup{width:40%;height:47%;border-width:5px}.puppy50-rail{top:64px}.puppy50-rail .wrap{justify-content:flex-start}.puppy50-pair,.puppy50-process,.puppy50-cta{scroll-margin-top:120px}.puppy50-parent{grid-template-columns:1fr}.puppy50-parent figure{height:520px}.puppy50-litter-grid{grid-template-columns:1fr}.puppy50-litter-grid .pup-hero{grid-column:auto}.puppy50-litter-grid figure{height:440px}.puppy50-past-images{min-height:580px}.puppy50-past-images .primary{width:56%;height:76%;left:0}.puppy50-past-images .secondary{width:43%;height:49%;right:0}.puppy50-past-images .litter-photo{width:49%;height:35%;right:5%;border-width:5px}.puppy50-year{font-size:28vw}}

/* =========================================================
   V51 — PREMIUM AVAILABLE PUPPIES
   Crisp contrast + video storytelling + 2027 applications
   ========================================================= */

.puppy-page-v51{
  --v51-ink:#15130f;
  --v51-body:#3b3731;
  --v51-muted:#625c53;
  --v51-gold:#9b641d;
  --v51-paper:#fffdf8;
  --v51-soft:#f2ede3;
}

/* CRISP LIGHT-SURFACE TYPE */
.puppy-page-v51 .puppy50-current,
.puppy-page-v51 .puppy50-past,
.puppy-page-v51 .puppy51-2027{
  color:var(--v51-ink)!important;
}

.puppy-page-v51 .puppy50-current h1,
.puppy-page-v51 .puppy50-current h2,
.puppy-page-v51 .puppy50-current h3,
.puppy-page-v51 .puppy50-past h1,
.puppy-page-v51 .puppy50-past h2,
.puppy-page-v51 .puppy50-past h3,
.puppy-page-v51 .puppy51-2027 h2,
.puppy-page-v51 .puppy51-2027 h3{
  color:#11100d!important;
  opacity:1!important;
}

.puppy-page-v51 .puppy50-current p,
.puppy-page-v51 .puppy50-past p,
.puppy-page-v51 .puppy51-2027 p{
  color:var(--v51-body)!important;
  opacity:1!important;
}

.puppy-page-v51 .eyebrow,
.puppy-page-v51 .puppy50-parent-copy small{
  color:var(--v51-gold)!important;
}

/* Dark copy remains bright but not glaring */
.puppy-page-v51 .puppy50-process p,
.puppy-page-v51 .puppy51-video-section p,
.puppy-page-v51 .puppy50-cta p{
  color:#d1d0cc!important;
}

/* VIDEO STORY SECTION */
.puppy51-video-section{
  position:relative;
  padding:clamp(5rem,9vw,8rem) 0;
  background:
    radial-gradient(circle at 15% 18%,rgba(214,163,74,.08),transparent 25%),
    radial-gradient(circle at 88% 70%,rgba(112,135,158,.05),transparent 28%),
    #090b0e;
  color:#fff;
  overflow:hidden;
  scroll-margin-top:140px;
}

.puppy51-video-head{
  display:grid;
  grid-template-columns:1fr .72fr;
  gap:3rem;
  align-items:end;
  margin-bottom:3rem;
}

.puppy51-video-head h2{
  margin:.35rem 0 0;
  color:#fff;
  font-size:clamp(3rem,5.6vw,5.8rem);
  line-height:.9;
  letter-spacing:-.06em;
}

.puppy51-video-head p{
  margin:0;
  line-height:1.7;
}

.puppy51-video-grid{
  display:grid;
  grid-template-columns:1.45fr .55fr .55fr;
  gap:14px;
  align-items:end;
}

.puppy51-video-wide{
  display:grid;
  grid-template-columns:1fr;
  gap:1.1rem;
}

.puppy51-video-card{
  position:relative;
  width:100%;
  display:block;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:#0e1014;
  cursor:pointer;
  box-shadow:none;
}

.puppy51-video-card.landscape{
  aspect-ratio:16/9;
  border-radius:26px 90px 26px 26px;
}

.puppy51-video-card.portrait{
  aspect-ratio:9/16;
  border-radius:22px;
}

.puppy51-video-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .9s cubic-bezier(.22,1,.36,1),filter .55s ease;
}

.puppy51-video-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.52));
  pointer-events:none;
}

.puppy51-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:4;
  transform:translate(-50%,-50%);
  width:clamp(60px,5vw,78px);
  height:clamp(60px,5vw,78px);
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.56);
  border-radius:50%;
  background:rgba(5,7,9,.34);
  backdrop-filter:blur(12px);
  color:#fff;
  transition:transform .32s cubic-bezier(.22,1,.36,1),background .3s ease;
}

.puppy51-play svg{
  width:31%;
  fill:currentColor;
  margin-left:4%;
}

.puppy51-video-type{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:4;
  color:#fff;
  font-size:.53rem;
  font-weight:950;
  letter-spacing:.14em;
}

.puppy51-video-copy>span{
  color:#d6a34a;
  font-size:.58rem;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.puppy51-video-copy h3{
  color:#fff;
  font-size:clamp(1.7rem,2.5vw,2.7rem);
  line-height:1;
  margin:.45rem 0 .65rem;
}

.puppy51-video-copy p{
  margin:0;
  max-width:720px;
  line-height:1.65;
}

.puppy51-video-player{
  position:absolute;
  inset:0;
  z-index:20;
  width:100%;
  height:100%;
  border:0;
  background:#000;
}

.puppy51-video-close{
  position:absolute;
  z-index:24;
  right:12px;
  top:12px;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.62);
  color:#fff;
  cursor:pointer;
}

@media(hover:hover) and (pointer:fine){
  .puppy51-video-card:hover img{transform:scale(1.025)}
  .puppy51-video-card:hover .puppy51-play{
    transform:translate(-50%,-50%) scale(1.08);
    background:rgba(171,113,31,.74);
  }
}

/* 2027 APPLICATION CHAPTER */
.puppy51-2027{
  position:relative;
  padding:clamp(5rem,9vw,8rem) 0;
  background:
    radial-gradient(circle at 78% 28%,rgba(188,128,40,.075),transparent 28%),
    #f3eee5;
  overflow:hidden;
  scroll-margin-top:140px;
}

.puppy51-2027-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:clamp(3rem,7vw,7rem);
  align-items:center;
}

.puppy51-2027-copy h2{
  margin:.4rem 0 1rem;
  font-size:clamp(3rem,5.5vw,5.5rem);
  line-height:.9;
  letter-spacing:-.06em;
}

.puppy51-2027-copy>p{
  max-width:630px;
  line-height:1.72;
}

.puppy51-2027-status{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.85rem;
  margin:1.5rem 0 1.7rem;
  padding:1.1rem;
  border:1px solid #d8c39e;
  border-radius:16px;
  background:rgba(255,255,255,.55);
}

.puppy51-2027-status strong,
.puppy51-2027-status span{
  display:block;
}

.puppy51-2027-status strong{
  color:#17130e;
}

.puppy51-2027-status span{
  margin-top:.25rem;
  color:#5c5449;
  font-size:.82rem;
  line-height:1.5;
}

.puppy51-2027-visual{
  position:relative;
  min-height:650px;
  perspective:1400px;
  isolation:isolate;
}

.puppy51-2027-word{
  position:absolute;
  right:-.04em;
  top:45%;
  transform:translateY(-50%);
  z-index:-2;
  color:rgba(128,87,28,.06);
  font-size:clamp(8rem,18vw,16rem);
  font-weight:950;
  letter-spacing:-.09em;
  line-height:.7;
}

.puppy51-2027-main,
.puppy51-2027-float{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#ddd5c9;
}

.puppy51-2027-main{
  right:4%;
  top:0;
  width:66%;
  height:92%;
  border-radius:28px 100px 28px 28px;
}

.puppy51-2027-float{
  left:4%;
  bottom:2%;
  width:41%;
  height:48%;
  border:7px solid #f3eee5;
  border-radius:22px 22px 80px 22px;
}

.puppy51-2027-main img,
.puppy51-2027-float img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:var(--focus,50% 50%);
}

.puppy51-2027-main figcaption{
  position:absolute;
  left:14px;
  bottom:14px;
  right:14px;
  padding:.65rem .75rem;
  border-radius:10px;
  background:rgba(5,6,8,.58);
  color:#fff;
  font-size:.65rem;
  backdrop-filter:blur(10px);
}

.puppy51-2027-visual::before{
  content:"";
  position:absolute;
  left:13%;
  right:2%;
  bottom:-4%;
  height:42%;
  z-index:-3;
  background:radial-gradient(ellipse,rgba(188,128,40,.14),transparent 70%);
  filter:blur(42px);
}

/* More polished past-litter transitions */
.puppy-page-v51 .puppy50-past:nth-of-type(even){
  background:#f7f2e8;
}

.puppy-page-v51 .puppy50-past-copy{
  padding:1rem 0;
}

.puppy-page-v51 .puppy50-traits span{
  background:rgba(255,255,255,.55);
}

/* Footer/rail contrast */
.puppy-page-v51 .puppy50-rail a.is-active{
  color:#8c5918;
}

/* Mobile */
@media(max-width:900px){
  .puppy51-video-head,
  .puppy51-2027-grid{
    grid-template-columns:1fr;
  }

  .puppy51-video-grid{
    grid-template-columns:1fr 1fr;
  }

  .puppy51-video-wide{
    grid-column:1/3;
  }

  .puppy51-2027-visual{
    min-height:600px;
  }
}

@media(max-width:620px){
  .puppy51-video-section,
  .puppy51-2027{
    scroll-margin-top:120px;
  }

  .puppy51-video-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .puppy51-video-wide{
    grid-column:1/3;
  }

  .puppy51-video-copy{
    margin-bottom:1rem;
  }

  .puppy51-2027-visual{
    min-height:520px;
  }

  .puppy51-2027-main{
    width:74%;
    height:88%;
    right:0;
  }

  .puppy51-2027-float{
    left:0;
    width:45%;
    height:43%;
    border-width:5px;
  }

  .puppy51-2027-copy h2{
    font-size:clamp(2.8rem,12vw,4rem);
  }
}

/* =========================================================
   V52 — SEARCH AUTHORITY + EDITORIAL TRUST
   ========================================================= */
.puppy52-answer{padding:3.2rem 0;background:#efe8dc;border-bottom:1px solid #d8cebd}
.puppy52-answer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.puppy52-answer-main h2{font-size:clamp(2.25rem,4vw,4rem);line-height:.95;letter-spacing:-.05em;margin:.45rem 0 .9rem;color:#11100d!important}
.puppy52-answer-main p{font-size:1rem;line-height:1.72;color:#39342e!important;margin:0;max-width:760px}
.puppy52-facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d2c5b2;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.52)}
.puppy52-facts div{padding:1.15rem;border-right:1px solid #d8cebf;border-bottom:1px solid #d8cebf}.puppy52-facts div:nth-child(2n){border-right:0}.puppy52-facts div:nth-last-child(-n+2){border-bottom:0}
.puppy52-facts small,.puppy52-facts strong{display:block}.puppy52-facts small{font-size:.55rem;letter-spacing:.13em;text-transform:uppercase;color:#80612f;font-weight:900}.puppy52-facts strong{margin-top:.35rem;color:#181510;font-size:.86rem;line-height:1.25}

.puppy52-individuals{margin-top:5rem;padding-top:4rem;border-top:1px solid #ddd4c6}
.puppy52-individuals>header{display:grid;grid-template-columns:1fr .65fr;gap:2rem;align-items:end;margin-bottom:1.7rem}
.puppy52-individuals>header h3{font-size:clamp(2.4rem,4vw,4.2rem);line-height:.95;letter-spacing:-.05em;margin:.35rem 0 0;color:#11100d!important}
.puppy52-individuals>header p{color:#474139!important;line-height:1.65;margin:0}
.puppy52-puppy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.puppy52-puppy-card{background:#f3eee5;border-radius:22px;overflow:hidden;border:1px solid #e0d6c8}
.puppy52-puppy-card figure{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:#ded6ca}
.puppy52-puppy-card img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.puppy52-status{position:absolute;left:12px;top:12px;padding:.45rem .62rem;border-radius:999px;font-size:.55rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.puppy52-status.available{background:#f2d99d;color:#38240a}.puppy52-status.placeholder{background:rgba(12,13,15,.72);color:#fff}
.puppy52-puppy-copy{padding:1.15rem}.puppy52-puppy-copy small{font-size:.56rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#8f5d1c}.puppy52-puppy-copy h4{font-size:1.5rem;margin:.35rem 0 .55rem;color:#16130f}.puppy52-puppy-copy p{font-size:.82rem;line-height:1.55;color:#4c463e!important}.puppy52-puppy-copy a{font-size:.72rem;font-weight:900;color:#7e4f14;text-decoration:none}
@media(hover:hover){.puppy52-puppy-card:hover img{transform:scale(1.025)}}

.puppy52-experience{padding:clamp(5rem,9vw,8rem) 0;background:#17130e;color:#fff}
.puppy52-experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem)}
.puppy52-experience-title h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0;color:#fff!important}
.puppy52-experience-copy p{color:#d2cec7!important;line-height:1.75;margin:0 0 1rem}
.puppy52-experience-links{display:grid;margin-top:2rem;border-top:1px solid rgba(255,255,255,.15)}
.puppy52-experience-links a{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;font-size:.78rem;font-weight:850}

.puppy52-decision{padding:clamp(5rem,9vw,8rem) 0;background:#ebe4d8}
.puppy52-decision-head{max-width:900px;margin-bottom:2.5rem}.puppy52-decision-head h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0 1rem;color:#12100d!important}.puppy52-decision-head p{color:#3d3831!important;line-height:1.7;max-width:760px}
.puppy52-decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc3b2;border:1px solid #cfc3b2}
.puppy52-decision-grid article{background:#f7f2e9;padding:clamp(1.4rem,3vw,2.2rem);min-height:260px}.puppy52-decision-grid span{font-size:.58rem;font-weight:950;color:#95611d}.puppy52-decision-grid h3{font-size:1.55rem;line-height:1.05;margin:2rem 0 .75rem;color:#17130f!important}.puppy52-decision-grid p{font-size:.84rem;line-height:1.65;color:#49433b!important}

@media(max-width:900px){
 .puppy52-answer-grid,.puppy52-individuals>header,.puppy52-experience-grid{grid-template-columns:1fr}
 .puppy52-puppy-grid{grid-template-columns:1fr 1fr}
 .puppy52-decision-grid{grid-template-columns:1fr}
 .puppy52-decision-grid article{min-height:0}
}
@media(max-width:620px){
 .puppy52-facts,.puppy52-puppy-grid{grid-template-columns:1fr}
 .puppy52-facts div{border-right:0!important;border-bottom:1px solid #d8cebf!important}
 .puppy52-facts div:last-child{border-bottom:0!important}
}

/* =========================================================
   V53 — LITTER INVENTORY / ARCHIVE RAIL
   ========================================================= */
.puppy53-litter-archive{margin-top:5rem;padding-top:4rem;border-top:1px solid #ddd4c6}
.puppy53-archive-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:1.7rem}
.puppy53-archive-head h3{font-size:clamp(2.8rem,5vw,5rem);line-height:.92;letter-spacing:-.055em;margin:.35rem 0 0;color:#11100d!important}
.puppy53-archive-side{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end}.puppy53-archive-side p{margin:0;color:#413b34!important;line-height:1.65}
.puppy53-controls{display:flex;gap:.5rem}.puppy53-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #b9aa94;background:#fffaf1;color:#17130f;font-size:1.15rem;cursor:pointer;transition:transform .25s ease,background .25s ease}.puppy53-arrow:hover{transform:translateY(-2px);background:#17130f;color:#fff}
.puppy53-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 .5rem;overscroll-behavior-inline:contain}.puppy53-track::-webkit-scrollbar{display:none}
.puppy53-card{scroll-snap-align:start;background:#f2ece2;border:1px solid #ddd2c3;border-radius:22px;overflow:hidden}.puppy53-card figure{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:#d9d0c4}.puppy53-card img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}.puppy53-status{position:absolute;left:12px;top:12px;border-radius:999px;padding:.45rem .65rem;font-size:.53rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.puppy53-status.placed{background:rgba(10,11,13,.78);color:#fff}.puppy53-placeholder{position:absolute;right:12px;top:12px;border-radius:999px;padding:.42rem .6rem;background:#ead5a9;color:#4a310e;font-size:.49rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.puppy53-card-copy{padding:1.05rem}.puppy53-card-copy small{color:#8e5a19;font-size:.54rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.puppy53-card-copy h4{font-size:1.45rem;color:#16130f;margin:.3rem 0 .5rem}.puppy53-card-copy p{font-size:.8rem;line-height:1.55;color:#49433b!important;margin:0}
.puppy53-archive-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;color:#686057;font-size:.7rem}.puppy53-archive-footer a{color:#7e5015;font-weight:900;text-decoration:none}
.puppy53-closed-litter{margin-top:2rem;padding:1.25rem 1.4rem;border:1px solid #cfc3b0;background:#ece4d8;border-radius:18px;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.puppy53-closed-litter>div{display:flex;align-items:center;gap:.75rem}.puppy53-closed-litter strong{color:#17130f}.puppy53-closed-litter p{grid-column:1;margin:0;color:#4d463e!important;line-height:1.55;font-size:.84rem}.status-dot.closed{background:#71695f;box-shadow:0 0 0 6px rgba(113,105,95,.1)}
@media(hover:hover){.puppy53-card:hover img{transform:scale(1.025)}}
@media(max-width:900px){.puppy53-archive-head{grid-template-columns:1fr}.puppy53-track{grid-auto-columns:minmax(260px,47%)}}
@media(max-width:620px){.puppy53-archive-side{grid-template-columns:1fr auto}.puppy53-track{grid-auto-columns:82%}.puppy53-archive-footer{display:grid}.puppy53-closed-litter{grid-template-columns:1fr}.puppy53-closed-litter p{grid-column:auto}}

/* =========================================================
   V54 — BROTHERBEAR ACRES FAMILIES / REAL GOOGLE REVIEWS
   ========================================================= */
.puppy54-families{
  position:relative;
  padding:clamp(5rem,9vw,9rem) 0;
  background:#101114;
  color:#fff;
  overflow:hidden;
  scroll-margin-top:140px;
}
.puppy54-families::before{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 12% 20%,rgba(188,128,40,.10),transparent 25%),
    radial-gradient(circle at 88% 52%,rgba(95,120,145,.07),transparent 27%);
}
.puppy54-family-head{
  position:relative;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;margin-bottom:3rem
}
.puppy54-family-head h2{
  margin:.4rem 0 0;color:#fff!important;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.88;letter-spacing:-.065em
}
.puppy54-rating{
  display:flex;gap:.9rem;align-items:center;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)
}
.puppy54-rating>strong{font-size:2.5rem;line-height:1;color:#fff}.puppy54-rating div{display:grid;gap:.25rem}.puppy54-rating div>span:last-child{font-size:.64rem;color:#c7c3bc}
.puppy54-stars{color:#d5a34d;letter-spacing:.08em;font-size:.75rem}

.puppy54-family-feature{position:relative;display:grid;gap:clamp(4rem,8vw,8rem)}
.puppy54-story{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.puppy54-story-leo{grid-template-columns:.92fr 1.08fr}
.puppy54-story-visual{position:relative;min-height:620px;isolation:isolate}
.puppy54-story-main{position:absolute;inset:0 8% 0 0;margin:0;overflow:hidden;border-radius:28px 100px 28px 28px;background:#292a2d}
.puppy54-story-leo .puppy54-story-main{inset:0 0 0 8%;border-radius:100px 28px 28px 28px}
.puppy54-story-main img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);display:block}
.puppy54-story-main::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.45));pointer-events:none}
.puppy54-photo-note{position:absolute;left:14px;bottom:14px;z-index:3;padding:.55rem .7rem;border-radius:999px;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);font-size:.52rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.puppy54-story-mark{position:absolute;z-index:-1;right:-.02em;bottom:-.04em;color:rgba(255,255,255,.035);font-size:clamp(6rem,13vw,12rem);font-weight:950;letter-spacing:-.08em;line-height:.7}
.puppy54-story-leo .puppy54-story-mark{right:auto;left:-.03em}
.puppy54-story-copy{max-width:650px}
.puppy54-google{font-size:.57rem;letter-spacing:.14em;text-transform:uppercase;color:#d4a04a;font-weight:900}
.puppy54-story-copy h3{margin:.45rem 0 .8rem;color:#fff!important;font-size:clamp(3.2rem,6vw,6rem);line-height:.9;letter-spacing:-.06em}
.puppy54-context{color:#c8c5bf!important;line-height:1.75}
.puppy54-story-copy blockquote{margin:2rem 0;padding:0;border:0;color:#fff;font-size:clamp(1.7rem,3vw,3rem);font-weight:750;line-height:1.05;letter-spacing:-.035em}
.puppy54-story-meta{display:grid;gap:.2rem}.puppy54-story-meta strong{color:#fff}.puppy54-story-meta span{font-size:.68rem;color:#96928b}

.puppy54-review-rail-wrap{position:relative;margin-top:clamp(5rem,9vw,9rem);padding-top:3rem;border-top:1px solid rgba(255,255,255,.13)}
.puppy54-review-intro{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.5rem}
.puppy54-review-intro h3{margin:.35rem 0 0;color:#fff!important;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em}
.puppy54-review-controls{display:flex;gap:.5rem}.puppy54-review-arrow{width:46px;height:46px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:1.1rem;transition:.25s ease}.puppy54-review-arrow:hover{background:#fff;color:#111;transform:translateY(-2px)}
.puppy54-review-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,31%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.puppy54-review-track::-webkit-scrollbar{display:none}
.puppy54-review-card{scroll-snap-align:start;min-height:300px;display:flex;flex-direction:column;padding:1.35rem;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.045)}
.puppy54-review-top{display:flex;justify-content:space-between;gap:1rem}.puppy54-review-top>span:last-child{font-size:.58rem;color:#96928b;text-transform:uppercase;letter-spacing:.1em}
.puppy54-review-card p{color:#c9c6c0!important;font-size:.84rem;line-height:1.68;margin:2rem 0 1rem}
.puppy54-review-card blockquote{margin:auto 0 1.5rem;color:#fff;font-size:1.35rem;font-weight:800;line-height:1.1}
.puppy54-review-card footer{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.11);font-size:.67rem}.puppy54-review-card footer strong{color:#fff}.puppy54-review-card footer span{color:#8e8a83}
.puppy54-review-cta{position:relative;margin-top:1.2rem;display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:1.2rem 0}.puppy54-review-cta div{display:grid;gap:.2rem}.puppy54-review-cta span{color:#9e9991;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.puppy54-review-cta strong{color:#fff;font-size:.9rem}

@media(max-width:900px){
 .puppy54-story,.puppy54-story-leo{grid-template-columns:1fr}
 .puppy54-story-leo .puppy54-story-copy{order:2}.puppy54-story-leo .puppy54-story-visual{order:1}
 .puppy54-story-visual{min-height:600px}
 .puppy54-review-track{grid-auto-columns:47%}
}
@media(max-width:620px){
 .puppy54-family-head{grid-template-columns:1fr}
 .puppy54-rating{width:max-content}
 .puppy54-story-visual{min-height:520px}
 .puppy54-story-main,.puppy54-story-leo .puppy54-story-main{inset:0;border-radius:24px}
 .puppy54-review-track{grid-auto-columns:84%}
 .puppy54-review-cta{display:grid}
}

/* =========================================================
   V55 — SCALABLE 9:16 SHORTS CAROUSEL
   Long-form feature stays large; Shorts become a horizontal rail.
   ========================================================= */
.puppy-page-v55 .puppy51-video-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  align-items:start;
  gap:clamp(18px,3vw,42px);
}
.puppy-page-v55 .puppy51-video-wide{min-width:0}
.puppy55-shorts-column{min-width:0;overflow:hidden}
.puppy55-shorts-heading{
  display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem
}
.puppy55-shorts-heading>div:first-child{display:grid;gap:.15rem}
.puppy55-shorts-heading span{
  color:#d6a34a;font-size:.5rem;font-weight:950;letter-spacing:.16em
}
.puppy55-shorts-heading strong{
  color:#fff;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1
}
.puppy55-shorts-controls{display:flex;gap:.45rem}
.puppy55-short-arrow{
  width:42px;height:42px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.045);
  color:#fff;font-size:1rem;cursor:pointer;
  transition:transform .25s ease,background .25s ease,color .25s ease
}
.puppy55-short-arrow:hover{transform:translateY(-2px);background:#fff;color:#111}
.puppy55-short-arrow:disabled{opacity:.28;cursor:default;transform:none}
.puppy55-shorts-viewport{overflow:hidden}
.puppy55-shorts-track{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 10px)/2);
  gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;overscroll-behavior-inline:contain;padding:0 0 .35rem
}
.puppy55-shorts-track::-webkit-scrollbar{display:none}
.puppy55-short-slide{scroll-snap-align:start;min-width:0}
.puppy55-short-card{width:100%;border-radius:20px!important}
.puppy55-shorts-progress{
  position:relative;height:2px;margin-top:1rem;background:rgba(255,255,255,.11);overflow:hidden
}
.puppy55-shorts-progress span{
  position:absolute;left:0;top:0;bottom:0;width:24%;
  background:#d6a34a;transform-origin:left center;
  transition:transform .28s ease,width .28s ease
}
.puppy55-shorts-note{
  margin-top:.65rem;color:#85827c;font-size:.58rem;letter-spacing:.05em
}
@media(max-width:1000px){
 .puppy-page-v55 .puppy51-video-grid{grid-template-columns:1fr}
 .puppy55-shorts-track{grid-auto-columns:minmax(210px,31%)}
}
@media(max-width:700px){
 .puppy55-shorts-track{grid-auto-columns:46%}
 .puppy55-short-arrow{width:40px;height:40px}
}
@media(max-width:460px){
 .puppy55-shorts-track{grid-auto-columns:72%}
}

/* V56 — service geography + accurate availability */
.puppy56-service-area{
  display:flex;
  align-items:center;
  gap:.55rem;
  width:max-content;
  max-width:100%;
  margin:1rem 0 1.2rem;
  padding:.55rem .78rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(8,10,12,.28);
  backdrop-filter:blur(10px);
  color:#f3f0e9;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.035em;
}
.puppy56-service-area::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  flex:0 0 auto;
  background:#d6a34a;
  box-shadow:0 0 0 5px rgba(214,163,74,.11);
}
@media(max-width:620px){
  .puppy56-service-area{
    width:auto;
    border-radius:14px;
    line-height:1.35;
  }
}

/* =========================================================
   V57 — CAUCASIAN SHEPHERD PREMIUM MEGA MENU
   Three clear destinations: Breed Guide / Breed Gallery / FAQ
   ========================================================= */
@media(min-width:1020px){
  .desktop-nav details.breed-menu{position:static}
  .desktop-nav .breed-mega{
    display:none;
    position:absolute;
    top:calc(100% + 1px);
    left:50%;
    width:min(860px,calc(100vw - 48px));
    min-width:0;
    transform:translateX(-50%);
    grid-template-columns:1.08fr .92fr;
    gap:10px;
    padding:10px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:0 0 24px 24px;
    background:rgba(10,11,13,.97);
    box-shadow:0 28px 80px rgba(0,0,0,.34);
    backdrop-filter:blur(22px);
    overflow:hidden;
  }
  .desktop-nav details.breed-menu[open]>.breed-mega{display:grid}
  .breed-mega-feature{
    display:grid!important;
    grid-template-columns:150px 1fr;
    gap:18px;
    min-height:220px;
    padding:0!important;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  }
  .breed-mega-feature:hover{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(214,163,74,.045))!important}
  .breed-mega-image{display:block;min-height:220px;overflow:hidden}
  .breed-mega-image img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}
  .breed-mega-feature:hover img{transform:scale(1.035)}
  .breed-mega-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:22px 20px 22px 0}
  .breed-mega-feature-copy small,.breed-mega-label{
    color:#d7a64e;font-size:.54rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase
  }
  .breed-mega-feature-copy strong{margin:.35rem 0 .65rem;color:#fff;font-size:1.55rem;line-height:1;letter-spacing:-.035em}
  .breed-mega-feature-copy span{color:#aaa69f;font-size:.75rem;line-height:1.55}
  .breed-mega-feature-copy b{margin-top:auto;padding-top:1rem;color:#f3eee5;font-size:.7rem}
  .breed-mega-links{display:grid;align-content:start;gap:5px;padding:12px 4px}
  .breed-mega-label{padding:2px 10px 8px}
  .desktop-nav .breed-mega-links>a{
    display:grid!important;gap:4px;padding:14px 12px!important;border:1px solid transparent;border-radius:13px!important
  }
  .desktop-nav .breed-mega-links>a strong{color:#f4f1eb;font-size:.84rem}
  .desktop-nav .breed-mega-links>a span{color:#8f8c86;font-size:.65rem;line-height:1.35}
  .desktop-nav .breed-mega-links>a:hover{border-color:rgba(214,163,74,.18);background:rgba(255,255,255,.045)!important}
  .desktop-nav .breed-mega-links>a:hover strong{color:#d7a64e}
}
.mobile-menu details.mobile-breed-menu{border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-menu details.mobile-breed-menu>summary{
  display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer
}
.mobile-menu details.mobile-breed-menu>summary::-webkit-details-marker{display:none}
.mobile-menu details.mobile-breed-menu>summary::after{content:"+";font-size:1.05rem;color:#d7a64e}
.mobile-menu details.mobile-breed-menu[open]>summary::after{content:"−"}
.mobile-menu details.mobile-breed-menu>div{display:grid;padding:0 0 10px 14px}
.mobile-menu details.mobile-breed-menu>div>a{padding:10px 2px;color:var(--ink-soft);font-size:.86rem;font-weight:650;text-decoration:none}

/* =========================================================
   V58 — CAUCASIAN SHEPHERD AUTHORITY GUIDE
   ========================================================= */
body:has(.breed58){background:#f7f2e8;color:#17130f}
.breed58{overflow:hidden}
.breed58 .eyebrow{display:block;color:#97601b;font-size:.6rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.breed58-mast{padding:7rem 0 4rem;background:radial-gradient(circle at 80% 22%,rgba(199,143,54,.08),transparent 25%),#090b0e;color:#fff}
.breed58-mast-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:clamp(2.5rem,6vw,6.5rem);align-items:center}
.breed58-copy .breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.8rem;color:#7f8286;font-size:.68rem}.breed58-copy .breadcrumbs a{color:#c7c8c9;text-decoration:none}
.breed58-copy h1{font-size:clamp(3.4rem,6.4vw,6.8rem);line-height:.86;letter-spacing:-.07em;color:#fff;margin:.5rem 0 .25rem}
.breed58-subtitle{color:#d3a456;font-size:.73rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.breed58-lead{max-width:650px;color:#d5d5d2;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.68;margin:1.2rem 0 1.5rem}
.breed58-actions{display:flex;gap:.7rem;flex-wrap:wrap}.breed58-actions .ghost{color:#fff!important;border-color:#5b5d60!important}
.breed58-source{margin-top:1.4rem;padding-left:1rem;border-left:1px solid rgba(214,163,74,.45)}.breed58-source span,.breed58-source strong{display:block}.breed58-source span{color:#9b9b98;font-size:.54rem;text-transform:uppercase;letter-spacing:.13em}.breed58-source strong{color:#efede8;font-size:.78rem;margin-top:.25rem}
.breed58-visual{position:relative;min-height:530px;isolation:isolate}.breed58-word{position:absolute;right:-.03em;top:45%;transform:translateY(-50%);z-index:-2;color:rgba(255,255,255,.025);font-size:clamp(6rem,12vw,11rem);font-weight:950;letter-spacing:-.09em}
.breed58-main-photo,.breed58-float-photo{position:absolute;margin:0;overflow:hidden;background:#16181b}.breed58-main-photo{right:0;top:0;width:80%;height:100%;border-radius:28px 110px 28px 28px}.breed58-float-photo{left:0;bottom:-4%;width:34%;height:53%;z-index:4;border:7px solid #090b0e;border-radius:24px 24px 80px 24px;transform:rotate(-1.4deg)}
.breed58-main-photo img,.breed58-float-photo img,.breed58-wide-photo img,.breed58-size-photo img,.breed58-training-visual img,.breed58-working-grid img,.breed58-family-visual img,.breed58-video-feature img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--focus,50% 50%)}
.breed58-visual-label{position:absolute;right:1.2rem;bottom:1.2rem;z-index:5;width:min(48%,280px);padding:.9rem 1rem;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(5,7,9,.6);backdrop-filter:blur(12px)}.breed58-visual-label span,.breed58-visual-label strong{display:block}.breed58-visual-label span{color:#d5a34d;font-size:.52rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.breed58-visual-label strong{color:#fff;font-size:.82rem;line-height:1.3;margin-top:.3rem}

.breed58-rail{position:sticky;top:72px;z-index:42;background:rgba(247,243,235,.95);border-bottom:1px solid #ded6c9;backdrop-filter:blur(14px)}.breed58-rail .wrap{display:flex;justify-content:center;gap:clamp(1rem,2.7vw,2.3rem);overflow:auto}.breed58-rail a{padding:1rem 0;color:#4d473f;text-decoration:none;font-size:.62rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.breed58-rail a.is-active{color:#8e5817}

.breed58-overview,.breed58-paper,.breed58-training,.breed58-family,.breed58-care,.breed58-history{padding:clamp(5rem,8vw,8rem) 0;background:#fffdf8;scroll-margin-top:140px}
.breed58-section-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:2.8rem}.breed58-section-head h2{font-size:clamp(3rem,5.5vw,5.7rem);line-height:.9;letter-spacing:-.06em;color:#15120e;margin:.4rem 0 0}.breed58-section-head>p{color:#403b34;line-height:1.72;margin:0}.breed58-section-head.dark h2{color:#fff}.breed58-section-head.dark>p{color:#c9c9c6}
.breed58-facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d9d0c3;border-radius:20px;overflow:hidden;background:#f5f0e7;margin-bottom:4rem}.breed58-facts article{padding:1.2rem;border-right:1px solid #d9d0c3;border-bottom:1px solid #d9d0c3}.breed58-facts article:nth-child(3n){border-right:0}.breed58-facts article:nth-last-child(-n+3){border-bottom:0}.breed58-facts span,.breed58-facts strong{display:block}.breed58-facts span{font-size:.53rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:#8e5b1d}.breed58-facts strong{margin-top:.4rem;font-size:.9rem;color:#191510}
.breed58-overview-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,7vw,7rem);align-items:center}.breed58-story-copy h3{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.04em;line-height:1;margin:0 0 1rem}.breed58-story-copy p{color:#474139;line-height:1.75}.breed58-wide-photo{height:600px;margin:0;overflow:hidden;border-radius:28px 100px 28px 28px}

.breed58-dark{padding:clamp(5rem,9vw,8rem) 0;background:radial-gradient(circle at 18% 18%,rgba(207,153,62,.07),transparent 25%),#090b0e;color:#fff;scroll-margin-top:140px}
.breed58-two-col{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,8vw,8rem)}.breed58-dark-title h2{font-size:clamp(3.2rem,5.6vw,5.8rem);line-height:.9;letter-spacing:-.06em;color:#fff;margin:.4rem 0 1.3rem}.breed58-bigline{font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.45;color:#ddd9d2}
.breed58-traits{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#2a2b2e}.breed58-traits article{background:#101216;padding:1.5rem;min-height:250px}.breed58-traits span{color:#d4a04a;font-size:.58rem;font-weight:900}.breed58-traits h3{color:#fff;margin:1.5rem 0 .65rem;font-size:1.45rem}.breed58-traits p{color:#bfc0be;line-height:1.65;margin:0}

.breed58-size{background:#f1ebe1}.breed58-size-grid{display:grid;grid-template-columns:.8fr 1fr .8fr;gap:14px;align-items:stretch}.breed58-size-photo{height:600px;margin:0;overflow:hidden;border-radius:24px 85px 24px 24px}.breed58-size-photo.adult{border-radius:85px 24px 24px 24px}.breed58-growth{display:grid;gap:1px;background:#cfc3b2}.breed58-growth>div{background:#fffaf1;padding:1.4rem;display:flex;flex-direction:column;justify-content:center}.breed58-growth span{color:#925d1b;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.breed58-growth strong{font-size:1.4rem;margin:.35rem 0}.breed58-growth p{color:#49433b;line-height:1.6;font-size:.84rem}.breed58-size-note{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;margin-top:1.5rem;padding:1.1rem 1.2rem;border-left:2px solid #b57927;background:#e8dfd2}.breed58-size-note p{margin:0;color:#4b443b}

.breed58-training{background:#fffdf8}.breed58-training-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,7rem);align-items:center}.breed58-training-visual{position:relative;min-height:680px;isolation:isolate}.breed58-training-visual figure{position:absolute;inset:0 12% 0 0;margin:0;overflow:hidden;border-radius:100px 28px 28px 28px}.breed58-training-word{position:absolute;right:-.04em;bottom:-.02em;z-index:-1;color:#eee6da;font-size:clamp(7rem,14vw,13rem);font-weight:950;letter-spacing:-.09em;line-height:.7}.breed58-training-copy h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0 1rem;color:#14110e}.breed58-training-copy>p{color:#454038;line-height:1.75}.breed58-training-list{margin-top:1.8rem;border-top:1px solid #d7cec0}.breed58-training-list>div{display:grid;grid-template-columns:.45fr 1fr;gap:1.2rem;padding:1rem 0;border-bottom:1px solid #d7cec0}.breed58-training-list strong{color:#191510}.breed58-training-list span{color:#575047;font-size:.84rem;line-height:1.55}

.breed58-working-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.breed58-working-grid article{background:#101216;border:1px solid #23262a;border-radius:20px;overflow:hidden}.breed58-working-grid figure{height:440px;margin:0;overflow:hidden}.breed58-working-grid article>div{padding:1.2rem}.breed58-working-grid span{color:#d4a04a;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.breed58-working-grid h3{color:#fff;margin:.4rem 0 .65rem;font-size:1.5rem}.breed58-working-grid p{color:#bfc0bd;line-height:1.6;font-size:.84rem}

.breed58-family{background:#f5efe5}.breed58-family-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem);align-items:center}.breed58-family-copy h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0 1rem}.breed58-family-copy p{color:#403b34;line-height:1.75}.breed58-family-links{display:grid;margin-top:1.5rem;border-top:1px solid #d4c9b9}.breed58-family-links a{padding:1rem 0;border-bottom:1px solid #d4c9b9;color:#7d4e14;text-decoration:none;font-weight:850;font-size:.78rem}.breed58-family-visual{position:relative;min-height:650px}.breed58-family-visual figure{position:absolute;margin:0;overflow:hidden}.breed58-family-visual .main{right:0;top:0;width:72%;height:92%;border-radius:28px 100px 28px 28px}.breed58-family-visual .small{left:0;bottom:0;width:42%;height:45%;border:7px solid #f5efe5;border-radius:22px 22px 80px 22px}

.breed58-care{background:#fffdf8}.breed58-care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d5cbbb}.breed58-care-grid article{background:#f7f2e9;padding:1.4rem;min-height:280px}.breed58-care-grid span{color:#945d18;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.breed58-care-grid h3{font-size:1.5rem;line-height:1.05;margin:2rem 0 .7rem}.breed58-care-grid p{color:#4b453d;line-height:1.65;font-size:.84rem}

.breed58-video{padding:clamp(5rem,9vw,8rem) 0;background:#14110e;color:#fff}.breed58-video-head{display:grid;grid-template-columns:1fr .7fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.breed58-video-head h2{color:#fff;font-size:clamp(3rem,5vw,5.4rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0}.breed58-video-head p{color:#c7c2ba;line-height:1.7}.breed58-video-row{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,5rem);align-items:center}.breed58-video-feature{display:grid;grid-template-columns:1.15fr .85fr;text-decoration:none;border:1px solid rgba(255,255,255,.13);border-radius:24px;overflow:hidden;background:#0c0d0f}.breed58-video-feature figure{height:500px;margin:0;overflow:hidden}.breed58-video-feature>div{padding:1.4rem;display:flex;flex-direction:column;justify-content:flex-end}.breed58-video-feature span{color:#d4a04a;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.breed58-video-feature strong{color:#fff;font-size:1.8rem;line-height:1.05;margin:.45rem 0 1rem}.breed58-video-feature b{color:#fff;font-size:.75rem}.breed58-video-note h3{color:#fff;font-size:2.2rem;line-height:1;margin:.4rem 0 .8rem}.breed58-video-note span{color:#d4a04a;font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.breed58-video-note p{color:#bdb8b1;line-height:1.7}

.breed58-history{background:#f0eadf}.breed58-history-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.breed58-history-intro p{color:#423d36;line-height:1.75}.breed58-history-deep{display:grid;gap:.7rem}.breed58-history-deep details{border:1px solid #d4c8b8;border-radius:16px;background:#faf6ef;overflow:hidden}.breed58-history-deep summary{cursor:pointer;padding:1rem 3rem 1rem 1.1rem;position:relative;font-weight:850;color:#17130f;list-style:none}.breed58-history-deep summary::-webkit-details-marker{display:none}.breed58-history-deep summary::after{content:"+";position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#8f5a18}.breed58-history-deep details[open] summary::after{transform:translateY(-50%) rotate(45deg)}.breed58-history-deep details div{padding:0 1.1rem 1.1rem}.breed58-history-deep p{margin:0;color:#4a443c;line-height:1.7}

.breed58-fit{padding:clamp(5rem,9vw,8rem) 0;background:#090b0e;color:#fff}.breed58-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem)}.breed58-fit h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.9;letter-spacing:-.06em;color:#fff;margin:.4rem 0}.breed58-fit-grid>div:last-child p{color:#cbc8c2;line-height:1.75}.breed58-fit-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}.breed58-fit-actions .ghost{color:#fff!important;border-color:#67696c!important}

@media(hover:hover) and (pointer:fine){
 .breed58 figure img{transition:transform .9s cubic-bezier(.22,1,.36,1)}
 .breed58 figure:hover img{transform:scale(1.02)}
}
@media(max-width:1000px){
 .breed58-mast-grid,.breed58-overview-story,.breed58-two-col,.breed58-training-grid,.breed58-family-grid,.breed58-video-row,.breed58-fit-grid{grid-template-columns:1fr}
 .breed58-mast-visual{min-height:520px}
 .breed58-size-grid{grid-template-columns:1fr 1fr}.breed58-growth{grid-column:1/3;grid-row:2}
 .breed58-working-grid{grid-template-columns:1fr 1fr}
 .breed58-care-grid{grid-template-columns:1fr 1fr}
 .breed58-family-visual{min-height:600px}
}
@media(max-width:700px){
 .breed58-mast{padding:5.8rem 0 2.8rem}.breed58-copy h1{font-size:clamp(3.2rem,14vw,4.5rem)}.breed58-mast-visual{min-height:430px}.breed58-main-photo{width:88%;border-radius:22px 65px 22px 22px}.breed58-float-photo{width:40%;height:47%;border-width:5px}
 .breed58-rail{top:64px}.breed58-rail .wrap{justify-content:flex-start}.breed58-overview,.breed58-dark,.breed58-paper,.breed58-training,.breed58-family,.breed58-care,.breed58-history{scroll-margin-top:120px}
 .breed58-section-head,.breed58-video-head{grid-template-columns:1fr;gap:1rem}.breed58-facts{grid-template-columns:1fr 1fr}.breed58-facts article:nth-child(3n){border-right:1px solid #d9d0c3}.breed58-facts article:nth-child(2n){border-right:0}.breed58-facts article:nth-last-child(-n+3){border-bottom:1px solid #d9d0c3}.breed58-facts article:nth-last-child(-n+2){border-bottom:0}
 .breed58-wide-photo{height:430px}.breed58-traits,.breed58-working-grid,.breed58-care-grid{grid-template-columns:1fr}.breed58-size-grid{grid-template-columns:1fr}.breed58-growth{grid-column:auto;grid-row:auto}.breed58-size-photo{height:500px}
 .breed58-training-visual,.breed58-family-visual{min-height:520px}.breed58-training-list>div{grid-template-columns:1fr}.breed58-history-intro{grid-template-columns:1fr}.breed58-video-feature{grid-template-columns:1fr}.breed58-video-feature figure{height:400px}
}

/* ========================================================= V59 ELITE BREED GALLERY */
body:has(.gallery59){background:#f5f0e7;color:#17130f}.gallery59{overflow:hidden}.gallery59 .eyebrow{display:block;color:#a36a22;font-size:.57rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.gallery59-mast{padding:7rem 0 4rem;background:#090b0e;color:#fff}.gallery59-mast-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem);align-items:center}.gallery59-copy .breadcrumbs{display:flex;gap:.5rem;color:#85878a;font-size:.65rem;margin-bottom:1.8rem}.gallery59-copy .breadcrumbs a{color:#c9c9c7;text-decoration:none}.gallery59-copy h1{font-size:clamp(3.6rem,6.5vw,7rem);line-height:.84;letter-spacing:-.07em;color:#fff;margin:.55rem 0 1.3rem}.gallery59-copy h1 em{color:#d4a04a;font-style:normal}.gallery59-copy>p{max-width:590px;color:#d1d0cc;line-height:1.7}.gallery59-proof{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.5rem}.gallery59-proof span{padding:.45rem .65rem;border:1px solid #34363a;border-radius:999px;color:#ddd9d1;font-size:.5rem;font-weight:900;letter-spacing:.1em}
.gallery59-hero-stack{position:relative;min-height:600px;isolation:isolate}.gallery59-hero-stack figure{position:absolute;margin:0;overflow:hidden;background:#17191c}.gallery59-hero-stack img,.gallery59-item img,.gallery59-video img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--focus,50% 50%)}.gallery59-hero-stack .hero-a{right:0;top:0;width:67%;height:100%;border-radius:28px 110px 28px 28px}.gallery59-hero-stack .hero-b{left:0;bottom:4%;width:42%;height:64%;z-index:3;border:7px solid #090b0e;border-radius:24px 24px 90px 24px}.gallery59-hero-word{position:absolute;right:-.05em;bottom:.05em;z-index:-1;color:rgba(255,255,255,.025);font-size:clamp(7rem,12vw,12rem);font-weight:950;letter-spacing:-.09em}
.gallery59-intro{padding:5.5rem 0 1.8rem;background:#fffdf8}.gallery59-intro-grid{display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end}.gallery59-intro h2{font-size:clamp(3rem,5.4vw,5.6rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0}.gallery59-intro-grid>p{color:#454039;line-height:1.75}.gallery59-filter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:2rem}.gallery59-filter button,.gallery59-filter a{border:1px solid #d6ccbd;background:transparent;border-radius:999px;padding:.6rem .85rem;color:#443e36;text-decoration:none;font-size:.57rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.gallery59-filter button.is-active{background:#17130f;color:#fff;border-color:#17130f}.gallery59-filter a{margin-left:auto;color:#8d5718}
.gallery59-showcase{padding:1.5rem 0 7rem;background:#fffdf8}.gallery59-grid{columns:3;column-gap:14px}.gallery59-item{break-inside:avoid;margin:0 0 14px;overflow:hidden;border-radius:18px;background:#eee7dc;transition:opacity .3s ease,transform .3s ease}.gallery59-item[hidden]{display:none}.gallery59-open{position:relative;width:100%;display:block;padding:0;border:0;background:none;cursor:zoom-in;text-align:left}.gallery59-item.portrait .gallery59-open{aspect-ratio:3/4}.gallery59-item.landscape .gallery59-open{aspect-ratio:16/10}.gallery59-item img{object-fit:contain;background:#e8e0d4;transition:transform .8s cubic-bezier(.22,1,.36,1)}.gallery59-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:3.5rem 1rem 1rem;background:linear-gradient(transparent,rgba(7,8,9,.82));color:#fff}.gallery59-item figcaption strong,.gallery59-item figcaption span{display:block}.gallery59-item figcaption strong{font-size:1.1rem}.gallery59-item figcaption span{margin-top:.2rem;color:#d0cec9;font-size:.54rem;letter-spacing:.05em}.gallery59-index{position:absolute;top:.75rem;right:.75rem;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);border-radius:999px;padding:.35rem .45rem;font-size:.48rem;font-weight:900}
.gallery59-break{padding:6rem 0;background:#eae2d6}.gallery59-break .wrap{max-width:1000px}.gallery59-break blockquote{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95;letter-spacing:-.055em;margin:1rem 0 1.6rem}.gallery59-break a{color:#7e4c12;text-decoration:none;font-weight:900}
.gallery59-motion{padding:7rem 0;background:radial-gradient(circle at 80% 15%,rgba(201,145,52,.07),transparent 25%),#090b0e;color:#fff;scroll-margin-top:100px}.gallery59-motion-head{display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end;margin-bottom:3rem}.gallery59-motion h2{font-size:clamp(3.2rem,5.6vw,5.9rem);line-height:.88;letter-spacing:-.065em;color:#fff;margin:.4rem 0}.gallery59-motion-head>p{color:#c4c4c0;line-height:1.7}.gallery59-video-feature{display:grid;grid-template-columns:1.3fr .7fr;border:1px solid #282a2e;border-radius:24px;overflow:hidden;background:#101216}.gallery59-video{position:relative;width:100%;padding:0;border:0;background:#111;overflow:hidden;cursor:pointer}.gallery59-video.landscape{aspect-ratio:16/9}.gallery59-video.portrait{aspect-ratio:9/16;border-radius:18px}.gallery59-video img{object-fit:cover}.gallery59-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:rgba(255,255,255,.94);color:#111;font-size:1rem;box-shadow:0 12px 45px rgba(0,0,0,.25)}.gallery59-video-label{position:absolute;left:.75rem;bottom:.75rem;padding:.4rem .5rem;border-radius:999px;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);color:#fff;font-size:.48rem;font-weight:900;letter-spacing:.08em}.gallery59-feature-copy{padding:1.6rem;display:flex;flex-direction:column;justify-content:flex-end}.gallery59-feature-copy>span,.gallery59-shorts-top span{color:#d4a04a;font-size:.53rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.gallery59-feature-copy h3{color:#fff;font-size:2rem;line-height:1.02;margin:.45rem 0 .8rem}.gallery59-feature-copy p{color:#bcbdb9;line-height:1.65}
.gallery59-shorts-top{display:flex;justify-content:space-between;align-items:end;margin:3rem 0 1rem}.gallery59-shorts-top>div:first-child{display:grid;gap:.2rem}.gallery59-shorts-top strong{font-size:1.7rem}.gallery59-arrows{display:flex;gap:.45rem}.gallery59-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid #393b3f;background:#121418;color:#fff;cursor:pointer}.gallery59-shorts{overflow:hidden}.gallery59-shorts-track{display:grid;grid-auto-flow:column;grid-auto-columns:23%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.gallery59-shorts-track::-webkit-scrollbar{display:none}.gallery59-short{scroll-snap-align:start}.gallery59-progress{height:2px;margin-top:1rem;background:#26282b;overflow:hidden}.gallery59-progress span{display:block;height:100%;width:25%;background:#d4a04a;transition:transform .25s ease,width .25s ease}
.gallery59-seo{padding:6rem 0;background:#fffdf8}.gallery59-seo-grid{display:grid;grid-template-columns:1fr .8fr;gap:5rem}.gallery59-seo h2{font-size:clamp(2.8rem,4.7vw,4.8rem);line-height:.92;letter-spacing:-.055em;margin:.4rem 0}.gallery59-seo p{color:#454039;line-height:1.75}.gallery59-seo a{color:#815014;font-weight:800}
.gallery59-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(5,6,7,.96);display:grid;grid-template-columns:70px 1fr 70px;align-items:center;padding:4rem 1rem 1rem}.gallery59-lightbox[hidden]{display:none}.gallery59-lightbox figure{margin:0;height:calc(100vh - 6rem);display:grid;grid-template-rows:1fr auto;place-items:center}.gallery59-lightbox figure img{max-width:100%;max-height:100%;object-fit:contain}.gallery59-lightbox figcaption{color:#ddd9d1;font-size:.7rem;padding:.7rem}.gallery59-close,.gallery59-lb-arrow{border:0;background:none;color:#fff;cursor:pointer}.gallery59-close{position:absolute;right:1.2rem;top:1rem;font-size:2rem}.gallery59-lb-arrow{font-size:1.4rem}
@media(hover:hover) and (pointer:fine){.gallery59-item:hover img{transform:scale(1.018)}.gallery59-video:hover .gallery59-play{transform:translate(-50%,-50%) scale(1.07)}}
@media(max-width:1000px){.gallery59-mast-grid,.gallery59-intro-grid,.gallery59-motion-head,.gallery59-seo-grid{grid-template-columns:1fr}.gallery59-hero-stack{min-height:550px}.gallery59-grid{columns:2}.gallery59-shorts-track{grid-auto-columns:31%}}
@media(max-width:700px){.gallery59-mast{padding:5.8rem 0 3rem}.gallery59-copy h1{font-size:clamp(3.2rem,14vw,4.6rem)}.gallery59-hero-stack{min-height:440px}.gallery59-filter a{margin-left:0}.gallery59-grid{columns:1}.gallery59-item.portrait .gallery59-open{aspect-ratio:auto}.gallery59-item.landscape .gallery59-open{aspect-ratio:auto}.gallery59-item img{height:auto;object-fit:contain}.gallery59-video-feature{grid-template-columns:1fr}.gallery59-shorts-track{grid-auto-columns:66%}.gallery59-lightbox{grid-template-columns:40px 1fr 40px;padding-inline:.25rem}}

/* =========================================================
   V60 — SCALABLE GALLERY + CRISP CONTRAST
   Hundreds of images/videos without turning page into one wall.
   ========================================================= */

/* ---------- EXPLICIT COLOR CONTRACTS ---------- */
.gallery60{
  --g60-ink:#12100d;
  --g60-body:#3a352f;
  --g60-muted:#5d564d;
  --g60-gold:#9b621c;
  --g60-paper:#fffdf8;
  --g60-soft:#eee6da;
  --g60-dark:#090b0e;
}

.gallery60 .gallery59-intro,
.gallery60 .gallery59-showcase,
.gallery60 .gallery59-seo{
  color:var(--g60-ink)!important;
}

.gallery60 .gallery59-intro h1,
.gallery60 .gallery59-intro h2,
.gallery60 .gallery59-intro h3,
.gallery60 .gallery59-showcase h1,
.gallery60 .gallery59-showcase h2,
.gallery60 .gallery59-showcase h3,
.gallery60 .gallery59-seo h1,
.gallery60 .gallery59-seo h2,
.gallery60 .gallery59-seo h3{
  color:#11100d!important;
  opacity:1!important;
  text-shadow:none!important;
}

.gallery60 .gallery59-intro p,
.gallery60 .gallery59-showcase p,
.gallery60 .gallery59-seo p{
  color:#39342e!important;
  opacity:1!important;
}

.gallery60 .gallery59-break{
  color:#17130f!important;
}

.gallery60 .gallery59-break blockquote{
  color:#17130f!important;
}

.gallery60 .gallery59-motion{
  color:#fff!important;
}

.gallery60 .gallery59-motion h1,
.gallery60 .gallery59-motion h2,
.gallery60 .gallery59-motion h3,
.gallery60 .gallery59-motion strong{
  color:#fff!important;
  opacity:1!important;
}

.gallery60 .gallery59-motion p{
  color:#d4d2cd!important;
  opacity:1!important;
}

.gallery60 .eyebrow{
  color:var(--g60-gold)!important;
  opacity:1!important;
}

/* ---------- SCALABLE PHOTO LIBRARY ---------- */
.gallery60-toolbar{
  display:flex;
  justify-content:space-between;
  gap:2rem;
  align-items:center;
  padding-top:.4rem;
  padding-bottom:1.1rem;
  border-bottom:1px solid #e0d7ca;
  margin-bottom:1rem;
}

.gallery60-count{
  display:flex;
  align-items:baseline;
  gap:.55rem;
}

.gallery60-count strong{
  color:#17130f;
  font-size:1.4rem;
  line-height:1;
}

.gallery60-count span,
.gallery60-view-note{
  color:#625b52;
  font-size:.66rem;
}

.gallery60-search{
  margin-right:.25rem;
  flex:1 1 210px;
  max-width:330px;
}

.gallery60-search input{
  width:100%;
  min-height:39px;
  padding:.6rem .8rem;
  border:1px solid #d5cbbc;
  border-radius:999px;
  outline:none;
  background:#f9f5ee;
  color:#191611;
  font:inherit;
  font-size:.69rem;
}

.gallery60-search input::placeholder{color:#746d63}
.gallery60-search input:focus{
  border-color:#9b621c;
  box-shadow:0 0 0 3px rgba(155,98,28,.08);
}

.gallery60-grid .gallery59-item.is-batch-hidden{
  display:none;
}

.gallery60-more-wrap{
  display:grid;
  place-items:center;
  gap:.7rem;
  margin-top:2.5rem;
}

.gallery60-more{
  min-width:min(100%,340px);
  padding:1rem 1.2rem;
  border:1px solid #c9bca8;
  border-radius:16px;
  background:#f4eee5;
  color:#17130f;
  cursor:pointer;
  transition:transform .25s ease,background .25s ease,border-color .25s ease;
}

.gallery60-more span,
.gallery60-more small{
  display:block;
}

.gallery60-more span{
  font-size:.8rem;
  font-weight:950;
  letter-spacing:.035em;
}

.gallery60-more small{
  margin-top:.22rem;
  color:#6e665c;
  font-size:.59rem;
}

.gallery60-more:hover{
  transform:translateY(-2px);
  background:#17130f;
  color:#fff;
  border-color:#17130f;
}

.gallery60-more:hover small{color:#cfc9c0}

.gallery60-collapse{
  border:0;
  background:none;
  color:#805015;
  font-size:.65rem;
  font-weight:900;
  cursor:pointer;
}

/* smooth reveal without clip-path */
.gallery60-grid .gallery59-item.is-newly-visible{
  animation:g60Reveal .62s cubic-bezier(.22,1,.36,1) both;
}

@keyframes g60Reveal{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

/* ---------- FILTER BAR SCALES ---------- */
.gallery60-filter{
  align-items:center;
}

.gallery60-filter button,
.gallery60-filter a{
  flex:0 0 auto;
}

/* ---------- VIDEO LIBRARY SCALING ---------- */
.gallery60-video-capacity{
  display:flex;
  justify-content:space-between;
  gap:2rem;
  align-items:center;
  margin:2.5rem 0 .3rem;
  padding:1rem 0;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}

.gallery60-video-capacity span{
  color:#e4b45e;
  font-size:.57rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.gallery60-video-capacity p{
  max-width:520px;
  margin:0;
  color:#c8c6c1!important;
  font-size:.72rem;
  line-height:1.55;
}

.gallery60 .gallery59-short.is-short-hidden{
  display:none;
}

.gallery60-shorts-footer{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  margin-top:.8rem;
}

.gallery60-shorts-count{
  color:#8e8b85;
  font-size:.58rem;
}

.gallery60-shorts-more{
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  padding:.58rem .78rem;
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.06em;
  cursor:pointer;
}

.gallery60-shorts-more:hover{
  background:#fff;
  color:#111;
}

/* ---------- HUNDREDS-OF-IMAGES PERFORMANCE ---------- */
/* Browser may skip off-screen rendering while preserving layout/searchable HTML. */
.gallery60 .gallery59-item,
.gallery60 .gallery59-short{
  content-visibility:auto;
  contain-intrinsic-size:320px 430px;
}

/* Ensure poster/lightbox text is always clear */
.gallery60 .gallery59-item figcaption{
  color:#fff!important;
}

.gallery60 .gallery59-item figcaption strong{
  color:#fff!important;
}

.gallery60 .gallery59-item figcaption span{
  color:#e0ded9!important;
}

@media(max-width:800px){
  .gallery60-toolbar,
  .gallery60-video-capacity{
    align-items:flex-start;
    flex-direction:column;
    gap:.65rem;
  }

  .gallery60-search{
    order:-1;
    width:100%;
    max-width:none;
  }

  .gallery60-filter{
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:.4rem;
    scrollbar-width:none;
  }

  .gallery60-filter::-webkit-scrollbar{display:none}

  .gallery60-shorts-footer{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* ==========================================================
   V61 — BREED AUTHORITY ARCHITECTURE
   ========================================================== */
.breed61-appearance{padding:clamp(4rem,8vw,7.5rem) 0;background:#f4f0e7;color:#171714;overflow:hidden}
.breed61-appearance-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,6vw,7rem);align-items:center}
.breed61-appearance-copy h2{font-size:clamp(2.6rem,5.5vw,5.8rem);line-height:.92;letter-spacing:-.055em;max-width:9ch;margin:.45rem 0 1.25rem;color:#141411}
.breed61-appearance-copy>p{max-width:62ch;color:#44443e;font-size:1.02rem;line-height:1.75}
.breed61-mini-facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(20,20,17,.16);margin:2rem 0 1.6rem}
.breed61-mini-facts article{padding:1rem 1rem 1rem 0;border-bottom:1px solid rgba(20,20,17,.12)}
.breed61-mini-facts strong,.breed61-mini-facts span{display:block}.breed61-mini-facts strong{color:#171714;margin-bottom:.28rem}.breed61-mini-facts span{color:#5d5c54;font-size:.82rem;line-height:1.5}
.breed61-appearance-visual{position:relative;min-height:620px}.breed61-appearance-visual figure{position:absolute;margin:0;overflow:hidden;background:#ddd5c7}.breed61-appearance-visual img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);display:block}
.breed61-portrait{width:58%;height:82%;right:0;top:0;border-radius:180px 180px 24px 24px}.breed61-landscape{width:58%;height:42%;left:0;bottom:0;border:10px solid #f4f0e7;border-radius:24px}
.breed61-ghost-word{position:absolute;left:-.03em;top:3%;font-size:clamp(5rem,11vw,11rem);font-weight:900;letter-spacing:-.08em;color:rgba(20,20,17,.055);writing-mode:vertical-rl;pointer-events:none}
.breed61-text-link{display:inline-block;margin-top:1.25rem;color:#1d1d18!important;font-weight:800;text-decoration:none;border-bottom:1px solid #9b7842;padding-bottom:.25rem}.breed58-dark .breed61-text-link{color:#fff!important}
.breed61-care-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,20,17,.12);margin-top:2rem;border:1px solid rgba(20,20,17,.12)}
.breed61-care-links a{background:#fffdf8;padding:1.35rem;text-decoration:none;color:#191916;transition:transform .25s ease,background .25s ease}.breed61-care-links a:hover{background:#f0eadf;transform:translateY(-3px)}.breed61-care-links span,.breed61-care-links strong,.breed61-care-links b{display:block}.breed61-care-links span{font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:#7b6849}.breed61-care-links strong{font-size:1.05rem;margin:.35rem 0 .8rem}.breed61-care-links b{font-size:.72rem}
.breed61-library{padding:clamp(4.5rem,9vw,8rem) 0;background:#171714;color:#fff}.breed61-library .breed58-section-head h2{color:#fff}.breed61-library .breed58-section-head p{color:#d5d2ca}.breed61-library .eyebrow{color:#d7b779}
.breed61-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13);margin-top:2rem}.breed61-library-grid a{min-height:250px;padding:1.65rem;background:#1d1d19;color:#fff;text-decoration:none;display:flex;flex-direction:column;transition:background .25s ease,transform .25s ease}.breed61-library-grid a:hover{background:#292820;transform:translateY(-4px)}.breed61-library-grid small{color:#d7b779;text-transform:uppercase;letter-spacing:.15em;font-weight:800}.breed61-library-grid h3{font-size:1.55rem;line-height:1.05;margin:.75rem 0;color:#fff}.breed61-library-grid p{color:#c9c6bd;line-height:1.6;font-size:.88rem}.breed61-library-grid b{margin-top:auto;padding-top:1rem;color:#fff;font-size:.75rem}
@media(max-width:800px){.breed61-appearance-grid{grid-template-columns:1fr}.breed61-appearance-visual{min-height:500px}.breed61-mini-facts{grid-template-columns:1fr}.breed61-care-links,.breed61-library-grid{grid-template-columns:1fr}.breed61-library-grid a{min-height:190px}.breed61-portrait{width:70%}.breed61-landscape{width:65%}}

/* ========================================================= V62 TRAINING + COMPARISONS */
.train62,.comp62,.comp62hub{--ink:#15120f;--body:#3d3832;--gold:#9a611a;--paper:#fffdf8;overflow:hidden}
.train62 .eyebrow,.comp62 .eyebrow,.comp62hub .eyebrow{display:block;color:var(--gold);font-size:.58rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.train62-mast,.comp62-mast,.comp62hub-mast{padding:7rem 0 4rem;background:radial-gradient(circle at 82% 20%,rgba(204,149,59,.08),transparent 26%),#090b0e;color:#fff}
.train62-mast-grid,.comp62-mast-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.train62 .breadcrumbs,.comp62 .breadcrumbs,.comp62hub .breadcrumbs{display:flex;gap:.5rem;color:#85878a;font-size:.65rem;margin-bottom:1.7rem}.train62 .breadcrumbs a,.comp62 .breadcrumbs a,.comp62hub .breadcrumbs a{color:#c7c8c8;text-decoration:none}
.train62-copy h1,.comp62-mast h1,.comp62hub-mast h1{font-size:clamp(3.4rem,6vw,6.4rem);line-height:.86;letter-spacing:-.07em;color:#fff;margin:.5rem 0 1rem}.comp62-mast h1 em,.comp62hub-mast h1 em{font-style:normal;color:#d6a34a}.train62-kicker{color:#d6a34a;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.train62-lead,.comp62-mast p,.comp62hub-mast p{color:#d2d2cf;line-height:1.7;max-width:680px}
.train62-visual,.comp62-visual{position:relative;min-height:570px;isolation:isolate}.train62-visual figure,.comp62-visual figure{position:absolute;margin:0;overflow:hidden}.train62-visual img,.comp62-visual img,.train62-instinct img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.train62-visual .main,.comp62-visual .a{right:0;top:0;width:76%;height:100%;border-radius:28px 105px 28px 28px}.train62-visual .float,.comp62-visual .b{left:0;bottom:1%;width:38%;height:54%;z-index:3;border:7px solid #090b0e;border-radius:24px 24px 85px 24px}.train62-word{position:absolute;right:-.04em;bottom:.05em;z-index:-1;color:rgba(255,255,255,.026);font-size:11rem;font-weight:950;letter-spacing:-.08em}.comp62-visual .b span{position:absolute;left:10px;right:10px;bottom:10px;padding:.45rem .55rem;border-radius:8px;background:rgba(0,0,0,.58);color:#fff;font-size:.48rem;font-weight:900;letter-spacing:.07em;text-align:center}
.train62-rail{position:sticky;top:72px;z-index:42;background:rgba(248,244,236,.95);border-bottom:1px solid #ddd4c7;backdrop-filter:blur(14px)}.train62-rail .wrap{display:flex;justify-content:center;gap:2.5rem;overflow:auto}.train62-rail a{padding:1rem 0;color:#49433b;text-decoration:none;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.train62-paper,.train62-instinct,.train62-stages,.train62-next,.comp62-table,.comp62-story,.comp62-fit,.comp62-source,.comp62-next,.comp62hub-grid,.comp62hub-method{padding:clamp(5rem,8vw,8rem) 0;background:#fffdf8;color:#15120f;scroll-margin-top:130px}.train62-paper.alt,.comp62-fit{background:#f0e9de}.train62-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.train62-head h2,.comp62-table h2,.comp62-story h2,.comp62-fit h2,.comp62-source h2,.comp62-next h2,.comp62hub h2{font-size:clamp(2.8rem,5vw,5.3rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0;color:#15120f}.train62-head>p,.comp62-table header>p{color:#403a34;line-height:1.7}
.train62-principles,.train62-mistakes{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d6ccbd}.train62-principles article,.train62-mistakes article{background:#f7f2e9;padding:1.4rem;min-height:280px}.train62-principles span{color:#95601c;font-size:.58rem;font-weight:900}.train62-principles h3,.train62-mistakes h3{font-size:1.45rem;line-height:1.05;margin:2rem 0 .7rem;color:#17130f}.train62-principles p,.train62-mistakes p{color:#49433c;line-height:1.62;font-size:.83rem}
.train62-dark{padding:clamp(5rem,9vw,8rem) 0;background:#090b0e;color:#fff;scroll-margin-top:130px}.train62-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.train62-dark h2{font-size:clamp(3rem,5.3vw,5.5rem);line-height:.9;letter-spacing:-.06em;color:#fff;margin:.4rem 0}.train62-big{color:#d8d5cf;font-size:1.25rem;line-height:1.5}.train62-stack{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#282a2d}.train62-stack article{background:#101216;padding:1.5rem;min-height:210px}.train62-stack strong{color:#fff}.train62-stack p{color:#bfc0bd;line-height:1.6;font-size:.84rem}
.train62-instinct-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,7rem);align-items:center}.train62-instinct figure{height:650px;margin:0;overflow:hidden;border-radius:28px 100px 28px 28px}.train62-instinct h2{font-size:clamp(3rem,5vw,5.3rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0 1rem}.train62-instinct p{color:#423d36;line-height:1.75}.train62-callout{margin-top:1.5rem;padding:1rem;border-left:2px solid #a86d20;background:#eee6da}.train62-callout strong,.train62-callout span{display:block}.train62-callout span{color:#514a41;margin-top:.25rem}
.train62-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.train62-role-grid article{padding:1.5rem;border:1px solid #d2c7b8;border-radius:20px;background:#faf6ef}.train62-role-grid article.featured{background:#17130f;color:#fff;border-color:#17130f}.train62-role-grid span{font-size:.55rem;font-weight:900;color:#99621c;letter-spacing:.12em}.train62-role-grid .featured span{color:#e2b568}.train62-role-grid h3{font-size:1.7rem;margin:1.8rem 0 .7rem}.train62-role-grid .featured h3{color:#fff}.train62-role-grid p{color:#4b453d;line-height:1.65}.train62-role-grid .featured p{color:#cfcbc4}
.train62-stages{background:#fffdf8}.train62-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#d4c9b8}.train62-timeline article{background:#f4eee4;padding:1.2rem;min-height:250px}.train62-timeline b{color:#925b18;font-size:.62rem}.train62-timeline strong{display:block;margin:2rem 0 .55rem;font-size:1.1rem}.train62-timeline p{color:#4a443c;font-size:.8rem;line-height:1.6}.train62-head.dark h2{color:#fff}.train62-head.dark>p{color:#c4c2bd}.train62-mistakes{background:#292b2e}.train62-mistakes article{background:#101216}.train62-mistakes h3{color:#fff}.train62-mistakes p{color:#bfc0bd}.train62-next{background:#eae2d6}.train62-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.train62-links{display:grid;border-top:1px solid #cdbfaa}.train62-links a{padding:1rem 0;border-bottom:1px solid #cdbfaa;color:#75470f;text-decoration:none;font-weight:850}

/* Comparison hub */
.comp62hub-mast .wrap{max-width:1000px}.comp62hub-mast em{color:#d5a34b}.comp62hub-grid header{max-width:900px;margin-bottom:2.4rem}.comp62-hub-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.comp62-hub-card{display:grid;grid-template-columns:.8fr 1.2fr;text-decoration:none;background:#f2ece2;border:1px solid #ddd2c4;border-radius:22px;overflow:hidden}.comp62-hub-card figure{height:340px;margin:0;overflow:hidden}.comp62-hub-card img{width:100%;height:100%;object-fit:cover}.comp62-hub-card>div{padding:1.35rem;display:flex;flex-direction:column;justify-content:flex-end}.comp62-hub-card span{font-size:.52rem;color:#925a17;font-weight:900;letter-spacing:.12em}.comp62-hub-card h3{font-size:1.65rem;line-height:1.05;color:#15120f;margin:.45rem 0 .7rem}.comp62-hub-card p{color:#49433b;line-height:1.6;font-size:.82rem}.comp62-hub-card b{color:#75470f;font-size:.72rem}.comp62hub-method{background:#17130f;color:#fff}.comp62hub-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.comp62hub-method h2{color:#fff}.comp62hub-method p{color:#cbc7c0;line-height:1.75}

/* Comparison detail */
.comp62-table header{max-width:900px;margin-bottom:2rem}.comp62-table-head,.comp62-row{display:grid;grid-template-columns:.65fr 1fr 1fr}.comp62-table-head>*{padding:.85rem 1rem;background:#17130f;color:#fff;font-size:.65rem}.comp62-row>*{padding:1rem;border-right:1px solid #d6ccbd;border-bottom:1px solid #d6ccbd}.comp62-row strong{background:#eee6da;color:#4b3a25;font-size:.72rem}.comp62-row span{color:#3f3932;line-height:1.55;font-size:.82rem;background:#fffaf2}.comp62-story{background:#f0e9de}.comp62-story-grid,.comp62-source-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:6rem}.comp62-story p,.comp62-source p{color:#413b34;line-height:1.78}.comp62-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc2b0}.comp62-fit-grid article{background:#faf5ed;padding:1.4rem;min-height:260px}.comp62-fit-grid span{font-size:.54rem;color:#955d18;font-weight:900}.comp62-fit-grid h3{font-size:1.4rem;margin:2rem 0 .7rem}.comp62-fit-grid p{color:#49433b;line-height:1.62;font-size:.83rem}.comp62-source{background:#17130f;color:#fff}.comp62-source h2{color:#fff}.comp62-source p{color:#cbc7c0}.comp62-source a{display:block;color:#e4b665;text-decoration:none;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:.75rem;font-weight:850}.comp62-next{text-align:center}.comp62-next .btns{justify-content:center;margin-top:1.5rem}
@media(max-width:1000px){.train62-mast-grid,.comp62-mast-grid,.train62-split,.train62-instinct-grid,.train62-next-grid,.comp62-story-grid,.comp62-source-grid,.comp62hub-method-grid{grid-template-columns:1fr}.train62-visual,.comp62-visual{min-height:520px}.train62-principles,.train62-mistakes{grid-template-columns:1fr 1fr}.train62-timeline{grid-template-columns:1fr 1fr}.comp62-hub-cards{grid-template-columns:1fr}}
@media(max-width:700px){.train62-mast,.comp62-mast,.comp62hub-mast{padding:5.8rem 0 3rem}.train62-visual,.comp62-visual{min-height:430px}.train62-head{grid-template-columns:1fr;gap:1rem}.train62-role-grid,.train62-principles,.train62-mistakes,.train62-timeline,.comp62-fit-grid{grid-template-columns:1fr}.train62-stack{grid-template-columns:1fr}.train62-rail{top:64px}.train62-rail .wrap{justify-content:flex-start}.comp62-table-head,.comp62-row{grid-template-columns:.55fr 1fr 1fr}.comp62-table-head>*,.comp62-row>*{padding:.7rem .55rem;font-size:.67rem}.comp62-hub-card{grid-template-columns:1fr}.comp62-hub-card figure{height:330px}}

/* =========================================================
   V63 — ELITE CAUCASIAN SHEPHERD FAQ
   Editorial search + filter + accordion experience
   ========================================================= */
.faq63{--fink:#15120f;--fbody:#413b34;--fgold:#9b621b;--fpaper:#fffdf8;overflow:hidden}
.faq63 .eyebrow{display:block;color:var(--fgold);font-size:.57rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.faq63-mast{padding:7rem 0 4.5rem;background:radial-gradient(circle at 75% 22%,rgba(194,137,48,.12),transparent 27%),#090b0e;color:#fff}
.faq63-mast-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.faq63 .breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.7rem;color:#85878a;font-size:.64rem}.faq63 .breadcrumbs a{color:#c7c8c8;text-decoration:none}
.faq63-copy h1{max-width:720px;margin:.55rem 0 1.2rem;color:#fff;font-size:clamp(3.6rem,6.3vw,6.8rem);line-height:.86;letter-spacing:-.07em}.faq63-copy h1 em{color:#d9a74e;font-style:normal}
.faq63-lead{max-width:650px;color:#d0d0cc;font-size:1rem;line-height:1.72}
.faq63-search{max-width:580px;margin-top:2rem}.faq63-search label{display:block;margin-bottom:.45rem;color:#8e8e8a;font-size:.54rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.faq63-search>div{position:relative}.faq63-search input{width:100%;min-height:56px;padding:0 3.2rem 0 1rem;border:1px solid rgba(255,255,255,.17);border-radius:15px;outline:none;background:rgba(255,255,255,.06);color:#fff;font:inherit}.faq63-search input::placeholder{color:#858683}.faq63-search input:focus{border-color:#d2a04a;box-shadow:0 0 0 4px rgba(210,160,74,.08)}.faq63-search>div>span{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#d9a74e;font-size:1.25rem}
.faq63-stats{display:flex;gap:2rem;margin-top:2rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.12)}.faq63-stats div{display:grid}.faq63-stats strong{color:#fff;font-size:1.1rem}.faq63-stats span{color:#8f908d;font-size:.53rem;text-transform:uppercase;letter-spacing:.08em}
.faq63-visual{position:relative;min-height:610px;isolation:isolate}.faq63-visual figure{position:absolute;margin:0;overflow:hidden}.faq63-visual img,.faq63-break img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.faq63-main-img{right:0;top:0;width:77%;height:100%;border-radius:28px 110px 28px 28px}.faq63-float-img{left:0;bottom:2%;z-index:3;width:38%;height:50%;border:7px solid #090b0e;border-radius:22px 22px 80px 22px}.faq63-stamp{position:absolute;right:2%;bottom:4%;z-index:4;padding:.8rem 1rem;background:rgba(10,11,13,.74);backdrop-filter:blur(10px);border-left:2px solid #d4a24c;color:#fff}.faq63-stamp span{display:block;color:#d4a24c;font-size:.48rem;font-weight:950;letter-spacing:.14em}.faq63-stamp strong{display:block;margin-top:.3rem;font-size:.75rem;line-height:1.1}
.faq63-rail{position:sticky;top:72px;z-index:45;background:rgba(248,244,236,.95);border-bottom:1px solid #ddd4c7;backdrop-filter:blur(15px)}.faq63-rail .wrap{display:flex;justify-content:center;gap:2rem;overflow-x:auto;scrollbar-width:none}.faq63-rail .wrap::-webkit-scrollbar{display:none}.faq63-rail button{padding:1rem 0;border:0;border-bottom:2px solid transparent;background:none;color:#5b544b;font:inherit;font-size:.59rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.faq63-rail button.is-active{border-color:#9b621b;color:#17130f}
.faq63-intro,.faq63-stage,.faq63-paths,.faq63-cta{padding:clamp(5rem,8vw,8rem) 0;background:#fffdf8;color:#15120f}.faq63-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:end}.faq63-intro h2,.faq63-stage h2,.faq63-paths h2,.faq63-cta h2{margin:.4rem 0;color:#15120f;font-size:clamp(2.9rem,5vw,5.4rem);line-height:.9;letter-spacing:-.06em}.faq63-intro p,.faq63-cta p{color:#403a33;line-height:1.78}.faq63-text-link{display:inline-block;margin-top:.7rem;color:#75470f;font-size:.72rem;font-weight:900;text-decoration:none}
.faq63-stage{padding-top:2rem}.faq63-stage-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.5rem}.faq63-result{color:#6d655b;font-size:.63rem}.faq63-result strong{color:#17130f;font-size:1rem}
.faq63-list{border-top:1px solid #cfc4b5}.faq63-item{border-bottom:1px solid #cfc4b5}.faq63-item[hidden]{display:none}.faq63-question{width:100%;display:grid;grid-template-columns:54px 1fr 42px;gap:1rem;align-items:center;padding:1.4rem 0;border:0;background:none;text-align:left;cursor:pointer}.faq63-num{color:#9a611b;font-size:.58rem;font-weight:950;letter-spacing:.1em}.faq63-question h3{margin:0;color:#17130f;font-size:clamp(1.35rem,2.3vw,2.15rem);line-height:1.08;letter-spacing:-.035em}.faq63-plus{position:relative;width:34px;height:34px;border:1px solid #c9bdad;border-radius:50%;transition:.3s ease}.faq63-plus:before,.faq63-plus:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1px;background:#17130f;transform:translate(-50%,-50%)}.faq63-plus:after{transform:translate(-50%,-50%) rotate(90deg);transition:.3s ease}.faq63-item.is-open .faq63-plus{background:#17130f;border-color:#17130f}.faq63-item.is-open .faq63-plus:before,.faq63-item.is-open .faq63-plus:after{background:#fff}.faq63-item.is-open .faq63-plus:after{transform:translate(-50%,-50%) rotate(0)}
.faq63-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .48s cubic-bezier(.22,1,.36,1)}.faq63-answer>div{overflow:hidden}.faq63-item.is-open .faq63-answer{grid-template-rows:1fr}.faq63-answer p{max-width:850px;margin:0 0 1.3rem 70px;padding-right:3rem;color:#443e37;font-size:.92rem;line-height:1.78}.faq63-answer-links,.faq63-answer-note{max-width:850px;margin:0 0 1.5rem 70px}.faq63-answer-links{display:flex;gap:1.5rem}.faq63-answer-links a{color:#784a12;font-size:.66rem;font-weight:900;text-decoration:none}.faq63-answer-note{display:flex;gap:.6rem;padding:.8rem 1rem;border-left:2px solid #9b621b;background:#f1e9dd;color:#443e37;font-size:.72rem;line-height:1.55}.faq63-empty{text-align:center;padding:4rem 1rem}.faq63-empty strong,.faq63-empty span{display:block}.faq63-empty strong{font-size:1.6rem}.faq63-empty span{margin:.4rem 0 1rem;color:#686057}.faq63-empty button{border:0;background:none;color:#75470f;font-weight:900;cursor:pointer}
.faq63-break{padding:clamp(5rem,9vw,8rem) 0;background:#090b0e;color:#fff}.faq63-break-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,7rem);align-items:center}.faq63-break figure{height:640px;margin:0;overflow:hidden;border-radius:30px 110px 30px 30px}.faq63-break-copy{position:relative;z-index:2}.faq63-break-copy h2{margin:.5rem 0 1rem;color:#fff;font-size:clamp(3rem,5vw,5.2rem);line-height:.9;letter-spacing:-.06em}.faq63-break-copy p{color:#c9c8c3;line-height:1.75}.faq63-break-word{position:absolute;right:-.05em;top:-.2em;color:rgba(255,255,255,.025);font-size:clamp(6rem,15vw,14rem);font-weight:950;letter-spacing:-.08em;pointer-events:none}
.faq63-paths{background:#eee7dc}.faq63-paths header{max-width:900px;margin-bottom:2rem}.faq63-path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfc3b2}.faq63-path-grid a{min-height:330px;padding:1.4rem;display:flex;flex-direction:column;background:#f8f3eb;color:#15120f;text-decoration:none;transition:transform .3s ease,background .3s ease}.faq63-path-grid a:hover{position:relative;z-index:2;transform:translateY(-6px);background:#17130f;color:#fff}.faq63-path-grid span{color:#925a17;font-size:.53rem;font-weight:950;letter-spacing:.1em}.faq63-path-grid h3{margin:2.6rem 0 .7rem;font-size:1.45rem;line-height:1.05}.faq63-path-grid p{color:#4b453d;font-size:.8rem;line-height:1.65}.faq63-path-grid a:hover p{color:#c8c5bf}.faq63-path-grid b{margin-top:auto;color:#805015;font-size:.66rem}.faq63-path-grid a:hover b{color:#e1b463}
.faq63-cta{background:#17130f;color:#fff}.faq63-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.faq63-cta h2{color:#fff}.faq63-cta p{color:#c9c6c0}
@media(max-width:1000px){.faq63-mast-grid,.faq63-intro-grid,.faq63-break-grid,.faq63-cta-grid{grid-template-columns:1fr}.faq63-visual{min-height:540px}.faq63-path-grid{grid-template-columns:1fr 1fr}.faq63-break figure{height:520px}}
@media(max-width:700px){.faq63-mast{padding:5.8rem 0 3rem}.faq63-visual{min-height:430px}.faq63-stats{gap:1rem;justify-content:space-between}.faq63-rail{top:64px}.faq63-rail .wrap{justify-content:flex-start}.faq63-stage-head{align-items:flex-start;flex-direction:column}.faq63-question{grid-template-columns:34px 1fr 34px;gap:.55rem}.faq63-answer p,.faq63-answer-links,.faq63-answer-note{margin-left:34px;padding-right:.3rem}.faq63-answer-links{flex-direction:column;gap:.5rem}.faq63-path-grid{grid-template-columns:1fr}.faq63-break figure{height:430px}.faq63-cta-grid{gap:2rem}}
@media(prefers-reduced-motion:reduce){.faq63-answer,.faq63-path-grid a,.faq63-plus,.faq63-plus:after{transition:none!important}}

/* V64 FAQ SEO authority expansion */
.faq64-subhead{max-width:760px;margin:.8rem 0 0;color:#5a5249;line-height:1.65;font-size:.82rem}
.faq64-trust{display:flex;flex-wrap:wrap;gap:.55rem 1.2rem;margin-top:1.4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);color:#979894;font-size:.52rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.faq64-experience{padding:clamp(5rem,8vw,8rem) 0;background:#f0e9de;color:#15120f}
.faq64-experience-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem);align-items:start}
.faq64-experience h2{margin:.4rem 0 1rem;color:#15120f;font-size:clamp(3rem,5vw,5.2rem);line-height:.9;letter-spacing:-.06em}
.faq64-experience-copy p{color:#413b34;line-height:1.78}
.faq64-observations{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cfc3b2}
.faq64-observations article{min-height:245px;padding:1.35rem;background:#faf6ef}
.faq64-observations span{color:#965d18;font-size:.55rem;font-weight:950}
.faq64-observations h3{margin:2.2rem 0 .65rem;color:#17130f;font-size:1.35rem;line-height:1.05}
.faq64-observations p{margin:0;color:#4a443c;font-size:.8rem;line-height:1.65}
.faq63-item:target{scroll-margin-top:145px;background:#fbf4e8}
.faq63-item:target .faq63-question{padding-left:.6rem;padding-right:.6rem}
@media(max-width:900px){.faq64-experience-grid{grid-template-columns:1fr}}
@media(max-width:600px){.faq64-observations{grid-template-columns:1fr}.faq64-trust{display:grid}}

/* ========================================================= V65 HEALTH AUTHORITY PAGE */
.health65{--ink:#15120f;--body:#413b34;--gold:#996019;overflow:hidden}.health65 .eyebrow{display:block;color:var(--gold);font-size:.57rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.health65-mast{padding:7rem 0 4rem;background:radial-gradient(circle at 82% 20%,rgba(206,151,62,.09),transparent 25%),#090b0e;color:#fff}.health65-mast-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,7rem);align-items:center}.health65 .breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.7rem;color:#85878a;font-size:.65rem}.health65 .breadcrumbs a{color:#c8c8c6;text-decoration:none}.health65-copy h1{font-size:clamp(3.5rem,6vw,6.4rem);line-height:.86;letter-spacing:-.07em;color:#fff;margin:.5rem 0 1rem}.health65-copy h1 em{color:#d6a34a;font-style:normal}.health65-lead{max-width:650px;color:#d2d1cd;line-height:1.72}
.health65-visual{position:relative;min-height:570px;isolation:isolate}.health65-visual figure{position:absolute;margin:0;overflow:hidden}.health65-visual img,.health65-structure img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.health65-visual .main{right:0;top:0;width:76%;height:100%;border-radius:28px 105px 28px 28px}.health65-visual .float{left:0;bottom:2%;width:38%;height:52%;z-index:3;border:7px solid #090b0e;border-radius:22px 22px 82px 22px}.health65-word{position:absolute;right:-.05em;bottom:.04em;z-index:-1;color:rgba(255,255,255,.025);font-size:clamp(6rem,11vw,11rem);font-weight:950;letter-spacing:-.09em}
.health65-rail{position:sticky;top:72px;z-index:42;background:rgba(248,244,236,.95);border-bottom:1px solid #ddd4c7;backdrop-filter:blur(14px)}.health65-rail .wrap{display:flex;justify-content:center;gap:2.4rem;overflow:auto}.health65-rail a{padding:1rem 0;color:#514a42;text-decoration:none;font-size:.6rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.health65-paper,.health65-structure,.health65-routine,.health65-redflags,.health65-next{padding:clamp(5rem,8vw,8rem) 0;background:#fffdf8;color:#15120f;scroll-margin-top:130px}.health65-paper.alt,.health65-redflags{background:#eee7dc}.health65-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.health65-head h2,.health65-structure h2,.health65-redflags h2,.health65-next h2{font-size:clamp(2.9rem,5vw,5.3rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0;color:#15120f}.health65-head>p,.health65-structure p,.health65-redflags p{color:#403a34;line-height:1.75}
.health65-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d5cbbb}.health65-facts article{background:#f5efe6;padding:1.35rem;min-height:220px}.health65-facts span,.health65-weight-grid span{color:#955d18;font-size:.54rem;font-weight:950;letter-spacing:.12em}.health65-facts strong{display:block;margin:1.8rem 0 .55rem}.health65-facts p,.health65-weight-grid p{color:#4b453d;font-size:.8rem;line-height:1.62}
.health65-dark{padding:clamp(5rem,9vw,8rem) 0;background:#090b0e;color:#fff;scroll-margin-top:130px}.health65-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.health65-dark h2{font-size:clamp(3rem,5.3vw,5.5rem);line-height:.9;letter-spacing:-.06em;color:#fff;margin:.4rem 0}.health65-big{color:#d7d4ce;font-size:1.2rem;line-height:1.5}.health65-growth{display:grid;gap:1px;background:#292b2e}.health65-growth article{background:#101216;padding:1.5rem}.health65-growth strong{color:#fff}.health65-growth p{color:#bfc0bd;line-height:1.65;font-size:.84rem}
.health65-structure-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,7rem);align-items:center}.health65-structure figure{height:650px;margin:0;overflow:hidden;border-radius:28px 100px 28px 28px}.health65-note{margin-top:1.4rem;padding:1rem;border-left:2px solid #9c641c;background:#eee6da}.health65-note strong,.health65-note span{display:block}.health65-note span{margin-top:.25rem;color:#514a42}
.health65-weight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.health65-weight-grid article{padding:1.4rem;border:1px solid #d6ccbd;border-radius:18px;background:#faf6ef}.health65-weight-grid h3{margin:2rem 0 .7rem;font-size:1.55rem}
.health65-routine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d3c8b7}.health65-routine-grid article{background:#f7f2e9;padding:1.35rem;min-height:260px}.health65-routine-grid b{color:#955d18;font-size:.56rem}.health65-routine-grid h3{margin:2rem 0 .7rem;font-size:1.4rem}.health65-routine-grid p{color:#48423a;font-size:.81rem;line-height:1.62}
.health65-life-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7rem;align-items:center}.health65-life-num{color:#fff;font-size:clamp(6rem,13vw,12rem);font-weight:950;letter-spacing:-.09em;line-height:.75;margin:1.5rem 0 .5rem}.health65-life-grid strong{color:#d3a14b}.health65-life-grid h2{color:#fff;font-size:clamp(3rem,5vw,5.2rem);line-height:.9;letter-spacing:-.06em}.health65-life-grid p{color:#c8c6c1;line-height:1.75}
.health65-redflags-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem}.health65-next{background:#17130f;color:#fff}.health65-next header{max-width:900px;margin-bottom:2rem}.health65-next h2{color:#fff}.health65-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#313033}.health65-next-grid a{min-height:300px;padding:1.4rem;display:flex;flex-direction:column;background:#101113;color:#fff;text-decoration:none}.health65-next-grid span{color:#d6a34a;font-size:.53rem;font-weight:950}.health65-next-grid h3{margin:2.5rem 0 .7rem;color:#fff;font-size:1.5rem}.health65-next-grid p{color:#bebbb5;font-size:.8rem;line-height:1.62}.health65-next-grid b{margin-top:auto;color:#e1b464;font-size:.67rem}
@media(max-width:1000px){.health65-mast-grid,.health65-split,.health65-structure-grid,.health65-life-grid,.health65-redflags-grid{grid-template-columns:1fr}.health65-visual{min-height:520px}.health65-facts,.health65-routine-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.health65-mast{padding:5.8rem 0 3rem}.health65-visual{min-height:430px}.health65-head{grid-template-columns:1fr;gap:1rem}.health65-rail{top:64px}.health65-rail .wrap{justify-content:flex-start}.health65-facts,.health65-weight-grid,.health65-routine-grid,.health65-next-grid{grid-template-columns:1fr}.health65-structure figure{height:470px}}

/* =========================================================
   V68 — ABOUT + CONTACT ENTITY PAGES
   ========================================================= */
.about68,.contact68{--eink:#15120f;--ebody:#423c35;--egold:#9a611b;overflow:hidden}
.about68 .eyebrow,.contact68 .eyebrow{display:block;color:var(--egold);font-size:.57rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.about68-mast,.contact68-mast{padding:7rem 0 4rem;background:radial-gradient(circle at 82% 20%,rgba(205,149,58,.09),transparent 26%),#090b0e;color:#fff}
.about68-mast-grid,.contact68-mast-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.about68 .breadcrumbs,.contact68 .breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.7rem;color:#85878a;font-size:.65rem}.about68 .breadcrumbs a,.contact68 .breadcrumbs a{color:#c8c8c6;text-decoration:none}
.about68-copy h1,.contact68-copy h1{margin:.5rem 0 1rem;color:#fff;font-size:clamp(3.5rem,6.1vw,6.5rem);line-height:.86;letter-spacing:-.07em}.about68-copy h1 em,.contact68-copy h1 em{color:#d7a44b;font-style:normal}
.about68-lead,.contact68-lead{max-width:660px;color:#d2d1cd;line-height:1.72}
.about68-visual,.contact68-visual{position:relative;min-height:570px;isolation:isolate}.about68-visual figure,.contact68-visual figure{position:absolute;margin:0;overflow:hidden}.about68-visual img,.contact68-visual img,.about68-life img,.about68-pack img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);display:block}
.about68-visual .main{right:0;top:0;width:76%;height:100%;border-radius:28px 105px 28px 28px}.about68-visual .float{left:0;bottom:2%;width:38%;height:52%;z-index:3;border:7px solid #090b0e;border-radius:22px 22px 82px 22px}.about68-word,.contact68-word{position:absolute;right:-.05em;bottom:.04em;z-index:-1;color:rgba(255,255,255,.025);font-size:clamp(6rem,11vw,11rem);font-weight:950;letter-spacing:-.09em}
.about68-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:#2c2d30}.about68-proof div{padding:.8rem;background:#111317}.about68-proof strong,.about68-proof span{display:block}.about68-proof strong{color:#fff;font-size:1.1rem}.about68-proof span{margin-top:.25rem;color:#92938f;font-size:.52rem;line-height:1.35;text-transform:uppercase;letter-spacing:.05em}

.about68-origin,.about68-life,.about68-pack,.about68-social,.about68-cta,.contact68-paths,.contact68-before,.contact68-social{padding:clamp(5rem,8vw,8rem) 0;background:#fffdf8;color:#15120f}
.about68-origin-grid,.about68-social-grid,.about68-cta-grid,.contact68-before-grid,.contact68-social-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem)}
.about68-origin h2,.about68-head h2,.about68-dark h2,.about68-pack h2,.about68-social h2,.about68-cta h2,.contact68-head h2,.contact68-before h2,.contact68-dark h2,.contact68-social h2{margin:.4rem 0;color:#15120f;font-size:clamp(2.9rem,5vw,5.3rem);line-height:.9;letter-spacing:-.06em}
.about68-origin p,.about68-head p,.about68-pack p,.about68-social p,.about68-cta p,.contact68-head p,.contact68-before p,.contact68-social p{color:#403a34;line-height:1.75}
.about68-head,.contact68-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:2.5rem}
.about68-life{background:#eee7dc}.about68-life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about68-life article{overflow:hidden;border-radius:20px;background:#f8f3eb;border:1px solid #d9cebe}.about68-life figure{height:420px;margin:0;overflow:hidden}.about68-life article>div{padding:1.25rem}.about68-life span{color:#965d18;font-size:.54rem;font-weight:950;letter-spacing:.11em}.about68-life h3{margin:.45rem 0 .65rem;font-size:1.55rem}.about68-life p{color:#4b453d;font-size:.82rem;line-height:1.65}
.about68-dark,.contact68-dark{padding:clamp(5rem,9vw,8rem) 0;background:#090b0e;color:#fff}.about68-dark-grid,.contact68-dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.about68-dark h2,.contact68-dark h2{color:#fff}.about68-values{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#292b2e}.about68-values article{min-height:230px;padding:1.4rem;background:#101216}.about68-values span{color:#d6a34a;font-size:.55rem;font-weight:950}.about68-values strong{display:block;margin:1.8rem 0 .55rem;color:#fff;font-size:1.25rem}.about68-values p,.contact68-dark p{color:#c4c2bd;line-height:1.65}
.about68-pack{background:#f3ede3}.about68-pack-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,7vw,7rem);align-items:center}.about68-pack-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about68-pack-visual figure{height:620px;margin:0;overflow:hidden;border-radius:24px}.about68-pack-visual figure:first-child{border-radius:24px 90px 24px 24px}.about68-pack-visual figure:last-child{border-radius:90px 24px 24px 24px}
.about68-social{background:#17130f;color:#fff}.about68-social h2{color:#fff}.about68-social-links,.contact68-social-list{display:grid;border-top:1px solid rgba(255,255,255,.15)}.about68-social-links a,.contact68-social-list a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none}.about68-social-links b,.contact68-social-list b{color:#d9a84e;font-size:.68rem}.about68-cta{background:#eee7dc}

.contact68-visual figure{right:0;top:0;width:83%;height:100%;border-radius:28px 105px 28px 28px}
.contact68-location{width:max-content;max-width:100%;margin-top:1.5rem;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#f0ede8;font-size:.65rem;font-weight:850}
.contact68-paths{background:#fffdf8}.contact68-path-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:12px}.contact68-path-grid article{min-height:350px;padding:1.5rem;border:1px solid #d4c9b9;border-radius:20px;background:#f7f2e9;display:flex;flex-direction:column}.contact68-path-grid article.primary{background:#17130f;color:#fff;border-color:#17130f}.contact68-path-grid span{color:#995f19;font-size:.54rem;font-weight:950;letter-spacing:.11em}.contact68-path-grid .primary span{color:#d9aa54}.contact68-path-grid h3{margin:2.2rem 0 .7rem;color:#17130f;font-size:1.65rem;line-height:1.05}.contact68-path-grid .primary h3{color:#fff}.contact68-path-grid p{color:#4b453d;line-height:1.65;font-size:.84rem}.contact68-path-grid .primary p{color:#c8c5bf}.contact68-path-grid a{margin-top:auto;color:#75470f;text-decoration:none;font-weight:900;font-size:.72rem}.contact68-path-grid .primary a{color:#fff}
.contact68-before{background:#eee7dc}.contact68-links{display:grid;border-top:1px solid #cfc1ae}.contact68-links a{display:grid;grid-template-columns:.45fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #cfc1ae;color:#17130f;text-decoration:none}.contact68-links strong{color:#17130f}.contact68-links span{color:#574f46;font-size:.82rem}
.contact68-social{background:#f7f2e9}.contact68-social-list{border-color:#d3c7b6}.contact68-social-list a{border-color:#d3c7b6;color:#17130f}.contact68-social-list b{color:#815014}

@media(max-width:1000px){
 .about68-mast-grid,.contact68-mast-grid,.about68-origin-grid,.about68-dark-grid,.about68-pack-grid,.about68-social-grid,.about68-cta-grid,.contact68-before-grid,.contact68-dark-grid,.contact68-social-grid{grid-template-columns:1fr}
 .about68-visual,.contact68-visual{min-height:520px}
 .about68-life-grid,.contact68-path-grid{grid-template-columns:1fr 1fr}
 .contact68-path-grid .primary{grid-column:1/3}
}
@media(max-width:700px){
 .about68-mast,.contact68-mast{padding:5.8rem 0 3rem}
 .about68-visual,.contact68-visual{min-height:430px}
 .about68-proof{grid-template-columns:1fr}
 .about68-head,.contact68-head{grid-template-columns:1fr;gap:1rem}
 .about68-life-grid,.about68-values,.contact68-path-grid{grid-template-columns:1fr}
 .contact68-path-grid .primary{grid-column:auto}
 .about68-pack-visual{grid-template-columns:1fr 1fr}
 .about68-pack-visual figure{height:480px}
 .contact68-links a{grid-template-columns:1fr;gap:.25rem}
}

/* =========================================================
   V69 — ROUTING + CONTRAST HARDENING
   ========================================================= */

/* CONTACT: force crisp readable typography on each surface */
.contact68{
  --contact-ink:#14110e;
  --contact-body:#3a352f;
  --contact-muted:#5b544b;
  --contact-light:#f7f4ef;
}
.contact68 .contact68-paths,
.contact68 .contact68-before,
.contact68 .contact68-social{
  color:var(--contact-ink)!important;
}
.contact68 .contact68-paths h1,
.contact68 .contact68-paths h2,
.contact68 .contact68-paths h3,
.contact68 .contact68-before h1,
.contact68 .contact68-before h2,
.contact68 .contact68-before h3,
.contact68 .contact68-social h1,
.contact68 .contact68-social h2,
.contact68 .contact68-social h3{
  color:var(--contact-ink)!important;
  opacity:1!important;
}
.contact68 .contact68-paths p,
.contact68 .contact68-before p,
.contact68 .contact68-social p{
  color:var(--contact-body)!important;
  opacity:1!important;
}
.contact68 .contact68-path-grid article:not(.primary) a,
.contact68 .contact68-links a,
.contact68 .contact68-social-list a{
  color:#17130f!important;
}
.contact68 .contact68-path-grid article:not(.primary) span,
.contact68 .contact68-social-list b{
  color:#7c4b10!important;
}
.contact68 .contact68-dark,
.contact68 .contact68-mast{
  color:#fff!important;
}
.contact68 .contact68-dark h1,
.contact68 .contact68-dark h2,
.contact68 .contact68-dark h3,
.contact68 .contact68-mast h1,
.contact68 .contact68-mast h2,
.contact68 .contact68-mast h3{
  color:#fff!important;
}
.contact68 .contact68-dark p,
.contact68 .contact68-mast p{
  color:#d7d4ce!important;
}
.contact68 .contact68-dark .eyebrow,
.contact68 .contact68-mast .eyebrow{
  color:#e0ad54!important;
}

/* APPLICATION PAGE: hard contrast contracts regardless of inherited styles */
body:has(.application-page),
body:has(.puppy-application),
body:has([class*="application"]){
  --app-ink:#15120f;
  --app-body:#3d3832;
  --app-muted:#5e574f;
}
.application-page,
.puppy-application,
[class*="application"]{
  color:var(--app-ink);
}
.application-page h1,
.application-page h2,
.application-page h3,
.application-page h4,
.puppy-application h1,
.puppy-application h2,
.puppy-application h3,
.puppy-application h4{
  color:#15120f!important;
  opacity:1!important;
}
.application-page p,
.application-page li,
.application-page label,
.puppy-application p,
.puppy-application li,
.puppy-application label{
  color:#3d3832!important;
  opacity:1!important;
}
.application-page input,
.application-page textarea,
.application-page select,
.puppy-application input,
.puppy-application textarea,
.puppy-application select{
  color:#15120f!important;
  background:#fff!important;
  border-color:#bfb4a4!important;
}
.application-page input::placeholder,
.application-page textarea::placeholder,
.puppy-application input::placeholder,
.puppy-application textarea::placeholder{
  color:#6b645b!important;
  opacity:1!important;
}

/* Catch older application markup where the page lacks a clean wrapper */
body:has(form) .form-section,
body:has(form) .application-card,
body:has(form) .form-card{
  color:#15120f!important;
}
body:has(form) .form-section p,
body:has(form) .application-card p,
body:has(form) .form-card p,
body:has(form) .form-section label,
body:has(form) .application-card label,
body:has(form) .form-card label{
  color:#3d3832!important;
}

/* Resources page */
.res69{overflow:hidden;background:#fffdf8;color:#15120f}
.res69 .eyebrow{display:block;color:#925a17;font-size:.57rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.res69-mast{padding:7rem 0 5rem;background:#090b0e;color:#fff}.res69-mast .breadcrumbs{display:flex;gap:.5rem;color:#85878a;font-size:.65rem;margin-bottom:1.7rem}.res69-mast .breadcrumbs a{color:#c7c8c8;text-decoration:none}.res69-mast h1{font-size:clamp(3.7rem,6.5vw,6.8rem);line-height:.86;letter-spacing:-.07em;color:#fff;margin:.5rem 0 1rem}.res69-mast h1 em{color:#d6a34a;font-style:normal}.res69-mast p{max-width:760px;color:#d4d2cd;line-height:1.72}
.res69-grid{padding:clamp(5rem,8vw,8rem) 0}.res69-grid header{max-width:900px;margin-bottom:2.3rem}.res69-grid h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0;color:#15120f}.res69-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.res69-card{min-height:280px;padding:1.35rem;display:flex;flex-direction:column;border:1px solid #d5cab9;border-radius:18px;background:#f7f2e9;color:#15120f;text-decoration:none}.res69-card span{color:#915918;font-size:.53rem;font-weight:950;letter-spacing:.11em}.res69-card h3{margin:2.2rem 0 .7rem;color:#15120f;font-size:1.45rem}.res69-card p{color:#4a443d;line-height:1.62;font-size:.81rem}.res69-card b{margin-top:auto;color:#75470f;font-size:.68rem}
@media(max-width:900px){.res69-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.res69-cards{grid-template-columns:1fr}}

/* =========================================================
   V70 — GROOMING + NUTRITION + 404
   ========================================================= */
.groom70,.nutri70{--ink:#15120f;--body:#403a34;--gold:#995f19;overflow:hidden}
.groom70 .eyebrow,.nutri70 .eyebrow,.error70 .eyebrow{display:block;color:#a2681d;font-size:.57rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.groom70-mast,.nutri70-mast{padding:7rem 0 4rem;background:radial-gradient(circle at 82% 20%,rgba(205,149,59,.09),transparent 26%),#090b0e;color:#fff}
.groom70-mast-grid,.nutri70-mast-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.groom70 .breadcrumbs,.nutri70 .breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.7rem;color:#85878a;font-size:.65rem}.groom70 .breadcrumbs a,.nutri70 .breadcrumbs a{color:#c7c8c6;text-decoration:none}
.groom70-copy h1,.nutri70-copy h1{margin:.5rem 0 1rem;color:#fff;font-size:clamp(3.4rem,6vw,6.4rem);line-height:.86;letter-spacing:-.07em}.groom70-copy h1 em,.nutri70-copy h1 em{color:#d7a44c;font-style:normal}.groom70-lead,.nutri70-lead{max-width:660px;color:#d2d1cd;line-height:1.72}
.groom70-visual,.nutri70-visual{position:relative;min-height:570px;isolation:isolate}.groom70-visual figure,.nutri70-visual figure{position:absolute;margin:0;overflow:hidden}.groom70-visual img,.nutri70-visual img,.groom70-shed img,.nutri70-condition img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.groom70-visual .main,.nutri70-visual .main{right:0;top:0;width:76%;height:100%;border-radius:28px 105px 28px 28px}.groom70-visual .float,.nutri70-visual .float{left:0;bottom:2%;width:38%;height:52%;z-index:3;border:7px solid #090b0e;border-radius:22px 22px 82px 22px}.groom70-word,.nutri70-word{position:absolute;right:-.05em;bottom:.04em;z-index:-1;color:rgba(255,255,255,.025);font-size:clamp(6rem,12vw,11rem);font-weight:950;letter-spacing:-.09em}
.groom70-rail,.nutri70-rail{position:sticky;top:72px;z-index:42;background:rgba(248,244,236,.95);border-bottom:1px solid #ddd4c7;backdrop-filter:blur(14px)}.groom70-rail .wrap,.nutri70-rail .wrap{display:flex;justify-content:center;gap:2.4rem;overflow:auto}.groom70-rail a,.nutri70-rail a{padding:1rem 0;color:#514a42;text-decoration:none;font-size:.6rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.groom70-paper,.groom70-shed,.groom70-hands,.groom70-next,.nutri70-paper,.nutri70-condition,.nutri70-adult,.nutri70-next{padding:clamp(5rem,8vw,8rem) 0;background:#fffdf8;color:#15120f;scroll-margin-top:130px}.groom70-paper.alt,.nutri70-paper.alt{background:#eee7dc}
.groom70-head,.nutri70-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.groom70-head h2,.groom70-shed h2,.groom70-hands h2,.groom70-next h2,.nutri70-head h2,.nutri70-condition h2,.nutri70-adult h2,.nutri70-next h2{font-size:clamp(2.9rem,5vw,5.3rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0;color:#15120f}.groom70-head>p,.groom70-shed p,.groom70-hands p,.nutri70-head>p,.nutri70-condition p,.nutri70-adult p{color:#403a34;line-height:1.75}
.groom70-coat-grid,.nutri70-principles,.groom70-tools,.nutri70-qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d4c9b8}.groom70-coat-grid article,.nutri70-principles article{min-height:230px;padding:1.35rem;background:#f6f0e7}.groom70-coat-grid span,.nutri70-principles span{color:#955c18;font-size:.54rem;font-weight:950}.groom70-coat-grid strong{display:block;margin:1.9rem 0 .55rem}.groom70-coat-grid p,.nutri70-principles p{color:#4a443c;font-size:.8rem;line-height:1.62}
.groom70-dark,.nutri70-dark{padding:clamp(5rem,9vw,8rem) 0;background:#090b0e;color:#fff;scroll-margin-top:130px}.groom70-split,.nutri70-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.groom70-dark h2,.nutri70-dark h2{color:#fff;font-size:clamp(3rem,5.3vw,5.5rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0}.groom70-big,.nutri70-big{color:#d7d4ce;font-size:1.2rem;line-height:1.5}.groom70-routine,.nutri70-growth{display:grid;gap:1px;background:#292b2e}.groom70-routine article,.nutri70-growth article{padding:1.5rem;background:#101216}.groom70-routine strong,.nutri70-growth strong{color:#fff}.groom70-routine p,.nutri70-growth p{color:#bfc0bd;line-height:1.65;font-size:.84rem}
.groom70-shed-grid,.nutri70-condition-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,7rem);align-items:center}.groom70-shed figure,.nutri70-condition figure{height:650px;margin:0;overflow:hidden;border-radius:28px 100px 28px 28px}.groom70-note,.nutri70-note{margin-top:1.4rem;padding:1rem;border-left:2px solid #9c641c;background:#eee6da}.groom70-note strong,.groom70-note span,.nutri70-note strong,.nutri70-note span{display:block}.groom70-note span,.nutri70-note span{margin-top:.25rem;color:#514a42}
.groom70-three,.nutri70-food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.groom70-three article,.nutri70-food-grid article{padding:1.4rem;border:1px solid #d6ccbd;border-radius:18px;background:#faf6ef}.groom70-three span,.nutri70-food-grid span{color:#965d18;font-size:.54rem;font-weight:950}.groom70-three h3,.nutri70-food-grid h3{margin:2rem 0 .7rem;font-size:1.45rem}.groom70-three p,.nutri70-food-grid p{color:#49433b;font-size:.81rem;line-height:1.62}
.groom70-hands{background:#f3ede3}.groom70-hands-grid,.nutri70-adult-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem}.groom70-checks,.nutri70-adult-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d3c7b6}.groom70-checks article,.nutri70-adult-list article{min-height:180px;padding:1.2rem;background:#faf6ef}.groom70-checks strong,.groom70-checks span,.nutri70-adult-list strong,.nutri70-adult-list span{display:block}.groom70-checks span,.nutri70-adult-list span{margin-top:.45rem;color:#524b43;font-size:.79rem;line-height:1.55}
.groom70-head.dark h2,.nutri70-head.dark h2{color:#fff}.groom70-head.dark>p,.nutri70-head.dark>p{color:#c4c1bc}.groom70-tools,.nutri70-qgrid{background:#292b2e}.groom70-tools article,.nutri70-qgrid article{min-height:240px;padding:1.35rem;background:#101216}.groom70-tools span{color:#d6a34a;font-size:.54rem;font-weight:950}.groom70-tools h3,.nutri70-qgrid h3{margin:2rem 0 .7rem;color:#fff;font-size:1.35rem}.groom70-tools p,.nutri70-qgrid p{color:#bfc0bd;line-height:1.62;font-size:.81rem}
.groom70-next,.nutri70-next{background:#17130f;color:#fff}.groom70-next header,.nutri70-next header{max-width:900px;margin-bottom:2rem}.groom70-next h2,.nutri70-next h2{color:#fff}.groom70-next-grid,.nutri70-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#313033}.groom70-next-grid a,.nutri70-next-grid a{min-height:290px;padding:1.35rem;display:flex;flex-direction:column;background:#101113;color:#fff;text-decoration:none}.groom70-next-grid span,.nutri70-next-grid span{color:#d6a34a;font-size:.53rem;font-weight:950}.groom70-next-grid h3,.nutri70-next-grid h3{margin:2.4rem 0 .7rem;color:#fff;font-size:1.45rem}.groom70-next-grid p,.nutri70-next-grid p{color:#bebbb5;font-size:.8rem;line-height:1.62}.groom70-next-grid b,.nutri70-next-grid b{margin-top:auto;color:#e1b464;font-size:.67rem}

/* 404 */
.error70-body{margin:0;background:#090b0e;color:#fff}.error70{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(206,151,62,.09),transparent 28%),#090b0e}.error70-backdrop{position:absolute;right:-.04em;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.025);font-size:clamp(16rem,40vw,42rem);font-weight:950;letter-spacing:-.1em;line-height:.7;pointer-events:none}.error70-grid{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,6vw,6rem);align-items:center;width:min(1200px,calc(100% - 3rem));margin:auto}.error70-logo img{width:min(220px,42vw);height:auto}.error70-copy h1{margin:1rem 0;color:#fff;font-size:clamp(3.4rem,6vw,6.5rem);line-height:.86;letter-spacing:-.07em}.error70-copy>p{max-width:620px;color:#d0cfcb;line-height:1.72}.error70-copy .btns{margin-top:1.4rem}.error70-copy .ghost{color:#fff!important;border-color:#66686c!important}.error70-links{display:grid;margin-top:2rem;border-top:1px solid rgba(255,255,255,.12)}.error70-links a{padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.12);color:#d6a34a;text-decoration:none;font-size:.72rem;font-weight:850}.error70-visual{position:relative;height:72vh;max-height:780px;margin:0;overflow:hidden;border-radius:30px 110px 30px 30px}.error70-visual img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.error70-visual figcaption{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;border-radius:14px;background:rgba(7,8,10,.62);backdrop-filter:blur(12px)}.error70-visual figcaption span,.error70-visual figcaption strong{display:block}.error70-visual figcaption span{color:#d6a34a;font-size:.5rem;font-weight:950;letter-spacing:.13em}.error70-visual figcaption strong{margin-top:.3rem;color:#fff}
@media(max-width:1000px){.groom70-mast-grid,.nutri70-mast-grid,.groom70-split,.nutri70-split,.groom70-shed-grid,.nutri70-condition-grid,.groom70-hands-grid,.nutri70-adult-grid,.error70-grid{grid-template-columns:1fr}.groom70-visual,.nutri70-visual{min-height:520px}.groom70-coat-grid,.nutri70-principles,.groom70-tools,.nutri70-qgrid{grid-template-columns:1fr 1fr}.error70-grid{padding:5rem 0}.error70-visual{height:55vh}}
@media(max-width:700px){.groom70-mast,.nutri70-mast{padding:5.8rem 0 3rem}.groom70-visual,.nutri70-visual{min-height:430px}.groom70-head,.nutri70-head{grid-template-columns:1fr;gap:1rem}.groom70-rail,.nutri70-rail{top:64px}.groom70-rail .wrap,.nutri70-rail .wrap{justify-content:flex-start}.groom70-coat-grid,.nutri70-principles,.groom70-three,.nutri70-food-grid,.groom70-checks,.nutri70-adult-list,.groom70-tools,.nutri70-qgrid,.groom70-next-grid,.nutri70-next-grid{grid-template-columns:1fr}.groom70-shed figure,.nutri70-condition figure{height:460px}.error70-grid{width:min(100% - 1.5rem,1200px)}}

/* =========================================================
   V71 — BREEDER & BUYER GUIDE
   ========================================================= */
.buyer71{--ink:#15120f;--body:#403a34;--gold:#995f19;overflow:hidden}
.buyer71 .eyebrow{display:block;color:#a2681d;font-size:.57rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.buyer71-mast{padding:7rem 0 4rem;background:radial-gradient(circle at 82% 20%,rgba(205,149,59,.09),transparent 26%),#090b0e;color:#fff}
.buyer71-mast-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.buyer71 .breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.7rem;color:#85878a;font-size:.65rem}.buyer71 .breadcrumbs a{color:#c7c8c6;text-decoration:none}
.buyer71-copy h1{margin:.5rem 0 1rem;color:#fff;font-size:clamp(3.4rem,6vw,6.4rem);line-height:.86;letter-spacing:-.07em}.buyer71-copy h1 em{color:#d7a44c;font-style:normal}.buyer71-lead{max-width:670px;color:#d2d1cd;line-height:1.72}.buyer71-region{width:max-content;max-width:100%;margin:1.3rem 0;padding:.6rem .8rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#eee9df;font-size:.62rem;font-weight:850}
.buyer71-visual{position:relative;min-height:570px;isolation:isolate}.buyer71-visual figure{position:absolute;margin:0;overflow:hidden}.buyer71-visual img,.buyer71-reverse img,.buyer71-puppy img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.buyer71-visual .main{right:0;top:0;width:76%;height:100%;border-radius:28px 105px 28px 28px}.buyer71-visual .float{left:0;bottom:2%;width:38%;height:52%;z-index:3;border:7px solid #090b0e;border-radius:22px 22px 82px 22px}.buyer71-word{position:absolute;right:-.05em;bottom:.04em;z-index:-1;color:rgba(255,255,255,.025);font-size:clamp(6rem,11vw,11rem);font-weight:950;letter-spacing:-.09em}
.buyer71-rail{position:sticky;top:72px;z-index:42;background:rgba(248,244,236,.95);border-bottom:1px solid #ddd4c7;backdrop-filter:blur(14px)}.buyer71-rail .wrap{display:flex;justify-content:center;gap:2.4rem;overflow:auto}.buyer71-rail a{padding:1rem 0;color:#514a42;text-decoration:none;font-size:.6rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.buyer71-paper,.buyer71-reverse,.buyer71-puppy,.buyer71-apply{padding:clamp(5rem,8vw,8rem) 0;background:#fffdf8;color:#15120f;scroll-margin-top:130px}.buyer71-paper.alt{background:#eee7dc}
.buyer71-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.buyer71-head h2,.buyer71-reverse h2,.buyer71-puppy h2,.buyer71-brand h2,.buyer71-apply h2{font-size:clamp(2.9rem,5vw,5.3rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0;color:#15120f}.buyer71-head>p,.buyer71-reverse p,.buyer71-puppy p,.buyer71-apply p{color:#403a34;line-height:1.75}
.buyer71-eval{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d4c9b8}.buyer71-eval article{min-height:260px;padding:1.35rem;background:#f6f0e7}.buyer71-eval span{color:#955c18;font-size:.54rem;font-weight:950}.buyer71-eval h3{margin:2rem 0 .65rem;font-size:1.35rem}.buyer71-eval p{color:#4a443c;font-size:.8rem;line-height:1.62}
.buyer71-dark{padding:clamp(5rem,9vw,8rem) 0;background:#090b0e;color:#fff;scroll-margin-top:130px}.buyer71-dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.buyer71-dark h2{color:#fff;font-size:clamp(3rem,5.3vw,5.5rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0}.buyer71-dark-grid>div>p{color:#c9c7c2;line-height:1.7}.buyer71-questions{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#292b2e}.buyer71-questions article{min-height:175px;padding:1.3rem;background:#101216}.buyer71-questions span{color:#d6a34a;font-size:.54rem;font-weight:950}.buyer71-questions strong{display:block;margin-top:2rem;color:#fff;line-height:1.3}
.buyer71-reverse{background:#f3ede3}.buyer71-reverse-grid,.buyer71-puppy-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(3rem,7vw,7rem);align-items:center}.buyer71-reverse figure,.buyer71-puppy figure{height:650px;margin:0;overflow:hidden;border-radius:28px 100px 28px 28px}.buyer71-callout{margin-top:1.4rem;padding:1.2rem;border-left:2px solid #9b621a;background:#e8dfd1;color:#231e19;line-height:1.55}
.buyer71-flags{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.buyer71-flags article{min-height:270px;padding:1.35rem;border:1px solid #d4c8b7;border-radius:18px;background:#faf6ef}.buyer71-flags span{color:#955c18;font-size:.54rem;font-weight:950}.buyer71-flags h3{margin:2rem 0 .7rem;font-size:1.35rem}.buyer71-flags p{color:#49433c;font-size:.81rem;line-height:1.62}
.buyer71-puppy{background:#fffdf8}.buyer71-puppy-grid{grid-template-columns:.85fr 1.15fr}.buyer71-puppy figure{border-radius:100px 28px 28px 28px}
.buyer71-brand{padding:clamp(5rem,9vw,8rem) 0;background:#17130f;color:#fff;scroll-margin-top:130px}.buyer71-brand-top{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem;align-items:end;margin-bottom:2.5rem}.buyer71-brand h2{color:#fff}.buyer71-brand-top>p{color:#c9c5be;line-height:1.72}.buyer71-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#343033}.buyer71-brand-grid a{min-height:300px;padding:1.4rem;display:flex;flex-direction:column;background:#101113;color:#fff;text-decoration:none}.buyer71-brand-grid span{color:#d6a34a;font-size:.54rem;font-weight:950}.buyer71-brand-grid strong{margin-top:2.3rem;color:#fff;font-size:1.35rem}.buyer71-brand-grid p{color:#bbb8b2;font-size:.81rem;line-height:1.62}.buyer71-brand-grid b{margin-top:auto;color:#e1b464;font-size:.67rem}
.buyer71-apply{background:#eee7dc}.buyer71-apply-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem;align-items:center}
@media(max-width:1000px){.buyer71-mast-grid,.buyer71-dark-grid,.buyer71-reverse-grid,.buyer71-puppy-grid,.buyer71-brand-top,.buyer71-apply-grid{grid-template-columns:1fr}.buyer71-visual{min-height:520px}.buyer71-eval{grid-template-columns:1fr 1fr}.buyer71-flags{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.buyer71-mast{padding:5.8rem 0 3rem}.buyer71-visual{min-height:430px}.buyer71-head{grid-template-columns:1fr;gap:1rem}.buyer71-rail{top:64px}.buyer71-rail .wrap{justify-content:flex-start}.buyer71-eval,.buyer71-questions,.buyer71-flags,.buyer71-brand-grid{grid-template-columns:1fr}.buyer71-reverse figure,.buyer71-puppy figure{height:480px}}

/* =========================================================
   V72 — RESCUE / SHELTER AUTHORITY HUB
   ========================================================= */
.rescue72,.shelter72,.request72{--ink:#15120f;--body:#403a34;--gold:#a1681c;overflow:hidden}
.rescue72 .eyebrow,.shelter72 .eyebrow,.request72 .eyebrow{display:block;color:#a66c1d;font-size:.57rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.rescue72-mast,.shelter72-mast,.request72-mast{padding:7rem 0 4rem;background:radial-gradient(circle at 82% 18%,rgba(211,153,61,.1),transparent 27%),#090b0e;color:#fff}
.rescue72-mast-grid,.request72-mast-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.rescue72 .breadcrumbs,.shelter72 .breadcrumbs,.request72 .breadcrumbs{display:flex;gap:.5rem;margin-bottom:1.7rem;color:#85878a;font-size:.65rem}.rescue72 .breadcrumbs a,.shelter72 .breadcrumbs a,.request72 .breadcrumbs a{color:#c7c8c6;text-decoration:none}
.rescue72-copy h1,.shelter72-mast h1,.request72-mast h1{margin:.5rem 0 1rem;color:#fff;font-size:clamp(3.4rem,6vw,6.5rem);line-height:.86;letter-spacing:-.07em}.rescue72-copy h1 em,.shelter72-mast h1 em,.request72-mast h1 em{color:#d8a64e;font-style:normal}.rescue72-lead,.shelter72-mast p,.request72-mast p{max-width:730px;color:#d2d1cd;line-height:1.72}.rescue72-region{width:max-content;max-width:100%;margin:1.2rem 0;padding:.6rem .8rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#eee9df;font-size:.62rem;font-weight:850}
.rescue72-visual{position:relative;min-height:590px;isolation:isolate}.rescue72-visual figure{position:absolute;inset:0 0 0 12%;margin:0;overflow:hidden;border-radius:28px 110px 28px 28px}.rescue72-visual img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}.rescue72-signal{position:absolute;left:0;bottom:6%;z-index:3;width:min(360px,72%);padding:1.1rem;background:rgba(10,11,13,.76);border:1px solid rgba(255,255,255,.15);border-radius:18px;backdrop-filter:blur(15px)}.rescue72-signal span,.rescue72-signal strong{display:block}.rescue72-signal span{color:#d8a64e;font-size:.52rem;font-weight:950;letter-spacing:.12em}.rescue72-signal strong{margin-top:.35rem;color:#fff;line-height:1.4}.rescue72-word{position:absolute;right:-.05em;bottom:.02em;z-index:-1;color:rgba(255,255,255,.025);font-size:clamp(7rem,14vw,13rem);font-weight:950;letter-spacing:-.09em}
.rescue72-router{padding:2rem 0;background:#eee7dc}.rescue72-router-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:.8rem}.rescue72-router-grid a{min-height:300px;padding:1.5rem;display:flex;flex-direction:column;border:1px solid #d2c6b4;border-radius:20px;background:#faf6ef;color:#15120f;text-decoration:none}.rescue72-router-grid a.primary{background:#17130f;color:#fff;border-color:#17130f}.rescue72-router-grid span{color:#a1681c;font-size:.53rem;font-weight:950;letter-spacing:.1em}.rescue72-router-grid h2{max-width:570px;margin:2.4rem 0 .7rem;font-size:clamp(2rem,3.2vw,3.3rem);line-height:.95;letter-spacing:-.045em;color:inherit}.rescue72-router-grid p{max-width:600px;color:#4a443c;line-height:1.62}.rescue72-router-grid .primary p{color:#c8c5bf}.rescue72-router-grid b{margin-top:auto;color:#9b6119;font-size:.68rem}.rescue72-router-grid .primary b{color:#e1b464}
.rescue72-rail{position:sticky;top:72px;z-index:42;background:rgba(248,244,236,.95);border-bottom:1px solid #ddd4c7;backdrop-filter:blur(14px)}.rescue72-rail .wrap{display:flex;justify-content:center;gap:2.2rem;overflow:auto}.rescue72-rail a{padding:1rem 0;color:#514a42;text-decoration:none;font-size:.59rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.rescue72-paper,.rescue72-publish,.rescue72-adopt,.rescue72-guide,.rescue72-faq,.rescue72-final,.shelter72-paper,.shelter72-share,.shelter72-more,.request72-paper{padding:clamp(5rem,8vw,8rem) 0;background:#fffdf8;color:#15120f;scroll-margin-top:130px}
.rescue72-head{display:grid;grid-template-columns:1fr .72fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.rescue72-head h2,.rescue72-publish h2,.rescue72-guide h2,.rescue72-faq h2,.rescue72-final h2,.shelter72-paper h2,.shelter72-dark h2,.shelter72-share h2,.request72-form h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0;color:#15120f}.rescue72-head>p,.rescue72-publish p,.rescue72-guide p,.rescue72-faq p,.rescue72-final p,.shelter72-paper p,.shelter72-share p{color:#403a34;line-height:1.72}
.rescue72-orgs,.rescue72-adopt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d3c8b7}.rescue72-orgs article{min-height:250px;padding:1.35rem;background:#f6f0e7}.rescue72-orgs span,.rescue72-adopt-grid span{color:#9a611b;font-size:.53rem;font-weight:950}.rescue72-orgs h3,.rescue72-adopt-grid h3{margin:2rem 0 .65rem;font-size:1.35rem}.rescue72-orgs p,.rescue72-adopt-grid p{color:#4b453e;font-size:.8rem;line-height:1.62}
.rescue72-dark{padding:clamp(5rem,9vw,8rem) 0;background:#090b0e;color:#fff;scroll-margin-top:130px}.rescue72-dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.rescue72-dark h2{color:#fff;font-size:clamp(3rem,5.2vw,5.5rem);line-height:.9;letter-spacing:-.06em;margin:.4rem 0}.rescue72-dark-grid>div>p{color:#c8c6c1;line-height:1.7}.rescue72-help{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#292b2e}.rescue72-help article{min-height:220px;padding:1.3rem;background:#101216}.rescue72-help span{color:#d6a34a;font-size:.53rem;font-weight:950}.rescue72-help strong{display:block;margin:1.8rem 0 .5rem;color:#fff}.rescue72-help p{color:#bfc0bd;font-size:.8rem;line-height:1.62}
.rescue72-publish{background:#f2ece2}.rescue72-publish-grid,.rescue72-guide-grid,.rescue72-final-grid,.shelter72-share-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem);align-items:center}.rescue72-flow{display:grid;gap:1px;background:#d1c5b4}.rescue72-flow article{padding:1.25rem;background:#faf6ef}.rescue72-flow span{float:left;width:2rem;height:2rem;margin-right:1rem;display:grid;place-items:center;border-radius:50%;background:#17130f;color:#d8a64e;font-size:.62rem;font-weight:950}.rescue72-flow strong{display:block}.rescue72-flow p{margin:.3rem 0 0 3rem;font-size:.79rem}
.rescue72-adopt-grid{grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.rescue72-adopt-grid article{min-height:290px;padding:1.35rem;background:#f7f1e8}.rescue72-adopt-grid a{display:inline-block;margin-top:1rem;color:#835014;font-size:.7rem;font-weight:900;text-decoration:none}.rescue72-empty{padding:2rem;border:1px dashed #b9aa94;border-radius:18px;background:#f8f3eb}.rescue72-empty h3{margin:.5rem 0;font-size:1.6rem}
.rescue72-guide{background:#17130f;color:#fff}.rescue72-guide h2{color:#fff}.rescue72-guide p{color:#c6c2bb}.rescue72-cite{padding:1.5rem;border:1px solid #48433d;border-radius:20px;background:#101113}.rescue72-cite span{color:#d6a34a;font-size:.53rem;font-weight:950;letter-spacing:.1em}.rescue72-cite strong{display:block;margin:1.6rem 0 .7rem;color:#fff;font-size:1.25rem;line-height:1.45}.rescue72-cite p{font-size:.8rem}
.rescue72-faq{background:#eee7dc}.rescue72-faq header{max-width:900px;margin-bottom:2rem}.rescue72-faq-list{border-top:1px solid #cfc2b0}.rescue72-faq details{border-bottom:1px solid #cfc2b0}.rescue72-faq summary{padding:1.2rem 0;color:#17130f;font-weight:900;cursor:pointer}.rescue72-faq details p{max-width:900px;padding:0 0 1.2rem;margin:0}.rescue72-final{background:#090b0e;color:#fff}.rescue72-final h2{color:#fff}.rescue72-final p{color:#c8c5bf}

/* Shelter guide */
.shelter72-mast .wrap{max-width:1100px}.shelter72-notice{padding:1rem 0;background:#d6a34a;color:#17130f}.shelter72-notice .wrap{display:flex;gap:.7rem;align-items:flex-start}.shelter72-notice span{font-size:.78rem;line-height:1.5}.shelter72-paper header{max-width:980px;margin-bottom:2rem}.shelter72-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shelter72-grid article{min-height:285px;padding:1.35rem;border:1px solid #d3c8b7;border-radius:18px;background:#f7f1e8}.shelter72-grid span{color:#9a611b;font-size:.53rem;font-weight:950}.shelter72-grid h3{margin:2rem 0 .7rem;font-size:1.35rem}.shelter72-grid p{font-size:.8rem}.shelter72-dark{padding:clamp(5rem,8vw,8rem) 0;background:#090b0e;color:#fff}.shelter72-dark-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem}.shelter72-dark h2{color:#fff}.shelter72-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#292b2e}.shelter72-list p{margin:0;padding:1.25rem;background:#101216;color:#d0cec9;line-height:1.5}.shelter72-share{background:#eee7dc}.shelter72-linkbox{padding:1.5rem;border:1px solid #cbbca7;border-radius:20px;background:#faf6ef}.shelter72-linkbox span{color:#9a611b;font-size:.53rem;font-weight:950}.shelter72-linkbox strong{display:block;margin:1.4rem 0 .5rem}.shelter72-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d0c4b3}.shelter72-more-grid a{min-height:190px;padding:1.2rem;display:flex;flex-direction:column;background:#f8f3eb;color:#17130f;text-decoration:none}.shelter72-more-grid strong{font-size:1.15rem}.shelter72-more-grid span{margin-top:auto;color:#6e4515;font-size:.7rem;font-weight:850}

/* Request intake */
.request72-status{padding:1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.04)}.request72-status span{color:#d6a34a;font-size:.53rem;font-weight:950}.request72-status strong{display:block;margin:1rem 0 .4rem;color:#fff;font-size:1.3rem}.request72-status p{font-size:.8rem}.request72-status a{color:#e1b464}.request72-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(2rem,5vw,5rem);align-items:start}.request72-form{padding:clamp(1.3rem,3vw,2.5rem);border:1px solid #d6cbbb;border-radius:24px;background:#faf6ef}.request72-form-head{margin-bottom:2rem}.request72-form-head p{color:#4a443d;line-height:1.65}.request72-form fieldset{margin:0 0 2rem;padding:0;border:0}.request72-form legend{width:100%;padding:0 0 .65rem;margin-bottom:1rem;border-bottom:1px solid #d3c6b4;color:#17130f;font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.request72-form label{display:grid;gap:.4rem;margin-bottom:1rem;color:#2e2924;font-size:.72rem;font-weight:850}.request72-form input,.request72-form textarea,.request72-form select{width:100%;box-sizing:border-box;padding:.8rem;border:1px solid #bfb19e;border-radius:10px;background:#fff;color:#17130f;font:inherit}.request72-form textarea{resize:vertical}.request72-two,.request72-three{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.request72-three{grid-template-columns:repeat(3,1fr)}.request72-checks{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}.request72-checks label,.request72-confirm{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:.55rem!important;padding:.75rem;border:1px solid #d2c6b5;border-radius:10px;background:#fff}.request72-checks input,.request72-confirm input{width:auto!important;margin-top:.15rem}.request72-side{position:sticky;top:120px;display:grid;gap:12px}.request72-side>div,.request72-side>a{padding:1.3rem;border:1px solid #d5c9b8;border-radius:18px;background:#f5efe6;color:#17130f;text-decoration:none}.request72-side h3{font-size:1.4rem}.request72-side li{margin:.55rem 0;color:#49423a;font-size:.79rem}.request72-side-dark{background:#17130f!important;border-color:#17130f!important}.request72-side-dark span{color:#d6a34a;font-size:.53rem;font-weight:950}.request72-side-dark p{color:#c7c3bc;font-size:.8rem;line-height:1.6}.request72-side>a strong,.request72-side>a span{display:block}.request72-side>a span{margin-top:.7rem;color:#835014;font-size:.7rem;font-weight:900}
@media(max-width:1000px){.rescue72-mast-grid,.request72-mast-grid,.rescue72-dark-grid,.rescue72-publish-grid,.rescue72-guide-grid,.rescue72-final-grid,.shelter72-dark-grid,.shelter72-share-grid,.request72-layout{grid-template-columns:1fr}.rescue72-visual{min-height:520px}.rescue72-orgs,.shelter72-more-grid{grid-template-columns:1fr 1fr}.request72-side{position:static}.shelter72-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.rescue72-mast,.shelter72-mast,.request72-mast{padding:5.8rem 0 3rem}.rescue72-router-grid,.rescue72-head,.rescue72-help,.rescue72-orgs,.rescue72-adopt-grid,.shelter72-grid,.shelter72-list,.shelter72-more-grid,.request72-two,.request72-three,.request72-checks{grid-template-columns:1fr}.rescue72-head{gap:1rem}.rescue72-rail{top:64px}.rescue72-rail .wrap{justify-content:flex-start}.rescue72-visual{min-height:430px}}

/* V73 global footer authority links */
.footer-authority-links{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem 1rem;
  align-items:center;
  margin-top:1.2rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.12);
}
.footer-authority-links strong{
  width:100%;
  color:#d7a44c;
  font-size:.56rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.footer-authority-links a{
  color:#d7d4ce;
  font-size:.66rem;
  text-decoration:none;
}
.footer-authority-links a:hover{color:#fff}

/* =========================================================
   V75 — ELITE GLOBAL FOOTER
   ========================================================= */
.elite-footer75{
  position:relative;
  overflow:hidden;
  padding:clamp(4.5rem,7vw,7rem) 0 1.5rem;
  background:
    radial-gradient(circle at 12% 8%,rgba(214,163,74,.08),transparent 24%),
    radial-gradient(circle at 88% 15%,rgba(255,255,255,.025),transparent 25%),
    #090b0e;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
}

.elite-footer75:before{
  content:"BROTHERBEAR";
  position:absolute;
  left:-.04em;
  bottom:.03em;
  color:rgba(255,255,255,.018);
  font-size:clamp(7rem,17vw,16rem);
  font-weight:950;
  line-height:.7;
  letter-spacing:-.09em;
  pointer-events:none;
}

.elite-footer75-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr .9fr;
  gap:clamp(1.75rem,3.5vw,4rem);
  align-items:start;
}

.elite-footer75-brand{
  padding-right:1rem;
}

.elite-footer75-logo{
  display:inline-block;
  margin-bottom:1.2rem;
}

.elite-footer75-logo img{
  display:block;
  width:min(230px,100%);
  height:auto;
}

.elite-footer75-brand p{
  max-width:420px;
  margin:0;
  color:#c8c5bf;
  font-size:.82rem;
  line-height:1.72;
}

.elite-footer75-proof{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .9rem;
  margin-top:1.25rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.12);
}

.elite-footer75-proof strong{
  color:#fff;
  font-size:.78rem;
}

.elite-footer75-proof span{
  color:#a7a7a3;
  font-size:.72rem;
}

.elite-footer75-social{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem 1rem;
  margin-top:1rem;
}

.elite-footer75-social a{
  color:#d8aa58;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.03em;
  text-decoration:none;
}

.elite-footer75-col{
  display:grid;
  align-content:start;
  gap:.7rem;
}

.elite-footer75-heading{
  display:block;
  margin-bottom:.4rem;
  color:#d8aa58;
  font-size:.56rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.elite-footer75-col a{
  color:#d1cfca;
  font-size:.68rem;
  line-height:1.45;
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}

.elite-footer75-col a:hover{
  color:#fff;
  transform:translateX(2px);
}

.elite-footer75-lower{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:2rem;
  align-items:end;
  margin-top:clamp(3rem,5vw,5rem);
  padding-top:1.25rem;
  border-top:1px solid rgba(255,255,255,.12);
}

.elite-footer75-location{
  display:grid;
  gap:.25rem;
}

.elite-footer75-location span{
  color:#fff;
  font-size:.69rem;
  font-weight:900;
}

.elite-footer75-location strong{
  color:#999a96;
  font-size:.57rem;
  font-weight:750;
  letter-spacing:.025em;
}

.elite-footer75-legal{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem 1rem;
  justify-content:flex-end;
  color:#8f908c;
  font-size:.57rem;
}

.elite-footer75-legal a{
  color:#b8b6b1;
  text-decoration:none;
}

@media(max-width:1100px){
  .elite-footer75-grid{
    grid-template-columns:1.35fr repeat(2,1fr);
  }

  .elite-footer75-brand{
    grid-row:span 2;
  }
}

@media(max-width:760px){
  .elite-footer75{
    padding-top:4rem;
  }

  .elite-footer75-grid{
    grid-template-columns:1fr 1fr;
    gap:2rem 1.4rem;
  }

  .elite-footer75-brand{
    grid-column:1/-1;
    grid-row:auto;
    padding-right:0;
  }

  .elite-footer75-lower{
    align-items:flex-start;
    flex-direction:column;
  }

  .elite-footer75-legal{
    justify-content:flex-start;
  }
}

@media(max-width:520px){
  .elite-footer75-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   V75 — RESCUE / SHELTER CONTRAST HARDENING
   Explicit surface contracts to prevent inherited low-contrast type.
   ========================================================= */

/* Light rescue surfaces */
.rescue72 .rescue72-router,
.rescue72 .rescue72-paper,
.rescue72 .rescue72-publish,
.rescue72 .rescue72-adopt,
.rescue72 .rescue72-faq,
.shelter72 .shelter72-paper,
.shelter72 .shelter72-share,
.shelter72 .shelter72-more,
.request72 .request72-paper{
  color:#15120f!important;
}

.rescue72 .rescue72-router h1,
.rescue72 .rescue72-router h2,
.rescue72 .rescue72-router h3,
.rescue72 .rescue72-paper h1,
.rescue72 .rescue72-paper h2,
.rescue72 .rescue72-paper h3,
.rescue72 .rescue72-publish h1,
.rescue72 .rescue72-publish h2,
.rescue72 .rescue72-publish h3,
.rescue72 .rescue72-adopt h1,
.rescue72 .rescue72-adopt h2,
.rescue72 .rescue72-adopt h3,
.rescue72 .rescue72-faq h1,
.rescue72 .rescue72-faq h2,
.rescue72 .rescue72-faq h3,
.shelter72 .shelter72-paper h1,
.shelter72 .shelter72-paper h2,
.shelter72 .shelter72-paper h3,
.shelter72 .shelter72-share h1,
.shelter72 .shelter72-share h2,
.shelter72 .shelter72-share h3,
.shelter72 .shelter72-more h1,
.shelter72 .shelter72-more h2,
.shelter72 .shelter72-more h3,
.request72 .request72-paper h1,
.request72 .request72-paper h2,
.request72 .request72-paper h3{
  color:#15120f!important;
  opacity:1!important;
  text-shadow:none!important;
}

.rescue72 .rescue72-router p,
.rescue72 .rescue72-paper p,
.rescue72 .rescue72-publish p,
.rescue72 .rescue72-adopt p,
.rescue72 .rescue72-faq p,
.shelter72 .shelter72-paper p,
.shelter72 .shelter72-share p,
.shelter72 .shelter72-more p,
.request72 .request72-paper p,
.request72 .request72-paper li,
.request72 .request72-paper label{
  color:#3a352f!important;
  opacity:1!important;
}

/* Gold labels on cream need the darker gold */
.rescue72 .rescue72-router .eyebrow,
.rescue72 .rescue72-paper .eyebrow,
.rescue72 .rescue72-publish .eyebrow,
.rescue72 .rescue72-adopt .eyebrow,
.rescue72 .rescue72-faq .eyebrow,
.shelter72 .shelter72-paper .eyebrow,
.shelter72 .shelter72-share .eyebrow,
.shelter72 .shelter72-more .eyebrow,
.request72 .request72-paper .eyebrow{
  color:#815014!important;
}

/* Dark rescue surfaces */
.rescue72 .rescue72-mast,
.rescue72 .rescue72-dark,
.rescue72 .rescue72-guide,
.rescue72 .rescue72-final,
.shelter72 .shelter72-mast,
.shelter72 .shelter72-dark,
.request72 .request72-mast{
  color:#fff!important;
}

.rescue72 .rescue72-mast h1,
.rescue72 .rescue72-mast h2,
.rescue72 .rescue72-mast h3,
.rescue72 .rescue72-dark h1,
.rescue72 .rescue72-dark h2,
.rescue72 .rescue72-dark h3,
.rescue72 .rescue72-guide h1,
.rescue72 .rescue72-guide h2,
.rescue72 .rescue72-guide h3,
.rescue72 .rescue72-final h1,
.rescue72 .rescue72-final h2,
.rescue72 .rescue72-final h3,
.shelter72 .shelter72-mast h1,
.shelter72 .shelter72-mast h2,
.shelter72 .shelter72-mast h3,
.shelter72 .shelter72-dark h1,
.shelter72 .shelter72-dark h2,
.shelter72 .shelter72-dark h3,
.request72 .request72-mast h1,
.request72 .request72-mast h2,
.request72 .request72-mast h3{
  color:#fff!important;
  opacity:1!important;
}

.rescue72 .rescue72-mast p,
.rescue72 .rescue72-dark p,
.rescue72 .rescue72-guide p,
.rescue72 .rescue72-final p,
.shelter72 .shelter72-mast p,
.shelter72 .shelter72-dark p,
.request72 .request72-mast p{
  color:#d2d0cb!important;
  opacity:1!important;
}

.rescue72 .rescue72-mast .eyebrow,
.rescue72 .rescue72-dark .eyebrow,
.rescue72 .rescue72-guide .eyebrow,
.rescue72 .rescue72-final .eyebrow,
.shelter72 .shelter72-mast .eyebrow,
.shelter72 .shelter72-dark .eyebrow,
.request72 .request72-mast .eyebrow{
  color:#e2b35e!important;
}

/* Rescue cards that switch to dark */
.rescue72-router-grid .primary h2,
.rescue72-router-grid .primary h3,
.rescue72-router-grid .primary strong{
  color:#fff!important;
}

.rescue72-router-grid .primary p{
  color:#d0cdc7!important;
}

.rescue72-router-grid .primary span,
.rescue72-router-grid .primary b{
  color:#e1b464!important;
}

/* Form readability */
.request72-form,
.request72-form fieldset,
.request72-form legend,
.request72-form label{
  color:#211c17!important;
}

.request72-form input,
.request72-form textarea,
.request72-form select{
  background:#fff!important;
  color:#17130f!important;
  border-color:#aa9d8b!important;
}

.request72-form input::placeholder,
.request72-form textarea::placeholder{
  color:#686159!important;
  opacity:1!important;
}

.request72-side>div:not(.request72-side-dark),
.request72-side>a{
  color:#17130f!important;
}

.request72-side>div:not(.request72-side-dark) p,
.request72-side>div:not(.request72-side-dark) li,
.request72-side>a span{
  color:#423c35!important;
}

.request72-side-dark,
.request72-side-dark strong,
.request72-side-dark h3{
  color:#fff!important;
}

.request72-side-dark p{
  color:#d0cdc7!important;
}

/* Shelter warning strip: strong black on gold */
.shelter72-notice,
.shelter72-notice strong,
.shelter72-notice span{
  color:#17130f!important;
}

/* Rescue FAQ summary contrast */
.rescue72-faq summary{
  color:#17130f!important;
}

/* Link contrast on light backgrounds */
.rescue72-paper a:not(.btn),
.rescue72-publish a:not(.btn),
.rescue72-adopt a:not(.btn),
.rescue72-faq a:not(.btn),
.shelter72-paper a:not(.btn),
.shelter72-share a:not(.btn),
.shelter72-more a:not(.btn),
.request72-paper a:not(.btn){
  color:#75470f!important;
}

/* =========================================================
   V76 — CONTACT / BUYER GUIDE / RESCUE CONTRAST HARDENING
   ========================================================= */

/* ---------- CONTACT ---------- */
.contact68{
  --v76-light-ink:#15120f;
  --v76-light-body:#332e29;
  --v76-light-muted:#514a42;
  --v76-light-gold:#7b4b10;
  --v76-dark-head:#ffffff;
  --v76-dark-body:#dedbd5;
  --v76-dark-gold:#e4b866;
}

.contact68 .contact68-paths,
.contact68 .contact68-before,
.contact68 .contact68-social{
  color:var(--v76-light-ink)!important;
}
.contact68 .contact68-paths h1,
.contact68 .contact68-paths h2,
.contact68 .contact68-paths h3,
.contact68 .contact68-before h1,
.contact68 .contact68-before h2,
.contact68 .contact68-before h3,
.contact68 .contact68-social h1,
.contact68 .contact68-social h2,
.contact68 .contact68-social h3{
  color:var(--v76-light-ink)!important;
  opacity:1!important;
}
.contact68 .contact68-paths p,
.contact68 .contact68-before p,
.contact68 .contact68-social p,
.contact68 .contact68-links span{
  color:var(--v76-light-body)!important;
  opacity:1!important;
}
.contact68 .contact68-paths .eyebrow,
.contact68 .contact68-before .eyebrow,
.contact68 .contact68-social .eyebrow{
  color:var(--v76-light-gold)!important;
}
.contact68 .contact68-path-grid article:not(.primary) span,
.contact68 .contact68-path-grid article:not(.primary) a,
.contact68 .contact68-social-list b{
  color:#6f4210!important;
}
.contact68 .contact68-path-grid article:not(.primary) h3{
  color:#15120f!important;
}
.contact68 .contact68-path-grid article:not(.primary) p{
  color:#37322c!important;
}

.contact68 .contact68-mast,
.contact68 .contact68-dark{
  color:#fff!important;
}
.contact68 .contact68-mast h1,
.contact68 .contact68-mast h2,
.contact68 .contact68-mast h3,
.contact68 .contact68-dark h1,
.contact68 .contact68-dark h2,
.contact68 .contact68-dark h3{
  color:var(--v76-dark-head)!important;
}
.contact68 .contact68-mast p,
.contact68 .contact68-dark p{
  color:var(--v76-dark-body)!important;
}
.contact68 .contact68-mast .eyebrow,
.contact68 .contact68-dark .eyebrow{
  color:var(--v76-dark-gold)!important;
}

/* ---------- BREEDER & BUYER GUIDE ---------- */
.buyer71{
  --v76-buyer-ink:#15120f;
  --v76-buyer-body:#332e29;
  --v76-buyer-gold:#7a4910;
  --v76-buyer-dark-body:#d8d5cf;
}

.buyer71 .buyer71-paper,
.buyer71 .buyer71-reverse,
.buyer71 .buyer71-puppy,
.buyer71 .buyer71-apply{
  color:var(--v76-buyer-ink)!important;
}
.buyer71 .buyer71-paper h1,
.buyer71 .buyer71-paper h2,
.buyer71 .buyer71-paper h3,
.buyer71 .buyer71-reverse h1,
.buyer71 .buyer71-reverse h2,
.buyer71 .buyer71-reverse h3,
.buyer71 .buyer71-puppy h1,
.buyer71 .buyer71-puppy h2,
.buyer71 .buyer71-puppy h3,
.buyer71 .buyer71-apply h1,
.buyer71 .buyer71-apply h2,
.buyer71 .buyer71-apply h3{
  color:var(--v76-buyer-ink)!important;
  opacity:1!important;
}
.buyer71 .buyer71-paper p,
.buyer71 .buyer71-reverse p,
.buyer71 .buyer71-puppy p,
.buyer71 .buyer71-apply p,
.buyer71 .buyer71-flags p,
.buyer71 .buyer71-eval p{
  color:var(--v76-buyer-body)!important;
  opacity:1!important;
}
.buyer71 .buyer71-paper .eyebrow,
.buyer71 .buyer71-reverse .eyebrow,
.buyer71 .buyer71-puppy .eyebrow,
.buyer71 .buyer71-apply .eyebrow{
  color:var(--v76-buyer-gold)!important;
}
.buyer71 .buyer71-eval span,
.buyer71 .buyer71-flags span{
  color:#74440e!important;
}
.buyer71 .buyer71-eval h3,
.buyer71 .buyer71-flags h3{
  color:#17130f!important;
}

.buyer71 .buyer71-mast,
.buyer71 .buyer71-dark,
.buyer71 .buyer71-brand{
  color:#fff!important;
}
.buyer71 .buyer71-mast h1,
.buyer71 .buyer71-mast h2,
.buyer71 .buyer71-mast h3,
.buyer71 .buyer71-dark h1,
.buyer71 .buyer71-dark h2,
.buyer71 .buyer71-dark h3,
.buyer71 .buyer71-brand h1,
.buyer71 .buyer71-brand h2,
.buyer71 .buyer71-brand h3{
  color:#fff!important;
}
.buyer71 .buyer71-mast p,
.buyer71 .buyer71-dark p,
.buyer71 .buyer71-brand p{
  color:var(--v76-buyer-dark-body)!important;
  opacity:1!important;
}
.buyer71 .buyer71-mast .eyebrow,
.buyer71 .buyer71-dark .eyebrow,
.buyer71 .buyer71-brand .eyebrow{
  color:#e3b663!important;
}
.buyer71 .buyer71-brand-grid strong,
.buyer71 .buyer71-brand-grid h3{
  color:#fff!important;
}
.buyer71 .buyer71-brand-grid p{
  color:#d0cdc7!important;
}

/* ---------- RESCUE & ADOPTION MAIN HUB ---------- */
.rescue72{
  --v76-rescue-ink:#15120f;
  --v76-rescue-body:#332e29;
  --v76-rescue-gold:#76470f;
  --v76-rescue-dark-body:#ddd9d3;
}

.rescue72 .rescue72-router,
.rescue72 .rescue72-paper,
.rescue72 .rescue72-publish,
.rescue72 .rescue72-adopt,
.rescue72 .rescue72-faq{
  color:var(--v76-rescue-ink)!important;
}
.rescue72 .rescue72-router h1,
.rescue72 .rescue72-router h2,
.rescue72 .rescue72-router h3,
.rescue72 .rescue72-paper h1,
.rescue72 .rescue72-paper h2,
.rescue72 .rescue72-paper h3,
.rescue72 .rescue72-publish h1,
.rescue72 .rescue72-publish h2,
.rescue72 .rescue72-publish h3,
.rescue72 .rescue72-adopt h1,
.rescue72 .rescue72-adopt h2,
.rescue72 .rescue72-adopt h3,
.rescue72 .rescue72-faq h1,
.rescue72 .rescue72-faq h2,
.rescue72 .rescue72-faq h3{
  color:var(--v76-rescue-ink)!important;
  opacity:1!important;
}
.rescue72 .rescue72-router p,
.rescue72 .rescue72-paper p,
.rescue72 .rescue72-publish p,
.rescue72 .rescue72-adopt p,
.rescue72 .rescue72-faq p{
  color:var(--v76-rescue-body)!important;
  opacity:1!important;
}
.rescue72 .rescue72-router .eyebrow,
.rescue72 .rescue72-paper .eyebrow,
.rescue72 .rescue72-publish .eyebrow,
.rescue72 .rescue72-adopt .eyebrow,
.rescue72 .rescue72-faq .eyebrow{
  color:var(--v76-rescue-gold)!important;
}

.rescue72 .rescue72-mast,
.rescue72 .rescue72-dark,
.rescue72 .rescue72-guide,
.rescue72 .rescue72-final{
  color:#fff!important;
}
.rescue72 .rescue72-mast h1,
.rescue72 .rescue72-mast h2,
.rescue72 .rescue72-mast h3,
.rescue72 .rescue72-dark h1,
.rescue72 .rescue72-dark h2,
.rescue72 .rescue72-dark h3,
.rescue72 .rescue72-guide h1,
.rescue72 .rescue72-guide h2,
.rescue72 .rescue72-guide h3,
.rescue72 .rescue72-final h1,
.rescue72 .rescue72-final h2,
.rescue72 .rescue72-final h3{
  color:#fff!important;
}
.rescue72 .rescue72-mast p,
.rescue72 .rescue72-dark p,
.rescue72 .rescue72-guide p,
.rescue72 .rescue72-final p{
  color:var(--v76-rescue-dark-body)!important;
  opacity:1!important;
}
.rescue72 .rescue72-mast .eyebrow,
.rescue72 .rescue72-dark .eyebrow,
.rescue72 .rescue72-guide .eyebrow,
.rescue72 .rescue72-final .eyebrow{
  color:#e4b866!important;
}

/* Ensure light-card labels and links don't wash out */
.rescue72 .rescue72-orgs span,
.rescue72 .rescue72-adopt-grid span,
.rescue72 .rescue72-flow span{
  color:#6f4210!important;
}
.rescue72 .rescue72-adopt-grid a,
.rescue72 .rescue72-paper a:not(.btn),
.rescue72 .rescue72-publish a:not(.btn),
.rescue72 .rescue72-faq a:not(.btn){
  color:#6b3f0c!important;
}

/* V76B navigation cleanup */
.desktop-nav .resources-menu{position:relative}
.desktop-nav .resources-menu>summary{cursor:pointer;list-style:none}
.desktop-nav .resources-menu>summary::-webkit-details-marker{display:none}
.desktop-nav .resources-submenu{
  min-width:260px;
}
.mobile-resources-menu>summary{cursor:pointer}

/* =========================================================
   V76C — RESCUE ROUTER PRIMARY CARD CONTRAST FIX
   The first router card is a dark surface and must never inherit
   the light-section typography contract.
   ========================================================= */
.rescue72 .rescue72-router-grid a.primary{
  background:#17130f!important;
  color:#fff!important;
  border-color:#17130f!important;
}

.rescue72 .rescue72-router-grid a.primary span,
.rescue72 .rescue72-router-grid a.primary h1,
.rescue72 .rescue72-router-grid a.primary h2,
.rescue72 .rescue72-router-grid a.primary h3,
.rescue72 .rescue72-router-grid a.primary strong{
  color:#fff!important;
  opacity:1!important;
  text-shadow:none!important;
}

.rescue72 .rescue72-router-grid a.primary p{
  color:#e1ded8!important;
  opacity:1!important;
}

.rescue72 .rescue72-router-grid a.primary b{
  color:#f0c875!important;
  opacity:1!important;
}

.rescue72 .rescue72-router-grid a.primary:hover{
  background:#1e1915!important;
}

/* Secondary adopter card remains a true light surface. */
.rescue72 .rescue72-router-grid a:not(.primary){
  background:#faf6ef!important;
  color:#15120f!important;
}

.rescue72 .rescue72-router-grid a:not(.primary) h2,
.rescue72 .rescue72-router-grid a:not(.primary) h3{
  color:#15120f!important;
}

.rescue72 .rescue72-router-grid a:not(.primary) p{
  color:#332e29!important;
}

.rescue72 .rescue72-router-grid a:not(.primary) span,
.rescue72 .rescue72-router-grid a:not(.primary) b{
  color:#71430e!important;
}

/* V76E — Buyer Guide secondary CTA contrast
   "Ask a General Question" is intentionally a light CTA on the dark closing panel. */
.buyer71 a[href="/contact/"].btn,
.buyer71 a[href="/contact/"].button,
.buyer71 .buyer71-brand a[href="/contact/"],
.buyer71 .buyer71-dark a[href="/contact/"]{
  background:#f7f1e7!important;
  border-color:#f7f1e7!important;
  color:#17130f!important;
  opacity:1!important;
  text-shadow:none!important;
}

.buyer71 a[href="/contact/"].btn:hover,
.buyer71 a[href="/contact/"].button:hover,
.buyer71 .buyer71-brand a[href="/contact/"]:hover,
.buyer71 .buyer71-dark a[href="/contact/"]:hover{
  background:#ffffff!important;
  border-color:#ffffff!important;
  color:#17130f!important;
}

/* =========================================================
   V76F — CONTACT PUPPY CTA CONTRAST FIX
   ========================================================= */

/* Dark puppy-interest panel */
.contact68 .contact68-dark h3,
.contact68 .contact68-dark h3 a{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
}

.contact68 .contact68-dark p{
  color:#e2dfd9!important;
  opacity:1!important;
}

/* Any nested dark CTA/card inside otherwise light contact sections */
.contact68 [class*="dark"] h3,
.contact68 [class*="dark"] strong{
  color:#ffffff!important;
}

.contact68 [class*="dark"] p{
  color:#e2dfd9!important;
}

/* Puppy application CTA on a white/light surface */
.contact68 a[href="/caucasian-shepherd-puppy-sale-application/"]{
  color:#17130f!important;
  opacity:1!important;
  text-shadow:none!important;
  font-weight:900!important;
}

/* If rendered as a filled button, lock both foreground and background. */
.contact68 a[href="/caucasian-shepherd-puppy-sale-application/"].btn,
.contact68 a[href="/caucasian-shepherd-puppy-sale-application/"].button{
  background:#17130f!important;
  border-color:#17130f!important;
  color:#ffffff!important;
}

.contact68 a[href="/caucasian-shepherd-puppy-sale-application/"].btn:hover,
.contact68 a[href="/caucasian-shepherd-puppy-sale-application/"].button:hover{
  background:#2a231d!important;
  border-color:#2a231d!important;
  color:#ffffff!important;
}

/* V76G — Human HTML Sitemap */
.sitemap76{background:#f5f0e7;color:#17130f}
.sitemap76-hero{padding:clamp(7rem,12vw,11rem) 0 clamp(3rem,6vw,5rem);background:#11100e;color:#fff}
.sitemap76-hero h1{margin:.35rem 0 1rem;color:#fff;font-size:clamp(3rem,7vw,6.5rem);line-height:.88;letter-spacing:-.055em}
.sitemap76-hero p{max-width:720px;color:#d9d5ce;line-height:1.7}
.sitemap76-hero .eyebrow{color:#e2b35e}
.sitemap76-body{padding:clamp(3.5rem,7vw,7rem) 0}
.sitemap76-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.sitemap76-grid nav{display:grid;align-content:start;gap:.72rem;padding:clamp(1.35rem,2.5vw,2rem);background:#fff;border:1px solid rgba(23,19,15,.1);border-radius:18px}
.sitemap76-grid nav>span{margin-bottom:.35rem;color:#77470e;font-size:.6rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.sitemap76-grid a{color:#201b17;font-size:.78rem;font-weight:750;line-height:1.35;text-decoration:none}
.sitemap76-grid a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.sitemap76-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sitemap76-grid{grid-template-columns:1fr}}

/* =========================================================
   V81 — SEARCH INTENT COMPONENTS
   Visible user-first answers for GSC-proven queries.
   ========================================================= */
.intent81{padding:clamp(68px,8vw,118px) 22px;background:#f5f0e7;color:#171714}
.intent81:nth-of-type(even){background:#eee7dc}
.intent81-wrap{max-width:1180px;margin:auto}
.intent81-kicker{display:block;color:#74470f;font-size:.72rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.intent81 h2{margin:.35em 0 .3em;color:#12110f;font-size:clamp(2.25rem,5vw,4.75rem);line-height:.96;letter-spacing:-.045em}
.intent81 h3{color:#171714}
.intent81 p,.intent81 li{color:#39352f;line-height:1.7}
.intent81-lead{max-width:900px;font-size:clamp(1.03rem,1.4vw,1.2rem)}
.intent81-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,76px);align-items:center}
.intent81-header{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:end;margin-bottom:32px}.intent81-header>p{font-size:1rem}
.intent81-card{padding:clamp(26px,4vw,44px);background:#171714;color:#fff;border-radius:4px}
.intent81-card span{color:#d8b36f;font-size:.7rem;font-weight:900;letter-spacing:.14em}.intent81-card h3{color:#fff;font-size:clamp(1.6rem,2.6vw,2.45rem);line-height:1.05}.intent81-card p{color:#e4ded5}.intent81-card a{color:#fff}
.intent81-card--light{background:#fff;color:#171714;border:1px solid #cfc3b3}.intent81-card--light h3{color:#171714}.intent81-card--light p{color:#39352f}.intent81-card--light span{color:#74470f}
.intent81-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.intent81-actions a,.intent81-card--light .intent81-actions a{display:inline-block;padding:12px 16px;background:#fff;color:#171714!important;text-decoration:none;font-weight:850}.intent81-card--light .intent81-actions a{background:#171714;color:#fff!important}
.intent81-four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.intent81-four article,.intent81-three article,.intent81-factgrid article{padding:26px;background:#fff;border:1px solid #d5cabb}.intent81-four span,.intent81-tag{color:#74470f;font-size:.68rem;font-weight:900}.intent81-four h3,.intent81-three h3,.intent81-factgrid h3{font-size:1.25rem;margin:.7em 0 .4em}.intent81-four p,.intent81-three p,.intent81-factgrid p{font-size:.92rem}
.intent81-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.intent81-factgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.intent81-factgrid article{min-height:330px;display:flex;flex-direction:column}.intent81-factgrid a{margin-top:auto;color:#75470f;font-weight:900;text-decoration:none}
.intent81-proofline{margin-top:22px;padding:16px 20px;border-left:3px solid #74470f;background:#e7ddcf;color:#332e28}
.intent81-resourcegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.intent81-resourcegrid a{display:flex;min-height:165px;flex-direction:column;padding:24px;background:#171714;color:#fff;text-decoration:none}.intent81-resourcegrid strong{font-size:1.2rem}.intent81-resourcegrid span{margin-top:12px;color:#ddd6cc;line-height:1.55;font-size:.88rem}
.intent81--breedfacts,.intent81--rescue-search,.intent81--reviews{background:#eae2d6}
.intent81--gallery-copy{background:#171714;color:#fff}.intent81--gallery-copy .intent81-kicker{color:#d8b36f}.intent81--gallery-copy h2{color:#fff}.intent81--gallery-copy p{color:#e4ded5}.intent81--gallery-copy .intent81-actions a{background:#fff;color:#171714!important}
@media(max-width:920px){.intent81-split,.intent81-header{grid-template-columns:1fr}.intent81-four{grid-template-columns:1fr 1fr}.intent81-three,.intent81-factgrid,.intent81-resourcegrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.intent81-four,.intent81-three,.intent81-factgrid,.intent81-resourcegrid{grid-template-columns:1fr}.intent81{padding-left:18px;padding-right:18px}}

/* =========================================================
   V83 — PUPPY PAGE PRICE + NEAR-ME LAYOUT REPAIR
   ========================================================= */
.price83{padding:clamp(5rem,8vw,8rem) 0;background:#f4eee5;color:#17130f}
.price83-wrap{display:grid;gap:2rem}
.price83-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:end}
.price83-kicker,.near83-kicker,.price83-card>span,.price83-cta span,.near83-card>span{display:block;color:#7b4a0f;font-size:.58rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.price83-head h2,.near83 h2{margin:.45rem 0 0;color:#15120f;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.9;letter-spacing:-.055em}
.price83-head p,.near83-copy p{color:#38322c;line-height:1.72}
.price83-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.price83-card{padding:clamp(1.4rem,3vw,2.2rem);background:#fff;border:1px solid #d4c8b7;border-radius:20px}
.price83-card h3{margin:1.3rem 0 .6rem;color:#17130f;font-size:1.55rem}
.price83-card p,.price83-card li{color:#403a34;line-height:1.65}
.price83-card ul{padding-left:1.1rem}
.price83-note{font-size:.84rem;font-style:italic}
.price83-cta{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(1.6rem,3vw,2.5rem);background:#17130f;border-radius:22px;color:#fff}
.price83-cta span{color:#e0b15f}.price83-cta h3{margin:.65rem 0;color:#fff;font-size:clamp(1.55rem,2.6vw,2.35rem)}
.price83-cta p{max-width:760px;color:#ddd9d2;line-height:1.65}
.price83-faq{border-top:1px solid #cfc2b0}
.price83-faq details{border-bottom:1px solid #cfc2b0}
.price83-faq summary{padding:1.15rem 0;color:#17130f;font-weight:900;cursor:pointer}
.price83-faq p{max-width:900px;padding:0 0 1.1rem;margin:0;color:#403a34;line-height:1.65}

.near83{padding:clamp(4.5rem,7vw,7rem) 0;background:#0d0f12;color:#fff}
.near83-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.near83-kicker{color:#dfb25f}
.near83 h2{color:#fff}
.near83-copy p{color:#d7d3cc}
.near83-card{padding:clamp(1.5rem,3vw,2.4rem);background:#f8f2e9;border-radius:22px;color:#17130f}
.near83-card>span{color:#7b4a0f}
.near83-card h3{margin:1rem 0 .6rem;color:#17130f;font-size:clamp(1.65rem,2.7vw,2.45rem)}
.near83-card p{color:#37312b;line-height:1.65}
.near83-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.3rem}
.near83-card .btn.primary{background:#17130f!important;color:#fff!important;border-color:#17130f!important}
.near83-card .btn.ghost{background:transparent!important;color:#17130f!important;border-color:#8f806e!important}
@media(max-width:800px){
  .price83-head,.price83-grid,.price83-cta,.near83-grid{grid-template-columns:1fr}
  .price83-cta{align-items:start}
}

/* =========================================================
   V87 — CRISP HEADER LOGO
   Match footer rendering behavior: one size rule, height:auto,
   no chained max-height resampling.
   ========================================================= */
.site-header .site-logo,
.header .site-logo,
header .site-logo{
  display:block;
  width:230px;
  max-width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  image-rendering:auto;
  flex:0 0 auto;
}

.site-header .site-logo img,
.header .site-logo img,
header .site-logo img{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain;
  image-rendering:auto;
}

@media(max-width:760px){
  .site-header .site-logo,
  .header .site-logo,
  header .site-logo{
    width:190px;
  }
}

/* V90 — DOG VIDEO SEO COPY */
.dog-video-seo-copy{
  margin-top:1.15rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.14);
}
.dog-video-seo-copy h4{
  margin:0 0 .45rem;
  font:600 clamp(1rem,1.4vw,1.18rem)/1.25 var(--font-display,serif);
  color:inherit;
}
.dog-video-seo-copy p{
  margin:0;
  font-size:.95rem;
  line-height:1.65;
  color:inherit;
  opacity:.88;
}

/* V91 — MEET THE PACK VIDEO IFRAME */
.dog-triptych-image.is-playing,
.mila-photo.is-playing{
  overflow:hidden;
  background:#000;
}
.dog-video-iframe{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  border:0;
  position:absolute;
  inset:0;
}

/* =========================================================
   V92 — PRIMARY IMAGE VIDEO TRIGGER
   Video play belongs on each dog's largest portrait.
   ========================================================= */
.dog-triptych-image-1 .dog-video-button,
.mila-photo-main .dog-video-button,
.kai-photo-main .dog-video-button{
  width:clamp(58px,5vw,78px);
  height:clamp(58px,5vw,78px);
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:rgba(10,10,9,.68);
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 16px 42px rgba(0,0,0,.28);
  z-index:8;
}
.dog-triptych-image-1 .dog-video-button:hover,
.mila-photo-main .dog-video-button:hover,
.kai-photo-main .dog-video-button:hover{
  transform:translate(-50%,-50%) scale(1.06);
}
.dog-triptych-image-1 .dog-video-button svg,
.mila-photo-main .dog-video-button svg,
.kai-photo-main .dog-video-button svg{
  width:32%;
  height:32%;
}

/* V97: Darla literally reuses Mila's existing visual classes.
   Only video trigger placement and Mila's left/right flip are custom. */

#dog-darla .mila-photo-video .dog-video-button{
  width:clamp(54px,4.5vw,72px);
  height:clamp(54px,4.5vw,72px);
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%,-50%);
}

#dog-darla .mila-photo-video .dog-video-button:hover{
  transform:translate(-50%,-50%) scale(1.06);
}

/* Keep Darla's landscape video inside the exact middle image card. */
#dog-darla .mila-photo-video.is-playing{
  overflow:hidden;
  background:#000;
}

#dog-darla .mila-photo-video.is-playing .dog-video-iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:100%;
  border:0;
}

/* Mila only: same design, images left and copy right. */
#dog-mila.dog-story-mila-editorial{
  grid-template-columns:minmax(0,1.48fr) minmax(280px,.52fr);
}

#dog-mila .mila-editorial-stage{
  grid-column:1;
  grid-row:1;
}

#dog-mila .mila-editorial-copy{
  grid-column:2;
  grid-row:1;
  padding-right:0;
  padding-left:clamp(.5rem,2vw,2rem);
}

@media(max-width:900px){
  #dog-mila.dog-story-mila-editorial{
    grid-template-columns:1fr;
  }

  #dog-mila .mila-editorial-stage,
  #dog-mila .mila-editorial-copy{
    grid-column:1;
    grid-row:auto;
  }

  #dog-mila .mila-editorial-copy{
    padding-left:0;
  }
}

/* =========================================================
   V98 — DARLA MAIN IMAGE VIDEO
   Keep exact Mila visual system. The largest image is the video trigger.
   Landscape YouTube playback stays inside that image card, with letterboxing
   as needed rather than changing the section layout.
   ========================================================= */
#dog-darla .mila-photo-main .dog-video-button{
  width:clamp(58px,5vw,78px);
  height:clamp(58px,5vw,78px);
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:rgba(10,10,9,.68);
  border:1px solid rgba(255,255,255,.72);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 16px 42px rgba(0,0,0,.28);
  z-index:8;
}
#dog-darla .mila-photo-main .dog-video-button:hover{
  transform:translate(-50%,-50%) scale(1.06);
}
#dog-darla .mila-photo-main.is-playing{
  overflow:hidden;
  background:#000;
}
#dog-darla .mila-photo-main.is-playing .dog-video-iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:100%;
  border:0;
}
.darla-video-seo-copy{
  margin:1.15rem 0 1.4rem;
  padding-top:1rem;
  border-top:1px solid rgba(23,23,23,.12);
}
.darla-video-seo-copy h4{
  margin:0 0 .45rem;
  font-size:clamp(1rem,1.35vw,1.15rem);
  line-height:1.3;
}
.darla-video-seo-copy p{
  margin:0;
  font-size:.94rem;
  line-height:1.65;
  opacity:.84;
}

/* V99 — Mila video on largest image; Darla/Mila secondary images zoom */
#dog-mila .mila-photo-main .dog-video-button{
 width:clamp(58px,5vw,78px);height:clamp(58px,5vw,78px);
 left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);
}
#dog-mila .mila-photo-main .dog-video-button:hover{transform:translate(-50%,-50%) scale(1.06);}
#dog-mila .mila-photo-main.is-playing{overflow:hidden;background:#000;}
#dog-mila .mila-photo-main.is-playing .dog-video-iframe{
 position:absolute;inset:0;width:100%;height:100%;min-height:100%;border:0;
}
#dog-darla .mila-photo[data-cursor="VIEW"],
#dog-mila .mila-photo[data-cursor="VIEW"]{cursor:zoom-in;}

/* V100 — Chance uses Kai's exact visual system, mirrored */
#dog-chance.dog-story-kai-editorial{
  grid-template-columns:minmax(280px,.52fr) minmax(0,1.48fr);
}
#dog-chance .chance-editorial-copy{
  grid-column:1;
  grid-row:1;
  padding-left:0;
  padding-right:clamp(.5rem,2vw,2rem);
}
#dog-chance .chance-editorial-stage{
  grid-column:2;
  grid-row:1;
}

/* Largest Chance image plays video in place, matching Bree/Darla behavior. */
#dog-chance .kai-photo-main .dog-video-button{
  width:clamp(58px,5vw,78px);
  height:clamp(58px,5vw,78px);
  left:50%;top:50%;right:auto;bottom:auto;
  transform:translate(-50%,-50%);
}
#dog-chance .kai-photo-main .dog-video-button:hover{
  transform:translate(-50%,-50%) scale(1.06);
}
#dog-chance .kai-photo-main.is-playing{
  overflow:hidden;background:#000;
}
#dog-chance .kai-photo-main.is-playing .dog-video-iframe{
  position:absolute;inset:0;width:100%;height:100%;min-height:100%;border:0;
}
#dog-chance .kai-photo[data-cursor="VIEW"]{cursor:zoom-in;}

@media(max-width:900px){
  #dog-chance.dog-story-kai-editorial{grid-template-columns:1fr;}
  #dog-chance .chance-editorial-copy,
  #dog-chance .chance-editorial-stage{
    grid-column:1;
    grid-row:auto;
  }
  #dog-chance .chance-editorial-copy{padding-right:0;}
}

/* V102 — Kai final image/video behavior */
#dog-kai .kai-photo-main .dog-video-button{
  width:clamp(58px,5vw,78px);
  height:clamp(58px,5vw,78px);
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%,-50%);
}
#dog-kai .kai-photo-main .dog-video-button:hover{
  transform:translate(-50%,-50%) scale(1.06);
}
#dog-kai .kai-photo-main.is-playing{
  overflow:hidden;
  background:#000;
}
#dog-kai .kai-photo-main.is-playing .dog-video-iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:100%;
  border:0;
}
#dog-kai .kai-photo[data-cursor="VIEW"]{
  cursor:zoom-in;
}
.kai-video-seo-copy{
  margin:1.15rem 0 1.4rem;
  padding-top:1rem;
  border-top:1px solid rgba(23,23,23,.12);
}
.kai-video-seo-copy h4{
  margin:0 0 .45rem;
  font-size:clamp(1rem,1.35vw,1.15rem);
  line-height:1.3;
}
.kai-video-seo-copy p{
  margin:0;
  font-size:.94rem;
  line-height:1.65;
  opacity:.84;
}

/* =========================================================
   V105 — KUYA USES KAI'S EXACT VISUAL SYSTEM, MIRRORED RIGHT
   ========================================================= */
#dog-kuya.dog-story-kai-editorial{
  grid-template-columns:minmax(280px,.52fr) minmax(0,1.48fr);
}

#dog-kuya .kuya-editorial-copy{
  grid-column:1;
  grid-row:1;
  padding-left:0;
  padding-right:clamp(.5rem,2vw,2rem);
}

#dog-kuya .kuya-editorial-stage{
  grid-column:2;
  grid-row:1;
}

#dog-kuya .kai-photo-main .dog-video-button{
  width:clamp(58px,5vw,78px);
  height:clamp(58px,5vw,78px);
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  transform:translate(-50%,-50%);
}

#dog-kuya .kai-photo-main .dog-video-button:hover{
  transform:translate(-50%,-50%) scale(1.06);
}

#dog-kuya .kai-photo-main.is-playing{
  overflow:hidden;
  background:#000;
}

#dog-kuya .kai-photo-main.is-playing .dog-video-iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:100%;
  border:0;
}

#dog-kuya .kai-photo[data-cursor="VIEW"]{
  cursor:zoom-in;
}

@media(max-width:900px){
  #dog-kuya.dog-story-kai-editorial{
    grid-template-columns:1fr;
  }

  #dog-kuya .kuya-editorial-copy,
  #dog-kuya .kuya-editorial-stage{
    grid-column:1;
    grid-row:auto;
  }

  #dog-kuya .kuya-editorial-copy{
    padding-right:0;
  }
}


/* =========================================================
   V107 — KUYA NAME DESCENDER SPACING
   Preserve Kai-style typography; only clear the lowercase y descender.
   ========================================================= */
#dog-kuya .dog-name{
  line-height:1.02;
  margin-bottom:clamp(1rem,1.6vw,1.35rem);
}

/* V108 — Hadouken: Kai editorial system, alternating media left */
#dog-hadouken.dog-story-kai-editorial{grid-template-columns:minmax(0,1.48fr) minmax(280px,.52fr);}
#dog-hadouken .hadouken-editorial-stage{grid-column:1;grid-row:1;}
#dog-hadouken .hadouken-editorial-copy{grid-column:2;grid-row:1;padding-left:clamp(.5rem,2vw,2rem);padding-right:0;}
#dog-hadouken .kai-photo[data-cursor="VIEW"]{cursor:zoom-in;}
.pack-jump{flex-wrap:wrap;}
.dog-story[id]{scroll-margin-top:clamp(90px,10vw,140px);}
@media(max-width:700px){
 .pack-jump{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:.6rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;}
 .pack-jump::-webkit-scrollbar{display:none;}
 .pack-jump a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;}
}
@media(max-width:900px){
 #dog-hadouken.dog-story-kai-editorial{grid-template-columns:1fr;}
 #dog-hadouken .hadouken-editorial-stage,#dog-hadouken .hadouken-editorial-copy{grid-column:1;grid-row:auto;}
 #dog-hadouken .hadouken-editorial-copy{padding-left:0;}
}
/* V109 — Hadouken video on largest image, matching Kai/Kuya behavior */
#dog-hadouken .kai-photo-main .dog-video-button{
  width:clamp(58px,5vw,78px);height:clamp(58px,5vw,78px);
  left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);
}
#dog-hadouken .kai-photo-main .dog-video-button:hover{transform:translate(-50%,-50%) scale(1.06);}
#dog-hadouken .kai-photo-main.is-playing{overflow:hidden;background:#000;}
#dog-hadouken .kai-photo-main.is-playing .dog-video-iframe{
  position:absolute;inset:0;width:100%;height:100%;min-height:100%;border:0;
}

/* Hadouken uses the same visual name treatment but scales safely to viewport. */
#dog-hadouken .dog-name{
  font-size:clamp(3.8rem,7.2vw,7.4rem);
  line-height:.84;
  letter-spacing:-.06em;
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
}

/* On narrower layouts, protect the long name from running off-screen. */
@media(max-width:1100px){
  #dog-hadouken .dog-name{
    font-size:clamp(3.4rem,8vw,6.3rem);
  }
}

@media(max-width:700px){
  #dog-hadouken .dog-name{
    font-size:clamp(3rem,15vw,5.6rem);
    line-height:.9;
  }
}

/* =========================================================
   V111 — HADOUKEN NAV + HEADING FIX
   ========================================================= */

/* Hadouken sits in the narrower right-side copy column.
   Keep the same editorial type treatment, but scale this one name safely. */
#dog-hadouken .hadouken-editorial-copy .dog-name{
  font-size:clamp(3.35rem,4.7vw,4.9rem);
  line-height:.88;
  letter-spacing:-.06em;
  white-space:nowrap;
  max-width:100%;
  margin-bottom:1.25rem;
}

@media(max-width:1100px){
  #dog-hadouken .hadouken-editorial-copy .dog-name{
    font-size:clamp(3.1rem,5.6vw,4.25rem);
  }
}

@media(max-width:900px){
  #dog-hadouken .hadouken-editorial-copy .dog-name{
    font-size:clamp(3.2rem,12vw,5rem);
    white-space:normal;
  }
}

/* =========================================================
   V112 — CHANCE NAME CONTAINMENT
   Same Kai-style typography, safely sized for Chance's copy column.
   ========================================================= */
#dog-chance .chance-editorial-copy .dog-name{
  font-size:clamp(3.7rem,6.1vw,6.2rem);
  line-height:.88;
  letter-spacing:-.065em;
  max-width:100%;
  white-space:nowrap;
  margin-bottom:1.25rem;
}
@media(max-width:1100px){
  #dog-chance .chance-editorial-copy .dog-name{
    font-size:clamp(3.35rem,6.6vw,5.2rem);
  }
}
@media(max-width:900px){
  #dog-chance .chance-editorial-copy .dog-name{
    font-size:clamp(3.5rem,16vw,6rem);
    white-space:normal;
  }
}

/* Every Meet the Pack image remains visibly clickable for enlargement.
   Video buttons remain separate controls layered over the image. */
#dog-bree figure img,
#dog-darla figure img,
#dog-mila figure img,
#dog-chance figure img,
#dog-kai figure img,
#dog-kuya figure img,
#dog-hadouken figure img{
  cursor:zoom-in;
}
#dog-bree .dog-video-button,
#dog-darla .dog-video-button,
#dog-mila .dog-video-button,
#dog-chance .dog-video-button,
#dog-kai .dog-video-button,
#dog-kuya .dog-video-button,
#dog-hadouken .dog-video-button{
  cursor:pointer;
}

/* =========================================================
   V114 — UNIFIED MEET THE PACK SIGNATURE TREATMENT
   Chance, Kuya and Hadouken now use Kai's LOYAL / STRONG / WISE style.
   ========================================================= */
.pack-flow-v40 .dog-story-kai-editorial .pack-dog-signature{
  position:relative;
  left:auto;
  bottom:auto;
  z-index:8;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.35rem;
  color:rgba(55,47,37,.58);
  font-size:.54rem;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.pack-flow-v40 .dog-story-kai-editorial .pack-dog-signature span+span::before{
  content:"";
  display:inline-block;
  width:20px;
  height:1px;
  margin:0 .65rem 3px 0;
  background:rgba(155,111,44,.4);
}

/* Keep Kai's original stage signature exactly where it already lives. */
.pack-flow-v40 #dog-kai .kai-signature:not(.pack-dog-signature){
  position:absolute;
  left:2%;
  bottom:3%;
}

@media(max-width:900px){
  .pack-flow-v40 .dog-story-kai-editorial .pack-dog-signature{
    display:flex;
    margin-top:1rem;
  }
}

/* =========================================================
   V115 — ROUND STORY MEDIA ATMOSPHERIC SHADOW FIX
   Preserve the rounded image crop while allowing its glow to fade naturally.
   ========================================================= */
.immersive-v31 .story-media.round.round-shadow-fix{
  overflow:visible;
}

/* The image itself keeps the same rounded crop. */
.immersive-v31 .story-media.round.round-shadow-fix > img{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  object-fit:cover;
  clip-path:inset(0 round 999px);
}

/* Give this round portrait a softer, wider halo so there is no hard cutoff. */
.immersive-v31 .story-media.round.round-shadow-fix::before{
  left:-4%;
  right:-4%;
  bottom:-30px;
  height:52%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 46%,
      rgba(92,68,34,.15) 0%,
      rgba(92,68,34,.08) 34%,
      rgba(0,0,0,.035) 58%,
      transparent 80%);
  filter:blur(30px);
  opacity:.78;
}

/* Keep the existing edge overlay clipped to the circular media, not the glow. */
.immersive-v31 .story-media.round.round-shadow-fix::after{
  border-radius:inherit;
}

@media(max-width:800px){
  .immersive-v31 .story-media.round.round-shadow-fix::before{
    left:0;
    right:0;
    bottom:-20px;
    filter:blur(22px);
  }
}

/* V116 — Stories From the Farm click-to-load video */
.signature-stories .short-card[data-story-video="true"]{cursor:pointer}
.signature-stories .short-card[data-story-video="true"] .short-frame{position:relative;overflow:hidden}
.signature-stories .short-card[data-story-video="true"] .short-frame iframe.story-video-iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;display:block;
}
.signature-stories .short-card[data-story-video="true"].is-playing .short-frame > img,
.signature-stories .short-card[data-story-video="true"].is-playing .short-frame > .play{visibility:hidden}


/* BBA V122 STORIES GALLERY CTA */
.stories-more-label{
  display:inline-block;
  font-weight:700;
  letter-spacing:.01em;
}
.stories-more-link{
  display:inline-block;
  margin-left:.65rem;
  color:inherit;
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid currentColor;
  transition:opacity .2s ease,border-color .2s ease;
}
.stories-more-link:hover,
.stories-more-link:focus-visible{
  opacity:.72;
}
.stories-more-link span{
  display:inline-block;
  margin-left:.18em;
  transition:transform .2s ease;
}
.stories-more-link:hover span,
.stories-more-link:focus-visible span{
  transform:translateX(3px);
}
@media (max-width:640px){
  .stories-more-label,
  .stories-more-link{
    display:block;
  }
  .stories-more-link{
    width:max-content;
    max-width:100%;
    margin:.35rem 0 0;
  }
}


/* BBA V123 STORIES GALLERY CTA ALIGNMENT */
.signature-stories .stories-more-label{
  display:block;
  text-align:center;
  padding-top:.8rem;
}
.signature-stories .stories-more-link{
  display:block;
  width:max-content;
  max-width:100%;
  margin:.35rem auto 0;
  text-align:center;
}
@media (max-width:640px){
  .signature-stories .stories-more-label{
    padding-top:.7rem;
  }
  .signature-stories .stories-more-link{
    margin:.35rem auto 0;
  }
}


/* BBA V124 AVAILABLE PUPPIES INQUIRY EMAIL */
.puppy-inquiry-contact{
  display:inline;
}
.puppy-inquiry-contact a{
  color:#1769aa;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.puppy-inquiry-contact a:hover,
.puppy-inquiry-contact a:focus-visible{
  color:#0d4f86;
}


/* BBA V128 PUPPY MARKET PRICE CONTRAST */
.puppy-market-price{
  color:#2f2a24;
  font-weight:800;
}


/* V142 — EmailJS puppy application states */
#puppyApplicationForm button[disabled]{
  opacity:.72;
  cursor:wait;
}
#puppyApplicationStatus{
  min-height:1.25em;
}
#puppyApplicationStatus[data-state="success"]{
  color:#246b38;
  font-weight:700;
}
#puppyApplicationStatus[data-state="error"]{
  color:#a12b2b;
  font-weight:700;
}
#puppyApplicationStatus[data-state="sending"]{
  color:inherit;
}


/* V143 — EmailJS shelter assistance request states */
#shelterAssistanceForm button[disabled]{
  opacity:.72;
  cursor:wait;
}
#shelterRequestStatus{
  min-height:1.25em;
  margin-top:12px;
}
#shelterRequestStatus[data-state="success"]{
  color:#2f7a46;
  font-weight:700;
}
#shelterRequestStatus[data-state="error"]{
  color:#b03a32;
  font-weight:700;
}
#shelterRequestStatus[data-state="sending"]{
  color:inherit;
}


/* V145 — Breeding approach Puppy Application CTA */
body.page-breeding-approach .btn.ghost[href="/caucasian-shepherd-puppy-sale-application/"]{
  background:#252a27;
}


/* V146 — Puppies page Breeding Approach CTA */
body.page-puppies-for-sale .btn.ghost[href="/why-brotherbear-acres-breeds-the-caucasian-shepherd-differently/"]{
  background:#252a27;
}


/* V148 — Caucasian Shepherd intent card darker emphasis */
.intent81-dark-emphasis{
  color:#252a27;
}


/* V150 — Contact puppy application light copy */
.contact-light-copy{
  color:#e7e4dc;
}