/* Generated by wp-build/sync.sh from gi-fonts.css, gi-design.css and gi-elements.css. Do not edit. */
/* Self-hosted design fonts, Latin subset. Generated by wp-build/build_fonts.py. */
/* Fraunces italic, latin */
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 300 600;
  font-display: swap;
  src: url(../fonts/fraunces-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Fraunces normal, latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url(../fonts/fraunces-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Instrument Sans italic, latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/instrument-sans-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Instrument Sans normal, latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/instrument-sans-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Instrument Sans normal, latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/instrument-sans-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Instrument Sans normal, latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/instrument-sans-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Instrument Sans normal, latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/instrument-sans-normal-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Stand-ins for Fraunces while it downloads, scaled so their words take the same width. Without
   them the home banner heading wrapped onto one more line in Georgia and the whole banner jumped
   when Fraunces arrived (layout shift 0.21 on a phone's first visit). Ratios measured in Chrome
   against Fraunces at opsz 144: Georgia on Mac, Windows and iPhone, Times New Roman where Georgia
   is missing, Noto Serif on Android. */
@font-face{font-family:"Fraunces Fallback";src:local("Georgia");font-weight:100 349;size-adjust:81.4%}
@font-face{font-family:"Fraunces Fallback";src:local("Georgia");font-weight:350 1000;size-adjust:85.3%}
@font-face{font-family:"Fraunces Fallback";src:local("Georgia Italic"),local("Georgia-Italic");font-style:italic;font-weight:100 1000;size-adjust:73.6%}
@font-face{font-family:"Fraunces Fallback T";src:local("Times New Roman"),local("TimesNewRomanPSMT");font-weight:100 349;size-adjust:89.4%}
@font-face{font-family:"Fraunces Fallback T";src:local("Times New Roman"),local("TimesNewRomanPSMT");font-weight:350 1000;size-adjust:93.7%}
@font-face{font-family:"Fraunces Fallback N";src:local("Noto Serif"),local("NotoSerif-Regular");font-weight:100 349;size-adjust:75.8%}
@font-face{font-family:"Fraunces Fallback N";src:local("Noto Serif"),local("NotoSerif-Regular");font-weight:350 1000;size-adjust:79.4%}
/* Green International design stylesheet, scoped for WordPress.
   GENERATED by wp-build/build_css.py from assets/css/main.css.
   Do not edit by hand: change the design source and re-run the script,
   otherwise the WordPress build drifts away from the approved comp. */
:root{--forest:#0b4a1e;
  --forest-deep:#062f15;
  --forest-ink:#04200e;
  --forest-soft:#176030;
  --leaf:#3b8a4c;
  --leaf-pale:#dfeadf;

  --gold:#f2b300;
  --gold-deep:#8a6300;
  --gold-soft:#f6d16a;
  --gold-pale:#fbefc9;

  --ivory:#f7f4ec;
  --cream:#f0ebde;
  --sand:#e4dcc6;
  --paper:#fcfbf7;
  --white:#ffffff;

  --ink:#131d16;
  --ink-2:#39453e;
  --ink-3:#5f6963;
  --silver:#b7bcb8;
  --line:rgba(19,29,22,.12);
  --line-strong:rgba(19,29,22,.22);
  --line-light:rgba(255,255,255,.16);

  --font-display:"Fraunces","Fraunces Fallback","Fraunces Fallback T","Fraunces Fallback N",Georgia,"Times New Roman",serif;
  --font-body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;

  --container:1280px;
  --gutter:clamp(20px,4.5vw,64px);
  --radius:14px;
  --radius-lg:24px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --header-h:84px;
  --topbar-h:38px;
  --shadow-lg:0 30px 60px -30px rgba(6,47,21,.35);}
.gi-scope, .gi-scope *, .gi-scope *::before, .gi-scope *::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.gi-scope{margin:0;
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.65;
  color:var(--ink);
  background:var(--ivory);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;}
body.gi-nav-open{overflow:hidden}
.gi-scope img{max-width:100%;display:block}
.gi-scope a{color:inherit;text-decoration:none}
.gi-scope button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.gi-scope ul{margin:0;padding:0;list-style:none}
.gi-scope h1, .gi-scope h2, .gi-scope h3, .gi-scope h4{margin:0;font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:-.015em;font-variation-settings:"opsz" 144,"SOFT" 40}
.gi-scope p{margin:0}
.gi-scope ::selection{background:var(--gold-soft);color:var(--forest-ink)}
.gi-scope :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.gi-scope .skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--forest-ink);color:var(--ivory);padding:12px 18px;border-radius:0 0 12px 12px;font-weight:600}
.gi-scope .skip:focus{top:0}
.gi-scope .container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.gi-scope .container--narrow{max-width:900px}
.gi-scope .container--wide{max-width:1440px}
.gi-scope .section{padding:clamp(72px,9vw,132px) 0}
.gi-scope .section--tight{padding:clamp(56px,6vw,88px) 0}
.gi-scope .section--cream{background:var(--cream)}
.gi-scope .section--paper{background:var(--paper)}
.gi-scope .section--forest{background:var(--forest-deep);color:var(--ivory)}
.gi-scope .section--forest .eyebrow{color:var(--gold)}
.gi-scope .section--forest .lead, .gi-scope .section--forest .muted{color:rgba(247,244,236,.72)}
.gi-scope .section--white{background:var(--white)}
.gi-scope section.section{background-image:linear-gradient(var(--gi-veil,rgba(9,32,20,.66)),var(--gi-veil,rgba(9,32,20,.66))),var(--gi-photo);background-size:cover;background-position:var(--gi-photo-pos,center);background-repeat:no-repeat;background-attachment:var(--gi-photo-attach,scroll)}
.gi-scope section.section--cream, .gi-scope section.section--paper, .gi-scope section.section--white{background-image:linear-gradient(var(--gi-veil,rgba(247,244,236,.88)),var(--gi-veil,rgba(247,244,236,.88))),var(--gi-photo)}
/* Band photos wait until the band comes near the screen (gi-lazy-bg is set in the head, gi-photo-on by gi-site.js). Until then only the veil shows over the band colour. */
html.gi-lazy-bg .gi-scope section.section:not(.gi-photo-on){background-image:linear-gradient(var(--gi-veil,rgba(9,32,20,.66)),var(--gi-veil,rgba(9,32,20,.66)))}
html.gi-lazy-bg .gi-scope section.section--cream:not(.gi-photo-on), html.gi-lazy-bg .gi-scope section.section--paper:not(.gi-photo-on), html.gi-lazy-bg .gi-scope section.section--white:not(.gi-photo-on){background-image:linear-gradient(var(--gi-veil,rgba(247,244,236,.88)),var(--gi-veil,rgba(247,244,236,.88)))}
@media (max-width:1024px){.gi-scope section.section{background-attachment:scroll}}
.gi-scope .display-1{font-size:clamp(44px,6.4vw,92px);line-height:.98;font-weight:300}
.gi-scope .display-2{font-size:clamp(36px,4.6vw,64px);line-height:1.02;font-weight:300}
.gi-scope .h2{font-size:clamp(30px,3.6vw,50px);line-height:1.06;font-weight:400}
.gi-scope .h3{font-size:clamp(24px,2.4vw,32px);line-height:1.15}
.gi-scope .h4{font-size:clamp(20px,1.6vw,24px);line-height:1.2}
.gi-scope .h5{font-family:var(--font-body);font-weight:600;font-size:17px;letter-spacing:-.005em}
.gi-scope .lead{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--ink-2);max-width:62ch}
.gi-scope .muted{color:var(--ink-3)}
.gi-scope .small{font-size:14px}
.gi-scope em.accent{font-style:italic;color:var(--gold-deep);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.gi-scope .section--forest em.accent, .gi-scope .hero em.accent, .gi-scope .page-hero em.accent, .gi-scope .cta em.accent{color:var(--gold)}
.gi-scope .eyebrow{display:inline-flex;align-items:center;gap:14px;
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-deep);margin-bottom:22px;}
.gi-scope .eyebrow::before{content:"";width:30px;height:1px;background:currentColor;opacity:.8}
.gi-scope .eyebrow--plain::before{display:none}
.gi-scope .section-head{max-width:760px;margin-bottom:clamp(40px,5vw,72px)}
.gi-scope .section-head--center{margin-left:auto;margin-right:auto;text-align:center}
.gi-scope .section-head--center .eyebrow{justify-content:center}
.gi-scope .section-head--center .lead{margin-left:auto;margin-right:auto}
.gi-scope .section-head .lead{margin-top:22px}
.gi-scope .section-head--split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;max-width:none}
.gi-scope .section-head--split .lead{margin-top:0}
.gi-scope .rich p+p{margin-top:1.1em}
.gi-scope .rich p{color:var(--ink-2)}
.gi-scope .rich h3{margin:2.2em 0 .7em}
.gi-scope .rich h3:first-child{margin-top:0}
.gi-scope .rich ul{margin:1em 0;display:grid;gap:10px}
.gi-scope .rich li{position:relative;padding-left:26px;color:var(--ink-2)}
.gi-scope .rich li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:14px;background:var(--gold);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:rotate(-20deg)}
.gi-scope .rich strong{color:var(--ink);font-weight:600}
.gi-scope .rich a{color:var(--forest);text-decoration:underline;text-decoration-color:rgba(11,74,30,.3);text-underline-offset:3px}
.gi-scope .section--forest .rich p, .gi-scope .section--forest .rich li, .gi-scope .card--forest .rich p, .gi-scope .card--forest .rich li{color:rgba(247,244,236,.8)}
.gi-scope .section--forest .rich strong, .gi-scope .card--forest .rich strong, .gi-scope .section--forest .rich h3, .gi-scope .card--forest .rich h3{color:var(--ivory)}
.gi-scope .section--forest .rich a, .gi-scope .card--forest .rich a{color:var(--gold);text-decoration-color:rgba(242,179,0,.45)}
.gi-scope .card--forest h3, .gi-scope .card--forest h4{color:var(--ivory)}
.gi-scope .section--forest .card:not(.card--forest):not(.card--quiet) h3, .gi-scope .section--forest .card:not(.card--forest):not(.card--quiet) h4{color:var(--ink)}
.gi-scope .section--forest .card:not(.card--forest):not(.card--quiet) p{color:var(--ink-2)}
.gi-scope .section--forest .product-card h3, .gi-scope .section--forest .product-card h4{color:var(--ink)}
.gi-scope .section--forest .product-card p{color:var(--ink-2)}
.gi-scope .section--forest .product-card__foot{color:var(--ink-3)}
.gi-scope .card:has(.card__num) h3, .gi-scope .card:has(.card__num) h4{padding-right:34px}
.gi-scope .section--forest .table-note{color:rgba(247,244,236,.65)}
.gi-scope .btn{display:inline-flex;align-items:center;gap:12px;
  padding:16px 26px;border-radius:999px;
  font-weight:600;font-size:15px;letter-spacing:.005em;line-height:1;
  transition:transform .35s var(--ease),background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
  border:1px solid transparent;white-space:nowrap;}
.gi-scope .btn svg{width:18px;height:18px;transition:transform .35s var(--ease)}
.gi-scope .btn:hover svg{transform:translateX(4px)}
.gi-scope .btn--gold{background:var(--gold);color:var(--forest-ink);box-shadow:0 12px 30px -12px rgba(242,179,0,.6)}
.gi-scope .btn--gold:hover{background:var(--gold-soft);transform:translateY(-2px)}
.gi-scope .btn--forest{background:var(--forest);color:var(--ivory)}
.gi-scope .btn--forest:hover{background:var(--forest-soft);transform:translateY(-2px)}
.gi-scope .btn--ghost-light{border-color:rgba(255,255,255,.35);color:var(--ivory)}
.gi-scope .btn--ghost-light:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.gi-scope .btn--ghost{border-color:var(--line-strong);color:var(--ink)}
.gi-scope .btn--ghost:hover{border-color:var(--forest);color:var(--forest);transform:translateY(-2px)}
.gi-scope .btn-row{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:center}
.gi-scope .btn-row--center{justify-content:center}
.gi-scope .btn--sm{padding:12px 20px;font-size:14px}
.gi-scope .link-arrow{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--forest)}
.gi-scope .link-arrow svg{width:18px;height:18px;transition:transform .35s var(--ease)}
.gi-scope .link-arrow:hover svg{transform:translateX(5px)}
.gi-scope .section--forest .link-arrow{color:var(--gold)}
.gi-scope .topbar{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--topbar-h);
  background:var(--forest-ink);color:rgba(247,244,236,.78);
  font-size:12.5px;letter-spacing:.02em;
  transition:transform .5s var(--ease),opacity .5s var(--ease);}
.gi-scope .topbar .container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}
.gi-scope body.admin-bar .topbar{top:32px}
.gi-scope body.admin-bar .site-header{top:32px}
.gi-scope body.admin-bar .mobile-nav{top:32px}
@media screen and (max-width:782px){.gi-scope body.admin-bar .topbar{top:46px}
.gi-scope body.admin-bar .site-header{top:46px}
.gi-scope body.admin-bar .mobile-nav{top:46px}}
@media screen and (max-width:600px){.gi-scope body.admin-bar .topbar{top:0}
.gi-scope body.admin-bar .site-header{top:0}
.gi-scope body.admin-bar .mobile-nav{top:0}}
.gi-scope .topbar a:hover{color:var(--gold)}
.gi-scope .topbar__left, .gi-scope .topbar__right{display:flex;align-items:center;gap:22px;white-space:nowrap}
.gi-scope .topbar__left span, .gi-scope .topbar__right span{display:inline-flex;align-items:center;gap:8px}
.gi-scope .topbar__welcome{color:rgba(247,244,236,.6)}
.gi-scope .topbar__welcome b{color:inherit;font-weight:600}
.gi-scope .topbar svg{width:13px;height:13px;color:var(--gold)}
.gi-scope .topbar__right{color:rgba(247,244,236,.6)}
.gi-scope .topbar__right b{color:var(--gold);font-weight:600}
.gi-scope .topbar__end{display:flex;align-items:center;gap:22px}
.gi-scope .topbar__lang{display:flex;align-items:center;padding-left:22px;border-left:1px solid rgba(247,244,236,.14);min-height:18px}
.gi-scope .topbar__left{min-width:0}
@media (max-width:1360px){.gi-scope .topbar__left .topbar__mail{display:none}}
@media (max-width:1100px){.gi-scope .topbar__left .topbar__place{display:none}}
@media (max-width:720px){.gi-scope .topbar__left .topbar__welcome{display:none}
.gi-scope .topbar__lang{padding-left:16px}}
.gi-scope .mobile-nav__lang{margin-top:10px;padding-top:18px;border-top:1px solid var(--line);width:100%}
.is-scrolled .gi-scope .topbar{transform:translate3d(0,-100%,0);opacity:0}
.gi-scope .site-header{position:fixed;top:0;left:0;right:0;z-index:70;
  height:var(--header-h);
  color:var(--ivory);
  transform:translate3d(0,var(--topbar-h),0);
  transition:transform .45s var(--ease),background-color .35s ease,color .35s ease,box-shadow .35s ease;
  will-change:transform;}
.gi-scope .site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.12);transition:background .35s}
.is-scrolled .gi-scope .site-header{transform:translate3d(0,0,0);background:var(--ivory);color:var(--ink);box-shadow:0 10px 40px -20px rgba(6,47,21,.25)}
.is-scrolled .gi-scope .site-header::after{background:var(--line)}
.gi-scope .site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.gi-scope .brand{display:flex;align-items:center;gap:22px;flex:0 0 auto}
/* The client asked for the logo as large as it can reasonably go, so the
   slogan set into it can actually be read. 68 to 82 px tall. */
