/* ============================================================
   TEPLO STORE — site design system
   Layout & rhythm: "Apollo" (editorial print-brochure)
   Colours & type: Teplo Store Brand Identity 2022
   ------------------------------------------------------------
   Primary:   navy #11212F (Pantone 546) · sand #A88A53 (Pantone 7504)
   Navy ramp: #153445 (547) · #455E6B (7545) · #74838D (430) · #A1ADB4 (7543)
   Sand ramp: #BB965F (4515) · #C8AB7E (7503) · #D5BF9C (4665) · #E3D4BE (4675)
   Type:      Mulish (brand) · Cormorant 300 (display serif)
   ============================================================ */

:root{
  /* Brand primaries */
  --navy:#11212f;          /* Pantone 546 — text, nav, footer, structural dark */
  --sand:#a88a53;          /* Pantone 7504 — the single accent: borders, active states, marks */

  /* Brand supplementary ramps */
  --navy-2:#153445;        /* Pantone 547  */
  --steel:#455e6b;         /* Pantone 7545 — brand-voice display headings */
  --bluegray:#74838d;      /* Pantone 430  */
  --bluegray-2:#a1adb4;    /* Pantone 7543 */
  --sand-2:#bb965f;        /* Pantone 4515 */
  --sand-3:#c8ab7e;        /* Pantone 7503 */
  --sand-4:#d5bf9c;        /* Pantone 4665 */
  --sand-pale:#e3d4be;     /* Pantone 4675 — highlight wash */

  /* Derived surfaces & lines */
  --linen:#faf8f2;         /* canvas — warm off-white in step with the sand ramp */
  --ash:#dcdfe1;           /* hairline rules — cool gray tuned to the navy ramp */
  --wash-warm:#f2ead9;     /* hover wash — sand-pale over canvas */
  --wash-cool:#e6eaec;     /* secondary panel — blue-gray over canvas */
  --carbon:#000000;
  --navy-soft:rgba(17,33,47,.72);        /* secondary text */
  --linen-dim:rgba(250,248,242,.75);     /* secondary text on dark */
  --ash-on-dark:rgba(250,248,242,.16);   /* hairlines on navy */

  /* Type */
  --sans:'Mulish',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --serif:'Cormorant',ui-serif,Georgia,serif;

  /* Layout */
  --maxw:1200px;
  --radius:3px;
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--linen);
  color:var(--navy);
  font-family:var(--sans);
  font-size:18px;
  font-weight:400;
  line-height:1.55;
  letter-spacing:.03em;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;border-radius:var(--radius)}
a{color:inherit;text-decoration:none}
p{margin:0 0 20px}
hr.rule{border:0;border-top:1px solid var(--ash);margin:0}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 34px}
.section{padding:64px 0}
.section-tight{padding:48px 0}

/* ---------- Type roles ---------- */
.eyebrow{
  font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.1em;line-height:1.84;color:var(--navy);
  margin:0 0 30px;
}
.eyebrow-wash{
  display:inline-block;background:var(--sand-pale);
  padding:4px 14px;border-radius:var(--radius);
}
h1,h2,h3,h4{margin:0}
.heading{
  font-family:var(--sans);font-weight:600;font-size:32px;
  line-height:1.27;letter-spacing:.07em;text-transform:uppercase;
  color:var(--navy);
}
.display{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(34px,4.2vw,47px);line-height:.97;letter-spacing:.03em;
  color:var(--navy);
}
.display-hero{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(36px,4.6vw,47px);line-height:.95;letter-spacing:.08em;
  color:var(--linen);
}
.display-brand{color:var(--steel)}
.body-lg{font-size:20px;line-height:1.49;letter-spacing:.03em}
.body-sm{font-size:14px;line-height:1.5}
.caption{font-size:12px;line-height:1.84;letter-spacing:.1em;text-transform:uppercase}
.muted{color:var(--navy-soft)}
.measure{max-width:600px}

/* ---------- Buttons ---------- */
.btn{
  display:inline-block;
  background:transparent;
  border:1px solid var(--sand);
  border-radius:var(--radius);
  padding:23px 45px;
  font-family:var(--sans);font-size:12px;font-weight:600;
  letter-spacing:.07em;text-transform:uppercase;
  color:var(--navy);
  transition:background .25s,color .25s,border-color .25s;
  cursor:pointer;
}
.btn:hover{background:var(--wash-warm)}
.btn.on-dark{color:var(--linen)}
.btn.on-dark:hover{background:rgba(168,138,83,.18)}
.btn-ghost{border-color:var(--linen);color:var(--linen)}
.btn-ghost:hover{background:rgba(250,248,242,.1)}
.btn-sm{padding:17px 34px}

