/* /fenrirld (Pixel, 11/3): Fenrir Leadership Development inside the ReforgedHQ theme. The site's header and footer stay as
   they are; everything in <main> (and the team pop-ups) is Fenrir's area, so the site's accent variables take Stian's palette
   there: Charcoal #171A1F, Silver #B8BEC5, Deep Blue #00649A, Crimson #700B10 (sparingly). Clean, never grunge. */
.fld main,.fld .rq-pop,.fld .rq-bk{
  --fc:#171A1F; --fc-2:#1f232a; --fs:#B8BEC5; --fb:#00649A; --fb-2:#0b7cbd; --fb-l:#5fb2e3; --fr:#700B10;
  --flame:linear-gradient(95deg,#0b7cbd 0%,#00649A 100%); --ember:#5fb2e3; --ember-ink:#00649A; --ember-red:#700B10; --hq:#B8BEC5;
  --paper-2:#eef0f2; --paper-3:#e1e4e8; --ink:#171A1F; --ink-2:#3f444c; --ink-3:#646a73;
}
.fld main{background:var(--fc)}
.fld main .btn-primary,.fld .rq-pop .btn-primary,.fld .rq-bk .btn-primary{color:#fff;box-shadow:0 10px 28px -12px rgba(0,100,154,.75),inset 0 1px 0 rgba(255,255,255,.22)}
.fld main .btn-primary:hover{box-shadow:0 16px 36px -12px rgba(0,100,154,.9),inset 0 1px 0 rgba(255,255,255,.22)}
.fld main .btn-secondary:hover{border-color:var(--fs)}
.fld main .rq-k{color:var(--fs)}
.fld main .rq-light .rq-k{color:var(--fb)}
.fld main .rq-ev-tile b,.fld main .rq-ev-badges .hot{color:#fff}
.fld main .rq-ev:hover{border-color:rgba(0,100,154,.45);box-shadow:0 30px 60px -36px rgba(0,100,154,.45)}
.fld main .rq-empty::after{background:radial-gradient(circle,rgba(0,100,154,.35),transparent 65%)}
.fld main .rq-tm-team,.fld .rq-pop .rq-tm-team{background:rgba(0,100,154,.1)}
.fld main .rq-light .rq-link{border-color:rgba(0,100,154,.35)}
.fld-hl{color:var(--fs)}
.rq-light .fld-hl{color:var(--fb)}

/* hero (v2, Nova 11/3): a full-width headline, the lede and doors beside Fenrir's brand panel, a promise strip, and the
   tricolor bar drawing in. The site's grid lines at half strength and a faint crimson glow low left; no embers. */
.fld-hero{position:relative;overflow:hidden;
  background:radial-gradient(42% 55% at 0% 100%,rgba(112,11,16,.2),transparent 70%),radial-gradient(55% 75% at 84% 42%,rgba(0,100,154,.24),transparent 70%),
             linear-gradient(180deg,#1b1f25 0%,var(--fc) 100%);
  padding-top:calc(var(--hdr) + clamp(40px,5vw,84px));padding-bottom:clamp(40px,5vw,72px)}
.fld-hero .rq-gridlines{opacity:.5}
.fld-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-rows:auto auto auto 1fr;column-gap:clamp(28px,4vw,72px);align-items:start}
.fld-hero-txt{display:contents}
.fld-hero-txt>*{grid-column:1}
.fld-hero h1{font-size:clamp(50px,8vw,132px);line-height:.92;letter-spacing:-.045em;margin:18px 0 clamp(26px,3vw,44px)}
.fld-hero h1 span{display:block}
.fld-blue{background:linear-gradient(95deg,#5fb2e3 0%,#2f93cf 45%,#00649A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.fld-hero .rq-lede{max-width:56ch}
.fld-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;max-width:640px;align-self:start}
.fld-door{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;border:1.5px solid rgba(184,190,197,.28);background:rgba(255,255,255,.03);
  text-decoration:none;color:#fff;font:600 17px/1.2 var(--head);transition:border-color .25s ease,transform .25s ease,background .25s ease}
.fld-door small{font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--fs)}
.fld-door span{flex:1}
.fld-door svg{width:18px;height:18px;flex:none;color:var(--fb-l);transition:transform .25s ease}
.fld-door:hover{border-color:var(--fb-l);background:rgba(0,100,154,.12);transform:translateY(-2px)}
.fld-door:hover svg{transform:translateX(3px)}

/* Fenrir's brand panel, built like /rff's .rff-brand: charcoal into a deep-blue tint, a silver hairline inside, a blue glow behind the wolf */
.fld-brand{grid-column:2;grid-row:1/-1;position:relative;display:grid;justify-items:center;gap:22px;align-self:center;
  padding:clamp(28px,3vw,46px) clamp(20px,2.4vw,36px);border-radius:var(--r);border:1px solid rgba(184,190,197,.26);box-shadow:0 50px 90px -50px #000;
  background:radial-gradient(52% 46% at 50% 44%,rgba(0,100,154,.42),transparent 72%),linear-gradient(150deg,#1f232a 0%,#14283a 62%,#0c2436 100%)}
.fld-brand::before{content:"";position:absolute;inset:10px;border:1px solid rgba(184,190,197,.2);border-radius:10px;pointer-events:none}
.fld-logo{position:relative;width:100%;max-width:400px;height:auto;filter:drop-shadow(0 24px 50px rgba(0,0,0,.6)) drop-shadow(0 0 40px rgba(0,100,154,.35));
  animation:rq-float 8s ease-in-out infinite}   /* the /rff crest's float (Charming 11/3) */
.fld-motto{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;font:500 11.5px/1.5 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--fs);text-align:center;white-space:nowrap}
.fld-motto::before,.fld-motto::after{content:"";height:1px;width:34px;flex:none;background:linear-gradient(90deg,transparent,var(--fs))}
.fld-motto::after{transform:scaleX(-1)}

.fld-promise{list-style:none;margin:clamp(44px,5vw,76px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,44px)}
.fld-promise li{display:grid;align-content:start;gap:6px;padding-left:18px;border-left:2px solid var(--fb)}
.fld-promise li:nth-child(2){border-color:var(--fs)}
.fld-promise li:nth-child(3){border-color:var(--fr)}
.fld-promise b{font:700 clamp(19px,1.6vw,23px)/1.15 var(--head);letter-spacing:-.015em;color:#fff}
.fld-promise span{font-size:14px;line-height:1.6;color:var(--on-dark-2)}
.fld-tri{height:4px;border-radius:2px;margin-top:clamp(36px,4vw,56px);background:linear-gradient(90deg,var(--fb) 0 33.3%,var(--fs) 33.3% 66.6%,var(--fr) 66.6%);
  transform-origin:left center;animation:fld-draw 1.4s cubic-bezier(.2,.7,.2,1) .35s both}
@keyframes fld-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* shared heads */
.fld-head{max-width:860px;margin-bottom:clamp(30px,4vw,54px)}
.fld-head h2,.fld-mean h2,.fld-connect h2{font-size:clamp(36px,4.6vw,72px);line-height:1;margin-top:14px}
.fld-head .rq-lede{margin-top:18px}
.fld-head.row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.fld-head.row>div{max-width:760px}
.fld-dark{background:radial-gradient(60% 70% at 88% 8%,rgba(0,100,154,.1),transparent 70%),var(--fc);color:var(--on-dark)}
.fld-dark+.fld-dark{border-top:1px solid rgba(184,190,197,.12)}

/* two paths, equal and compact (v3, Charming 11/3: "wayy too big"); How it works opens from the toggle */
.fld-pathgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);align-items:stretch}
.fld-pathgrid:has(.fld-more.open){align-items:start}   /* closed: equal heights, buttons on one line (Grant 11/3); one opened: the other keeps its size */
.fld-path{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--line-l);border-radius:18px;padding:clamp(22px,2.2vw,32px);position:relative;overflow:hidden}
.fld-path::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--fb)}
.fld-path.b::before{background:var(--fr)}
.fld-path h3{font-size:clamp(22px,1.8vw,28px);line-height:1.1}
.fld-path h4{font:500 12px/1.2 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}
.fld-path p{color:var(--ink-2);font-size:15px;line-height:1.65}
.fld-path-foot{display:flex;align-items:center;flex-wrap:wrap-reverse;gap:14px 26px;margin-top:auto;padding-top:4px}   /* if the toggle wraps, it goes above, so both buttons stay on the bottom line */
.fld-more{display:flex;flex-direction:column;gap:14px}
.fld-more-btn{display:none}
.js .fld-more:not(.open){display:none}
.js .fld-more>h4{display:none}
.js .fld-more-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:none;cursor:pointer;font:500 12.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fb)}
.js .fld-path.b .fld-more-btn{color:var(--fr)}
.js .fld-more-btn:hover{text-decoration:underline;text-underline-offset:5px}
.js .fld-more-btn::after{content:"+";font-size:16px;letter-spacing:0}
.js .fld-more-btn[aria-expanded="true"]::after{content:"\2212"}
.fld-tag{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.fld-tag b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font-weight:500;letter-spacing:0;background:var(--fb)}
.fld-path.b .fld-tag b,.fld-joincard .fld-tag b{background:var(--fr)}
.fld-serve{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fld-serve li{font:500 12.5px/1 var(--mono);padding:8px 12px;border-radius:999px;background:var(--paper-2);color:var(--ink)}
.fld-path blockquote{margin:0;padding:2px 0 2px 16px;border-left:3px solid var(--fr)}
.fld-path blockquote p{font:500 16.5px/1.45 var(--head);color:var(--ink);letter-spacing:-.01em}
.fld-steps{list-style:none;margin:0;padding:0;display:grid}
.fld-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid var(--line-l)}
.fld-steps li:last-child{border-bottom:1px solid var(--line-l)}
.fld-steps b{font:500 12px/1 var(--mono);letter-spacing:.1em;color:var(--fb);padding-top:5px}
.fld-path.b .fld-steps b{color:var(--fr)}
.fld-steps h5{font:700 16px/1.25 var(--head);letter-spacing:-.01em;color:var(--ink);margin:0}
.fld-steps p{font-size:14px!important;line-height:1.55!important;margin-top:3px}
.fld-core{max-width:820px;margin:clamp(34px,4vw,56px) auto 0;text-align:center;font:500 clamp(19px,1.8vw,26px)/1.45 var(--head);color:var(--ink)!important;letter-spacing:-.01em;text-wrap:balance}

