@charset "utf-8";
/* --------------------------------------------------------------------------
   /guides/ — the index. The guide page type's chrome, a hero, and four groups
   of cards. Tokens only; no new colour decision for the palette freeze.
   -------------------------------------------------------------------------- */
.gx-hero{position:relative;padding:128px var(--ggx) 56px;overflow:hidden;
  background:#3B241F;color:#F6EFE6;}
.gx-bg{position:absolute;inset:0;}

.gx-bg img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.02) sepia(.12) contrast(1.04) brightness(.5);}
.gx-wash{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(42,27,23,.55) 0%,rgba(42,27,23,.34) 45%,rgba(42,27,23,.92) 100%),
             linear-gradient(90deg,rgba(42,27,23,.8) 0%,rgba(42,27,23,.28) 65%,rgba(42,27,23,.05) 100%);}

.gx-hero > :not(.gx-bg){position:relative;z-index:1;}
.gx-crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;
  font:400 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;color:#D9C6BC;}
.gx-crumbs a{color:#D9C6BC;text-decoration:none;border-bottom:1px solid rgba(217,198,188,.4);}
.gx-crumbs a:hover{color:#F6EFE6;border-bottom-color:#F6EFE6;}
.gx-crumbs [aria-current="page"]{color:#F6EFE6;}
.gx-kicker{margin:26px 0 0;font:400 12px/1.4 'JetBrains Mono',ui-monospace,monospace;
  letter-spacing:.14em;text-transform:uppercase;color:#D9A08F;}
.gx-h1{margin:14px 0 0;max-width:15ch;
  font:400 clamp(44px,6vw,76px)/1.03 Cormorant,'Times New Roman',serif;
  letter-spacing:-.01em;color:#F6EFE6;}
.gx-lede{margin:22px 0 0;max-width:62ch;
  font:400 18px/1.62 'Work Sans',system-ui,sans-serif;color:#E8D9C8;}
.gx-stats{display:flex;flex-wrap:wrap;gap:0;margin:36px 0 0;padding:0;list-style:none;
  border-top:1px solid rgba(246,239,230,.22);}
.gx-stats li{padding:18px 30px 0 0;margin-right:30px;
  border-right:1px solid rgba(246,239,230,.16);}
.gx-stats li:last-child{border-right:0;margin-right:0;}
.gx-stats strong{display:block;font:400 40px/1 Cormorant,'Times New Roman',serif;color:#F6EFE6;}
.gx-stats strong span{font-size:.5em;margin-left:.2em;color:#D9C6BC;}
.gx-stats small{display:block;margin-top:8px;
  font:400 12px/1.35 'Work Sans',system-ui,sans-serif;color:#D9C6BC;}

.gx-sec{padding:64px var(--ggx) 0;background:#F6EFE6;}
.gx-sec:last-of-type{padding-bottom:16px;}
.gx-kick{margin:0;font:400 11px/1 'JetBrains Mono',ui-monospace,monospace;
  letter-spacing:.14em;text-transform:uppercase;color:#6E5B54;}
.gx-num{color:#A64B2A;margin-right:12px;}
.gx-h2{margin:14px 0 0;max-width:20ch;
  font:400 clamp(30px,3.4vw,42px)/1.1 Cormorant,'Times New Roman',serif;color:#2A1B17;}
.gx-intro{margin:16px 0 0;max-width:64ch;
  font:400 17px/1.68 'Work Sans',system-ui,sans-serif;color:#2A1B17;}
/* Four columns whatever the group holds, and the hairlines belong to the CARDS,
   not to the grid. Drawing them as a 2px grid gap over a #D9CFC3 grid
   background looked right for the two groups of four and filled the leftover
   tracks of the groups of two and three with slabs of grey — a layout that
   reads as broken. On the cards, an empty track is just paper. */
.gx-grid{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px;
  grid-template-columns:repeat(4,1fr);}
.gx-card{background:#F6EFE6;border:1px solid #D9CFC3;transition:border-color .2s;}
.gx-card:hover{border-color:#C9B9A8;}
.gx-a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:#2A1B17;
  transition:background .2s;}
.gx-a:hover{background:#EFE6DA;}
.gx-shot{display:block;aspect-ratio:3/2;overflow:hidden;background:#E8D9C8;}
.gx-shot img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .35s ease;}
.gx-a:hover .gx-shot img{transform:scale(1.03);}
.gx-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 24px;}
.gx-n{font:400 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;color:#A64B2A;}
.gx-t{margin-top:10px;font:400 24px/1.14 Cormorant,'Times New Roman',serif;color:#2A1B17;}
.gx-s{margin-top:8px;flex:1;font:400 14px/1.5 'Work Sans',system-ui,sans-serif;color:#6E5B54;}
.gx-f{margin-top:16px;padding-top:12px;border-top:1px solid #D9CFC3;
  font:400 15px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.02em;color:#2A1B17;}
.gx-old{margin-top:8px;font:400 11px/1.4 'Work Sans',system-ui,sans-serif;color:#8E3E22;}

@media (max-width:1279px){ .gx-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:1023px){
  .gx-hero{padding:96px var(--ggx) 40px;}
  .gx-h1{font-size:40px;max-width:none;}
  .gx-lede{font-size:16px;}
  /* stacked, the vertical rules become dangling fragments to the right of a
     full-width row; the divider that means anything here is horizontal */
  .gx-stats{display:block;}
  .gx-stats li{padding:14px 0;margin:0;border-right:0;
    border-bottom:1px solid rgba(246,239,230,.16);}
  .gx-stats li:last-child{border-bottom:0;}
  .gx-stats strong{font-size:32px;}
  .gx-sec{padding-top:44px;}
  .gx-h2{font-size:28px;}
  .gx-intro{font-size:16px;}
  .gx-grid{grid-template-columns:1fr;}
}