.gi-scope .brand img{height:82px;width:auto;max-width:420px;object-fit:contain;transform-origin:left center;transition:transform .45s var(--ease)}
.gi-scope .brand__logo--dark{display:none}
.is-scrolled .gi-scope .brand__logo--light{display:none}
.is-scrolled .gi-scope .brand__logo--dark{display:block}
.is-scrolled .gi-scope .brand img{transform:scale(.86)}
.gi-scope .brand__text{display:flex;flex-direction:column;line-height:1;gap:5px}
.gi-scope .brand__name{font-family:var(--font-display);font-size:21px;letter-spacing:.01em;font-weight:500}
.gi-scope .brand__tag{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.gi-scope .nav{display:flex;align-items:center;gap:4px;height:100%}
.gi-scope .nav__item{position:relative;height:100%;display:flex;align-items:center}
.gi-scope .nav__link{display:inline-flex;align-items:center;gap:7px;
  padding:10px 12px;border-radius:999px;font-weight:500;font-size:15px;letter-spacing:.005em;white-space:nowrap;
  transition:background .3s,color .3s;position:relative;}
.gi-scope .nav__link svg{width:12px;height:12px;opacity:.7;transition:transform .35s var(--ease)}
.gi-scope .nav__item:hover .nav__link, .gi-scope .nav__item:focus-within .nav__link{background:rgba(255,255,255,.1)}
.gi-scope .nav__link.is-active::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:1.5px;background:var(--gold)}
.is-scrolled .gi-scope .nav__item:hover .nav__link, .is-scrolled .gi-scope .nav__item:focus-within .nav__link{background:rgba(11,74,30,.08);color:var(--forest)}
.is-scrolled .gi-scope .nav__link.is-active{color:var(--forest)}
.gi-scope .nav__item:hover .nav__link svg, .gi-scope .nav__item:focus-within .nav__link svg{transform:rotate(180deg)}
.gi-scope .dropdown{position:absolute;top:calc(100% - 10px);left:50%;transform:translate(-50%,10px);
  min-width:260px;padding:14px;
  background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;
  box-shadow:0 40px 80px -30px rgba(6,47,21,.35),0 2px 6px rgba(6,47,21,.06);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s var(--ease),transform .45s var(--ease),visibility 0s linear .35s;}
.gi-scope .dropdown::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.gi-scope .nav__item:hover .dropdown, .gi-scope .nav__item:focus-within .dropdown, .gi-scope .nav__item.is-open .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}
.gi-scope .dropdown a{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border-radius:12px;transition:background .3s}
.gi-scope .dropdown a:hover{background:var(--cream)}
.gi-scope .dropdown a b{display:block;font-weight:600;font-size:14.5px;letter-spacing:-.005em}
.gi-scope .dropdown a b+span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px;line-height:1.35}
.gi-scope .dropdown__icon{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--leaf-pale);color:var(--forest);display:grid;place-items:center}
.gi-scope .dropdown__sub{margin:2px 0 2px 17px;padding-left:15px;border-left:1px solid var(--line)}
.gi-scope .dropdown__sub a{padding-top:9px;padding-bottom:9px}
.gi-scope .dropdown__sub .dropdown__icon{flex:0 0 26px;width:26px;height:26px;border-radius:8px}
.gi-scope .dropdown__sub .dropdown__icon svg{width:13px;height:13px}
.gi-scope .dropdown__sub b{font-size:14px}
.gi-scope .dropdown__icon svg{width:16px;height:16px}
.gi-scope .mega{min-width:1040px;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr 300px;left:50%}
.gi-scope .mega__col{padding:24px 18px 22px}
.gi-scope .mega--c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gi-scope .mega--c4 .mega__feature{display:none}
.gi-scope .mega__col+.mega__col{border-left:1px solid var(--line)}
.gi-scope .mega__title{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);font-weight:700;padding:0 12px 12px}
.gi-scope .mega a{padding:9px 12px}
.gi-scope .mega a b{font-size:14px}
.gi-scope .mega__feature{margin:10px;border-radius:14px;overflow:hidden;position:relative;align-self:stretch;min-height:320px;
  background:var(--forest-deep);color:var(--ivory);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;}
.gi-scope .dropdown a.mega__feature{padding:26px 24px;border-radius:14px;gap:0;align-items:stretch}
.gi-scope .dropdown a.mega__feature:hover{background:var(--forest-deep)}
.gi-scope .mega__feature img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gi-scope .mega__feature:hover img{transform:scale(1.05)}
.gi-scope .mega__feature::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,32,14,.05) 0%,rgba(4,32,14,.2) 30%,rgba(4,32,14,.78) 58%,rgba(4,32,14,.96) 100%)}
.gi-scope .mega__feature h3, .gi-scope .mega__feature h4{text-shadow:0 1px 18px rgba(4,32,14,.45)}
.gi-scope .mega__feature>*:not(img){position:relative;z-index:2}
.gi-scope .mega__feature .eyebrow{color:var(--gold);margin-bottom:8px;font-size:12px}
.gi-scope .mega__feature h4, .gi-scope .mega__feature h3{font-size:22px;line-height:1.15}
.gi-scope .mega__feature .link-arrow{color:var(--gold);margin-top:12px;font-size:14px}
.gi-scope .header-cta{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.gi-scope .header-cta .btn--gold{padding:14px 22px;font-size:14px}
.gi-scope .btn__short{display:none}
.gi-scope .nav-toggle{display:none;width:46px;height:46px;border-radius:50%;border:1px solid currentColor;place-items:center;position:relative}
.gi-scope .nav-toggle span{position:absolute;left:14px;right:14px;height:1.5px;background:currentColor;transition:transform .4s var(--ease),opacity .3s}
.gi-scope .nav-toggle span:nth-child(1){top:17px}
.gi-scope .nav-toggle span:nth-child(2){top:22.5px}
.gi-scope .nav-toggle span:nth-child(3){top:28px}
body.gi-nav-open .gi-scope .nav-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
body.gi-nav-open .gi-scope .nav-toggle span:nth-child(2){opacity:0}
body.gi-nav-open .gi-scope .nav-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.gi-scope .mobile-nav{position:fixed;inset:0;z-index:65;background:var(--forest-ink);color:var(--ivory);
  padding:calc(var(--header-h) + 24px) var(--gutter) 40px;
  overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .45s var(--ease),transform .5s var(--ease),visibility 0s linear .45s;}
body.gi-nav-open .gi-scope .mobile-nav{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.gi-scope .mobile-nav__list>li{border-bottom:1px solid var(--line-light)}
.gi-scope .mobile-nav__list>li>a, .gi-scope .mobile-nav__list>li>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 0;font-family:var(--font-display);font-size:28px;text-align:left;font-weight:300}
.gi-scope .mobile-nav__list>li>button svg{width:18px;height:18px;transition:transform .4s var(--ease);color:var(--gold)}
.gi-scope .mobile-nav__list>li.is-open>button svg{transform:rotate(180deg)}
.gi-scope .mobile-nav__sub a.is-sub{padding-left:30px;position:relative}
.gi-scope .mobile-nav__sub a.is-sub::before{content:'';position:absolute;left:14px;top:50%;width:8px;height:1px;background:var(--line)}
.gi-scope .mobile-nav__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.gi-scope .mobile-nav__sub>div{overflow:hidden;min-height:0}
.gi-scope li.is-open .mobile-nav__sub{grid-template-rows:1fr}
.gi-scope .mobile-nav__sub a{display:block;padding:11px 0 11px 18px;font-size:16px;color:rgba(247,244,236,.78);border-left:1px solid var(--line-light)}
.gi-scope .mobile-nav__sub a:hover{color:var(--gold)}
.gi-scope .mobile-nav__sub .group{padding:14px 0 6px 18px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}
.gi-scope li.is-open .mobile-nav__sub>div{padding-bottom:12px}
.gi-scope .mobile-nav__foot{margin-top:28px;display:grid;gap:14px;font-size:14px;color:rgba(247,244,236,.7)}
.gi-scope .mobile-nav__foot a{color:var(--ivory)}
.gi-scope .mobile-nav__foot .btn{justify-content:center}
.gi-scope .hero{position:relative;min-height:100svh;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;
  color:var(--ivory);overflow:hidden;background:var(--forest-ink);}
.gi-scope .hero__media{position:absolute;inset:0}
.gi-scope .hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transform:scale(1.08);animation:heroZoom 9s var(--ease) forwards}
@keyframes heroZoom{to{transform:scale(1)}}
.gi-scope .hero__media::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(4,32,14,.6) 0%,rgba(4,32,14,.3) 35%,rgba(4,32,14,.4) 65%,rgba(4,32,14,.92) 100%),
    linear-gradient(90deg,rgba(4,32,14,.62) 0%,rgba(4,32,14,0) 62%);}
.gi-scope .hero__grain{position:absolute;inset:0;opacity:.12;mix-blend-mode:overlay;background-image:url(../img/grain.webp);background-size:160px 160px;pointer-events:none}
.gi-scope .hero__content{position:relative;padding-top:calc(var(--header-h) + var(--topbar-h) + 24px);padding-bottom:56px}
.gi-scope .hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:48px;align-items:end}
.gi-scope .hero .eyebrow{color:var(--gold)}
.gi-scope .hero h1, .gi-scope .hero .hero__title{font-size:clamp(44px,6.6vw,104px);line-height:.96;font-weight:300;letter-spacing:-.02em;max-width:7.93em}
/* Display headings are capped in em, not ch: 7.93em is the 14ch of the design measured in Fraunces (one ch is .5665em
   at opsz 144). In ch the cap followed whichever font was showing, so a heading changed width while Fraunces loaded
   and the banner jumped. The same conversion is used for the page, variety, article and call to action headings. */
.gi-scope .hero .hero__title .w{display:inline-block;vertical-align:bottom;padding-bottom:.16em;margin-bottom:-.16em}
.gi-scope .hero .hero__title .w>span{display:inline-block;transform:translateY(.22em);animation:wordUp .9s var(--ease-out) forwards;animation-delay:calc(var(--i)*.04s)}
@keyframes wordUp{to{transform:none}}
.gi-scope .hero__lead{font-size:clamp(16px,1.25vw,19px);color:rgba(247,244,236,.82);max-width:46ch;line-height:1.6;margin-top:28px}
.gi-scope .hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.gi-scope .hero__aside{display:grid;gap:18px;justify-items:end;text-align:right}
.gi-scope .hero__note{max-width:300px;font-size:14px;line-height:1.6;color:rgba(247,244,236,.72);border-right:1px solid var(--gold);padding-right:18px}
.gi-scope .hero__note b{display:block;color:var(--ivory);font-weight:600;margin-bottom:6px}
.gi-scope .hero__scroll{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(247,244,236,.6)}
.gi-scope .hero__scroll i{width:44px;height:1px;background:currentColor;display:block;position:relative;overflow:hidden}
.gi-scope .hero__scroll i::after{content:"";position:absolute;inset:0;background:var(--gold);transform:translateX(-100%);animation:lineRun 2.4s var(--ease) infinite}
@keyframes lineRun{40%{transform:none}100%{transform:translateX(100%)}}
.gi-scope .hero__fade{animation:fadeUp 1.2s var(--ease-out) both;animation-delay:var(--d,.6s)}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.gi-scope .hero__stats{position:relative;border-top:1px solid rgba(255,255,255,.16);background:rgba(4,32,14,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.gi-scope .hero__stats .container{display:grid;grid-template-columns:repeat(4,1fr)}
.gi-scope .field.is-prefilled select{border-color:var(--gold)}
.gi-scope .field.is-prefilled label::after{content:"chosen from the page you came from";display:block;margin-top:2px;color:var(--gold-deep);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.gi-scope .hero--slider .hero__slides{display:grid}
.gi-scope .hero--slider .hero__slide{grid-area:1/1;position:relative;opacity:0;visibility:hidden;transition:opacity .55s var(--ease),visibility .55s var(--ease)}
.gi-scope .hero--slider .hero__slide.is-active{opacity:1;visibility:visible}
.gi-scope .hero--slider .hero__grain{z-index:2}
.gi-scope .hero--slider .hero__content{z-index:3}
.gi-scope .hero--slider .hero__media img{animation:none;transform:scale(1.06);transition:transform 0s linear .6s}
.gi-scope .hero--slider .hero__slide.is-active .hero__media img{transform:scale(1);transition:transform 3.6s linear 0s}
.gi-scope .hero--slider .hero__slide .hero__fade, .gi-scope .hero--slider .hero__slide .hero__title{animation:none;opacity:1;transform:none;transition:none}
.gi-scope .hero--slider .hero__slide .hero__title .w>span{animation:none;transform:none}
.gi-scope .hero--slider .hero__slides{position:relative}
.gi-scope .hero__dot{position:relative}
.gi-scope .hero__dot::after{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 10px);height:44px;transform:translate(-50%,-50%)}
.gi-scope .hero__slider-nav{position:absolute;left:0;right:0;bottom:26px;z-index:4;padding:0}
.gi-scope .hero__slider-inner{display:flex;align-items:center;gap:14px;justify-content:flex-end}
.gi-scope .hero__arrow{width:42px;height:42px;border-radius:50%;border:1px solid rgba(247,244,236,.28);background:rgba(4,32,14,.35);color:var(--ivory);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
.gi-scope .hero__arrow svg{width:18px;height:18px}
.gi-scope .hero__arrow:hover{border-color:var(--gold);color:var(--gold);background:rgba(4,32,14,.6)}
.gi-scope .hero__arrow:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gi-scope .hero__dots{display:flex;align-items:center;gap:9px}
.gi-scope .hero__dot{width:9px;height:9px;padding:0;border:1px solid rgba(247,244,236,.55);border-radius:50%;background:transparent;cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease),width .3s var(--ease)}
.gi-scope .hero__dot.is-current{width:26px;border-radius:5px;background:var(--gold);border-color:var(--gold)}
.gi-scope .hero__dot:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:640px){.gi-scope .hero__slider-inner{justify-content:center}
.gi-scope .hero__slider-nav{bottom:18px}}
@media (prefers-reduced-motion:reduce){.gi-scope .hero--slider .hero__slide, .gi-scope .hero--slider .hero__slide .hero__fade, .gi-scope .hero--slider .hero__slide .hero__title, .gi-scope .hero--slider .hero__media img{transition:none}}
.gi-scope .stat{padding:26px 26px 26px 0;display:flex;flex-direction:column;gap:6px;border-left:1px solid rgba(255,255,255,.14);padding-left:26px;min-width:0}
.gi-scope .stat b{white-space:nowrap}
.gi-scope .stat:first-child{border-left:0;padding-left:0}
.gi-scope .stat b{font-family:var(--font-display);font-size:clamp(30px,2.8vw,42px);font-weight:300;line-height:1;color:var(--ivory)}
@media (max-width:820px){.gi-scope .stat{container-type:inline-size}
.gi-scope .stat b{font-size:clamp(20px,13cqi,34px)}
.gi-scope .stat>span{font-size:11px;letter-spacing:.1em}}
.gi-scope .stat b sup{font-size:.42em;color:var(--gold);vertical-align:baseline;position:relative;top:-.75em;margin-left:4px;font-family:var(--font-body);font-weight:600;letter-spacing:.04em}
.gi-scope .stat>span{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,244,236,.72)}
.gi-scope .marquee{overflow:hidden;background:var(--forest-ink);color:rgba(247,244,236,.7);border-bottom:1px solid var(--line-light);padding:16px 0;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase}
.gi-scope .marquee__track{display:flex;gap:56px;width:max-content;animation:marquee 46s linear infinite}
.gi-scope .marquee:hover .marquee__track{animation-play-state:paused}
.gi-scope .marquee__track span{display:inline-flex;align-items:center;gap:56px;white-space:nowrap}
/* A gold dot between the names, the same space on each side. The space sits inside each item, not
   between them, so the doubled list is exactly twice one list and the loop has no jump. The .18em
   taken off the left is the letter spacing every name carries after its last letter. */
