/* ===========================================================================
   glycofits.com — gcf system
   ---------------------------------------------------------------------------
   Modern CSS only: no framework, no utility library. The whole page sits on a
   single named twelve-track grid (.gcf-canvas). Sections place themselves on
   it by column span, and the internal furniture uses grid as well —
   auto-fit minmax racks, a bento with explicit spans, a 1px-gap mesh, and a
   comparison matrix built from grid rows rather than a table.

   Naming: every class is prefixed gcf-. Parts of a block join with a single
   hyphen (gcf-plan-head). A state or variant is a data-attribute rather than
   an extra class, e.g. [data-lead], [data-tone="sand"], [data-span="wide"],
   so nothing here reads like any earlier stylesheet in the network.
   Colour is taken from the GlycoAid bottle.
   =========================================================================== */

:root{
  /* the label, sampled */
  --gcf-wine:#8E2226;
  --gcf-wine-dk:#5C1216;
  --gcf-wine-xd:#380A0D;
  --gcf-wine-lt:#B24B45;
  --gcf-wine-tint:#F6E7E4;
  /* the cap and the carton, sampled */
  --gcf-oat:#F7F4EF;
  --gcf-sand:#EDE6DA;
  --gcf-sand-dk:#DED4C4;
  --gcf-paper:#FFFFFF;
  /* the photography shadow, sampled */
  --gcf-ink:#231D1C;
  --gcf-body:#514846;
  --gcf-soft:#857A77;
  --gcf-line:#DCD2C6;

  --gcf-rail:clamp(18px,4vw,56px);
  --gcf-gut:clamp(16px,2vw,28px);
  --gcf-block:clamp(56px,7vw,104px);
  --gcf-r:2px;
  --gcf-r-l:6px;
  --gcf-shadow:0 1px 0 var(--gcf-line), 0 18px 40px -24px rgba(35,29,28,.45);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--gcf-oat);color:var(--gcf-body);
  font-family:"Instrument Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:19.5px;line-height:1.68;font-synthesis-weight:none;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--gcf-wine);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--gcf-wine-dk)}
h1,h2,h3,h4{font-family:"Lexend","Segoe UI",system-ui,sans-serif;color:var(--gcf-ink);
  font-weight:700;line-height:1.14;letter-spacing:-.018em;margin:0 0 .55em;
  text-wrap:balance}
