:root{color-scheme:dark;--cream:#ffead0;--forest:#112b23}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--forest);color:var(--cream)}
body{font-family:"Helvetica Neue",Helvetica,sans-serif}
main{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:clamp(24px,4vw,64px)}
.artwork,.shade{position:absolute;inset:0;z-index:-2}
.artwork{background:url('/assets/cover.jpg') center center/cover no-repeat}
@media(prefers-reduced-motion:no-preference){.artwork{background-image:url('/assets/RRUSTLING.gif')}}
.shade{z-index:-1;background:linear-gradient(180deg,rgba(7,22,18,.12),rgba(7,22,18,.36) 58%,rgba(7,22,18,.9))}
.intro{align-self:center;justify-self:center;text-align:center;width:min(100%,780px);padding:80px 0 100px}
h1{margin:0;font-weight:500;display:flex;flex-direction:column;align-items:center}
.the,.fund{text-transform:uppercase;letter-spacing:.36em;padding-left:.36em}
.the{font-size:16px;margin-bottom:12px}
.wordmark{display:block;width:min(100%,660px);height:auto;filter:drop-shadow(0 2px 16px rgba(0,0,0,.25))}
.fund{font-size:clamp(16px,2.2vw,22px);margin-top:14px}
.presentation{display:inline-flex;align-items:center;justify-content:center;gap:32px;margin-top:64px;min-height:54px;padding:16px 26px;border:1px solid var(--cream);background:rgba(9,29,23,.78);color:var(--cream);text-decoration:none;font-size:16px;line-height:1.3;transition:background .2s,color .2s}
.presentation:hover{background:var(--cream);color:var(--forest)}
.presentation:focus-visible{outline:3px solid var(--cream);outline-offset:6px}
.button-arrow{display:block;flex:none;width:22px;height:22px}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,234,208,.4);padding-top:20px;font-size:14px;line-height:1.5}
footer a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,234,208,.5)}
footer a:hover{text-decoration-color:currentColor}
footer a:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.artwork{background-position:38% center}.shade{background:rgba(7,22,18,.48)}.intro{padding:70px 0}.wordmark{width:100%}.presentation{margin-top:48px;gap:24px}footer{flex-direction:column;align-items:center;gap:6px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}