/* =================================================================
   insel.marketing — Designsystem „Seekarte"
   Palette: Tiefsee-Marine · Sandstein · Antik-Messing · Oliven-Salbei
   Type:    Newsreader (Display) · Manrope (Body) · JetBrains Mono (Label)
   ================================================================= */

:root{
  --ink:        #0A1C24;   /* Tiefsee-Marine (dunkle Sektionen)       */
  --ink-2:      #0E2731;   /* gehobene Marine-Fläche                  */
  --ink-3:      #123440;   /* Panel / Karte auf dunkel                */
  --piedra:     #E9E0CF;   /* Mallorca-Sandstein (helle Sektionen)    */
  --piedra-2:   #F1EADA;   /* hellerer Sandstein                      */
  --shell:      #F8F5EE;   /* Muschel-Weiß (Text auf dunkel)          */
  --brass:      #C29A4E;   /* Antik-Messing (Akzent)                  */
  --brass-2:    #DDBE83;   /* helles Messing (Hover/Focus)            */
  --olive:      #8C9A7E;   /* Oliven-Salbei (sekundär)                */

  --ink-soft:   rgba(10,28,36,.66);
  --shell-soft: rgba(248,245,238,.70);
  --shell-dim:  rgba(248,245,238,.42);
  --hair-dark:  rgba(10,28,36,.16);
  --hair-light: rgba(248,245,238,.16);

  --serif: "Newsreader", Georgia, serif;
  --sans:  "Manrope", system-ui, -apple-system, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, monospace;

  --wrap: 1220px;
  --pad:  clamp(1.25rem, 5vw, 4rem);
  --sect: clamp(4.5rem, 10vw, 9rem);

  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------- reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
*{ margin:0; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  font-family:var(--sans);
  font-weight:400;
  color:var(--ink);
  background:var(--shell);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,video,svg{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; cursor:pointer; border:0; background:none; }
ul{ list-style:none; padding:0; }

/* ---------- type ---------- */
h1,h2,h3{ font-family:var(--serif); font-weight:500; line-height:1.06; letter-spacing:-.012em; }
.serif-i{ font-style:italic; }

.eyebrow{
  font-family:var(--mono);
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--brass);
  display:inline-flex;
  align-items:center;
  gap:.7em;
}
.eyebrow::before{
  content:""; width:26px; height:1px; background:var(--brass); opacity:.7;
}
.eyebrow--plain::before{ display:none; }

/* ---------- layout ---------- */
.wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--pad); }
.section{ padding-block:var(--sect); position:relative; }
.section--ink   { background:var(--ink);    color:var(--shell); }
.section--ink-2 { background:var(--ink-2);  color:var(--shell); }
.section--piedra{ background:var(--piedra); color:var(--ink); }
.section--ink h1,.section--ink h2,.section--ink h3,
.section--ink-2 h1,.section--ink-2 h2,.section--ink-2 h3{ color:var(--shell); }

.lead{ font-size:clamp(1.1rem,1.7vw,1.32rem); line-height:1.6; max-width:46ch; }
.muted-ink{ color:var(--ink-soft); }
.muted-shell{ color:var(--shell-soft); }

/* ---------- buttons ---------- */
.btn{
  --bg:var(--brass); --fg:var(--ink); --bd:var(--brass);
  display:inline-flex; align-items:center; gap:.7em;
  padding:.95em 1.6em;
  font-family:var(--mono); font-size:.74rem; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase;
  background:var(--bg); color:var(--fg);
  border:1px solid var(--bd);
  border-radius:2px;
  transition:transform .4s var(--ease), background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);
}
.btn .arr{ transition:transform .4s var(--ease); }
.btn:hover{ background:var(--brass-2); border-color:var(--brass-2); transform:translateY(-2px); }
.btn:hover .arr{ transform:translateX(4px); }
.btn--ghost{
  --bg:transparent; --fg:var(--shell); --bd:var(--hair-light);
}
.btn--ghost:hover{ --bg:transparent; border-color:var(--brass); color:var(--brass-2); transform:translateY(-2px); }
.btn--ghost-ink{ --bg:transparent; --fg:var(--ink); --bd:var(--hair-dark); }
.btn--ghost-ink:hover{ background:transparent; border-color:var(--brass); color:var(--brass); }

