:root {
  --cream: #fff2dc;
  --paper: #fffcf5;
  --coral: #f5431f;
  --sky: #84cdf6;
  --sun: #ffc93f;
  --ink: #1d1410;
  --gut: clamp(16px, 2.6vw, 40px);
  --deck: min(37vw, 62svh);
  --sans: 'Familjen Grotesk', 'Helvetica Neue', Arial, sans-serif;
  --hand: 'Caveat', 'Bradley Hand', cursive;
  --drop: 0 1px 1px rgba(60, 25, 5, .22), 0 14px 30px -8px rgba(60, 25, 5, .38);
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; overflow-x: clip; }

body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--sans);
  font-weight: 500;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.35;
  overflow-x: clip;
}

img, video { display: block; }

a { color: inherit; }

h1, h2, h3, p, ul, figure, blockquote { margin: 0; padding: 0; }

ul { list-style: none; }

:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

.hand {
  font-family: var(--hand);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

.btn {
  display: inline-block;
  padding: .85em 1.25em;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
  transition: transform .25s cubic-bezier(.2, 1.4, .4, 1);
}

.btn:hover { transform: translateY(-3px) rotate(-1.5deg); }

.btn-ink { background: var(--ink); color: var(--cream); }

.btn-big { font-size: clamp(20px, 2vw, 30px); padding: .9em 1.3em; }

.top {
  position: absolute;
  inset: 0 0 auto;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 1.5em;
  padding: 14px var(--gut);
}

.brand {
  margin-right: auto;
  font-weight: 700;
  font-size: clamp(18px, 1.6vw, 24px);
  letter-spacing: -.03em;
  text-decoration: none;
}

.top-tel { font-weight: 700; text-decoration: none; }

.top-cta { padding: .7em 1em; }

.ln {
  display: block;
  overflow: hidden;
  padding: .04em .06em .17em 0;
  margin-bottom: -.17em;
}

.ln-in { display: block; will-change: transform; }

.print {
  position: relative;
  background: var(--paper);
  padding: clamp(6px, .7vw, 11px);
  box-shadow: var(--drop);
  rotate: var(--rot, 0deg);
}

.print figcaption {
  font-family: var(--hand);
  font-weight: 700;
  font-size: clamp(19px, 1.9vw, 30px);
  line-height: 1;
  padding: .32em .15em .22em;
  color: var(--ink);
}

.tape {
  position: absolute;
  z-index: 3;
  top: -.75em;
  left: 50%;
  width: clamp(64px, 7vw, 110px);
  height: 1.7em;
  margin-left: calc(clamp(64px, 7vw, 110px) / -2);
  background: rgba(255, 201, 63, .78);
  rotate: -3deg;
  box-shadow: 0 1px 2px rgba(60, 25, 5, .16);
}

.print:nth-of-type(even) .tape { background: rgba(132, 205, 246, .82); rotate: 4deg; }

.crop {
  position: relative;
  overflow: hidden;
  aspect-ratio: var(--r);
  background: #d9c2a6;
}

.crop img {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  max-width: none;
  height: auto;
  filter: saturate(1.14) contrast(1.04) brightness(1.04);
}

.hero {
  position: relative;
  min-height: max(100svh, 720px);
  overflow: clip;
  background: var(--cream);
  padding: 62px var(--gut) var(--gut);
}

.poster {
  position: relative;
  z-index: 12;
  font-weight: 700;
  font-size: min(14.4vw, 22.5svh);
  line-height: .8;
  letter-spacing: -.055em;
  color: var(--coral);
  mix-blend-mode: multiply;
  pointer-events: none;
}

.deck {
  position: absolute;
  z-index: 10;
  right: 3.4vw;
  bottom: clamp(18px, 3svh, 36px);
  width: var(--deck);
  aspect-ratio: .86;
}

.card {
  position: absolute;
  inset: 0;
  will-change: transform;
}

.card:nth-child(1) { z-index: 5; rotate: -2deg; }

.card:nth-child(2) { z-index: 4; rotate: 3deg; }

.card:nth-child(3) { z-index: 3; rotate: -5deg; }

.card:nth-child(4) { z-index: 2; rotate: 6deg; }

.card:nth-child(5) { z-index: 1; rotate: -8deg; }

.js-motion .card { rotate: 0deg; }

.card figcaption { font-size: clamp(22px, 2.4vw, 38px); }

.sats { position: absolute; inset: 0; z-index: 5; }

.sat { position: absolute; }

.sat figcaption { font-size: clamp(16px, 1.45vw, 23px); }

.sat-a { width: 13.5vw; top: 7.4svh; right: 4vw; }

.sat-b { width: 13vw; bottom: 8svh; right: calc(var(--deck) + 3vw); }

.sat-c { width: 15vw; bottom: 34svh; right: calc(var(--deck) + 1.6vw); }

.offer {
  position: absolute;
  z-index: 14;
  left: var(--gut);
  bottom: clamp(18px, 3svh, 36px);
  display: flex;
  align-items: flex-end;
  gap: clamp(16px, 2vw, 32px);
}

.offer-card {
  display: grid;
  gap: .32em;
  justify-items: start;
  width: clamp(280px, 26vw, 420px);
  padding: 1em 1.1em 1.15em;
  background: var(--sky);
  text-decoration: none;
  box-shadow: var(--drop);
  rotate: -1.5deg;
  transition: rotate .3s cubic-bezier(.2, 1.4, .4, 1);
}

.offer-card:hover { rotate: 0deg; }

.offer-kicker { font-weight: 700; }

.offer-price {
  font-weight: 700;
  font-size: clamp(60px, 6.2vw, 108px);
  line-height: .9;
  letter-spacing: -.055em;
}

.offer-line { margin: .2em 0 .55em; line-height: 1.2; }

.offer-note { display: grid; gap: .5em; width: 12em; }

.offer-note .hand { font-size: clamp(26px, 2.5vw, 40px); color: var(--coral); rotate: -3deg; }

.rating { line-height: 1.1; }

.rating b { display: block; font-size: 2.6em; line-height: .95; letter-spacing: -.04em; }

.still {
  position: absolute;
  left: calc(100% + 12px);
  bottom: 0;
  display: none;
  border: 0;
  padding: 0;
  background: none;
  color: var(--ink);
  font: 500 14px/1.1 var(--sans);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
  cursor: pointer;
}

.js-motion .still { display: block; }

.bands {
  position: relative;
  z-index: 20;
  height: clamp(104px, 12.6vw, 190px);
  margin-block: clamp(-34px, -2vw, -14px) -2vw;
  overflow: clip;
  pointer-events: none;
}

.band {
  position: absolute;
  left: -4vw;
  width: 108vw;
  overflow: hidden;
  font-weight: 700;
  font-size: clamp(22px, 3vw, 46px);
  letter-spacing: -.03em;
  padding: .28em 0;
  white-space: nowrap;
}

.band-sky { top: 6%; background: var(--coral); color: var(--ink); rotate: -1.6deg; z-index: 2; }

.band-coral { top: 50%; background: var(--sun); color: var(--ink); rotate: 1.4deg; }

.band-track { display: flex; width: max-content; }

.band-set { display: flex; align-items: center; flex: none; }

.band-set span { padding-inline: .1em; }

.band-set i {
  flex: none;
  width: .42em;
  height: .42em;
  margin-inline: .5em;
  border-radius: 50%;
  background: var(--ink);
}

[data-sweep] { position: relative; overflow: clip; isolation: isolate; }

.field {
  position: absolute;
  inset: 0;
  z-index: -1;
  transform-origin: 0 50%;
}

.field-sky .field { background: var(--sky); }

.field-coral .field { background: var(--coral); }

.floor {
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr);
  gap: var(--gut);
  align-items: center;
  padding: clamp(84px, 9vw, 150px) var(--gut) clamp(56px, 6vw, 96px);
  background: var(--cream);
}