h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800}
h2{font-size:clamp(1.72rem,3.5vw,2.6rem)}
h3{font-size:clamp(1.14rem,1.7vw,1.38rem)}
h4{font-size:1.05rem}
p{margin:0 0 1.05rem;text-wrap:pretty}
strong,b{color:var(--gcf-ink);font-weight:600}
ul,ol{margin:0 0 1.05rem;padding-left:1.2rem}
li{margin-bottom:.4rem}
table{border-collapse:collapse}
::selection{background:var(--gcf-wine);color:#fff}
:focus-visible{outline:2.5px solid var(--gcf-wine);outline-offset:3px}

/* ------------------------------------------------------- the page canvas  */
/* one named twelve-track grid with bleed gutters on both sides */
.gcf-canvas{
  display:grid;
  grid-template-columns:
    [full-start] var(--gcf-rail)
    [wide-start] minmax(0,1fr)
    [main-start] repeat(12,minmax(0,84px))
    [main-end] minmax(0,1fr)
    [wide-end] var(--gcf-rail)
    [full-end];
  column-gap:var(--gcf-gut);
}
.gcf-canvas > *{grid-column:main}
.gcf-full{grid-column:full}
.gcf-wide{grid-column:wide}
.gcf-band{display:grid;grid-template-columns:inherit;column-gap:inherit}
/* a band that paints the full width but keeps its content on the main tracks */
section.gcf-full,header.gcf-full,footer.gcf-full,div.gcf-full{
  display:grid;
  grid-template-columns:
    [full-start] var(--gcf-rail)
    [wide-start] minmax(0,1fr)
    [main-start] repeat(12,minmax(0,84px))
    [main-end] minmax(0,1fr)
    [wide-end] var(--gcf-rail)
    [full-end];
  column-gap:var(--gcf-gut);
}
.gcf-pad{padding-block:var(--gcf-block)}
.gcf-pad-s{padding-block:clamp(34px,4.4vw,58px)}
[data-tone="sand"]{background:var(--gcf-sand)}
[data-tone="tint"]{background:var(--gcf-wine-tint)}
[data-tone="wine"]{background:var(--gcf-wine-dk);color:#E4D3D0}
[data-tone="wine"] h2,[data-tone="wine"] h3,[data-tone="wine"] h4{color:#fff}
[data-tone="wine"] strong,[data-tone="wine"] b{color:#fff}
[data-tone="wine"] a{color:#F4B2AC}
[data-tone="ink"]{background:var(--gcf-ink);color:#CFC6C3}
[data-tone="ink"] h2,[data-tone="ink"] h3{color:#fff}

/* ------------------------------------------------------------ section head */
/* the head itself is a grid: an index number in a narrow track, then copy */
.gcf-head{grid-column:main;display:grid;gap:6px 22px;
  grid-template-columns:auto minmax(0,1fr);align-items:start;
  margin-bottom:clamp(26px,3.2vw,44px)}
.gcf-head-no{font-family:"Lexend",sans-serif;font-weight:700;font-size:.78rem;
  letter-spacing:.18em;color:var(--gcf-wine);padding-top:.6em;
  border-top:2px solid var(--gcf-wine);grid-row:1 / span 3}
[data-tone="wine"] .gcf-head-no,[data-tone="ink"] .gcf-head-no{color:#F0A8A2;
  border-top-color:#F0A8A2}
.gcf-head h2,.gcf-head h1{margin:0;max-width:19ch}
.gcf-head p{margin:12px 0 0;font-size:1.1rem;max-width:60ch}
[data-tone="wine"] .gcf-head p,[data-tone="ink"] .gcf-head p{color:#BCAFAC}
@media(min-width:1000px){
  .gcf-head{grid-template-columns:auto minmax(0,7fr) minmax(0,5fr);align-items:end}
  .gcf-head h2{grid-row:1;max-width:none}
  .gcf-head p{grid-row:1;margin:0;padding-bottom:.4em}
}

/* ------------------------------------------------------------------ button */
.gcf-do{display:inline-grid;grid-auto-flow:column;align-items:center;
  justify-content:center;gap:10px;font-family:"Lexend",sans-serif;font-weight:600;
  font-size:1rem;line-height:1.1;padding:17px 28px;border:1.5px solid transparent;
  border-radius:var(--gcf-r);text-decoration:none;cursor:pointer;text-align:center;
  transition:background .15s,color .15s,border-color .15s,transform .15s}
.gcf-do[data-kind="fill"]{background:var(--gcf-wine);color:#fff}
.gcf-do[data-kind="fill"]:hover{background:var(--gcf-wine-dk);color:#fff;
  transform:translateY(-1px)}
.gcf-do[data-kind="ghost"]{background:transparent;color:var(--gcf-ink);
  border-color:var(--gcf-line)}
.gcf-do[data-kind="ghost"]:hover{border-color:var(--gcf-ink);background:var(--gcf-paper);
  color:var(--gcf-ink)}
.gcf-do[data-kind="light"]{background:var(--gcf-oat);color:var(--gcf-wine-dk)}
.gcf-do[data-kind="light"]:hover{background:#fff;color:var(--gcf-wine-xd);
  transform:translateY(-1px)}
[data-tone="wine"] .gcf-do[data-kind="ghost"],[data-tone="ink"] .gcf-do[data-kind="ghost"]{
  color:#fff;border-color:rgba(255,255,255,.4)}
[data-tone="wine"] .gcf-do[data-kind="ghost"]:hover,
[data-tone="ink"] .gcf-do[data-kind="ghost"]:hover{background:rgba(255,255,255,.1);
  color:#fff;border-color:#fff}
.gcf-do[data-size="s"]{padding:11px 18px;font-size:.92rem}
.gcf-do[data-block]{width:100%}
.gcf-micro{font-size:.9rem;color:var(--gcf-soft);margin:12px 0 0}

/* ------------------------------------------------------------------ header */
.gcf-strip{background:var(--gcf-ink);color:#CEC3C0;font-size:.85rem;
  padding-block:9px}
.gcf-strip > div{grid-column:main;display:grid;gap:2px 26px;justify-content:center;
  grid-auto-flow:column;text-align:center}
.gcf-strip b{color:#fff;font-weight:600}
@media(max-width:840px){
  .gcf-strip > div{grid-auto-flow:row;grid-template-columns:1fr}
  .gcf-strip span:nth-child(3){display:none}
}

.gcf-top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--gcf-oat) 92%,transparent);
  backdrop-filter:blur(10px) saturate(160%);border-bottom:1px solid var(--gcf-line)}
.gcf-top-a{grid-column:main;display:grid;grid-template-columns:auto 1fr auto;
  align-items:center;gap:16px;padding-block:14px}
.gcf-sig{display:grid;grid-auto-flow:column;align-items:center;gap:11px;
  text-decoration:none}
.gcf-sig img{height:27px;width:auto}
.gcf-sig span{display:grid;line-height:1.06}
.gcf-sig b{font-family:"Lexend",sans-serif;font-size:1.1rem;color:var(--gcf-ink);
  font-weight:700}
.gcf-sig i{font-style:normal;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gcf-soft)}
.gcf-top-b{grid-column:main;display:grid;grid-auto-flow:column;
  justify-content:start;gap:clamp(4px,1.4vw,20px);overflow-x:auto;
  border-top:1px solid var(--gcf-line);scrollbar-width:none}
.gcf-top-b::-webkit-scrollbar{display:none}
@media(max-width:1000px){
  .gcf-top-b{-webkit-mask-image:linear-gradient(to right,#000 86%,transparent);
    mask-image:linear-gradient(to right,#000 86%,transparent)}
}
.gcf-top-b a{white-space:nowrap;font-size:.95rem;font-weight:500;color:var(--gcf-body);
  text-decoration:none;padding:12px 2px;border-bottom:2px solid transparent}
.gcf-top-b a:hover{color:var(--gcf-wine)}
.gcf-top-b a[aria-current]{color:var(--gcf-wine);border-bottom-color:var(--gcf-wine)}

/* -------------------------------------------------------------------- hero */
/* asymmetric: copy on the left seven tracks, the pot on the right five,
   dropping out of the section into the band below */
.gcf-hero{background:var(--gcf-oat);padding-top:clamp(26px,3.6vw,52px);
  padding-bottom:0;overflow:visible}
.gcf-hero-copy{grid-column:main;align-self:center}
.gcf-hero-art{grid-column:main;justify-self:center;position:relative}
@media(min-width:960px){
  .gcf-hero-copy{grid-column:main-start / span 7}
  .gcf-hero-art{grid-column:span 5 / main-end;justify-self:end;
    margin-bottom:calc(-1 * clamp(40px,6vw,96px))}
}
.gcf-chip{display:inline-grid;grid-auto-flow:column;align-items:center;gap:9px;
  background:var(--gcf-wine-tint);color:var(--gcf-wine-dk);
  font-family:"Lexend",sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:8px 15px;border-radius:999px;margin-bottom:20px}
.gcf-chip svg{width:15px;height:15px}
.gcf-hero h1{margin-bottom:18px}
.gcf-hero h1 em{font-style:normal;color:var(--gcf-wine)}
.gcf-hero-copy > p{font-size:1.15rem;max-width:52ch}
.gcf-hero-do{display:grid;grid-auto-flow:column;justify-content:start;gap:14px;
  margin-top:26px}
@media(max-width:560px){.gcf-hero-do{grid-auto-flow:row;justify-items:stretch}}
.gcf-hero-art > img{width:min(360px,74vw);
  filter:drop-shadow(0 30px 34px rgba(35,29,28,.26))}
.gcf-hero-art img.gcf-medal{position:absolute;left:clamp(-34px,-2.4vw,-10px);
  bottom:2%;width:clamp(86px,11vw,118px);background:#fff;
  border-radius:50%;padding:5px;filter:none;
  box-shadow:0 10px 26px rgba(35,29,28,.2)}

/* the numbers band the pot overlaps into */
.gcf-numbers{background:var(--gcf-sand);border-top:1px solid var(--gcf-sand-dk)}
.gcf-numbers > dl{grid-column:main;margin:0;display:grid;gap:1px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));
  background:var(--gcf-sand-dk);border:1px solid var(--gcf-sand-dk)}
.gcf-numbers div{background:var(--gcf-sand);padding:20px 18px}
.gcf-numbers dt{font-family:"Lexend",sans-serif;font-weight:700;font-size:1.26rem;
  color:var(--gcf-wine-dk);line-height:1.1}
.gcf-numbers dd{margin:5px 0 0;font-size:.92rem;color:var(--gcf-soft)}

/* ------------------------------------------------------ why: the 1px mesh */
.gcf-mesh{grid-column:main;display:grid;gap:1px;background:var(--gcf-line);
  border:1px solid var(--gcf-line);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr))}
.gcf-mesh > article{background:var(--gcf-paper);padding:clamp(24px,3vw,34px);
  display:grid;align-content:start;gap:10px}
.gcf-mesh b{font-family:"Lexend",sans-serif;font-size:.8rem;font-weight:700;
  letter-spacing:.2em;color:var(--gcf-wine)}
.gcf-mesh h3{margin:0}
.gcf-mesh p{margin:0;font-size:1.01rem}

/* ------------------------------------------- what is: sticky two-column   */
.gcf-duo{grid-column:main;display:grid;gap:clamp(26px,3.4vw,48px)}
@media(min-width:960px){
  .gcf-duo{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
  .gcf-duo[data-flip]{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .gcf-duo[data-stick] > :first-child{position:sticky;top:150px}
}
.gcf-plate{border:1px solid var(--gcf-line);background:var(--gcf-paper);padding:9px;
  box-shadow:var(--gcf-shadow)}
.gcf-plate img{width:100%}
.gcf-plate figcaption{font-size:.86rem;color:var(--gcf-soft);padding:11px 5px 2px;
  margin:0}
[data-tone="wine"] .gcf-plate,[data-tone="ink"] .gcf-plate{background:rgba(0,0,0,.25);
  border-color:rgba(255,255,255,.18)}
[data-tone="wine"] .gcf-plate figcaption,[data-tone="ink"] .gcf-plate figcaption{
  color:#A79997}
/* a definition grid rather than a table */
.gcf-defs{display:grid;gap:0;margin:24px 0 0}
.gcf-defs > div{display:grid;gap:2px 20px;padding:14px 0;
  border-bottom:1px solid var(--gcf-line);
  grid-template-columns:minmax(0,1fr)}
@media(min-width:520px){.gcf-defs > div{grid-template-columns:11rem minmax(0,1fr)}}
.gcf-defs dt{font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gcf-soft);font-weight:600}
.gcf-defs dd{margin:0;color:var(--gcf-ink);font-weight:600}

/* ------------------------------------------------- how: full-width ledger */
.gcf-ledger{grid-column:main;display:grid;gap:0}
.gcf-ledger > article{display:grid;gap:6px 26px;padding:clamp(22px,2.6vw,30px) 0;
  border-top:1px solid var(--gcf-line);align-items:start;
  grid-template-columns:minmax(0,1fr)}
.gcf-ledger > article:last-child{border-bottom:1px solid var(--gcf-line)}
@media(min-width:880px){
  .gcf-ledger > article{grid-template-columns:5.5rem minmax(0,4fr) minmax(0,7fr)}
  .gcf-ledger h3{grid-row:1}
}
.gcf-ledger-n{font-family:"Lexend",sans-serif;font-weight:800;
  font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1;color:var(--gcf-sand-dk)}
.gcf-ledger h3{margin:0}
.gcf-ledger p{margin:0;font-size:1.02rem}
.gcf-ledger > article:hover .gcf-ledger-n{color:var(--gcf-wine)}

/* ------------------------------------------------------- voices: a rack   */
.gcf-rack{grid-column:main;display:grid;gap:var(--gcf-gut);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.gcf-voice{background:var(--gcf-paper);border:1px solid var(--gcf-line);
  padding:24px 24px 22px;display:grid;gap:14px;align-content:start;
  box-shadow:var(--gcf-shadow)}
.gcf-voice header{display:grid;gap:2px 12px;grid-template-columns:1fr auto;
  align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--gcf-line)}
.gcf-voice header b{font-family:"Lexend",sans-serif;font-size:1rem;color:var(--gcf-ink)}
.gcf-voice header span{font-size:.86rem;color:var(--gcf-soft);grid-column:1}
.gcf-voice header i{font-style:normal;font-family:"Lexend",sans-serif;font-size:.72rem;
  font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gcf-wine);
  grid-row:1 / span 2;align-self:center}
.gcf-voice p{margin:0;font-size:1.01rem}
.gcf-aside{grid-column:main;display:grid;gap:16px;margin-top:clamp(26px,3vw,40px);
  grid-template-columns:4px minmax(0,1fr);background:var(--gcf-paper);
  border:1px solid var(--gcf-line);padding:20px 24px}
.gcf-aside::before{content:"";background:var(--gcf-wine);grid-row:1}
.gcf-aside p{margin:0;font-size:1.01rem}

/* ------------------------------------------- pricing: a comparison matrix */
.gcf-matrix{grid-column:main;display:grid;gap:1px;background:var(--gcf-line);
  border:1px solid var(--gcf-line)}
@media(min-width:840px){
  .gcf-matrix{grid-template-columns:minmax(150px,1.1fr) repeat(3,minmax(0,1fr));
    grid-auto-rows:min-content}
}
.gcf-cell{background:var(--gcf-paper);padding:16px 18px;display:grid;
  align-content:center;gap:4px}
.gcf-cell[data-role="label"]{background:var(--gcf-sand);font-size:.84rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gcf-soft);font-weight:600}
.gcf-cell[data-role="head"]{background:var(--gcf-sand);padding-block:22px;
  justify-items:center;text-align:center}
.gcf-cell[data-lead]{background:var(--gcf-wine-tint)}
.gcf-cell[data-role="head"][data-lead]{background:var(--gcf-wine);color:#fff}
.gcf-cell[data-role="head"][data-lead] h3,
.gcf-cell[data-role="head"][data-lead] span{color:#fff}
.gcf-cell[data-role="head"] img{max-height:96px;width:auto;margin-bottom:8px}
.gcf-cell[data-role="head"] h3{margin:0;font-size:1.14rem}
.gcf-cell[data-role="head"] span{font-size:.8rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--gcf-soft)}
.gcf-cell[data-role="value"]{justify-items:center;text-align:center;
  font-weight:600;color:var(--gcf-ink)}
.gcf-cell[data-role="value"] em{font-style:normal;font-family:"Lexend",sans-serif;
  font-weight:800;font-size:2rem;line-height:1;color:var(--gcf-wine-dk);
  display:grid;grid-auto-flow:column;align-items:start;gap:1px}
.gcf-cell[data-role="value"] em sup{font-size:.9rem;font-weight:700;top:.3em;
  position:relative}
.gcf-cell[data-role="buy"]{padding:18px}
.gcf-flag{position:absolute;inset:0 auto auto 50%;transform:translateX(-50%);
  background:var(--gcf-wine);color:#fff;
  font-family:"Lexend",sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;padding:4px 12px;white-space:nowrap}
.gcf-cell[data-role="head"][data-lead] .gcf-flag{background:var(--gcf-wine-xd)}
.gcf-cell[data-role="head"]:has(.gcf-flag){padding-top:34px}
.gcf-cell[data-role="head"]{position:relative}
/* on narrow screens each package becomes its own stacked block */
@media(max-width:839px){
  .gcf-matrix{grid-template-columns:minmax(0,1fr)}
  /* regroup the matrix by pack rather than by row: every fourth cell belongs to
     the same package, so ordering them together rebuilds three stacked cards */
  .gcf-matrix > *:nth-child(4n+1){display:none}
  .gcf-matrix > *:nth-child(4n+2){order:1}
  .gcf-matrix > *:nth-child(4n+3){order:2}
  .gcf-matrix > *:nth-child(4n+4){order:3}
  .gcf-cell[data-role="label"]{display:none}
  .gcf-cell[data-role="value"]{grid-template-columns:auto 1fr;justify-items:start;
    text-align:left;align-items:baseline;gap:14px}
  .gcf-cell[data-role="value"]::before{content:attr(data-for);font-size:.8rem;
    letter-spacing:.1em;text-transform:uppercase;color:var(--gcf-soft);font-weight:600}
  .gcf-cell[data-role="value"] em{justify-content:start}
  .gcf-flag{inset:0 auto auto 50%}
}
.gcf-paybar{grid-column:main;display:grid;gap:14px 24px;align-items:center;
  margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),auto))}
.gcf-paybar img{height:25px;width:auto}
.gcf-paybar p{margin:0;font-size:.9rem;color:var(--gcf-soft);
  grid-column:auto / span 2;min-width:min(100%,320px)}

/* ------------------------------------------------------ science: stat rack */
.gcf-stats{display:grid;gap:1px;margin-top:26px;background:rgba(255,255,255,.2);
  border:1px solid rgba(255,255,255,.2);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}
.gcf-stats > div{background:var(--gcf-wine-dk);padding:18px 16px}
[data-tone="ink"] .gcf-stats > div{background:var(--gcf-ink)}
.gcf-stats b{display:block;font-family:"Lexend",sans-serif;font-size:1.6rem;color:#fff;
  line-height:1.05}
.gcf-stats span{display:block;margin-top:5px;font-size:.9rem;color:#C0B2AF}

/* ------------------------------------------------------- benefits: bento  */
.gcf-bento{grid-column:main;display:grid;gap:var(--gcf-gut);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
@media(min-width:1000px){
  .gcf-bento{grid-template-columns:repeat(6,minmax(0,1fr));
    grid-auto-rows:minmax(150px,auto)}
  .gcf-bento > article:nth-child(1){grid-column:span 3;grid-row:span 2}
  .gcf-bento > article:nth-child(2){grid-column:span 3}
  .gcf-bento > article:nth-child(3){grid-column:span 3}
  .gcf-bento > article:nth-child(4){grid-column:span 2}
  .gcf-bento > article:nth-child(5){grid-column:span 2}
  .gcf-bento > article:nth-child(6){grid-column:span 2}
}
.gcf-bento > article{background:var(--gcf-paper);border:1px solid var(--gcf-line);
  padding:clamp(22px,2.4vw,30px);display:grid;align-content:start;gap:11px;
  box-shadow:var(--gcf-shadow)}
.gcf-bento > article:nth-child(1){background:var(--gcf-wine-tint);
  border-color:var(--gcf-wine-lt)}
.gcf-ic{width:44px;height:44px;display:grid;place-items:center;
  background:var(--gcf-sand);border:1px solid var(--gcf-line)}
.gcf-bento > article:nth-child(1) .gcf-ic{background:var(--gcf-paper)}
.gcf-ic img{width:23px;height:23px}
.gcf-bento h3{margin:0}
.gcf-bento p{margin:0;font-size:1.01rem}

/* --------------------------------------------------- panel: square tiles  */
.gcf-tiles{grid-column:main;display:grid;gap:1px;background:var(--gcf-line);
  border:1px solid var(--gcf-line);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.gcf-tile{background:var(--gcf-paper);padding:20px 18px 22px;display:grid;
  align-content:start;gap:7px;text-decoration:none}
.gcf-tile:hover{background:var(--gcf-wine-tint)}
.gcf-tile b{font-family:"Lexend",sans-serif;font-weight:800;font-size:1.5rem;
  line-height:1;color:var(--gcf-sand-dk)}
.gcf-tile:hover b{color:var(--gcf-wine-lt)}
.gcf-tile img{width:44px;height:44px;object-fit:cover;border-radius:50%}
.gcf-tile h3{margin:0;font-size:1.03rem;color:var(--gcf-ink)}
.gcf-tile span{font-size:.94rem;color:var(--gcf-body)}
.gcf-panelbar{grid-column:main;display:grid;gap:6px 20px;align-items:baseline;
  grid-template-columns:minmax(0,1fr) auto;background:var(--gcf-ink);color:#fff;
  padding:15px 20px}
.gcf-panelbar b{font-family:"Lexend",sans-serif;font-size:1.04rem;color:#fff}
.gcf-panelbar span{font-size:.9rem;color:#B6AAA7}
.gcf-panelfoot{grid-column:main;display:grid;gap:14px 22px;align-items:center;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),auto));
  background:var(--gcf-sand);border:1px solid var(--gcf-line);border-top:0;
  padding:17px 20px}
.gcf-panelfoot p{margin:0;font-size:.93rem;color:var(--gcf-soft)}

/* --------------------------------------------------------------- guarantee */
.gcf-vow{grid-column:main;display:grid;gap:clamp(22px,3vw,44px);justify-items:center;
  text-align:center;background:var(--gcf-paper);border:1px solid var(--gcf-line);
  padding:clamp(30px,4vw,56px);box-shadow:var(--gcf-shadow)}
.gcf-vow img{width:clamp(112px,15vw,160px)}
.gcf-vow h2{margin:0}
.gcf-vow p{max-width:62ch;margin:0}
.gcf-vow-do{display:grid;grid-auto-flow:column;gap:14px;justify-content:center}
@media(max-width:520px){.gcf-vow-do{grid-auto-flow:row;justify-items:stretch;width:100%}}
.gcf-marks{grid-column:main;display:grid;gap:16px 26px;justify-items:center;
  align-items:center;margin:clamp(28px,3.4vw,44px) 0 0;
  grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}
.gcf-marks img{height:54px;width:auto}
.gcf-marks figcaption{grid-column:1/-1;text-align:center;font-size:.86rem;
  color:var(--gcf-soft)}

/* --------------------------------------------------------------------- faq */
/* two columns of answers on wide screens, which no other layout here does */
.gcf-asks{grid-column:main;display:grid;gap:12px;align-content:start}
@media(min-width:980px){.gcf-asks{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gcf-ask{background:var(--gcf-paper);border:1px solid var(--gcf-line);
  align-self:start}
.gcf-ask summary{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:14px;
  align-items:center;cursor:pointer;list-style:none;padding:16px 18px;
  font-family:"Lexend",sans-serif;font-weight:600;font-size:1.02rem;color:var(--gcf-ink)}
.gcf-ask summary::-webkit-details-marker{display:none}
.gcf-ask summary::after{content:"";width:11px;height:11px;justify-self:end;
  border-right:2px solid var(--gcf-wine);border-bottom:2px solid var(--gcf-wine);
  rotate:45deg;translate:0 -3px;transition:rotate .2s}
.gcf-ask[open] summary::after{rotate:-135deg;translate:0 2px}
.gcf-ask[open]{border-color:var(--gcf-wine)}
.gcf-ask[open] summary{background:var(--gcf-wine-tint)}
.gcf-ask div{padding:4px 18px 18px}
.gcf-ask div p{margin:0 0 .7rem;font-size:1rem}
.gcf-ask div p:last-child{margin-bottom:0}

/* ---------------------------------------------------------------- closing */
.gcf-close{background:var(--gcf-sand);position:relative;overflow:hidden}
.gcf-close-art{grid-column:main;justify-self:center}
.gcf-close-card{grid-column:main;background:var(--gcf-paper);
  border:1px solid var(--gcf-line);padding:clamp(26px,3.2vw,44px);
  box-shadow:0 30px 60px -34px rgba(35,29,28,.5)}
@media(min-width:960px){
  .gcf-close > div.gcf-close-art{grid-column:main-start / span 6;justify-self:start;
    align-self:center}
  .gcf-close > div.gcf-close-card{
    margin-left:calc(-1 * clamp(20px,4vw,70px));align-self:center;position:relative}
}
.gcf-close-art img{width:min(620px,100%)}
.gcf-ticks{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:8px}
.gcf-ticks li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;
  font-size:1.01rem;margin:0}
.gcf-ticks li::before{content:"";width:11px;height:6px;margin-top:11px;
  border-left:2.4px solid var(--gcf-wine);border-bottom:2.4px solid var(--gcf-wine);
  rotate:-45deg}
.gcf-close-do{display:grid;grid-auto-flow:column;justify-content:start;gap:14px}
@media(max-width:560px){.gcf-close-do{grid-auto-flow:row}}
.gcf-close-pay{display:grid;grid-auto-flow:column;justify-content:start;
  align-items:center;gap:16px;margin-top:20px}
.gcf-close-pay img{height:22px;width:auto}
.gcf-close-pay span{font-size:.86rem;color:var(--gcf-soft)}
@media(max-width:560px){.gcf-close-pay{grid-auto-flow:row;justify-items:start;gap:8px}}

/* ----------------------------------------------------------------- footer */
.gcf-foot{background:var(--gcf-ink);color:#B2A6A3;font-size:.97rem;
  padding-block:clamp(44px,5vw,68px) 24px}
.gcf-foot a{color:#DED2D0;text-decoration:none}
.gcf-foot a:hover{color:#fff;text-decoration:underline}
.gcf-foot h4{color:#fff;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;
  margin:0 0 14px}
.gcf-foot-top{grid-column:main;display:grid;gap:30px;padding-bottom:30px;
  border-bottom:1px solid rgba(255,255,255,.13)}
@media(min-width:900px){.gcf-foot-top{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}
.gcf-foot-top img{height:27px;width:auto;margin-bottom:14px}
.gcf-mail{font-family:"Lexend",sans-serif;font-weight:600;font-size:1.04rem;
  color:#F2A9A3 !important}
.gcf-foot-cols{grid-column:main;display:grid;gap:26px 22px;padding-block:30px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr))}
.gcf-foot-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.gcf-foot-cols li{margin:0}
.gcf-fine{grid-column:main;border-top:1px solid rgba(255,255,255,.13);
  padding-top:22px;font-size:.85rem;color:#988C89;display:grid;gap:10px}
.gcf-fine p{margin:0}
.gcf-fine b{color:#CFC2BF;font-weight:600}
.gcf-foot-end{grid-column:main;display:grid;gap:10px 20px;align-items:center;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),auto));
  border-top:1px solid rgba(255,255,255,.13);margin-top:18px;padding-top:18px;
  font-size:.86rem}
.gcf-foot-end nav{display:grid;grid-auto-flow:column;gap:18px;justify-content:start;
  overflow-x:auto;scrollbar-width:none}
.gcf-foot-end nav::-webkit-scrollbar{display:none}

/* ------------------------------------------------------------ inner pages */
.gcf-trail{grid-column:main;font-size:.87rem;color:var(--gcf-soft);
  padding-top:14px}
.gcf-trail a{color:var(--gcf-body)}
.gcf-trail i{font-style:normal;padding:0 8px;color:var(--gcf-line)}
.gcf-masthead{background:var(--gcf-sand);border-bottom:1px solid var(--gcf-sand-dk);
  padding-block:clamp(26px,3.4vw,46px)}
.gcf-masthead h1{max-width:22ch;margin:0}
.gcf-masthead p{font-size:1.1rem;max-width:64ch;margin:14px 0 0}
.gcf-prose{grid-column:main}
@media(min-width:1100px){.gcf-prose{grid-column:main-start / span 9}}
.gcf-prose h2{margin:clamp(32px,3.8vw,48px) 0 14px}
.gcf-prose h3{margin:26px 0 10px}
.gcf-prose figure{margin:26px 0}
.gcf-flagbox{background:var(--gcf-wine-tint);padding:19px 24px;margin:26px 0;
  border-left:4px solid var(--gcf-wine)}
.gcf-flagbox p:last-child{margin-bottom:0}
.gcf-scroll{overflow-x:auto;margin:24px 0}
.gcf-grid-table{width:100%;min-width:520px;background:var(--gcf-paper);font-size:1rem}
.gcf-grid-table th,.gcf-grid-table td{padding:12px 16px;text-align:left;
  vertical-align:top;border-bottom:1px solid var(--gcf-line)}
.gcf-grid-table thead th{background:var(--gcf-ink);color:#fff;font-size:.83rem;
  letter-spacing:.11em;text-transform:uppercase;font-weight:600}
.gcf-grid-table tbody th{width:38%;color:var(--gcf-soft);font-weight:600;
  font-size:.95rem}
.gcf-onward{grid-column:main;display:grid;gap:var(--gcf-gut);
  margin-top:clamp(30px,3.6vw,46px);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.gcf-onward a{background:var(--gcf-paper);border:1px solid var(--gcf-line);
  padding:19px 22px 21px;text-decoration:none;display:grid;gap:5px;
  align-content:start;box-shadow:var(--gcf-shadow)}
.gcf-onward a:hover{border-color:var(--gcf-wine)}
.gcf-onward b{font-family:"Lexend",sans-serif;font-size:1.03rem;color:var(--gcf-ink)}
.gcf-onward span{font-size:.95rem;color:var(--gcf-body)}
.gcf-onward a:hover b{color:var(--gcf-wine)}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}