/* =====================================================================
   Technologya homepage
   The first homepage was one off-white surface throughout, which the client
   found too plain. This keeps the logo, the type and the lime signature, and
   adds electric violet and cobalt so the page can move between bands of
   colour: dark hero, lime strip, colour-blocked categories, violet offers,
   lime spotlight, dark brands. Loaded on the front page only.
   ===================================================================== */
:root{
  --h-ink:#0E2B4F; --h-night:#0A192F; --h-paper:#FFFFFF; --h-ground:#F2F6FA;
  --h-line:#DCE4EE; --h-muted:#586A80;
  --h-cyan:#12BFDA; --h-cyan-deep:#0EA5C2;
  --h-blue:#2066C3; --h-blue-deep:#174F9E; --h-sky:#3E8FEA;
  --h-ice:#CAE8F5; --h-ice-soft:#EDF7FA; --h-navy:#173359;
  --h-cyan-light:#B8F1FA; /* the accent as text on blue: cyan itself is 2.5:1 there */
  --h-display:'Space Grotesk',Georgia,serif;
  --h-body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --h-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* Elementor wraps each shortcode in padded containers. The bands here run
   edge to edge, so strip that padding from the home sections only. */
.home .elementor-widget-shortcode,
.home .elementor-widget-shortcode > .elementor-widget-container,
.home .elementor-shortcode{width:100%;padding:0!important;margin:0!important}
.home .tya-home-band{padding:0!important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;max-width:none!important}
.home .tya-home-band > .e-con-inner{max-width:none!important;padding:0!important;gap:0!important}

.tya-band__inner{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}

/* ------------------------------------------------------------ shared */
.tya-kicker{font-family:var(--h-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;opacity:.85}
.tya-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin:0 0 28px}
.tya-sechead h2{font-family:var(--h-display);font-weight:700;font-size:clamp(28px,3.4vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0;color:var(--h-ink);text-wrap:balance}
.tya-sechead--light h2{color:#fff}
.tya-link{font-family:var(--h-body);font-weight:700;font-size:15px;color:var(--h-ink);text-decoration:none!important;border-bottom:2px solid var(--h-cyan);padding-bottom:2px;white-space:nowrap}
.tya-link:hover{border-bottom-color:var(--h-ink)}
.tya-sechead--light .tya-link,.tya-gt .tya-link{color:inherit}

.tya-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--h-body);font-weight:700;font-size:16px;line-height:1;
  border-radius:6px;padding:16px 24px;text-decoration:none!important;transition:transform .15s ease,background-color .15s ease}
.tya-btn span{transition:transform .15s ease}
.tya-btn:hover span{transform:translateX(3px)}
.tya-btn--cyan{background:var(--h-cyan);color:var(--h-ink)!important}
.tya-btn--cyan:hover{background:var(--h-cyan-deep)}
.tya-btn--ink{background:var(--h-ink);color:#fff!important}
.tya-btn--ink:hover{background:#000}
.tya-btn:focus-visible,.tya-cat:focus-visible,.tya-offer:focus-visible,.tya-brand:focus-visible,.tya-link:focus-visible,.tya-gt__list a:focus-visible{outline:3px solid var(--h-blue);outline-offset:3px}

/* -------------------------------------------------------------- hero */
.tya-hero{position:relative;background:var(--h-night);overflow:hidden;color:#fff}
.tya-hero__track{position:relative;height:clamp(460px,46vw,600px)}
.tya-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.tya-slide.is-active{opacity:1;visibility:visible}
.tya-slide__media{position:absolute;inset:0}
.tya-slide__bg{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);display:block}
.tya-slide__inner{position:relative;z-index:2;height:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.tya-slide__copy{max-width:520px}
.tya-slide__eyebrow{font-family:var(--h-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 16px;color:var(--h-cyan)}
.tya-slide__title{font-family:var(--h-display);font-weight:700;font-size:clamp(46px,6.6vw,92px);line-height:.95;letter-spacing:-.045em;margin:0 0 18px;color:#fff;text-wrap:balance}
.tya-slide__text{font-family:var(--h-body);font-size:18px;line-height:1.55;margin:0 0 22px;color:rgba(255,255,255,.86);max-width:44ch}
.tya-slide__price{font-family:var(--h-display);font-weight:700;font-size:22px;margin:0 0 26px;color:#fff}
.tya-slide__price del{opacity:.55;font-weight:500;margin-right:8px}
.tya-slide__price ins{text-decoration:none}
.tya-slide__price small,.tya-slide__price .tax_label{font-family:var(--h-body);font-weight:500;font-size:13px;opacity:.7}

/* dark: photograph, with a scrim so the copy stays readable over it */
.tya-slide--dark .tya-slide__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,25,47,.94) 0%,rgba(10,25,47,.78) 34%,rgba(10,25,47,.15) 66%,rgba(10,25,47,0) 100%)}

/* violet: colour field with the product as a cut-out */
.tya-slide--blue{background:
  radial-gradient(circle at 74% 52%,rgba(18,191,218,.30) 0,rgba(18,191,218,0) 28%),
  radial-gradient(circle at 80% 40%,var(--h-sky) 0,rgba(32,102,195,0) 55%),
  linear-gradient(120deg,var(--h-blue-deep) 0%,var(--h-blue) 100%)}
.tya-slide--blue .tya-slide__eyebrow{color:var(--h-cyan-light)}
.tya-slide__cut{flex:0 1 44%;height:100%;display:flex;align-items:center;justify-content:center;padding:28px 0}
.tya-slide__cut img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(10,25,47,.45))}

/* light: pale photograph, dark copy */
.tya-slide--light{color:var(--h-ink)}
.tya-slide--light .tya-slide__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(242,246,250,.97) 0%,rgba(242,246,250,.86) 36%,rgba(242,246,250,.1) 68%,rgba(242,246,250,0) 100%)}
.tya-slide--light .tya-slide__title,.tya-slide--light .tya-slide__price{color:var(--h-ink)}
.tya-slide--light .tya-slide__text{color:var(--h-muted)}
.tya-slide--light .tya-slide__eyebrow{color:var(--h-blue)}

