/* =========================================================
   ZP CINEMA — GLASS LAYER
   Liquid-glass panels, chrome display type, black + lime.
   Loaded after styles.css; remove this file to revert.
   ========================================================= */

:root{
  --glass-bg:rgba(255,255,255,.035);
  --glass-bg-strong:rgba(255,255,255,.06);
  --glass-line:rgba(255,255,255,.11);
  --glass-hi:rgba(255,255,255,.14);
  --glass-blur:blur(22px) saturate(150%);
  --r-panel:30px;
  --r-card:20px;
  --display:'Michroma','Manrope',sans-serif;
  --gutter:clamp(12px,2.4vw,34px);
}

/* ---------- Ambient light behind the glass ---------- */
body{background:transparent}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(42vw 42vw at 88% 4%,rgba(199,255,52,.30),transparent 62%),
    radial-gradient(34vw 34vw at 0% 46%,rgba(140,220,40,.18),transparent 65%),
    radial-gradient(46vw 36vw at 78% 82%,rgba(199,255,52,.14),transparent 70%),
    radial-gradient(70vw 50vw at 25% 115%,rgba(60,100,20,.45),transparent 70%),
    #040504;
}
html{background:#040504}
main{position:relative;padding:0 var(--gutter)}

/* ---------- Glass primitive ---------- */
.glass,
main>section.section-pad,
.work-card,.film-card,.price-card,.partner-card,.gear-card,.garage-shell,.academy-soon,.service-row{
  background:linear-gradient(155deg,var(--glass-bg-strong),var(--glass-bg) 55%,rgba(255,255,255,.015));
  border:1px solid var(--glass-line);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 -1px 0 rgba(255,255,255,.03),0 30px 80px -40px rgba(0,0,0,.9);
}

/* ---------- Floating glass nav ---------- */
.nav,.nav.scrolled{
  top:14px;left:var(--gutter);right:var(--gutter);height:66px;padding:0 14px 0 26px;
  border-radius:999px;border:1px solid var(--glass-line);
  background:rgba(12,14,11,.55);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
  box-shadow:inset 0 1px 0 var(--glass-hi),0 18px 50px -30px #000;
}
.nav-links a{border-radius:999px}
.nav-cta{border-radius:999px;background:var(--lime);color:#0a0b08;border-color:transparent;font-weight:600}
.nav-cta b{color:#0a0b08}

/* ---------- Hero ---------- */
.hero.hero-glass{
  height:auto;min-height:0;max-height:none;overflow:visible;
  display:block;padding:100px 0 0;
}
.hero-panel{
  position:relative;border-radius:var(--r-panel);
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);
  padding:clamp(22px,3.2vw,48px);overflow:hidden;
}
.hero-panel::after{ /* specular sweep across the glass */
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.05) 45%,transparent 60%);
}
.hero-left{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 0}
.status-pill{
  align-self:flex-start;display:inline-flex;align-items:center;gap:9px;
  font:10px var(--mono);letter-spacing:1.4px;color:#dfe3d6;
  padding:10px 16px;border-radius:999px;border:1px solid var(--glass-line);
  background:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 var(--glass-hi);
}
.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}

