/* Shared Artin careers design tokens and components. Typography sizes live only in :root. */
@font-face {
  font-family:Manrope;
  src:url('/static/manrope-latin.woff2') format('woff2');
  font-weight:200 800;
  font-display:swap
}
@font-face {
  font-family:Outfit;
  src:url('/static/outfit-latin.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap
}

:root {
  --purple:#6d28d9;
  --deep:#4c1d95;
  --lavender:#ede9fe;
  --ink:#231934;
  --muted:#696174;
  --line:#e7e1ef;
  --paper:#faf9fd;
  --font:Manrope,Arial,sans-serif;
--font-heading:Outfit,sans-serif;
--font-mono:ui-monospace,monospace;
--text-caption:.875rem;
--text-body:1rem;
--text-lead:1.125rem;
--text-heading-small:1.5rem;
--text-heading:1.75rem;
--text-section:clamp(2.25rem,3.5vw,2.75rem);
--text-detail:clamp(2rem,3vw,2.5rem);
--text-document:clamp(2.25rem,4vw,3rem);
--text-display:clamp(3rem,6.4vw,5.5rem);
--weight-body:450;
--weight-medium:600;
--weight-strong:700;
--leading-body:1.65;
--leading-heading:1.12;
--tracking-heading:-.04em;
--brand-icon-size:2.75rem;
--brand-wordmark-width:12.5rem
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:30px
}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:var(--weight-body) var(--text-body)/var(--leading-body) var(--font)
}
button,input,select,textarea {
  font:inherit
}
a {
  color:inherit;
  text-decoration:none
}
button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}
button,a {
  touch-action:manipulation
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid #8b5cf6;
  outline-offset:4px
}
button {
  cursor:pointer
}
h1,h2,h3 {
  font-family:var(--font-heading);
  font-weight:500;
  line-height:var(--leading-heading);
  margin:0
}
p {
  margin:0
}
header,main,footer {
  max-width:1320px;
  margin:auto
}
.site-header {
  padding:26px 54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line)
}
.brand,.footer-brand {
  display:inline-flex;
  align-items:center;
  gap:.65rem;
  flex-shrink:0
}
.brand-icon {
  width:var(--brand-icon-size);
  height:var(--brand-icon-size)
}
.brand-wordmark {
  width:var(--brand-wordmark-width);
  height:auto;
  max-width:100%
}
.header-label {
  font-size:var(--text-caption);
  color:var(--muted)
}
.small-link {
  white-space:nowrap;
  font-size:var(--text-caption);
  font-weight:var(--weight-strong)
}
.small-link span {
  color:var(--purple);
  margin-left:18px
}
.hero {
  padding:86px 54px 80px;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:30px;
  overflow:hidden
}
.eyebrow {
  font-size:var(--text-caption);
  font-weight:var(--weight-strong);
  letter-spacing:1.65px;
  display:flex;
  align-items:center;
  gap:10px
}
.hero .eyebrow {
  text-transform:uppercase;
  letter-spacing:1.15px
}
.pulse {
  height:7px;
  width:7px;
  border-radius:100%;
  background:var(--purple);
  box-shadow:0 0 0 5px #ede9fe;
  animation:pulse 4s ease-in-out infinite
}
h1 {
  font-size:var(--text-display);
  letter-spacing:var(--tracking-heading);
  margin:25px 0
}
.accent {
  color:var(--purple)
}
.hero-description {
  font-size:var(--text-lead);
  color:var(--muted);
  line-height:1.8;
  margin-bottom:28px
}
.primary {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:35px;
  background:var(--purple);
  color:white;
  border:0;
  border-radius:9px;
  padding:14px 21px;
  font-size:var(--text-body);
  font-weight:var(--weight-strong);
  transition:background .18s,transform .18s,box-shadow .18s
}
.primary:hover {
  background:var(--deep);
  transform:translateY(-2px);
  box-shadow:0 8px 22px #6d28d922
}
.primary:disabled {
  opacity:.6;
  cursor:wait
}
.hero-footnote {
  margin-top:31px;
  font-size:var(--text-caption);
  color:var(--muted);
  display:flex;
  gap:12px;
  align-items:center
}
.mini-line {
  height:1px;
  width:24px;
  background:#a78bfa
}
.hero-art {
  position:relative;
  min-height:370px;
  display:grid;
  place-items:center;
  isolation:isolate
}
.orb {
  width:280px;
  height:280px;
  border-radius:50%;
  background:radial-gradient(circle at 32% 25%,#fcfaff 0%,#e4d5ff 24%,#b990f1 55%,#783cca 83%,#59239b);
  box-shadow:inset -14px -15px 40px #4c1d9530,25px 40px 70px #6d28d917;
  animation:float 9s ease-in-out infinite
}
.orbit {
  position:absolute;
  border:1px solid #b69ad66b;
  width:410px;
  height:225px;
  border-radius:50%;
  transform:rotate(-31deg);
  z-index:-1
}
.orbit-two {
  width:355px;
  height:370px;
  transform:rotate(28deg);
  border-color:#dfd0ee
}
.art-dot {
  position:absolute;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#a78bfa
}
.dot-one {
  left:40px;
  top:78px
}
.dot-two {
  right:31px;
  bottom:111px;
  width:7px;
  height:7px;
  background:var(--purple)
}
.opportunities {
  padding:52px 54px 64px;
  background:white;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  scroll-margin-top:0
}
.section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px
}
.section-heading .eyebrow {
  color:var(--purple);
  margin-bottom:12px
}
h2 {
  font-size:var(--text-section);
  letter-spacing:-1.4px
}
.section-heading>p {
  font-size:var(--text-body);
  color:var(--muted)
}
.filters {
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line)
}
.search-label {
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid var(--line);
  border-radius:8px;
  padding:0 13px;
  min-width:320px
}
.search-label input {
  border:0;
  width:100%;
  background:transparent;
  padding:11px 0;
  font-size:var(--text-body)
}
.search-label svg {
  color:var(--muted);
  flex-shrink:0
}
select {
  border:1px solid var(--line);
  border-radius:8px;
  padding:11px;
  background:white;
  font-size:var(--text-body);
  min-width:160px
}
.count {
  margin-left:auto;
  font-size:var(--text-caption);
  color:var(--muted)
}
.jobs {
  min-height:240px
}
.empty {
  padding:45px 20px;
  text-align:center;
  animation:enter .45s ease-out
}
.empty-symbol {
  width:47px;
  height:47px;
  display:grid;
  place-items:center;
  background:var(--lavender);
  color:var(--purple);
  border-radius:15px;
  margin:0 auto 16px;
  font-size:var(--text-heading-small)
}
.empty h3 {
  font-size:var(--text-heading-small);
  letter-spacing:-.3px;
  margin-bottom:10px
}
.empty p {
  font-size:var(--text-body);
  color:var(--muted);
  max-width:32rem;
  margin:auto
}
.text-button {
  background:none;
  border:0;
  text-decoration:underline;
  color:var(--purple);
  padding:10px
}
.job-card {
  border-bottom:1px solid var(--line);
  padding:26px 4px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  animation:enter .4s ease-out;
  transition:padding .2s,background .2s
}
.job-card:hover {
  padding-left:16px;
  padding-right:16px;
  background:#faf8ff
}
.job-card h3 {
  font-size:var(--text-heading-small);
  margin-bottom:8px;
  letter-spacing:-.4px
}
.job-card p {
  font-size:var(--text-body);
  color:var(--muted);
  max-width:700px
}
.job-meta {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:11px
}
.tag {
  font-size:var(--text-caption);
  padding:4px 9px;
  background:var(--lavender);
  border-radius:5px;
  color:var(--deep)
}
.arrow-link {
  border:1px solid var(--line);
  background:white;
  border-radius:50%;
  height:43px;
  width:43px;
  display:grid;
  place-items:center;
  color:var(--purple);
  flex-shrink:0
}
.values {
  padding:48px 54px 58px
}
.values>.eyebrow {
  color:var(--muted);
  margin-bottom:30px
}
.values-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:45px
}
.value-number {
  font-size:var(--text-caption);
  color:var(--purple)
}
.values h3 {
  font-size:var(--text-heading-small);
  margin:14px 0 10px
}
.values p:not(.eyebrow) {
  font-size:var(--text-body);
  color:var(--muted);
  max-width:290px
}
footer {
  padding:26px 54px 34px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  font-size:var(--text-caption);
  color:var(--muted)
}
footer>div {
  display:flex;
  gap:25px
}
dialog {
  border:1px solid var(--line);
  border-radius:20px;
  padding:30px;
  width:min(710px,calc(100% - 24px));
  max-height:90dvh;
  color:var(--ink);
  box-shadow:0 30px 100px #23193433
}
dialog[open] {
  animation:enter .2s ease-out
}
dialog::backdrop {
  background:#23193470;
  backdrop-filter:blur(6px)
}
.dialog-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:25px
}
.icon-button {
  border:1px solid var(--line);
  background:white;
  border-radius:50%;
  width:40px;
  height:40px
}
.detail-title {
  font-size:var(--text-detail);
  letter-spacing:-1px;
  margin-bottom:18px
}
.prose {
  white-space:pre-line;
  color:var(--muted);
  font-size:var(--text-body);
  margin:12px 0 24px;
  overflow-wrap:anywhere
}
.detail-heading {
  font-size:var(--text-heading-small)
}
.application {
  border-top:1px solid var(--line);
  padding-top:25px;
  margin-top:25px
}
.application h3 {
  font-size:var(--text-heading)
}
.form-intro {
  font-size:var(--text-body);
  color:var(--muted);
  margin:10px 0 22px
}
.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}
.field {
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:var(--text-body);
  font-weight:var(--weight-medium)
}
.field input,.field textarea {
  font-size:var(--text-body);
  width:100%;
  border:1px solid var(--line);
  border-radius:7px;
  padding:11px;
  background:var(--paper);
  font-weight:var(--weight-body)
}
.wide {
  grid-column:1/-1
}
.field small {
  font-size:var(--text-caption);
  font-weight:var(--weight-body);
  color:var(--muted)
}
.consent {
  font-size:var(--text-caption);
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:20px 0
}
.consent input {
  width:17px;
  height:17px;
  accent-color:var(--purple);
  flex-shrink:0
}
.consent a {
  text-decoration:underline
}
.error {
  color:#9f1239;
  font-size:var(--text-body);
  margin:12px 0
}
.success {
  padding:30px 0;
  text-align:center
}
.success h3 {
  font-size:var(--text-heading)
}
.success p {
  margin:14px 0;
  font-size:var(--text-body)
}
.reference {
  font-family:var(--font-mono);
  font-size:var(--text-caption)
}
.honey {
  position:absolute;
  left:-10000px
}
.skeleton {
  height:75px;
  margin:22px 0;
  border-radius:10px;
  background:linear-gradient(90deg,#f6f3fa,#ede9fe,#f6f3fa);
  background-size:200% 100%;
  animation:shimmer 2s infinite
}
.skip {
  position:absolute;
  top:-60px;
  left:16px;
  padding:8px;
  background:white;
  z-index:100
}
.skip:focus {
  top:10px
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0)
}
.embedded .site-header,.embedded .hero,.embedded .values,.embedded footer {
  display:none
}
.embedded .opportunities {
  border:0;
  padding:24px
}
.embedded .section-heading>p {
  display:none
}
.document {
  max-width:800px;
  padding:55px 30px
}
.document h1 {
  font-size:var(--text-document);
  letter-spacing:-2px
}
.document h2 {
  font-size:var(--text-heading-small);
  margin:30px 0 12px
}
.document p {
  margin:15px 0;
  color:var(--muted)
}
.document a {
  text-decoration:underline;
  color:var(--purple)
}
pre {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  background:var(--lavender);
  padding:20px;
  border-radius:10px;
  font-size:var(--text-body)
}
@keyframes float {
  0%,100% {
  translate:0 0
}
50% {
  translate:0 -13px
}

}
@keyframes pulse {
  50% {
  box-shadow:0 0 0 8px #ede9fe80
}

}
@keyframes enter {
  from {
  opacity:0;
  transform:translateY(10px)
}
to {
  opacity:1;
  transform:translateY(0)
}

}
@keyframes shimmer {
  to {
  background-position:-200% 0
}

}