/* link with drawn underline */
.tlink{
  font-family:var(--mono); font-size:.74rem; letter-spacing:.18em; text-transform:uppercase;
  color:var(--brass); display:inline-flex; align-items:center; gap:.6em;
  position:relative; padding-bottom:.35em;
}
.tlink::after{ content:""; position:absolute; left:0; bottom:0; height:1px; width:100%;
  background:var(--brass); transform:scaleX(.2); transform-origin:left; opacity:.5; transition:transform .45s var(--ease), opacity .45s var(--ease); }
.tlink:hover::after{ transform:scaleX(1); opacity:1; }
.tlink .arr{ transition:transform .4s var(--ease); }
.tlink:hover .arr{ transform:translateX(4px); }

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed; inset:0 0 auto 0; z-index:60;
  display:flex; align-items:center; justify-content:space-between;
  padding:1.05rem var(--pad);
  color:var(--shell);
  transition:background .5s var(--ease), padding .5s var(--ease), border-color .5s var(--ease);
  border-bottom:1px solid transparent;
}
.nav.scrolled{
  background:rgba(10,28,36,.86);
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--hair-light);
  padding-block:.8rem;
}
.brand{ font-family:var(--serif); font-size:1.32rem; font-weight:500; letter-spacing:-.01em; color:var(--shell); display:inline-flex; align-items:baseline; }
.brand .dot{ color:var(--brass); padding:0 .04em; }
.brand:hover .dot{ color:var(--brass-2); }
.nav__links{ display:flex; align-items:center; gap:2.1rem; }
.nav__links a{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--shell-soft); transition:color .3s var(--ease); white-space:nowrap;
}
.nav__links a:hover{ color:var(--brass-2); }
.nav__cta{ padding:.7em 1.2em; }
.nav__burger{ display:none; width:34px; height:34px; position:relative; }
.nav__burger span{ position:absolute; left:6px; right:6px; height:1.5px; background:var(--shell); transition:.35s var(--ease); }
.nav__burger span:nth-child(1){ top:12px; } .nav__burger span:nth-child(2){ bottom:12px; }
.nav.open .nav__burger span:nth-child(1){ top:16px; transform:rotate(45deg); }
.nav.open .nav__burger span:nth-child(2){ bottom:16px; transform:rotate(-45deg); }

@media (max-width:880px){
  .nav__burger{ display:block; }
  .nav__links{
    position:fixed; inset:0 0 0 auto; width:min(82vw,360px);
    flex-direction:column; align-items:flex-start; justify-content:center; gap:1.6rem;
    background:rgba(10,28,36,.97); backdrop-filter:blur(16px);
    padding:var(--pad); transform:translateX(100%); transition:transform .5s var(--ease);
  }
  .nav.open .nav__links{ transform:translateX(0); }
  .nav__links a{ font-size:.85rem; }
}

/* ============================================================
   HERO
   ============================================================ */
.hero{ position:relative; min-height:100svh; display:flex; align-items:flex-end; overflow:hidden; background:var(--ink); }
.hero__video,.hero__poster{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.hero__scrim{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(180deg, rgba(10,28,36,.55) 0%, rgba(10,28,36,.18) 32%, rgba(10,28,36,.32) 60%, rgba(10,28,36,.92) 100%),
    radial-gradient(120% 80% at 18% 88%, rgba(10,28,36,.55), transparent 60%);
}
.hero__contour{ position:absolute; z-index:2; right:-6%; top:6%; width:min(58vw,720px); opacity:.5; pointer-events:none; mix-blend-mode:screen; }
.hero__inner{ position:relative; z-index:3; width:100%; max-width:var(--wrap); margin-inline:auto; padding:0 var(--pad) clamp(3rem,7vw,6rem); }
.hero__eyebrow{ margin-bottom:1.6rem; }
.hero h1{
  color:var(--shell);
  font-size:clamp(2.7rem,7.4vw,6rem);
  line-height:.98;
  max-width:16ch;
  text-wrap:balance;
}
.hero h1 em{ color:var(--brass-2); font-weight:400; }
.hero__sub{ margin-top:1.8rem; max-width:48ch; font-size:clamp(1.05rem,1.5vw,1.25rem); color:var(--shell-soft); }
.hero__cta{ margin-top:2.4rem; display:flex; flex-wrap:wrap; gap:1rem; }
.hero__meta{
  margin-top:3.2rem; display:flex; flex-wrap:wrap; gap:1.4rem 2.6rem;
  font-family:var(--mono); font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--shell-dim);
  border-top:1px solid var(--hair-light); padding-top:1.4rem;
}
.hero__meta b{ color:var(--shell-soft); font-weight:500; }

