/* NXTEAMLAB 2027 — unified neo-grotesk art direction */
:root {
  --nx-blue: #1682ff;
  --nx-white: #f4f5f6;
  --nx-dim: #8b8d91;
  --nx-line: rgba(255,255,255,.14);
  --content-max: 1440px;
  --content-gutter: max(clamp(1.25rem, 4vw, 5rem), calc((100vw - var(--content-max)) / 2));
}

body { background: #000; color: var(--nx-white); }
body::before { background: radial-gradient(circle at 77% 11%, rgba(255,255,255,.034), transparent 22%), #000; }
.grain { opacity: .028; }
.scroll-progress span { background: linear-gradient(90deg, var(--nx-blue), #fff); box-shadow: 0 0 16px rgba(22,130,255,.45); }

.site-header,
.site-header.is-compact {
  width: min(calc(100% - 34px), 1480px);
  background: linear-gradient(90deg, transparent, rgba(5,5,6,.86) 7%, rgba(5,5,6,.94) 20% 80%, rgba(5,5,6,.86) 93%, transparent);
  box-shadow: 0 18px 44px -34px #000;
}
.site-header { top: 10px; height: 58px; }
.site-header.is-compact { top: 5px; height: 48px; }
.site-logo { font-size: 1.35rem; font-weight: 500; letter-spacing: -.045em; }
.site-logo img { width: 25px; height: 32px; filter: grayscale(1) brightness(1.5); }
.desktop-nav { font-size: .67rem; letter-spacing: .14em; }
.desktop-nav a::after { bottom: .1rem; background: var(--nx-blue); }
.header-cta { min-height: 36px; border-color: rgba(255,255,255,.24); border-radius: 0; }
.header-cta:hover { border-color: #fff; }
.menu-toggle { border-radius: 0; }

.kicker,
.section-label { gap: .7rem; color: #9b9da1; font-size: .66rem; letter-spacing: .18em; }
.kicker::before,
.section-label::before { color: var(--nx-blue); content: "//"; }
.kicker span { display: none; }

.hero {
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  min-height: 100svh;
  padding-top: 8.5rem;
  padding-bottom: 4rem;
  background: linear-gradient(90deg, #000 0 44%, transparent 67% 84%, #000 100%);
}
.hero::before { opacity: .24; animation-duration: 42s; }
.hero-aura { background: radial-gradient(circle, rgba(255,255,255,.032), transparent 64%); opacity: .35; filter: blur(18px); }
.hero-copy { max-width: 820px; padding: 2vh 0; }
.hero h1 {
  max-width: 880px;
  font-size: clamp(5rem, 8.4vw, 10rem);
  font-weight: 700;
  letter-spacing: -.075em;
  line-height: .82;
}
.hero h1 em,
.chrome-text {
  padding: 0;
  background: linear-gradient(104deg, #f6f6f5 0%, #838488 27%, #fff 48%, #66676b 70%, #f3f4f5 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-family: "Inter Tight", Arial, sans-serif;
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  filter: none;
}

/* Keep multi-line chrome headings stable: no animated background can cut through a word. */
.flow-heading .chrome-text,
.section-head .chrome-text,
.apply .chrome-text {
  animation: none;
  background-position: center;
}
.hero-intro { max-width: 590px; margin: 2rem 0 2.3rem; color: #b9bbbe; font-family: "DM Mono", monospace; font-size: clamp(.94rem, 1.15vw, 1.12rem); line-height: 1.65; }
.hero-actions { gap: 1.1rem; }
.chrome-button,
.text-link { min-height: 58px; border-radius: 0; font-size: .67rem; letter-spacing: .1em; }
.text-link { display: inline-flex; align-items: center; padding: 0 1.5rem; border: 1px solid rgba(255,255,255,.28); }
.chrome-button { border: 0; background: linear-gradient(105deg, #f5f5f3, #8c8d90 30%, #fff 50%, #77787c 72%, #f5f5f3); box-shadow: none; }
.chrome-button:hover { box-shadow: 0 0 24px rgba(255,255,255,.055); }
.hero-visual { min-height: 650px; }
.image-frame { width: 100%; min-height: 650px; height: 100%; aspect-ratio: 1.03; background-size: cover; -webkit-mask-image: linear-gradient(to right, transparent, #000 18%, #000 83%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 88%, transparent); mask-image: linear-gradient(to right, transparent, #000 18%, #000 83%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 88%, transparent); -webkit-mask-composite: source-in; mask-composite: intersect; }
.hero-visual::before,
.hero-visual::after { background: radial-gradient(ellipse, rgba(235,235,235,.058), rgba(135,135,135,.022) 36%, transparent 70%); filter: blur(22px); opacity: .45; }
.image-frame::after { opacity: .2; }
.visual-stamp { top: auto; right: 2%; bottom: 8%; border-color: rgba(255,255,255,.28); }
.hero-index { color: #4d4f53; }

.ticker { --ticker-angle: 0deg; height: 76px; border-block: 1px solid rgba(255,255,255,.1); }
.ticker::before { top: 50%; width: 100%; height: 100%; left: 0; background: repeating-linear-gradient(90deg, rgba(255,255,255,.2) 0 1px, transparent 1px 9px); opacity: .3; transform: translateY(-50%); }
.ticker-track { color: #b7b9bc; font-size: .65rem; letter-spacing: .15em; }
.ticker i { color: var(--nx-blue); }

.production-flow { padding-block: clamp(7rem, 10vw, 11rem); background: linear-gradient(180deg, #030303, #08090a 45%, #000); }
.production-flow::before { background: repeating-linear-gradient(90deg, transparent 0 9px, rgba(255,255,255,.008) 9px 10px); }
.flow-heading { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); max-width: 1440px; gap: 2rem 5rem; margin-bottom: 4rem; text-align: left; }
.flow-heading .section-label { grid-column: 1 / -1; justify-content: flex-start; margin-bottom: .5rem; }
.flow-heading h2 { grid-column: 1; font-size: clamp(3.4rem, 5.5vw, 6.6rem); font-weight: 650; line-height: .9; }
.flow-heading > p:last-child { grid-column: 2; align-self: end; margin: 0; color: #a9abae; font-size: 1.05rem; }
.flow-step { width: min(100%, 1440px); margin-bottom: 4rem; }
.step-heading { margin-bottom: .9rem; padding-bottom: .9rem; border-bottom: 1px solid var(--nx-line); }
.step-heading span { color: var(--nx-blue); }
.step-heading h3 { font-family: "DM Mono", monospace; font-size: .86rem; font-weight: 400; letter-spacing: .16em; text-transform: uppercase; }
.quiz-embed-shell { height: min(86vh, 850px); min-height: 720px; border-color: rgba(255,255,255,.28); border-radius: 0; box-shadow: 0 30px 100px rgba(0,0,0,.55); }
.benefit-rail { width: min(100%, 1440px); }
.benefit-rail > div { min-height: 170px; padding: 1.7rem; }
.benefit-rail span { color: var(--nx-blue); }
.benefit-rail strong { letter-spacing: .05em; text-transform: uppercase; }

.section { padding-block: clamp(7rem, 10vw, 11rem); }
.section::before { right: var(--content-gutter); left: var(--content-gutter); background: rgba(255,255,255,.14); }
.section-head { grid-template-columns: 1fr; margin-bottom: 3.5rem; }
.section-head .section-label { margin-bottom: .4rem; }
.section-head h2,
.manifesto-copy h2,
.pack-copy h2,
.apply h2 { font-size: clamp(4.2rem, 7vw, 8.4rem); font-weight: 700; letter-spacing: -.07em; line-height: .84; }
.section-head > div > p { max-width: 620px; margin-top: 1.6rem; font-family: "DM Mono", monospace; font-size: .88rem; }

.track-list { display: grid; gap: .7rem; border: 0; }
.track {
  position: relative;
  overflow: hidden;
  min-height: 132px;
  grid-template-columns: 68px minmax(230px,.72fr) minmax(280px,1.28fr) 62px 132px;
  gap: 1.15rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 8px;
  background: linear-gradient(108deg, rgba(255,255,255,.055), rgba(255,255,255,.012) 31%, rgba(255,255,255,.025) 72%, rgba(255,255,255,.008)), #050506;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.11), inset 0 -1px 0 rgba(0,0,0,.88), 0 18px 48px rgba(0,0,0,.26);
  isolation: isolate;
}
.track::before { position: absolute; top: 18%; bottom: 18%; left: 0; z-index: 3; width: 2px; background: linear-gradient(transparent, var(--nx-blue), #fff, var(--nx-blue), transparent); box-shadow: 0 0 16px rgba(22,130,255,.65); content: ""; opacity: 0; transform: scaleY(.2); transition: opacity .3s, transform .3s; }
.track::after { position: absolute; top: 0; right: 8%; left: 8%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent); content: ""; pointer-events: none; }
.track:hover::before,
.track.is-playing::before { opacity: 1; transform: scaleY(1); }
.track:hover,
.track.is-playing { border-color: rgba(255,255,255,.22); background: linear-gradient(108deg, rgba(255,255,255,.075), rgba(22,130,255,.025) 38%, rgba(255,255,255,.025) 76%, rgba(255,255,255,.01)), #050506; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 22px 64px rgba(0,0,0,.34); transform: none; }
.play-button {
  position: relative;
  display: grid;
  width: 56px;
  height: 56px;
  padding: 1px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: conic-gradient(from 210deg, #3f4043, #f6f6f4 18%, #68696c 38%, #f8f8f6 55%, #4b4c4f 78%, #d9d9d7);
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 9px 24px rgba(0,0,0,.7), 0 0 26px rgba(255,255,255,.055);
  transform: translateY(0);
  transition: transform .16s cubic-bezier(.2,.8,.2,1), box-shadow .16s ease, background .22s ease;
}
.play-button::before { position: absolute; inset: 3px; border: 1px solid rgba(255,255,255,.12); border-radius: inherit; background: radial-gradient(circle at 38% 28%, #202124, #080809 58%, #000); box-shadow: inset 0 1px 2px rgba(255,255,255,.14), inset 0 -5px 12px rgba(0,0,0,.8); content: ""; transition: background .28s ease, box-shadow .28s ease; }
.play-button:hover { background: conic-gradient(from 210deg, #77787b, #fff 18%, #8b8c8f 38%, #fff 55%, #66676a 78%, #f4f4f2); box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 9px 24px rgba(0,0,0,.7), 0 0 30px rgba(255,255,255,.12); transform: translateY(0); }
.play-button:active { transform: translateY(3px); }
.is-playing .play-button,
.is-playing .play-button:hover { background: conic-gradient(from 210deg, #444548, #d9d9d7 18%, #696a6d 38%, #ededeb 55%, #3d3e41 78%, #c9c9c7); box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 2px 5px rgba(0,0,0,.82), inset 0 3px 7px rgba(0,0,0,.46), 0 0 17px rgba(255,255,255,.055); color: #050505; transform: translateY(3px); }
.is-playing .play-button::before { inset: 4px; border-color: rgba(255,255,255,.48); background: linear-gradient(145deg, #d7d7d5, #77787b 48%, #e7e7e5); box-shadow: inset 0 4px 8px rgba(0,0,0,.28), inset 0 -1px 1px rgba(255,255,255,.52); }
.play-icon { position: relative; z-index: 2; display: block; width: 14px; height: 16px; font-size: 0; }
.play-icon::before { position: absolute; top: 1px; left: 3px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid #f3f3f1; content: ""; filter: drop-shadow(0 0 4px rgba(255,255,255,.18)); transition: all .2s ease; }
.play-icon::after { position: absolute; top: 1px; right: 2px; width: 3px; height: 14px; background: #060606; content: ""; opacity: 0; transform: scaleY(.55); transition: opacity .16s ease, transform .2s ease; }
.is-playing .play-icon::before { top: 1px; left: 2px; width: 3px; height: 14px; border: 0; background: #060606; box-shadow: none; filter: none; }
.is-playing .play-icon::after { opacity: 1; transform: scaleY(1); }
.track h3 { font-size: clamp(1.3rem, 1.8vw, 1.8rem); font-weight: 500; letter-spacing: -.025em; text-transform: uppercase; }
.track-number { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.12); color: #8f9195; font-size: .59rem; }
.track-meta p,
.track-time,
.track-buy { font-family: "DM Mono", monospace; }
.track-time { color: #aaacb0; font-size: .63rem; letter-spacing: .06em; }
.waveform { height: 56px; padding: .5rem .7rem; border: 1px solid rgba(255,255,255,.08); border-radius: 3px; background: linear-gradient(180deg, rgba(0,0,0,.54), rgba(255,255,255,.018)); box-shadow: inset 0 7px 18px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.035); }
.waveform i { width: 1px; opacity: .48; }
.waveform.is-audio-waveform i,
.is-playing .waveform.is-audio-waveform i {
  animation: none !important;
  opacity: .78;
  filter: none;
  transform: none;
  transition: opacity .18s ease, filter .18s ease, transform .18s ease;
}
.is-playing .waveform.is-audio-waveform i.is-near {
  z-index: 2;
  animation: real-wave-near .48s ease-in-out infinite alternate !important;
  opacity: .96;
  filter: drop-shadow(0 0 3px rgba(255,255,255,.34));
}
.is-playing .waveform.is-audio-waveform i.is-current {
  z-index: 3;
  animation: real-wave-current .26s cubic-bezier(.45,.05,.55,.95) infinite alternate !important;
  background: #fff;
  opacity: 1;
  filter: drop-shadow(0 0 6px rgba(255,255,255,.8));
}
.waveform.is-audio-waveform::after {
  border-right-color: rgba(255,255,255,.95);
  background: linear-gradient(90deg, rgba(22,130,255,.08), rgba(255,255,255,.16));
  box-shadow: 7px 0 22px rgba(255,255,255,.1);
}
@keyframes real-wave-near {
  from { transform: scaleY(.86); }
  to { transform: scaleY(1.08); }
}
@keyframes real-wave-current {
  from { transform: scaleY(.78); }
  to { transform: scaleY(1.22); }
}
.track-buy { position: relative; overflow: hidden; display: flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 2rem 0 1rem; border: 1px solid rgba(255,255,255,.22); border-radius: 3px; background: linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 9px 25px rgba(0,0,0,.22); color: #e3e4e5; font-size: .61rem; line-height: 1; letter-spacing: .1em; }
.track-buy::before { position: absolute; top: -70%; bottom: -70%; left: -45%; width: 22%; background: rgba(255,255,255,.24); content: ""; filter: blur(10px); opacity: 0; transform: skewX(-19deg); transition: left .6s ease, opacity .2s ease; }
.track-buy::after { position: absolute; top: 50%; right: .9rem; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; content: ""; transform: translateY(-60%); }
.track-buy:hover { border-color: rgba(255,255,255,.58); background: linear-gradient(130deg, #ededeb, #85868a 45%, #f7f7f5); box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 10px 30px rgba(0,0,0,.34), 0 0 16px rgba(255,255,255,.035); color: #080808; transform: translateY(-1px); }
.track-buy:hover::before { left: 120%; opacity: .42; }
.play-button:focus-visible,
.track-buy:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.beat-contact { margin-top: 0; padding: 2.2rem 0; }

.manifesto { position: relative; display: grid; grid-template-columns: minmax(340px,.78fr) minmax(0,1.22fr); min-height: auto; gap: 3rem 5rem; padding-block: clamp(7rem, 10vw, 11rem); background: #000; isolation: isolate; }
.manifesto-mark { display: block; min-height: 560px; background: url("assets/site/chrome-sound-sculpture.png") center / cover no-repeat; -webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); -webkit-mask-composite: source-in; mask-composite: intersect; }
.manifesto-mark img { display: none; }
.manifesto-copy { display: block; align-self: center; }
.manifesto-copy h2 { max-width: 820px; }
.manifesto-copy > p:last-child { max-width: 660px; margin: 2rem 0 0; font-family: "DM Mono", monospace; font-size: .88rem; }
.service-grid { grid-column: 1 / -1; grid-template-columns: 1fr; margin-top: 2rem; border: 0; border-top: 1px solid rgba(255,255,255,.18); }
.service-grid article { display: grid; grid-template-columns: 150px minmax(260px,.7fr) minmax(320px,1fr) 220px; min-height: 92px; align-items: center; gap: 1.3rem; padding: 1.25rem 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
.service-grid article:hover { background: linear-gradient(90deg, rgba(22,130,255,.055), transparent 70%); transform: none; }
.service-grid span { color: #77797d; }
.service-grid h3 { margin: 0; font-size: 1.25rem; text-transform: uppercase; }
.service-grid p { font-family: "DM Mono", monospace; font-size: .78rem; }
.service-action { align-self: center; justify-self: end; margin: 0; padding: .8rem 0; border: 0; color: #dedede; }
.service-action b { color: var(--nx-blue); }
.service-contact { grid-column: 1 / -1; margin-top: 1rem; }

.pack { grid-template-columns: .9fr 1.1fr; background: linear-gradient(180deg, #020202, #070708 48%, #000); }
.pack-visual img { clip-path: none; -webkit-mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 86%, transparent); mask-image: linear-gradient(to right, transparent, #000 14%, #000 86%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 86%, transparent); -webkit-mask-composite: source-in; mask-composite: intersect; }
.pack-visual::before { background: rgba(255,255,255,.042); filter: blur(64px); }
.pack-copy h2 { font-size: clamp(4rem, 6vw, 7.5rem); }
.pack-copy ul { border-color: rgba(255,255,255,.15); }
.pack-selector { margin-top: 6rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.16); }
.pack-selector-head { grid-template-columns: 1.35fr .65fr; margin-bottom: 3rem; }
.pack-selector-head h3 { max-width: 920px; font-size: clamp(3.6rem, 6.4vw, 7rem); font-weight: 700; line-height: .86; }
.pack-options { border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.pack-option { min-height: 585px; padding: 1.15rem; border-right: 1px solid rgba(255,255,255,.12); }
.pack-option:last-child { border-right: 0; }
.pack-option:hover { transform: translateY(-4px); }
.pack-option-image { aspect-ratio: .9; margin: -1.15rem -1.15rem .75rem; background: #000; -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent), linear-gradient(to bottom, #000 0 70%, transparent 100%); mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent), linear-gradient(to bottom, #000 0 70%, transparent 100%); -webkit-mask-composite: source-in; mask-composite: intersect; }
.pack-option-copy > span { color: #8e9094; }
.pack-option h4 { font-size: clamp(1.35rem, 1.7vw, 1.8rem); text-transform: uppercase; }
.pack-option-price strong { color: #f1f2f3; font-size: 1.65rem; }
.pack-option-price del { color: #9c9da0; }
.pack-badge { top: .9rem; right: .9rem; border-radius: 0; color: #ff8a1c; }

.apply { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 82vh; align-content: center; gap: 1.5rem 5rem; text-align: left; background: radial-gradient(circle at 78% 52%, rgba(255,255,255,.033), transparent 25%), #000; }
.apply-shine { width: 66vw; height: 24vw; background: rgba(255,255,255,.028); filter: blur(72px); }
.apply::before { right: auto; left: 3%; width: 30%; opacity: .045; }
.apply .section-label { grid-column: 1 / -1; margin-bottom: 0; }
.apply h2 { grid-column: 1; padding: 0; margin: 0; }
.apply > p:not(.section-label) { grid-column: 2; align-self: end; margin: 0; font-family: "DM Mono", monospace; font-size: .9rem; }
.apply > .chrome-button { grid-column: 2; justify-self: stretch; margin-top: .8rem; }
.site-footer { grid-template-columns: 1.4fr .7fr 1fr auto; padding-block: 2.8rem; font-size: .68rem; }

@media (max-width: 980px) {
  .desktop-nav { border-radius: 0; }
  .hero { grid-template-columns: 1fr; }
  .hero-visual,
  .image-frame { min-height: 600px; }
  .flow-heading,
  .manifesto-copy { grid-template-columns: 1fr; }
  .manifesto { grid-template-columns: 1fr; }
  .manifesto-copy { grid-row: 1; }
  .manifesto-mark { grid-row: 2; min-height: 480px; }
  .flow-heading h2,
  .flow-heading > p:last-child,
  .manifesto-copy h2,
  .manifesto-copy > p:last-child { grid-column: 1; }
  .service-grid article { grid-template-columns: 110px 1fr 1fr; }
  .service-action { grid-column: 2 / 4; justify-self: start; }
  .pack-option { min-height: 540px; }
  .apply { grid-template-columns: 1fr; }
  .apply h2,
  .apply > p:not(.section-label),
  .apply > .chrome-button { grid-column: 1; }
  .apply > .chrome-button { justify-self: start; }
}

@media (max-width: 620px) {
  .site-header,
  .site-header.is-compact { width: calc(100% - 8px); }
  .site-logo { font-size: 1.05rem; }
  .hero { padding-top: 6.7rem; }
  .hero h1 { font-size: clamp(3.8rem, 17vw, 5.5rem); }
  .hero-actions { width: 100%; }
  .hero-actions .text-link,
  .hero-actions .chrome-button { width: 100%; }
  .hero-visual,
  .image-frame { min-height: 430px; }
  .ticker { height: 62px; }
  .flow-heading h2,
  .section-head h2,
  .manifesto-copy h2,
  .pack-copy h2,
  .pack-selector-head h3,
  .apply h2 { font-size: clamp(3rem, 14vw, 4.7rem); }
  .quiz-embed-shell { height: 780px; min-height: 0; }
  .track { grid-template-columns: 48px minmax(0,1fr) 92px; }
  .service-grid article { grid-template-columns: 64px 1fr; gap: .8rem; }
  .manifesto-mark { min-height: 330px; }
  .service-grid p,
  .service-action { grid-column: 2; }
  .pack { grid-template-columns: 1fr; }
  .pack-options { border: 0; }
  .pack-option { min-height: 520px; border-right: 0; }
  .apply { min-height: 76vh; }
  .site-footer { grid-template-columns: 1fr; }
}