:root{
  --green:#174c3d;
  --green-deep:#0c3028;
  --green-dark:#08271f;
  --pink:#d94d7d;
  --pink-deep:#bd2f65;
  --pink-soft:#f1b7cb;
  --ivory:#fffaf5;
  --paper:#f6eee5;
  --ink:#123b32;
  --muted:#647b74;
  --line:rgba(18,59,50,.18);
  --mono:"DM Mono",monospace;
  --serif:"Playfair Display",serif;
  --sans:"DM Sans",sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}
a{color:inherit;text-decoration:none}
.nowrap{white-space:nowrap}
.mare-card:focus-visible,.mares-header a:focus-visible,.mating-profile a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.eyebrow{margin:0;color:var(--pink);font:500 10px/1.4 var(--mono);letter-spacing:1.35px;text-transform:uppercase}
.mares-header{height:88px;padding:0 clamp(28px,7vw,140px);display:flex;align-items:center;justify-content:space-between;background:var(--ivory);border-top:3px solid var(--green-deep);font:500 10px var(--mono);letter-spacing:1px;text-transform:uppercase}
.mares-header>a:last-child{display:flex;align-items:center;gap:10px}
.mares-header>a:last-child span{color:var(--pink);font-size:16px}
.brand{display:block;width:136px;height:72px;background:#fff}
.brand img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}
.mares-hero{min-height:565px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:6vw;padding:80px clamp(28px,9vw,175px);overflow:hidden;background:linear-gradient(90deg,rgba(8,39,31,.89),rgba(12,48,40,.57) 55%,rgba(12,48,40,.38)),url("assets/mobile/paddock-IMG_0628.jpg") center 48%/cover}
.mares-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,39,31,.52),transparent 46%);pointer-events:none}
.mares-hero-title,.mares-hero-copy{position:relative;z-index:1;color:#fff}
.mares-hero .eyebrow{color:var(--pink-soft)}
.mares-hero h1{margin:20px 0 0;color:#fff;font:500 clamp(88px,12vw,190px)/.72 var(--serif);letter-spacing:-.085em}
.mares-hero h1 em{font-style:italic;color:var(--pink-soft)}
.mares-hero-copy{max-width:450px;margin-bottom:20px;font-size:17px;line-height:1.58}
.mares-hero-copy p{margin:0 0 24px}
.mares-hero-copy span{color:var(--pink-soft);font:500 9px/1.5 var(--mono);letter-spacing:1px;text-transform:uppercase}
.ownership-statement{padding:110px clamp(28px,9vw,175px);display:grid;grid-template-columns:.75fr 1.65fr;gap:8vw;background:var(--green-deep);color:#fff}
.ownership-statement .eyebrow{padding-top:14px;color:var(--pink-soft)}
.ownership-statement h2{margin:0;max-width:1050px;font:500 clamp(43px,5.4vw,82px)/.96 var(--serif);letter-spacing:-.06em}
.ownership-statement h2 em{color:var(--pink-soft);font-style:italic}
.mares-grid{padding:58px clamp(24px,6.8vw,132px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:var(--paper)}
.mare-card{min-height:365px;padding:24px 25px 22px;display:flex;flex-direction:column;background:var(--ivory);border-top:3px solid var(--pink);box-shadow:0 1px 0 rgba(18,59,50,.08);transition:transform .22s ease,box-shadow .22s ease}
.mare-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(8,39,31,.12)}
.mare-card-top{min-height:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.mare-card small{color:var(--pink);font:500 9px var(--mono);letter-spacing:1px}
.ownership-flag{display:inline-flex;align-items:center;min-height:24px;padding:5px 8px;border:1px solid currentColor;color:var(--pink-deep);font:500 8px/1.1 var(--mono);letter-spacing:.65px;text-transform:uppercase;white-space:nowrap}
.ownership-flag:before{content:"";width:6px;height:6px;margin-right:6px;background:currentColor;border-radius:50%}
.ownership-flag.is-total{background:var(--green);border-color:var(--green);color:#fff}
.ownership-flag.is-total:before{background:var(--pink-soft)}
.mare-card h2{margin:12px 0 25px;font:500 clamp(35px,3vw,50px)/.92 var(--serif);letter-spacing:-.05em}
.pedigree{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pedigree span,.mating>span,.stat-grid span,.lineage-note span{color:var(--pink);font:500 9px var(--mono);letter-spacing:1px;text-transform:uppercase}
.pedigree strong{display:block;margin-top:8px;font:500 18px/1.15 var(--serif)}
.pedigree small{display:block;margin-top:4px;color:var(--muted);font:9px var(--mono)}
.pedigree-arrow{align-self:center;text-align:center;color:var(--pink);font:600 18px var(--serif)}
.mating{margin-top:auto;padding-top:38px}
.mating p{display:flex;align-items:baseline;gap:7px;margin:8px 0 0;color:var(--muted);font-size:13px}
.mating strong{color:var(--green-deep);font-weight:700;border-bottom:1px solid var(--pink)}
.mating i{color:var(--pink);font-style:normal}
.editorial-break{min-height:485px;margin:0 clamp(24px,6.8vw,132px);position:relative;display:flex;align-items:flex-end;padding:60px;overflow:hidden;color:#fff;background-position:center;background-size:cover}
.editorial-break:before,.closing-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,31,.82),rgba(8,39,31,.13) 72%)}
.editorial-break>div,.closing-band>div{position:relative;z-index:1}
.editorial-break .eyebrow,.closing-band .eyebrow{color:var(--pink-soft)}
.editorial-break h2,.closing-band h2{margin:18px 0 0;font:500 clamp(54px,6vw,88px)/.9 var(--serif);letter-spacing:-.055em}
.editorial-break h2 em,.closing-band h2 em{color:var(--pink-soft);font-style:italic}
.editorial-break-one{background-image:url("assets/mobile/editorial-paddock-energy.jpg")}
.editorial-break-two{background-image:url("assets/mobile/paddock-IMG_0621.jpg")}
.mares-grid-final{padding-bottom:105px}
.closing-band{min-height:535px;position:relative;display:flex;align-items:center;padding:70px clamp(28px,9vw,175px);overflow:hidden;color:#fff;background:url("assets/mobile/fattrici-editorial-green-care.jpg") center 44%/cover}
.closing-band>div{max-width:640px}
.closing-band>div>p:last-child{max-width:600px;margin:26px 0 0;font-size:17px;line-height:1.6}
footer{min-height:70px;padding:22px clamp(24px,6.8vw,132px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--green-dark);color:#dceae5;font:9px/1.5 var(--mono);letter-spacing:.7px;white-space:nowrap}
.profile-hero{height:min(720px,76vw);min-height:545px;position:relative;overflow:hidden;background:var(--green-deep)}
.profile-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,31,.24),rgba(8,39,31,.68)),var(--mare-image) center/cover}
.profile-title-wrap{position:absolute;left:8vw;right:8vw;bottom:65px;color:#fff}
.profile-title-wrap>p{margin:0 0 12px;color:var(--pink-soft);font:10px var(--mono);letter-spacing:1.4px}
.profile-title-wrap .ownership-flag{margin-bottom:20px}
.profile-title-wrap h1{margin:0 0 20px;font:500 clamp(70px,11vw,158px)/.8 var(--serif);letter-spacing:-.075em}
.profile-title-wrap>b{font:500 13px var(--mono);letter-spacing:.8px}
.mare-data{padding:110px 9vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;background:var(--ivory)}
.identity h2,.lineage h2,.mating-profile h2{margin:0;font:500 clamp(47px,6vw,84px)/.88 var(--serif);letter-spacing:-.06em}
.identity h2 em,.lineage h2 em,.mating-profile h2 em{color:var(--pink);font-style:italic}
.identity>p:last-child{max-width:390px;margin:30px 0 0;font-size:17px;line-height:1.65}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.stat-grid>div{padding:27px 10px;border-bottom:1px solid var(--line)}
.stat-grid>div:nth-child(odd){border-right:1px solid var(--line)}
.stat-grid b{display:block;margin-top:10px;font:500 clamp(22px,3vw,35px) var(--serif)}
.lineage{padding:105px 9vw;background:var(--green-deep);color:#fff}
.lineage .eyebrow{color:var(--pink-soft)}
.lineage h2{margin-bottom:58px}
.lineage .pedigree{max-width:850px;grid-template-columns:1fr 80px 1fr;padding:25px 0;border-color:rgba(255,255,255,.26)}
.lineage .pedigree span{color:var(--pink-soft)}
.lineage .pedigree strong{font-size:clamp(27px,4vw,49px)}
.lineage .pedigree small{color:#c9dcd5}
.lineage-note{max-width:850px;margin-top:58px;padding-top:22px;display:grid;grid-template-columns:180px 1fr;gap:25px;border-top:1px solid rgba(255,255,255,.26)}
.lineage-note p{margin:0;color:#dceae5;font-size:17px;line-height:1.6}
.mating-profile{padding:100px 9vw;background:var(--paper)}
.mating-profile h2{margin:18px 0 20px}
.mating-profile>p:not(.eyebrow){font-size:17px}
.mating-profile a{display:inline-block;margin-top:30px;padding-bottom:8px;border-bottom:1px solid var(--pink);font:500 10px var(--mono);letter-spacing:1px;text-transform:uppercase}
@media(max-width:900px){
  .mares-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ownership-statement{grid-template-columns:1fr;gap:28px}
  .ownership-statement .eyebrow{padding:0}
}
@media(max-width:640px){
  .mares-header{height:70px;padding:0 6vw;font-size:8px}
  .brand{width:104px;height:57px}
  .mares-hero{min-height:610px;grid-template-columns:1fr;padding:68px 7vw 46px;background-position:57% center}
  .mares-hero h1{font-size:clamp(76px,22vw,124px)}
  .mares-hero-copy{margin:0;font-size:15px}
  .ownership-statement{padding:68px 7vw}
  .ownership-statement h2{font-size:clamp(39px,11vw,58px);line-height:.94}
  .mares-grid{grid-template-columns:1fr;padding:24px 5vw;gap:12px}
  .mare-card{min-height:315px;padding:18px}
  .mare-card:hover{transform:none;box-shadow:0 1px 0 rgba(18,59,50,.08)}
  .mare-card-top{min-height:32px}
  .mare-card h2{font-size:39px;margin:10px 0 18px}
  .ownership-flag{font-size:8.5px;padding:5px 7px}
  .pedigree{padding:14px 0;grid-template-columns:1fr 20px 1fr;gap:5px}
  .pedigree strong{font-size:16px}
  .mating{padding-top:24px}
  .editorial-break{min-height:390px;margin:0 5vw;padding:28px;background-position:center}
  .editorial-break h2{font-size:55px}
  .closing-band{min-height:510px;padding:55px 7vw;background-position:56% center}
  .closing-band h2{font-size:64px}
  .closing-band>div>p:last-child{font-size:15px}
  footer{min-height:78px;padding:18px 5vw;display:block;font-size:clamp(5.5px,1.65vw,9px);letter-spacing:0}
  footer span{display:block}
  .profile-hero{height:112vw;min-height:455px}
  .profile-title-wrap{left:7vw;right:7vw;bottom:34px}
  .profile-title-wrap h1{font-size:clamp(60px,18vw,95px)}
  .mare-data{padding:64px 7vw;grid-template-columns:1fr;gap:42px}
  .lineage,.mating-profile{padding:64px 7vw}
  .lineage h2{margin-bottom:40px}
  .lineage .pedigree{grid-template-columns:1fr 25px 1fr;padding:18px 0}
  .lineage .pedigree strong{font-size:23px}
  .lineage-note{margin-top:40px;grid-template-columns:1fr;gap:12px}
}