:root{--black:#050608;--ink:#0a0d12;--navy:#0b1a33;--navy2:#0f2447;--navyline:#1d3358;--silver:#c8ced8;--white:#f1f3f6;--muted:#8d97a8;--metal:linear-gradient(135deg,#f7f8fa 0%,#a3abb7 36%,#e6e9ee 60%,#8a93a1 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--silver);font:400 17px/1.75 'Barlow',Arial,sans-serif;background:repeating-linear-gradient(115deg,rgba(200,206,216,.025) 0 2px,transparent 2px 44px),radial-gradient(900px 420px at 50% -80px,#12284d 0%,transparent 70%),var(--black)}
img{max-width:100%;height:auto;display:block}a{color:var(--white)}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:var(--white);line-height:1.12;margin:0;letter-spacing:.01em}
.ctr{text-align:center}.ctr.big a{font:2.4rem 'Playfair Display',Georgia,serif;text-decoration:none;letter-spacing:.06em}
/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:30;background:linear-gradient(#0a0d12,#050608);border-bottom:1px solid var(--navyline)}
.bar{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 18px}
.logo{display:block;width:min(250px,62vw)}.plate{display:block;background:var(--metal);padding:6px 14px;box-shadow:0 0 0 1px #000,0 6px 22px rgba(0,0,0,.6)}.plate img{width:100%}
.tag{display:none;margin:0;text-align:right;font:1.1rem/1.25 'Playfair Display',Georgia,serif;color:var(--silver);letter-spacing:.06em}.tag b{font-weight:400;color:var(--white)}
.navbar{border-top:1px solid var(--navyline);background:#07090d}
.burger{display:block;width:100%;background:none;border:0;color:var(--silver);font:500 .85rem 'Barlow',sans-serif;letter-spacing:.3em;padding:13px;cursor:pointer;text-align:center}
nav{display:none;flex-direction:column}nav.open{display:flex}
nav a{color:var(--silver);text-decoration:none;text-align:center;padding:14px 16px;border-top:1px solid #151b26;font:500 .82rem 'Barlow',sans-serif;letter-spacing:.26em;text-transform:uppercase}
nav a:hover,nav a[aria-current]{color:#fff;background:linear-gradient(90deg,transparent,var(--navy2),transparent)}
/* ---------- buttons ---------- */
.btn{display:inline-block;background:var(--metal);color:#06080c;text-decoration:none;padding:13px 30px;margin:6px 6px;font:600 .78rem 'Barlow',sans-serif;letter-spacing:.24em;text-transform:uppercase;border:0;transition:.25s;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.btn:hover{filter:brightness(1.12);box-shadow:0 0 24px rgba(200,206,216,.35)}
.btn.alt{background:var(--navy2);color:var(--white);box-shadow:inset 0 0 0 1px var(--silver)}.btn.alt:hover{background:#17335f}
/* ---------- hero ---------- */
.hero2{background:linear-gradient(180deg,transparent,rgba(15,36,71,.55));padding:34px 18px 56px}
.hero2-in{max-width:1180px;margin:auto;display:flex;flex-direction:column-reverse;gap:30px;align-items:center}
.hero2-txt{text-align:center;max-width:560px}.hero2-txt h1{font-size:3.1rem;margin:.1em 0 .4em;text-shadow:0 4px 30px rgba(0,0,0,.7)}
.eyebrow{font:500 .78rem 'Barlow',sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0}.lead{font-size:1.1rem;color:var(--silver)}.btns{margin-top:18px}
.slant{display:block;overflow:hidden;background:var(--metal);padding:5px;transform:skewX(-6deg);box-shadow:0 22px 60px rgba(0,0,0,.7),0 0 70px rgba(25,55,110,.45);line-height:0}
.slant img{width:100%;transform:skewX(6deg) scale(1.14);aspect-ratio:4/3;object-fit:cover;object-position:center 40%}
.slant.big{max-width:560px;margin:auto}.slant.big img{aspect-ratio:1/1}
.speed{height:14px;background:repeating-linear-gradient(115deg,var(--navy2) 0 26px,#000 26px 34px,var(--silver) 34px 38px,#000 38px 46px);border-top:1px solid #000;border-bottom:1px solid #000}
/* ---------- bands ---------- */
.band{padding:64px 18px 70px;text-align:center}
.band.alt{background:linear-gradient(180deg,#0a1a35,#08142a);clip-path:polygon(0 0,100% 26px,100% calc(100% - 26px),0 100%);padding:96px 18px 100px;margin:-6px 0}
.band.cta{background:linear-gradient(180deg,var(--navy2),#091428);border-top:1px solid var(--navyline)}
.stitle{font-size:1.7rem;text-transform:uppercase;letter-spacing:.16em;margin:0 0 34px;text-align:center}.stitle:after{content:"";display:block;width:90px;height:3px;background:var(--metal);margin:14px auto 0}
.cards,.tiles,.strip{max-width:1000px;margin:0 auto;display:grid;gap:22px}
.card{display:block;text-decoration:none;color:var(--silver);background:linear-gradient(#0c1220,#080b12);border:1px solid var(--navyline);padding:12px 12px 24px;transition:.3s;text-align:center}
.card:hover{border-color:var(--silver);box-shadow:0 0 40px rgba(25,55,110,.55);transform:translateY(-3px)}
.card .ph{display:block;overflow:hidden;background:#000}.card .ph img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s}.card:hover .ph img{transform:scale(1.05)}
.card h3{font-size:1.9rem;margin:.8em 12px .1em}.cs{margin:0 12px .5em;font:500 .74rem 'Barlow',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.card p{margin:0 14px .8em;font-size:.98rem}
.more{display:inline-block;margin-top:4px;font:600 .74rem 'Barlow',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--white);border-bottom:2px solid var(--silver);padding-bottom:3px}
.note{max-width:720px;margin:34px auto 0;padding:14px 18px;border-top:1px solid var(--navyline);border-bottom:1px solid var(--navyline);color:var(--white);text-align:center}
.tile{display:block;text-decoration:none;color:var(--silver);background:#080b12;border:1px solid var(--navyline);padding:26px 22px;text-align:center;transition:.3s}
.tile:hover{border-color:var(--silver);background:var(--navy)}.num{display:block;font:2.4rem 'Playfair Display',Georgia,serif;color:transparent;-webkit-text-stroke:1px var(--silver);margin-bottom:6px}.tile h3{font-size:1.35rem;margin-bottom:.5em}.tile p{margin:0;font-size:.95rem;color:var(--muted)}
.strip{grid-template-columns:1fr;max-width:900px;gap:26px;margin-bottom:34px}
/* ---------- inner pages ---------- */
.inner{max-width:980px;margin:auto;padding:46px 18px 70px}
.ptitle{text-align:center;font-size:2.4rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 30px}.ptitle:after{content:"";display:block;width:110px;height:3px;background:var(--metal);margin:16px auto 0}
.inner>p,.inner>h2,.inner>blockquote,.inner>figure{max-width:740px;margin-left:auto;margin-right:auto}
.inner>h2{font-size:1.5rem;text-align:center;margin:2.2em auto .6em}
.inner>h2 .n{display:inline-block;width:38px;height:38px;line-height:38px;margin-right:12px;background:var(--metal);color:#06080c;font-size:1.1rem;text-align:center;vertical-align:middle}
.inner .note{max-width:740px}.inner>p{text-align:left}.inner>p.ctr,.inner>p.sig{text-align:center}
/* stallion showcase */
.stal{max-width:860px;margin:64px auto 0;text-align:center}
.stal+.stal{padding-top:56px;border-top:1px solid var(--navyline)}
.pics{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0 0 6px}
.pics a,.g,.inner figure a,.two a{display:block;padding:5px;background:var(--metal);line-height:0;box-shadow:0 14px 40px rgba(0,0,0,.6)}
.pics a:first-child{grid-column:1/-1}.pics img{width:100%;aspect-ratio:4/3;object-fit:cover}.pics a:first-child img{aspect-ratio:3/2;object-position:center 30%}
.pics.one{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}
.stal h3{font-size:2.6rem;margin:1.1em 0 .1em}.stal h3 span{display:block;font:500 .8rem 'Barlow',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:.8em}
.meta{display:inline-block;margin:.9em 0 1.2em;padding:5px 18px;border:1px solid var(--navyline);background:var(--navy);font:600 .78rem 'Barlow',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--white)}
.stal>p{max-width:700px;margin-left:auto;margin-right:auto;text-align:left}
.sd{display:grid;gap:14px;max-width:720px;margin:22px auto}.sd div{background:var(--navy);border:1px solid var(--navyline);padding:14px 18px;color:var(--white)}.sd b{display:block;font:600 .7rem 'Barlow',sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.ped{max-width:720px;margin:14px auto;text-align:left}.ped summary{cursor:pointer;text-align:center;color:var(--white);font:600 .78rem 'Barlow',sans-serif;letter-spacing:.24em;text-transform:uppercase}.ped ul{font-size:.93rem;padding-left:18px;color:var(--muted)}
.mem{background:linear-gradient(#0a1a35,#08142a);padding:36px 20px 40px;border:1px solid var(--navyline);margin-top:70px}.mem+.stal,.stal+.mem{border-top:1px solid var(--navyline)}
/* gallery */
.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:960px;margin:0 auto 10px}.mosaic.duo{max-width:640px}
.gf{margin:0;max-width:none}.g img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gf figcaption{font:500 .72rem 'Barlow',sans-serif;letter-spacing:.16em;text-transform:uppercase;text-align:center;margin-top:9px;color:var(--silver);line-height:1.4}
/* text pages */
.poem{margin:30px auto;text-align:center;font-style:normal;font-size:1.2rem;color:var(--white);padding:26px 18px;background:linear-gradient(#0a1a35,#08142a);border-top:3px solid var(--silver);border-bottom:3px solid var(--silver)}.poem p{margin:0 0 .6em}.poem blockquote{margin:0}.poem footer{background:none;padding:0;font:600 .75rem 'Barlow',sans-serif;letter-spacing:.24em;text-transform:uppercase;font-style:normal;color:var(--muted)}
.sig{font:600 .85rem 'Barlow',sans-serif;letter-spacing:.34em;color:var(--silver)}
.inner figure{margin:34px auto;max-width:620px}.inner figure img{width:100%}.inner figcaption{color:var(--muted);font-style:normal;margin-top:12px;text-align:center}
.two{display:grid;grid-template-columns:1fr;gap:14px;margin:28px auto;max-width:780px}.two.one1{max-width:380px}.two img{width:100%;aspect-ratio:4/3;object-fit:cover}
.addr{text-align:center;font:2.2rem 'Playfair Display',Georgia,serif;color:var(--white);letter-spacing:.06em}
/* ---------- footer ---------- */
.foot{background:#030405;text-align:center;padding:0 18px 40px;font-size:.93rem;color:var(--muted);border-top:1px solid var(--navyline)}
.foot .rule{height:4px;background:var(--metal);margin:0 -18px 30px}.flogo{display:none}
.foot p{margin:0 0 1em}.foot strong{color:var(--white);letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}.foot a{color:var(--silver);text-decoration:none}.small{font-size:.78rem;opacity:.75}
#lb{position:fixed;inset:0;background:rgba(2,3,5,.96);z-index:50;display:flex;align-items:center;justify-content:center}#lb[hidden]{display:none}
#lb img{max-width:96vw;max-height:92vh;object-fit:contain}#lb button{position:absolute;top:8px;right:14px;background:none;border:0;color:#fff;font-size:2.6rem;cursor:pointer}
@media(min-width:800px){body{font-size:18px}.burger{display:none}.logo{width:300px}.tag{display:block}.bar{padding:14px 36px}
nav{display:flex;flex-direction:row;justify-content:center;gap:10px}nav a{border:0;padding:16px 22px}nav a:hover,nav a[aria-current]{background:none;box-shadow:inset 0 -3px 0 var(--silver)}
.hero2{padding:60px 36px 80px}.hero2-in{flex-direction:row;justify-content:space-between;gap:60px}.hero2-txt{flex:1}.hero2-txt h1{font-size:4.4rem}.hero2-ph{flex:1.05}
.cards{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:repeat(4,1fr)}.strip{grid-template-columns:repeat(3,1fr)}
.band{padding:84px 36px 90px}.band.alt{padding:120px 36px 124px}.ptitle{font-size:3.2rem}.inner{padding-top:64px}
.sd{grid-template-columns:1fr 1fr}.mosaic{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr}.stal h3{font-size:3.4rem}.pics{grid-template-columns:repeat(3,1fr)}.pics.one{grid-template-columns:1fr}}
/* fixes */
.hero2{overflow-x:clip}.slant.big{width:calc(100% - 26px)}
.hero2-ph .slant.big img{aspect-ratio:4/3;object-position:center 100%}
.hero2-ph .slant.big{max-width:600px}
.inner .gf{margin:0;max-width:none}
.card .ph img{object-position:center 92%}
.pics a:first-child img{object-position:center 72%}
.inner figure img{object-position:center 30%}

/* hero photo: no slant/zoom, show whole horse (crop only the baked caption strip) */
.hero2-ph .slant.big{transform:none}.hero2-ph .slant.big img{transform:none;aspect-ratio:6/5;object-fit:cover;object-position:center 100%}
.hero2-txt h1,.tag{text-transform:uppercase}
.hero2-txt h1{font-size:2.5rem}@media(min-width:800px){.hero2-txt h1{font-size:3.8rem}}
/* light header so the transparent logo shows; no plate behind it */
.top{background:linear-gradient(#fbfcfe,#dfe3ea);border-bottom:2px solid var(--silver)}
.plate{background:none;padding:0;box-shadow:none}
.tag{color:#0b1a33}.tag b{color:#0f2447;font-weight:700}
.logo{width:min(330px,72vw)}
/* buttons: rounded, white with navy text */
.btn{background:#fff;color:#12295a;clip-path:none;border-radius:999px;padding:14px 32px;box-shadow:0 2px 10px rgba(0,0,0,.35);font-weight:700}
.btn:hover{background:#e9edf5;filter:none;box-shadow:0 4px 16px rgba(0,0,0,.45)}
.btn.alt{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}.btn.alt:hover{background:rgba(255,255,255,.14)}
/* single stallion: one centered card */
.cards.one{grid-template-columns:1fr;max-width:540px;margin-left:auto;margin-right:auto}.band .note{text-align:center}
/* stallion photo carousel */
.car{position:relative;max-width:760px;margin:0 auto 6px}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--metal);padding:5px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
.car-track::-webkit-scrollbar{display:none}
.car .slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;background:#0a1224;padding:0;box-shadow:none;cursor:zoom-in;line-height:0}
.car .slide img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block}
.car-btn{position:absolute;top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#12295a;font:700 1.8rem/1 Georgia,serif;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.5);padding:0 0 4px}
.car-btn.prev{left:12px}.car-btn.next{right:12px}.car-btn:hover{background:#fff}
.car-dots{display:flex;justify-content:center;gap:9px;margin:14px 0 4px}
.car-dots i{width:9px;height:9px;border-radius:50%;background:#3a4a66;display:block;cursor:pointer}.car-dots i.on{background:#fff}
.car-hint{margin:6px 0 0;font:500 .72rem 'Barlow',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:center!important;max-width:none!important}
