:root{
  --ivory:#f3eee4;
  --ivory-2:#eee8dc;
  --ink:#121212;
  --soft-ink:#54504a;
  --gold:#c89c48;
  --gold-deep:#b88a35;
  --line:rgba(18,18,18,.16);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);line-height:1.5}
img{display:block;max-width:100%;image-rendering:auto}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:absolute;left:-9999px;top:0;background:#111;color:#fff;padding:10px 14px;z-index:100}
.skip-link:focus{left:8px;top:8px}
.brand-masthead{
  background:#050609;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 5vw 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand-masthead img{
  width:min(340px,72vw);
  height:auto;
  max-height:280px;
  object-fit:contain;
}
.legacy-header{height:82px;padding:0 3.8vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;background:var(--ivory);border-bottom:1px solid rgba(18,18,18,.05);position:sticky;top:0;z-index:30}
.legacy-brand{display:flex;align-items:center;min-width:245px}
.legacy-brand-copy b{display:block;font-size:13px;letter-spacing:.12em}
.legacy-brand-copy small{display:block;font-size:8px;letter-spacing:.22em;color:#756f66;margin-top:3px}
.legacy-nav{display:flex;align-items:center;justify-content:center;gap:25px;font-size:11px;font-weight:500}
.legacy-nav a{position:relative;padding:7px 0}
.legacy-nav a::after{content:'';position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--gold);transition:right .25s ease}
.legacy-nav a:hover::after,.legacy-nav a[aria-current="page"]::after{right:0}
.legacy-header-cta{min-width:146px;padding:15px 20px;border:1px solid var(--gold);text-align:center;font-size:12px;font-weight:700;background:rgba(255,255,255,.22)}
.legacy-menu-button{display:none;background:transparent;border:1px solid var(--ink);padding:10px 14px;font-weight:700}
.mobile-menu{display:none}
.legacy-hero{min-height:522px;display:grid;grid-template-columns:46% 54%;background:var(--ivory)}
.legacy-hero-copy{padding:64px 4vw 38px 5.6vw;display:flex;flex-direction:column;justify-content:center}
.legacy-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--gold-deep);font-size:10px;font-weight:700;letter-spacing:.24em}
.legacy-eyebrow i{display:block;width:90px;height:1px;background:var(--gold)}
.legacy-eyebrow.compact{margin-bottom:18px}
.legacy-hero h1{font:600 clamp(68px,8vw,112px)/.72 var(--serif);letter-spacing:-.045em;margin:0}
.legacy-hero h1 em,.legacy-standard h2 em{font-style:italic;color:var(--gold-deep);font-weight:500}
.legacy-lead{max-width:530px;margin:33px 0 26px;color:var(--soft-ink);font-size:15px;line-height:1.62}
.legacy-actions{display:flex;gap:18px;align-items:center}
.legacy-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:48px;padding:0 34px;font-size:12px;font-weight:700;border:1px solid var(--gold)}
.legacy-button-gold{background:linear-gradient(100deg,#d0a653,#c28e34);border-color:transparent;color:#16120b}
.legacy-button-outline{background:rgba(255,255,255,.18)}
.legacy-hero-photo{position:relative;overflow:hidden;background:#cfc7b8;min-height:522px}
.legacy-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,238,228,.28),transparent 22%,rgba(0,0,0,.04))}
.legacy-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 36%}
.legacy-hero-words{position:absolute;right:5.5vw;top:42px;z-index:2;font-size:9px;line-height:1.8;letter-spacing:.22em;color:#6c645b}
.legacy-hero-words span{display:block;width:78px;height:1px;background:#6c645b;margin-bottom:10px}
.legacy-hero-words p{margin:0}
.legacy-seal{position:absolute;right:4.4vw;bottom:18px;z-index:3;width:88px;height:88px;border-radius:50%;background:#f8f3ea;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 14px rgba(0,0,0,.08)}
.legacy-seal strong{font:600 24px/.9 var(--serif)}
.legacy-seal small{font-size:7px;letter-spacing:.18em;margin:3px 0}
.legacy-seal b{font:600 17px var(--serif)}
.legacy-principles{display:grid;grid-template-columns:repeat(4,1fr);padding:31px 5.4vw 36px;background:var(--ivory)}
.legacy-principles article{padding:0 32px 0 0;margin-right:32px;border-right:1px solid var(--line)}
.legacy-principles article:last-child{border-right:0;margin-right:0}
.legacy-principles b{display:block;color:var(--gold-deep);font:600 23px var(--serif);margin-bottom:5px}
.legacy-principles h2{font-size:11px;letter-spacing:.16em;margin:0 0 8px}
.legacy-principles p{font-size:11px;color:#625d56;line-height:1.55;margin:0}
.legacy-standard{min-height:405px;display:grid;grid-template-columns:52% 48%;background:#0d0d0d;color:#f3eee4}
.legacy-standard-photo{position:relative;overflow:hidden}
.legacy-standard-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.04) 62%,rgba(13,13,13,.82))}
.legacy-standard-photo img{width:100%;height:100%;object-fit:cover;object-position:center 33%;filter:brightness(.58) contrast(1.08) saturate(.92)}
.legacy-vertical-copy{position:absolute;left:5.4vw;bottom:34px;z-index:2;color:#d4cdc0}
.legacy-vertical-copy span{display:block;width:28px;height:1px;background:#bcb2a2;margin:0 0 12px}
.legacy-vertical-copy span:last-child{margin:12px 0 0}
.legacy-vertical-copy p{font:500 9px/1.7 var(--serif);letter-spacing:.2em;margin:0}
.legacy-standard-copy{padding:52px 6vw 44px 5.5vw;display:flex;flex-direction:column;justify-content:center}
.legacy-kicker{display:flex;align-items:center;gap:16px;margin:0 0 22px;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:.24em}
.legacy-kicker i{display:block;height:1px;flex:1;max-width:100px;background:#827254}
.legacy-standard h2{font:500 clamp(40px,5vw,63px)/.92 var(--serif);letter-spacing:-.025em;margin:0 0 22px}
.legacy-standard-copy>p:not(.legacy-kicker){max-width:560px;color:#c1bbb1;font-size:13px;line-height:1.65;margin:0 0 23px}
.legacy-dark-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;width:max-content;min-width:246px;padding:13px 22px;border:1px solid var(--gold);font-size:11px;font-weight:600}
.legacy-family{display:grid;grid-template-columns:42% 58%;gap:36px;padding:30px 5.4vw 34px;background:var(--ivory)}
.legacy-family-copy{padding:17px 22px 12px 0;align-self:center}
.legacy-family-copy h2{font:600 clamp(42px,5vw,62px)/.94 var(--serif);letter-spacing:-.03em;margin:0 0 23px}
.legacy-family-copy>p:not(.legacy-eyebrow){max-width:470px;font-size:12px;line-height:1.65;color:#625d56;margin:0 0 28px}
.legacy-family-gallery{display:grid;grid-template-columns:1.15fr .86fr;gap:10px;min-height:320px}
.legacy-family-gallery figure{margin:0;overflow:hidden;background:#d9d1c4}
.legacy-family-gallery img{width:100%;height:100%;object-fit:cover}
.legacy-family-primary img{object-position:center 36%}
.legacy-family-secondary-wrap{display:flex;flex-direction:column;gap:12px}
.legacy-family-note{display:flex;align-items:flex-start;gap:10px;height:52px;padding-top:1px;color:#716a61}
.legacy-family-note span{display:block;width:28px;height:1px;background:#756b5e;margin-top:4px}
.legacy-family-note p{font:500 8px/1.45 var(--serif);letter-spacing:.12em;margin:0}
.legacy-family-secondary{flex:1}
.legacy-family-secondary img{object-position:center 30%}
.legacy-footer{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:28px 5.4vw;background:#111;color:#eee8dc;border-top:1px solid rgba(200,156,72,.3)}
.legacy-footer strong{display:block;font-size:11px;letter-spacing:.16em}
.legacy-footer span{display:block;font-size:8px;letter-spacing:.16em;color:#999287;margin-top:2px}
.legacy-footer nav{display:flex;gap:18px;font-size:10px}
.legacy-footer small{font-size:9px;color:#8d867d}
@media(max-width:1000px){
  .legacy-nav{gap:14px;font-size:10px}
  .legacy-brand{min-width:220px}
  .legacy-hero{grid-template-columns:48% 52%}
}
@media(max-width:820px){
  .legacy-header{grid-template-columns:auto 1fr auto;height:72px;padding:0 5vw}
  .legacy-nav{display:none}
  .legacy-header-cta{display:none}
  .legacy-menu-button{display:block;justify-self:end}
  .mobile-menu{background:var(--ivory);border-bottom:1px solid var(--line);padding:8px 5vw 16px}
  .mobile-menu.open{display:block}
  .mobile-menu a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}
  .legacy-hero{grid-template-columns:1fr;min-height:0}
  .legacy-hero-copy{padding:55px 7vw 48px}
  .legacy-hero-photo{min-height:480px}
  .legacy-principles{grid-template-columns:1fr 1fr;gap:28px}
  .legacy-principles article:nth-child(2){border-right:0}
  .legacy-standard{grid-template-columns:1fr}
  .legacy-standard-photo{min-height:420px}
  .legacy-standard-copy{padding:55px 7vw}
  .legacy-family{grid-template-columns:1fr;padding:55px 7vw}
  .legacy-family-gallery{min-height:390px}
  .legacy-footer{grid-template-columns:1fr;align-items:start}
}
@media(max-width:560px){
  .legacy-brand-copy b{font-size:10px}
  .legacy-brand-copy small{font-size:7px}
  .brand-masthead{padding:12px 5vw 14px}
  .brand-masthead img{width:min(290px,80vw);max-height:230px}
  .legacy-hero h1{font-size:64px}
  .legacy-actions{flex-direction:column;align-items:stretch}
  .legacy-button{width:100%}
  .legacy-principles{grid-template-columns:1fr;padding:28px 7vw}
  .legacy-principles article,.legacy-principles article:nth-child(2){border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px;margin:0 0 20px}
  .legacy-principles article:last-child{border-bottom:0;margin-bottom:0}
  .legacy-hero-photo{min-height:420px}
  .legacy-hero-words{right:7vw}
  .legacy-seal{right:7vw}
  .legacy-family-gallery{grid-template-columns:1fr;min-height:0}
  .legacy-family-primary{height:360px}
  .legacy-family-secondary{height:330px}
  .legacy-family-note{height:auto;padding:6px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* ===== Rich homepage expansion ===== */
.brand-masthead{
  min-height:178px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-rows:1fr auto;
  align-items:center;
  gap:10px 28px;
  padding:14px 5.4vw 18px;
  background:#090a09;
  color:#eee8dc;
}
.brand-masthead img{
  grid-column:2;
  grid-row:1 / span 2;
  width:154px;
  height:154px;
  max-height:none;
  object-fit:cover;
}
.masthead-meta{
  font-size:9px;
  letter-spacing:.24em;
  color:#cfc6b7;
  text-transform:uppercase;
}
.masthead-location{grid-column:1;grid-row:1;align-self:start;padding-top:8px}
.masthead-location span{color:var(--gold);margin-right:10px}
.masthead-year{grid-column:3;grid-row:1;justify-self:end;align-self:start;padding-top:8px;color:var(--gold)}
.masthead-message{
  grid-column:1 / 4;
  grid-row:2;
  justify-self:center;
  letter-spacing:.31em;
  color:#ded7ca;
  padding-bottom:1px
}

.legacy-header{
  grid-template-columns:auto 1fr auto;
  min-height:78px;
  height:auto;
  background:#0d0e0c;
  color:#f4efe5;
  border-color:rgba(200,156,72,.28);
}
.legacy-brand-copy small{color:#a7a096}
.legacy-nav{gap:29px}
.legacy-nav a{font-weight:600;letter-spacing:.06em}
.legacy-header-cta{background:linear-gradient(100deg,#d0a653,#c28e34);color:#17120b;border:0}
.legacy-mobile-quick{display:none}
.legacy-menu-button{color:inherit;border-color:var(--gold);background:rgba(200,156,72,.08)}
.legacy-menu-button span{margin-left:8px;color:var(--gold)}

.legacy-hero{min-height:570px;background:#0d0e0c;color:#f4efe5}
.legacy-hero-copy{padding:70px 4.8vw 58px 6.2vw}
.legacy-hero h1{font-size:clamp(74px,8.4vw,124px);line-height:.72}
.legacy-lead{color:#d2cbc0;max-width:590px;font-size:15px}
.legacy-button-outline{border-color:rgba(244,239,229,.65);background:rgba(0,0,0,.2);color:#f4efe5}
.legacy-hero-photo{min-height:570px;background:#191915}
.legacy-hero-photo::after{background:linear-gradient(90deg,rgba(13,14,12,.55),transparent 34%,rgba(0,0,0,.08))}
.legacy-hero-words{color:#d2c6b5}
.legacy-hero-words span{background:#c5b69e}

.credibility-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#f4efe5;
  border-bottom:1px solid var(--line);
  padding:0 5.4vw;
}
.credibility-strip article{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:20px 28px;
  border-right:1px solid var(--line);
}
.credibility-strip article:last-child{border-right:0}
.credibility-icon{font:500 27px/1 var(--serif);color:var(--gold-deep)}
.credibility-strip b{display:block;font-size:10px;letter-spacing:.16em}
.credibility-strip small{display:block;margin-top:4px;color:#70695f;font-size:9px}

.featured-dogs{
  padding:64px 5.4vw 68px;
  background:var(--ivory);
}
.section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:28px;
}
.section-heading h2{
  font:600 clamp(48px,5.2vw,72px)/.86 var(--serif);
  letter-spacing:-.03em;
  margin:0 0 10px;
}
.section-heading>div>p:last-child{
  margin:0;
  font-size:10px;
  letter-spacing:.23em;
  text-transform:uppercase;
  color:#6b645b;
}
.text-link{
  display:inline-flex;
  gap:16px;
  align-items:center;
  padding-bottom:7px;
  border-bottom:1px solid #86775e;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.featured-dog-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.featured-dog-card{
  position:relative;
  min-height:430px;
  overflow:hidden;
  background:#171712;
  color:#fff;
}
.featured-dog-card img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.featured-dog-card:nth-child(1) img{object-position:center 34%}
.featured-dog-card:nth-child(2) img{object-position:center 35%}
.featured-dog-card:nth-child(3) img{object-position:center 38%}
.featured-dog-card:hover img{transform:scale(1.035)}
.dog-card-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 34%,rgba(0,0,0,.82) 100%);
}
.dog-card-copy{
  position:absolute;
  z-index:2;
  left:24px;
  right:22px;
  bottom:23px;
}
.dog-card-copy small{
  color:#d7ad5e;
  letter-spacing:.21em;
  font-size:8px;
  font-weight:700;
}
.dog-card-copy h3{
  font:600 37px/.95 var(--serif);
  margin:6px 0 5px;
  letter-spacing:.01em;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
  text-decoration-skip-ink:auto;
}
.featured-dog-card:hover .dog-card-copy h3{
  color:#e3b65f;
  text-decoration-thickness:2px;
}
.dog-card-copy p{
  margin:0 0 15px;
  font-size:9px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#d8d2c8;
}
.dog-card-copy b{
  font-size:9px;
  letter-spacing:.12em;
  color:#e3b65f;
  text-transform:uppercase;
}

.knowledge-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  padding:0 5.4vw 68px;
  background:var(--ivory);
}
.knowledge-card{
  position:relative;
  min-height:345px;
  overflow:hidden;
  padding:38px 34px 32px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  isolation:isolate;
}
.knowledge-card::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-2;
}
.knowledge-card::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
}
.pedigree-card{color:#f5efe5;background:#201c16}
.pedigree-card::before{
  background:
    repeating-linear-gradient(13deg,rgba(200,156,72,.09) 0 1px,transparent 1px 27px),
    radial-gradient(circle at 86% 18%,rgba(200,156,72,.22),transparent 34%),
    #1b1813;
}
.puppies-card{background:#d8c6a9;color:#17140f}
.puppies-card::before{
  background:
    radial-gradient(circle at 75% 25%,rgba(255,255,255,.5),transparent 23%),
    linear-gradient(145deg,#e7d9c3,#cbb28e);
}
.export-card{background:#151716;color:#f6f0e7}
.export-card::before{
  background:
    radial-gradient(circle at 88% 26%,rgba(200,156,72,.22),transparent 24%),
    linear-gradient(140deg,#101110,#262821);
}
.knowledge-card h2{
  font:500 clamp(36px,4vw,55px)/.88 var(--serif);
  letter-spacing:-.025em;
  margin:8px 0 16px;
}
.knowledge-card h2 em{font-weight:500;color:var(--gold);font-style:italic}
.puppies-card h2 em{color:#8c6324}
.knowledge-label{
  margin:0;
  color:var(--gold);
  font-size:9px;
  font-weight:700;
  letter-spacing:.23em;
}
.puppies-card .knowledge-label{color:#7a551f}
.knowledge-card>p:not(.knowledge-label){
  max-width:410px;
  margin:0 0 24px;
  font-size:12px;
  line-height:1.65;
  color:rgba(245,239,229,.8)
}
.puppies-card>p:not(.knowledge-label){color:#514839}
.knowledge-card>a{
  width:max-content;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#dfb360;
  padding-bottom:5px;
  border-bottom:1px solid rgba(223,179,96,.5)
}
.puppies-card>a{color:#76501b;border-color:rgba(118,80,27,.45)}
.pedigree-lines{
  position:absolute;
  top:25px;
  right:23px;
  width:112px;
  height:88px;
  opacity:.35;
}
.pedigree-lines span{position:absolute;height:1px;background:#d7ad5e;transform-origin:left}
.pedigree-lines span:nth-child(1){width:96px;top:15px;left:0;transform:rotate(24deg)}
.pedigree-lines span:nth-child(2){width:83px;top:48px;left:8px;transform:rotate(-13deg)}
.pedigree-lines span:nth-child(3){width:67px;top:70px;left:40px;transform:rotate(31deg)}
.puppy-mark,.export-globe{
  position:absolute;
  right:26px;
  top:22px;
  font:600 58px/1 var(--serif);
  opacity:.16;
}
.export-globe{color:#d5a958;font-size:82px;top:11px}

.standard-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 24px;
}
.standard-points span{
  border:1px solid rgba(200,156,72,.35);
  padding:8px 12px;
  color:#d0c8bc;
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.family-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}

.contact-band{
  display:grid;
  grid-template-columns:1fr auto;
  gap:40px;
  align-items:center;
  padding:52px 5.4vw;
  background:#e3d9c8;
  border-top:1px solid rgba(18,18,18,.08);
}
.contact-band p{
  margin:0 0 6px;
  color:#8b672b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.22em;
}
.contact-band h2{
  margin:0;
  font:500 clamp(38px,4.4vw,61px)/.9 var(--serif);
  letter-spacing:-.025em;
}
.contact-band h2 em{color:var(--gold-deep);font-weight:500}
.contact-band-actions{display:flex;gap:12px}
.contact-band .legacy-button-outline{color:var(--ink);border-color:rgba(18,18,18,.45);background:transparent}

.legacy-footer-rich{
  grid-template-columns:1.05fr 1.7fr .95fr;
  grid-template-areas:
    "brand center contact"
    "bottom bottom bottom";
  padding:38px 5.4vw 18px;
  gap:34px;
  background:#0d0e0c;
}
.footer-brand-block{grid-area:brand;display:flex;align-items:center;gap:18px}
.footer-brand-block img{width:92px;height:92px;object-fit:cover}
.footer-center{grid-area:center;text-align:center;align-self:center}
.footer-center>p{margin:0 0 18px;color:#d5b16c;font-size:9px;letter-spacing:.28em}
.legacy-footer-rich .footer-center nav{justify-content:center;flex-wrap:wrap;gap:9px 18px}
.footer-contact{grid-area:contact;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.footer-contact>a{color:#d5b16c;font-size:9px;letter-spacing:.04em;text-decoration:none;overflow-wrap:anywhere;text-align:right}
.footer-contact>a:hover,.footer-contact>a:focus-visible{color:#f2d698}
.footer-contact .legacy-button{min-width:176px}
.footer-contact small{color:#8e877b;font-size:7px;letter-spacing:.17em}
.footer-bottom{
  grid-area:bottom;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:16px;
  font-size:7px;
  letter-spacing:.16em;
  color:#777168;
}

@media(max-width:1100px){
  .legacy-nav{gap:18px;font-size:9px}
  .featured-dog-card{min-height:390px}
  .knowledge-card{min-height:330px;padding:34px 28px 29px}
}

@media(max-width:820px){
  .brand-masthead{min-height:154px;padding:12px 5vw 14px}
  .brand-masthead img{width:126px;height:126px}
  .masthead-meta{font-size:7px}
  .masthead-message{letter-spacing:.2em}
  .legacy-header{grid-template-columns:auto 1fr auto;gap:14px;padding:0 4vw}
  .legacy-mobile-quick{display:flex;justify-self:end;gap:14px}
  .legacy-mobile-quick a{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
  .legacy-menu-button{justify-self:end}
  .legacy-hero{min-height:0}
  .legacy-hero-photo{min-height:500px}
  .credibility-strip{grid-template-columns:1fr 1fr;padding:0 5vw}
  .credibility-strip article:nth-child(2){border-right:0}
  .credibility-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .featured-dog-grid{grid-template-columns:1fr 1fr}
  .featured-dog-card:nth-child(3){grid-column:1 / 3;min-height:360px}
  .knowledge-grid{grid-template-columns:1fr}
  .knowledge-card{min-height:300px}
  .contact-band{grid-template-columns:1fr}
  .contact-band-actions{justify-content:flex-start}
  .legacy-footer-rich{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "brand contact"
      "center center"
      "bottom bottom";
  }
  .footer-center{text-align:left}
  .legacy-footer-rich .footer-center nav{justify-content:flex-start}
}

@media(max-width:560px){
  .brand-masthead{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    min-height:0;
    padding:12px 5vw 13px;
  }
  .brand-masthead img{grid-column:1;grid-row:1;width:118px;height:118px;justify-self:center}
  .masthead-location,.masthead-year{display:none}
  .masthead-message{
    grid-column:1;
    grid-row:2;
    font-size:6.5px;
    letter-spacing:.14em;
    text-align:center;
    line-height:1.6;
  }
  .legacy-header{
    height:62px;
    min-height:62px;
    grid-template-columns:1fr auto;
    padding:0 4.5vw;
  }
  .legacy-brand{display:none}
  .legacy-mobile-quick{justify-self:start;gap:13px}
  .legacy-mobile-quick a{font-size:8.5px}
  .legacy-menu-button{padding:9px 11px;font-size:9px}
  .legacy-hero-copy{padding:46px 7vw 40px}
  .legacy-hero h1{font-size:66px}
  .legacy-lead{font-size:13px;margin-top:27px}
  .legacy-hero-photo{min-height:440px}
  .credibility-strip{grid-template-columns:1fr 1fr;padding:0 4vw}
  .credibility-strip article{min-height:82px;padding:15px 10px;gap:9px;justify-content:flex-start}
  .credibility-icon{font-size:20px}
  .credibility-strip b{font-size:8px;letter-spacing:.1em}
  .credibility-strip small{font-size:7px}
  .featured-dogs{padding:48px 5vw 52px}
  .section-heading{display:block}
  .section-heading .text-link{margin-top:18px}
  .section-heading h2{font-size:51px}
  .section-heading>div>p:last-child{font-size:8px;line-height:1.55}
  .featured-dog-grid{grid-template-columns:1fr}
  .featured-dog-card,.featured-dog-card:nth-child(3){grid-column:auto;min-height:390px}
  .knowledge-grid{padding:0 5vw 52px}
  .knowledge-card{min-height:330px;padding:31px 26px 28px}
  .knowledge-card h2{font-size:43px}
  .legacy-standard-photo{min-height:470px}
  .legacy-family{padding:52px 6vw}
  .family-actions{align-items:flex-start;flex-direction:column}
  .contact-band{padding:42px 6vw}
  .contact-band h2{font-size:44px}
  .contact-band-actions{flex-direction:column;align-items:stretch}
  .contact-band-actions .legacy-button{width:100%}
  .legacy-footer-rich{
    grid-template-columns:1fr;
    grid-template-areas:
      "brand"
      "center"
      "contact"
      "bottom";
    padding:34px 6vw 18px;
  }
  .footer-brand-block img{width:78px;height:78px}
  .footer-contact{align-items:flex-start}
}


/* Uploaded puppy photography card */
.puppies-photo-card{
  background:#171513;
  color:#f6f0e7;
  overflow:hidden;
}
.puppies-photo-card::before{
  background:linear-gradient(180deg,rgba(0,0,0,.10) 8%,rgba(0,0,0,.26) 42%,rgba(0,0,0,.80) 100%);
  z-index:-1;
}
.puppies-photo-card::after{display:none}
.knowledge-bg-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 40%;
  z-index:-3;
}
.puppies-photo-card .knowledge-label{color:#e1b45e}
.puppies-photo-card h2{color:#fff}
.puppies-photo-card h2 em{color:#e1b45e}
.puppies-photo-card>p:not(.knowledge-label){color:rgba(255,255,255,.88)}
.puppies-photo-card>a{color:#e1b45e;border-color:rgba(225,180,94,.55)}


/* Lower-home simplification + unobstructed puppy photography */
.puppies-photo-card{
  padding:0;
  display:grid;
  grid-template-rows:minmax(310px,1fr) auto;
  justify-content:stretch;
  min-height:540px;
  background:#151513;
  color:#f6f0e7;
}
.puppies-photo-card::before,
.puppies-photo-card::after{display:none}
.puppies-photo-frame{
  position:relative;
  min-height:310px;
  overflow:hidden;
  background:#111;
}
.puppies-photo-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 39%;
}
.puppies-card-content{
  position:relative;
  z-index:2;
  padding:27px 30px 30px;
  background:#151513;
}
.puppies-card-content .knowledge-label{color:#e1b45e}
.puppies-card-content h2{
  color:#fff;
  margin:8px 0 13px;
  font:500 clamp(35px,3.2vw,48px)/.9 var(--serif);
  letter-spacing:-.025em;
}
.puppies-card-content h2 em{color:#e1b45e}
.puppies-card-content>p:not(.knowledge-label){
  margin:0 0 20px;
  color:rgba(255,255,255,.84);
  font-size:11px;
  line-height:1.6;
}
.puppies-card-content>a{
  width:max-content;
  display:inline-block;
  color:#e1b45e;
  border-bottom:1px solid rgba(225,180,94,.55);
  padding-bottom:5px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

/* Keep the useful lower-page copy, but remove repeated dog photography. */
.legacy-standard{
  display:block;
  min-height:0;
  background:#0d0d0d;
}
.legacy-standard-copy{
  max-width:980px;
  padding:72px 8vw 68px;
  margin:0 auto;
  align-items:flex-start;
}
.legacy-standard-copy>p:not(.legacy-kicker){max-width:760px}
.legacy-standard h2{max-width:780px}

.legacy-family{
  display:block;
  padding:62px 8vw 66px;
  background:var(--ivory);
}
.legacy-family-copy{
  max-width:900px;
  padding:0;
  margin:0 auto;
}
.legacy-family-copy>p:not(.legacy-eyebrow){max-width:720px}
.legacy-family-copy h2{max-width:720px}

@media(max-width:820px){
  .puppies-photo-card{
    grid-template-rows:auto auto;
    min-height:0;
  }
  .puppies-photo-frame{
    height:310px;
    min-height:0;
  }
  .puppies-photo-frame img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 34%;
  }
  .legacy-standard-copy{padding:58px 7vw 54px}
  .legacy-family{padding:54px 7vw 58px}
}
@media(max-width:560px){
  .puppies-photo-card{
    grid-template-rows:auto auto;
    min-height:0;
  }
  .puppies-photo-frame{
    height:310px;
    min-height:0;
  }
  .puppies-photo-frame img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 50%;
  }
  .puppies-card-content{padding:20px 22px 23px}
  .puppies-card-content .knowledge-label{font-size:8px}
  .puppies-card-content h2{
    font-size:34px;
    margin:6px 0 10px;
  }
  .puppies-card-content>p:not(.knowledge-label){
    font-size:10px;
    line-height:1.5;
    margin-bottom:16px;
  }
  .puppies-card-content>a{font-size:8px}
  .legacy-standard-copy{padding:50px 6vw 48px}
  .legacy-family{padding:48px 6vw 52px}
}


/* ===== Unified hero image/text blend ===== */
.legacy-hero{
  position:relative;
  display:block;
  min-height:620px;
  overflow:hidden;
  isolation:isolate;
  background:#0d0e0c;
}
.legacy-hero-copy{
  position:relative;
  z-index:4;
  width:52%;
  max-width:760px;
  min-height:620px;
  padding:70px 4.8vw 58px 6.2vw;
}
.legacy-hero-photo{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  width:70%;
  min-height:0;
  overflow:hidden;
  background:#0d0e0c;
}
.legacy-hero-photo>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 36%;
}
.legacy-hero-photo::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    #0d0e0c 0%,
    rgba(13,14,12,.98) 10%,
    rgba(13,14,12,.88) 20%,
    rgba(13,14,12,.56) 34%,
    rgba(13,14,12,.20) 49%,
    rgba(13,14,12,0) 64%
  );
}
.legacy-hero-photo::after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(13,14,12,.16) 0%,
    rgba(13,14,12,0) 45%,
    rgba(13,14,12,.18) 100%
  );
}
.legacy-hero-words,
.legacy-seal{z-index:3}

@media(max-width:1000px){
  .legacy-hero-copy{width:56%}
  .legacy-hero-photo{width:72%}
}

@media(max-width:820px){
  .legacy-hero{
    min-height:700px;
  }
  .legacy-hero-copy{
    width:100%;
    max-width:640px;
    min-height:700px;
    padding:48px 7vw 46px;
    justify-content:flex-start;
  }
  .legacy-hero-photo{
    inset:0;
    width:100%;
    min-height:0;
  }
  .legacy-hero-photo>img{
    object-position:60% 34%;
  }
  .legacy-hero-photo::before{
    background:
      linear-gradient(90deg,rgba(13,14,12,.96) 0%,rgba(13,14,12,.80) 46%,rgba(13,14,12,.28) 78%,rgba(13,14,12,.12) 100%),
      linear-gradient(180deg,rgba(13,14,12,.78) 0%,rgba(13,14,12,.54) 54%,rgba(13,14,12,.16) 100%);
  }
  .legacy-hero-photo::after{
    background:linear-gradient(180deg,rgba(13,14,12,.08) 0%,rgba(13,14,12,.02) 55%,rgba(13,14,12,.38) 100%);
  }
  .legacy-hero-words{display:none}
  .legacy-seal{right:5vw;bottom:18px}
}

@media(max-width:560px){
  .legacy-hero{
    min-height:740px;
  }
  .legacy-hero-copy{
    min-height:740px;
    padding:42px 6vw 40px;
  }
  .legacy-hero h1{
    font-size:clamp(56px,17vw,66px);
  }
  .legacy-lead{
    max-width:92%;
    font-size:13px;
    line-height:1.55;
    margin:26px 0 22px;
  }
  .legacy-actions{
    width:min(100%,360px);
  }
  .legacy-hero-photo>img{
    object-position:61% 37%;
  }
  .legacy-hero-photo::before{
    background:
      linear-gradient(90deg,rgba(13,14,12,.96) 0%,rgba(13,14,12,.79) 58%,rgba(13,14,12,.34) 100%),
      linear-gradient(180deg,rgba(13,14,12,.82) 0%,rgba(13,14,12,.58) 52%,rgba(13,14,12,.18) 100%);
  }
}


/* ===== Reference screenshot homepage header + hero ===== */
.reference-topbar{
  min-height:56px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
  padding:0 5.4vw;
  background:#070807;
  color:#e9e3d9;
  border-bottom:1px solid rgba(255,255,255,.18);
  font-size:8px;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.reference-location{justify-self:start;display:flex;align-items:center;gap:10px}
.reference-location span{color:#fff;font-size:10px}
.reference-message{justify-self:center;white-space:nowrap}
.reference-social{justify-self:end;display:flex;gap:14px;letter-spacing:.08em}
.reference-social a{
  width:19px;height:19px;border:1px solid rgba(255,255,255,.55);border-radius:50%;
  display:grid;place-items:center;font-size:6px;letter-spacing:0;
}

.reference-header{
  position:relative;
  top:auto;
  min-height:148px;
  height:auto;
  grid-template-columns:minmax(280px,1fr) auto auto;
  gap:46px;
  padding:0 5.4vw;
  background:#070807;
  color:#f4efe5;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.reference-brand{
  min-width:0;
  width:360px;
  max-width:36vw;
  height:126px;
  display:flex;
  align-items:center;
}
.reference-brand img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
.reference-quick-nav{
  display:flex;
  align-items:center;
  gap:68px;
  text-transform:uppercase;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}
.reference-quick-nav a{
  position:relative;
  padding:14px 0;
}
.reference-quick-nav a:first-child::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:3px;
  height:1px;background:var(--gold);
}
.reference-menu-button{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-width:138px;
  min-height:48px;
  padding:0 22px;
  border:0;
  background:linear-gradient(100deg,#d6ad64,#c58e36);
  color:#17120b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.reference-menu-button span{margin:0;color:#17120b;font-size:15px}
.legacy-mobile-menu{
  background:#0d0e0c;
  color:#f4efe5;
  border-bottom:1px solid rgba(200,156,72,.28);
  padding:10px 5.4vw 18px;
}
.legacy-mobile-menu.open{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0 28px;
}
.legacy-mobile-menu a{
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.legacy-hero{
  position:relative;
  display:block;
  min-height:720px;
  overflow:hidden;
  isolation:isolate;
  background:#0c0d0b;
}
.legacy-hero-photo{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  min-height:0;
  background:#111;
}
.legacy-hero-photo>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:64% 36%;
}
.legacy-hero-photo::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,10,8,.97) 0%,rgba(9,10,8,.88) 19%,rgba(9,10,8,.66) 35%,rgba(9,10,8,.22) 57%,rgba(9,10,8,.02) 78%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.02) 60%,rgba(0,0,0,.30) 100%);
}
.legacy-hero-photo::after{display:none}
.legacy-hero-copy{
  position:relative;
  z-index:3;
  width:50%;
  max-width:760px;
  min-height:720px;
  padding:78px 3.5vw 64px 6.2vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.legacy-eyebrow{
  margin-bottom:20px;
  color:#d7ab5b;
  font-size:9px;
  letter-spacing:.27em;
}
.legacy-eyebrow i{display:none}
.legacy-hero h1{
  color:#f6f0e7;
  font-size:clamp(82px,8.7vw,128px);
  line-height:.80;
  letter-spacing:-.045em;
  text-shadow:0 2px 22px rgba(0,0,0,.22);
}
.legacy-hero h1 em{color:#d4a24a}
.legacy-lead{
  max-width:575px;
  margin:33px 0 28px;
  color:#f1ece3;
  font-size:15px;
  line-height:1.62;
  text-shadow:0 1px 14px rgba(0,0,0,.44);
}
.legacy-actions{gap:18px}
.legacy-button{
  min-height:54px;
  padding:0 34px;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.legacy-button-outline{
  border-color:rgba(255,255,255,.78);
  color:#fff;
  background:rgba(8,8,8,.30);
  backdrop-filter:blur(2px);
}
.reference-legacy-signature{
  position:absolute;
  z-index:3;
  right:6.4vw;
  bottom:48px;
  color:#e7d8c4;
  text-align:center;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.reference-legacy-signature em{
  display:block;
  font:500 italic 34px/1 var(--serif);
  letter-spacing:.04em;
}
.reference-legacy-signature span{
  display:block;
  margin-top:9px;
  color:#d3a954;
  font-size:10px;
  font-weight:700;
  letter-spacing:.52em;
}

.reference-credibility{
  min-height:102px;
  padding:0 5.4vw;
  background:#f2ede4;
  border-bottom:1px solid rgba(18,18,18,.13);
}
.reference-credibility article{
  min-height:102px;
  justify-content:flex-start;
  gap:19px;
  padding:20px 28px;
}
.reference-credibility .credibility-icon{
  color:#161616;
  font-size:26px;
}
.reference-credibility b{
  font-size:10px;
  letter-spacing:.13em;
}
.reference-credibility small{display:none}

@media(max-width:1000px){
  .reference-header{grid-template-columns:minmax(235px,1fr) auto auto;gap:28px}
  .reference-brand{width:300px;max-width:34vw}
  .reference-quick-nav{gap:38px}
  .legacy-hero-copy{width:57%}
}

@media(max-width:820px){
  .reference-topbar{
    grid-template-columns:auto 1fr;
    min-height:46px;
    gap:12px;
    padding:0 4vw;
  }
  .reference-message{
    justify-self:end;
    white-space:normal;
    text-align:right;
    font-size:6.5px;
    line-height:1.5;
  }
  .reference-social{display:none}
  .reference-header{
    min-height:102px;
    grid-template-columns:1fr auto auto;
    gap:16px;
    padding:0 4vw;
  }
  .reference-brand{
    display:flex !important;
    width:220px;
    max-width:44vw;
    height:90px;
  }
  .reference-quick-nav{gap:22px;font-size:9px}
  .reference-menu-button{min-width:112px;min-height:43px;padding:0 15px}
  .legacy-mobile-menu.open{grid-template-columns:1fr 1fr}
  .legacy-hero{min-height:680px}
  .legacy-hero-copy{
    width:70%;
    min-height:680px;
    padding:54px 6vw 46px;
  }
  .legacy-hero h1{font-size:clamp(72px,12vw,94px)}
  .legacy-hero-photo>img{object-position:62% 35%}
  .legacy-hero-photo::before{
    background:
      linear-gradient(90deg,rgba(9,10,8,.94) 0%,rgba(9,10,8,.80) 44%,rgba(9,10,8,.38) 70%,rgba(9,10,8,.08) 100%),
      linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.02) 55%,rgba(0,0,0,.34));
  }
  .reference-legacy-signature{right:4vw;bottom:34px}
  .reference-legacy-signature em{font-size:26px}
  .reference-credibility{grid-template-columns:1fr 1fr;padding:0 4vw}
}

@media(max-width:560px){
  .reference-topbar{
    grid-template-columns:1fr;
    min-height:38px;
    padding:7px 4.5vw;
  }
  .reference-location{display:none}
  .reference-message{
    justify-self:center;
    text-align:center;
    font-size:5.8px;
    letter-spacing:.16em;
  }
  .reference-header{
    min-height:86px;
    grid-template-columns:1fr auto;
    gap:10px;
    padding:0 4.5vw;
  }
  .reference-brand{
    width:190px;
    max-width:58vw;
    height:76px;
  }
  .reference-quick-nav{display:none}
  .reference-menu-button{
    min-width:94px;
    min-height:40px;
    gap:10px;
    padding:0 12px;
    font-size:8px;
  }
  .legacy-mobile-menu.open{grid-template-columns:1fr 1fr;padding:6px 5vw 14px}
  .legacy-mobile-menu a{font-size:9px}
  .legacy-hero{
    min-height:700px;
  }
  .legacy-hero-copy{
    width:100%;
    min-height:700px;
    padding:44px 6vw 40px;
    justify-content:flex-start;
  }
  .legacy-hero h1{
    font-size:clamp(58px,18vw,76px);
    max-width:92%;
  }
  .legacy-lead{
    max-width:92%;
    font-size:12.5px;
    line-height:1.58;
    margin:28px 0 22px;
  }
  .legacy-actions{
    width:min(100%,360px);
    flex-direction:column;
    align-items:stretch;
    gap:11px;
  }
  .legacy-button{width:100%;min-height:49px}
  .legacy-hero-photo>img{object-position:64% 40%}
  .legacy-hero-photo::before{
    background:
      linear-gradient(90deg,rgba(9,10,8,.95) 0%,rgba(9,10,8,.78) 60%,rgba(9,10,8,.30) 100%),
      linear-gradient(180deg,rgba(0,0,0,.44) 0%,rgba(0,0,0,.24) 46%,rgba(0,0,0,.45) 100%);
  }
  .reference-legacy-signature{
    right:5vw;
    bottom:26px;
  }
  .reference-legacy-signature em{font-size:20px}
  .reference-legacy-signature span{font-size:7px;letter-spacing:.4em}
  .reference-credibility article{min-height:78px;padding:14px 10px;gap:10px}
  .reference-credibility .credibility-icon{font-size:20px}
  .reference-credibility b{font-size:8px;letter-spacing:.08em}
}

/* ===== Preserve full hero dog image ===== */
.legacy-hero{
  min-height:720px;
  background:#0c0d0b;
}
.legacy-hero-copy{
  min-height:720px;
  width:48%;
  max-width:760px;
}
.legacy-hero-photo{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#0c0d0b;
}
.legacy-hero-photo>img{
  position:absolute;
  right:0;
  bottom:0;
  top:auto;
  left:auto;
  height:100%;
  width:auto;
  max-width:none;
  object-fit:contain;
  object-position:right bottom;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 7%,rgba(0,0,0,.72) 20%,#000 34%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 7%,rgba(0,0,0,.72) 20%,#000 34%);
}
.legacy-hero-photo::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,10,8,.98) 0%,rgba(9,10,8,.90) 22%,rgba(9,10,8,.58) 39%,rgba(9,10,8,.18) 56%,rgba(9,10,8,0) 74%),
    linear-gradient(180deg,rgba(0,0,0,.07) 0%,rgba(0,0,0,0) 64%,rgba(0,0,0,.15) 100%);
}
.legacy-hero-photo::after{display:none}

@media(max-width:1000px){
  .legacy-hero-copy{width:54%}
  .legacy-hero-photo>img{
    height:100%;
    width:auto;
    object-position:right bottom;
  }
}
@media(max-width:820px){
  .legacy-hero{
    min-height:760px;
  }
  .legacy-hero-copy{
    width:100%;
    max-width:620px;
    min-height:760px;
    padding:48px 6vw 42px;
    justify-content:flex-start;
  }
  .legacy-hero-photo>img{
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    transform:none;
    object-fit:cover;
    object-position:58% bottom;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .legacy-hero-photo::before{
    background:
      linear-gradient(180deg,rgba(9,10,8,.98) 0%,rgba(9,10,8,.91) 38%,rgba(9,10,8,.60) 55%,rgba(9,10,8,.20) 72%,rgba(9,10,8,.04) 100%),
      linear-gradient(90deg,rgba(9,10,8,.18),rgba(9,10,8,.04));
  }
  .reference-legacy-signature{right:5vw;bottom:24px}
}
@media(max-width:560px){
  .legacy-hero{
    min-height:780px;
  }
  .legacy-hero-copy{
    min-height:780px;
    padding:42px 6vw 38px;
  }
  .legacy-hero-photo>img{
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    transform:none;
    object-fit:cover;
    object-position:58% bottom;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .legacy-hero-photo::before{
    background:
      linear-gradient(180deg,rgba(9,10,8,.99) 0%,rgba(9,10,8,.94) 39%,rgba(9,10,8,.66) 56%,rgba(9,10,8,.22) 73%,rgba(9,10,8,.04) 100%);
  }
}

/* ===== Canonical mobile header + hero layout ===== */
@media(min-width:821px){
  .legacy-hero-photo>img{
    height:100%;
    width:auto;
    max-width:none;
    right:0;
    left:auto;
    bottom:0;
    top:auto;
    object-fit:contain;
    object-position:right bottom;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 9%,rgba(0,0,0,.16) 18%,rgba(0,0,0,.52) 30%,rgba(0,0,0,.84) 41%,#000 52%);
    mask-image:linear-gradient(90deg,transparent 0%,transparent 9%,rgba(0,0,0,.16) 18%,rgba(0,0,0,.52) 30%,rgba(0,0,0,.84) 41%,#000 52%);
  }
  .legacy-hero-photo::before{
    background:
      linear-gradient(90deg,rgba(9,10,8,.99) 0%,rgba(9,10,8,.92) 24%,rgba(9,10,8,.62) 40%,rgba(9,10,8,.22) 58%,rgba(9,10,8,0) 76%),
      linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,0) 66%,rgba(0,0,0,.12));
  }
}
@media(max-width:560px){
  .reference-topbar{min-height:34px;padding:6px 4vw}
  .reference-message{font-size:5.4px;letter-spacing:.13em}
  .reference-header{
    min-height:104px;height:104px;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:58px 46px;
    gap:0;padding:0 4vw;
  }
  .reference-brand{
    display:flex !important;
    grid-column:1 / 4;grid-row:1;
    width:150px;max-width:none;height:56px;
    justify-self:center;align-self:center;
  }
  .reference-quick-nav{display:contents}
  .reference-quick-nav a{
    display:flex;align-items:center;justify-content:center;
    min-width:0;height:46px;padding:0 4px;
    border-top:1px solid rgba(255,255,255,.08);
    border-right:1px solid rgba(255,255,255,.08);
    font-size:8px;font-weight:800;letter-spacing:.08em;
    text-transform:uppercase;white-space:nowrap;
  }
  .reference-quick-nav a::after{display:none !important}
  .reference-quick-nav a:nth-child(1){grid-column:1;grid-row:2}
  .reference-quick-nav a:nth-child(2){grid-column:2;grid-row:2}
  .reference-menu-button{
    grid-column:3;grid-row:2;width:100%;min-width:0;
    min-height:46px;height:46px;padding:0 4px;gap:7px;
    border-radius:0;align-self:stretch;font-size:8px;
  }
  .reference-menu-button span{font-size:12px}
  .legacy-mobile-menu.open{grid-template-columns:1fr 1fr;padding:6px 5vw 14px}
  .legacy-mobile-menu a{font-size:9px}

  .legacy-hero{position:relative;min-height:540px;height:540px;overflow:hidden;background:#0c0d0b}
  .legacy-hero-copy{
    position:relative;z-index:3;width:51%;max-width:none;
    min-height:540px;height:540px;padding:30px 0 22px 4.8vw;
    justify-content:flex-start;
  }
  .legacy-eyebrow{margin-bottom:13px;font-size:5.7px;letter-spacing:.12em;white-space:nowrap}
  .legacy-hero h1{max-width:100%;font-size:clamp(36px,9.8vw,41px);line-height:.82;letter-spacing:-.035em}
  .legacy-lead{max-width:100%;margin:18px 0 14px;font-size:8.9px;line-height:1.46}
  .legacy-hero-photo{position:absolute;inset:0;overflow:hidden;background:#0c0d0b}
  .legacy-hero-photo>img{
    position:absolute;right:-2%;bottom:0;top:auto;left:auto;
    height:86%;width:auto;max-width:none;transform:none;
    object-fit:contain;object-position:right bottom;
    filter:brightness(1.08) contrast(1.02);
    -webkit-mask-image:none;mask-image:none;
  }
  .legacy-hero-photo::before{
    content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,rgba(9,10,8,.99) 0%,rgba(9,10,8,.95) 27%,rgba(9,10,8,.68) 40%,rgba(9,10,8,.22) 50%,rgba(9,10,8,.03) 57%,rgba(9,10,8,0) 63%);
  }
  .legacy-actions{
    position:absolute;left:4.8vw;right:auto;bottom:18px;width:90.4vw;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;
  }
  .legacy-button{width:100%;min-width:0;min-height:42px;padding:0 7px;gap:6px;font-size:6.6px;letter-spacing:.04em;white-space:nowrap}
  .reference-legacy-signature{display:none}
}

/* Photo framing: fill editorial cards without the dark pillar-box gutters.
   Source files stay untouched at their original resolution; only presentation changes. */
.featured-dog-card img{
  object-fit:cover !important;
  background:transparent;
}
.featured-dog-card:nth-child(1) img{object-position:center 34% !important}
.featured-dog-card:nth-child(2) img{object-position:center 35% !important}
.featured-dog-card:nth-child(3) img{object-position:center 38% !important}
.puppies-photo-frame img{
  object-fit:cover !important;
  object-position:center 42% !important;
  background:transparent;
}


.mobile-fact-break{display:none}
.mobile-lead-break{display:none}

/* ===== Reference-locked mobile homepage composition ===== */
@media(max-width:560px){
  .mobile-fact-break{display:inline}
  .mobile-lead-break{display:block}
  /* Match the approved phone reference: compact top message, centered logo,
     one-line Menu / Puppies / Our Dogs shortcuts, full-bleed hero and 4-up facts. */
  .reference-topbar{
    min-height:18px;
    padding:2px 3.5vw;
    grid-template-columns:1fr;
  }
  .reference-location,
  .reference-social{display:none}
  .reference-message{
    justify-self:center;
    text-align:center;
    white-space:nowrap;
    font-size:5.6px;
    line-height:1.2;
    letter-spacing:.16em;
  }

  .reference-header{
    min-height:104px;
    height:104px;
    padding:0;
    gap:0;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:69px 35px;
    background:#070807;
  }
  .reference-brand{
    display:flex !important;
    grid-column:1 / 4;
    grid-row:1;
    justify-self:start;
    align-self:center;
    width:195px;
    max-width:none;
    height:66px;
    margin-left:3.5vw;
    padding:2px 0 0;
  }
  .reference-brand img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left center;
    transform:scale(1.22);
    transform-origin:left center;
  }
  .reference-quick-nav{display:contents}
  .reference-quick-nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:35px;
    padding:0 5px;
    border-top:1px solid rgba(255,255,255,.10);
    border-right:1px solid rgba(255,255,255,.10);
    font-size:8.5px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .reference-quick-nav a::after{display:none !important}
  .reference-quick-nav a:nth-child(1){
    grid-column:3;
    grid-row:2;
    border-right:0;
  }
  .reference-quick-nav a:nth-child(2){
    grid-column:2;
    grid-row:2;
  }
  .reference-menu-button{
    grid-column:1;
    grid-row:2;
    width:100%;
    min-width:0;
    min-height:35px;
    height:35px;
    padding:0 5px;
    gap:8px;
    border:0;
    border-top:1px solid rgba(255,255,255,.10);
    border-right:1px solid rgba(255,255,255,.10);
    border-radius:0;
    align-self:stretch;
    background:linear-gradient(100deg,#d6ad64,#c58e36);
    color:#17120b;
    font-size:8.5px;
    font-weight:800;
    letter-spacing:.08em;
  }
  .reference-menu-button span{
    margin:0;
    color:#17120b;
    font-size:12px;
  }

  .legacy-hero{
    position:relative;
    min-height:500px;
    height:clamp(500px,62dvh,560px);
    overflow:hidden;
    background:#0c0d0b;
  }
  .legacy-hero-photo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    background:#0c0d0b;
  }
  .legacy-hero-photo>img{
    position:absolute;
    top:auto;
    right:0;
    bottom:0;
    left:auto;
    width:auto;
    height:85%;
    max-width:none;
    transform:translateX(12%);
    object-fit:contain;
    object-position:right center;
    z-index:1;
    filter:none;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 1.5%,#000 4%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 1.5%,#000 4%,#000 100%);
  }
  .legacy-hero-photo::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(90deg,rgba(8,9,7,.99) 0%,rgba(8,9,7,.96) 25%,rgba(8,9,7,.72) 38%,rgba(8,9,7,.20) 50%,rgba(8,9,7,.03) 60%,rgba(8,9,7,0) 70%),
      linear-gradient(180deg,rgba(0,0,0,.09) 0%,rgba(0,0,0,.02) 62%,rgba(0,0,0,.14) 100%);
  }
  .legacy-hero-photo::after{
    display:block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:24%;
    z-index:0;
    background:url('assets/dogs/bellissimo-dog-01-hd.webp') center top/cover no-repeat;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.45) 82%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.45) 82%,transparent 100%);
  }

  .legacy-hero-copy{
    position:relative;
    z-index:3;
    width:52%;
    max-width:none;
    min-height:100%;
    height:100%;
    padding:clamp(72px,9.5dvh,88px) 0 24px 5.7vw;
    justify-content:flex-start;
  }
  .legacy-eyebrow{
    margin-bottom:14px;
    color:#d7ab5b;
    font-size:6.2px;
    line-height:1.35;
    letter-spacing:.16em;
    white-space:nowrap;
  }
  .legacy-hero h1{
    max-width:100%;
    margin:0;
    color:#f6f0e7;
    font-size:clamp(49px,12.8vw,58px);
    line-height:.80;
    letter-spacing:-.04em;
  }
  .legacy-lead{
    max-width:190px;
    margin:20px 0 18px;
    color:#f1ece3;
    font-size:8px;
    line-height:1.55;
  }
  .legacy-actions{
    position:static;
    width:clamp(145px,36vw,174px);
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
  }
  .legacy-button{
    width:100%;
    min-width:0;
    min-height:35px;
    padding:0 12px;
    gap:8px;
    font-size:6.5px;
    line-height:1.15;
    letter-spacing:.05em;
    white-space:nowrap;
  }
  .legacy-button-outline{
    background:rgba(8,8,8,.20);
    border-color:rgba(255,255,255,.72);
  }
  .reference-legacy-signature{display:none}

  .reference-credibility{
    min-height:76px;
    padding:0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    background:#f2ede4;
  }
  .reference-credibility article{
    min-height:76px;
    padding:10px 8px;
    margin:0;
    border-right:1px solid rgba(18,18,18,.10);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
  }
  .reference-credibility article:last-child{border-right:0}
  .reference-credibility .credibility-icon{
    flex:0 0 auto;
    font-size:17px;
  }
  .reference-credibility b{
    display:block;
    font-size:6.8px;
    line-height:1.32;
    letter-spacing:.02em;
  }
}

/* Extra-small phones: keep the same composition without horizontal clipping. */
@media(max-width:380px){
  .reference-message{font-size:5.35px;letter-spacing:.13em}
  .reference-brand{width:148px}
  .reference-quick-nav a,
  .reference-menu-button{font-size:7.7px}
  .legacy-hero h1{font-size:clamp(41px,12vw,46px)}
  .legacy-lead{max-width:158px;font-size:9.7px}
  .legacy-actions{width:clamp(145px,40vw,160px)}
  .legacy-button{font-size:6.5px;padding:0 8px}
  .reference-credibility article{padding-inline:5px;gap:5px}
  .reference-credibility b{font-size:6.1px}
  .reference-credibility .credibility-icon{font-size:15px}
}


/* WhatsApp-approved mobile shortcut order: Our Dogs · Puppies · Menu. */
@media(max-width:560px){
  .reference-quick-nav a:nth-child(1){
    grid-column:1;
    border-right:1px solid rgba(255,255,255,.10);
  }
  .reference-quick-nav a:nth-child(2){grid-column:2}
  .reference-menu-button{
    grid-column:3;
    border-right:0;
  }
}



/* Make the featured-dogs eyebrow readable without changing the hero eyebrow. */
.featured-dogs .legacy-eyebrow.compact{
  font-size:clamp(12px,1.15vw,16px);
  font-weight:800;
  letter-spacing:.16em;
  line-height:1.25;
}
@media(max-width:820px){
  .featured-dogs .legacy-eyebrow.compact{
    font-size:12px;
    font-weight:800;
    letter-spacing:.14em;
  }
}


/* ===== Canonical mobile homepage optimization — 2026-09-27 ===== */
@media(max-width:560px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:15px}

  .reference-topbar{
    min-height:26px!important;
    padding:5px 14px!important;
    grid-template-columns:1fr!important;
  }
  .reference-location,.reference-social{display:none!important}
  .reference-message{
    justify-self:center!important;
    max-width:100%;
    white-space:normal!important;
    text-align:center!important;
    font-size:7.5px!important;
    line-height:1.35!important;
    letter-spacing:.10em!important;
  }

  .reference-header{
    min-height:106px!important;
    height:106px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:64px 42px!important;
    gap:0!important;
    background:#070807!important;
  }
  .reference-brand{
    display:flex!important;
    grid-column:1/4!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:174px!important;
    max-width:calc(100vw - 28px)!important;
    height:58px!important;
    margin-left:14px!important;
    padding:0!important;
  }
  .reference-brand img{
    width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:left center!important;
    transform:none!important;
  }
  .reference-quick-nav{display:contents!important}
  .reference-quick-nav a,
  .reference-menu-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 6px!important;
    border-radius:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.06em!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  .reference-quick-nav a:nth-child(1){grid-column:1!important;grid-row:2!important}
  .reference-quick-nav a:nth-child(2){grid-column:2!important;grid-row:2!important}
  .reference-menu-button{
    grid-column:3!important;grid-row:2!important;
    border-right:0!important;
    background:linear-gradient(100deg,#d6ad64,#c58e36)!important;
    color:#17120b!important;
  }
  .reference-menu-button span{font-size:13px!important;color:#17120b!important;margin:0!important}
  .legacy-mobile-menu.open{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    padding:8px 14px 14px!important;
    gap:0 14px!important;
  }
  .legacy-mobile-menu a{
    min-height:44px;
    display:flex!important;
    align-items:center;
    font-size:12px!important;
    line-height:1.25;
  }

  /* Readable stacked hero instead of squeezing text beside the dog. */
  .legacy-hero{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#0c0d0b!important;
  }
  .legacy-hero-copy{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    padding:38px 18px 30px!important;
    justify-content:flex-start!important;
  }
  .legacy-eyebrow{
    margin:0 0 13px!important;
    font-size:8.5px!important;
    line-height:1.3!important;
    letter-spacing:.15em!important;
    white-space:normal!important;
  }
  .legacy-eyebrow i{width:42px!important}
  .legacy-hero h1{
    max-width:100%!important;
    font-size:clamp(52px,15vw,68px)!important;
    line-height:.82!important;
    letter-spacing:-.04em!important;
    overflow-wrap:anywhere;
  }
  .legacy-lead{
    max-width:34rem!important;
    margin:22px 0 20px!important;
    font-size:14px!important;
    line-height:1.6!important;
    color:#eee8de!important;
  }
  .legacy-actions{
    position:static!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
  }
  .legacy-button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:0 16px!important;
    gap:10px!important;
    font-size:11px!important;
    line-height:1.2!important;
    letter-spacing:.03em!important;
    white-space:normal!important;
    text-align:center;
  }
  .legacy-hero-photo{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/5;
    overflow:hidden!important;
    background:#111!important;
  }
  .legacy-hero-photo>img{
    position:static!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    filter:none!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    background:#111;
  }
  .legacy-hero-photo::before{
    background:linear-gradient(180deg,rgba(12,13,11,.18),rgba(12,13,11,0) 22%)!important;
  }
  .legacy-hero-photo::after{display:none!important}
  .legacy-hero-words,.legacy-seal,.reference-legacy-signature{display:none!important}

  /* Keep the four facts in one compact row, but make them readable. */
  .reference-credibility,.credibility-strip{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    padding:0!important;
  }
  .reference-credibility article,.credibility-strip article{
    min-width:0!important;
    min-height:84px!important;
    padding:11px 6px!important;
    margin:0!important;
    gap:6px!important;
    justify-content:center!important;
    text-align:left;
  }
  .reference-credibility .credibility-icon,.credibility-strip .credibility-icon{font-size:17px!important}
  .reference-credibility b,.credibility-strip b{font-size:7px!important;line-height:1.3!important;letter-spacing:.02em!important}
  .reference-credibility small,.credibility-strip small{font-size:6.5px!important;line-height:1.3!important}

  .featured-dogs{padding:46px 16px 52px!important}
  .section-heading{display:block!important;margin-bottom:24px!important}
  .section-heading h2{font-size:clamp(43px,13vw,56px)!important;line-height:.9!important}
  .section-heading>div>p:last-child{font-size:9px!important;line-height:1.5!important}
  .section-heading .text-link{margin-top:16px!important;min-height:40px;align-items:center}
  .featured-dog-grid{grid-template-columns:1fr!important;gap:14px!important}
  .featured-dog-card,.featured-dog-card:nth-child(3){
    grid-column:auto!important;
    min-height:0!important;
    aspect-ratio:4/5;
  }
  .dog-card-copy{left:18px!important;right:18px!important;bottom:18px!important}
  .dog-card-copy h3{font-size:34px!important}

  .knowledge-grid{grid-template-columns:1fr!important;padding:0 16px 48px!important;gap:12px!important}
  .knowledge-card{min-height:0!important;padding:28px 22px!important}
  .knowledge-card h2{font-size:40px!important}
  .puppies-photo-card{grid-template-rows:auto auto!important;min-height:0!important}
  .puppies-photo-frame{min-height:0!important;aspect-ratio:4/5}
  .puppies-photo-frame img{width:100%!important;height:100%!important;object-fit:contain!important;background:#111}

  .legacy-standard{display:block!important}
  .legacy-standard-copy{padding:48px 18px!important}
  .legacy-standard h2{font-size:46px!important}
  .legacy-standard-copy>p:not(.legacy-kicker){font-size:13px!important;line-height:1.65}
  .legacy-dark-button{width:100%!important;min-width:0!important;min-height:46px}

  .legacy-family{display:block!important;padding:48px 16px!important}
  .legacy-family-copy{padding:0!important}
  .legacy-family-copy h2{font-size:46px!important}
  .family-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .family-actions .legacy-button,.family-actions .text-link{width:100%!important;justify-content:center!important}

  .contact-band{grid-template-columns:1fr!important;padding:40px 16px!important;gap:24px!important}
  .contact-band h2{font-size:42px!important}
  .contact-band-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .contact-band-actions .legacy-button{width:100%!important}

  .legacy-footer-rich{
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "center" "contact" "bottom"!important;
    padding:30px 16px 18px!important;
    gap:24px!important;
  }
  .footer-brand-block{align-items:center}
  .footer-brand-block img{width:72px!important;height:72px!important}
  .footer-center{text-align:left!important}
  .legacy-footer-rich .footer-center nav{justify-content:flex-start!important;gap:10px 16px!important}
  .legacy-footer-rich .footer-center nav a{min-height:36px;display:flex;align-items:center}
  .footer-contact{align-items:flex-start!important;width:100%}
  .footer-contact>a{text-align:left!important}
  .footer-contact .legacy-button{width:100%!important}

  /* Remove touch-hover jumps on phones. */
  .featured-dog-card:hover img{transform:none!important}
}

@media(max-width:380px){
  .reference-message{font-size:7px!important}
  .reference-brand{width:158px!important}
  .reference-quick-nav a,.reference-menu-button{font-size:9px!important;padding-inline:3px!important}
  .legacy-hero-copy{padding-inline:14px!important}
  .legacy-hero h1{font-size:48px!important}
  .legacy-lead{font-size:13px!important}
  .reference-credibility article,.credibility-strip article{padding-inline:4px!important}
  .reference-credibility b,.credibility-strip b{font-size:6.4px!important}
  .reference-credibility .credibility-icon,.credibility-strip .credibility-icon{font-size:15px!important}
  .featured-dogs,.knowledge-grid,.legacy-family,.contact-band{padding-left:14px!important;padding-right:14px!important}
}


/* ===== Restore original mobile hero composition — 2026-09-27 ===== */
@media(max-width:560px){
  .legacy-hero{
    position:relative!important;
    display:block!important;
    flex-direction:initial!important;
    min-height:500px!important;
    height:clamp(500px,62dvh,560px)!important;
    overflow:hidden!important;
    background:#0c0d0b!important;
  }
  .legacy-hero-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#0c0d0b!important;
  }
  .legacy-hero-photo>img{
    position:absolute!important;
    top:auto!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:auto!important;
    height:85%!important;
    max-width:none!important;
    transform:translateX(12%)!important;
    object-fit:contain!important;
    object-position:right center!important;
    z-index:1!important;
    filter:none!important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 1.5%,#000 4%,#000 100%)!important;
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.45) 1.5%,#000 4%,#000 100%)!important;
    background:transparent!important;
  }
  .legacy-hero-photo::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(8,9,7,.99) 0%,rgba(8,9,7,.96) 25%,rgba(8,9,7,.72) 38%,rgba(8,9,7,.20) 50%,rgba(8,9,7,.03) 60%,rgba(8,9,7,0) 70%),
      linear-gradient(180deg,rgba(0,0,0,.09) 0%,rgba(0,0,0,.02) 62%,rgba(0,0,0,.14) 100%)!important;
  }
  .legacy-hero-photo::after{
    display:block!important;
    content:''!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:24%!important;
    z-index:0!important;
    background:url('assets/dogs/bellissimo-dog-01-hd.webp') center top/cover no-repeat!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.45) 82%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.45) 82%,transparent 100%)!important;
  }
  .legacy-hero-copy{
    position:relative!important;
    z-index:3!important;
    width:52%!important;
    max-width:none!important;
    min-height:100%!important;
    height:100%!important;
    padding:clamp(72px,9.5dvh,88px) 0 24px 5.7vw!important;
    justify-content:flex-start!important;
  }
  .legacy-eyebrow{
    margin:0 0 14px!important;
    color:#d7ab5b!important;
    font-size:6.2px!important;
    line-height:1.35!important;
    letter-spacing:.16em!important;
    white-space:nowrap!important;
  }
  .legacy-hero h1{
    max-width:100%!important;
    margin:0!important;
    color:#f6f0e7!important;
    font-size:clamp(49px,12.8vw,58px)!important;
    line-height:.80!important;
    letter-spacing:-.04em!important;
    overflow-wrap:normal!important;
  }
  .legacy-lead{
    max-width:190px!important;
    margin:20px 0 18px!important;
    color:#f1ece3!important;
    font-size:8px!important;
    line-height:1.55!important;
  }
  .legacy-actions{
    position:static!important;
    width:clamp(145px,36vw,174px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
  }
  .legacy-button{
    width:100%!important;
    min-width:0!important;
    min-height:35px!important;
    padding:0 12px!important;
    gap:8px!important;
    font-size:6.5px!important;
    line-height:1.15!important;
    letter-spacing:.05em!important;
    white-space:nowrap!important;
  }
  .legacy-button-outline{
    background:rgba(8,8,8,.20)!important;
    border-color:rgba(255,255,255,.72)!important;
  }
}
@media(max-width:380px){
  .legacy-hero h1{font-size:clamp(41px,12vw,46px)!important}
  .legacy-lead{max-width:158px!important;font-size:9.7px!important}
  .legacy-actions{width:clamp(145px,40vw,160px)!important}
  .legacy-button{font-size:6.5px!important;padding:0 8px!important}
}