/* Generated pages: horse profiles, hubs, guides. Builds on garanhao.css and noticia.css. */
main{padding-top:0}
.s-crumbs{padding-top:calc(var(--top-h) + clamp(28px,5vh,56px))}
.s-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.s-crumbs li + li::before{content:"/";margin-right:10px;opacity:.5}
.s-crumbs a{text-decoration:none}
.s-crumbs a:hover{text-decoration:underline;text-underline-offset:4px}

/* horse profile */
.p-head{padding-top:clamp(24px,4vh,48px);padding-bottom:clamp(28px,5vh,52px);display:grid;gap:12px}
.p-head h1{margin:0;font-weight:400;font-size:clamp(2.6rem,7.4vw,7rem);line-height:.94;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}
.p-ped{margin:0;font-size:clamp(1.05rem,1.5vw,1.3rem);color:#4a4640}
.p-photo{margin:0 auto}
.p-photo img{width:auto;max-width:100%;height:auto;max-height:84vh;background:#ddd8cf}   /* whole horse, whatever the photo's shape */
.p-copy{padding-block:clamp(56px,9vh,110px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(20px,4vw,64px)}
.p-copy p{margin:0 0 1.1em;max-width:62ch;font-size:1.1rem;line-height:1.7;color:#2c2925}
.p-copy .p-lead{font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.25;letter-spacing:-.015em;color:var(--ink);max-width:34ch}
.p-gap{height:clamp(56px,9vh,110px)}
.g-sheet a,.g-family a,.p-links a,.p-copy a,.n-body a,.p-table a{text-underline-offset:3px}
.p-results{padding-block:0 clamp(56px,9vh,110px)}
.p-results h2,.p-links h2,.p-sub{margin:0 0 22px;font-weight:400;font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.02;letter-spacing:-.03em}
.p-table{overflow-x:auto;border-top:1px solid var(--line)}
.p-table table{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums}
.p-table th{text-align:left;font-weight:400;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:12px 18px 12px 0;white-space:nowrap;border-bottom:1px solid var(--line)}
.p-table td{padding:13px 18px 13px 0;border-bottom:1px solid var(--line);vertical-align:top}
.p-note{margin:14px 0 0;font-size:.82rem;color:var(--mute)}
.p-links{padding-block:0 clamp(56px,9vh,110px)}
.p-links ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.p-links li{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:14px;border-bottom:1px solid var(--line)}
.p-links time{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.wrap > .p-links{padding-top:clamp(48px,8vh,90px)}
.p-next{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:30px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.p-next a{text-decoration:none}
.p-next a:hover{text-decoration:underline;text-underline-offset:5px}

/* hubs */
.p-hub{padding-bottom:clamp(70px,11vh,130px)}
.p-sub{margin:clamp(56px,9vh,90px) 0 26px}
.p-hub > .p-sub:first-child{margin-top:12px}
.p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,4vh,48px) clamp(18px,2vw,30px)}
.p-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.p-card{min-width:0;display:grid;gap:8px;align-content:start}
.p-card a{text-decoration:none;display:grid;gap:8px}
.p-card .ph{display:block;aspect-ratio:3/2;overflow:hidden;background:#ddd8cf}
.p-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.1,1)}
.p-card a:hover img{transform:scale(1.04)}
.p-card h3{margin:6px 0 0;font-weight:400;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.12;letter-spacing:-.02em}
.p-card h3 em{font-style:normal;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:3px 8px;margin-left:8px;vertical-align:.3em;opacity:.7;white-space:nowrap}
.p-card .ped{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.p-card p{margin:0;font-size:.97rem;line-height:1.5;color:#2c2925}
.p-card.noimg{border-top:1px solid var(--ink);padding-top:12px}
.p-guides{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.p-guides li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;padding-block:20px;border-bottom:1px solid var(--line);align-items:baseline}
.p-guides b{font-weight:400;font-size:1.25rem;letter-spacing:-.01em}
.p-guides span{color:#4a4640}
.p-terms{margin:0 0 1.4em;border-top:1px solid var(--line)}
.p-terms div{padding:18px 0;border-bottom:1px solid var(--line)}
.p-terms dt{font-weight:500;font-size:1.12rem;margin-bottom:6px}
.p-terms dd{margin:0;font-size:1.02rem;line-height:1.6;color:#2c2925}

@media (max-width:860px){
  .p-copy{grid-template-columns:1fr}
  .p-grid,.p-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-guides li{grid-template-columns:1fr;gap:4px}
}
@media (max-width:520px){.p-grid,.p-grid.two{grid-template-columns:1fr}}
.p-video{position:relative;aspect-ratio:16/9;background:#000}
.p-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.p-card > a.ped{justify-self:start;text-underline-offset:3px;text-decoration:underline}
.n-card img{display:block}