.floor-small {
  font-weight: 700;
  font-size: clamp(22px, 2.5vw, 40px);
  letter-spacing: -.03em;
  line-height: 1.04;
  margin-bottom: .7em;
}

.floor-big {
  font-weight: 700;
  font-size: min(9.5vw, 170px);
  line-height: .82;
  letter-spacing: -.055em;
}

.hit { padding-right: 0; overflow: visible; margin-top: .06em; }

.hit .ln-in {
  display: inline-block;
  padding: .02em .14em .1em .08em;
  margin-left: -.08em;
  background: var(--coral);
  color: var(--cream);
  rotate: -1.6deg;
}

.floor-copy {
  max-width: 28em;
  margin-top: 1.6em;
  font-size: clamp(17px, 1.5vw, 23px);
}

.floor-copy .hand { display: block; margin-top: .3em; font-size: 1.7em; color: var(--ink); rotate: -1.5deg; transform-origin: 0 50%; }

.floor-prints { position: relative; }

.fp-a { width: 96%; margin-left: -10%; }

.fp-b { position: absolute; width: 58%; right: -2%; bottom: -14%; }

.board {
  padding: clamp(60px, 6vw, 96px) var(--gut) clamp(52px, 5vw, 80px);
  background: var(--sky);
}

.board-head { position: relative; z-index: 2; }