/* ---------- Navigation ---------- */
.nav{
  position:sticky;top:0;z-index:60;
  background:var(--navy);
}
.nav-inner{
  max-width:var(--maxw);margin:0 auto;padding:0 34px;
  min-height:60px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
}
.nav-links{display:flex;align-items:center;gap:6px;justify-self:start}
.nav-links a{
  font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.1em;color:var(--linen);
  padding:20px 16px;border-bottom:1px solid transparent;
  transition:color .2s,border-color .2s;
}
.nav-links a:hover{color:var(--sand-3)}
.nav-links a.active{border-bottom-color:var(--sand)}
.lockup{
  justify-self:center;display:flex;align-items:center;gap:12px;
  color:var(--linen);
}
.lockup .mark{width:22px;height:26px;color:var(--sand)}
.lockup .word{
  font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.1em;white-space:nowrap;
}
.nav-cta{justify-self:end}
.nav-cta .btn{padding:14px 28px}

/* ---------- Hero (full-bleed) ---------- */
.hero{
  position:relative;min-height:82vh;
  display:flex;align-items:center;justify-content:center;
  text-align:center;overflow:hidden;
}
.hero-img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;border-radius:0;
}
.hero-veil{
  position:absolute;inset:0;
  background:linear-gradient(rgba(17,33,47,.66),rgba(17,33,47,.46) 55%,rgba(17,33,47,.6));
}
.hero-content{position:relative;z-index:2;padding:120px 34px;max-width:880px}
.hero-eyebrow{
  font-size:14px;font-weight:600;text-transform:uppercase;
  letter-spacing:.07em;color:var(--linen);margin:0 0 20px;
}
.hero-sub{
  color:var(--linen-dim);font-size:18px;line-height:1.55;
  max-width:600px;margin:30px auto 0;
}
.hero-cta{margin-top:45px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
/* Light editorial portrait hero — softer, warmer scrim (darkest through the centre band where the text sits) */
.hero--portrait .hero-img{object-position:center 32%}
.hero--portrait .hero-veil{
  background:
    radial-gradient(58% 40% at 50% 49%,rgba(17,33,47,.52),rgba(17,33,47,0) 74%),
    linear-gradient(rgba(17,33,47,.16),rgba(17,33,47,.10) 42%,rgba(17,33,47,.30));
}
.hero--portrait .display-hero,
.hero--portrait .hero-eyebrow{text-shadow:0 1px 30px rgba(17,33,47,.62)}

/* ---------- Page header (interior pages) ---------- */
.page-head{padding:90px 0 23px}
.page-head .display{max-width:820px}
.page-head .intro{margin-top:30px}

/* ---------- Two-column editorial ---------- */
.cols{
  display:grid;grid-template-columns:1fr 1.1fr;
  gap:90px;align-items:center;
}
.cols.img-left{grid-template-columns:1.1fr 1fr}
.cols.img-left .col-img{order:-1}

/* ---------- Stats strip ---------- */
.stats{
  border-top:1px solid var(--ash);border-bottom:1px solid var(--ash);
  display:grid;grid-template-columns:repeat(5,1fr);
}
.stats-4{grid-template-columns:repeat(4,1fr)}
.stat{
  padding:40px 20px;text-align:center;
  border-left:1px solid var(--ash);
}
.stat:first-child{border-left:0}
.stat .n{
  font-family:var(--serif);font-weight:300;font-size:47px;
  line-height:.95;letter-spacing:.03em;color:var(--navy);
}
.stat .l{
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--navy-soft);margin-top:14px;line-height:1.84;
}

/* ---------- Cards ---------- */
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card-grid-5{grid-template-columns:repeat(5,1fr)}
.card-grid-5 .card{padding:34px 26px}
.card{
  border:1px solid var(--ash);border-radius:var(--radius);
  padding:45px 34px;background:transparent;
  transition:background .25s;
}
.card:hover{background:var(--wash-warm)}
.card .tag{
  font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--navy-soft);
}
.card h3{
  font-family:var(--serif);font-weight:300;font-size:28px;
  line-height:1.05;letter-spacing:.02em;margin:18px 0 14px;
}
.card p{font-size:14px;line-height:1.5;color:var(--navy-soft);margin:0}
.card .metric{
  margin-top:23px;padding-top:17px;border-top:1px solid var(--ash);
  font-size:12px;letter-spacing:.07em;text-transform:uppercase;
}