@media(min-width:1450px) {
  body {
  padding:0 35px
}
.site-header {
  margin-top:10px
}

}
@media(max-width:850px) {
  .site-header {
  padding:22px 28px
}
.header-label {
  display:none
}
.hero {
  padding:60px 28px;
  gap:0
}
h1 {
  font-size:var(--text-display);
  letter-spacing:var(--tracking-heading)
}
.orb {
  width:210px;
  height:210px
}
.orbit {
  width:300px;
  height:160px
}
.orbit-two {
  width:270px;
  height:290px
}
.opportunities,.values {
  padding:38px 28px
}
.values-grid {
  gap:24px
}
.filters {
  flex-wrap:wrap
}
.count {
  width:100%;
  margin:0
}
footer {
  padding:25px 28px;
  flex-wrap:wrap
}

}
@media(max-width:580px) {
  :root {
  --brand-icon-size:2rem;
  --brand-wordmark-width:8rem;
  --text-display:clamp(2.75rem,10vw,3.75rem)
}
.small-link span {
  margin-left:4px
}
.hero .eyebrow {
  letter-spacing:.05em
}
.site-header {
  flex-wrap:wrap;
  gap:1rem;
  padding:20px
}
.small-link {
  white-space:nowrap;
  font-size:var(--text-caption)
}
.hero {
  padding:43px 22px 32px;
  grid-template-columns:1fr
}
.hero .eyebrow {
  font-size:var(--text-caption)
}
.hero-art {
  min-height:290px;
  margin-top:20px
}
.orb {
  width:200px;
  height:200px
}
.orbit {
  width:300px;
  height:160px
}
.orbit-two {
  width:245px;
  height:265px
}
.hero-footnote {
  margin-top:20px
}
h1 {
  font-size:var(--text-display);
  margin:20px 0
}
.hero-description {
  font-size:var(--text-lead)
}
.opportunities,.values {
  padding:32px 20px
}
.section-heading>p {
  display:none
}
h2 {
  font-size:var(--text-section)
}
.filters {
  gap:10px
}
.search-label {
  min-width:0;
  width:100%
}
.filters>label:not(.search-label) {
  flex:1
}
select {
  width:100%
}
.count {
  width:auto
}
.values-grid {
  grid-template-columns:1fr;
  gap:25px
}
.values article {
  border-bottom:1px solid var(--line);
  padding-bottom:24px
}
.values article:last-child {
  border:0;
  padding:0
}
.values h3 {
  margin-top:7px
}
.values p:not(.eyebrow) {
  max-width:none
}
footer {
  padding:22px 20px;
  gap:18px
}
footer>span {
  display:none
}
footer>div {
  gap:15px
}
.form-grid {
  grid-template-columns:1fr
}
dialog {
  padding:23px
}
.detail-title {
  font-size:var(--text-heading)
}
.job-card h3 {
  font-size:var(--text-heading-small)
}
.embedded .opportunities {
  padding:20px 12px
}

}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important
}

}