/* page hero (subpages) — shorter, image-backed */
.phero{ position:relative; min-height:72svh; display:flex; align-items:flex-end; overflow:hidden; background:var(--ink); }
.phero__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.phero__scrim{ position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(10,28,36,.62) 0%, rgba(10,28,36,.28) 40%, rgba(10,28,36,.9) 100%); }
.phero__inner{ position:relative; z-index:2; width:100%; max-width:var(--wrap); margin-inline:auto; padding:0 var(--pad) clamp(2.6rem,6vw,5rem); }
.phero__code{
  font-family:var(--mono); font-size:.78rem; letter-spacing:.22em; color:var(--brass);
  display:inline-flex; align-items:center; gap:.8em; margin-bottom:1.3rem;
}
.phero__code .chip{ border:1px solid var(--brass); border-radius:2px; padding:.25em .55em; color:var(--brass-2); letter-spacing:.1em; }
.phero h1{ color:var(--shell); font-size:clamp(2.4rem,5.6vw,4.6rem); max-width:18ch; }
.phero__sub{ margin-top:1.4rem; max-width:50ch; color:var(--shell-soft); font-size:clamp(1.02rem,1.4vw,1.2rem); }

/* ============================================================
   CONTOUR (Signatur — bathymetrische Seekarte)
   ============================================================ */
.contour path,.contour use{ fill:none; stroke:var(--brass); stroke-width:1.1; vector-effect:non-scaling-stroke; }
.contour--drift{ animation:drift 26s ease-in-out infinite alternate; }
@keyframes drift{ from{ transform:translate3d(0,0,0) rotate(0deg);} to{ transform:translate3d(-14px,18px,0) rotate(-1.4deg);} }

/* divider contour line between sections */
.divider{ position:relative; height:0; }
.divider svg{ position:absolute; left:0; right:0; top:-22px; width:100%; height:44px; overflow:visible; }
.divider path{ fill:none; stroke:var(--brass); stroke-width:1; opacity:.5;
  stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 2.4s var(--ease); }
.divider.in path{ stroke-dashoffset:0; }

/* ============================================================
   MANIFEST
   ============================================================ */
.manifest{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.manifest__statement{ font-family:var(--serif); font-size:clamp(1.7rem,3.1vw,2.7rem); line-height:1.18; letter-spacing:-.01em; }
.manifest__statement em{ font-style:italic; color:var(--brass); }
.manifest__body{ margin-top:1.5rem; max-width:52ch; color:var(--ink-soft); }
.manifest__figure{ position:relative; }
.manifest__figure img{ width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:3px; }
.manifest__figure .tag{
  position:absolute; left:0; bottom:-.9rem; transform:translateY(50%);
  background:var(--ink); color:var(--shell); padding:.7em 1.1em;
  font-family:var(--mono); font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; border-radius:2px;
}
@media (max-width:820px){ .manifest{ grid-template-columns:1fr; } .manifest__figure{ order:-1; } .manifest__figure img{ aspect-ratio:16/10; } }

/* ============================================================
   LEISTUNGEN — Kartenlegende
   ============================================================ */
.sect-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; flex-wrap:wrap; margin-bottom:clamp(2.4rem,5vw,4rem); }
.sect-head h2{ font-size:clamp(2rem,4vw,3.3rem); max-width:16ch; }
.sect-head p{ max-width:38ch; }

.legend{ display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:1px; background:var(--hair-light); border:1px solid var(--hair-light); border-radius:3px; overflow:hidden; }
.card{
  position:relative; background:var(--ink); display:flex; flex-direction:column;
  min-height:340px; transition:background .45s var(--ease);
}
.card__media{ position:relative; height:170px; overflow:hidden; }
.card__media img{ width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); filter:saturate(1.02); }
.card__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(10,28,36,.85)); }
.card__body{ padding:1.5rem 1.5rem 1.6rem; display:flex; flex-direction:column; gap:.55rem; flex:1; }
.card__code{ position:absolute; top:1rem; left:1rem; z-index:2;
  font-family:var(--mono); font-size:.66rem; letter-spacing:.14em; color:var(--ink);
  background:var(--brass); padding:.3em .55em; border-radius:2px; }
.card__name{ font-family:var(--serif); font-size:1.45rem; color:var(--shell); }
.card__tag{ font-size:.95rem; color:var(--shell-soft); line-height:1.5; flex:1; }
.card__go{ font-family:var(--mono); font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:var(--brass);
  display:inline-flex; align-items:center; gap:.6em; margin-top:.4rem; }