/* ---------- Ecosystem (dark · cursor-reveal · waves background) ---------- */
.eco-dark{position:relative;background:var(--navy);color:var(--linen);overflow:hidden}
.eco-dark .eyebrow{color:var(--sand-3)}
.eco-dark .heading{color:var(--linen)}
.eco-dark .muted{color:var(--linen-dim)}
.eco-waves{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.eco-dark .wrap{position:relative;z-index:1}
.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.eco-card{
  position:relative;overflow:hidden;min-height:300px;
  border:1px solid rgba(250,248,242,.16);border-radius:var(--radius);
  padding:34px 26px 28px;background:rgba(255,255,255,.02);
  transition:border-color .4s;
}
.eco-reveal{ /* photograph visible across the whole card — fully clear at the cursor, smoothly dimming with distance (never below ~25%) */
  position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .4s ease;
  background-size:cover;background-position:center;
  -webkit-mask-image:radial-gradient(circle 430px at var(--mx,50%) var(--my,50%),
    rgba(0,0,0,.85) 0%,rgba(0,0,0,.83) 12%,rgba(0,0,0,.78) 24%,rgba(0,0,0,.70) 38%,
    rgba(0,0,0,.60) 52%,rgba(0,0,0,.50) 66%,rgba(0,0,0,.43) 82%,rgba(0,0,0,.40) 100%);
          mask-image:radial-gradient(circle 430px at var(--mx,50%) var(--my,50%),
    rgba(0,0,0,.85) 0%,rgba(0,0,0,.83) 12%,rgba(0,0,0,.78) 24%,rgba(0,0,0,.70) 38%,
    rgba(0,0,0,.60) 52%,rgba(0,0,0,.50) 66%,rgba(0,0,0,.43) 82%,rgba(0,0,0,.40) 100%);
}
.eco-card:hover{border-color:rgba(200,171,126,.5)}
.eco-card:hover .eco-reveal{opacity:1}
.eco-card .num{position:absolute;top:24px;right:24px;z-index:1;font-family:var(--serif);font-size:30px;color:rgba(250,248,242,.22)}
.eco-card .tag{position:relative;z-index:1;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,248,242,.6)}
.eco-card h3{position:relative;z-index:1;font-family:var(--serif);font-weight:300;font-size:24px;line-height:1.05;letter-spacing:.02em;color:var(--linen);margin:14px 0 12px;max-width:82%}
.eco-card p{position:relative;z-index:1;font-size:13.5px;line-height:1.5;color:var(--linen-dim);margin:0}
.eco-card .metric{position:relative;z-index:1;margin-top:20px;padding-top:14px;border-top:1px solid rgba(250,248,242,.16);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--sand-3)}
@media(max-width:980px){.eco-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.eco-grid{grid-template-columns:1fr}.eco-card{min-height:240px}}
/* Touch devices have no hover → cursor-reveal never fires. Show the photo
   statically (with a legibility veil) so the cards aren't empty on mobile. */
@media (hover:none){
  .eco-card .eco-reveal{opacity:.45}
  .eco-card::after{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(17,33,47,.30),rgba(17,33,47,.72));
  }
}

/* ---------- Feature list ---------- */
.features{list-style:none;padding:0;margin:30px 0 0}
.features li{
  position:relative;padding-left:28px;
  font-size:18px;line-height:1.84;margin-bottom:14px;
}
.features li::before{
  content:"";position:absolute;left:0;top:.72em;
  width:6px;height:6px;border-radius:50%;background:var(--sand);
}
.features li b{font-weight:600;display:block}
.features li span{font-size:14px;line-height:1.5;color:var(--navy-soft);display:block;margin-top:2px}

/* ---------- Panels ---------- */
.panel{
  border:1px solid var(--ash);border-radius:var(--radius);
  padding:45px;
}
.panel-blush{background:var(--wash-warm);border-color:transparent}
.panel-lilac{background:var(--wash-cool);border-color:transparent}
.panel-honey{background:var(--sand-pale);border-color:transparent}
.panel h4{
  font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;margin:0 0 23px;
}

/* ---------- Press / names ---------- */
.press{display:flex;flex-wrap:wrap;gap:14px 34px;align-items:baseline}
.press span{
  font-family:var(--serif);font-weight:300;font-size:24px;
  letter-spacing:.02em;color:var(--navy);
}