.board-title {
  font-weight: 700;
  font-size: min(12vw, 214px);
  line-height: .8;
  letter-spacing: -.055em;
  color: var(--cream);
}

.board-note {
  margin-top: .35em;
  font-size: clamp(30px, 3.6vw, 58px);
  rotate: -2deg;
  transform-origin: 0 50%;
}

.board-photo {
  position: absolute;
  z-index: 1;
  width: 54vw;
  top: clamp(24px, 3vw, 50px);
  right: 3vw;
}

.tags {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: clamp(8px, 1vw, 16px);
  margin-top: clamp(28px, 3.4vw, 60px);
}

.tag {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--paper);
  box-shadow: var(--drop);
  border-radius: 9px;
  overflow: visible;
  rotate: var(--rot);
  transform-origin: 50% 7px;
  cursor: grab;
}

.tag:nth-child(even) { margin-top: clamp(14px, 2.4vw, 40px); }

.pin {
  position: absolute;
  z-index: 2;
  top: -7px;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff 0 8%, #ff8f76 22%, #b5270c 86%);
  box-shadow: 0 3px 4px rgba(40, 10, 0, .45);
}

.tag-band {
  padding: 1.15em .7em .55em;
  border-radius: 9px 9px 0 0;
  font-size: clamp(12px, 1vw, 15px);
  line-height: 1.1;
  text-align: center;
}

.tag-band b { display: block; font-size: 1.95em; letter-spacing: -.04em; line-height: .95; }

.tag-sky .tag-band { background: var(--sky); }

.tag-ink .tag-band { background: var(--ink); color: var(--cream); }

.tag-sun .tag-band { background: var(--sun); }

.tag-name {
  padding: .2em .1em .05em;
  font-family: var(--hand);
  font-weight: 700;
  font-size: clamp(38px, 3.3vw, 58px);
  line-height: 1;
  text-align: center;
}

.tag-does {
  padding: 0 .7em .9em;
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.15;
  text-align: center;
}

.moves {
  padding: clamp(60px, 7vw, 110px) var(--gut);
  background: var(--cream);
}

.moves-title {
  font-weight: 700;
  font-size: min(9.8vw, 168px);
  line-height: .84;
  letter-spacing: -.055em;
  margin-bottom: clamp(30px, 3.4vw, 56px);
}

.moves-title .ln:last-child { color: var(--coral); }

.tiles {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(10px, 1vw, 16px);
}

.tile {
  position: relative;
  grid-column: span 4;
  min-height: 35vw;
  padding: clamp(16px, 1.7vw, 28px);
}

.tile > p { position: relative; z-index: 2; max-width: 21em; margin-top: .75em; line-height: 1.25; }

.tile h3 {
  position: relative;
  z-index: 3;
  font-weight: 700;
  font-size: clamp(50px, 5.7vw, 96px);
  line-height: .84;
  letter-spacing: -.055em;
}

