
/* Royal Leo About v1.6.1 — visual correction */

.about-page{background:#080909}
.about-page section{position:relative}
.about-editorial{padding:112px 0}
.about-cinematic{position:relative;background-color:#070808;background-size:cover;background-position:center;overflow:hidden}
.about-cinematic .container{position:relative;z-index:2}
.about-image-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,5,6,.94) 0%,rgba(4,5,6,.65) 48%,rgba(4,5,6,.26) 100%)}

.about-hero{min-height:760px;display:flex;align-items:flex-end;background-image:url('/assets/img/about/wyoming-hero.jpg');background-position:center 52%}
.about-hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;z-index:1;background:linear-gradient(transparent,#080909)}
.about-hero-content{padding-bottom:105px}
.about-hero h1{font-size:clamp(4rem,8.2vw,8.2rem);line-height:.85;letter-spacing:-.045em;max-width:1050px;margin:.18em 0 .22em}
.about-hero p{font-size:1.15rem;line-height:1.75;max-width:750px;color:#d6d3cc}

.about-two-col{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:10vw;align-items:start}
.about-section-title{position:sticky;top:130px}
.about-section-title h2,.about-split-head h2,.about-invest h2{font-size:clamp(2.7rem,5vw,5.15rem);line-height:.96;letter-spacing:-.03em;margin:.15em 0}
.about-prose{max-width:750px}
.about-prose p{font-size:1.05rem;line-height:1.9;color:#b8b6b0;margin:0 0 1.45rem}

.about-independent{min-height:660px;display:flex;align-items:flex-end;background-image:url('/assets/img/about/wyoming-independent.jpg');background-position:center 62%}
.about-independent .about-image-overlay{background:linear-gradient(0deg,rgba(4,5,6,.93) 0%,rgba(4,5,6,.40) 58%,rgba(4,5,6,.15) 100%)}
.about-photo-copy{padding-bottom:90px}
.about-photo-copy h2{font-size:clamp(4rem,7.3vw,7rem);line-height:.9;letter-spacing:-.04em;margin:.15em 0 .22em}
.about-photo-copy p{max-width:720px;font-size:1.08rem;line-height:1.78;color:#ddd9cf}

.about-build{padding-top:128px}
.about-split-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.6fr);gap:8vw;align-items:end;margin-bottom:54px}
.about-split-head>p{max-width:520px;color:#aaa;line-height:1.75;margin-bottom:8px}
.about-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-principle-grid article{position:relative;padding:36px 34px 38px;min-height:310px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.085)}
.about-principle-grid article:before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:#c99a32;transition:width .25s ease}
.about-principle-grid article:hover:before{width:100%}
.about-principle-grid span{display:block;color:#c99a32;font-size:.7rem;letter-spacing:.2em;margin-bottom:48px}
.about-principle-grid h3{font-size:1.45rem;margin:0 0 16px}
.about-principle-grid p{color:#999;line-height:1.75;margin:0}

.about-invest{padding:120px 0;background:#0a0b0b;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.about-invest-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10vw}
.about-invest-lead{padding-right:30px}
.about-gold-rule{width:76px;height:2px;background:#c99a32;margin-top:40px}

.about-midstatement{min-height:500px;display:flex;align-items:center;text-align:center;background-image:url('/assets/img/about/wyoming-mission.jpg');background-position:center 42%;background-attachment:fixed}
.about-midstatement .about-image-overlay{background:radial-gradient(circle at center,rgba(5,5,5,.35),rgba(5,5,5,.86) 72%)}
.about-midstatement-content blockquote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.9rem,5.6vw,5.7rem);line-height:1.04;letter-spacing:-.03em;max-width:1050px;margin:20px auto 0;color:#f1eee7}

.about-values{padding-top:130px}
.values-head{align-items:start}
.about-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.09);border-left:1px solid rgba(255,255,255,.09)}
.about-values-grid article{min-height:205px;padding:34px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:#0b0c0c}
.about-values-grid article:nth-child(4n+2),.about-values-grid article:nth-child(4n+3){background:#0e0f0f}
.about-values-grid h3{font-size:1.2rem;margin:0 0 15px}
.about-values-grid p{color:#9c9a95;line-height:1.75;margin:0}
.about-value-wide{grid-column:1/-1;min-height:auto!important;background:linear-gradient(90deg,#101111,#0b0c0c)!important}

.about-mission{min-height:720px;display:flex;align-items:center;text-align:center;background-image:url('/assets/img/about/wyoming-mission.jpg');background-position:center 48%}
.about-mission .about-image-overlay{background:radial-gradient(circle at center,rgba(15,10,4,.42),rgba(4,5,6,.88) 72%)}
.about-mission-copy h2{font-size:clamp(4rem,7.2vw,7rem);line-height:.91;letter-spacing:-.04em;margin:.18em 0 .28em}
.about-mission-copy p{max-width:820px;margin:0 auto;font-size:1.08rem;line-height:1.8;color:#d0cdc5}

.about-closing{min-height:650px;display:flex;align-items:center;text-align:center;background-image:url('/assets/img/about/wyoming-closing.jpg');background-position:center 62%}
.about-closing .about-image-overlay{background:linear-gradient(0deg,rgba(4,5,6,.92),rgba(4,5,6,.58),rgba(4,5,6,.25))}
.about-closing-copy h2{font-size:clamp(3.5rem,7vw,6.4rem);line-height:.94;letter-spacing:-.04em;margin:.2em 0}
.about-closing-copy p{max-width:700px;margin:0 auto 32px;color:#d2cec5;font-size:1.08rem;line-height:1.75}
.center{justify-content:center}

@media(max-width:900px){
  .about-editorial{padding:82px 0}
  .about-two-col,.about-invest-grid,.about-split-head{grid-template-columns:1fr;gap:30px}
  .about-section-title{position:static}
  .about-principle-grid{grid-template-columns:1fr}
  .about-values-grid{grid-template-columns:1fr}
  .about-value-wide{grid-column:auto}
  .about-hero{min-height:680px}
  .about-independent{min-height:570px}
  .about-midstatement{background-attachment:scroll}
  .about-principle-grid article{min-height:auto}
}

@media(max-width:600px){
  .about-hero h1{font-size:3.8rem}
  .about-hero-content{padding-bottom:65px}
  .about-photo-copy{padding-bottom:60px}
  .about-independent{min-height:520px}
  .about-principle-grid article,.about-values-grid article{padding:28px}
  .about-mission{min-height:620px}
  .about-closing{min-height:580px}
}