/* Experience tokens: one place to tune depth, motion and the interactive artwork. */
:root {
  --motion-fast:180ms;
  --motion-medium:450ms;
  --motion-slow:800ms;
  --motion-float:9s;
  --motion-ease:cubic-bezier(.22,1,.36,1);
  --radius-panel:1.75rem;
  --radius-control:.875rem;
  --surface-glass:#ffffffd9;
  --shadow-panel:0 1.5rem 4rem #4c1d951a,0 .125rem .25rem #4c1d9508;
  --shadow-inset:inset 0 1px 0 #fff;
  --art-size:clamp(13rem,23vw,19rem);
  --art-travel:1rem;
  --art-tilt:5deg;
  --art-hue:0deg;
  --art-scale:1;
  --orbit-angle:-31deg;
}
[hidden] { display:none!important; }
.site-header { position:sticky;top:0;z-index:20;transition:background var(--motion-medium),box-shadow var(--motion-medium); }
.site-header.scrolled { background:var(--surface-glass);backdrop-filter:blur(20px);box-shadow:0 .5rem 2rem #23193408; }
.reading-progress { position:fixed;inset:0 0 auto;height:3px;background:var(--purple);transform:scaleX(var(--progress,0));transform-origin:left;z-index:30;pointer-events:none; }
.hero { align-items:center;gap:2.5rem;padding-top:3.5rem;padding-bottom:4.5rem; }
.hero-copy { min-width:0; }
.hero-copy h1 { text-wrap:balance; }
.experience { --pointer-x:0;--pointer-y:0;position:relative;min-width:0;perspective:900px; }
.experience .hero-art { min-height:20rem;transform:translate(calc(var(--pointer-x) * var(--art-travel)),calc(var(--pointer-y) * var(--art-travel)));transition:transform var(--motion-medium) var(--motion-ease); }
.experience .orb { width:var(--art-size);height:var(--art-size);filter:hue-rotate(var(--art-hue));scale:var(--art-scale);transition:filter var(--motion-slow),scale var(--motion-slow) var(--motion-ease);animation-duration:var(--motion-float); }
.experience .orbit { width:90%;height:56%;transform:rotate(var(--orbit-angle));transition:transform var(--motion-slow) var(--motion-ease); }
.experience .orbit-two { width:67%;height:96%;transform:rotate(calc(var(--orbit-angle) * -1)); }
.art-halo { position:absolute;inset:15%;background:var(--lavender);border-radius:50%;filter:blur(50px);opacity:.8;z-index:-2; }
.experience-console { position:relative;z-index:1;margin-top:-2rem;padding:1.25rem;background:var(--surface-glass);border:1px solid #fff;border-radius:var(--radius-panel);box-shadow:var(--shadow-panel),var(--shadow-inset);backdrop-filter:blur(24px);transform:rotateX(calc(var(--pointer-y) * var(--art-tilt) * -1)) rotateY(calc(var(--pointer-x) * var(--art-tilt)));transition:transform var(--motion-medium) var(--motion-ease); }
.console-heading { display:flex;align-items:center;gap:.5rem;font-size:var(--text-caption);color:var(--muted);margin-bottom:1rem; }
.status-dot { width:.4rem;height:.4rem;background:var(--purple);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 .25rem var(--lavender);margin-right:.25rem; }
.motion-toggle { margin-left:auto;min-width:2.75rem;min-height:2.75rem;background:var(--paper);border:1px solid var(--line);border-radius:50%;color:var(--deep);transition:background var(--motion-fast); }
.motion-toggle:hover { background:var(--lavender); }
.motion-toggle:disabled { opacity:.5;cursor:default; }
.story-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.3rem;background:var(--lavender);border-radius:var(--radius-control); }
.story-tabs button { min-height:2.75rem;padding:.5rem .25rem;border:0;border-radius:calc(var(--radius-control) - .25rem);font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--deep);background:transparent;transition:background var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast); }
.story-tabs button:hover { background:#ffffff80; }
.story-tabs button[aria-selected="true"] { background:white;box-shadow:0 .2rem .5rem #4c1d9515; }
.story-tabs button:active { transform:scale(.97); }
.story-panel { padding:1.5rem .5rem .25rem;min-height:14rem;animation:enter var(--motion-medium) var(--motion-ease); }
.story-panel .eyebrow { color:var(--purple);letter-spacing:.03em;font-weight:var(--weight-medium);margin-bottom:.75rem; }
.story-panel h2 { font-size:var(--text-heading);letter-spacing:var(--tracking-heading);margin-bottom:.75rem; }
.story-panel>p:not(.eyebrow) { color:var(--muted); }
.story-caption { display:block;border-top:1px solid var(--line);padding-top:1rem;margin-top:1.25rem;font-size:var(--text-caption);color:var(--muted); }
.values-heading { margin-bottom:2rem; }
.values-heading .eyebrow { color:var(--purple);margin-bottom:1rem; }
.values-grid { gap:1rem; }
.value-card { border:1px solid var(--line);border-radius:var(--radius-panel);padding:1.75rem;background:linear-gradient(145deg,#fff,var(--paper));box-shadow:var(--shadow-inset);transition:transform var(--motion-medium) var(--motion-ease),box-shadow var(--motion-medium); }
.value-card:hover { transform:translateY(-.35rem);box-shadow:var(--shadow-panel); }
.value-card p { max-width:none!important; }
.reveal-ready { opacity:0;transform:translateY(1.5rem);transition:opacity var(--motion-slow) var(--motion-ease),transform var(--motion-slow) var(--motion-ease); }
.reveal-ready.revealed { opacity:1;transform:translateY(0); }
.primary { transition:background var(--motion-fast),transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast); }
.primary span,.arrow-link { transition:transform var(--motion-fast) var(--motion-ease); }
.primary:hover span,.job-card:hover .arrow-link { transform:translate(.15rem,-.15rem); }
.search-label:focus-within { border-color:var(--purple);box-shadow:0 0 0 .2rem var(--lavender); }
.filters { transition:box-shadow var(--motion-medium); }
.embedded .experience,.embedded .reading-progress { display:none; }
.motion-paused .orb,.motion-paused .pulse,.experience.offscreen .orb { animation-play-state:paused!important; }
.motion-paused .story-panel { animation:none; }
.motion-paused .reveal-ready { opacity:1;transform:none; }
.motion-paused .experience-console,.motion-paused .hero-art { transform:none; }
@media(max-width:850px) {
  .hero { gap:1.5rem;grid-template-columns:1fr; }
  .experience { width:min(100%,35rem);justify-self:center; }
  .hero-copy { text-align:center; }
  .hero-copy .eyebrow,.hero-footnote { justify-content:center; }
  .hero-copy h1 br { display:none; }
  .hero-copy h1 { max-width:12ch;margin-inline:auto; }
  .values-grid { grid-template-columns:1fr; }
}
@media(max-width:580px) {
  .hero { padding-top:2.5rem;gap:1rem; }
  .hero-copy { text-align:left; }
  .hero-copy .eyebrow,.hero-footnote { justify-content:flex-start; }
  .hero-copy h1 { margin-inline:0; }
  .experience .hero-art { margin-top:0;min-height:17rem; }
  .experience-console { padding:1rem; }
  .story-panel { min-height:16rem; }
  .values .value-card,.values .value-card:last-child { padding:1.5rem;border:1px solid var(--line); }
  .console-heading { gap:.4rem; }
}
@media(prefers-reduced-motion:reduce) {
  .reveal-ready { opacity:1;transform:none; }
  .experience-console,.experience .hero-art,.value-card:hover { transform:none; }
}

html { scroll-padding-top:calc(var(--header-height,7rem) + 1rem); }