.tya-hero__nav{position:absolute;z-index:3;left:0;right:0;bottom:22px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:12px}
.tya-hero__arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(10,25,47,.35);color:#fff;font-size:17px;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s}
.tya-hero__arrow:hover{background:var(--h-cyan);color:var(--h-ink);border-color:var(--h-cyan)}
.tya-hero__dots{display:flex;gap:8px}
.tya-hero__dot{width:28px;height:24px;border-radius:2px;border:0;padding:10px 0;background:rgba(255,255,255,.35);background-clip:content-box;cursor:pointer;transition:background .2s,width .2s}
.tya-hero__dot.is-active{background:var(--h-cyan);width:44px}
.tya-hero__dot:focus-visible,.tya-hero__arrow:focus-visible{outline:3px solid var(--h-cyan);outline-offset:3px}

/* --------------------------------------------------------------- usp */
.tya-usp{background:var(--h-cyan);color:var(--h-ink)}
.tya-usp__list{list-style:none;margin:0 auto;max-width:1280px;padding:16px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px 24px}
.tya-usp__item{display:flex;align-items:center;gap:12px;font-family:var(--h-body);font-size:14px;line-height:1.35;margin:0}
.tya-usp__item svg{width:26px;height:26px;flex:0 0 auto}
.tya-usp__item b{font-weight:700;display:block}

/* -------------------------------------------------------- categories */
.tya-cats{background:var(--h-ground);padding:72px 0}
.tya-cats__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(210px,auto));gap:16px}
.tya-cat{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:28px;border-radius:10px;padding:26px 26px 22px;text-decoration:none!important;overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;isolation:isolate}
.tya-cat:hover{transform:translateY(-4px);box-shadow:0 18px 34px -18px rgba(14,43,79,.45)}
.tya-cat__icon{display:block;line-height:0}
.tya-cat__icon svg{height:58px;width:auto;display:block}
.tya-cat__body{display:flex;flex-direction:column;gap:6px}
.tya-cat__name{font-family:var(--h-display);font-weight:700;font-size:26px;line-height:1.05;letter-spacing:-.02em}
.tya-cat__desc{font-family:var(--h-body);font-size:14.5px;line-height:1.45;opacity:.82;max-width:34ch}
.tya-cat__count{font-family:var(--h-body);font-weight:700;font-size:14px;margin-top:8px}
.tya-cat__count span{display:inline-block;transition:transform .15s}
.tya-cat:hover .tya-cat__count span{transform:translateX(4px)}
/* a large, faint repeat of the icon behind each tile gives it depth */
.tya-cat::after{content:"";position:absolute;right:-30px;bottom:-40px;width:180px;height:180px;border-radius:50%;z-index:-1;opacity:.18;background:currentColor}

.tya-cat--lead{grid-column:span 2;grid-row:span 2;justify-content:space-between}
.tya-cat--lead .tya-cat__icon svg{height:118px}
.tya-cat--lead .tya-cat__name{font-size:clamp(34px,3.4vw,48px)}
.tya-cat--lead .tya-cat__desc{font-size:17px}
.tya-cat--lead::after{width:420px;height:420px;right:-90px;bottom:-140px}
/* the grid follows the number of categories that have stock, so an empty
   category leaves no hole: the first tile is always the large one */