/* chrome display type */
.hero .chrome-type{
  font-family:var(--display);font-weight:400;
  font-size:clamp(42px,6.2vw,108px);line-height:1.02;letter-spacing:.02em;
  margin:34px 0 20px;
  background:linear-gradient(178deg,#ffffff 0%,#f4f6ef 14%,#b9bdb0 34%,#5b6054 47%,#262923 50%,#e8ecdf 53%,#ffffff 60%,#aeb3a4 76%,#e6ffa6 90%,#bdf03a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.28);
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 22px 40px rgba(199,255,52,.14));
}
.hero-role{font-size:clamp(16px,1.5vw,20px);color:#eef1e7;margin:0 0 18px;font-weight:500;letter-spacing:-.01em}
.hero-lede{font-size:15px;line-height:1.8;color:#a9ada1;max-width:440px;margin:0 0 34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn-lime,.btn-glass{
  display:inline-flex;align-items:center;gap:18px;padding:16px 24px;border-radius:999px;
  font:11px var(--mono);letter-spacing:1.2px;transition:transform .2s,box-shadow .2s,background .2s;
}
.btn-lime{
  color:#0a0b08;font-weight:500;
  background:linear-gradient(180deg,#e2ff8a 0%,var(--lime) 45%,#a6e01c 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 34px -8px rgba(199,255,52,.55);
}
.btn-glass{color:#eef1e7;border:1px solid var(--glass-line);background:rgba(255,255,255,.04);box-shadow:inset 0 1px 0 var(--glass-hi)}
.btn-lime:hover,.btn-glass:hover{transform:translateY(-2px)}
.btn-glass:hover{background:rgba(255,255,255,.08)}
.btn-lime:focus-visible,.btn-glass:focus-visible,.nav a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

.hero-visual{position:relative;margin:0;min-height:520px;border-radius:calc(var(--r-panel) - 10px);overflow:hidden;border:1px solid var(--glass-line)}
.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.02)}
.hero-visual::before{ /* glass edge + tint */
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(200deg,rgba(255,255,255,.14),transparent 30%),linear-gradient(0deg,rgba(5,6,5,.75),transparent 45%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 1px 0 rgba(255,255,255,.25);
}
.hero-visual figcaption{
  position:absolute;left:18px;bottom:18px;z-index:2;
  display:flex;flex-direction:column;gap:6px;padding:14px 18px;border-radius:16px;
  font:12px var(--mono);letter-spacing:1px;color:#f1f2ed;
  background:rgba(10,12,9,.45);border:1px solid var(--glass-line);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
}
.hero-visual figcaption span{font-size:9px;color:var(--lime);letter-spacing:1.5px}
.hero-seal{
  position:absolute;right:18px;bottom:18px;z-index:2;width:112px;height:112px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(10,12,9,.4);border:1px solid var(--glass-line);
  -webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
}
.hero-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:seal-spin 22s linear infinite}
.hero-seal text{font:8.4px var(--mono);letter-spacing:2.1px;fill:#dfe3d6}
.hero-seal b{font-size:30px;color:var(--lime);text-shadow:0 0 18px rgba(199,255,52,.7)}
@keyframes seal-spin{to{transform:rotate(360deg)}}

/* stats strip */
.hero-stats{
  margin-top:var(--gutter);border-radius:var(--r-panel);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.5fr);
}
.stat{display:flex;flex-direction:column;gap:10px;padding:28px clamp(18px,2vw,30px);border-right:1px solid var(--glass-line)}
.stat b{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.6vw,38px);color:#f4f6ee}
.stat span{font-size:12px;line-height:1.5;color:#9fa397}
.stat-quote{margin:0;padding:28px clamp(18px,2vw,30px);font-size:14px;line-height:1.7;color:#d9ddd0;display:flex;flex-direction:column;justify-content:center;gap:12px}
.stat-quote cite{font:10px var(--mono);letter-spacing:1px;color:var(--lime);font-style:normal}

/* ticker as a glass pill */
.ticker{margin:var(--gutter) var(--gutter) 0;border-radius:999px;border:1px solid var(--glass-line);background:rgba(255,255,255,.03);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}

/* ---------- Sections as glass panels ---------- */
main>section.section-pad{
  margin-top:var(--gutter);border-radius:var(--r-panel);
  padding:clamp(40px,6vw,96px) clamp(22px,5vw,80px);
}
.intro,.services,.about,.academy,.work,.films,.garage,.partners,.gear,.ratecard{background-color:transparent}
.academy{border-top:1px solid var(--glass-line)}
.about-mark{color:transparent;-webkit-text-stroke:1px rgba(199,255,52,.25);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);-webkit-background-clip:text;background-clip:text}

/* cards */
.work-grid{gap:18px}
.work-card,.film-card{border-radius:var(--r-card);padding:12px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}
.work-card img,.film-card img{border-radius:calc(var(--r-card) - 8px)}
.work-meta{border-top:0;margin-top:4px;padding:14px 8px 4px}
.work-number{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--glass-line);font-size:10px}
.work-card:hover,.film-card:hover{transform:translateY(-4px);border-color:rgba(199,255,52,.35)}
.film-grid{gap:18px}
.film-open{border-radius:calc(var(--r-card) - 8px);overflow:hidden}
.film-title{padding:14px 8px 4px}

.partner-card,.gear-card{border-radius:var(--r-card)}
.garage-shell{border-radius:var(--r-card);overflow:hidden}
.garage-select{border-radius:12px}
.garage-save,.garage-confirm{border-radius:999px}

.service-list{display:grid;gap:10px}
.service-row{border-radius:18px;padding:24px 26px;border-bottom:1px solid var(--glass-line)}
.service-row b{color:var(--lime)}

.pricing-grid{gap:16px}
.price-card{border-radius:var(--r-card);padding:30px 26px 24px}
.price-card.featured{
  border-color:rgba(199,255,52,.45);
  background:linear-gradient(160deg,rgba(199,255,52,.12),rgba(255,255,255,.03) 45%,rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(226,255,138,.35),0 0 60px -10px rgba(199,255,52,.18),0 30px 80px -40px #000;
}
.popular{border-radius:999px}
.addons{border-bottom-color:var(--glass-line)}
.terms img{border-radius:var(--r-card)}

.academy-soon{border-radius:var(--r-card)}

/* contact: lime glass */
main>section.contact.section-pad{
  background:linear-gradient(150deg,#e2ff8a 0%,var(--lime) 40%,#9fd61a 100%);
  border-color:rgba(255,255,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 30px 90px -30px rgba(199,255,52,.35);
}
.contact-button{border-radius:999px}
.contact-details{border-radius:var(--r-card);overflow:hidden}

footer{margin:var(--gutter);border-radius:999px;border:1px solid var(--glass-line);background:rgba(255,255,255,.03);padding:18px 28px}

/* ---------- Responsive ---------- */
@media(max-width:1000px){
  .hero-panel{grid-template-columns:1fr}
  .hero-visual{min-height:380px;order:-1}
  .hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stat:nth-child(4){border-right:0}
  .stat-quote{grid-column:1/-1;border-top:1px solid var(--glass-line)}
}
@media(max-width:850px){
  .nav,.nav.scrolled{padding:0 10px 0 20px;height:60px}
  .nav-links,.nav-links.open{border-radius:24px;top:70px}
}
@media(max-width:600px){
  :root{--r-panel:24px;--r-card:16px}
  .hero.hero-glass{padding-top:86px}
  .hero-visual{min-height:300px}
  .hero-seal{width:86px;height:86px}
  .hero-seal text{font-size:7px}
  .hero-visual figcaption{left:12px;bottom:12px;max-width:calc(100% - 118px);padding:10px 12px;font-size:10px}
  .hero-seal{right:12px;bottom:12px}
  .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat{border-bottom:1px solid var(--glass-line)}
  .stat:nth-child(2n){border-right:0}
  .stat-quote{border-top:0}
  .btn-lime,.btn-glass{flex:1;justify-content:space-between}
  footer{border-radius:24px;flex-direction:column;align-items:flex-start;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .hero-seal svg{animation:none}
  .work-card,.film-card,.btn-lime,.btn-glass{transition:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass,main>section.section-pad,.work-card,.film-card,.price-card,.partner-card,.gear-card,.garage-shell,.academy-soon,.service-row{background:#101210}
}

/* =========================================================
   PAGES, TEASERS & MOTION
   ========================================================= */

/* nav: current page */
.nav-links a[aria-current="page"]{color:var(--lime)}

/* section panels rise in */
.panel-rise{opacity:.001;transform:translateY(40px) scale(.985);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.panel-rise.in-view{opacity:1;transform:none}

/* pointer spotlight on glass cards */
.spot{position:relative;isolation:isolate}
.spot::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(199,255,52,.13),transparent 45%);
  opacity:0;transition:opacity .35s;
}
.spot:hover::after{opacity:1}
.hero-panel.spot::after,.page-hero.spot::after{background:radial-gradient(700px circle at var(--mx,50%) var(--my,50%),rgba(199,255,52,.08),transparent 50%)}
[data-tilt]{transform-style:preserve-3d;will-change:transform}
[data-tilt].visible{transition:opacity .7s ease,transform .3s cubic-bezier(.2,.7,.2,1),border-color .35s}

/* custom cursor (desktop, motion allowed) */
.cursor{display:none}
.has-cursor .cursor{display:block}
.has-cursor,.has-cursor a,.has-cursor button,.has-cursor select,.has-cursor [data-cursor]{cursor:none}
.has-cursor input{cursor:text}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:200;pointer-events:none;opacity:0;transition:opacity .3s}
.cursor.on .cursor-dot,.cursor.on .cursor-ring{opacity:1}
.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.cursor-ring{
  width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;
  border:1px solid rgba(199,255,52,.55);display:grid;place-items:center;
  transition:opacity .3s,width .3s cubic-bezier(.2,.7,.2,1),height .3s cubic-bezier(.2,.7,.2,1),margin .3s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s;
}
.cursor.hover .cursor-ring{width:56px;height:56px;margin:-28px 0 0 -28px;background:rgba(199,255,52,.08)}
.cursor.labelled .cursor-ring{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--lime);border-color:var(--lime);-webkit-backdrop-filter:none;backdrop-filter:none}
.cursor.labelled .cursor-dot{opacity:0}
.cursor.press .cursor-ring{width:30px;height:30px;margin:-15px 0 0 -15px}
.cursor-label{font:500 10px var(--mono);letter-spacing:1.2px;color:#0a0b08;opacity:0;transition:opacity .2s}
.cursor.labelled .cursor-label{opacity:1}

/* hero image parallax: keep JS transform smooth */
[data-parallax] img{transition:transform .1s linear;will-change:transform}
.hero .chrome-type,.page-title{background-size:100% 220%;transition:background-position .2s linear}

/* shared teaser side column */
.teaser-side{display:flex;flex-direction:column;align-items:flex-start;gap:22px;max-width:420px}

/* ---------- Work teaser (home) ---------- */
.teaser-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:repeat(2,minmax(200px,1fr));gap:14px}
.t-tile{
  position:relative;display:block;overflow:hidden;border-radius:var(--r-card);min-height:200px;
  border:1px solid var(--glass-line);background:#0d0f0c;
  box-shadow:inset 0 1px 0 var(--glass-hi),0 30px 70px -40px #000;
}
.t-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}
.t-tile:hover img{transform:scale(1.07);filter:saturate(1.15)}
.t-tile::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(4,5,4,.85),transparent 55%);pointer-events:none}
.t-big{grid-row:span 2}
.t-meta{position:absolute;left:16px;bottom:14px;z-index:2;display:flex;flex-direction:column;gap:5px;font:500 13px var(--font);letter-spacing:.02em;color:#f4f6ee}
.t-meta small{font:9px var(--mono);letter-spacing:1.5px;color:var(--lime)}
.t-play{position:absolute;right:14px;top:14px;z-index:2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#0a0b08;background:var(--lime);box-shadow:0 0 30px rgba(199,255,52,.45)}
.t-cta{
  display:flex;flex-direction:column;justify-content:space-between;padding:22px;
  background:linear-gradient(150deg,#e2ff8a 0%,var(--lime) 45%,#9fd61a 100%);color:#0a0b08;border-color:rgba(255,255,255,.4);
}
.t-cta::before{display:none}
.t-count{font-size:15px;line-height:1.35;font-weight:600}
.t-count b{font-family:var(--display);font-weight:400;font-size:clamp(30px,3vw,46px);letter-spacing:-.02em;margin-right:6px}
.t-cta-label{display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);letter-spacing:1.2px;border-top:1px solid rgba(10,11,8,.25);padding-top:14px}
.t-cta-label i{font-style:normal;font-size:18px;transition:transform .3s}
.t-cta:hover .t-cta-label i{transform:translate(4px,-4px)}

/* ---------- Pricelist teaser (home) ---------- */
.pkg-list{display:grid;gap:10px}
.pkg-row{
  display:grid;grid-template-columns:1.1fr 1.4fr auto 28px;align-items:center;gap:20px;
  padding:24px 28px;border-radius:18px;border:1px solid var(--glass-line);
  background:linear-gradient(155deg,var(--glass-bg-strong),var(--glass-bg));
  box-shadow:inset 0 1px 0 var(--glass-hi);transition:border-color .3s,transform .3s,background .3s;
}
.pkg-row:hover{border-color:rgba(199,255,52,.45);transform:translateX(6px)}
.pkg-name{font:12px var(--mono);letter-spacing:1.4px;color:#f1f2ed;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pkg-name em{font-style:normal;font-size:9px;color:#0a0b08;background:var(--lime);border-radius:999px;padding:4px 9px}
.pkg-note{font-size:14px;color:#a5a99d}
.pkg-price{font-size:clamp(24px,2.6vw,36px);font-weight:700;letter-spacing:-.06em;white-space:nowrap}
.pkg-price small{font:10px var(--mono);letter-spacing:1px;color:#a5a99d;vertical-align:super}
.pkg-row i{font-style:normal;color:var(--lime);font-size:18px;transition:transform .3s}
.pkg-row:hover i{transform:translate(3px,-3px)}
.pkg-hot{border-color:rgba(199,255,52,.35);background:linear-gradient(160deg,rgba(199,255,52,.10),rgba(255,255,255,.03) 50%)}

/* ---------- Gear (compact) ---------- */
.gear-compact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(24px,4vw,60px);align-items:start}
.gear-compact h2{font-size:clamp(34px,4vw,56px)}
.gear-note{font-size:13px;line-height:1.7;color:#8f9388;max-width:330px;margin:20px 0 0}
.gear-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gear-row{
  display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;
  padding:16px 18px;border-radius:14px;border:1px solid var(--glass-line);background:rgba(255,255,255,.025);
  transition:border-color .25s,background .25s;
}
.gear-row b{font:500 12px var(--mono);letter-spacing:1.2px;color:#f1f2ed;white-space:nowrap}
.gear-row span{font-size:12px;color:#8f9388;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gear-row i{font-style:normal;color:var(--lime);transition:transform .25s}
.gear-row:hover{border-color:rgba(199,255,52,.4);background:rgba(199,255,52,.05)}
.gear-row:hover i{transform:translate(3px,-3px)}

/* ---------- Sub-page hero ---------- */
.page-hero{
  margin-top:100px;border-radius:var(--r-panel);padding:clamp(28px,4vw,60px);
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;align-items:end;overflow:hidden;position:relative;
}
.crumb{display:inline-block;font:10px var(--mono);letter-spacing:1.4px;color:#a5a99d;margin-bottom:26px;transition:color .2s}
.crumb:hover{color:var(--lime)}
.page-title.chrome-type,.page-hero .chrome-type{
  font-family:var(--display);font-weight:400;font-size:clamp(44px,8vw,128px);line-height:1;letter-spacing:.02em;margin:18px 0 22px;
  background:linear-gradient(178deg,#ffffff 0%,#f4f6ef 14%,#b9bdb0 34%,#5b6054 47%,#262923 50%,#e8ecdf 53%,#ffffff 60%,#aeb3a4 76%,#e6ffa6 90%,#bdf03a 100%);
  background-size:100% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.28);
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 22px 40px rgba(199,255,52,.14));
}
.page-hero .hero-lede{margin-bottom:0}
.page-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}

/* filter pills */
.filter{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;border:1px solid var(--glass-line);background:rgba(255,255,255,.03)}
.filter button{
  font:10px var(--mono);letter-spacing:1.2px;color:#cfd3c6;background:transparent;border:0;border-radius:999px;padding:11px 16px;
  display:inline-flex;gap:8px;align-items:center;transition:background .25s,color .25s;cursor:pointer;
}
.filter button span{color:#7f8378}
.filter button.is-on{background:var(--lime);color:#0a0b08}
.filter button.is-on span{color:#0a0b08;opacity:.6}
.filter button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.is-hidden{display:none}

/* next-step band on sub pages */
.next-band{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
.next-actions{display:flex;flex-wrap:wrap;gap:12px}
.terms-sec .terms{padding-top:0}

/* ---------- Responsive additions ---------- */
@media(max-width:1000px){
  .teaser-grid{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .t-big{grid-column:1/-1;grid-row:auto;min-height:320px}
  .gear-compact{grid-template-columns:1fr}
  .page-hero{grid-template-columns:1fr;align-items:start}
  .page-hero-side{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
}
@media(max-width:700px){
  .pkg-row{grid-template-columns:1fr auto;gap:8px 14px;padding:20px}
  .pkg-note{grid-column:1/2;grid-row:2;font-size:13px}
  .pkg-price{grid-row:1/3;grid-column:2;align-self:center}
  .pkg-row i{display:none}
  .gear-list{grid-template-columns:1fr}
  .teaser-side{max-width:none}
}
@media(max-width:600px){
  .teaser-grid{gap:10px}
  .t-tile{min-height:170px}
  .t-big{min-height:260px}
  .page-hero{margin-top:86px}
  .filter{width:100%;justify-content:space-between}
  .filter button{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
  .panel-rise{opacity:1;transform:none;transition:none}
  .t-tile img,.pkg-row,.gear-row{transition:none}
}

/* headings in the new blocks match section headings */
.gear-compact h2,.next-band h2{font-size:clamp(38px,5vw,72px);line-height:.99;letter-spacing:-.075em;margin:22px 0 0;font-weight:700}
.gear-compact h2 em,.next-band h2 em{font-style:normal;color:var(--lime)}
@media(max-width:600px){.gear-compact h2,.next-band h2{font-size:clamp(38px,11vw,58px)}}
@media(max-width:700px){.partners-grid{grid-template-columns:1fr}.partner-card{min-height:300px}}