/* Rare Tilt Optimiser: layout fixes for the Rare Tilt sections. Deactivate the plugin to remove. */

/* How it works: the intro and its paragraph stack on tablets and phones
   (a later desktop rule kept them in two cramped columns, one or two words per line). */
@media (max-width:1060px){
  .rt-el.rt-el.rt-el .hw-head{grid-template-columns:minmax(0,1fr);align-items:start}
}

/* Text links get a 44px touch area (they were 22-28px tall). */
.rt-el.rt-el.rt-el .stagecard .link,
.rt-el.rt-el.rt-el .bk-mail-link,
.rt-el.rt-el.rt-el .fq-mail{display:inline-flex;align-items:center;min-height:44px}
.rt-el.rt-el.rt-el .pt-pay{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px}

/* Multi-line button labels stay centred. */
.rt-el.rt-el.rt-el .btn{text-align:center}

@media (max-width:720px){
  /* The form's send button spans the card, like every other main button on phones. */
  .rt-el.rt-el.rt-el .submit-row .btn{width:100%;flex:1 1 100%}
  .rt-el.rt-el.rt-el .submit-row #fnote{width:100%}

  /* Sample plan: smallest labels raised to a readable size on phones. */
  .rt-el.rt-el.rt-el .sheet th,
  .rt-el.rt-el.rt-el .sheet .pill,
  .rt-el.rt-el.rt-el .sheet .score span,
  .rt-el.rt-el.rt-el .sheet .stamp{font-size:11.5px}
}

/* Hero illustration (1.1.0): appear quickly instead of a slow 1.45s fade, and keep its
   shadow from being redrawn on every frame of the floating animation. */
@media (prefers-reduced-motion:no-preference){
  .rt-el.rt-el.rt-el .hero .ill{animation:illIn .6s var(--ease) both,floaty 7s ease-in-out .6s infinite;will-change:transform}
}