/* ZURAVO - About Us page styles */
/* Self-hosted fonts (SIL Open Font License) */
@font-face{font-family:'Lora';src:url("../fonts/lora-variable.woff") format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../fonts/poppins-300.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../fonts/poppins-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../fonts/poppins-500.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
:root{
  --black:#000; --coal:#0e0e0e; --line:#2b2b2b; --white:#fff; --soft:#f4f4f2; --rule:#dcdcd8;
  --ink:#0a0a0a; --mute:#8d8d89; --gold:#b9995a;
  --bs-body-font-family:'Poppins',system-ui,sans-serif;
  --bs-body-bg:var(--black); --bs-body-color:var(--white);
  --serif:'Lora',Georgia,serif;
}
html{scroll-behavior:smooth}
body{font-weight:300;font-size:1.03rem;line-height:1.8;letter-spacing:.01em}
h1,h2,h3,h4{font-family:var(--serif);font-weight:300;line-height:1.08;letter-spacing:0}
a{color:inherit}
h1,h2,h3,h4,h5,h6{color:inherit}
.mark{display:block;background:url("../images/horseshoe.png") center/contain no-repeat}
.mark-ink{filter:invert(1)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.tracked{letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:400}

/* sections */
.dark{background:var(--black);color:var(--white)}
.light{background:var(--white);color:var(--ink)}
section{padding:7rem 0}
@media(max-width:767px){section{padding:4.5rem 0}}

/* nav */
.nav-wrap{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-row{display:flex;align-items:center;justify-content:space-between;height:78px}
.nav-row a{text-decoration:none;color:var(--white);transition:color .25s}
.nav-row a:hover{color:var(--gold)}
.logo{font-weight:400;letter-spacing:.5em;font-size:1.25rem}

/* buttons */
.btn-lux{display:inline-block;border:1px solid currentColor;padding:1rem 2.6rem;text-decoration:none;transition:all .3s;background:transparent}
.dark .btn-lux:hover{background:var(--white);color:var(--black);border-color:var(--white)}
.dark .btn-lux.solid{background:var(--white);color:var(--black);border-color:var(--white)}
.dark .btn-lux.solid:hover{background:transparent;color:var(--white)}
.light .btn-lux:hover{background:var(--ink);color:var(--white)}

/* hero */
.hero{text-align:center;padding:4.5rem 0 5rem;position:relative;isolation:isolate;background:#000}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("../images/horse.jpeg") center 40%/cover no-repeat;filter:grayscale(1) contrast(1.05)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.45) 50%,rgba(0,0,0,.75))}
.crumb{color:#bdbdb8;margin-bottom:1.8rem}
.crumb a{text-decoration:none}.crumb a:hover{color:var(--white)}
.hero .mark{width:min(120px,30vw);aspect-ratio:260/235;margin:0 auto 1.5rem}
.hero h1{font-size:clamp(2.3rem,5.2vw,4rem);margin-bottom:1rem}
.hero p{color:#e4e4e0;max-width:31rem;margin:0 auto;font-size:1.05rem}
@media(prefers-reduced-motion:no-preference){
  .hero .mark,.hero h1,.hero p{animation:fade 1.3s cubic-bezier(.2,.6,.2,1) both}
  .hero h1{animation-delay:.2s}.hero p{animation-delay:.45s}
  @keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}

/* intro (white) */
.intro .statement{font-family:var(--serif);font-size:clamp(1.7rem,3.1vw,2.6rem);line-height:1.2}
.intro .side p{color:#4a4a47;max-width:29rem}
.intro .side p+p{margin-top:1rem}
.values .v{border-top:1px solid var(--line);padding-top:1.8rem}
.values .v h3{font-size:2rem;margin-bottom:.5rem;color:var(--white)}
.values .v p{margin:0;color:#bdbdb8}
.values{padding:5rem 0}

/* team (white) */
.team .sec-head{margin-bottom:4rem;max-width:34rem}
.team h2{font-size:clamp(2rem,3.8vw,3rem)}
.team .sec-head p{color:#5a5a56;margin-top:1rem}
.photo{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:4/5;background:linear-gradient(170deg,#efefed,#d6d6d2);overflow:hidden;cursor:pointer;color:var(--ink)}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:grayscale(1) contrast(1.05);transition:filter .6s}
.photo:hover img{filter:grayscale(0)}
.photo .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}
.photo .ph b{font-family:var(--serif);font-weight:300;font-size:4.5rem}
.photo .ph small{color:#6b6b67;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem}
.photo.has-img .ph{display:none}
.photo:not(.has-img) img{display:none}
.member h3{font-size:2rem;margin:1.5rem 0 .2rem}
.member .role{color:var(--gold);margin-bottom:1rem}
.member p{color:#4a4a47;margin:0}

/* closing (black) */
.close-cta{text-align:center;background:var(--black)}
.close-cta h2{font-size:clamp(1.8rem,3.6vw,2.8rem);max-width:40rem;margin:0 auto 1rem}
.close-cta p{color:#bdbdb8;margin:0 auto 2.4rem;max-width:28rem}

footer{padding:5rem 0 2rem;border-top:1px solid var(--line);background:var(--black)}
footer h4{font-family:'Poppins',sans-serif;font-weight:400;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin-bottom:.5rem}
footer a{color:var(--mute);text-decoration:none}footer a:hover{color:var(--white)}
footer .fine{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:1.5rem;color:var(--mute);font-size:.88rem}
footer .logo{display:block;margin-bottom:1rem;color:var(--white)}
footer .foot-mark{width:64px;aspect-ratio:260/235;margin-bottom:1.2rem}


/* Mobile: keep row gutters inside the container padding (prevents sideways scroll) */
@media(max-width:575.98px){.row.g-5{--bs-gutter-x:1.5rem}}