.gi-scope .marquee__track{gap:0}
.gi-scope .marquee__track>span{gap:28px;padding-left:calc(28px - .18em)}
.gi-scope .marquee__track>span::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--gold)}
@keyframes marquee{to{transform:translateX(-50%)}}
.gi-scope .page-hero{position:relative;min-height:clamp(480px,62vh,680px);display:flex;align-items:flex-end;
  color:var(--ivory);background:var(--forest-ink);overflow:hidden;}
.gi-scope .page-hero--short{min-height:clamp(380px,48vh,520px)}
.gi-scope .page-hero__media{position:absolute;inset:0}
.gi-scope .page-hero__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:heroZoom 8s var(--ease) forwards}
.gi-scope .page-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,32,14,.6) 0%,rgba(4,32,14,.25) 40%,rgba(4,32,14,.92) 100%)}
.gi-scope .page-hero--forest .page-hero__media::after{background:linear-gradient(180deg,rgba(4,32,14,.82) 0%,rgba(6,46,21,.7) 45%,rgba(4,32,14,.94) 100%)}
.gi-scope .page-hero--forest .page-hero__media img{filter:saturate(.85)}
.gi-scope .page-hero .container{position:relative;padding-top:calc(var(--header-h) + var(--topbar-h) + 40px);padding-bottom:clamp(44px,5vw,72px);width:100%}
.gi-scope .page-hero .eyebrow{color:var(--gold)}
.gi-scope .page-hero h1{max-width:10.2em}
.gi-scope .page-hero .lead{color:rgba(247,244,236,.8);margin-top:24px;max-width:58ch}
.gi-scope .page-hero__row{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}
.gi-scope .page-hero__row .lead{margin-top:0}
.gi-scope .crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(247,244,236,.6);margin-bottom:28px}
.gi-scope .crumbs a:hover{color:var(--gold)}
.gi-scope .crumbs i{width:4px;height:4px;border-radius:50%;background:var(--gold);display:inline-block}
.gi-scope .crumbs span{color:var(--ivory)}
.gi-scope .grid{display:grid;gap:clamp(20px,2.5vw,32px)}
.gi-scope .grid>*, .gi-scope .split>*, .gi-scope .certs>*, .gi-scope .regions>*, .gi-scope .steps>*, .gi-scope .facts>*{min-width:0}
.gi-scope .grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gi-scope .grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gi-scope .grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
/* Masonry: each card keeps the height of its own text, so no card is left
   two thirds empty beside a long neighbour. Columns, not grid rows, so the
   packing is exact with no script. */
.gi-scope .grid--masonry{display:block;column-gap:clamp(20px,2.5vw,32px)}
.gi-scope .grid--masonry.grid--2{column-count:2}
.gi-scope .grid--masonry.grid--3{column-count:3}
.gi-scope .grid--masonry.grid--4{column-count:4}
.gi-scope .grid--masonry>*{display:block;width:100%;margin:0 0 clamp(20px,2.5vw,32px);break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}
@media (max-width:1024px){.gi-scope .grid--masonry.grid--3, .gi-scope .grid--masonry.grid--4{column-count:2}}
@media (max-width:640px){.gi-scope .grid--masonry.grid--2, .gi-scope .grid--masonry.grid--3, .gi-scope .grid--masonry.grid--4{column-count:1}}
.gi-scope .faq-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:clamp(40px,6vw,96px);align-items:start}
.gi-scope .faq-layout--half{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,64px)}
/* The client, on this section: the distance from one heading to the next is
   too much, the matter on the left is not centred against it, and the band
   above it is too tall. The aside now sits centred rather than pinned to the
   top, the rows are closer, and a section that follows one of the same colour
   drops the doubled padding at the seam. */
.gi-scope .faq-layout--half .faq-layout__aside{position:static;align-self:center}
.gi-scope .faq-layout--half .accordion__btn{padding:18px 0}
.gi-scope .faq-layout--half .accordion__panel p{padding-bottom:20px}
.gi-scope .section:has(.faq-layout--half){padding-top:clamp(40px,4.5vw,64px)}
.gi-scope .section:has(.faq-layout--half) .section__head{margin-bottom:clamp(20px,2.4vw,34px)}
.gi-scope .product-card__specs--green .chip{background:var(--forest);border-color:transparent;color:var(--ivory)}
.gi-scope .faq-layout__aside{position:sticky;top:120px}
.gi-scope .quote-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:clamp(40px,6vw,80px);align-items:start}
.gi-scope .quote-layout__aside{position:sticky;top:120px;display:grid;gap:24px}
.gi-scope .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.gi-scope .split--reverse>.split__media{order:2}
.gi-scope .split--reverse>.split__table{order:2}
.gi-scope .split--media-wide{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,4.5vw,72px)}
/* Waleed, on the food safety panel: the space between the picture and the
   writing is too wide. Half the standard gap, which still keeps them apart
   on a phone where the two columns stack. */
.gi-scope .split--gap-tight{gap:clamp(24px,3vw,46px)}
.gi-scope .split--media-wide.split--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}
.gi-scope .split--media-wide .split__media--natural{max-width:none}
.gi-scope .split__media{position:relative}
.gi-scope .split__media img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}
.gi-scope .split__media--tall img{aspect-ratio:4/5}
.gi-scope .split__media--wide img{aspect-ratio:5/4}
.gi-scope .split__media--square img{aspect-ratio:1}
.gi-scope .split__media--natural{align-self:center}
.gi-scope .split__media--natural img{aspect-ratio:var(--media-ratio,auto);height:auto}
.gi-scope .split__media--natural img[src*="cooked"], .gi-scope .split__media--natural img[src*="rice-plate"]{box-shadow:0 34px 70px -42px rgba(4,32,14,.45)}
.gi-scope .split__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:34px}
.gi-scope .split__links{display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.gi-scope .media-caption{position:absolute;left:24px;bottom:24px;right:24px;
  background:rgba(252,251,247,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-radius:14px;padding:18px 20px;display:flex;gap:16px;align-items:center;
  box-shadow:0 20px 40px -24px rgba(6,47,21,.4);}
.gi-scope .media-caption b{font-family:var(--font-display);font-size:34px;font-weight:300;line-height:1;color:var(--forest)}
.gi-scope .media-caption span{font-size:13.5px;color:var(--ink-2);line-height:1.4}
.gi-scope .media-offset{position:absolute;right:-8%;bottom:-10%;width:46%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:8px solid var(--ivory)}
.gi-scope .media-offset img{border-radius:0;aspect-ratio:1}
.gi-scope .section--cream .media-offset, .gi-scope .section--white .media-offset, .gi-scope .section--paper .media-offset{border-color:inherit}
.gi-scope .frame{border-radius:var(--radius-lg);overflow:hidden;position:relative}
.gi-scope .frame img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.gi-scope .frame:hover img{transform:scale(1.04)}
.gi-scope .numbered{display:grid;gap:0}
.gi-scope .numbered__item{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}
.gi-scope .numbered__item:last-child{border-bottom:1px solid var(--line)}
.gi-scope .numbered__item i{font-family:var(--font-display);font-style:normal;font-size:30px;font-weight:300;color:var(--gold-deep);line-height:1}
.gi-scope .numbered__item h4, .gi-scope .numbered__item h3{margin-bottom:8px}
.gi-scope .numbered__item p{color:var(--ink-2)}
.gi-scope .section--forest .numbered__item{border-color:var(--line-light)}
.gi-scope .section--forest .numbered__item p{color:rgba(247,244,236,.72)}
.gi-scope .section--forest .numbered__item i{color:var(--gold)}
.gi-scope .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 30px;
  display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;}
.gi-scope .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(11,74,30,.25)}
.gi-scope .card__icon{width:52px;height:52px;border-radius:16px;background:var(--leaf-pale);color:var(--forest);display:grid;place-items:center;margin-bottom:8px}
.gi-scope .card__icon svg{width:24px;height:24px}
.gi-scope .card h4, .gi-scope .card h3{font-size:22px}
.gi-scope .card p{color:var(--ink-2);font-size:15.5px}
.gi-scope .card__num{position:absolute;top:22px;right:26px;font-family:var(--font-display);font-size:15px;color:var(--ink-3);letter-spacing:.06em}
.gi-scope .card--forest{background:var(--forest);color:var(--ivory);border-color:transparent}
/* Open step: no box, a forest rule on top, the number above the name. For a
   numbered sequence whose texts differ in length, where a row of boxes would
   leave one of them two thirds empty. Rows stay in reading order. */
.gi-scope .card--line{background:none;border:0;border-top:2px solid var(--forest);border-radius:0;padding:22px 4px 0 0;gap:10px;overflow:visible}
.gi-scope .card--line:hover{transform:none;box-shadow:none;border-color:var(--forest)}
.gi-scope .card--line .card__num{position:static;order:-1;font-family:var(--font-display);font-size:15px;letter-spacing:.14em;color:var(--gold-deep)}
.gi-scope .card--line h3{font-size:21px}
.gi-scope .card--forest p{color:rgba(247,244,236,.75)}
.gi-scope .card--forest .card__icon{background:rgba(255,255,255,.1);color:var(--gold)}
.gi-scope .card--gold{background:var(--gold);color:var(--forest-ink);border-color:transparent}
.gi-scope .card--gold p{color:rgba(4,32,14,.75)}
.gi-scope .card--gold .card__icon{background:rgba(4,32,14,.1);color:var(--forest-ink)}
.gi-scope .card--image{padding:0;min-height:420px;justify-content:flex-end;color:var(--ivory);border:0}
.gi-scope .card--image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.gi-scope .card--image:hover img{transform:scale(1.05)}
.gi-scope .card--image::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,47,21,0) 30%,rgba(6,47,21,.92) 100%)}
.gi-scope .card--image .card__body{position:relative;padding:30px}
.gi-scope .card--image p{color:rgba(247,244,236,.78)}
.gi-scope .card--image .eyebrow{color:var(--gold);margin-bottom:10px}
.gi-scope .product-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s var(--ease);}
.gi-scope .product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.gi-scope .product-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.gi-scope .product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.gi-scope .product-card:hover .product-card__media img{transform:scale(1.06)}
.gi-scope .product-card__tag{position:absolute;top:16px;left:16px;background:rgba(252,251,247,.94);color:var(--forest);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;border-radius:999px}
.gi-scope .product-card__body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.gi-scope .product-card__body h4, .gi-scope .product-card__body h3{font-size:24px}
.gi-scope .product-card__body p{color:var(--ink-2);font-size:15px}
/* The shorter description keeps the space of the longer one, so the chips and links of cards side by side sit on one line. */
.gi-scope .product-card__body > p{flex-grow:1}
.gi-scope .product-card__specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.gi-scope .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;color:var(--ink-2);background:var(--white)}
.gi-scope .product-card__specs--grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gi-scope .product-card__specs--grid4>*{justify-content:center;text-align:center;min-width:0;
  white-space:nowrap;font-size:11.5px;padding:9px 8px;height:38px}
@media (max-width:820px){.gi-scope .product-card__specs--grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gi-scope .chip--gold{background:var(--gold-pale);border-color:transparent;color:var(--forest-ink)}
.gi-scope .chip--forest{background:var(--forest);border-color:transparent;color:var(--ivory)}
.gi-scope .product-card__foot{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}
.gi-scope .product-card__foot .link-arrow{font-size:14px}
.gi-scope .product-card__foot small{color:var(--ink-3);font-size:12.5px}
.gi-scope .stats-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gi-scope .stats-band .stat{border-left:1px solid var(--line);padding:34px 28px}
.gi-scope .stats-band .stat:first-child{border-left:0;padding-left:0}
.gi-scope .stats-band .stat b{color:var(--forest);font-size:clamp(38px,3.6vw,60px)}
.gi-scope .stats-band .stat>span{color:var(--ink-3)}
.gi-scope .stats-band--tight{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .stats-band--tight .stat{padding:24px 22px}
.gi-scope .stats-band--tight .stat:nth-child(odd){border-left:0;padding-left:0}
.gi-scope .stats-band--tight .stat:nth-child(n+3){border-top:1px solid var(--line)}
.gi-scope .stats-band--tight .stat b{font-size:clamp(30px,2.5vw,40px)}
@supports (container-type:inline-size){.gi-scope .stats-band{container-type:inline-size}
@container (max-width:560px){.gi-scope .stats-band .stat b{font-size:clamp(24px,7cqi,32px)}}}
.gi-scope .section--forest .stats-band{border-color:var(--line-light)}
.gi-scope .section--forest .stats-band .stat{border-color:var(--line-light)}
.gi-scope .section--forest .stats-band .stat b{color:var(--ivory)}
.gi-scope .section--forest .stats-band .stat>span{color:rgba(247,244,236,.62)}
.gi-scope .steps--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.gi-scope .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;counter-reset:step}
.gi-scope .step{padding:34px 28px 34px 0;position:relative;border-top:1px solid var(--line)}
.gi-scope .step::before{content:"";position:absolute;top:-1px;left:0;width:0;height:1px;background:var(--gold);transition:width 1.2s var(--ease)}
.gi-scope .step.in-view::before{width:100%}
.gi-scope .step__num{font-family:var(--font-display);font-size:14px;letter-spacing:.14em;color:var(--gold-deep);margin-bottom:22px;display:flex;align-items:center;gap:10px}
.gi-scope .step__num::after{content:"";flex:1;height:1px;background:var(--line);margin-right:28px}
.gi-scope .step h4, .gi-scope .step h3{font-size:22px;margin-bottom:12px}
.gi-scope .step p{color:var(--ink-2);font-size:15px}
.gi-scope .section--forest .step{border-color:var(--line-light)}
.gi-scope .section--forest .step__num{color:var(--gold)}
.gi-scope .section--forest .step__num::after{background:var(--line-light)}
.gi-scope .section--forest .step p{color:rgba(247,244,236,.72)}
.gi-scope .steps.steps--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.gi-scope .certs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.gi-scope .certs--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gi-scope .cert{aspect-ratio:1;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;padding:16px;
  transition:transform .5s var(--ease),border-color .5s,background .5s;}
.gi-scope .cert:hover{transform:translateY(-4px);border-color:var(--gold);background:var(--white)}
.gi-scope .cert b{font-family:var(--font-display);font-weight:400;font-size:clamp(20px,1.7vw,26px);color:var(--forest);line-height:1}
.gi-scope .cert span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);line-height:1.35}
.gi-scope .section--forest .cert{background:rgba(255,255,255,.04);border-color:var(--line-light)}
.gi-scope .section--forest .cert:hover{background:rgba(255,255,255,.08)}
.gi-scope .section--forest .cert b{color:var(--gold)}
.gi-scope .section--forest .cert span{color:rgba(247,244,236,.62)}
.gi-scope .split__media img, .gi-scope .product-card__media, .gi-scope .card--image, .gi-scope .media-offset{background-color:#e6dfcd}
/* A cut-out has no background of its own, so the slot must not paint one
   behind it: no cream fill, no rounded card, no shadow, and the whole
   plate or bag shown rather than cropped. Waleed: 'sirf bowls aani
   chahiye hain with rice, bg remove kar do.' */
.gi-scope .split__media img[src*="-cutout"]{background:transparent;border-radius:0;box-shadow:none;object-fit:contain}
.gi-scope .split__media:has(img[src*="-cutout"]){background:transparent;box-shadow:none}
.gi-scope .section--forest .split__media img, .gi-scope .section--forest .card--image{background-color:rgba(255,255,255,.06)}
.gi-scope .reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,30px)}
.gi-scope .review{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;
  display:flex;flex-direction:column;gap:15px;min-width:0;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;}