.tile h3 a { text-decoration: none; }

.tile h3 a:hover { text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .06em; }

.chips {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: .3em;
  margin-top: .9em;
  max-width: 24em;
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 700;
}

.chips li { padding: .24em .55em; background: var(--paper); color: var(--ink); }

.tile-reformer { grid-column: span 7; min-height: 40vw; background: var(--sun); padding-right: 60%; }

.tile-reformer h3 { font-size: clamp(56px, 7.2vw, 124px); width: 250%; }

.tile-reformer h3 a { display: block; }

.film {
  position: absolute;
  width: 58%;
  right: 2.5%;
  bottom: 6%;
  z-index: 2;
}

.film-frame { aspect-ratio: 16 / 9; overflow: hidden; background: #cfc2a8; }

.film-frame video { width: 100%; height: 100%; object-fit: cover; }

.tile-face {
  position: absolute;
  width: 24%;
  left: 2%;
  bottom: -5%;
  z-index: 3;
}

.tile-gati { grid-column: span 5; background: var(--ink); color: var(--cream); padding-right: 42%; }

.tile-gati h3 { color: var(--sky); font-size: clamp(60px, 8.2vw, 138px); width: 150%; }

.tile-gati .say { font-size: clamp(36px, 3.6vw, 58px); color: var(--sun); margin-top: .2em; rotate: -3deg; transform-origin: 0 50%; }

.flip { display: inline-block; color: var(--sky); font-weight: 700; }

.gati-print { position: absolute; width: 44%; right: 3%; bottom: 5%; z-index: 2; }

.gati-bike { position: absolute; width: 34%; left: 4%; bottom: 5%; z-index: 3; }

.tile-heat { background: var(--coral); }

.tile-heat > p, .tile-yoga > p { margin-top: 1.15em; }

.tile-heat h3 { font-size: clamp(70px, 9.4vw, 160px); }

.heat-print { position: absolute; width: 64%; right: -4%; bottom: -5%; z-index: 4; }

.tile-mat { background: var(--sky); }

.mat-print { position: absolute; width: 74%; right: -3%; bottom: -3%; z-index: 4; }

.tile-yoga { background: var(--paper); }

.tile-yoga h3 { font-size: clamp(70px, 9.4vw, 160px); color: var(--coral); }

.tile-yoga .chips li { background: var(--cream); }

.yoga-print { position: absolute; width: 72%; right: 2%; bottom: -4%; z-index: 4; }

.tile-heat, .tile-mat, .tile-yoga { padding-bottom: 19vw; }

.said {
  padding: clamp(60px, 7vw, 110px) var(--gut);
  background: var(--cream);
}

.said-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: row-reverse;
  gap: var(--gut);
  margin-bottom: clamp(30px, 3.6vw, 60px);
}

.said-title {
  font-weight: 700;
  font-size: min(12.2vw, 210px);
  line-height: .8;
  letter-spacing: -.055em;
}

.said-score { display: grid; flex: none; text-align: right; font-weight: 700; line-height: 1.05; }

.said-score b { font-size: clamp(70px, 9vw, 150px); line-height: .85; letter-spacing: -.05em; color: var(--coral); }

.said-wall {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: clamp(14px, 1.6vw, 26px);
  align-items: start;
}

.said-face { grid-column: 1 / span 4; grid-row: 1 / span 2; margin-top: -2vw; z-index: 2; }

.note {
  position: relative;
  z-index: 2;
  padding: 1.3em 1.2em 1em;
  background: var(--paper);
  box-shadow: var(--drop);
  rotate: var(--rot);
  font-size: clamp(16px, 1.32vw, 21px);
  line-height: 1.28;
}

.note mark {
  background: var(--sun);
  color: inherit;
  font-weight: 700;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0 .12em;
}

.note cite {
  display: block;
  margin-top: .35em;
  font-family: var(--hand);
  font-style: normal;
  font-weight: 700;
  font-size: 1.75em;
  line-height: 1;
}

.note-a { grid-column: 5 / span 4; grid-row: 1; }