/* ---------- Logo wall (media coverage) ---------- */
.logo-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.logo-tile{
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--ash);border-radius:var(--radius);
  padding:22px 20px;min-height:94px;
}
.logo-tile img{
  max-height:32px;max-width:100%;width:auto;object-fit:contain;
  filter:grayscale(1);opacity:.6;
  transition:filter .3s ease,opacity .3s ease;
}
.logo-tile:hover img{filter:grayscale(0);opacity:1}
@media(max-width:980px){.logo-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.logo-wall{grid-template-columns:repeat(2,1fr)}}

/* ---------- Ruled rows (partners, awards) ---------- */
.rows{border-top:1px solid var(--ash)}
.row{
  display:grid;grid-template-columns:220px 1fr;gap:34px;
  padding:23px 0;border-bottom:1px solid var(--ash);
  align-items:baseline;
}
.row .rname{
  font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;
}
.row .rdesc{font-size:16px;line-height:1.55;color:var(--navy-soft)}

/* ---------- Ruled timeline columns ---------- */
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.timeline.tl-3{grid-template-columns:repeat(3,1fr)}
.tl{border-top:1px solid var(--ash);padding-top:23px;position:relative}
.tl::before{
  content:"";position:absolute;top:-3.5px;left:0;
  width:6px;height:6px;border-radius:50%;background:var(--sand);
}
.tl h4{font-size:14px;font-weight:600;letter-spacing:.04em;margin:0 0 10px;line-height:1.5}
.tl p{font-size:14px;line-height:1.5;color:var(--navy-soft);margin:0}

/* ---------- Founder cards ---------- */
.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.founder{
  border:1px solid var(--ash);border-radius:var(--radius);padding:45px;overflow:hidden;
}
.founder-photo{
  display:block;width:calc(100% + 90px);margin:-45px -45px 32px -45px;
  aspect-ratio:1/1;object-fit:cover;object-position:center 12%;
  background:var(--wash-cool);filter:grayscale(1);
}
.founder h3{
  font-family:var(--serif);font-weight:300;font-size:32px;
  line-height:1;letter-spacing:.02em;
}
.founder .role{
  font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sand-2);margin-top:12px;
}
.founder .lead{font-size:17px;line-height:1.55;color:var(--navy);margin:22px 0 18px}
.founder .bio{font-size:15px;line-height:1.65;color:var(--navy-soft);margin:0 0 16px}
.founder .bio:last-of-type{margin-bottom:0}
.founder .edu{
  margin:24px 0 0;padding:18px 0 0;
  border-top:1px solid var(--ash);
  font-size:14px;line-height:1.7;
}
.founder .edu-label{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sand-2);margin-bottom:10px}
.founder .edu b{font-weight:600}
.founder .contacts{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 23px;font-size:14px;font-weight:600;letter-spacing:.02em}
.founder .contacts a{color:var(--navy);border-bottom:1px solid var(--sand);padding-bottom:2px;transition:border-color .2s,color .2s}
.founder .contacts a:hover{color:var(--sand-2)}

/* ---------- Image strips ---------- */
.strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}
.strip img{width:100%;aspect-ratio:3/2;object-fit:cover}
.strip-3{grid-template-columns:1fr 1fr 1fr}
figure{margin:0}
figcaption{
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--navy-soft);margin-top:14px;line-height:1.84;
}
.col-img img{width:100%;object-fit:cover}
.col-img .portrait{aspect-ratio:4/5}
.col-img .landscape{aspect-ratio:3/2}