.gi-scope .review:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(11,74,30,.25)}
.gi-scope .review__stars{display:flex;gap:3px;color:var(--gold-deep)}
.gi-scope .review__stars svg{width:15px;height:15px;flex:0 0 15px}
.gi-scope .review p{font-family:var(--font-display);font-weight:300;font-size:18.5px;line-height:1.5;color:var(--ink);margin:0}
.gi-scope .review__foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px;font-style:normal}
.gi-scope .review__foot b{font-family:var(--font-body);font-size:14.5px;font-weight:600;color:var(--forest);letter-spacing:0}
.gi-scope .review__foot span{font-size:13px;color:var(--ink-3)}
.gi-scope .review-marquee{overflow:hidden;padding-block:10px 14px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.gi-scope .review-marquee__track{display:flex;gap:24px;width:max-content;animation:reviewScroll var(--review-speed,70s) linear infinite}
.gi-scope .review-marquee:hover .review-marquee__track, .gi-scope .review-marquee:focus-within .review-marquee__track{animation-play-state:paused}
.gi-scope .review-marquee .review{flex:0 0 390px;width:390px}
.gi-scope .review-marquee .review:hover{transform:translateY(-4px)}
@keyframes reviewScroll{to{transform:translateX(calc(-50% - 12px))}}
.gi-scope .section--forest .review{background:rgba(255,255,255,.05);border-color:var(--line-light)}
.gi-scope .section--forest .review p{color:var(--ivory)}
.gi-scope .section--forest .review__stars{color:var(--gold)}
.gi-scope .section--forest .review__foot{border-top-color:var(--line-light)}
.gi-scope .section--forest .review__foot b{color:var(--gold)}
.gi-scope .section--forest .review__foot span{color:rgba(247,244,236,.7)}
.gi-scope .world-map{position:relative;margin-top:clamp(36px,5vw,64px)}
.gi-scope .world-map__canvas{position:relative;width:100%;aspect-ratio:1000/473.6}
.gi-scope .world-map__land, .gi-scope .world-map__borders{position:absolute;inset:0;background:#e3dccb;opacity:0;transition:opacity .5s ease;
  -webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.gi-scope .world-map__borders{background:rgba(11,74,30,.3)}
.gi-scope .world-map.is-near .world-map__land{-webkit-mask-image:url(../img/world-land.svg);mask-image:url(../img/world-land.svg);opacity:1}
.gi-scope .world-map.is-near .world-map__borders{-webkit-mask-image:url(../img/world-borders.svg);mask-image:url(../img/world-borders.svg);opacity:1}
.gi-scope .world-map__routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.gi-scope .world-map__routes path{fill:none;stroke:var(--gold-deep);stroke-width:1.3;stroke-dasharray:3 6;stroke-linecap:round;opacity:.6;vector-effect:non-scaling-stroke;animation:mapRoute 40s linear infinite paused}
.gi-scope .world-map.is-playing .world-map__routes path{animation-play-state:running}
.gi-scope .world-map__pin{position:absolute;width:0;height:0;z-index:1}
.gi-scope .world-map__pin:hover{z-index:3}
.gi-scope .world-map__pin i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--forest);box-shadow:0 0 0 4px rgba(11,74,30,.16)}
.gi-scope .world-map__pin i::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--forest);opacity:0;animation:pinPulse 3.2s ease-out infinite paused}
.gi-scope .world-map.is-playing .world-map__pin i::after{animation-play-state:running}
.gi-scope .world-map__pin b{position:absolute;white-space:nowrap;font-size:12.5px;font-weight:600;line-height:1;letter-spacing:.01em;color:var(--ink);
  background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:6px 9px;box-shadow:0 10px 22px -14px rgba(6,47,21,.45)}
.gi-scope .world-map__pin--right b{left:14px;top:-12px}
.gi-scope .world-map__pin--left b{right:14px;top:-12px}
.gi-scope .world-map__pin--top b{bottom:14px;left:0;transform:translateX(-50%)}
.gi-scope .world-map__pin--bottom b{top:14px;left:0;transform:translateX(-50%)}
.gi-scope .world-map__pin--origin{z-index:2}
.gi-scope .world-map__pin--origin i{width:18px;height:18px;left:-9px;top:-9px;background:var(--gold);box-shadow:0 0 0 6px rgba(242,179,0,.25)}
.gi-scope .world-map__pin--origin i::after{border-color:var(--gold)}
.gi-scope .world-map__pin--origin b{background:var(--forest);color:var(--ivory);border-color:var(--forest)}
.gi-scope .world-map__list{display:none}
.gi-scope .world-map__note{margin-top:18px;font-size:13px;color:var(--ink-3);text-align:center}
.gi-scope .world-map__stats{margin-top:clamp(34px,4.5vw,56px)}
.gi-scope .section--forest .world-map__land{background:rgba(255,255,255,.08)}
.gi-scope .section--forest .world-map__borders{background:rgba(255,255,255,.24)}
.gi-scope .section--forest .world-map__routes path{stroke:var(--gold);opacity:.55}
.gi-scope .section--forest .world-map__pin i{background:var(--gold);box-shadow:0 0 0 4px rgba(242,179,0,.18)}
.gi-scope .section--forest .world-map__pin i::after{border-color:var(--gold)}
.gi-scope .section--forest .world-map__pin b{background:rgba(4,32,14,.78);color:var(--ivory);border-color:rgba(255,255,255,.16)}
.gi-scope .section--forest .world-map__pin--origin i{background:var(--ivory);box-shadow:0 0 0 6px rgba(247,244,236,.22)}
.gi-scope .section--forest .world-map__pin--origin i::after{border-color:var(--ivory)}
.gi-scope .section--forest .world-map__pin--origin b{background:var(--gold);color:var(--forest-ink);border-color:var(--gold)}
.gi-scope .section--forest .world-map__note{color:rgba(247,244,236,.6)}
.gi-scope .section--forest .world-map__stats .stats-band{border-color:var(--line-light)}
.gi-scope .section--forest .world-map__stats .stats-band .stat{border-color:var(--line-light)}
.gi-scope .section--forest .world-map__stats .stats-band .stat b{color:var(--ivory)}
.gi-scope .section--forest .world-map__stats .stats-band .stat>span{color:rgba(247,244,236,.65)}
@keyframes mapRoute{to{stroke-dashoffset:-500}}
@keyframes pinPulse{0%{transform:scale(.6);opacity:.75}80%{transform:scale(1.9);opacity:0}100%{opacity:0}}
@media (max-width:1100px){.gi-scope .world-map__pin b{display:none}
.gi-scope .world-map__pin--origin b{display:block;font-size:11px;padding:5px 7px}
.gi-scope .world-map__list{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}
.gi-scope .world-map__list li{font-size:13px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink)}
.gi-scope .section--forest .world-map__list li{background:rgba(255,255,255,.06);border-color:var(--line-light);color:var(--ivory)}}
.gi-scope .regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gi-scope .region{border:1px solid var(--line-light);border-radius:20px;padding:28px;background:rgba(255,255,255,.03);transition:background .4s,transform .5s var(--ease)}
.gi-scope .region:hover{background:rgba(255,255,255,.07);transform:translateY(-4px)}
.gi-scope .region__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;gap:12px}
.gi-scope .region h4, .gi-scope .region h3{font-size:24px}
.gi-scope .region__head span{font-family:var(--font-display);color:var(--gold);font-size:14px;letter-spacing:.1em}
.gi-scope .region ul{display:flex;flex-wrap:wrap;gap:8px}
.gi-scope .region li{font-size:13px;padding:6px 11px;border-radius:999px;border:1px solid var(--line-light);color:rgba(247,244,236,.82)}
.gi-scope .region li.has-flag{display:inline-flex;align-items:center;gap:8px;padding-left:7px}
.gi-scope .region__flag{width:20px;height:15px;flex:none;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.gi-scope .spec-table{width:100%;border-collapse:collapse;font-size:15px}
.gi-scope .spec-table th, .gi-scope .spec-table td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.gi-scope .spec-table th{font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-strong)}
.gi-scope .spec-table tr td:first-child{font-weight:600;color:var(--ink);width:36%}
.gi-scope .spec-table td{color:var(--ink-2)}
.gi-scope .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--paper);-webkit-overflow-scrolling:touch}
.gi-scope .table-scroll{position:relative}
@media (max-width:640px){.gi-scope .table-scroll::after{content:"";position:absolute;top:1px;right:1px;bottom:1px;width:40px;border-radius:0 18px 18px 0;background:linear-gradient(90deg,rgba(252,251,247,0),rgba(252,251,247,.95));pointer-events:none}
.gi-scope .table-scroll--dark::after{background:linear-gradient(90deg,rgba(6,47,21,0),rgba(6,47,21,.95))}}
.gi-scope .table-wrap .spec-table tr:last-child td{border-bottom:0}
.gi-scope .table-wrap--dark{background:rgba(255,255,255,.04);border-color:var(--line-light)}
.gi-scope .table-wrap--dark .spec-table th{color:var(--gold);border-bottom-color:rgba(255,255,255,.25)}
.gi-scope .table-wrap--dark .spec-table td{color:rgba(247,244,236,.78);border-bottom-color:var(--line-light)}
.gi-scope .table-wrap--dark .spec-table tr td:first-child{color:var(--ivory);width:auto;white-space:nowrap}
.gi-scope .table-note{font-size:13px;color:var(--ink-3);margin-top:14px;display:block;position:relative;padding-left:26px}
.gi-scope .table-note svg{position:absolute;left:0;top:2px;width:16px;height:16px;color:var(--gold-deep)}
.gi-scope .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--paper)}
.gi-scope .fact{padding:24px 26px;border-left:1px solid var(--line)}
.gi-scope .fact:first-child{border-left:0}
.gi-scope .fact span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.gi-scope .fact b{font-weight:600;font-size:17px;color:var(--ink)}
.gi-scope .accordion{border-top:1px solid var(--line)}
.gi-scope .accordion__item{border-bottom:1px solid var(--line)}
.gi-scope .accordion__btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;text-align:left;font-family:var(--font-display);font-size:clamp(19px,1.6vw,24px);line-height:1.25}
.gi-scope .accordion__btn i{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;transition:transform .45s var(--ease),background .4s,color .4s}
.gi-scope .accordion__btn i svg{width:16px;height:16px}
.gi-scope .accordion__item.is-open .accordion__btn i{transform:rotate(45deg);background:var(--forest);color:var(--ivory);border-color:var(--forest)}
.gi-scope .accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.gi-scope .accordion__panel>div{overflow:hidden}
.gi-scope .accordion__item.is-open .accordion__panel{grid-template-rows:1fr}
.gi-scope .accordion__panel p{color:var(--ink-2);padding-bottom:26px;max-width:70ch}
.gi-scope .accordion__panel p+p{margin-top:-10px}
.gi-scope .statement{font-family:var(--font-display);font-weight:300;font-size:clamp(28px,3.4vw,48px);line-height:1.2;letter-spacing:-.015em;max-width:24ch}
.gi-scope .statement em{font-style:italic;color:var(--gold-deep);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1}
.gi-scope .section--forest .statement em{color:var(--gold)}
.gi-scope .statement-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
@media (max-width:640px){.gi-scope .statement-row{grid-template-columns:1fr;gap:28px;justify-items:start}
.gi-scope .grain-rule{margin:0}}
.gi-scope .cta{position:relative;overflow:hidden;background:var(--forest);color:var(--ivory)}
.gi-scope .cta__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding-block:clamp(64px,7vw,104px)}
.gi-scope .cta h2{font-size:clamp(34px,4.4vw,62px);font-weight:300;line-height:1.02;max-width:9.06em}
.gi-scope .cta p{color:rgba(247,244,236,.75);margin-top:20px;max-width:48ch;font-size:17px}
.gi-scope .cta__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end}
.gi-scope .cta__contact{margin-top:26px;display:grid;gap:8px;font-size:15px;color:rgba(247,244,236,.75)}
.gi-scope .cta__contact a{color:var(--ivory);font-weight:500}
.gi-scope .cta__contact a:hover{color:var(--gold)}
.gi-scope .cta__ring{display:none;position:absolute;right:-8%;top:-40%;width:52vw;max-width:760px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(242,179,0,.25);pointer-events:none}
.gi-scope .cta__ring::after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(242,179,0,.18)}
.gi-scope .cta__ring::before{content:"";position:absolute;inset:26%;border-radius:50%;border:1px solid rgba(242,179,0,.12)}
.gi-scope .footer{background:var(--forest-ink);color:var(--ivory);padding:clamp(64px,7vw,96px) 0 36px;position:relative}
.gi-scope .footer__top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:56px;border-bottom:1px solid var(--line-light)}
.gi-scope .footer__brand img{height:92px;width:auto;max-width:min(460px,100%);object-fit:contain;margin-bottom:22px}
@media (max-width:640px){.gi-scope .footer__brand img{height:62px;margin-bottom:18px}}
@media (max-width:400px){.gi-scope .footer__brand img{height:52px}}
.gi-scope .footer__brand p{max-width:34ch;font-size:15px;line-height:1.65}
.gi-scope .footer__brand .brand__name{color:var(--ivory);display:block;margin-bottom:6px}
.gi-scope .footer h5, .gi-scope .footer .footer__heading{font-family:var(--font-body);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 20px}
.gi-scope .footer ul{display:grid;gap:11px}
.gi-scope .footer li a{font-size:15px;color:rgba(247,244,236,.75);transition:color .3s}
.gi-scope .footer li a:hover{color:var(--gold)}
.gi-scope .footer address{font-style:normal;font-size:15px;line-height:1.7;display:grid;gap:14px}
.gi-scope .footer address a{color:var(--ivory)}
.gi-scope .footer address a:hover{color:var(--gold)}
.gi-scope .footer address span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,244,236,.68);margin-bottom:3px}
.gi-scope .footer__certs{display:flex;flex-wrap:wrap;gap:10px 22px;padding:28px 0;border-bottom:1px solid var(--line-light);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory)}
.gi-scope .footer__certs b{color:var(--ivory);font-weight:600}
.gi-scope .footer__bottom{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;align-items:center;padding-top:28px;font-size:14px;color:var(--ivory)}
.gi-scope .footer__bottom a:hover{color:var(--gold)}
.gi-scope .footer__legal{display:flex;gap:22px}
.gi-scope .footer__bottom{padding-right:96px}
@media (min-width:1360px){.gi-scope .footer__bottom{padding-right:0}}
.gi-scope .footer__copy{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0}
.gi-scope .footer__credit{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;color:var(--ivory);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.gi-scope .footer__credit::before{content:"";align-self:center;width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.7;margin:0 4px 0 4px}
/* The builder's credit sits on the same line as the copyright and is read the
   same way: the client asked for it to stop competing with the company's own
   name, so the name now takes the size, weight and colour of the line it sits
   on instead of a 20px gold display italic. It is still a link. */
.gi-scope .footer__credit a, .gi-scope .footer__credit strong{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;
  padding-bottom:2px;
  background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease),color .3s}
.gi-scope .footer__credit a:hover{color:var(--gold);background-size:100% 1px}
.gi-scope .wa-float{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;align-items:center}
.gi-scope .wa-float__btn{position:relative;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;
  box-shadow:0 16px 34px -12px rgba(4,32,14,.55),0 0 0 4px rgba(255,255,255,.9);transition:transform .35s var(--ease)}
