:root{--ink:#172019;--cream:#f1efdf;--orange:#f48635;--green:#b7cd77;--muted:#acb0a4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #dc6117;outline-offset:6px}.skip{position:absolute;top:-60px;background:white;padding:15px;z-index:3}.skip:focus{top:0}header{padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #17201925}.brand{font-size:19px;line-height:.9;font-weight:950;letter-spacing:-1px}.brand span{color:#c76425}.brand .dot{color:#9aab56}nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:bold}.nav-cta{border:1px solid #172019;padding:13px 19px;border-radius:3px}.hero{padding:54px 5% 0}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:800;line-height:1.6}.eyebrow>span{display:inline-block;background:var(--orange);width:8px;height:8px;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-1.6px;line-height:.98;font-weight:900}h1{font-size:clamp(56px,7.1vw,110px);margin:22px 0 26px}em{font-style:normal;color:#b45925}.hero-copy{position:relative}.hero-bottom{position:absolute;right:0;bottom:8px;width:31%;max-width:350px}.hero-bottom p{font-size:16px;line-height:1.7;margin-bottom:26px}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;border:0;border-radius:3px;padding:17px 21px;background:var(--ink);color:var(--cream);font-size:13px;font-weight:bold}.button:hover{background:#344438}.banner{width:100%;aspect-ratio:5.25;position:relative;overflow:hidden;background:#111}.banner img{width:100%;position:absolute;top:50%;transform:translateY(-50%);display:block}.image-caption{display:flex;justify-content:space-between;padding:14px 0 32px;font-size:9px;letter-spacing:1.5px}.values{display:flex;align-items:center;justify-content:space-around;gap:16px;background:var(--green);padding:24px 5%;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(16px,2.6vw,35px);letter-spacing:.5px}.values i{font-style:normal;font-size:17px}.section{padding:84px 5%}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-top>p{max-width:300px;line-height:1.7;font-size:14px}h2{font-size:clamp(40px,4.8vw,68px);margin:18px 0 24px}h2>span{color:#b45925}.filters{display:flex;gap:9px;margin:18px 0 25px}.filters button{border:1px solid #b7baab;background:transparent;padding:11px 18px;border-radius:30px;font-size:12px}.filters .active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.stories{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story{padding:26px;color:var(--cream);min-height:350px;overflow:hidden}.fish{background:#293e36}.hunt{background:#72402c}.number{font-size:13px;display:flex;justify-content:space-between;border-bottom:1px solid #ffffff30;padding-bottom:15px}.number span{font-size:10px;letter-spacing:2px}.story-art{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(45px,6vw,80px);font-weight:900;line-height:.92;letter-spacing:-1px;color:var(--green);transform:rotate(-4deg);margin:36px 12px 44px}.hunt .story-art{color:#f7b473;transform:rotate(3deg)}.story .eyebrow{font-size:9px;color:#e0dbbc}.story h3{font-size:24px;margin-bottom:10px;letter-spacing:-.6px}.story p:last-child{font-size:14px;line-height:1.65;max-width:400px;color:#e2e0d3;margin-bottom:0}.story[hidden]{display:none}.filter-status{font-size:11px;color:#626b60;margin-top:15px}.brothers{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:60px}.brothers em{color:var(--green)}.brothers-copy{padding-top:36px;font-size:15px;line-height:1.8;color:#c5c9bc}.intro{font-size:23px;color:var(--cream);line-height:1.4;font-weight:bold}.names{display:flex;gap:70px;margin:28px 0}.names h3{font-size:18px;margin:10px 0 0;color:var(--cream)}.names p{font-size:12px}.cap{display:block;width:36px;height:20px;border-radius:22px 22px 3px 3px;position:relative}.cap:after{content:'';position:absolute;right:-9px;bottom:0;width:20px;height:5px;background:inherit}.orange{background:var(--orange)}.black{background:#0b0d0c;border:1px solid #6f7768}.faith{border-top:1px solid #ffffff25;padding-top:23px;font-size:13px;color:var(--green)}.join{text-align:center}.join>p:not(.eyebrow){font-size:15px;line-height:1.8}.platforms{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:30px 0;font-size:13px;font-weight:bold}.copy-status{min-height:22px;margin:12px 0 0}footer{padding:30px 5%;border-top:1px solid #17201930;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>a:last-child{font-size:11px;margin:0}footer .brand{font-size:15px}@media(min-width:1500px){header,.hero,.section,footer{padding-left:calc((100% - 1350px)/2);padding-right:calc((100% - 1350px)/2)}}@media(max-width:700px){header{padding:22px 6%}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:11px;padding:11px}.hero{padding:35px 6% 0}h1{font-size:clamp(49px,11.7vw,80px);letter-spacing:-1px}.hero-bottom{position:static;width:100%;max-width:none;margin-bottom:30px}.hero-bottom p{font-size:15px;max-width:400px;margin-bottom:20px}.banner{aspect-ratio:2.65}.banner img{width:198%;max-width:none;left:-2%}.image-caption{font-size:7px;gap:15px;line-height:1.5}.values{gap:8px;padding:21px 4%;font-size:18px}.values i{font-size:11px}.section{padding:54px 6%}.section-top{display:block}.section-top>p{max-width:100%}h2{font-size:44px}.stories,.brothers{grid-template-columns:1fr}.story{padding:24px}.story-art{font-size:66px}.brothers{gap:0}.brothers-copy{padding-top:8px}.platforms{gap:20px;font-size:12px}footer{flex-wrap:wrap;padding:25px 6%}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.platforms a{text-decoration:underline;text-underline-offset:5px}.platforms a:hover{color:#b45925}

/* Bass & Backstraps dark palette */
:root{color-scheme:dark;--ink:#131915;--cream:#f0efdf;--orange:#f49850;--green:#b7cd77;--muted:#b1b9ac;--background:#101411;--surface:#19201a;--border:#344034}
body{background:var(--background);color:var(--cream)}
header{background:#121713;border-bottom-color:var(--border)}
.brand span,.brand .dot{color:var(--orange)}
.nav-cta{border-color:#637357;background:#1d271d}
.nav-cta:hover{background:#2b3828}
.hero-bottom p,.section-top>p,.join>p:not(.eyebrow){color:#c6cabc}
em,h2>span{color:var(--orange)}
.eyebrow,.image-caption{color:var(--muted)}
.button{background:var(--orange);color:#171c15}
.button:hover{background:#ffb575}
.values{background:#202b1e;color:var(--green);border-top:1px solid #3c4c30;border-bottom:1px solid #3c4c30}
.values i{color:var(--orange)}
.filters button{border-color:#52604c;color:#d5d9cb;background:#192019}
.filters button:hover{background:#2c3727}
.filters .active{background:var(--green);color:#172019;border-color:var(--green)}
.fish{background:#1c3028;border:1px solid #39513e}
.hunt{background:#35251e;border:1px solid #69442f}
.filter-status{color:var(--muted)}
.brothers{background:#171e17;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.brothers em{color:var(--green)}
.join{background:#101411}
.platforms a{color:var(--cream)}
.platforms a:hover{color:var(--orange)}
footer{background:#0b0f0c;border-top-color:var(--border)}
footer p{color:var(--muted)}
.skip{background:var(--cream);color:var(--ink)}
a:focus-visible,button:focus-visible{outline-color:var(--orange)}
::selection{background:var(--green);color:var(--ink)}

/* Holographic brand banner: centered emblem stays visible at every width. */
.banner{aspect-ratio:3/1;background:#080a09}
.banner img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transform:none}
@media(max-width:700px){.banner{aspect-ratio:1.6/1}.banner img{width:100%;left:0}}

/* Responsive vertical Shorts players. */
.video-frame{position:relative;width:100%;max-width:360px;aspect-ratio:9/16;margin:26px auto 12px;background:#080a09;overflow:hidden;border-radius:4px}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.video-link{display:block;width:fit-content;margin:0 auto 26px;font-size:12px;color:var(--cream);text-decoration:underline;text-underline-offset:4px}
.video-link:hover{color:var(--orange)}

/* Display the complete supplied banner without cropping or distortion. */
.banner{aspect-ratio:auto}
.banner img{position:static;display:block;width:100%;height:auto;max-width:100%;transform:none;object-fit:contain}

.daily-verse{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;background:#141d15;border-bottom:1px solid var(--border)}
.daily-verse h2{font-size:clamp(32px,3.7vw,52px)}
#verse-date{font-size:12px;color:var(--muted)}
.verse-message{border-left:2px solid var(--green);padding-left:34px}
.verse-cross{color:var(--green);font-size:28px}
.verse-message blockquote{font-family:Georgia,serif;font-size:clamp(21px,2.1vw,29px);line-height:1.6;margin:16px 0 22px;color:var(--cream)}
#verse-reference{font-size:12px;font-weight:bold;letter-spacing:1px;color:var(--orange)}
.verse-note{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:0}
@media(max-width:700px){.daily-verse{grid-template-columns:1fr;gap:28px}.verse-message{padding-left:22px}}

.verse-source{display:inline-block;margin-top:18px;color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:4px}.verse-credit{display:block;margin-top:18px;font-size:11px;color:var(--muted)}.verse-credit:hover,.verse-source:hover{color:var(--orange)}