*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f0f4f5;color:#172219;font-family:Arial,sans-serif}.preview{position:relative;overflow:hidden;width:100%;isolation:isolate}.homepage{display:block;width:100%;height:auto}.tire-track{position:absolute;left:51%;top:53%;width:95%;aspect-ratio:2.1/1;transform:translate(-50%,-50%) rotate(-30deg);display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 5px 5px #0004)}.tire-track>img{position:absolute;width:100%;height:100%;object-fit:fill;z-index:-1}.tire-track h1{margin:0;color:white;white-space:nowrap;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(18px,4.1vw,105px);font-weight:900;letter-spacing:.035em;text-shadow:0 2px 3px #000;padding:.15em .4em}footer{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;padding:19px 24px;background:#fff;border-top:1px solid #e0e7df}footer a{color:#267f1b;font-size:16px;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #278a1c;outline-offset:5px}@media(max-width:600px){.preview{min-height:calc(100svh - 106px);background:#eef2f3}.homepage{height:calc(100svh - 106px);object-fit:cover;object-position:57% center}.tire-track{width:180%;left:50%;top:52%;}.tire-track h1{font-size:7.6vw}footer{gap:12px;padding:18px;flex-direction:column;align-items:center}}

.track-copy { text-align: center; }
.track-email { display: inline-block; margin-top: .25em; color: #fff; font-size: clamp(17px, 2.4vw, 60px); font-weight: 700; text-decoration: none; text-shadow: 0 2px 3px #000; pointer-events: auto; }
.track-email:hover { text-decoration: underline; }
@media(max-width:600px) { .track-email { font-size: 5vw; } }

/* Het spoor loopt voorbij beide beeldranden; tekst en spoordikte blijven gelijk. */
.tire-track > img {
  width: 240%;
  max-width: none;
  left: -70%;
  height: 100%;
}

footer > span { color: #267f1b; font-size: 16px; font-weight: 700; }

/* Vanaf net boven het logo linksboven naar de rechterzijde op 3 uur. */
.tire-track { left: 51%; top: 22%; transform: translate(-50%,-50%) rotate(17deg); }
.visit-address { position: absolute; left: 4.8%; top: 55%; margin: 0; color: #111820; font: 700 clamp(18px,2.25vw,54px)/1.55 'Arial Narrow',Arial,sans-serif; }
@media(max-width:600px) {
  .preview { min-height: 0; }
  .homepage { height: auto; object-fit: initial; }
  .tire-track { width: 95%; left: 51%; top: 22%; }
  .tire-track h1 { font-size: 4.1vw; }
  .track-email { font-size: 2.7vw; }
  .visit-address { font-size: 2.6vw; }
}

/* Alleen horizontaal verschoven: hoogte en hoek blijven ongewijzigd. */
.tire-track { left: 90%; }
/* Houd de melding leesbaar binnen beeld terwijl het spoor rechts opschuift. */
.track-copy { position: relative; left: -20%; }

/* Tekst terug in het spoor, iets naar rechts en beneden binnen de band. */
.tire-track .track-copy {
  position: relative;
  left: -15%;
  top: 8%;
}