/* İl Gıda — styles (vanilla). Extracted verbatim from the original bundle:
   web-font @font-face rules (Archivo + Hanken Grotesk), base reset, and the
   hover/focus interaction rules that the original runtime injected inline. */

/* ============ FONTS ============ */
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-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;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-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;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-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;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-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;
}
/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url("../fonts/archivo-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;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/hanken-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/hanken-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;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/hanken-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/hanken-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;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/hanken-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/hanken-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;
}
/* latin-ext */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/hanken-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/hanken-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;
}

/* ============ EXTRACTED INLINE STYLES (base layout — must precede INTERACTION so :hover wins by source order) ============ */
.page{font-family:'Hanken Grotesk',system-ui,sans-serif;color:#2b2922;background:#f4efe4;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
.header{position:sticky;top:0;z-index:50;background:rgba(244,239,228,0.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(43,41,34,0.1);}
.header__inner{max-width:1240px;margin:0 auto;padding:14px clamp(20px,5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.header__logo-link{display:flex;align-items:center;text-decoration:none;position:relative;z-index:70;}
.header__logo-img{height:36px;width:auto;display:block;}
.header__nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px);flex-wrap:wrap;}
.header__nav-link{text-decoration:none;color:#4a473d;font-weight:500;font-size:0.95rem;}
.header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.header__btn-outline{border:1.5px solid rgba(52,64,42,0.35);color:#34402a;padding:10px 18px;border-radius:8px;font-weight:600;font-size:0.92rem;text-decoration:none;white-space:nowrap;}
.header__btn-primary{background:#34402a;color:#f4efe4;padding:11px 20px;border-radius:8px;font-weight:600;font-size:0.92rem;text-decoration:none;white-space:nowrap;}
.header__menu{display:flex;align-items:center;gap:24px;}
.header__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;margin:0;border:none;background:transparent;cursor:pointer;position:relative;z-index:70;}
.header__toggle-bar{display:block;width:24px;height:2px;margin:0 auto;background:#2b2922;border-radius:2px;transition:transform .3s ease, opacity .2s ease;}
.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;overflow:hidden;}
.hero__bg{position:absolute;inset:-6% -2%;transform:scale(1.12);background-image:url("../../img/hero-bg.webp");background-size:cover;background-position:center;}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(28,34,20,0.93) 0%,rgba(28,34,20,0.66) 46%,rgba(28,34,20,0.3) 100%);}
.hero__inner{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:clamp(90px,12vw,150px) clamp(20px,5vw,48px) clamp(56px,7vw,90px);color:#f4efe4;}
.hero__eyebrow{font-family:'Archivo',sans-serif;font-weight:700;font-size:0.8rem;letter-spacing:0.22em;text-transform:uppercase;color:#3fbf3f;margin-bottom:24px;}
.hero__title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2.4rem,6vw,5.4rem);line-height:0.98;letter-spacing:-0.025em;margin:0 0 26px;max-width:16ch;}
.hero__lead{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.6;color:rgba(244,239,228,0.86);max-width:60ch;margin:0 0 36px;}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;}
.hero__btn-primary{background:#019901;color:#fff;padding:16px 28px;border-radius:8px;font-weight:600;font-size:1.02rem;text-decoration:none;}
.hero__btn-secondary{border:1.5px solid rgba(244,239,228,0.5);color:#f4efe4;padding:16px 26px;border-radius:8px;font-weight:600;font-size:1.02rem;text-decoration:none;}
.section__inner{max-width:1240px;margin:0 auto;}
.numbers__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px;margin-bottom:clamp(40px,5vw,68px);}
.section__eyebrow--light{font-family:'Archivo',sans-serif;font-weight:700;font-size:0.8rem;letter-spacing:0.22em;text-transform:uppercase;color:#3fbf3f;margin-bottom:16px;}
.numbers__value{display:flex;align-items:baseline;font-family:'Archivo',sans-serif;font-weight:800;line-height:0.9;letter-spacing:-0.03em;}
.numbers__value-num{font-size:clamp(3.4rem,7vw,6rem);}
.section{background:#f4efe4;padding:clamp(72px,10vw,130px) clamp(20px,5vw,48px);}
.numbers__head--editorial{max-width:60ch;margin-bottom:clamp(40px,5vw,64px);}
.section__eyebrow{font-family:'Archivo',sans-serif;font-weight:700;font-size:0.8rem;letter-spacing:0.22em;text-transform:uppercase;color:#019901;margin-bottom:16px;}
.section__title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.02;letter-spacing:-0.02em;margin:0;color:#28311c;}
.numbers__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;border-top:1px solid rgba(43,41,34,0.16);}
.numbers__cell{border-bottom:1px solid rgba(43,41,34,0.16);padding:clamp(28px,3vw,40px) clamp(8px,1.5vw,28px) clamp(28px,3vw,40px) 0;}
.numbers__value--dark{display:flex;align-items:baseline;font-family:'Archivo',sans-serif;font-weight:800;line-height:0.9;letter-spacing:-0.03em;color:#34402a;}
.numbers__value-num--dark{font-size:clamp(3.6rem,7.5vw,6.6rem);}
.numbers__value-suffix{font-size:clamp(2rem,4vw,3.6rem);color:#019901;}
.numbers__label{font-size:0.98rem;line-height:1.45;color:#6a675c;margin-top:16px;max-width:26ch;}
.numbers__value--text{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2rem,3.6vw,3.2rem);line-height:0.96;letter-spacing:-0.02em;color:#34402a;}
.channels__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:clamp(40px,5vw,60px);}
.channels__intro{font-size:1.05rem;line-height:1.6;color:#6a675c;max-width:36ch;margin:0;}
.channels__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.channel-card{background:#fbf7ed;border:1px solid rgba(43,41,34,0.1);border-radius:12px;padding:30px 28px;display:flex;flex-direction:column;gap:12px;min-height:170px;}
.channel-card__num{font-family:'Archivo',sans-serif;font-weight:800;font-size:0.95rem;letter-spacing:0.04em;color:#019901;}
.channel-card__title{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:-0.01em;color:#28311c;line-height:1.15;margin-top:auto;}
.channel-card__desc{font-size:0.95rem;color:#6a675c;line-height:1.45;}
.brands{background:#efe9db;padding:clamp(72px,10vw,130px) clamp(20px,5vw,48px);}
.brands__head{max-width:62ch;margin-bottom:clamp(40px,5vw,60px);}
.brands__title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.02;letter-spacing:-0.02em;margin:0 0 16px;color:#28311c;}
.brands__intro{font-size:1.08rem;line-height:1.6;color:#5a574c;margin:0;}
.brands__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;}
.brand-card{position:relative;aspect-ratio:4/7;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;}
.brand-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.brand-card__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,26,14,0.92) 0%,rgba(20,26,14,0.72) 26%,rgba(20,26,14,0.28) 52%,rgba(20,26,14,0.05) 74%,rgba(20,26,14,0) 100%);opacity:0;transition:opacity .55s ease;}
.brand-card__logos{display:flex;gap:8px;margin-bottom:10px;}
.brand-card__logo{width:42px;height:42px;object-fit:contain;background:rgba(255,255,255,0.92);border-radius:8px;padding:4px;}
.brand-card__badge{position:absolute;top:12px;right:12px;font-family:'Archivo',sans-serif;font-weight:700;font-size:0.62rem;letter-spacing:0.08em;color:#fff;background:rgba(1,153,1,0.92);padding:5px 9px;border-radius:999px;}
.brand-card__body{position:relative;margin-top:auto;padding:22px;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(24px);transition:opacity .4s ease,transform .55s cubic-bezier(.16,1,.3,1);}
.brand-card__name{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-0.01em;color:#fff;line-height:1.05;}
.brand-card__desc{font-size:0.92rem;color:rgba(244,239,228,0.82);line-height:1.4;}
.brand-card__region{margin-top:8px;font-family:'Archivo',sans-serif;font-weight:700;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:#7fd67f;}
.brand-card__placeholder{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#e8e1d1 0 14px,#efe8d8 14px 28px);display:flex;align-items:center;justify-content:center;}
.brand-card__placeholder-letter{font-family:'Archivo',sans-serif;font-weight:800;font-size:3rem;color:rgba(52,64,42,0.45);}
.brand-card__placeholder-note{position:absolute;top:50%;left:50%;transform:translate(-50%,26px);font-family:ui-monospace,Menlo,monospace;font-size:0.6rem;color:#8a8576;background:rgba(255,255,255,0.75);padding:4px 8px;border-radius:6px;}
.operations__grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:clamp(36px,5vw,72px);align-items:center;}
.operations__gallery{aspect-ratio:4/5;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -36px rgba(40,49,28,0.5);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;background:#e8e1d1;}
.operations__gallery-img{width:100%;height:100%;object-fit:cover;display:block;}
.operations__title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2rem,4vw,3.1rem);line-height:1.04;letter-spacing:-0.02em;margin:0 0 32px;color:#28311c;max-width:18ch;}
.operations__list{display:flex;flex-direction:column;}
.operations__item{display:flex;gap:20px;padding:22px 0;border-top:1px solid rgba(43,41,34,0.14);}
.operations__item-num{font-family:'Archivo',sans-serif;font-weight:800;font-size:1rem;color:#019901;flex-shrink:0;padding-top:3px;}
.operations__item-title{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.2rem;color:#28311c;margin-bottom:7px;letter-spacing:-0.01em;}
.operations__item-desc{font-size:1.0rem;line-height:1.55;color:#5a574c;}
.services{background:#34402a;color:#f4efe4;padding:clamp(72px,10vw,130px) clamp(20px,5vw,48px);}
.services__head{max-width:62ch;margin-bottom:clamp(40px,5vw,62px);}
.services__title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.02;letter-spacing:-0.02em;margin:0 0 16px;}
.services__intro{font-size:1.08rem;line-height:1.6;color:rgba(244,239,228,0.78);margin:0;}
.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:rgba(244,239,228,0.16);border:1px solid rgba(244,239,228,0.16);}
.service-card{background:#34402a;padding:clamp(30px,3.2vw,46px);display:flex;flex-direction:column;gap:14px;}
.service-card__num{font-family:'Archivo',sans-serif;font-weight:800;font-size:0.95rem;color:#3fbf3f;letter-spacing:0.04em;}
.service-card__title{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.45rem;letter-spacing:-0.01em;line-height:1.15;}
.service-card__desc{font-size:1.02rem;line-height:1.6;color:rgba(244,239,228,0.8);}
.about__head{max-width:64ch;}
.about__title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.04;letter-spacing:-0.025em;margin:0 0 28px;color:#28311c;}
.about__media{margin-top:clamp(32px,4vw,48px);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -36px rgba(40,49,28,0.5);}
.about__img{width:100%;height:auto;max-height:520px;object-fit:cover;display:block;}
.about__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,4vw,56px);margin-top:clamp(32px,4vw,48px);}
.about__col{display:flex;flex-direction:column;gap:18px;}
.about__text{font-size:1.1rem;line-height:1.65;color:#3f3d34;margin:0;}
.about__text-strong{font-weight:700;color:#28311c;}
.about__signature{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.05rem;color:#34402a;margin-top:6px;}
.certs{background:#e7e0cf;padding:clamp(40px,5vw,60px) clamp(20px,5vw,48px);}
.certs__inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:28px;}
.certs__copy{max-width:46ch;}
.certs__eyebrow{font-family:'Archivo',sans-serif;font-weight:700;font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;color:#019901;margin-bottom:10px;}
.certs__text{font-size:1.05rem;line-height:1.55;color:#4a473d;margin:0;}
.certs__text-strong{color:#28311c;}
.certs__badges{display:flex;gap:20px;flex-wrap:wrap;align-items:center;}
.certs__logo{height:72px;width:auto;object-fit:contain;display:block;}
.apply{background:#28311c;color:#f4efe4;padding:clamp(72px,10vw,130px) clamp(20px,5vw,48px);}
.apply__grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(36px,5vw,68px);align-items:start;}
.apply__intro{font-family:'Archivo',sans-serif;font-weight:700;font-size:0.8rem;letter-spacing:0.22em;text-transform:uppercase;color:#3fbf3f;margin-bottom:18px;}
.apply__title{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.04;letter-spacing:-0.02em;margin:0 0 22px;max-width:16ch;}
.apply__lead{font-size:1.1rem;line-height:1.6;color:rgba(244,239,228,0.8);margin:0 0 40px;max-width:46ch;}
.apply__contact{display:flex;flex-direction:column;gap:18px;border-top:1px solid rgba(244,239,228,0.18);padding-top:30px;}
.apply__contact-item{font-family:'Archivo',sans-serif;font-weight:600;font-size:0.74rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(244,239,228,0.55);margin-bottom:5px;}
.apply__contact-label{font-size:1.1rem;color:#f4efe4;}
.apply__contact-value{color:#f4efe4;text-decoration:none;}
.apply__form-card{background:#fbf7ed;border-radius:16px;padding:clamp(28px,3.5vw,44px);color:#2b2922;box-shadow:0 40px 90px -40px rgba(0,0,0,0.5);}
.apply__success{display:none;flex-direction:column;align-items:flex-start;gap:18px;padding:30px 0;}
.apply__success-icon{width:56px;height:56px;border-radius:50%;background:#34402a;color:#f4efe4;display:flex;align-items:center;justify-content:center;font-size:1.6rem;}
.apply__success-title{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.7rem;letter-spacing:-0.01em;color:#28311c;}
.apply__success-text{font-size:1.05rem;line-height:1.6;color:#5a574c;margin:0;}
.apply__form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;}
.apply__field-label{display:block;font-size:0.82rem;font-weight:600;color:#4a473d;margin-bottom:7px;}
.apply__input{width:100%;padding:13px 15px;border-radius:9px;border:1px solid rgba(43,41,34,0.2);background:#fff;font-family:inherit;font-size:1rem;color:#2b2922;}
.apply__field--full{grid-column:1/-1;}
.apply__select{width:100%;padding:13px 15px;border-radius:9px;border:1px solid rgba(43,41,34,0.2);background:#fff;font-family:inherit;font-size:1rem;color:#2b2922;}
.apply__textarea{width:100%;padding:13px 15px;border-radius:9px;border:1px solid rgba(43,41,34,0.2);background:#fff;font-family:inherit;font-size:1rem;color:#2b2922;resize:vertical;}
.apply__submit-row{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;}
.apply__submit{background:#019901;color:#fff;border:none;padding:16px 26px;border-radius:9px;font-family:inherit;font-weight:600;font-size:1.05rem;cursor:pointer;}
.apply__submit-note{font-size:0.82rem;color:#8a8576;line-height:1.5;}
.apply__submit-note-strong{color:#5a574c;}
/* Honeypot — off-screen (not display:none, so bots still fill it). */
.apply__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.footer{background:#1d2414;color:rgba(244,239,228,0.78);padding:clamp(54px,6vw,80px) clamp(20px,5vw,48px) 40px;}
.footer__grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;}
.footer__brand{max-width:34ch;}
.footer__brand-mark{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.footer__brand-dot{width:12px;height:12px;background:#019901;display:inline-block;}
.footer__brand-name{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.3rem;color:#f4efe4;}
.footer__brand-desc{font-size:1.02rem;line-height:1.6;margin:0;color:rgba(244,239,228,0.7);}
.footer__col-title{font-family:'Archivo',sans-serif;font-weight:700;font-size:0.74rem;letter-spacing:0.16em;text-transform:uppercase;color:rgba(244,239,228,0.5);margin-bottom:16px;}
.footer__links{display:flex;flex-direction:column;gap:11px;}
.footer__link{color:rgba(244,239,228,0.78);text-decoration:none;font-size:0.98rem;}
.footer__contact{display:flex;flex-direction:column;gap:11px;font-size:0.98rem;}
.footer__contact-link{color:inherit;text-decoration:none;}
.footer__cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px;}
.footer__cta-btn{background:#019901;color:#fff;padding:13px 22px;border-radius:8px;font-weight:600;font-size:0.95rem;text-decoration:none;}
.footer__bottom{max-width:1240px;margin:48px auto 0;padding-top:24px;border-top:1px solid rgba(244,239,228,0.14);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.footer__copyright{font-size:0.86rem;color:rgba(244,239,228,0.55);}
.footer__credit{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:rgba(244,239,228,0.5);font-size:0.8rem;}
.footer__credit-img{display:block;height:40px;width:auto;opacity:0.75;}

/* ============ BASE ============ */
*{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:#f4efe4;}
  ::selection{background:#019901;color:#fff;}

/* ============ INTERACTION (hover / focus) ============ */
.header__nav-link:hover{color:#34402a;}
.header__btn-primary:hover{background:#283120;}
.header__btn-outline:hover{background:rgba(52,64,42,0.08);border-color:rgba(52,64,42,0.55);}
.hero__btn-primary:hover{background:#017301;}
.hero__btn-secondary:hover{background:rgba(244,239,228,0.1);}
.channel-card:hover{border-color:rgba(1,153,1,0.55);transform:translateY(-3px);transition:transform .25s,border-color .25s;}
.brand-card:hover{box-shadow:0 24px 50px -30px rgba(40,49,28,0.45);transform:translateY(-3px);transition:transform .25s,box-shadow .25s;}
.brand-card:hover .brand-card__scrim{opacity:1;}
.brand-card:hover .brand-card__body{opacity:1;transform:translateY(0);transition-delay:.08s;}
.apply__input:focus{border-color:#019901;outline:3px solid rgba(1,153,1,0.18);}
.apply__select:focus{border-color:#019901;outline:3px solid rgba(1,153,1,0.18);}
.apply__textarea:focus{border-color:#019901;outline:3px solid rgba(1,153,1,0.18);}
.apply__submit:hover{background:#017301;}
.footer__link:hover{color:#3fbf3f;}
.footer__cta-btn:hover{background:#017301;}
.footer__credit:hover{color:rgba(244,239,228,0.85);}
.footer__credit:hover img{opacity:1;}
@media (max-width:900px){.channels__grid{grid-template-columns:repeat(2,1fr)!important;}}
@media (max-width:560px){.channels__grid{grid-template-columns:1fr!important;}}

/* ---- Mobile header: hamburger + fullscreen drawer ---- */
@media (max-width:820px){
  .header__inner{flex-wrap:nowrap;}
  .header__toggle{display:flex;}

  /* Drawer: fullscreen overlay, hidden until toggled open.
     NB: .header has backdrop-filter, which makes it a containing block for
     fixed descendants — so inset:0 would resolve against the header, not the
     viewport. Pin explicitly to 100vw/100dvh + top/left:0 to fill the screen. */
  .header__menu{
    position:fixed;top:0;left:0;z-index:60;
    width:100vw;height:100vh;height:100dvh;
    flex-direction:column;justify-content:center;align-items:stretch;
    gap:8px;
    padding:96px clamp(24px,7vw,48px) 48px;
    background:#f4efe4;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
    overflow-y:auto;
  }
  .header__menu.is-open{
    opacity:1;visibility:visible;transform:none;
    transition:opacity .3s ease, transform .3s ease, visibility 0s;
  }

  .header__nav{flex-direction:column;align-items:stretch;gap:4px;width:100%;}
  .header__nav-link{
    display:block;width:100%;box-sizing:border-box;
    padding:16px 18px;border-radius:10px;
    font-size:1.15rem;text-align:center;
  }
  .header__nav-link:active{background:rgba(52,64,42,0.08);}

  .header__actions{
    flex-direction:column;align-items:stretch;gap:12px;width:100%;
    margin-top:20px;padding-top:20px;border-top:1px solid rgba(43,41,34,0.12);
  }
  .header__btn-outline,.header__btn-primary{
    display:block;width:100%;box-sizing:border-box;
    padding:16px 20px;text-align:center;font-size:1rem;white-space:normal;
  }

  /* ☰ → ✕ morph when the drawer is open. */
  .header__toggle[aria-expanded="true"] .header__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .header__toggle[aria-expanded="true"] .header__toggle-bar:nth-child(2){opacity:0;}
  .header__toggle[aria-expanded="true"] .header__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* Lock background scroll while the drawer is open. */
  body.menu-open{overflow:hidden;}
}