.tya-cats__grid[data-count="4"] .tya-cat:last-child{grid-column:span 2}
.tya-cats__grid[data-count="3"] .tya-cat:not(.tya-cat--lead){grid-column:span 2}
.tya-cats__grid[data-count="2"]{grid-template-columns:2fr 1fr;grid-template-rows:minmax(320px,auto)}
.tya-cats__grid[data-count="1"]{grid-template-columns:1fr;grid-template-rows:minmax(300px,auto)}
.tya-cats__grid[data-count="2"] .tya-cat--lead,.tya-cats__grid[data-count="1"] .tya-cat--lead{grid-column:auto;grid-row:auto}

.tya-cat--cyan{background:var(--h-cyan);color:var(--h-ink)}
.tya-cat--blue{background:var(--h-blue);color:#fff}
.tya-cat--ink{background:var(--h-ink);color:#fff}
.tya-cat--ink .tya-cat__icon{color:var(--h-cyan)}
.tya-cat--ice{background:var(--h-ice);color:var(--h-ink)}
.tya-cat--paper{background:var(--h-paper);color:var(--h-ink);box-shadow:inset 0 0 0 1px var(--h-line)}
.tya-cat--paper::after{opacity:.06}
.tya-cat--cyan::after{opacity:.12}
.tya-cat__name,.tya-cat__desc,.tya-cat__count{color:inherit}

/* ------------------------------------------------------------ offers */
.tya-offers{position:relative;padding:72px 0;color:#fff;
  background:radial-gradient(circle at 92% 0%,rgba(18,191,218,.22) 0,rgba(18,191,218,0) 30%),linear-gradient(135deg,var(--h-blue-deep),var(--h-blue))}
.tya-offers .tya-kicker{color:var(--h-cyan-light)}
.tya-offers__note{font-family:var(--h-body);font-size:15px;color:rgba(255,255,255,.82);margin:0;max-width:36ch}
.tya-offers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tya-offers__grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}
.tya-offers__grid[data-count="1"]{grid-template-columns:minmax(0,560px)}
.tya-offer{display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:26px;color:#fff;text-decoration:none!important;transition:background .18s,transform .18s}
.tya-offer:hover{background:var(--h-cyan);color:var(--h-ink);border-color:var(--h-cyan);transform:translateY(-3px)}
.tya-offer__pct{font-family:var(--h-display);font-size:18px;line-height:1;font-weight:700}
.tya-offer__pct b{font-size:64px;letter-spacing:-.05em;display:block;line-height:.9;margin-bottom:4px}
.tya-offer__label{font-family:var(--h-body);font-weight:600;font-size:17px;line-height:1.4}
.tya-offer__go{font-family:var(--h-body);font-weight:700;font-size:14px;margin-top:auto;padding-top:10px;border-top:1px solid currentColor;border-top-color:rgba(255,255,255,.22)}
.tya-offer:hover .tya-offer__go{border-top-color:rgba(14,43,79,.25)}

/* ------------------------------------------------------ new in band */
.home .tya-newin{background:var(--h-paper)!important}
.home .tya-newin .elementor-heading-title{font-family:var(--h-display)!important;font-weight:700!important;font-size:clamp(28px,3.4vw,40px)!important;letter-spacing:-.03em!important}

/* --------------------------------------------------------- spotlight */
.tya-spot{background:var(--h-cyan);color:var(--h-ink);overflow:hidden}
.tya-spot__inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;min-height:440px;padding-top:56px;padding-bottom:56px}
.tya-spot__copy h2{font-family:var(--h-display);font-weight:700;font-size:clamp(36px,4.6vw,64px);line-height:.98;letter-spacing:-.04em;margin:0 0 16px;text-wrap:balance}
.tya-spot__copy p{font-family:var(--h-body);font-size:17px;line-height:1.55;margin:0 0 18px;max-width:44ch}
.tya-spot__copy .tya-kicker{color:var(--h-blue-deep);opacity:1}
.tya-spot__price{font-family:var(--h-display)!important;font-weight:700;font-size:24px!important;margin-bottom:24px!important}
.tya-spot__price small,.tya-spot__price .tax_label{font-family:var(--h-body);font-weight:500;font-size:13px;opacity:.7}
.tya-spot__media{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}
.tya-spot__media img{max-height:380px;width:auto;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 26px 30px rgba(14,43,79,.28))}
.tya-spot__media .tya-spot__second{position:absolute;z-index:1;max-height:300px;right:6%;bottom:6%;transform:rotate(8deg);opacity:.95}
.tya-spot__media::before{content:"";position:absolute;width:min(420px,86%);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.45);z-index:0}

