/*
Theme Name: Spur Trail — Forging the Trail v16
Description: Responsive Spur Trail landing page using the approved final hero image.
Version: 23.0.0
*/
:root{--forest:#07150c;--forest-deep:#06130b;--cream:#f5f0e6;--gold:#c99f35;--copy:#e4dccb;--line:rgba(245,240,230,.23)}
*{box-sizing:border-box}
html,body{margin:0!important;padding:0!important}
body{background:var(--forest);color:var(--cream);font-family:Georgia,"Times New Roman",serif}
img{display:block;max-width:100%}
.site{overflow:hidden}
.hero{position:relative;min-height:100svh;height:clamp(720px,100svh,980px);overflow:hidden;background:#06110a}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,5,.84) 0%,rgba(2,8,5,.46) 48%,rgba(2,8,5,.06) 100%),linear-gradient(0deg,rgba(2,8,5,.42),transparent 60%)}
.hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 112px));height:100%;margin:0 auto}
.brand{position:absolute;top:58px;left:0;display:flex;align-items:center;gap:18px}
.brand-logo{width:74px;height:74px;object-fit:contain}
.brand-name{font:700 29px/1 Arial,Helvetica,sans-serif;letter-spacing:.09em;color:#fff}
.hero-copy{position:absolute;left:0;top:24%;width:600px}
.hero-title{margin:0;color:var(--cream);font:900 clamp(5.5rem,8.1vw,8.25rem)/.82 Arial,Helvetica,sans-serif;letter-spacing:-.055em;text-transform:uppercase}
.hero-rule{width:67px;height:3px;background:var(--gold);margin:38px 0 26px}
.hero-text{margin:0;font-size:clamp(1.15rem,1.5vw,1.42rem);line-height:1.58;color:var(--cream)}
.hero-tag{margin-top:39px;color:var(--cream);font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.28em;text-transform:uppercase}
.values{background:var(--forest);padding:62px 0 70px}
.values-inner{width:min(1180px,calc(100% - 112px));margin:auto}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.value{padding:8px 48px 6px;text-align:center;border-right:1px solid var(--line)}
.value:last-child{border-right:0}
.icon-wrap{width:118px;height:118px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}
.icon-wrap img{width:118px;height:118px;object-fit:contain}
.value-title{margin:0;font:700 14px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.value-title:after{content:"";display:block;width:44px;height:2px;background:var(--gold);margin:17px auto 17px}
.value-copy{margin:0;color:var(--copy);font-size:17px;line-height:1.55}
/* PHILOSOPHY */
.philosophy{
 background:var(--forest-deep);
 border-top:1px solid rgba(245,240,230,.08);
 border-bottom:1px solid rgba(245,240,230,.08);
 padding:78px 0 82px;
}
.philosophy-inner{
 width:min(1160px,calc(100% - 112px));
 margin:auto;
 display:grid;
 grid-template-columns:42% 58%;
 align-items:center;
}
.philosophy-heading{padding-right:35px}
.philosophy-kicker{
 margin:0 0 20px;
 color:var(--gold);
 font:700 11px/1 Arial,Helvetica,sans-serif;
 letter-spacing:.25em;
 text-transform:uppercase;
}
.philosophy-heading h2{
 margin:0;
 color:var(--cream);
 font:900 clamp(4.5rem,6.6vw,6.8rem)/.83 Arial,Helvetica,sans-serif;
 letter-spacing:-.055em;
 text-transform:uppercase;
}
.philosophy-copy{
 max-width:660px;
 color:var(--copy);
 font:600 clamp(1.05rem,1.55vw,1.3rem)/1.72 Georgia,"Times New Roman",serif;
 padding:0 24px 0 22px;
}

.closing{background:var(--forest-deep);padding:54px 34px 31px;text-align:center}
.closing-logo{width:72px;height:72px;margin:27px auto 0}
.footer{background:var(--forest-deep);padding:0 20px 34px;text-align:center}
.footer-copy{font-size:16px;color:var(--cream)}
@media (max-width:760px){
 .hero{height:88svh;min-height:610px;max-height:760px}
 .hero-photo{object-position:61% center}
 .hero-overlay{background:linear-gradient(0deg,rgba(2,8,5,.95) 0%,rgba(2,8,5,.58) 49%,rgba(2,8,5,.08) 100%)}
 .hero-inner{width:calc(100% - 36px)}
 .brand{top:24px;gap:11px}
 .brand-logo{width:53px;height:53px}.brand-name{font-size:19px;letter-spacing:.08em}
 .hero-copy{top:50%;bottom:auto;width:100%;transform:translateY(-50%)}
 .hero-title{font-size:clamp(3.8rem,17vw,5.7rem);line-height:.86;margin:0}
 .hero-rule{width:53px;height:2px;margin:25px 0 19px}
 .hero-text{font-size:17px;line-height:1.55}
 .hero-tag{margin-top:28px;font-size:9px;letter-spacing:.24em}
 .values{padding:37px 0 48px}
 .values-inner{width:calc(100% - 34px)}
 .values-grid{grid-template-columns:1fr}
 .value{padding:28px 10px 34px;border-right:0;border-bottom:1px solid var(--line)}
 .value:last-child{border-bottom:0}
 .icon-wrap,.icon-wrap img{width:94px;height:94px}
 .value-title{font-size:11px;letter-spacing:.15em}
 .value-copy{font-size:16px}
 .closing{padding:48px 16px 26px}
 .closing-logo{width:62px;height:62px;margin-top:23px}
 .footer{padding-bottom:25px}.footer-copy{font-size:12px}
}

@media (max-width:390px){
 .hero-copy{top:50%;bottom:auto;transform:translateY(-50%)}
 .hero-title{font-size:clamp(3.45rem,16.6vw,4.9rem)}
 .hero-rule{margin-top:21px;margin-bottom:17px}
 .hero-text{font-size:16px}
 .hero-tag{margin-top:23px}
}

@media (max-width:760px){
 .philosophy{padding:55px 0 58px}
 .philosophy-inner{width:calc(100% - 36px);grid-template-columns:1fr;gap:30px}
 .philosophy-kicker{font-size:9px;letter-spacing:.22em;margin-bottom:16px}
 .philosophy-heading h2{font-size:clamp(3.8rem,17vw,5.6rem);line-height:.86}
 .philosophy-copy{padding:0;max-width:none;font-size:17px;line-height:1.62}
}