.card__go .arr{ transition:transform .4s var(--ease); }
.card:hover{ background:var(--ink-3); }
.card:hover .card__media img{ transform:scale(1.06); }
.card:hover .card__go{ color:var(--brass-2); }
.card:hover .card__go .arr{ transform:translateX(5px); }
.card:focus-visible{ outline:2px solid var(--brass-2); outline-offset:-2px; }

/* ============================================================
   APPROACH / WERTE
   ============================================================ */
.split{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,5vw,5rem); align-items:center; }
.split__media img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:3px; }
.values{ display:grid; gap:0; margin-top:1.8rem; }
.value{ display:grid; grid-template-columns:auto 1fr; gap:1.3rem; padding:1.5rem 0; border-top:1px solid var(--hair-dark); }
.value:last-child{ border-bottom:1px solid var(--hair-dark); }
.value__no{ font-family:var(--mono); font-size:.72rem; color:var(--brass); letter-spacing:.1em; padding-top:.35em; }
.value h3{ font-size:1.3rem; margin-bottom:.35rem; }
.value p{ color:var(--ink-soft); font-size:.98rem; max-width:48ch; }
@media (max-width:820px){ .split{ grid-template-columns:1fr; } .split__media{ order:-1; } .split__media img{ aspect-ratio:16/10; } }

/* ============================================================
   PARTNER BAND
   ============================================================ */
.partner{ display:grid; grid-template-columns:auto 1fr auto; gap:2rem; align-items:center; padding:2.2rem clamp(1.5rem,4vw,3rem);
  border:1px solid var(--hair-light); border-radius:3px; background:var(--ink-2); }
.partner__k{ font-family:var(--mono); font-size:.66rem; letter-spacing:.24em; text-transform:uppercase; color:var(--brass); }
.partner__t{ font-family:var(--serif); font-size:clamp(1.25rem,2.2vw,1.75rem); color:var(--shell); }
.partner__t b{ color:var(--brass-2); font-weight:500; }
@media (max-width:760px){ .partner{ grid-template-columns:1fr; gap:1.2rem; } }

/* ============================================================
   SUBPAGE CONTENT
   ============================================================ */
.prose{ max-width:62ch; }
.prose p{ margin-bottom:1.1rem; color:var(--ink-soft); font-size:1.06rem; }
.prose p.lead{ color:var(--ink); font-size:clamp(1.15rem,1.9vw,1.4rem); line-height:1.5; }

.deliver{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:1.5rem; margin-top:1rem; }
.deliver__item{ padding:1.6rem; background:var(--piedra-2); border:1px solid var(--hair-dark); border-radius:3px; }
.section--ink .deliver__item,.section--ink-2 .deliver__item{ background:var(--ink-3); border-color:var(--hair-light); }
.deliver__no{ font-family:var(--mono); font-size:.7rem; letter-spacing:.14em; color:var(--brass); }
.deliver__item h3{ font-size:1.22rem; margin:.6rem 0 .5rem; }
.section--ink .deliver__item h3{ color:var(--shell); }
.deliver__item p{ font-size:.96rem; color:var(--ink-soft); }
.section--ink .deliver__item p{ color:var(--shell-soft); }

.steps{ counter-reset:step; display:grid; gap:0; margin-top:1.5rem; }
.step{ display:grid; grid-template-columns:auto 1fr; gap:1.4rem; padding:1.4rem 0; border-top:1px solid var(--hair-dark); align-items:baseline; }
.step::before{ counter-increment:step; content:counter(step,decimal-leading-zero);
  font-family:var(--mono); font-size:.78rem; color:var(--brass); letter-spacing:.05em; }
.step h3{ font-size:1.2rem; margin-bottom:.3rem; }
.step p{ color:var(--ink-soft); font-size:.98rem; max-width:60ch; }

/* ============================================================
   CTA BAND
   ============================================================ */
.cta-band{ text-align:center; }
.cta-band h2{ font-size:clamp(2rem,4.5vw,3.6rem); max-width:18ch; margin-inline:auto; }
.cta-band p{ margin:1.2rem auto 0; max-width:42ch; color:var(--shell-soft); }
.cta-band .hero__cta{ justify-content:center; }

/* ============================================================
   CONTACT / FORM
   ============================================================ */