/* ------------------------------------------------------------ brands */
.tya-brands{background:var(--h-night);color:#fff;padding:72px 0}
.tya-brands__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tya-brand{display:flex;flex-direction:column;gap:6px;padding:26px 22px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#fff;text-decoration:none!important;transition:background .18s,border-color .18s,color .18s}
.tya-brand:hover{background:var(--h-cyan);border-color:var(--h-cyan);color:var(--h-ink)}
.tya-brand__name{font-family:var(--h-display);font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1.1}
.tya-brand__count{font-family:var(--h-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}

/* ------------------------------------------------------------ guides */
.tya-gt{background:var(--h-ground);color:var(--h-ink);padding:72px 0}
.tya-gt__inner{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:start}
.tya-gt__intro .tya-kicker{color:var(--h-blue)}
.tya-gt__intro h2{font-family:var(--h-display);font-weight:700;font-size:clamp(28px,3.4vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance}
.tya-gt__intro p{font-family:var(--h-body);font-size:16px;line-height:1.6;color:var(--h-muted);margin:0 0 20px;max-width:42ch}
.tya-gt__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tya-gt__list a{display:flex;flex-direction:column;gap:4px;background:var(--h-paper);border:1px solid var(--h-line);border-left:4px solid var(--h-blue);border-radius:8px;padding:18px 20px;text-decoration:none!important;color:var(--h-ink);transition:border-color .15s,transform .15s}
.tya-gt__list a:hover{border-left-color:var(--h-cyan);transform:translateX(4px)}
.tya-gt__title{font-family:var(--h-display);font-weight:700;font-size:18px;line-height:1.25}
.tya-gt__desc{font-family:var(--h-body);font-size:14.5px;line-height:1.5;color:var(--h-muted)}

/* ------------------------------------------------------- responsive */
@media (max-width:1024px){
  .tya-usp__list{grid-template-columns:repeat(2,1fr)}
  .tya-cats__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:none}
  .tya-cat--lead{grid-column:span 2;grid-row:auto}
  .tya-cats__grid[data-count="3"] .tya-cat:not(.tya-cat--lead){grid-column:auto}
  .tya-offers__grid,.tya-offers__grid[data-count]{grid-template-columns:1fr}
  .tya-brands__grid{grid-template-columns:repeat(2,1fr)}
  .tya-gt__inner{grid-template-columns:1fr;gap:24px}
  .tya-spot__inner{grid-template-columns:1fr;min-height:0}
  .tya-spot__media{min-height:300px;order:-1}
}
@media (max-width:767px){
  .tya-band__inner,.tya-usp__list{padding-left:16px;padding-right:16px}
  .tya-cats,.tya-offers,.tya-brands,.tya-gt{padding:48px 0}

  /* hero stacks: picture or product on top, copy underneath */
  .tya-hero__track{height:auto;min-height:620px}
  .tya-slide{display:flex;flex-direction:column}
  .tya-slide__media{position:relative;inset:auto;height:240px;flex:0 0 auto}
  .tya-slide--dark .tya-slide__media::after{background:linear-gradient(0deg,rgba(10,25,47,1) 0%,rgba(10,25,47,0) 55%)}
  .tya-slide--light .tya-slide__media::after{background:linear-gradient(0deg,rgba(242,246,250,1) 0%,rgba(242,246,250,0) 55%)}
  .tya-slide--light{background:var(--h-ground)}
  .tya-slide__inner{flex-direction:column-reverse;align-items:stretch;justify-content:flex-end;padding:0 16px 84px;height:auto;flex:1 1 auto}
  .tya-slide__cut{flex:0 0 auto;height:230px;padding:24px 0 0}
  .tya-slide__title{font-size:48px}
  .tya-slide__text{font-size:16px}
  .tya-slide__copy{max-width:none}
  .tya-hero__nav{padding:0 16px;bottom:22px}

  .tya-usp__list{gap:10px 14px;padding-top:14px;padding-bottom:14px}
  .tya-usp__item{font-size:12.5px;gap:8px}
  .tya-usp__item svg{width:22px;height:22px}

  .tya-cats__grid{gap:10px}
  .tya-cats__grid[data-count="2"]{grid-template-columns:1fr}
  .tya-cat{padding:20px 18px 18px;gap:18px;min-height:190px}
  .tya-cat__icon svg{height:44px}
  .tya-cat__name{font-size:21px}
  .tya-cat__desc{font-size:13px}
  .tya-cat--lead{min-height:250px}
  .tya-cat--lead .tya-cat__icon svg{height:76px}
  .tya-cat--lead .tya-cat__name{font-size:32px}

  .tya-offer__pct b{font-size:52px}
  .tya-brand{padding:20px 16px}
  .tya-brand__name{font-size:19px}
  .tya-spot__media img{max-height:280px}
  .tya-spot__media .tya-spot__second{max-height:220px}
}
@media (prefers-reduced-motion:reduce){
  .tya-slide{transition:none}
  .tya-cat,.tya-offer,.tya-brand,.tya-btn,.tya-btn span,.tya-gt__list a{transition:none}
  .tya-cat:hover,.tya-offer:hover,.tya-gt__list a:hover{transform:none}
}

/* ---------------------------------------------------- colour wins
   The Elementor kit colours every link and heading with selectors such as
   .elementor-kit-6 a and .elementor-kit-6 h2, which outrank a single class.
   That left text inside the coloured tiles near-black, invisible on violet,
   cobalt and black. Re-declared here behind body.home so these win, on the
   homepage only. */
body.home .tya-slide__title,
body.home .tya-slide__price{color:#fff}
body.home .tya-slide--light .tya-slide__title,
body.home .tya-slide--light .tya-slide__price{color:var(--h-ink)}
body.home .tya-slide__text{color:rgba(255,255,255,.88)}
body.home .tya-slide--light .tya-slide__text{color:var(--h-muted)}

body.home .tya-sechead h2,
body.home .tya-spot h2,
body.home .tya-gt h2{color:var(--h-ink)}
body.home .tya-sechead--light h2{color:#fff}

body.home a.tya-cat--cyan,
body.home a.tya-cat--ice,
body.home a.tya-cat--paper{color:var(--h-ink)}
body.home a.tya-cat--blue,
body.home a.tya-cat--ink{color:#fff}
body.home a.tya-cat--ink .tya-cat__icon{color:var(--h-cyan)}

body.home a.tya-offer{color:#fff}
body.home a.tya-offer:hover{color:var(--h-ink)}
body.home a.tya-brand{color:#fff}
body.home a.tya-brand:hover{color:var(--h-ink)}
body.home .tya-gt__list a{color:var(--h-ink)}

body.home a.tya-btn--cyan{color:var(--h-ink)}
body.home a.tya-btn--ink{color:#fff}
body.home a.tya-link{color:var(--h-ink)}
/* Faded descriptions dropped white on violet to about 4.1 and on cobalt to
   about 4.3, under the 4.5 needed for text this size. Full strength on the
   dark tiles; the fade stays only where the background is light. */
body.home a.tya-cat--blue .tya-cat__desc,
body.home a.tya-cat--ink .tya-cat__desc{opacity:1}

/* The kit sets h2 size with .elementor-kit-6 h2, which outranks a single
   class, so the hero title rendered at the kit's body heading size. */
body.home h2.tya-slide__title{font-family:var(--h-display);font-weight:700;font-size:clamp(46px,6.6vw,92px);line-height:.95;letter-spacing:-.045em;margin:0 0 18px}
body.home .tya-kicker{opacity:1}
body.home .tya-slide__eyebrow{color:var(--h-cyan)}
body.home .tya-offers .tya-kicker,body.home .tya-slide--blue .tya-slide__eyebrow{color:var(--h-cyan-light)}
body.home .tya-slide--light .tya-slide__eyebrow{color:var(--h-blue-deep)}
@media (max-width:767px){body.home h2.tya-slide__title{font-size:48px}}

/* Elementor sets img{height:auto} with a more specific selector, so the hero
   photograph never filled its box. Desktop hid it, because the wide image is
   tall enough to cover at that width; on a phone it rendered 186px tall in a
   240px box and the dark shot disappeared into the fade. */
body.home img.tya-slide__bg{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
@media (max-width:767px){
  body.home .tya-slide__media{height:270px}
  /* The products sit mid-frame; a desktop offset would crop them away. */
  body.home img.tya-slide__bg{object-position:50% 50%!important}
  body.home .tya-slide--dark .tya-slide__media::after{background:linear-gradient(0deg,rgba(10,25,47,1) 0%,rgba(10,25,47,0) 38%)}
  body.home .tya-slide--light .tya-slide__media::after{background:linear-gradient(0deg,rgba(242,246,250,1) 0%,rgba(242,246,250,0) 38%)}
  body.home .tya-hero__track{min-height:650px}
}