html,body{margin:0;padding:0;background:#FFFFFF;color:#0A0202}
body{font-family:'Lato',sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
a:hover{color:inherit}
/* LAYOUT STANDARD (Laura, Oct 2026). Applies at every width, from a phone to a large desktop:
   1. Section spacing is responsive and even. Sections use padding:clamp(64px,7.5vw,128px) 0 and
      containers use max-width:clamp(1240px,82vw,1560px) with padding:0 clamp(20px,4.5vw,72px). Keep new sections on this rhythm.
   2. No orphans. No single word left alone on the last line of a heading, paragraph, quote or list item.
   3. No widowed endings. The last point of a paragraph, the last item in a row, or a vector/icon never drops alone onto its own line.
      Use flex/grid with gap and wrapping tracks so groups reflow together, and check at 375px, 768px, 1440px and 2560px. */
p,li,figcaption,dd{text-wrap:pretty}
h1,h2,h3,h4,blockquote{text-wrap:balance}
::selection{background:#FFF0AD;color:#0A0202}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}

/* Hover / pressed states from the design (inline styles need !important to be overridden) */
.hv-1:hover{transform:translateY(-2px) !important;box-shadow:6px 6px 12px rgba(0,0,0,0.82),-6px -6px 12px rgba(115,65,38,0.55),inset 0 1px 1px rgba(253,132,33,0.45) !important}
.hv-2:hover{transform:translateY(-2px) !important;box-shadow:6px 6px 12px rgba(60,0,0,0.65),-6px -6px 12px rgba(255,150,120,0.6),inset 0 1px 1px rgba(255,240,173,0.55) !important}
.hv-3:hover{color:#FE0000 !important}
.hv-4:hover{color:#FD8421 !important}
.hv-5:hover{color:#FFF0AD !important;text-shadow:0 2px 6px rgba(10,2,2,0.55),0 0 1px #0A0202 !important}
.hv-6:hover{transform:translateY(-3px) !important;box-shadow:14px 14px 30px rgba(10,2,2,0.32),-9px -9px 20px rgba(255,255,255,0.85),inset 0 1px 1px rgba(255,255,255,0.34) !important}
.hv-7:hover{transform:translateY(-2px) !important;box-shadow:8px 8px 16px rgba(10,2,2,0.26),-8px -8px 16px rgba(255,255,255,1),inset 0 1px 1px rgba(253,132,33,0.4) !important}
.hv-8:hover{background:#FFF0AD !important}
.hv-9:hover{transform:translateY(-2px) !important;box-shadow:7px 7px 14px rgba(120,20,0,0.5),-7px -7px 14px rgba(255,255,255,0.95),inset 0 1px 1px rgba(255,240,173,0.55) !important}
.hv-10:hover{color:#FF5710 !important}
.hv-11:hover{transform:translateY(-2px) !important;box-shadow:6px 6px 12px rgba(0,0,0,0.68),-6px -6px 12px rgba(255,150,120,0.42),inset 0 1px 1px rgba(255,240,173,0.55) !important}
.hv-12:hover{opacity:1 !important}
.hv-13:hover{transform:translateY(-2px) !important;box-shadow:8px 8px 16px rgba(0,0,0,0.65),-8px -8px 16px rgba(255,210,140,0.4),inset 0 1px 1px rgba(253,132,33,0.4) !important}
.ac-1:active{box-shadow:inset 4px 4px 8px rgba(0,0,0,0.85),inset -4px -4px 8px rgba(95,55,32,0.35) !important;transform:translateY(0) !important}
.ac-2:active{box-shadow:inset 4px 4px 8px rgba(60,0,0,0.65),inset -4px -4px 8px rgba(255,125,95,0.35) !important;transform:translateY(0) !important}
.ac-3:active{box-shadow:inset 4px 4px 8px rgba(10,2,2,0.22),inset -4px -4px 8px rgba(255,255,255,0.9) !important;transform:translateY(0) !important}
.ac-4:active{box-shadow:inset 4px 4px 8px rgba(90,0,0,0.55),inset -4px -4px 8px rgba(255,140,110,0.35) !important;transform:translateY(0) !important}
.ac-5:active{box-shadow:inset 4px 4px 8px rgba(0,0,0,0.7),inset -4px -4px 8px rgba(255,125,95,0.28) !important;transform:translateY(0) !important}
.ac-6:active{box-shadow:inset 4px 4px 8px rgba(0,0,0,0.4),inset -4px -4px 8px rgba(255,255,255,0.4) !important;transform:translateY(0) !important}

/* Nav "Resources" dropdown. Opens on hover/focus on pointer devices, and on tap via site.js (.open). */
.nav-dd{position:relative}
.nav-dd-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:8px 0;cursor:pointer;font-family:'Lato';font-weight:900;text-transform:uppercase;letter-spacing:0.14em;font-size:11.5px;color:#FFF0AD}
.nav-dd-btn svg{transition:transform 0.18s}
.nav-dd-menu{position:absolute;top:100%;left:0;z-index:20;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 0.16s,transform 0.16s,visibility 0.16s}
.nav-dd-panel{width:max-content;max-width:min(300px,calc(100vw - 40px));background:linear-gradient(145deg,#191111,#060202);border-radius:16px;box-shadow:6px 6px 14px rgba(0,0,0,0.6),-4px -4px 10px rgba(95,55,32,0.3),inset 0 1px 1px rgba(253,132,33,0.32);padding:8px}
.nav-dd-panel a{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:11px;text-decoration:none;color:#FFF0AD;transition:background 0.14s}
.nav-dd-panel a:hover,.nav-dd-panel a:focus-visible{background:rgba(253,132,33,0.14);outline:none}
.nav-dd-title{font-family:'Lato';font-weight:900;text-transform:uppercase;letter-spacing:0.14em;font-size:11.5px}
.nav-dd-panel a:hover .nav-dd-title{color:#FD8421}
.nav-dd-sub{font-family:'Lato';font-size:13px;line-height:1.4;color:rgba(255,240,173,0.72);text-wrap:pretty}
.nav-dd.open .nav-dd-menu,.nav-dd:has(:focus-visible) .nav-dd-menu{opacity:1;visibility:visible;transform:none}
.nav-dd.open .nav-dd-btn svg,.nav-dd:has(:focus-visible) .nav-dd-btn svg{transform:rotate(180deg)}
@media (hover:hover){
  .nav-dd:hover .nav-dd-menu{opacity:1;visibility:visible;transform:none}
  .nav-dd:hover .nav-dd-btn svg{transform:rotate(180deg)}
}