.gi-scope .wa-float__btn svg{width:28px;height:28px}
.gi-scope .wa-float__btn::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:waPulse 2.6s ease-out infinite}
.gi-scope .wa-float__label{position:absolute;right:calc(100% + 12px);top:50%;
  background:var(--paper);color:var(--forest);font-size:14px;font-weight:600;padding:11px 18px;border-radius:999px;white-space:nowrap;
  box-shadow:0 14px 30px -14px rgba(4,32,14,.45);border:1px solid var(--line);opacity:0;
  transform:translateY(-50%) translateX(10px);pointer-events:none;
  transition:opacity .35s var(--ease),transform .35s var(--ease)}
.gi-scope .wa-float:hover .wa-float__label, .gi-scope .wa-float:focus-visible .wa-float__label{opacity:1;transform:translateY(-50%)}
.gi-scope .wa-float:hover .wa-float__btn{transform:scale(1.06)}
.gi-scope .wa-float:focus-visible{outline:none}
.gi-scope .wa-float:focus-visible .wa-float__btn{box-shadow:0 0 0 4px var(--gold)}
body.gi-nav-open .wa-float{opacity:0;pointer-events:none}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.45);opacity:0}100%{opacity:0}}
.gi-scope .footer__social{display:flex;gap:10px}
.gi-scope .footer__social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-light);display:grid;place-items:center;transition:border-color .3s,color .3s}
.gi-scope .footer__social a:hover{border-color:var(--gold);color:var(--gold)}
.gi-scope .footer__social svg{width:16px;height:16px}
.gi-scope .form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gi-scope .form .full{grid-column:1/-1}
.gi-scope .field{display:grid;gap:8px}
.gi-scope .field label{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--ink-2)}
.gi-scope .field input, .gi-scope .field select, .gi-scope .field textarea{width:100%;font:inherit;font-size:15.5px;color:var(--ink);background:var(--white);
  border:1px solid var(--line-strong);border-radius:12px;padding:15px 16px;outline:none;
  transition:border-color .3s,box-shadow .3s;}