.note-b { grid-column: 9 / span 4; grid-row: 1; margin-top: 2.4vw; }

.note-c { grid-column: 5 / span 4; grid-row: 2; margin-top: 0; }

.note-d { grid-column: 9 / span 4; grid-row: 2; margin-top: 2vw; }

.said-wall { position: relative; }

.said-duo { position: absolute; z-index: 1; width: 19vw; top: -15vw; left: 44vw; }

.come {
  padding: clamp(56px, 6vw, 96px) var(--gut) var(--gut);
  background: var(--sky);
}

.come-title {
  font-weight: 700;
  font-size: min(18vw, 320px);
  line-height: .78;
  letter-spacing: -.06em;
  color: var(--cream);
  white-space: nowrap;
}

.come-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: start;
  margin-top: clamp(-40px, -2.4vw, -16px);
}

.come-photo { position: relative; z-index: 2; min-height: 40vw; }

.come-face { position: absolute; }

.cf-a { width: 19vw; left: 0; top: 4vw; }

.cf-c { width: 19vw; right: 2%; top: 2vw; }

.cf-b { width: 24vw; left: 30%; top: 5vw; z-index: 2; }

.come-side { position: absolute; width: 30%; right: -2%; bottom: 0; z-index: 3; }

.come-info { position: relative; padding-top: 5vw; }

.come-offer {
  font-size: clamp(19px, 1.7vw, 27px);
  line-height: 1.15;
  margin-bottom: 1em;
  max-width: 19em;
}

.come-offer b {
  display: block;
  font-size: clamp(76px, 8.4vw, 140px);
  line-height: .9;
  letter-spacing: -.055em;
  color: var(--cream);
  margin-bottom: .1em;
}

.come-info address {
  display: grid;
  gap: .3em;
  margin-top: 1.5em;
  font-style: normal;
  font-weight: 700;
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.18;
}

.come-info address a { font-size: 1.9em; letter-spacing: -.03em; text-underline-offset: .12em; }

.stickies {
  display: flex;
  flex-wrap: wrap;
  gap: .4em;
  margin-top: 1.1em;
  font-size: clamp(22px, 1.9vw, 30px);
}

.stickies li { padding: .22em .5em .28em; background: var(--paper); box-shadow: var(--drop); }

.stickies li:nth-child(odd) { rotate: -1.2deg; }

.stickies li:nth-child(even) { rotate: 1.1deg; background: var(--sun); }

.foot {
  display: flex;
  flex-wrap: wrap;
  gap: .4em 2em;
  margin-top: clamp(18px, 2vw, 32px);
  padding-top: .9em;
  border-top: 2px solid var(--ink);
  font-size: 15px;
  font-weight: 700;
}

.foot span:first-child { margin-right: auto; }

.stick { display: none; }

