/* Haven: warm Los Santos street photography, compact utility navigation. */
:root{--bg:#111113;--text:#f2ede6;--muted:#a9a4a0;--line:#353234;--accent:#eb794e;--font:'Barlow',Arial,sans-serif}
body{background:var(--bg)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline-color:#ef916c}
.header{height:80px;background:#111113;border-color:#ffffff12}
.brand{gap:10px}.brand img{width:34px;height:42px;border-radius:0}.brand>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:700;letter-spacing:3px}.brand small{font-family:'Barlow',sans-serif;font-size:8px;letter-spacing:4px;color:#a8a3a1;margin-top:4px}
.header nav a{font-size:14px;color:#aaa5a3;font-weight:500}.header nav a[aria-current]:after{background:var(--accent);height:2px}
.discord-button{background:transparent;border-color:#51423b;font-size:13px;padding:11px 17px;border-radius:2px}.discord-button:hover{background:#33251f;border-color:#bd6d4c}
.hero{height:630px;background:#111113}
.hero-image{right:0;width:68%;height:100%;object-position:50% 38%;filter:saturate(.72) brightness(.85)}
.hero-shade{background:linear-gradient(90deg,#111113 3%,#111113 27%,#111113ed 36%,#11111373 49%,#11111300 68%),linear-gradient(0deg,#111113 0%,#11111300 20%)}
.hero-inner{padding-top:51px;position:relative;z-index:1}
.hero .eyebrow{font-size:10px;color:#c1b0a5;letter-spacing:2.2px;font-weight:500}.eyebrow .line{background:var(--accent);width:24px}
.hero h1{font-size:clamp(86px,8.2vw,116px);font-weight:700;line-height:.88;letter-spacing:-.6px;margin:25px 0 22px;max-width:650px}.hero h1 span{color:#ed855b;font-style:italic}
.hero-inner>p{font-size:16px;line-height:1.5;color:#b8b0ab;max-width:430px}
.hero-actions{margin-top:25px;gap:30px}.button{border-radius:2px;font-size:14px;font-weight:600;min-height:48px}.button.primary{background:#e57b50;color:#171314}.button.primary:hover{background:#ff9567}.hero-actions .button{min-width:174px;justify-content:space-between;padding-inline:21px}.text-button{font-size:13px;color:#c1b6b0}.text-button>span{color:#dc8b65}.hero-bottom{display:none}
.quick-links{border:0;border-radius:0;border-bottom:1px solid var(--line);background:none}.quick-links>a{background:transparent;padding:30px 24px;gap:21px}.quick-links>a:first-child{padding-left:0}.quick-links>a:last-child{padding-right:0}.quick-links>a+a{border-left:1px solid var(--line)}.quick-links>a:hover{background:#ffffff03}.quick-number{font-family:'Barlow Condensed',sans-serif;font-size:17px;color:#be7b5e;align-self:flex-start;padding-top:3px}.quick-links h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:600;letter-spacing:.1px;margin-bottom:4px}.quick-links p{font-size:13px;color:#96908d}.quick-arrow{width:18px;height:18px;color:#bba99e;display:block}
.start-section{padding-block:51px 49px;gap:100px}.muted,.small-label{color:#b2826d}.section-intro h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:43px;line-height:1.04;letter-spacing:0;font-weight:600;margin-block:17px 22px}.section-intro .eyebrow{font-size:9px;letter-spacing:2px}.inline-link{font-size:13px;color:#c4b1a4}.inline-link:hover{color:#f7986f}.steps li{gap:21px;padding-block:15px}.steps li>span{color:#b77656;font-family:'Barlow Condensed',sans-serif;font-size:13px}.steps h3{font-size:16px;font-weight:500}.steps p{font-size:13px}.footer{min-height:94px;gap:25px}.footer-wordmark{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:600}.footer-wordmark span{font-family:'Barlow',sans-serif;font-size:7px;color:#9b918a}.footer-copy{font-size:12px;color:#99918d}.footer>div{font-size:12px;color:#b1a39a}.footer button{font-size:12px}.footer>small{color:#8d8682;font-size:10px}
.page-top h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:64px;letter-spacing:-.3px;font-weight:600}.page-top>p{font-size:16px}.page-top{padding-top:47px}.guide-steps h2,.guide-aside h3,.application-aside h2,.faq-section h2,#ruleResults>h2{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:0;font-weight:600}.guide-steps h2{font-size:28px}.guide-steps p,#ruleResults p,.application-aside>p,.faq details p{font-size:14px}.step-number{color:#c58161}.guide-aside{background:#191718;border-color:#40342f}.guide-aside>.icon,.guide-aside>span{color:#d48d69}.guide-aside ul{color:#c5b8ae}.guide-aside p{font-size:13px}.faq summary{font-size:16px}.faq summary span{color:#ca8b69}.rule-tabs button{color:#b2a7a0;font-size:14px}.rule-tabs button[aria-selected="true"]{background:#35241e;color:#f3c4a8}.rule-tabs button:hover{background:#261d19}.rule-tabs span{color:#b38469}.search-field{background:#171517;border-color:#49403c}.search-field:focus-within{outline-color:#e6a080}.search-field .icon{color:#bf8d72}.search-field input{font-size:14px}.sidebar-note{color:#96908b;font-size:12px}#ruleResults article>span{color:#c48b6c}#ruleResults h3{font-size:18px}#ruleResults>h2{font-size:34px}.character-form{background:#191718;border-color:#3e3430}.character-form input,.character-form textarea{background:#121112;border-color:#4a3b34;color:#f1eae4;font-size:14px}.character-form input::placeholder,.character-form textarea::placeholder{color:#8e8178}.character-form label{color:#c9b8ac;font-size:14px}.form-heading h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:25px}.form-heading span{color:#bf9d87;font-size:11px}.application-note .icon{color:#c09173}.application-note p{font-size:12px}.button.secondary{border-color:#665045;color:#ddc4b4}.button.secondary:hover{background:#31241e}.form-feedback{font-size:12px}.application-aside h2{font-size:38px}.form-row{grid-template-columns:1fr 135px}.guide-aside h3{font-size:27px}.faq-section h2{font-size:37px}
dialog{background:#1d1817;border-color:#634433}dialog::backdrop{background:#0d0909d9}dialog>.icon,.dialog-close{color:#e3a17a}dialog h2{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:600;letter-spacing:0}dialog p{font-size:15px}.menu-button{border-color:#5c4538}.menu-button span{background:#e9d1bd}
@media(min-width:1500px){.hero{height:660px}.hero-inner{padding-top:57px}.hero h1{font-size:116px}}
@media(max-width:1050px){.hero{height:600px}.hero-inner{padding-top:49px}.hero h1{font-size:96px}.hero-image{width:73%;object-position:53% 40%}.hero-shade{background:linear-gradient(90deg,#111113 3%,#111113f5 27%,#11111396 48%,transparent 75%),linear-gradient(0deg,#111113,transparent 24%)}.quick-links>a{gap:14px;padding:25px 19px}.quick-links h2{font-size:21px}.quick-links p{font-size:12px}.quick-number{font-size:15px}.quick-arrow{width:16px;height:16px}.start-section{gap:55px}}
@media(max-width:720px){.header{height:74px}.brand img{width:26px;height:33px}.brand>span{font-size:25px}.brand small{font-size:7px}.discord-button{padding:9px 11px;font-size:12px}.header nav{top:74px;background:#191516;border-color:#49372d}.header nav a{border-color:#352c28;font-size:15px}.header nav a[aria-current]{color:#f4aa7d}.hero{height:550px}.hero-image{width:100%;object-position:15% 30%;filter:saturate(.7) brightness(.74)}.hero-shade{background:linear-gradient(90deg,#111113f7 0%,#111113c4 32%,#11111326 100%),linear-gradient(0deg,#111113 0%,#11111370 43%,transparent 80%)}.hero-inner{padding-top:53px}.hero h1{font-size:clamp(76px,19.8vw,105px);line-height:.89;letter-spacing:-.5px;margin:26px 0 23px;max-width:100%}.hero .eyebrow{font-size:9px;letter-spacing:1.7px}.hero-inner>p{font-size:15px;color:#c9beb5;max-width:310px;line-height:1.6}.hero-actions{margin-top:27px;gap:21px}.hero-actions .button{min-height:48px;min-width:180px}.text-button{font-size:13px}.quick-links>a,.quick-links>a:first-child,.quick-links>a:last-child{padding:23px 0;gap:20px}.quick-links>a+a{border-left:0}.quick-links h2{font-size:25px}.quick-links p{font-size:13px}.quick-number{font-size:16px}.quick-arrow{display:block;width:18px;height:18px}.start-section{padding-block:39px;gap:28px}.section-intro h2{font-size:37px;max-width:280px;line-height:1.07}.section-intro h2 br{display:block}.steps h3{font-size:16px}.steps p{font-size:13px}.footer{gap:23px 13px}.footer>div{gap:20px;font-size:12px}.footer>small{font-size:10px}.footer-wordmark{font-size:23px}.page-top h1{font-size:49px;line-height:1.02}.page-top>p{font-size:15px;max-width:100%}.guide-steps p,#ruleResults p,.application-aside>p{font-size:14px}.rule-tabs button{font-size:12px;padding:12px 9px}.sidebar-note{font-size:11px}.character-form input,.character-form textarea{font-size:16px}.form-row{grid-template-columns:1fr 90px}.form-heading h2{font-size:24px}.application-aside h2{font-size:33px}.application-note p{font-size:12px}.faq summary{font-size:15px}}
@media(max-width:370px){.hero{height:540px}.hero-inner{padding-top:43px}.hero h1{font-size:71px}.hero-inner>p{font-size:14px}.hero-actions{margin-top:24px}.hero .eyebrow{font-size:8px}.page-top h1{font-size:43px}.rule-tabs{gap:2px}.rule-tabs button{font-size:11px;padding-inline:7px}}