.gi-scope .field input:focus, .gi-scope .field select:focus, .gi-scope .field textarea:focus{border-color:var(--forest);box-shadow:0 0 0 4px rgba(11,74,30,.1)}
.gi-scope .field textarea{min-height:140px;resize:vertical}
.gi-scope .field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2339453e' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.gi-scope .form__note{font-size:13px;color:var(--ink-3)}
.gi-scope .form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(28px,3vw,44px)}
.gi-scope .contact-list{display:grid;gap:26px}
.gi-scope .contact-list>div{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start}
.gi-scope .contact-list>div>div{display:block;min-width:0;padding-top:2px}
.gi-scope .contact-list i{width:46px;height:46px;border-radius:14px;background:var(--leaf-pale);color:var(--forest);display:grid;place-items:center}
.gi-scope .contact-list i svg{width:20px;height:20px}
.gi-scope .contact-list span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:5px}
.gi-scope .contact-list b{font-weight:500;font-size:17px;line-height:1.45}
.gi-scope .contact-list b a:hover{color:var(--forest)}
.gi-scope .card p a{color:var(--forest);font-weight:500;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.gi-scope .card p a:hover{text-decoration-thickness:2px}
.gi-scope .card--forest p a{color:inherit}
.gi-scope .map-embed{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:var(--sand)}
.gi-scope .map-embed iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.6) contrast(1.05)}
.gi-scope .calendar{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}
.gi-scope .calendar div{aspect-ratio:1/1.4;border-radius:10px;border:1px solid var(--line);display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);position:relative;background:var(--paper)}
.gi-scope .calendar div.sow{background:var(--leaf-pale);border-color:transparent;color:var(--forest)}
.gi-scope .calendar div.grow{background:#c8dcc6;border-color:transparent;color:var(--forest)}
.gi-scope .calendar div.harvest{background:var(--gold-pale);border-color:transparent;color:var(--gold-deep)}
.gi-scope .calendar div.mill{background:var(--forest);border-color:transparent;color:var(--ivory)}
.gi-scope .calendar-key{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:13px;color:var(--ink-2)}
.gi-scope .calendar-key span{display:inline-flex;align-items:center;gap:8px}
.gi-scope .calendar-key i{width:14px;height:14px;border-radius:4px;display:inline-block}
.gi-scope .anatomy{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:48px;row-gap:24px;align-items:start}
.gi-scope .anatomy>.anatomy__list{grid-column:2;grid-row:1 / span 2}
.gi-scope .anatomy>.table-note{grid-column:1;grid-row:2;align-self:start;margin-top:0}
.gi-scope .anatomy__list{display:grid;gap:0}
.gi-scope .anatomy__list div{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:20px}
.gi-scope .anatomy__list div:last-child{border-bottom:1px solid var(--line)}
.gi-scope .anatomy__list b{font-family:var(--font-display);font-weight:400;font-size:20px;color:var(--forest)}
.gi-scope .anatomy__list p{color:var(--ink-2);font-size:15px}
.gi-scope .reveal-pending{opacity:0;transform:translate3d(0,12px,0);transition:opacity .42s var(--ease-out),transform .42s var(--ease-out);transition-delay:var(--d,0s)}
.gi-scope .reveal-pending.in-view{opacity:1;transform:none}
.gi-scope .proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.gi-scope .proof__item{display:flex;flex-direction:column;gap:10px;padding:clamp(26px,3vw,38px);background:var(--paper);min-width:0}
.gi-scope .section--cream .proof__item{background:var(--cream)}
.gi-scope .proof__item b{font-family:var(--font-display);font-weight:300;font-size:clamp(40px,4vw,62px);line-height:1;color:var(--forest);white-space:nowrap;margin-bottom:6px}
.gi-scope .proof__item b sup{font-size:.36em;color:var(--gold-deep);vertical-align:baseline;position:relative;top:-1.1em;margin-left:5px;font-family:var(--font-body);font-weight:600;letter-spacing:.04em}
.gi-scope .proof__item h3{font-family:var(--font-body);font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--ink)}
.gi-scope .proof__item p{font-size:14.5px;line-height:1.55;color:var(--ink-3);max-width:36ch}
.gi-scope .section--forest .proof{background:var(--line-light);border-color:var(--line-light)}
.gi-scope .section--forest .proof__item{background:var(--forest)}
.gi-scope .section--forest .proof__item b{color:var(--ivory)}
.gi-scope .section--forest .proof__item b sup{color:var(--gold)}
.gi-scope .section--forest .proof__item h3{color:var(--ivory)}
.gi-scope .section--forest .proof__item p{color:rgba(247,244,236,.68)}
.gi-scope .trace{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--trace-n,6),minmax(0,1fr));gap:0}
.gi-scope .trace__step{position:relative;padding-right:22px;min-width:0}
.gi-scope .trace__node{position:relative;display:flex;align-items:center;margin-bottom:24px}
.gi-scope .trace__node i{position:relative;z-index:1;flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-family:var(--font-display);font-size:16px;letter-spacing:.04em;color:var(--gold-deep);background:var(--paper);border:1px solid var(--line-strong)}
.gi-scope .trace__node::after{content:"";position:absolute;left:50px;right:-22px;top:50%;height:1px;background:linear-gradient(90deg,var(--gold),var(--line-strong))}
.gi-scope .trace__node::before{content:"";position:absolute;right:-20px;top:50%;width:7px;height:7px;border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);transform:translateY(-50%) rotate(45deg)}
.gi-scope .trace__step:last-child .trace__node::after, .gi-scope .trace__step:last-child .trace__node::before{display:none}
.gi-scope .trace__step:first-child .trace__node i{background:var(--forest);border-color:var(--forest);color:var(--gold)}
.gi-scope .trace__step h3{font-family:var(--font-body);font-size:17px;font-weight:600;letter-spacing:-.005em;margin-bottom:8px}
.gi-scope .trace__step p{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.gi-scope .section--cream .trace__node i{background:var(--cream)}
.gi-scope .section--forest .trace__node i{background:var(--forest);border-color:rgba(255,255,255,.28);color:var(--gold)}
.gi-scope .section--forest .trace__node::after{background:linear-gradient(90deg,var(--gold),rgba(255,255,255,.2))}
.gi-scope .section--forest .trace__node::before{border-color:rgba(255,255,255,.3)}
.gi-scope .section--forest .trace__step p{color:rgba(247,244,236,.72)}
.gi-scope .trace-lookup{margin-top:clamp(44px,5vw,64px);display:grid;grid-template-columns:.8fr 1.2fr;gap:18px 48px;align-items:center;padding:clamp(26px,3vw,40px);border:1px solid var(--line);border-radius:22px;background:var(--white)}
.gi-scope .trace-lookup__intro p{color:var(--ink-3);font-size:15px;margin-top:6px}
.gi-scope .trace-lookup__form{display:flex;gap:12px;flex-wrap:wrap}
.gi-scope .trace-lookup__form input{flex:1 1 220px;min-width:0;height:54px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);font:inherit;font-size:16px;color:var(--ink)}
.gi-scope .trace-lookup__form input:focus{outline:2px solid var(--gold);outline-offset:1px}
.gi-scope .trace-lookup__result{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px}
.gi-scope .trace-lookup__batch{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.gi-scope .trace-lookup__batch span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.gi-scope .trace-lookup__batch b{font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--forest)}
.gi-scope .trace-lookup__result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;margin:0}
.gi-scope .trace-lookup__result dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.gi-scope .trace-lookup__result dd{margin:0;color:var(--ink);font-size:15px}
.gi-scope .trace-lookup__result dd a{color:var(--forest);text-decoration:underline;text-underline-offset:3px;margin-left:6px}
.gi-scope .trace-lookup__missing{color:var(--ink-2)}
.gi-scope .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gi-scope .shipments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gi-scope .shipment{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--paper);min-width:0}
.gi-scope .shipment__month{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);background:var(--gold-pale);padding:6px 10px;border-radius:999px}
.gi-scope .shipment h3{font-size:24px}
.gi-scope .shipment dl{margin:0;display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.gi-scope .shipment dl div{display:flex;justify-content:space-between;gap:12px}
.gi-scope .shipment dt{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.gi-scope .shipment dd{margin:0;font-weight:600;color:var(--ink);text-align:right}
.gi-scope .section--forest .shipment{background:rgba(255,255,255,.04);border-color:var(--line-light)}
.gi-scope .section--forest .shipment h3, .gi-scope .section--forest .shipment dd{color:var(--ivory)}
.gi-scope .section--forest .shipment dt{color:rgba(247,244,236,.6)}
.gi-scope .section--forest .shipment dl{border-color:var(--line-light)}
.gi-scope .article-card .product-card__media{aspect-ratio:16/10}
.gi-scope .articles-empty{padding:clamp(28px,4vw,48px);border:1px solid var(--line);border-radius:22px;background:var(--paper)}
.gi-scope .articles-empty .lead{margin:0}
.gi-scope .article-card__label{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
.gi-scope .page-hero .container.article-hero{max-width:calc(760px + var(--gutter) * 2)}
.gi-scope .muted a{color:var(--forest);text-decoration:underline;text-decoration-color:rgba(11,74,30,.35);text-underline-offset:3px}
.gi-scope .field select:has(option[value=""]:checked){color:var(--ink-3)}
.gi-scope .article{max-width:760px;margin:0 auto}
.gi-scope .article-title{max-width:12.46em}
.gi-scope .article__meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding-bottom:22px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.gi-scope .article__body{font-size:17.5px;line-height:1.75}
.gi-scope .article__body h2{font-size:clamp(26px,2.6vw,34px);margin:1.8em 0 .6em}
.gi-scope .article__body h3{font-size:clamp(21px,2vw,25px)}
.gi-scope .article__body img, .gi-scope .article__body figure{max-width:100%;height:auto;border-radius:16px}
.gi-scope .article__body figure{margin:2em 0}
.gi-scope .article__body figcaption{font-size:13.5px;color:var(--ink-3);margin-top:10px}
.gi-scope .article__body blockquote{margin:2em 0;padding-left:24px;border-left:2px solid var(--gold);font-family:var(--font-display);font-size:24px;line-height:1.4;color:var(--forest)}
.gi-scope .article__body ol{margin:1em 0;padding-left:1.3em;display:grid;gap:10px;color:var(--ink-2)}
.gi-scope .article__foot{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
@media (max-width:1100px){.gi-scope .trace{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:38px}
.gi-scope .trace__step:nth-child(3n) .trace__node::after, .gi-scope .trace__step:nth-child(3n) .trace__node::before{display:none}
.gi-scope .shipments{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.gi-scope .proof{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .trace-lookup{grid-template-columns:1fr}
.gi-scope .trace-lookup__result dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.gi-scope .proof{grid-template-columns:1fr}
.gi-scope .proof__item b{font-size:44px;margin-bottom:2px}
.gi-scope .trace{grid-template-columns:1fr;row-gap:0}
.gi-scope .trace__step{display:grid;grid-template-columns:50px 1fr;column-gap:18px;padding:0 0 28px}
.gi-scope .trace__node{grid-row:1/span 2;margin:0;align-items:flex-start;align-self:stretch}
.gi-scope .trace__node::after{left:24.5px;right:auto;top:50px;bottom:-28px;width:1px;height:auto;background:linear-gradient(180deg,var(--gold),var(--line-strong))}
.gi-scope .trace__node::before{display:none}
.gi-scope .trace__step:nth-child(3n) .trace__node::after{display:block}
.gi-scope .trace__step:last-child .trace__node::after{display:none}
.gi-scope .trace__step h3{margin-top:13px}
.gi-scope .trace-lookup__result dl{grid-template-columns:1fr}
.gi-scope .shipments{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.gi-scope, .gi-scope *, .gi-scope *::before, .gi-scope *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
.gi-scope .reveal-pending{opacity:1;transform:none}
.gi-scope .hero .hero__title .w>span{transform:none}
.gi-scope .review-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
.gi-scope .wa-float__btn::after{animation:none;opacity:0}
.gi-scope .review-marquee__track{animation:none}}
.gi-scope .ghost{display:none;position:absolute;right:var(--gutter);top:clamp(40px,6vw,80px);font-family:var(--font-display);font-size:clamp(90px,14vw,200px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(11,74,30,.14);pointer-events:none;font-weight:300;user-select:none}
.gi-scope .section--forest .ghost{-webkit-text-stroke:1px rgba(242,179,0,.18)}
.gi-scope .section{position:relative}
.gi-scope .grain-rule{display:flex;align-items:center;gap:14px;color:var(--gold-deep);margin:0 auto;justify-content:center}
.gi-scope .grain-rule::before, .gi-scope .grain-rule::after{content:"";height:1px;width:64px;background:currentColor;opacity:.5}
.gi-scope .grain-rule svg{width:14px;height:20px}
@media (max-width:1320px){.gi-scope .brand__text{display:none}
.gi-scope .mega{min-width:980px}}
@media (max-width:1180px){.gi-scope .mega{min-width:660px;grid-template-columns:1fr 1fr 1fr}
.gi-scope .mega.mega--c4{min-width:860px;grid-template-columns:repeat(4,minmax(0,1fr))}
.gi-scope .dropdown a.mega__feature{display:none}
.gi-scope .nav__link{padding:10px 11px;font-size:14.5px}
.gi-scope .footer__top{grid-template-columns:1.2fr 1fr 1fr 1fr}
.gi-scope .footer__top>div:last-child{grid-column:1/-1}
.gi-scope .certs{grid-template-columns:repeat(4,minmax(0,1fr))}
.gi-scope .certs--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1025px) and (max-width:1500px){.gi-scope .nav__link{padding:10px 9px;font-size:14px;gap:5px}
.gi-scope .nav{gap:0}
.gi-scope .brand img{height:58px;max-width:290px}
.gi-scope .header-cta .btn--gold{padding:12px 16px;font-size:13.5px}}
@media (min-width:1025px) and (max-width:1200px){.gi-scope .nav__link{padding:9px 7px;font-size:13.5px}
.gi-scope .brand img{height:52px;max-width:260px}}
@media (max-width:1024px){:root{--header-h:76px}
.gi-scope .nav{display:none}
.gi-scope .header-cta .btn--gold{padding:12px 16px;min-height:44px}
.gi-scope .header-cta .btn--gold svg{display:none}
.gi-scope .btn__long{display:none}
.gi-scope .btn__short{display:inline}
.gi-scope .nav-toggle{display:grid}
.gi-scope .brand__text{display:none}
.gi-scope .hero__grid{grid-template-columns:1fr}
.gi-scope .hero__aside{justify-items:start;text-align:left}
.gi-scope .hero__note{display:none}
.gi-scope .hero__stats .container{grid-template-columns:repeat(2,1fr)}
.gi-scope .stat{padding:20px 20px 20px 20px}
.gi-scope .stat:nth-child(odd){border-left:0;padding-left:0}
.gi-scope .stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
.gi-scope .split{grid-template-columns:1fr}
.gi-scope .split--reverse>.split__media{order:0}
.gi-scope .media-offset{right:0;bottom:-8%;width:42%}
.gi-scope .grid--3, .gi-scope .grid--4, .gi-scope .grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .reviews{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .steps, .gi-scope .steps.steps--5{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .faq-layout, .gi-scope .quote-layout{grid-template-columns:1fr}
.gi-scope .faq-layout__aside, .gi-scope .quote-layout__aside{position:static}
.gi-scope .regions{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .stats-band{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .stats-band .stat:nth-child(odd){border-left:0;padding-left:0}
.gi-scope .stats-band .stat:nth-child(n+3){border-top:1px solid var(--line)}
.gi-scope .section-head--split, .gi-scope .page-hero__row, .gi-scope .cta__inner{grid-template-columns:1fr}
.gi-scope .cta__actions{justify-content:flex-start}
.gi-scope .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .fact:nth-child(odd){border-left:0}
.gi-scope .fact:nth-child(n+3){border-top:1px solid var(--line)}
.gi-scope .form{grid-template-columns:1fr}
.gi-scope .anatomy{grid-template-columns:1fr;grid-template-rows:none}
.gi-scope .anatomy>.anatomy__list, .gi-scope .anatomy>.table-note{grid-column:auto;grid-row:auto}
.gi-scope .topbar__right{display:none}
.gi-scope .ghost{display:none}}
@media (max-width:640px){:root{--topbar-h:34px;--header-h:70px}
.gi-scope .topbar{font-size:11.5px}
.gi-scope .brand img{height:40px;max-width:178px}
.is-scrolled .gi-scope .brand img{transform:scale(.9)}
.gi-scope .hero h1, .gi-scope .hero .hero__title{font-size:clamp(40px,12vw,58px)}
.gi-scope .hero__content{padding-top:calc(var(--header-h) + var(--topbar-h) + 16px)}
.gi-scope .hero__stats .container{grid-template-columns:1fr 1fr}
.gi-scope .stat b{font-size:28px}
.gi-scope .grid--2, .gi-scope .grid--3, .gi-scope .grid--4, .gi-scope .grid--5{grid-template-columns:1fr}
.gi-scope .reviews{grid-template-columns:1fr}
.gi-scope .world-map__pin i{width:8px;height:8px;left:-4px;top:-4px;box-shadow:0 0 0 2px rgba(242,179,0,.2)}
.gi-scope .world-map__pin i::after{inset:-4px}
.gi-scope .world-map__pin--origin i{width:12px;height:12px;left:-6px;top:-6px}
.gi-scope .review-marquee .review{flex-basis:300px;width:300px}
.gi-scope .steps, .gi-scope .steps.steps--5{grid-template-columns:1fr}
.gi-scope .step{padding-right:0}
.gi-scope .certs{grid-template-columns:repeat(3,minmax(0,1fr))}
.gi-scope .certs--3{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .regions{grid-template-columns:1fr}
.gi-scope .stats-band{grid-template-columns:1fr 1fr}
.gi-scope .stats-band .stat{padding:20px 12px}
.gi-scope .stats-band .stat b{font-size:30px}
.gi-scope .stat b sup{font-size:.4em;margin-left:3px}
.gi-scope .footer__top{grid-template-columns:1fr 1fr}
.gi-scope .footer__top>div:first-child{grid-column:1/-1}
.gi-scope .footer__bottom{flex-direction:column;align-items:flex-start}
.gi-scope .footer__credit{display:flex;width:100%}
.gi-scope .footer__bottom{padding-right:0;padding-bottom:64px}
.gi-scope .footer__credit::before{display:none}
.gi-scope .wa-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
.gi-scope .wa-float__btn{width:54px;height:54px}
.gi-scope .wa-float__label{display:none}
.gi-scope .facts{grid-template-columns:1fr}
.gi-scope .fact{border-left:0;border-top:1px solid var(--line)}
.gi-scope .fact:first-child{border-top:0}
.gi-scope .media-offset{display:none}
.gi-scope .media-caption{left:14px;right:14px;bottom:14px;padding:14px 16px}
.gi-scope .media-caption b{font-size:28px}
.gi-scope .numbered__item{grid-template-columns:48px 1fr;gap:14px}
.gi-scope .calendar{grid-template-columns:repeat(6,1fr)}
.gi-scope .card{padding:26px 22px}
.gi-scope .mobile-nav__list>li>a, .gi-scope .mobile-nav__list>li>button{font-size:24px;padding:15px 0}
.gi-scope .btn{padding:15px 22px}
.gi-scope .spec-table th, .gi-scope .spec-table td{padding:13px 14px;font-size:14px}
.gi-scope .accordion__btn{padding:20px 0}}
@media (max-width:400px){:root{--gutter:16px}
.gi-scope .site-header .container{gap:12px}
.gi-scope .brand img{height:36px;max-width:150px}
.gi-scope .header-cta{gap:8px}
.gi-scope .header-cta .btn--gold{padding:11px 13px;font-size:13px}}
@media (max-width:340px){.gi-scope .brand img{max-width:132px}
.gi-scope .header-cta .btn--gold{padding:11px 11px;font-size:12.5px}}
@media (min-width:641px) and (max-width:1024px){.gi-scope .split__media--tall img, .gi-scope .split__media--square img{aspect-ratio:4/3}
.gi-scope .split__media--natural{max-width:640px}
.gi-scope .split--media-wide .split__media--natural{max-width:none}}
.gi-scope .card__media{margin:-32px -30px 6px;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.gi-scope .card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.gi-scope .card:hover .card__media img{transform:scale(1.04)}
.gi-scope .card:has(.card__media) .card__num{top:16px;right:16px;padding:7px 12px;border-radius:999px;background:rgba(252,251,247,.94);color:var(--forest)!important;font-size:13px}
.gi-scope .card:has(.card__media) h3, .gi-scope .card:has(.card__media) h4{padding-right:0}
@media (max-width:640px){.gi-scope .card__media{margin:-26px -22px 4px}}
.gi-scope .gallery{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.gi-scope .gallery--c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .gallery--c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gi-scope .gallery--c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.gi-scope .gallery__item{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}
.gi-scope .gallery__media{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;background:var(--sand)}
.gi-scope .gallery--square .gallery__media{aspect-ratio:1}
/* Wide tiles for mill photographs, most of which are far wider than 4:3: the crop zooms in less, so a 1547px file still has a pixel for every screen pixel on a retina screen. */
.gi-scope .gallery--wide .gallery__media{aspect-ratio:16/9}
.gi-scope .gallery--portrait .gallery__media{aspect-ratio:3/4}
/* Waleed, on the unit pages: no picture may be cut. This shape lets each
   tile take its photograph's own proportions instead of a fixed frame. */
.gi-scope .gallery--natural .gallery__media{aspect-ratio:auto}
.gi-scope .gallery--natural .gallery__media img{height:auto;object-fit:unset}
.gi-scope .gallery__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.gi-scope a.gallery__media:hover img{transform:scale(1.04)}
.gi-scope .gallery--document .gallery__media{aspect-ratio:1031/1420;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:18px;transition:box-shadow .25s var(--ease),transform .25s var(--ease)}
.gi-scope .gallery--document .gallery__media img{object-fit:contain;border-radius:4px}
.gi-scope .gallery--document a.gallery__media:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.gi-scope .gallery--document a.gallery__media:hover img{transform:none}
.gi-scope .gallery__zoom{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:999px;background:rgba(252,251,247,.94);color:var(--forest);display:grid;place-items:center;opacity:0;transition:opacity .2s}
.gi-scope .gallery__zoom svg{width:16px;height:16px}
.gi-scope a.gallery__media:hover .gallery__zoom, .gi-scope a.gallery__media:focus-visible .gallery__zoom{opacity:1}
.gi-scope .gallery figcaption{display:flex;flex-direction:column;gap:3px;font-style:normal;margin:0;text-align:left}
.gi-scope .gallery figcaption b{font-family:var(--font-display);font-weight:400;font-size:19px;line-height:1.3;color:var(--ink)}
.gi-scope .gallery figcaption>span{font-size:14px;line-height:1.5;color:var(--ink-3)}
.gi-scope .section--forest .gallery figcaption b{color:var(--ivory)}
.gi-scope .section--forest .gallery figcaption>span{color:rgba(247,244,236,.7)}
@media (hover:none){.gi-scope .gallery__zoom{opacity:1}}
@media (max-width:1024px){.gi-scope .gallery--c4, .gi-scope .gallery--c5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.gi-scope .gallery--c3, .gi-scope .gallery--c4, .gi-scope .gallery--c5{grid-template-columns:repeat(2,minmax(0,1fr))}
.gi-scope .gallery{gap:18px}}
@media (max-width:640px){.gi-scope .gallery--landscape, .gi-scope .gallery--wide, .gi-scope .gallery--portrait{grid-template-columns:1fr}
.gi-scope .gallery--c2.gallery--square{grid-template-columns:1fr}
.gi-scope .gallery{gap:16px}
.gi-scope .gallery figcaption b{font-size:17px}
.gi-scope .gallery--document .gallery__media{padding:8px}}
.gi-scope .lightbox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:64px 84px;background:rgba(3,22,10,.94)}
.gi-scope .lightbox[hidden]{display:none}
.gi-scope .lightbox__figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.gi-scope .lightbox__figure img{display:block;width:auto;height:auto;max-width:min(1100px,100%);max-height:calc(100vh - 150px);border-radius:10px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.gi-scope .lightbox__caption{color:var(--ivory);font-size:15px;line-height:1.5;text-align:center;font-style:normal}
.gi-scope .lightbox button{position:absolute;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(247,244,236,.28);border-radius:999px;background:rgba(4,32,14,.7);color:var(--ivory);cursor:pointer;transition:background .2s}
.gi-scope .lightbox button:hover, .gi-scope .lightbox button:focus-visible{background:var(--forest);color:var(--ivory);border-color:rgba(247,244,236,.5)}
.gi-scope .lightbox button[hidden]{display:none}
.gi-scope .lightbox button svg{width:20px;height:20px}
.gi-scope .lightbox__close{top:16px;right:16px}
.gi-scope .lightbox__prev{left:18px;top:50%;transform:translateY(-50%)}
.gi-scope .lightbox__next{right:18px;top:50%;transform:translateY(-50%)}
@media (max-width:640px){.gi-scope .lightbox{padding:68px 12px 84px}
.gi-scope .lightbox__figure img{max-height:calc(100vh - 190px)}
.gi-scope .lightbox__prev, .gi-scope .lightbox__next{top:auto;bottom:18px;transform:none}
.gi-scope .lightbox__prev{left:calc(50% - 58px)}
.gi-scope .lightbox__next{right:calc(50% - 58px)}}
.gi-scope .variety-hero{position:relative;color:var(--ivory);overflow:hidden;
  background:radial-gradient(120% 80% at 50% 118%,#15602c 0%,rgba(21,96,44,0) 58%),linear-gradient(180deg,var(--forest-ink) 0%,var(--forest-deep) 100%)}
.gi-scope .variety-hero .container{position:relative;padding-top:calc(var(--header-h) + var(--topbar-h) + 40px);padding-bottom:clamp(52px,6vw,92px)}
.gi-scope .variety-hero .eyebrow{color:var(--gold)}
.gi-scope .variety-hero h1{max-width:9.06em}
.gi-scope .variety-hero__head{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.gi-scope .variety-hero__head .lead{color:rgba(247,244,236,.8);margin:0}
.gi-scope .variety-hero__label{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(247,244,236,.62);margin:0 0 clamp(20px,2.4vw,32px)}
.gi-scope .variety-hero__label::after{content:"";flex:1;height:1px;background:var(--line-light)}
.gi-scope .variety-steps{--gap:clamp(18px,2.6vw,40px);list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:var(--gap)}
.gi-scope .variety-steps--n1{max-width:300px}
.gi-scope .variety-steps--n2{max-width:620px}
.gi-scope .variety-steps--n3{max-width:940px}
.gi-scope .variety-steps li{position:relative;container-type:inline-size;min-width:0}
.gi-scope .variety-steps--arrows li+li::before{content:"";position:absolute;z-index:2;left:calc(var(--gap) / -2 - 15px);top:calc(min(100cqw,260px) / 2 - 15px);width:30px;height:30px;border-radius:50%;
  border:1px solid rgba(242,179,0,.55);background:var(--forest-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f2b300' stroke-width='2.2'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/14px no-repeat}
.gi-scope .variety-step{display:grid;justify-items:center;text-align:center;color:inherit}
.gi-scope .variety-step__bowl{position:relative;display:block;width:100%;max-width:260px;aspect-ratio:1;transition:transform .6s var(--ease-out)}
.gi-scope .variety-step__bowl::before{content:"";position:absolute;inset:14% 12% 4%;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(24px);transform:translateY(9%)}
.gi-scope .variety-step__bowl img{position:relative;width:100%;height:100%;object-fit:contain}
.gi-scope a.variety-step:hover .variety-step__bowl{transform:translateY(-8px) rotate(-3deg)}
.gi-scope .variety-step__num{margin-top:18px;font-size:12px;letter-spacing:.16em;color:var(--gold)}
.gi-scope .variety-step b{margin-top:6px;font-family:var(--font-display);font-weight:400;font-size:clamp(18px,1.55vw,23px);line-height:1.2;color:var(--ivory)}
.gi-scope .variety-step small{margin-top:4px;font-size:13.5px;line-height:1.45;color:rgba(247,244,236,.66)}
.gi-scope a.variety-step:hover b{color:var(--gold-soft)}
.gi-scope .variety{scroll-margin-top:calc(var(--header-h) + 12px);padding:clamp(64px,7vw,108px) 0}
.gi-scope .variety__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,6vw,104px);align-items:start}
.gi-scope .variety__grid--reverse{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.gi-scope .variety__grid--reverse>.variety__media{order:2}
.gi-scope .variety__grid--solo{grid-template-columns:minmax(0,1fr)}
.gi-scope .variety__grid--solo .variety__body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,96px);align-items:start}
.gi-scope .variety__grid--solo .variety__body>*{grid-column:1}
.gi-scope .variety__grid--solo .variety__facts{grid-column:2;grid-row:1 / span 8;margin-top:0}
.gi-scope .variety__media{position:sticky;top:calc(var(--header-h) + 36px);margin:0;text-align:center}
.gi-scope .variety__bowl{position:relative;display:block;width:100%;max-width:500px;aspect-ratio:1;margin:0 auto}
.gi-scope .variety__bowl::before{content:"";position:absolute;inset:16% 12% 4%;border-radius:50%;background:rgba(19,29,22,.34);filter:blur(30px);transform:translateY(8%)}
.gi-scope .variety__bowl img{position:relative;width:100%;height:100%;object-fit:contain}
.gi-scope .variety__media figcaption{margin-top:22px;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.gi-scope .variety__body .lead{margin-top:22px}
.gi-scope .variety__facts{display:grid;margin:30px 0 0;border-top:1px solid var(--line)}
.gi-scope .variety__facts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.gi-scope .variety__facts dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.gi-scope .variety__facts dd{margin:0;display:flex;flex-wrap:wrap;gap:8px;color:var(--ink);font-weight:500}
.gi-scope .variety__spec-title{margin:36px 0 4px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.gi-scope .variety__spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,44px);margin:0;border-top:1px solid var(--line-strong)}
.gi-scope .variety__spec div{display:grid;grid-template-columns:minmax(6.5rem,1fr) minmax(0,1.35fr);gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
@media (max-width:420px){.gi-scope .variety__spec div{grid-template-columns:1fr;gap:2px}
.gi-scope .variety__spec dd{text-align:left}}
.gi-scope .variety__spec dt{font-size:14px;color:var(--ink-2);min-width:0;overflow-wrap:anywhere}
.gi-scope .variety__spec dd{margin:0;font-size:14px;font-weight:600;color:var(--ink);text-align:right;min-width:0;overflow-wrap:anywhere}
.gi-scope .variety__note{margin-top:14px;font-size:13.5px;line-height:1.55}
.gi-scope .variety__actions{margin-top:32px}
.gi-scope .banner{margin:0}
.gi-scope .banner--narrow{max-width:720px;margin:0 auto}
.gi-scope .banner__media{display:block;overflow:hidden;border-radius:var(--radius-lg);background:var(--white);box-shadow:0 34px 70px -38px rgba(4,32,14,.45)}
.gi-scope .banner__media img{display:block;width:100%;height:auto;transition:transform .8s var(--ease)}
.gi-scope .banner__media:hover img{transform:scale(1.015)}
.gi-scope .banner figcaption{margin:18px auto 0;max-width:720px;text-align:center;font-size:14px;line-height:1.55;color:var(--ink-3)}
@media (max-width:1024px){.gi-scope .variety-hero__head{grid-template-columns:1fr;gap:22px}
.gi-scope .variety-steps--n5, .gi-scope .variety-steps--n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.gi-scope .variety__spec{grid-template-columns:1fr}}
@media (max-width:900px){.gi-scope .variety__grid, .gi-scope .variety__grid--reverse{grid-template-columns:1fr;gap:36px}
.gi-scope .variety__grid--reverse>.variety__media{order:0}
.gi-scope .variety__media{position:static}
.gi-scope .variety__bowl{max-width:340px}}
@media (min-width:641px) and (max-width:900px){.gi-scope .variety__spec{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.gi-scope .variety-steps--n3, .gi-scope .variety-steps--n4, .gi-scope .variety-steps--n5, .gi-scope .variety-steps--n6{max-width:none;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:38%;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scroll-padding:0 var(--gutter);scrollbar-width:none}
.gi-scope .variety-steps::-webkit-scrollbar{display:none}
.gi-scope .variety-steps li{scroll-snap-align:start}
.gi-scope .variety-step b{font-size:17px}
.gi-scope .variety-steps--arrows li+li::before{display:none}
.gi-scope .variety__facts div{grid-template-columns:1fr;gap:8px}
.gi-scope .variety__spec{grid-template-columns:1fr}}
.gi-scope .variety__thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.gi-scope .variety__thumbs a{display:block;width:84px;height:84px;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--white);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.gi-scope .variety__thumbs a:hover{transform:translateY(-3px);box-shadow:0 14px 26px -16px rgba(4,32,14,.45)}
.gi-scope .variety__thumbs img{width:100%;height:100%;object-fit:cover}
/* Thumbnails that switch the main picture: a labelled button per size. */
.gi-scope .variety__thumbs--swap{gap:18px}
.gi-scope .variety__thumb{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:var(--ink-2)}
.gi-scope .variety__thumb-img{display:block;width:84px;height:84px;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--white);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s}
.gi-scope .variety__thumb-img img{width:100%;height:100%;object-fit:contain;padding:6px}
.gi-scope .variety__thumb:hover .variety__thumb-img{transform:translateY(-3px);box-shadow:0 14px 26px -16px rgba(4,32,14,.45)}
.gi-scope .variety__thumb.is-active .variety__thumb-img{border:2px solid var(--forest)}
.gi-scope .variety__thumb-label{font-size:13px;font-weight:600;letter-spacing:.02em;line-height:1}
.gi-scope .variety__thumb.is-active .variety__thumb-label{color:var(--forest)}
.gi-scope .variety__thumb:focus-visible .variety__thumb-img{outline:2px solid var(--gold);outline-offset:3px}
.gi-scope .variety__zoom{display:block;cursor:zoom-in}
.gi-scope .grains{display:grid;border-top:1px solid var(--line-strong)}
.gi-scope .grains__row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) 150px;gap:clamp(16px,2.4vw,32px);align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:inherit}
.gi-scope a.grains__row:hover .grains__name b{color:var(--forest)}
.gi-scope a.grains__row:hover .grains__grain{filter:brightness(1.03)}
.gi-scope .grains__row--ruler{padding:10px 0 8px;border-bottom:1px solid var(--line-strong);font-size:12px;letter-spacing:.08em;color:var(--ink-3)}
.gi-scope .grains__row--ruler>span:last-child{text-align:right}
.gi-scope .grains__ruler{position:relative;display:block;height:22px}
.gi-scope .grains__ruler i{position:absolute;top:0;bottom:0;padding-left:5px;border-left:1px solid var(--line-strong);font-style:normal;font-size:11px;line-height:1}
.gi-scope .grains__ruler i:empty{top:auto;height:8px}
.gi-scope .grains__name{display:grid;gap:2px}
.gi-scope .grains__name b{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,1.5vw,21px);line-height:1.2;color:var(--ink);transition:color .3s var(--ease)}
.gi-scope .grains__name small{font-size:13px;color:var(--ink-3)}
.gi-scope .grains__track{position:relative;display:block;height:26px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / var(--mm,9) - 1px),rgba(19,29,22,.06) calc(100% / var(--mm,9) - 1px),rgba(19,29,22,.06) calc(100% / var(--mm,9)))}
.gi-scope .grains__grain{position:absolute;left:0;top:3px;bottom:3px;border-radius:999px;overflow:hidden;
  background:linear-gradient(180deg,#fffdf6 0%,#efe6cf 55%,#dccfae 100%);box-shadow:inset 0 0 0 1px rgba(138,99,0,.22),0 4px 10px -6px rgba(4,32,14,.35);transition:filter .3s var(--ease)}
.gi-scope .grains__range{position:absolute;top:0;bottom:0;right:0;background:repeating-linear-gradient(135deg,rgba(242,179,0,.28) 0 4px,rgba(242,179,0,.08) 4px 8px)}
.gi-scope .grains__value{font-weight:600;font-size:15px;color:var(--ink);text-align:right;white-space:nowrap}
.gi-scope .grains__note{margin-top:22px;font-size:14px;max-width:760px}
@media (max-width:640px){.gi-scope .grains__row{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}
.gi-scope .grains__track{grid-column:1 / -1;grid-row:2}
.gi-scope .grains__row--ruler{display:none}}
@media (min-width:901px) and (max-width:1024px){.gi-scope .steps.steps--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.gi-scope .steps--5 .step{padding-right:16px}
.gi-scope .steps--5 .step__num::after{margin-right:14px}}
@media (min-width:641px) and (max-width:900px){.gi-scope .steps--5 .step:last-child{grid-column:1 / -1}}
@media (max-width:900px){.gi-scope .variety__grid--solo .variety__body{grid-template-columns:1fr}
.gi-scope .variety__grid--solo .variety__facts{grid-column:1;grid-row:auto;margin-top:30px}}
.gi-scope .gallery__zoom--go svg{width:18px;height:18px}
.gi-scope .variety__slot{position:relative;display:grid;place-items:center;width:100%;max-width:500px;aspect-ratio:1;margin:0 auto;padding:36px;text-align:center;
  border:1px dashed var(--line-strong);border-radius:50%;background:radial-gradient(closest-side,var(--white),rgba(255,255,255,0))}
.gi-scope .variety__slot span{max-width:22ch;font-size:15px;line-height:1.5;color:var(--ink-3)}
@media (max-width:900px){.gi-scope .variety__slot{max-width:320px;padding:28px}}
.gi-scope .split--text{align-items:start}
.gi-scope .split--text .rich>*:first-child{margin-top:0}
.gi-scope .split--single{grid-template-columns:minmax(0,1fr);max-width:900px}
@media (min-width:1025px){.gi-scope .split--text{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr)}
.gi-scope .split--text>div:first-child{position:sticky;top:120px}}
.gi-scope .split--text .rich{max-width:70ch}
@media (max-width:1024px){.gi-scope .split--text{grid-template-columns:1fr}
.gi-scope .split--text>div:first-child{position:static}}
.gi-scope .split__slot, .gi-scope .gallery__slot{display:grid;place-items:center;text-align:center;padding:28px;
  border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:rgba(255,255,255,.5);color:var(--ink-3)}
.gi-scope .split__slot{aspect-ratio:4/3}
.gi-scope .gallery__slot{aspect-ratio:1;border-radius:18px;font-size:13.5px}
.gi-scope .split__slot span, .gi-scope .gallery__slot span{max-width:26ch;font-size:15px;line-height:1.5}

/* 1.13.0 ---------------------------------------------------------------- */
/* A dropdown taller than the screen scrolls inside itself, so the last links
   of Company, For Buyers and Packaging stay reachable on a short laptop. */
.gi-scope .dropdown{max-height:calc(100vh - var(--header-h) - var(--topbar-h) - 16px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:rgba(11,74,30,.32) transparent}
.gi-scope .dropdown::-webkit-scrollbar{width:6px}
.gi-scope .dropdown::-webkit-scrollbar-thumb{background:rgba(11,74,30,.32);border-radius:6px}
.gi-scope .dropdown::-webkit-scrollbar-track{background:transparent;margin:14px 0}

/* Variety hero with a photograph behind it: darkened at the top for the
   heading and at the foot for the bowls, lighter through the middle. */
.gi-scope .variety-hero--photo{background:var(--forest-ink)}
.gi-scope .variety-hero__media{position:absolute;inset:0}
.gi-scope .variety-hero__media img{width:100%;height:100%;object-fit:cover}
.gi-scope .variety-hero__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(4,32,14,.55) 0%,rgba(4,32,14,.3) 50%,rgba(4,32,14,.18) 100%),
             linear-gradient(180deg,rgba(4,32,14,.45) 0%,rgba(4,32,14,.12) 36%,rgba(4,32,14,.62) 70%,rgba(4,32,14,.95) 100%)}
/* the lead sits over the brightest part of the photograph, so it is full ivory with a soft shadow */
.gi-scope .variety-hero--photo .variety-hero__head .lead{color:var(--ivory);text-shadow:0 1px 14px rgba(4,32,14,.55)}
@media (max-width:1024px){.gi-scope .variety-hero__media::after{
  background:linear-gradient(180deg,rgba(4,32,14,.72) 0%,rgba(4,32,14,.45) 34%,rgba(4,32,14,.86) 62%,rgba(4,32,14,.96) 100%)}}

/* Split picture that opens full size: the enlarge button always shows. */
.gi-scope .split__zoom-link{display:block;position:relative;height:100%;cursor:zoom-in;border-radius:var(--radius-lg)}
.gi-scope .split__zoom-link:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.gi-scope .split__zoom{opacity:1}

/* Packs are not bowls. The soft floor shadow drawn under a bowl reads as a
   smudge behind a bag (client, 12 October), so pack cutouts go without it. */
.gi-scope .variety__bowl:has(img[src*="-cutout"])::before{display:none}

/* The picture starts level with the bold heading, not with the small eyebrow
   line above it (client, 12 October). 42px is the eyebrow line plus its gap.
   Desktop only: below 1024px the picture sits above the text anyway. */
@media (min-width:1025px){.gi-scope .variety__grid:has(.variety__body>.eyebrow)>.variety__media{margin-top:48px}}

/* 1.13.5 ---------------------------------------------------------------- */
/* Email on the right of the top bar, beside the language switcher, on laptop
   and desktop screens (client, 13 October). */
.gi-scope .topbar__end .topbar__mail{display:inline-flex;align-items:center;gap:8px;color:rgba(247,244,236,.85)}
@media (max-width:720px){.gi-scope .topbar__end .topbar__mail{display:none}}
/* Footer social icons */
.gi-scope .footer__social{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.gi-scope .footer__social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(242,179,0,.5);display:grid;place-items:center;color:var(--gold);transition:background .25s,color .25s,border-color .25s}
.gi-scope .footer__social a:hover, .gi-scope .footer__social a:focus-visible{background:var(--gold);border-color:var(--gold);color:var(--forest-ink)}
.gi-scope .footer__social svg{width:17px;height:17px;display:block}
/* Same size boxes with the whole picture inside, for galleries mixing wide and square photographs */
/* Each box keeps the grid's size; the photograph sits whole in the middle at its own shape,
   with its own rounded corners, and no coloured band around it. */
.gi-scope .gallery--fit .gallery__media{display:flex;align-items:center;justify-content:center;background:transparent;border-radius:0;overflow:visible}
.gi-scope .gallery--fit .gallery__media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-lg)}
.gi-scope .gallery--fit a.gallery__media:hover img{transform:none}
/* Rows: every picture whole, each row one height. A box takes the picture's own proportions (--ar from the file), so
   cover fills it without cutting anything. A short last row keeps column-sized pictures instead of stretching. */
.gi-scope .gallery--rows{display:flex;flex-direction:column}
.gi-scope .gallery__row{display:flex;gap:inherit;align-items:flex-start}
.gi-scope .gallery--rows .gallery__item{flex:var(--ar,1.3333) 1 0%}
.gi-scope .gallery--rows .gallery__media{aspect-ratio:var(--ar,4/3)}
.gi-scope .gallery--rows a.gallery__media:hover img{transform:none}
.gi-scope .gallery__row--short .gallery__item{flex:0 1 calc((100% - (var(--cols,2) - 1) * 24px) / var(--cols,2))}
@media (max-width:640px){.gi-scope .gallery__row{flex-direction:column}
.gi-scope .gallery--rows .gallery__item, .gi-scope .gallery__row--short .gallery__item{flex:none;width:100%}}
/* Cards that show each picture whole */
.gi-scope .grid--photo-whole .card__media img{object-fit:contain}

/* Slider dots far enough apart for a finger (24px rule), footer headings keep their look as h3 */
.gi-scope .hero__dots{gap:16px}

/* 1.13.7 ---------------------------------------------------------------- */
/* Page banners (Waleed and the client, 13 October): the client's photograph is
   the banner at full width, a little taller than the old How to Import banner
   (Waleed: 650 to 700 on his screen), with the heading
   over its lower part. Only a light shade where the writing sits (a thin band at
   the top for the menu, a soft one at the foot for the heading), so the
   photograph stays bright. On a phone the photograph sits whole on top and the
   heading follows underneath, because a 16:9 banner is too short there to carry it. */
.gi-scope .page-hero:has(.page-hero__media) .page-hero__media img{transform:none;animation:none}
@media (min-width:901px){
.gi-scope .page-hero:has(.page-hero__media), .gi-scope .page-hero--short:has(.page-hero__media){min-height:47.5vw}
/* a 2.1:1 band (about 684px tall on a 1440 screen): about 8% of a 16:9 photograph
   is hidden, more of it from the foot, where the heading sits, than from the top */
.gi-scope .page-hero:has(.page-hero__media) .page-hero__media img{object-position:50% 30%}
.gi-scope .page-hero:has(.page-hero__media) .page-hero__media::after{
  background:linear-gradient(180deg,rgba(4,32,14,.5) 0%,rgba(4,32,14,0) 24%),
             linear-gradient(0deg,rgba(4,32,14,.72) 0%,rgba(4,32,14,.34) 32%,rgba(4,32,14,0) 58%),
             rgba(4,32,14,.2)}  /* a light tint over the whole photograph so every line of the heading reads */
.gi-scope .page-hero:has(.page-hero__media) .container{text-shadow:0 2px 16px rgba(4,32,14,.6),0 1px 3px rgba(4,32,14,.35)}
.gi-scope .page-hero:has(.page-hero__media) .crumbs, .gi-scope .page-hero:has(.page-hero__media) .eyebrow{text-shadow:0 1px 8px rgba(0,0,0,.65)}
.gi-scope .page-hero:has(.page-hero__media) .lead{color:var(--ivory)}}
@media (max-width:900px){
.gi-scope .page-hero:has(.page-hero__media){display:block;min-height:0;padding-top:calc(var(--header-h) + var(--topbar-h))}
.gi-scope .page-hero:has(.page-hero__media) .page-hero__media{position:relative;inset:auto;aspect-ratio:16/9}
.gi-scope .page-hero:has(.page-hero__media) .page-hero__media::after{background:none}
.gi-scope .page-hero:has(.page-hero__media) .container{padding-top:28px}}
/* Basmati and Non-Basmati: the photograph whole across the top, the bowls below it */
.gi-scope .variety-hero--photo .variety-hero__media{bottom:auto;aspect-ratio:16/9}
.gi-scope .variety-hero--photo .variety-hero__media img{height:100%}
@media (max-width:900px){
.gi-scope .variety-hero--photo .variety-hero__media{top:calc(var(--header-h) + var(--topbar-h))}
.gi-scope .variety-hero--photo .variety-hero__media::after{background:linear-gradient(180deg,rgba(4,32,14,0) 55%,rgba(4,32,14,.9) 100%)}
.gi-scope .variety-hero--photo .container{padding-top:calc(var(--header-h) + var(--topbar-h) + 56.25vw + 28px)}}
/* Host conflict overrides.
 *
 * gi-design.css is generated from the approved comp and must stay a faithful
 * copy of it. This file is hand written and holds only what is needed to stop
 * the theme and the builder from fighting that design. Every rule below exists
 * because a specific conflict was measured, not as a precaution.
 */

/* ------------------------------------------------------------------ */
/* 1. Elementor gives every widget a bottom margin from the kit.
 *    Our sections are whole bands that supply their own vertical rhythm,
 *    so the margin showed as a 20px white stripe after each one.          */
/* ------------------------------------------------------------------ */
.elementor .elementor-widget.gi-section-widget,
.elementor .elementor-element.gi-section-widget {
	margin: 0;
}
.gi-section-widget > .elementor-widget-container {
	margin: 0;
	padding: 0;
}

/* ------------------------------------------------------------------ */
/* 2. The header location constrains its children to the kit content
 *    width. A position:fixed header then rendered 1140px wide, centred,
 *    instead of spanning the viewport.                                    */
/* ------------------------------------------------------------------ */
.elementor .gi-scope .site-header,
.elementor .gi-scope .topbar,
.elementor .gi-scope .mobile-nav,
.elementor .gi-scope .cta,
.elementor .gi-scope .footer,
.elementor .gi-scope section,
.elementor .gi-scope .marquee {
	max-width: none;
	width: auto;
}

/* The header and footer templates are Elementor documents of their own;
   neither should add padding around a full bleed band. */
.elementor-location-header .e-con,
.elementor-location-footer .e-con,
.elementor-location-header .elementor-widget-wrap,
.elementor-location-footer .elementor-widget-wrap {
	padding: 0;
}

/* ------------------------------------------------------------------ */
/* 3. Hello Elementor sets .elementor img{height:auto} at a specificity
 *    a single design class cannot beat, which collapses every cover
 *    image to its intrinsic ratio.                                       */
/* ------------------------------------------------------------------ */
.elementor .gi-scope .hero__media img,
.elementor .gi-scope .page-hero__media img,
.elementor .gi-scope .split__media img,
.elementor .gi-scope .product-card__media img,
.elementor .gi-scope .mega__feature img,
.elementor .gi-scope .card--image img,
.elementor .gi-scope .card__media img,
.elementor .gi-scope .gallery__media img,
.elementor .gi-scope .variety-step__bowl img,
.elementor .gi-scope .variety__bowl img,
.elementor .gi-scope .variety__thumbs img,
.elementor .gi-scope .frame img {
	height: 100%;
}
.elementor .gi-scope .media-offset img {
	height: auto;
	aspect-ratio: 1;
}
/* An uncropped split image keeps its own shape (the packaging range photo). */
.elementor .gi-scope .split__media--natural img {
	height: auto;
}

/* ------------------------------------------------------------------ */
/* 4. The kit paints its global link colour onto button labels, and
 *    .elementor a{box-shadow:none} erases the ghost button's border.      */
/* ------------------------------------------------------------------ */
.elementor .gi-scope a.btn {
	text-decoration: none;
}
.elementor .gi-scope a.btn--gold,
.elementor .gi-scope a.btn--gold:hover {
	color: var(--forest-ink);
}
.elementor .gi-scope a.btn--forest,
.elementor .gi-scope a.btn--forest:hover {
	color: var(--ivory);
}
.elementor .gi-scope a.btn--ghost {
	color: var(--ink);
	box-shadow: none;
	border: 1px solid var(--line-strong);
}
.elementor .gi-scope a.btn--ghost:hover {
	color: var(--forest);
	border-color: var(--forest);
}
.elementor .gi-scope a.btn--ghost-light {
	color: var(--ivory);
	box-shadow: none;
	border: 1px solid rgba(255, 255, 255, .35);
}
.elementor .gi-scope a.btn--ghost-light:hover {
	color: var(--gold);
	border-color: var(--gold);
}
.elementor .gi-scope a.link-arrow {
	text-decoration: none;
}

/* ------------------------------------------------------------------ */
/* 5. The kit styles bare button elements with its own padding,
 *    background and radius.                                              */
/* ------------------------------------------------------------------ */
.elementor .gi-scope button.nav-toggle {
	background: none;
	border: 1px solid currentColor;
	border-radius: 50%;
	padding: 0;
}
.elementor .gi-scope button.accordion__btn,
.elementor .gi-scope .mobile-nav__list > li > button {
	background: none;
	border: 0;
	border-radius: 0;
}
.elementor .gi-scope .form button.btn {
	border-radius: 999px;
	padding: 16px 26px;
}
.elementor .gi-scope .form button.btn--gold {
	background: var(--gold);
	color: var(--forest-ink);
}

/* ------------------------------------------------------------------ */
/* 6. Editor preview.
 *    In the builder each widget is wrapped in an absolutely measured
 *    box; a fixed header would then float over the canvas and hide the
 *    section being edited, so it is pinned in place for editing only.   */
/* ------------------------------------------------------------------ */
body.elementor-editor-active .gi-scope .topbar,
body.elementor-editor-active .gi-scope .site-header {
	position: relative;
	top: auto;
	transform: none;
	opacity: 1;
}
body.elementor-editor-active .gi-scope .hero {
	min-height: 0;
}
body.elementor-editor-active .gi-scope .hero__content {
	padding-top: 60px;
}
body.elementor-editor-active .gi-scope .mobile-nav {
	display: none;
}

/* Nothing in the design animates itself into view inside the builder:
   an editor must see the content it is editing, not wait for a scroll. */
body.elementor-editor-active .gi-scope [data-reveal],
body.elementor-editor-active .gi-scope .hero__fade,
body.elementor-editor-active .gi-scope .hero h1 .w > span {
	opacity: 1;
	transform: none;
	animation: none;
}
body.elementor-editor-active .gi-scope .step::before {
	width: 100%;
}

/* (7) Hello Elementor resets every `label` to line-height:1, which crushes the
   form labels: the design lets them inherit the body metrics, and a label that
   wraps to two lines loses the second line's breathing room without this. */
.gi-scope .field label {
	line-height: 1.65;
}

/* (8) The Elementor kit sets `white-space: nowrap` on every button. The
   accordion question is a button, so a long question refused to wrap and
   stretched the mobile grid past the edge of the screen. */
.gi-scope button,
.gi-scope .btn {
	white-space: normal;
}

/* (9) Reviews scroll on the site but stand still in the editor, so each card
   can be clicked and edited. */
body.elementor-editor-active .gi-scope .review-marquee {
	overflow-x: auto;
}
body.elementor-editor-active .gi-scope .review-marquee__track {
	animation: none;
}

/* (10) GTranslate draws its own switcher with a fixed 163px box, Arial and a
   gradient. In the top bar it becomes a quiet label with a gold arrow, and the
   list opens as a card, matching the dropdown menus. */
.gi-scope .topbar__lang .gt_switcher {
	width: auto;
	overflow: visible;
	position: relative;
	font-family: var(--font-body);
	line-height: 1;
}
.gi-scope .topbar__lang .gt_switcher .gt_selected {
	background: transparent;
	z-index: 90;
}
.gi-scope .topbar__lang .gt_switcher .gt_selected a {
	width: auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 26px 4px 0;
	border: 0;
	background: transparent;
	color: rgba(247, 244, 236, .85);
	font-size: 12.5px;
	letter-spacing: .02em;
}
.gi-scope .topbar__lang .gt_switcher .gt_selected a:hover {
	background: transparent;
	color: var(--gold);
}
.gi-scope .topbar__lang .gt_switcher .gt_selected a:after {
	right: 0;
	top: 50%;
	margin-top: -6px;
	height: 12px;
	width: 12px;
	background-size: 10px;
}
.gi-scope .topbar__lang .gt_switcher a img {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	object-fit: cover;
	opacity: 1;
}
.gi-scope .topbar__lang .gt_switcher .gt_option {
	position: absolute;
	right: -12px;
	top: calc(100% + 12px);
	width: 196px;
	max-height: none;
	padding: 6px;
	border: 1px solid var(--line);
	border-radius: 14px;
	background: var(--paper);
	box-shadow: 0 24px 50px -24px rgba(6, 47, 21, .45);
	z-index: 89;
	height: auto !important;
	overflow: visible;
}
/* The top bar sits under the header by default; its language list must not. */
.gi-scope .topbar {
	z-index: 75;
}
.gi-scope .topbar__lang .gt_switcher .gt_option a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: 10px;
	color: var(--ink);
	font-size: 13.5px;
	line-height: 1.2;
}
.gi-scope .topbar__lang .gt_switcher .gt_option a:hover {
	background: var(--cream);
}

/* The mobile menu lists languages as small chips. */
.gi-scope .mobile-nav__lang .gtranslate_wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.gi-scope .mobile-nav__lang .glink {
	padding: 8px 14px;
	border: 1px solid var(--line-strong);
	border-radius: 999px;
	font-size: 13.5px;
	color: var(--ink);
	text-decoration: none;
}
.gi-scope .mobile-nav__lang .glink.gt-current-lang {
	background: var(--forest);
	border-color: var(--forest);
	color: var(--ivory);
}

/* Google's own translate bar and tooltip never show; the switcher is enough. */
body > .skiptranslate,
iframe.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame {
	display: none !important;
}
body {
	top: 0 !important;
}

/* (11) Translated pages run longer. French and Russian labels would push the
   header's quote button against the edge, so the header tightens while a
   translation is showing. */
html[class*="translated-"] .gi-scope .nav__link {
	padding-left: 9px;
	padding-right: 9px;
	font-size: 14px;
}
@media (max-width: 1500px) {
	html[class*="translated-"] .gi-scope .brand__text {
		display: none;
	}
}

/* (12) Arabic through the free translator keeps the page layout left to
   right. Text blocks switch direction so Arabic reads from the right, while
   the grid, images and menus stay exactly where the design puts them. */
html.translated-rtl .gi-scope :is(h1, h2, h3, h4, h5, p, li, .lead, .eyebrow, figcaption, td, th, label, .fact, .chip) {
	direction: rtl;
}

/* (13) Logged in, WordPress puts its admin bar above the page. The fixed top bar
   and header sit below it instead of under it. Visitors never see the bar. */
@media (min-width: 601px) {
	body.admin-bar .gi-scope .topbar,
	body.admin-bar .gi-scope .site-header {
		top: 32px;
	}
}
@media (min-width: 601px) and (max-width: 782px) {
	body.admin-bar .gi-scope .topbar,
	body.admin-bar .gi-scope .site-header {
		top: 46px;
	}
}
/* Phones: WordPress lets its bar scroll away below 601px, so it sat on top of
   the fixed top bar and header and squeezed the logo and menu. Pin it and put
   the header under it, as on wider screens. The mobile menu starts below it. */
@media (max-width: 600px) {
	html #wpadminbar {
		position: fixed;
	}
	body.admin-bar .gi-scope .topbar,
	body.admin-bar .gi-scope .site-header {
		top: 46px;
	}
}
@media (max-width: 782px) {
	body.admin-bar .gi-scope .mobile-nav {
		top: 46px;
	}
}
@media (min-width: 783px) {
	body.admin-bar .gi-scope .mobile-nav {
		top: 32px;
	}
}

/* (14) World map in the builder: the preview may not run main.js, so the map
   masks load straight away there instead of waiting for .is-near. */
body.elementor-editor-active .gi-scope .world-map .world-map__land,
body.elementor-editor-active .gi-scope .world-map .world-map__borders {
	opacity: 1;
}
body.elementor-editor-active .gi-scope .world-map .world-map__land {
	-webkit-mask-image: url(../img/world-land.svg);
	mask-image: url(../img/world-land.svg);
}
body.elementor-editor-active .gi-scope .world-map .world-map__borders {
	-webkit-mask-image: url(../img/world-borders.svg);
	mask-image: url(../img/world-borders.svg);
}

/* (15) Rendering budget. Sections below the hero are laid out and painted
   only as they come near the screen, so a phone draws the first screen
   without working through the whole page, and images inside a far section
   are not requested until it approaches. "auto" remembers each section's real
   height once it has been drawn. Off in the builder, where every section must
   render for editing. */
body:not(.elementor-editor-active) .gi-scope section.section,
body:not(.elementor-editor-active) .gi-scope section.cta {
	content-visibility: auto;
	contain-intrinsic-size: auto 900px;
}

/* (16) The hidden attribute must win. The design gives form fields and the
   submit row their own display values, which beat the browser's hidden rule,
   so after a successful send the fields and the "Sending" button stayed on
   screen under the thank-you note. */
.gi-scope [hidden] {
	display: none !important;
}

/* (17) Sticky columns (FAQ intro, quotation side cards) need the scope to
   clip, not hide: overflow hidden turns .gi-scope into a scroll container and
   position:sticky then has nothing to stick to. clip keeps the same guard
   against sideways scrolling. */
.gi-scope {
	overflow-x: clip;
	overflow-y: visible;
}

/* (18) A narrow banner is a figure, and the theme resets every figure margin
   at a weight the design class cannot reach, so `margin: 0 auto` was dropped
   and the picture sat against the left edge of the column instead of in the
   middle of it. This restores the centring on every screen. */
.elementor .gi-scope .banner--narrow,
.gi-scope figure.banner--narrow {
	margin-left: auto !important;
	margin-right: auto !important;
}