/* Parker Electric — the rating plate. Red field, 2px white ruled box, small tracked labels left, plain values right.
   The plate is used once, big, in the hero; its rules and labels repeat through the page. */
:root {
  --red: #A3271C; --red-deep: #8A1F16; --ink: #151413; --paper: #F2EDE3; --paper-2: #F8F5EF;
  --grey: #5F6662; --rule: #D3CABA; --plate: #F6D9D3; --ink-rule: #45413D; --ink-soft: #BDB6AB;
  --display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --text: "Barlow", system-ui, sans-serif;
  --m-dur: 600ms; --m-ease: cubic-bezier(.25, .8, .2, 1); --m-rise: 18px;
  --gut: 20px; --head: 58px;
  --red-lit: #E0533F; --sheet-rule: rgba(242, 237, 227, .28);
  /* One spec grid: every ruled plate puts its values on the same x (136px from the screen edge on phones). */
  --spec-x: 136px; --spec-gap: 12px;
}
* { box-sizing: border-box; }
html { background: var(--red); -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--head) + 16px); }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 17px/1.6 var(--text); }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, p, dl, dd, figure, blockquote, ol { margin: 0; }
.wrap { width: min(1240px, 100% - 2 * var(--gut)); margin-inline: auto; }
.k { font: 500 .8125rem/1.3 var(--display); letter-spacing: .14em; text-transform: uppercase; }
.num { font-variant-numeric: tabular-nums; }
abbr { text-decoration: none; }
.vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.site :focus-visible, .hero :focus-visible, .hours :focus-visible, .foot :focus-visible, .actionbar :focus-visible { outline-color: #fff; }

.skip { position: absolute; left: 12px; top: -80px; z-index: 50; background: #fff; color: var(--ink); padding: 12px 16px; font-weight: 600; }
.skip:focus { top: 12px; }
.preview { background: var(--ink); color: #CFC8BD; font-size: .8125rem; line-height: 1.4; text-align: center; padding: 7px 16px; }
.preview b { color: #fff; font-weight: 600; }

/* Header: red, phone only on the first screen; the wordmark comes in once the plate's name scrolls away. */
.site { position: sticky; top: 0; z-index: 20; background: var(--red); color: #fff; box-shadow: 0 1px 0 var(--red); }
.site-in { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: var(--head); }
.mark { font: 700 1.375rem/1 var(--display); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; padding: 12px 0; transition: opacity .4s ease, translate .4s var(--m-ease); }
html.m-on .site:not(.mark-on) .mark { opacity: 0; translate: 0 6px; visibility: hidden; }
.nav { display: none; }
.tel { margin-left: auto; font: 500 1.25rem/1 var(--display); letter-spacing: .04em; text-decoration: none; padding: 12px 0; }

/* Hero */
.hero { background: var(--red); color: #fff; overflow: hidden; }
.plate { position: relative; z-index: 2; background: var(--red); margin: 20px var(--gut) 0; padding: 18px 20px 20px; container-type: inline-size; }
.plate::before, .plate::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.plate::before { border-top: 2px solid #fff; border-bottom: 2px solid #fff; transform-origin: left; }
.plate::after { border-left: 2px solid #fff; border-right: 2px solid #fff; transform-origin: top; }
@media (prefers-reduced-motion: no-preference) {
  html.m-on .plate::before { animation: draw-x 900ms var(--m-ease) both; }
  html.m-on .plate::after { animation: draw-y 900ms var(--m-ease) 180ms both; }
}
@keyframes draw-x { from { transform: scaleX(0); } to { transform: none; } }
@keyframes draw-y { from { transform: scaleY(0); } to { transform: none; } }
.plate-top { display: flex; justify-content: space-between; gap: 16px; color: var(--plate); }
h1 { font: 700 clamp(4rem, 22.5vw, 11rem)/.84 var(--display); font-size: 29cqi; text-transform: uppercase; letter-spacing: -.005em; margin: 12px 0 16px; }
h1 span { display: block; }
.specs { border-top: 1px solid rgba(255, 255, 255, .5); }
.specs div { display: grid; grid-template-columns: calc(var(--spec-x) - 40px - var(--spec-gap)) 1fr; gap: var(--spec-gap); padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, .5); align-items: baseline; }
.specs dt { font: 500 .75rem/1.5 var(--display); letter-spacing: .14em; text-transform: uppercase; color: var(--plate); }
.specs dd { font: 500 .98rem/1.4 var(--text); white-space: nowrap; }
.actions { margin-top: 18px; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 24px; background: #fff; color: var(--red); border: 2px solid #fff; font: 700 1.375rem/1 var(--display); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; --m-fill: rgba(163, 39, 28, .12); transition: background-color .25s ease, color .25s ease; }
.btn:hover { background: var(--paper); }
.btn:active { background: var(--plate); }
.second { display: none; }
/* Phone: the charger runs full-bleed and slides under the plate's bottom edge. */
.strip { position: relative; z-index: 1; margin-top: -24px; aspect-ratio: 1040 / 800; overflow: hidden; }
.strip .m-frame { position: absolute; inset: 0; overflow: hidden; }
.strip img { position: absolute; left: 0; top: -5%; width: 100%; height: 110%; object-fit: cover; object-position: 50% 50%; }
@media (prefers-reduced-motion: no-preference) {
  html.m-on .strip .m-frame { animation: wipe-up 700ms var(--m-ease) 200ms both; }
  html.m-on .strip picture { display: block; height: 100%; animation: settle-in 1100ms var(--m-ease) 200ms both; }
}
@keyframes wipe-up { from { clip-path: inset(55% 0 0 0); } to { clip-path: inset(0); } }
@keyframes settle-in { from { scale: 1.04; } to { scale: 1; } }

/* Section heads */
/* Every section opens on its heading under the heavy rule. */
h2 { font: 600 clamp(2.375rem, 9vw, 3.5rem)/1.04 var(--text); letter-spacing: -.015em; margin: 8px 0 0; }
.home h2 { margin: 0; border-top: 3px solid currentColor; padding-top: 16px; }

/* Proof */
.proof { padding: 88px 0 72px; }
/* The rating as its own small object: the big red numeral, then the count and the link. */
.score { border-top: 2px solid var(--ink); padding-top: 20px; }
.score-n { font: 700 4.5rem/.8 var(--display); color: var(--red); letter-spacing: -.01em; }
.score-t { margin-top: 12px; font-weight: 500; }
/* A small rating plate: the same ruled label/value rows as the hero. */
.score-rows { margin-top: 16px; border-top: 1px solid var(--rule); }
.score-rows div { display: grid; grid-template-columns: calc(var(--spec-x) - var(--gut) - var(--spec-gap)) 1fr; gap: var(--spec-gap); padding: 10px 0; border-bottom: 1px solid var(--rule); align-items: baseline; }
.score-rows dt { color: var(--grey); }
.score-rows dd { font-weight: 500; }
.score .out { display: inline-block; margin-top: 4px; font-weight: 600; color: var(--red); text-decoration: none; padding: 8px 0; }
.initials { letter-spacing: .04em; }
.quotes { margin-top: 40px; display: grid; gap: 40px; }
.q blockquote p { font: 500 1.125rem/1.55 var(--text); }
.q-big blockquote p { font-size: 1.5rem; line-height: 1.32; letter-spacing: -.01em; }
.q figcaption { margin-top: 14px; color: var(--red); }
.q-side { display: grid; gap: 32px; }
.q-side .q { border-top: 2px solid var(--ink); padding-top: 20px; }

/* Jobs: black field, the job sheet as a second rating plate */
.jobs { background: var(--ink); color: var(--paper); padding: 72px 0; }
.jobs-in { display: flex; flex-direction: column; }
.jobs-head { display: contents; }
.jobs-head h2 { margin-bottom: 16px; }
.intro { max-width: 40ch; color: var(--ink-soft); }
/* Phone: the call block follows the sheet. */
.jobs-call { order: 1; margin-top: 32px; }
.jobs-call .k { color: var(--plate); }
.jobs-call a { display: inline-block; margin: 2px 0 4px; padding: 6px 0; font: 700 2.5rem/1 var(--display); letter-spacing: .02em; white-space: nowrap; text-decoration: none; }
.jobs-call a:hover { color: var(--plate); }
.jobs-call p:last-child { font-size: 1rem; color: var(--ink-soft); }
.board-wrap { margin-top: 32px; border: 2px solid var(--paper); padding: 14px 18px 2px; }
.board-cols { display: flex; color: var(--plate); padding-bottom: 10px; border-bottom: 2px solid var(--paper); }
.board-cols span:first-child { width: calc(3.25rem + 12px); flex: none; }
.board-cols span:nth-child(n+3)::before { content: "\00a0·\00a0"; }
/* Phone: half the rows have no source, so the header only promises the room. */
.board-cols span:nth-child(4) { display: none; }
.board { list-style: none; padding: 0; }
.board li { position: relative; display: grid; grid-template-columns: 3.25rem auto 1fr; gap: 4px 12px; align-items: baseline; padding: 16px 0 17px; }
.board li::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--sheet-rule); transform-origin: left; }
.board li:last-child::after { content: none; }
@media (prefers-reduced-motion: no-preference) {
  html.m-on .board li[data-reveal]::after, html.m-on .days li[data-reveal]::after { transform: scaleX(0); transition: transform 900ms var(--m-ease) calc(var(--d, 0ms) + 120ms); }
  html.m-on .board li.is-in::after, html.m-on .days li.is-in::after { transform: none; }
}
.board .n { grid-row: span 2; font: 700 2.5rem/1 var(--display); font-variant-numeric: tabular-nums; color: var(--red-lit); }
.board .job { grid-column: 2 / -1; font: 600 1.3125rem/1.25 var(--text); }
.board .where { grid-column: 2; font-size: .875rem; color: var(--ink-soft); }
/* Phone: the ditto rows show the room only; the ditto marks live in the desktop Source column. */
.board .ditto { display: none; }
.board .dit { font: 500 1.375rem/1 var(--display); color: #B9B2A6; letter-spacing: 0; }
.board .src { grid-column: 3; margin-left: -12px; color: var(--ink-soft); font: 400 .875rem/1.6 var(--text); letter-spacing: 0; text-transform: none; }
.board .src::before { content: "\00a0·\00a0"; }

/* About: edge-to-edge split, red numeral field and their words */
.about { display: grid; overflow: hidden; }
.about-photo { position: relative; aspect-ratio: 390 / 220; overflow: hidden; }
.about-photo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.about-text { padding: 40px var(--gut) 72px; }
.about-text h2 { margin-bottom: 24px; }
.about-text p { max-width: 58ch; }
.about-text p + p { margin-top: 16px; }
/* Barlow 400 reads faint at body size: all About text is 500 in full ink, the lead clause 600. */
.about-text p { font-weight: 500; color: var(--ink); }
.lead { font-size: 1.1875rem; line-height: 1.55; }
.lead b { font-weight: 600; }
.facts { margin-top: 40px; border-top: 3px solid var(--ink); }
.facts div { display: grid; grid-template-columns: calc(var(--spec-x) - var(--gut) - var(--spec-gap)) 1fr; gap: var(--spec-gap); padding: 12px 0; border-bottom: 1px solid var(--rule); align-items: baseline; }
.facts dt { color: var(--grey); }
.facts dd { font-weight: 500; }
.facts div:last-child { border-bottom: 0; }
.about-call { margin-top: 4px; }
.about-call a { display: inline-flex; gap: 6px; padding: 10px 0; font-size: 1.125rem; font-weight: 600; color: var(--red); text-decoration: none; }

/* Hours: cream, the number set huge in red */
/* Hours sits on its own tinted field so it never runs into About. */
.hours { --rule: #C6B9A3; background: #EADFD0; color: var(--ink); padding: 72px 0; }
.hours .k { color: var(--grey); }
.bigtel { display: block; width: max-content; max-width: 100%; margin-top: 24px; font: 700 clamp(2.75rem, 12.4vw, 8rem)/.95 var(--display); letter-spacing: .005em; white-space: nowrap; text-decoration: none; padding: 4px 0; color: var(--red); }
.bigtel:hover { color: var(--red-deep); }
.week-block { margin-top: 48px; border-top: 1px solid var(--ink); padding-top: 20px; }
.every { font: 600 clamp(1.75rem, 7vw, 2.75rem)/1.1 var(--text); letter-spacing: -.01em; }
.days { list-style: none; padding: 0; margin-top: 20px; display: grid; grid-template-columns: repeat(7, 1fr); }
.days li { position: relative; text-align: center; padding: 12px 0; font: 500 .9375rem/1 var(--display); letter-spacing: .1em; text-transform: uppercase; color: var(--grey); }
.days li::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--rule); transform-origin: left; }
.days li.is-today { background: var(--red); color: #fff; }
.area-block { margin-top: 32px; }
.note { max-width: 44ch; margin-top: 24px; }
.dir { margin-top: 16px; }
.dir a { display: inline-flex; gap: 6px; padding: 10px 0; font-weight: 600; color: var(--red); text-decoration: none; }
.area { margin-top: 24px; border-top: 1px solid var(--rule); }
.area div { display: grid; grid-template-columns: calc(var(--spec-x) - var(--gut) - var(--spec-gap)) 1fr; gap: var(--spec-gap); padding: 12px 0; border-bottom: 1px solid var(--rule); align-items: baseline; }
.area dd { font-weight: 500; }
.area a { text-decoration: none; display: inline-block; padding: 4px 0; }

/* Footer: a smaller copy of the hero plate */
.foot { background: var(--red); color: #fff; padding: 72px 0 calc(24px + 54px + env(safe-area-inset-bottom)); }
.foot-plate { border: 2px solid #fff; padding: 18px 18px 8px; }
.foot-name { font: 700 clamp(2.75rem, 13vw, 5rem)/.88 var(--display); text-transform: uppercase; margin-bottom: 16px; }
.foot-plate .specs div:last-child { border-bottom: 0; }
.foot-plate .specs dd a { text-decoration: none; display: inline-block; padding: 12px 0; margin: -12px 0; font: inherit; letter-spacing: inherit; }
.foot-tel { white-space: nowrap; word-spacing: .08em; }
/* Optical alignment: the bracket sits a hair left of the other values. */
.foot-plate .specs dd .foot-tel { margin-left: 1px; }
.foot-plate .specs div { padding: 12px 0; grid-template-columns: calc(var(--spec-x) - 40px - var(--spec-gap)) minmax(0, 1fr); }
.foot-plate .specs dd { font-size: 1rem; white-space: normal; min-width: 0; }
.foot-side { margin-top: 32px; display: grid; }
.foot-nav, .foot-legal { display: flex; flex-wrap: wrap; gap: 0 24px; }
.foot-nav a { font: 600 1rem/1 var(--display); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; padding: 14px 0; }
.foot-legal { margin-bottom: 16px; }
.foot-legal a { font-size: .875rem; line-height: 1; text-decoration: none; padding: 15px 0; color: var(--plate); }
.foot-small { font-size: .875rem; line-height: 1.5; color: var(--plate); }
.foot-small + .foot-small { margin-top: 8px; }
.foot-small a { text-decoration: none; display: inline-block; padding: 12px 0; margin: -12px 0; }

/* Phone action bar */
.actionbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; display: grid; grid-template-columns: 1fr 1fr 1fr; background: var(--ink); padding-bottom: env(safe-area-inset-bottom); }
.actionbar a { display: flex; align-items: center; justify-content: center; min-height: 54px; color: #fff; text-decoration: none; font: 600 1.0625rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; --m-fill: rgba(255, 255, 255, .14); }
.actionbar a:first-child { background: #fff; color: var(--red); --m-fill: rgba(163, 39, 28, .12); }

/* 404 */
.lost { background: var(--red); color: #fff; padding: 24px 0 96px; min-height: calc(100svh - var(--head) - 30px); }
.lost .plate { margin: 0; }
.lost h1 { font-size: clamp(3.5rem, 18vw, 9rem); }
.lost .lost-text { font: 500 1.0625rem/1.55 var(--text); max-width: 44ch; margin-top: 4px; }
.lost .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }
.lost .second { display: inline-flex; gap: 8px; align-items: center; font: 500 1.25rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; padding: 14px 0; }

/* Desktop */
@media (min-width: 900px) {
  :root { --gut: 40px; --head: 72px; }
  /* Desktop plates sit in different columns, so they share the label width instead. */
  .specs div, .facts div, .area div, .score-rows div, .foot-plate .specs div { grid-template-columns: 7.5rem minmax(0, 1fr); }
  body { font-size: 18px; }
  .mark { font-size: 1.625rem; }
  .nav { display: flex; gap: 32px; margin-left: auto; }
  .nav a { font: 500 1.125rem/1 var(--display); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; padding: 14px 0; }
  .tel { margin-left: 16px; font-size: 1.375rem; }
  .hero { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; padding: 0 0 0 max(40px, calc((100vw - 1240px) / 2)); height: clamp(680px, calc(100svh - var(--head) - 30px), 940px); }
  .plate { grid-column: 1 / 8; margin: 40px 0; padding: 28px 32px 32px; display: flex; flex-direction: column; }
  h1 { font-size: clamp(6.5rem, 13.6vw, 13.5rem); font-size: 29cqi; margin: auto 0 0; }
  .plate-low { padding-top: 48px; }
  .specs { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
  .specs dd { font-size: 1.0625rem; }
  .actions { display: flex; align-items: center; gap: 32px; margin-top: 28px; }
  .second { display: inline-flex; gap: 8px; align-items: center; font: 500 1.25rem/1 var(--display); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; padding: 14px 0; }
  .strip { grid-column: 8 / -1; margin: 0; height: auto; min-height: 0; aspect-ratio: auto; }
  .strip img { object-position: 50% 40%; }

  h2 { font-size: clamp(2.75rem, 4vw, 3.75rem); }
  .proof { padding: 136px 0 144px; }
  .home h2 { padding-top: 20px; }
  .quotes { grid-template-columns: repeat(12, 1fr); column-gap: 24px; row-gap: 56px; margin-top: 48px; align-items: start; }
  .score { grid-column: 1 / 4; grid-row: 1 / span 2; position: sticky; top: calc(var(--head) + 32px); margin-right: 24px; }
  .score-n { font-size: 7.5rem; margin-top: 4px; }
  .score-t { margin-top: 16px; font-size: 1.25rem; line-height: 1.4; font-weight: 500; }
  .score-rows { margin-top: 20px; }
  .score-rows div { grid-template-columns: 6.5rem minmax(0, 1fr); }
  .score .out { margin-top: 24px; font-size: 1.25rem; font-weight: 600; padding: 4px 0; }
  .q-side .q blockquote p { font-size: 1.25rem; line-height: 1.55; }
  .q-big { grid-column: 4 / -1; grid-row: 1; }
  .q-big blockquote p { font-size: 2.125rem; max-width: 34em; }
  .q-side { grid-column: 4 / -1; grid-row: 2; grid-template-columns: 1fr 1fr; gap: 48px; align-items: stretch; }
  /* The two side quotes are matched cells: both close on one hairline. */
  .q-side .q { display: flex; flex-direction: column; border-bottom: 1px solid var(--rule); padding-bottom: 24px; }

  .jobs { padding: 136px 0; }
  .jobs-in { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; align-items: start; }
  /* Heading and intro stay at the top; the call block rides down beside the sheet. */
  .jobs-head { display: block; grid-column: 1 / 5; grid-row: 1; align-self: stretch; padding-right: 24px; }
  .jobs-call { margin-top: 48px; position: sticky; top: calc(var(--head) + 40px); }
  .jobs-call a { font-size: 3.5rem; }
  /* Desktop body-role floor: Barlow reads small, so secondary text is 19px/1.55 beside the big headings. */
  .intro, .jobs-call p:last-child, .about-text p:not(.lead), .week-block .note { font-size: 1.25rem; line-height: 1.55; }
  .board-wrap { grid-column: 5 / -1; grid-row: 1; margin-top: 0; padding: 18px 32px 4px; }
  .board-cols, .board li { grid-template-columns: 64px 1.3fr .8fr 1.1fr; gap: 0 20px; }
  .board-cols span:nth-child(n+3) { display: block; }
  .board li { padding: 18px 0 19px; }
  .board .n { grid-row: auto; font-size: 2.75rem; }
  .board .job { font-size: 1.375rem; }
  .board .job, .board .where, .board .src { grid-column: auto; }
  .board .where { font-size: 1rem; color: var(--ink-soft); }
  .board .src { margin: 0; white-space: nowrap; }
  /* Desktop labels: one role, one readable size (plate labels, reviewer names, the sheet header, Source values, facts). */
  .k, .specs dt, .q figcaption, .board-cols, .board .src { font: 600 .9375rem/1.2 var(--display); letter-spacing: .12em; text-transform: uppercase; }
  .board .src { letter-spacing: .08em; }
  .board .where { white-space: nowrap; }
  .board .src::before, .board-cols span:nth-child(n+3)::before { content: none; }
  .board .ditto { display: block; }
  .board-cols { display: grid; }
  .board-cols span:first-child { width: auto; }

  /* The fan is the weakest photo, so it gets the narrower third. */
  .about { grid-template-columns: 4fr 8fr; }
  .about-photo { aspect-ratio: auto; min-height: 640px; align-self: stretch; }
  .about-photo img { object-position: 50% 70%; }
  .about-text { padding: 80px max(40px, calc((100vw - 1240px) / 2)) 80px 112px; align-self: center; }
  .lead { font-size: 1.375rem; }
  .about-call { margin-top: 22px; }
  .about-call a { font-size: 1.25rem; }

  .hours { padding: 96px 0; }
  .hours-in { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; }
  .hours-top { grid-column: 1 / -1; }
  .hours-top h2 { max-width: none; font-size: 3rem; }
  .bigtel { font-size: clamp(6rem, 16vw, 14.5rem); margin-top: 32px; }
  /* Both columns start under their rules at the same y. */
  .hours-in { align-items: start; }
  .week-block { grid-column: 1 / 7; margin-top: 64px; }
  .week-block .note { margin-top: 32px; max-width: 40ch; }
  .days { margin-top: 28px; }
  .area-block { grid-column: 8 / -1; margin-top: 64px; padding-top: 8px; border-top: 1px solid var(--ink); }
  .area { margin-top: 0; border-top: 0; }
  .dir { margin-top: 24px; }

  .foot { padding: 112px 0 96px; }
  .foot-in { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 24px; align-items: stretch; }
  .foot-plate { grid-column: 1 / 8; padding: 28px 32px 12px; }
  .foot-plate .specs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .foot-plate .specs div { min-width: 0; }
  .foot-plate .specs dd { font-size: .9375rem; }
  .foot-plate .specs div:nth-last-child(2) { border-bottom: 0; }
  /* Nav level with the plate's name, credits on its bottom rule. */
  .foot-side { grid-column: 9 / -1; margin: 0; display: flex; flex-direction: column; padding: 16px 0 0; }
  .foot-legal { margin-top: auto; }
  .foot-small:last-child a { padding-bottom: 0; margin-bottom: 0; }
  .actionbar { display: none; }
  .lost { padding: 48px 0 136px; }
  .lost .plate { min-height: 520px; }
}