/* ===== THE ARRIVALS BOARD — ventureoutfitters.ca ======================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F4F4F1;color:#15171A;font-family:'Source Sans 3', -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:#15171A}
h1,h2,h3,h4{font-family:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;font-weight:700;line-height:1.14;
  letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(29px,5.2vw,47px)}
h2{font-size:clamp(23px,3.1vw,31px);margin-top:0}
h3{font-size:19px}
p{margin:0 0 1.05em}
strong{font-weight:650}
.ncc-wrap{max-width:1090px;margin:0 auto;padding:0 20px}

/* board annotation label */
.ncc-anno{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;color:#5E6360;display:flex;align-items:center;
  gap:12px;margin:0 0 14px}
.ncc-anno::after{content:"";flex:1;height:0;
  border-top:1px dashed #DEDED8}

/* ---- nav: solid ink bar (the board header) ---------------------------- */
.ncc-nav{background:#15171A;position:sticky;top:0;z-index:60}
.ncc-nav-in{max-width:1090px;margin:0 auto;padding:10px 20px;display:flex;
  align-items:center;gap:18px}
.ncc-logo img{height:44px;width:auto}
.ncc-sp{flex:1}
.ncc-links{display:flex;gap:26px;align-items:center}
.ncc-links a{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;text-decoration:none;color:#F7F7F4;opacity:.82}
.ncc-links a:hover{opacity:1}
.ncc-burger{display:none;background:transparent;border:1px solid rgba(247,247,244,.34);
  width:44px;height:44px;border-radius:4px;cursor:pointer;padding:0;
  align-items:center;justify-content:center;flex:0 0 auto}
.ncc-burger span{display:block;width:19px;height:1.6px;background:#F7F7F4;position:relative}
.ncc-burger span::before,.ncc-burger span::after{content:"";position:absolute;left:0;
  width:19px;height:1.6px;background:#F7F7F4}
.ncc-burger span::before{top:-6px}
.ncc-burger span::after{top:6px}
.ncc-mob{display:none}

/* ---- hero: H1 -> byline -> lede. Single column, nothing else. --------- */
.ncc-hero{background:#FFFFFF;border-bottom:1px solid #DEDED8;padding:34px 0 26px}
.ncc-hero h1{margin-bottom:15px;max-width:20ch}
.ncc-by{display:flex;align-items:center;gap:11px;margin:0 0 13px}
.ncc-by img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #DEDED8}
.ncc-by-t{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:11.5px;letter-spacing:.04em;color:#5E6360;line-height:1.55}
.ncc-by-t a{color:#15171A;text-decoration:none;border-bottom:1px solid #DEDED8}
.ncc-lede{font-size:18px;color:#5E6360;max-width:64ch;margin:0}

/* ---- the board -------------------------------------------------------- */
.ncc-board{margin:26px 0 8px;background:#FFFFFF;border:1px solid #DEDED8;border-radius:5px;overflow:hidden}
.ncc-row{display:grid;
  grid-template-columns:58px minmax(0,1.45fr) minmax(0,1.3fr) minmax(0,.95fr) 168px;
  align-items:center;gap:16px;padding:15px 18px;border-top:1px dashed #DEDED8}
.ncc-row:first-child{border-top:0}
/* flip-tile rank — the board's signature device */
.ncc-tile{background:#15171A;color:#F7F7F4;font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-weight:600;
  font-size:19px;border-radius:4px;height:46px;display:flex;align-items:center;
  justify-content:center;position:relative;letter-spacing:.02em}
.ncc-tile::after{content:"";position:absolute;left:5px;right:5px;top:50%;
  height:1px;background:rgba(247,247,244,.2)}
.ncc-brand{min-width:0}
.ncc-plate0{background:#FFFFFF;border:1px solid #DEDED8;border-radius:4px;height:52px;
  display:flex;align-items:center;justify-content:center;padding:6px 10px;margin-bottom:7px}
.ncc-plate0 img{max-height:40px;max-width:100%;width:auto;object-fit:contain}
.ncc-nm{font-family:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:15px}
.ncc-chip{display:inline-block;font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:#5E6360;border:1px solid #DEDED8;border-radius:3px;
  padding:2px 6px;margin-top:4px}
/* bonus: a TILE with an ochre left bar — value louder than the brand name */
.ncc-bonus{background:#FFFFFF;border:1px solid #DEDED8;border-left:5px solid #C08A2E;
  border-radius:4px;padding:9px 12px;min-width:0}
.ncc-blab{display:block;font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:#5E6360;margin-bottom:3px}
.ncc-bval{display:block;font-family:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:15.5px;
  line-height:1.2;letter-spacing:-.015em;overflow-wrap:anywhere}
.ncc-facts{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:11.5px;color:#5E6360;line-height:1.75;min-width:0}
.ncc-facts b{color:#15171A;font-weight:600}
.ncc-cta{display:block;background:#2E9E41;color:#FFFFFF;text-decoration:none;
  font-family:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:14.5px;text-align:center;
  padding:15px 12px;border-radius:4px;min-width:0}
.ncc-cta:hover{filter:brightness(.93)}
.ncc-cta-sub{display:block;font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:9.5px;letter-spacing:.11em;
  text-transform:uppercase;opacity:.84;font-weight:400;margin-top:3px}

/* ---- body ------------------------------------------------------------- */
.ncc-main{padding:32px 0 10px}
.ncc-sec{margin:0 0 40px;max-width:72ch}
.ncc-sec ul,.ncc-sec ol{margin:0 0 1.05em;padding-left:1.15em}
.ncc-sec li{margin-bottom:.6em}
.ncc-scroll{overflow-x:auto;margin:0 0 1.05em;border:1px solid #DEDED8;border-radius:5px;background:#FFFFFF}
.ncc-dt{border-collapse:collapse;width:100%;min-width:540px;font-size:14.5px}
.ncc-dt th{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:#5E6360;text-align:left;font-weight:500;padding:12px 14px;
  border-bottom:1px solid #DEDED8;white-space:nowrap}
.ncc-dt td{padding:12px 14px;border-bottom:1px dashed #ECECE6;vertical-align:top}
.ncc-dt tr:last-child td{border-bottom:0}

/* ---- reviews ---------------------------------------------------------- */
.ncc-rev{background:#FFFFFF;border:1px solid #DEDED8;border-radius:5px;padding:22px;margin:0 0 18px}
.ncc-rev-h{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;
  border-bottom:1px dashed #DEDED8}
.ncc-rev-t{min-width:0;flex:1 1 auto}
.ncc-rev-t h3{margin:0}
.ncc-rlogo{background:#FFFFFF;border:1px solid #DEDED8;border-radius:4px;height:56px;
  min-width:120px;display:flex;align-items:center;justify-content:center;padding:6px 10px;flex:0 0 auto}
.ncc-rlogo img{max-height:44px;max-width:100%;width:auto;object-fit:contain}
.ncc-pc{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}
.ncc-pc h4{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:#5E6360;font-weight:500;margin:0 0 8px}
.ncc-pc ul{margin:0;padding-left:1.1em;font-size:15px}
.ncc-pc li{margin-bottom:.45em}

/* ---- faq / author / footer -------------------------------------------- */
.ncc-faq{border-top:1px solid #DEDED8}
.ncc-fi{border-bottom:1px dashed #DEDED8;padding:18px 0}
.ncc-fi h3{margin:0 0 .45em;font-size:17.5px}
.ncc-fi p{margin:0;color:#5E6360}
.ncc-auth{background:#FFFFFF;border:1px solid #DEDED8;border-radius:5px;padding:20px;
  display:flex;gap:16px;align-items:flex-start;margin:0 0 40px}
.ncc-auth img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid #DEDED8;flex:0 0 auto}
.ncc-auth p{margin:0;font-size:15px;color:#5E6360}
.ncc-an{font-family:'Space Grotesk', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:16px;color:#15171A;margin-bottom:3px}
.ncc-foot{border-top:1px solid #DEDED8;background:#FFFFFF;margin-top:30px;padding:30px 0 40px;
  font-size:14px;color:#5E6360}
.ncc-foot a{color:#5E6360;text-decoration:none;border-bottom:1px solid #DEDED8}
.ncc-fl{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:18px;font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}
.ncc-age{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #5E6360;
  border-radius:50%;width:32px;height:32px;font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:10.5px;font-weight:600;flex:0 0 auto}
.ncc-fb{display:flex;gap:14px;align-items:center;margin-bottom:14px}

/* ===================== MOBILE — designed first ======================== */
@media (max-width:860px){
  body{font-size:16.5px}
  .ncc-links{display:none}
  .ncc-burger{display:flex}
  /* dropdown anchored TOP-RIGHT, per standing client instruction */
  .ncc-mob{display:none;position:absolute;top:58px;right:14px;left:auto;
    width:min(252px,calc(100vw - 28px));background:#FFFFFF;border:1px solid #DEDED8;
    border-radius:5px;box-shadow:0 10px 30px rgba(21,23,26,.16);padding:6px;z-index:70}
  .ncc-mob.ncc-open{display:block}
  /* the panel is a DIFFERENT element from .ncc-links, so it must be styled
     explicitly or its anchors fall through to the global a{color} and can end
     up the same colour as their own background */
  .ncc-mob a{display:block;padding:13px 14px;text-decoration:none;color:#15171A;
    font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px}
  .ncc-mob a+a{border-top:1px dashed #ECECE6}

  /* hero compressed: the first ranked row must clear the fold at 375x667 */
  .ncc-hero{padding:18px 0 16px}
  .ncc-hero h1{max-width:none;font-size:clamp(26px,7vw,33px);margin-bottom:12px}
  .ncc-by{margin-bottom:11px}
  .ncc-by img{width:34px;height:34px}
  .ncc-by-t{font-size:11px}
  .ncc-lede{font-size:15.5px;line-height:1.5}
  .ncc-anno{font-size:10px;margin-bottom:10px}
  .ncc-main{padding:20px 0 10px}
  .ncc-board{margin:14px 0 8px}
  .ncc-sec h2{font-size:clamp(21px,5.5vw,26px)}

  /* board rows stack; tile + logo + name share the top line */
  .ncc-row{grid-template-columns:42px 1fr;gap:10px 12px;padding:14px}
  .ncc-tile{height:40px;font-size:16px;align-self:start}
  .ncc-brand{display:flex;align-items:center;gap:11px;min-width:0}
  .ncc-brand>div{min-width:0}
  .ncc-nm{overflow-wrap:anywhere}
  .ncc-plate0{margin-bottom:0;height:46px;width:108px;min-width:0;flex:0 0 auto}
  .ncc-plate0 img{max-height:36px}
  .ncc-bonus{grid-column:1/-1}
  .ncc-facts{grid-column:1/-1;font-size:11px;line-height:1.6}
  .ncc-cta{grid-column:1/-1;padding:14px 12px}

  .ncc-pc{grid-template-columns:1fr;gap:14px}
  .ncc-rev{padding:17px}
  .ncc-rev-h{gap:10px;flex-wrap:nowrap}
  .ncc-rlogo{min-width:0;width:104px;height:50px;padding:5px 8px}
  .ncc-rlogo img{max-height:38px}
  .ncc-rev-t h3{overflow-wrap:anywhere}
  .ncc-sec{margin-bottom:32px}
  .ncc-auth{flex-direction:column;gap:12px}
}
@media (max-width:380px){
  .ncc-plate0{width:92px}
  .ncc-tile{font-size:15px}
}