@media (max-width: 900px) {
  body { padding-bottom: 62px; }

  .top-tel { display: none; }

  .top-cta { display: none; }

  .top { padding-block: 12px; }

  .hero { min-height: 0; padding-top: 48px; padding-bottom: 20px; display: flex; flex-direction: column; }

  .poster { font-size: 21vw; line-height: .82; }

  .deck {
    position: relative;
    right: auto;
    bottom: auto;
    order: 2;
    align-self: flex-end;
    width: 80vw;
    margin-top: 6vw;
    margin-right: 2vw;
  }

  .sats { inset: 0; }

  .sat-a { width: 31vw; top: 29vw; right: 3vw; }

  .sat-b { display: none; }

  .sat-c { display: none; }

  .sat figcaption { font-size: 15px; }

  .offer {
    position: relative;
    left: auto;
    bottom: auto;
    order: 3;
    flex-direction: column;
    align-items: stretch;
    margin-top: 22px;
    gap: 10px;
  }

  .offer-card { width: 100%; rotate: -1deg; }

  .offer-price { font-size: 26vw; }

  .offer-note { display: flex; justify-content: space-between; align-items: center; width: auto; }

  .rating { width: 9em; text-align: right; }

  .still { position: static; align-self: flex-start; }

  .bands { height: 100px; margin-block: 0; }

  .band { font-size: 21px; }

  .floor { grid-template-columns: minmax(0, 1fr); padding-top: 64px; padding-bottom: 64px; }

  .floor-big { font-size: 15.4vw; }

  .floor-prints { margin: 10px 0 36px; }

  .fp-a { width: 88%; margin-left: 0; }

  .fp-b { width: 62%; right: 0; bottom: -18%; }

  .board-title { font-size: 19.6vw; }

  .board-note { font-size: 32px; }

  .board-photo { position: relative; top: auto; right: auto; width: 100%; margin-top: 22px; }

  .tags { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 12px; margin-top: 26px; }

  .tag:nth-child(even) { margin-top: 14px; }

  .tag-name { font-size: 46px; }

  .tag-band { font-size: 13px; }

  .tag-does { font-size: 14px; }

  .moves-title { font-size: 12vw; }

  .tile { grid-column: 1 / -1; min-height: 0; padding: 18px; padding-bottom: 72vw; }

  .tile-reformer { grid-column: 1 / -1; padding-right: 18px; padding-bottom: 116vw; }

  .tile-reformer h3 { font-size: 17vw; width: auto; }

  .film { width: 90%; right: 3%; bottom: 46vw; }

  .tile-face { width: 44%; left: auto; right: 5%; bottom: -2vw; }

  .tile-gati { grid-column: 1 / -1; padding-right: 18px; padding-bottom: 86vw; }

  .tile-gati h3 { font-size: 22vw; width: auto; }

  .gati-print { width: 72%; bottom: 4vw; right: 5%; }

  .gati-bike { display: none; }

  .tile-heat h3, .tile-yoga h3 { font-size: 26vw; }

  .tile-mat h3 { font-size: 20vw; }

  .tile-heat { padding-bottom: 72vw; }

  .heat-print { width: 68%; right: 4%; }

  .tile-mat { padding-bottom: 66vw; }

  .mat-print { width: 82%; right: 3%; }

  .tile-yoga { padding-bottom: 62vw; }

  .yoga-print { width: 78%; }

  .said-head { flex-direction: column-reverse; align-items: flex-start; }

  .said-title { font-size: 17.4vw; }

  .said-score { text-align: left; }

  .said-score b { font-size: 26vw; }

  .said-wall { display: flex; flex-direction: column; gap: 22px; }

  .said-duo { position: static; }

  .said-face { margin: 0; width: 86%; }

  .note { margin: 0; }

  .note-a { margin-top: -54px; z-index: 3; }

  .said-duo { align-self: flex-end; width: 62%; margin-bottom: 4px; }

  .note-d { margin-top: -40px; z-index: 3; }

  .come-title { font-size: 17.6vw; }

  .come-grid { grid-template-columns: minmax(0, 1fr); margin-top: 16px; }

  .come-photo { min-height: 96vw; }

  .cf-a { width: 40vw; left: -2vw; top: 2vw; }

  .cf-c { width: 40vw; right: -2vw; top: 6vw; }

  .cf-b { width: 56vw; left: 16vw; top: 34vw; }

  .come-side { display: none; }

  .come-info { padding-top: 0; }

  .come-offer b { font-size: 26vw; }

  .btn-big { display: block; text-align: center; }

  .stick {
    position: fixed;
    z-index: 60;
    inset: auto 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px var(--gut);
    padding-bottom: calc(14px + env(safe-area-inset-bottom));
    background: var(--ink);
    color: var(--cream);
    text-decoration: none;
    font-size: 15px;
  }

  .stick b { font-size: 18px; color: var(--sun); }
}

.lift .crop img { filter: saturate(1.2) contrast(1.02) brightness(1.42); }

.glow .crop img { filter: saturate(1.25) contrast(1.05) brightness(1.2); }

@media (min-width: 901px) and (max-height: 790px) {
  .offer-card { padding: .7em .9em .85em; gap: .2em; }

  .offer-price { font-size: 4.8vw; }

  .offer-line { font-size: .92em; margin-bottom: .35em; }

  .offer-card .btn { padding: .65em 1em; }
}