.contact{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4.5rem); }
.contact__aside .eyebrow{ margin-bottom:1.2rem; }
.contact__aside h2{ font-size:clamp(1.9rem,3.6vw,2.9rem); }
.contact__lines{ margin-top:2rem; display:grid; gap:1.1rem; }
.contact__line{ display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:baseline; padding-bottom:1.1rem; border-bottom:1px solid var(--hair-light); }
.contact__line .k{ font-family:var(--mono); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--brass); }
.contact__line .v{ color:var(--shell); }
.contact__line .v small{ color:var(--shell-dim); }

.form{ display:grid; gap:1.1rem; }
.field{ display:grid; gap:.5rem; }
.field label{ font-family:var(--mono); font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--shell-soft); }
.field input,.field textarea,.field select{
  width:100%; padding:.9em 1em; background:rgba(248,245,238,.04);
  border:1px solid var(--hair-light); border-radius:2px; color:var(--shell);
  font-family:var(--sans); font-size:1rem; transition:border-color .3s var(--ease), background .3s var(--ease);
}
.field input::placeholder,.field textarea::placeholder{ color:var(--shell-dim); }
.field input:focus,.field textarea:focus,.field select:focus{ outline:none; border-color:var(--brass); background:rgba(248,245,238,.07); }
.field textarea{ resize:vertical; min-height:120px; }
.form__row{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.form__note{ font-size:.8rem; color:var(--shell-dim); }
.form__note a{ color:var(--brass); }
@media (max-width:820px){ .contact{ grid-template-columns:1fr; } .form__row{ grid-template-columns:1fr; } }

/* ============================================================
   FOOTER
   ============================================================ */
.footer{ background:var(--ink); color:var(--shell-soft); padding-block:clamp(3rem,6vw,4.5rem) 2rem; border-top:1px solid var(--hair-light); }
.footer__top{ display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:2.5rem; }
.footer .brand{ font-size:1.5rem; }
.footer__tag{ margin-top:1rem; max-width:34ch; font-size:.95rem; }
.footer__coord{ margin-top:1.4rem; font-family:var(--mono); font-size:.68rem; letter-spacing:.14em; color:var(--brass); }
.footer__col h4{ font-family:var(--mono); font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--shell-dim); font-weight:500; margin-bottom:1.1rem; }
.footer__col a{ display:block; padding:.32em 0; color:var(--shell-soft); font-size:.95rem; transition:color .3s var(--ease); }
.footer__col a:hover{ color:var(--brass-2); }
.footer__bottom{ margin-top:3rem; padding-top:1.6rem; border-top:1px solid var(--hair-light);
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem;
  font-family:var(--mono); font-size:.66rem; letter-spacing:.1em; color:var(--shell-dim); text-transform:uppercase; }
@media (max-width:760px){ .footer__top{ grid-template-columns:1fr; gap:2rem; } }

/* ============================================================
   WHATSAPP FLOAT
   ============================================================ */
.wa{ position:fixed; right:clamp(1rem,3vw,2rem); bottom:clamp(1rem,3vw,2rem); z-index:70;
  width:56px; height:56px; border-radius:50%; background:var(--brass); color:var(--ink);
  display:grid; place-items:center; box-shadow:0 10px 30px rgba(10,28,36,.4);
  transition:transform .4s var(--ease), background .3s var(--ease); }
.wa:hover{ transform:translateY(-3px) scale(1.04); background:var(--brass-2); }
.wa svg{ width:28px; height:28px; }

/* ============================================================
   REVEAL
   ============================================================ */
.reveal{ opacity:0; transform:translateY(22px); transition:opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
.reveal[data-d="1"]{ transition-delay:.08s; }
.reveal[data-d="2"]{ transition-delay:.16s; }
.reveal[data-d="3"]{ transition-delay:.24s; }
.reveal[data-d="4"]{ transition-delay:.32s; }

/* hero load sequence */
.hero .load{ opacity:0; transform:translateY(26px); animation:rise 1.1s var(--ease) forwards; }
.hero .load[data-d="1"]{ animation-delay:.25s; }
.hero .load[data-d="2"]{ animation-delay:.42s; }
.hero .load[data-d="3"]{ animation-delay:.59s; }
.hero .load[data-d="4"]{ animation-delay:.76s; }
.hero .load[data-d="5"]{ animation-delay:.95s; }
@keyframes rise{ to{ opacity:1; transform:none; } }

:focus-visible{ outline:2px solid var(--brass-2); outline-offset:3px; border-radius:2px; }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
  .reveal{ opacity:1; transform:none; }
  .hero .load{ opacity:1; transform:none; }
  .divider path{ stroke-dashoffset:0; }
}