/* what Fenrir means */
.fld-mean{overflow:hidden}
.fld-mean-mark{position:absolute;left:-6%;top:50%;width:min(46vw,640px);transform:translateY(-50%);opacity:.07;pointer-events:none}
.fld-mean-mark img{width:100%;height:auto}
.fld-mean-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,90px);align-items:start}
.fld-mean h2{font-size:clamp(40px,5.4vw,88px);line-height:.98;margin-top:16px}
.fld-prose p{color:var(--on-dark-2)}
.fld-prose p+p{margin-top:1.05em}
.fld-sign{font:700 clamp(20px,1.8vw,26px)/1.2 var(--head)!important;color:#fff!important;letter-spacing:-.02em;margin-top:1.4em!important;padding-top:1.1em;border-top:1px solid rgba(184,190,197,.2)}

/* values: line icons, and a lift on hover */
.fld-vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.fld-val{position:relative;background:#fff;border:1px solid var(--line-l);border-radius:18px;padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;gap:12px}
.fld main .fld-val.reveal.in,.fld main .fld-val{transition:opacity .9s ease,transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease}
.fld main .fld-val:not(.close):hover{transform:translateY(-4px);border-color:rgba(0,100,154,.5);box-shadow:0 28px 56px -32px rgba(0,100,154,.55)}
.fld-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(0,100,154,.08);color:var(--fb);margin-bottom:6px}
.fld-ico svg{width:25px;height:25px}
.fld-val:nth-child(5) .fld-ico{background:rgba(112,11,16,.07);color:var(--fr)}
.fld-val h3{font-size:clamp(21px,1.8vw,27px);line-height:1.1}
.fld-val p{font-size:15px}
.fld-num{position:absolute;top:clamp(22px,2.4vw,34px);right:clamp(22px,2.4vw,34px);font:500 13px/1 var(--mono);letter-spacing:.14em;color:var(--ink-3)}
.fld-val.close{background:var(--fc);border-color:var(--fc);justify-content:center}
.fld-val.close p{font:500 clamp(19px,1.6vw,23px)/1.4 var(--head);color:#fff!important;letter-spacing:-.01em}

/* events */
.fld-evs .rq-lede{margin-top:16px}

/* team: Stian's card(s) and a Join the pack card in one row */
.fld-teamrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,250px));gap:16px;align-items:stretch}
.fld-teamrow .rq-tm-host,.fld-teamrow .rq-tm-groups,.fld-teamrow .rq-tm-grid{display:contents}
.fld-teamrow .rq-tm-empty{grid-column:1/-1}
.fld main .rq-tm-team{display:none}   /* one team on this page, and its long name wraps in the pill */
.fld-joincard{grid-column:span 2;display:flex;flex-direction:column;gap:14px;padding:22px 20px;border-radius:var(--r);color:#fff;text-decoration:none;border:1px solid rgba(184,190,197,.18);
  background:radial-gradient(90% 60% at 100% 0%,rgba(112,11,16,.32),transparent 70%),radial-gradient(80% 60% at 0% 100%,rgba(0,100,154,.22),transparent 70%),linear-gradient(160deg,#1f232a,var(--fc));
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.fld main .fld-joincard.reveal.in{transition:opacity .9s ease,transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.fld main .fld-joincard:hover{transform:translateY(-5px);box-shadow:0 30px 60px -36px rgba(0,100,154,.6)}
.fld-joincard .fld-tag{color:var(--fs)}
.fld-joincard h3{font-size:clamp(26px,2.2vw,32px);line-height:1.02;color:#fff;margin-top:auto}
.fld-joincard p{font-size:14px;line-height:1.6;color:var(--on-dark-2)}
.fld-joincard .rq-go{margin-top:6px;color:var(--fb-l)}
.fld-joincard:hover .rq-go svg{transform:translateX(3px)}

/* founder story (the headshot lives on his team card now) */
.fld-story-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,90px);align-items:start}
.fld-quote{margin:18px 0 26px;padding-left:22px;border-left:3px solid var(--fr)}
.fld-quote p{font:700 clamp(28px,3vw,50px)/1.06 var(--head);letter-spacing:-.03em;color:#fff;text-wrap:balance}
.fld-quote span{display:block;color:var(--fs)}
.fld-by{font:400 13px/1.5 var(--mono);color:var(--on-dark-3);padding-left:25px}
.fld-by b{display:block;font:700 21px/1.2 var(--head);color:#fff;letter-spacing:-.02em}
.fld-fine{margin-top:26px}

/* connect, with the booking calendar like /rff */
.fld-connect{background:radial-gradient(70% 120% at 100% 0%,rgba(0,100,154,.3),transparent 60%),var(--fc-2);border-top:1px solid rgba(184,190,197,.14)}
.fld-connect-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,72px);align-items:start}
.fld-connect .rq-lede{margin-top:16px}
.fld-connect .rq-ctas{margin-top:28px}

/* the Hub calendar fills its frame with #f9fafb and centers itself on wide screens; match it so the card reads as one piece */
.fld main .rq-cal{background:#f9fafb}

/* book page */
.fld-bookhero{padding-bottom:clamp(60px,7vw,110px)}
.fld-book-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(26px,4vw,64px);align-items:start}
.fld-book-logo{width:110px;height:auto;margin-bottom:24px;filter:drop-shadow(0 0 30px rgba(0,100,154,.35))}
.fld-book-head h1{font-size:clamp(40px,4.8vw,74px);line-height:.98;letter-spacing:-.035em;margin:14px 0 20px}
.fld-book-head h1 span{display:block}

@media (max-width:1000px){
  .fld-vals{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .fld-hero-in,.fld-mean-in,.fld-story-in,.fld-book-in,.fld-connect-in{grid-template-columns:minmax(0,1fr)}
  .fld-hero-in{grid-template-rows:none}
  .fld-brand{grid-column:1;grid-row:auto;justify-self:start;width:min(100%,440px);margin-top:36px}
  .fld-pathgrid{grid-template-columns:minmax(0,1fr)}
  .fld-promise{grid-template-columns:minmax(0,1fr);gap:20px}
  .fld-mean-mark{width:90vw;left:-30%;opacity:.05}
}
@media (max-width:700px){
  .fld-split{grid-template-columns:minmax(0,1fr);max-width:none}
  .fld-door{border-left:4px solid var(--fb)}
  .fld-door.b{border-left-color:var(--fr)}
}
@media (max-width:420px){
  .fld-hero h1{font-size:clamp(38px,12.4vw,50px)}
}
@media (max-width:600px){
  .fld-vals,.fld-teamrow{grid-template-columns:minmax(0,1fr)}
  .fld-joincard{grid-column:auto}
  .fld-motto{white-space:normal;letter-spacing:.2em}
  .fld-motto::before,.fld-motto::after{display:none}
}

/* /fenrirld/events/: the site's events hero, made clean (no embers, no grid, Fenrir's charcoal and blue glow) */
.fld main .rq-phero{background:radial-gradient(60% 90% at 85% 20%,rgba(0,100,154,.22),transparent 70%),linear-gradient(180deg,#1b1f25 0%,var(--fc) 100%)}
.fld main .rq-phero .rq-embers,.fld main .rq-phero .rq-gridlines{display:none}
.fld main .rq-link{border-color:rgba(95,178,227,.35)}
.fld main .rq-link:hover{border-color:var(--ember)}