/* ---------- Heritage timeline (Our Story) ---------- */
.heritage{position:relative;max-width:1040px;margin:0 auto}
.heritage::before{
  content:"";position:absolute;top:8px;bottom:8px;left:50%;
  width:1px;background:var(--ash);transform:translateX(-50%);
}
.ms{
  position:relative;display:grid;grid-template-columns:1fr 1fr;
  column-gap:80px;align-items:center;margin-bottom:80px;
}
.ms:last-child{margin-bottom:0}
.ms::after{
  content:"";position:absolute;top:12px;left:50%;
  width:14px;height:14px;border-radius:50%;
  background:var(--sand);border:3px solid var(--linen);
  transform:translateX(-50%);z-index:2;
}
.ms-content .yr{
  font-family:var(--serif);font-weight:300;font-size:44px;line-height:1;
  letter-spacing:.02em;color:var(--sand-2);display:block;margin-bottom:16px;
}
.ms-content h3{
  font-family:var(--sans);font-weight:600;font-size:15px;
  text-transform:uppercase;letter-spacing:.1em;color:var(--navy);margin:0 0 14px;
}
.ms-content p{font-size:16px;line-height:1.6;color:var(--navy-soft);margin:0 0 12px}
.ms-content p:last-child{margin-bottom:0}
.ms-quote{
  margin:18px 0 0;padding-top:16px;border-top:1px solid var(--ash);
  font-family:var(--serif);font-weight:300;font-style:italic;
  font-size:18px;line-height:1.4;color:var(--navy);
}
.ms-quote cite{
  display:block;margin-top:12px;font-style:normal;
  font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sand-2);
}
.ms-figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.ms.left  .ms-content{grid-column:1;text-align:right}
.ms.left  .ms-figure {grid-column:2}
.ms.right .ms-content{grid-column:2}
.ms.right .ms-figure {grid-column:1}
@media(max-width:820px){
  .heritage::before{left:9px}
  .ms{grid-template-columns:1fr;column-gap:0;padding-left:42px;margin-bottom:56px}
  .ms.left .ms-content,.ms.right .ms-content{grid-column:1;text-align:left}
  .ms.left .ms-figure,.ms.right .ms-figure{grid-column:1;margin-top:22px}
  .ms::after{left:9px}
  .ms-content .yr{font-size:36px}
}

/* ---------- Pull quote ---------- */
.pull{
  max-width:820px;margin:0 auto;text-align:center;
}
.pull .q{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(28px,3.2vw,36px);line-height:1.15;letter-spacing:.03em;
}

/* ---------- CTA band ---------- */
.cta-band{text-align:center}
.cta-band .display{margin:0 auto 30px;max-width:700px}
.cta-band .btn{margin-top:14px}

/* ---------- Footer ---------- */
.footer{background:var(--navy);color:var(--linen);margin-top:68px}
.footer a:hover{color:var(--sand-3)}
.footer-top{
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;
  padding:68px 0 45px;
}
.footer .fmark{width:26px;height:30px;color:var(--sand);margin-bottom:20px}
.footer .ftag{
  font-family:var(--serif);font-weight:300;font-size:24px;
  line-height:1.15;letter-spacing:.03em;max-width:340px;
}
.footer h5{
  font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--linen-dim);margin:0 0 17px;
}
.footer .fcol a,.footer .fcol p{
  display:block;font-size:14px;line-height:1.5;
  color:var(--linen);margin:0 0 10px;
}
.footer-bottom{
  border-top:1px solid var(--ash-on-dark);
  padding:23px 0;display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:10px;
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--linen-dim);
}

/* ---------- Utility ---------- */
.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-45{margin-top:45px}
.mt-60{margin-top:60px}.mt-68{margin-top:68px}
.center{text-align:center}
.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:stretch}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .section{padding:48px 0}
  .cols,.cols.img-left{grid-template-columns:1fr;gap:45px}
  .cols.img-left .col-img{order:0}
  .card-grid{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr;gap:45px 34px}
  .founder-grid{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr) ; border-left:0}
  .stat{border-left:0;border-top:1px solid var(--ash)}
  .stat:nth-child(-n+2){border-top:0}
  .stat:nth-child(even){border-left:1px solid var(--ash)}
  .footer-top{grid-template-columns:1fr;gap:40px}

  .nav-inner{grid-template-columns:auto auto;padding:14px 23px;row-gap:0}
  .lockup{justify-self:start;order:1}
  .nav-cta{order:2}
  .nav-links{
    order:3;grid-column:1/-1;justify-self:stretch;
    overflow-x:auto;border-top:1px solid var(--ash-on-dark);
    margin-top:12px;
  }
  .nav-links a{padding:14px 14px;white-space:nowrap}
}
@media(max-width:560px){
  body{font-size:16px}
  .wrap{padding:0 23px}
  .card-grid{grid-template-columns:1fr}
  .strip,.strip-3{grid-template-columns:1fr}
  .row{grid-template-columns:1fr;gap:6px;padding:17px 0}
  .timeline,.timeline.tl-3{grid-template-columns:1fr;gap:30px}
  .btn{padding:18px 34px}
  .panel,.founder{padding:30px 23px}
  .press span{font-size:20px}
  .hero{min-height:72vh}
}