/* Outrider design tokens v2 -- restraint system.
   Warm near-black, bone ink, sand accent, Barlow + Source Serif. */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500&family=Source+Serif+4:opsz,wght@8..60,300&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0B0A09;--ink:#F2EFE9;--dim:rgba(242,235,225,.55);--faint:rgba(242,235,225,.38);--line:rgba(242,235,225,.16);--sand:#C9AF87}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Barlow',sans-serif;font-weight:300;font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:300;letter-spacing:.05em;text-transform:uppercase;line-height:1.15}
.label{font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--sand)}
.serif{font-family:'Source Serif 4',serif;font-weight:300}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}
.btn{font-size:12px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;padding:14px 26px;display:inline-block;cursor:pointer;background:transparent;color:var(--ink);border:1px solid rgba(242,235,225,.55);transition:background .25s,color .25s}
.btn:hover{background:var(--ink);color:var(--bg)}
.link-u{font-size:12px;letter-spacing:.26em;text-transform:uppercase;border-bottom:1px solid var(--sand);padding-bottom:4px;color:var(--ink)}

/* ---- theme chrome: nav ---- */
.t-nav{position:fixed;top:0;left:0;right:0;z-index:600;height:64px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(11,10,9,.94);border-bottom:1px solid var(--line);transition:background .3s,border-color .3s}
body.front .t-nav{background:transparent;border-bottom-color:transparent}
body.front .t-nav.sc{background:rgba(11,10,9,.94);border-bottom-color:var(--line)}
.t-logo{font-size:13px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--ink);text-shadow:0 1px 12px rgba(0,0,0,.4)}
.t-links{display:flex;align-items:center;gap:30px}
.t-links a{font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);transition:color .2s}
.t-links a:hover{color:var(--ink)}
.t-cta{font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);border:1px solid rgba(242,235,225,.5);padding:10px 16px;background:rgba(11,10,9,.28);backdrop-filter:blur(6px);transition:background .25s,color .25s}
.t-cta:hover{background:var(--ink);color:var(--bg)}
@media(max-width:760px){.t-links{display:none}}

/* ---- theme chrome: footer ---- */
.t-foot{border-top:1px solid var(--line);padding:34px 0 30px}
.t-foot-in{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.t-foot-logo{font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--faint)}
.t-foot-contact{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;letter-spacing:.06em;color:var(--dim)}
.t-foot-contact a:hover{color:var(--ink)}
.t-foot-leg{font-size:11px;letter-spacing:.12em;color:var(--faint)}

/* ---- theme chrome: feed popup ---- */
.t-pop{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(140%);max-width:480px;width:calc(100% - 32px);background:var(--bg);border:1px solid var(--line);border-top:2px solid var(--sand);padding:18px 20px;z-index:800;transition:transform .35s}
.t-pop.on{transform:translateX(-50%) translateY(0)}
.t-pop-t{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--sand);margin-bottom:6px}
.t-pop-b{font-size:13.5px;color:var(--dim);line-height:1.55}
.t-pop-x{position:absolute;top:8px;right:12px;font-size:16px;color:var(--faint);cursor:pointer;background:none;border:none}
.t-pop-x:hover{color:var(--ink)}

/* ---- announcement bar ---- */
.t-bar{position:fixed;top:0;left:0;right:0;z-index:650;display:block;text-align:center;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--sand);background:rgba(11,10,9,.97);border-bottom:1px solid var(--line);padding:9px 16px}
body:has(.t-bar) .t-nav{top:34px}