.concept-page {
  --bg: #08080a;
  --panel: #0e0e13;
  --panel-raised: #14141a;
  --text: #f4f1ea;
  --muted: #9b98a3;
  --dim: #66636e;
  --accent: #7c4dff;
  --accent-soft: #b79bff;
  --mint: #6fdcb2;
  background: var(--bg);
}

.concept-header { background: rgba(8, 8, 10, .76); }
.concept-header .nav { min-height: 68px; }
.concept-header .nav-links { gap: 28px; }

.concept-hero { position: relative; isolation: isolate; min-height: calc(100svh - 68px); overflow: hidden; border-bottom: 1px solid var(--line); }
.concept-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: radial-gradient(ellipse 65% 82% at 16% 6%, rgba(62, 33, 120, .48), transparent 69%), radial-gradient(ellipse 50% 70% at 92% 60%, rgba(33, 24, 58, .48), transparent 76%); }
.hero-noise { position: absolute; z-index: -1; inset: 0; opacity: .16; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"); }
.concept-hero-grid { min-height: calc(100svh - 112px); padding-block: 74px 58px; display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(46px, 7vw, 104px); align-items: center; }
.concept-hero-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 25px; }
.concept-hero h1 { max-width: 760px; margin: 0; font: 700 clamp(58px, 6.3vw, 92px)/.91 "Space Grotesk", sans-serif; letter-spacing: -.058em; text-wrap: balance; }
.concept-hero h1 span { color: #cac6d1; }
.concept-hero-copy > p { max-width: 580px; margin: 0; color: var(--muted); font-size: clamp(17px, 1.5vw, 20px); line-height: 1.6; text-wrap: pretty; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; }
.trust-line { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; color: var(--dim); font: 500 10px/1.4 "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.trust-line i { width: 3px; height: 3px; border-radius: 50%; background: #4a4751; }
.hero-footnote { min-height: 44px; display: flex; align-items: center; justify-content: space-between; color: #5d5965; font: 500 9.5px/1 "JetBrains Mono", monospace; letter-spacing: .17em; text-transform: uppercase; }

.hero-devices { position: relative; width: min(100%, 610px); height: 620px; justify-self: end; perspective: 1200px; }
.hero-phone { position: absolute; top: 42px; width: 250px; height: 520px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .14); border-radius: 40px; background: #0d0d12; box-shadow: 0 34px 80px rgba(0, 0, 0, .58), 0 0 0 7px rgba(255, 255, 255, .025); transition: transform 300ms ease, filter 300ms ease, opacity 300ms ease; }
.hero-phone::before { content: ""; position: absolute; z-index: 10; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035); pointer-events: none; }
.hero-phone-chat { z-index: 1; left: 0; transform: translateY(35px) rotate(-6deg); filter: brightness(.82); }
.hero-phone-discover { z-index: 3; left: 50%; height: auto; aspect-ratio: 402 / 874; border: 0; border-radius: 30px; transform: translateX(-50%); }
.hero-phone-after { z-index: 2; right: 0; transform: translateY(38px) rotate(6deg); filter: brightness(.86); }
.hero-phone-shot { padding: 0; background: #08080a; }
.hero-phone-shot > img { width: 100%; height: 100%; display: block; object-fit: contain; }
.hero-devices:focus-visible { outline: 1px solid var(--accent); outline-offset: 6px; }
.hero-devices:hover .hero-phone-chat { transform: translate(-10px, 25px) rotate(-7deg); filter: brightness(.88); }
.hero-devices:hover .hero-phone-after { transform: translate(10px, 28px) rotate(7deg); filter: brightness(.92); }

.concept-page .section { padding-block: 118px; }
.concept-page .section-title { font-size: clamp(44px, 5.1vw, 68px); line-height: .98; }

.privacy-section { overflow: hidden; background: radial-gradient(ellipse 60% 90% at 100% 50%, rgba(80, 46, 151, .2), transparent 72%), var(--bg); }
.privacy-people-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: clamp(58px, 8vw, 112px); align-items: center; }
.privacy-points { display: grid; gap: 0; border-top: 1px solid var(--line); }
.privacy-points span { padding: 14px 0; border-bottom: 1px solid var(--line); color: #c7c3cc; font-size: 14px; }
.privacy-points span::before { content: "✓"; margin-right: 11px; color: var(--accent-soft); }
.privacy-people-visual { position: relative; min-height: 650px; }
.privacy-people-visual::before { content: ""; position: absolute; top: 48%; left: 50%; width: 510px; height: 510px; transform: translate(-50%, -50%); border: 1px dashed rgba(124, 77, 255, .2); border-radius: 50%; box-shadow: 0 0 90px rgba(124, 77, 255, .1); }
.social-phone { position: absolute; z-index: 2; top: 0; left: 0; width: min(100%, 292px); aspect-ratio: 402 / 874; overflow: hidden; border: 0; border-radius: 35px; background: #08080a; box-shadow: 0 38px 90px rgba(0, 0, 0, .5), 0 0 0 7px rgba(255, 255, 255, .025); }
.social-phone img { width: 100%; height: auto; display: block; }
.context-stack { position: absolute; z-index: 3; top: 102px; right: 0; width: min(100%, 340px); display: grid; gap: 14px; }
.context-card { padding: 21px 22px; border: 1px solid var(--line); border-radius: 18px; background: rgba(15, 15, 20, .94); box-shadow: 0 20px 48px rgba(0, 0, 0, .34); backdrop-filter: blur(16px); }
.context-card small { color: var(--dim); font: 500 8.5px/1 "JetBrains Mono", monospace; letter-spacing: .15em; text-transform: uppercase; }
.context-card h3 { margin: 9px 0 5px; font: 600 21px/1.1 "Space Grotesk", sans-serif; letter-spacing: -.025em; }
.context-card p { margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.5; }
.context-card span { margin-top: 14px; display: inline-flex; color: #87838e; font: 500 8px/1 "JetBrains Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }
.context-card.social-context { margin-right: 20px; }
.context-card.area-context { margin-left: 34px; }
.context-card.approved-context { margin-right: 8px; border-color: rgba(124, 77, 255, .42); background: linear-gradient(135deg, rgba(39, 26, 68, .98), rgba(15, 15, 20, .97)); }
.context-card.approved-context small, .context-card.approved-context span { color: var(--mint); }
.hosts-v2 { background: radial-gradient(ellipse 65% 90% at 6% 60%, rgba(66, 36, 125, .22), transparent 72%), var(--bg); }
.host-v2-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(60px, 8vw, 112px); align-items: center; }
.host-phone { width: min(100%, 300px); justify-self: center; overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); border-radius: 42px; background: #08080a; box-shadow: 0 38px 90px rgba(0, 0, 0, .5), 0 0 0 7px rgba(255, 255, 255, .025); }
.host-phone img { width: 100%; height: auto; display: block; }
.host-list { width: 100%; margin: 2px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); list-style: none; }
.host-list li { padding: 13px 0; border-bottom: 1px solid var(--line); color: #bbb7c2; font-size: 13px; }
.host-list li::before { content: "·"; margin-right: 8px; color: var(--accent-soft); }
.text-link { color: var(--text); font: 600 15px/1 "Space Grotesk", sans-serif; }
.text-link span { margin-left: 7px; color: var(--accent-soft); }

.city-section { background: #0a0a0d; }
.city-intro { max-width: 850px; margin-bottom: 38px; display: grid; gap: 20px; }
.city-intro .lead { max-width: 610px; }
.city-carousel-head { margin-bottom: 13px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.city-carousel-head > span { color: var(--dim); font: 500 9px/1 "JetBrains Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
.city-carousel-head > div { display: flex; gap: 8px; }
.city-carousel-head button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #121217; color: #d7d2dc; font-size: 18px; cursor: pointer; transition: border-color 160ms ease, color 160ms ease, opacity 160ms ease; }
.city-carousel-head button:hover { border-color: rgba(124, 77, 255, .55); color: var(--accent-soft); }
.city-carousel-head button:disabled { opacity: .28; cursor: default; }
.city-grid { padding: 0 0 12px; display: flex; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: rgba(124, 77, 255, .35) transparent; }
.city-grid:focus-visible { outline: 1px solid var(--accent); outline-offset: 6px; }
.city-card { min-height: 430px; flex: 0 0 clamp(330px, 39vw, 450px); overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 23px; background: #111116; scroll-snap-align: start; }
.city-card > div:last-child { flex: 1; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; }
.city-card h3 { margin: 0 0 9px; font: 600 23px/1.1 "Space Grotesk", sans-serif; letter-spacing: -.03em; }
.city-card p { margin: 0; color: var(--muted); font-size: 13.5px; line-height: 1.55; }
.city-card small { margin-top: auto; padding-top: 24px; color: var(--dim); font: 500 9px/1 "JetBrains Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
.city-photo, .moment-frame { position: relative; height: 220px; overflow: hidden; }
.city-photo img, .moment-frame img { width: 100%; height: 100%; display: block; object-fit: cover; }
.city-photo::after, .moment-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 52%, rgba(8, 8, 10, .82)); }
.city-photo span, .moment-frame span { position: absolute; z-index: 1; left: 16px; bottom: 15px; padding: 6px 9px; border-radius: 7px; background: rgba(9, 9, 12, .78); color: #d8d4de; font: 500 8px/1 "JetBrains Mono", monospace; letter-spacing: .13em; text-transform: uppercase; backdrop-filter: blur(8px); }
.notes-card { background: linear-gradient(145deg, #17131f, #0f0f14); }
.note-stack { position: relative; height: 220px; overflow: hidden; background: radial-gradient(circle at 50% 42%, rgba(124, 77, 255, .15), transparent 70%), #0d0c11; }
.friend-note { position: absolute; width: 72%; min-height: 88px; padding: 14px 16px 13px; display: grid; align-content: space-between; gap: 10px; border-radius: 5px 5px 13px 5px; color: #17131d; box-shadow: 0 14px 30px rgba(0, 0, 0, .32); }
.friend-note::after { content: ""; position: absolute; right: 0; bottom: 0; width: 17px; height: 17px; border-radius: 5px 0 0; background: rgba(0, 0, 0, .1); clip-path: polygon(100% 0, 0 100%, 100% 100%); }
.friend-note strong { max-width: 235px; font: 600 14.5px/1.25 "Space Grotesk", sans-serif; letter-spacing: -.015em; }
.friend-note span { opacity: .58; font: 600 7.5px/1 "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.note-one { z-index: 1; top: 15px; left: 18px; background: #e8d9ff; transform: rotate(-2.8deg); }
.note-two { z-index: 2; top: 68px; right: 15px; background: #d8f0df; transform: rotate(2.3deg); }
.note-three { z-index: 3; bottom: 9px; left: 39px; background: #ffe0b9; transform: rotate(-1.2deg); }
.moment-frame img { filter: saturate(.78) contrast(1.05); }
.organizer-line { margin-top: 18px; padding: 28px 30px; display: grid; grid-template-columns: .8fr 1.2fr auto; gap: 30px; align-items: center; border: 1px solid var(--line); border-radius: 19px; background: #0e0e13; }
.organizer-line > div { display: grid; gap: 7px; }
.organizer-line strong { font: 600 18px/1.2 "Space Grotesk", sans-serif; }
.organizer-line p { margin: 0; color: var(--muted); font-size: 12.5px; line-height: 1.5; }
.organizer-line a { color: var(--accent-soft); font: 500 12px/1 "JetBrains Mono", monospace; white-space: nowrap; }

.access-section { position: relative; overflow: hidden; background: var(--bg); }
.access-glow { position: absolute; left: 50%; bottom: -370px; width: 900px; height: 700px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(ellipse, rgba(124, 77, 255, .25), transparent 68%); pointer-events: none; }
.access-grid { position: relative; display: grid; grid-template-columns: 1fr .82fr; gap: 80px; align-items: center; }
.access-grid > div:first-child { display: grid; gap: 20px; }
.access-grid > div:first-child p { max-width: 550px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.6; }
.access-card { padding: 28px; border: 1px solid rgba(124, 77, 255, .3); border-radius: 23px; background: linear-gradient(145deg, rgba(35, 24, 61, .8), rgba(15, 15, 20, .96)); }
.access-card .waitlist-form { display: grid; }
.access-card .waitlist-form label { color: var(--dim); font: 500 9px/1 "JetBrains Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
.access-card .button { width: 100%; }
.access-card .form-note { margin-top: 10px; }
.invite-link { margin-top: 23px; padding-top: 18px; display: flex; justify-content: space-between; border-top: 1px solid rgba(255, 255, 255, .08); color: #b7b3bd; font-size: 12.5px; }
.concept-footer { background: #0a0a0d; }

.organizer-page { min-height: 100vh; background: radial-gradient(ellipse 62% 74% at 18% 18%, rgba(76, 40, 146, .3), transparent 72%), var(--bg); }
.organizer-header-actions { display: flex; align-items: center; gap: 22px; color: var(--muted); font-size: 14px; }
.organizer-hero { min-height: calc(100svh - 69px); padding-block: clamp(52px, 7vw, 92px); display: grid; align-items: center; }
.organizer-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(50px, 9vw, 120px); align-items: center; }
.organizer-hero-copy { display: grid; gap: 23px; }
.organizer-hero h1 { max-width: 760px; margin: 0; font: 700 clamp(56px, 7vw, 94px)/.92 "Space Grotesk", sans-serif; letter-spacing: -.06em; }
.organizer-hero .lead { max-width: 610px; }
.organizer-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.organizer-tags span { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: #aaa6b1; font: 500 8.5px/1 "JetBrains Mono", monospace; letter-spacing: .11em; text-transform: uppercase; }
.organizer-path-card { padding: 30px; scroll-margin-top: 92px; border: 1px solid rgba(124, 77, 255, .34); border-radius: 24px; background: linear-gradient(145deg, rgba(38, 25, 67, .88), rgba(14, 14, 19, .96)); box-shadow: 0 30px 80px rgba(0, 0, 0, .34); }
.organizer-path-card small { color: var(--accent-soft); font: 500 9px/1 "JetBrains Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
.organizer-path-card h2 { margin: 14px 0 12px; font: 600 30px/1.05 "Space Grotesk", sans-serif; letter-spacing: -.04em; }
.organizer-path-card p { margin: 0 0 20px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.organizer-path-list { margin: 0 0 28px; padding: 0; display: grid; list-style: none; border-top: 1px solid var(--line); }
.organizer-path-list li { padding: 13px 0; border-bottom: 1px solid var(--line); color: #c5c1ca; font-size: 13px; }
.organizer-path-list li::before { content: "✓"; margin-right: 10px; color: var(--mint); }
.organizer-path-card .button { width: 100%; }
.organizer-path-note { margin-top: 14px !important; color: var(--dim) !important; font: 500 9px/1.5 "JetBrains Mono", monospace !important; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.organizer-path-note a { color: var(--accent-soft); }
.organizer-form { display: grid; gap: 13px; }
.organizer-form[hidden] { display: none; }
.organizer-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.organizer-form label { min-width: 0; display: grid; gap: 7px; color: #bcb8c4; font: 500 9px/1.2 "JetBrains Mono", monospace; letter-spacing: .1em; text-transform: uppercase; }
.organizer-form label em { margin-left: 4px; color: var(--dim); font-style: normal; font-size: 7.5px; }
.organizer-form input, .organizer-form select { width: 100%; min-width: 0; height: 47px; padding: 0 14px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 13px; background: rgba(11, 11, 15, .7); color: var(--text); font: 400 14px/1 "IBM Plex Sans", sans-serif; outline: none; appearance: none; }
.organizer-form select { padding-right: 38px; color-scheme: dark; accent-color: var(--accent); background-image: linear-gradient(45deg, transparent 50%, var(--accent-soft) 50%), linear-gradient(135deg, var(--accent-soft) 50%, transparent 50%); background-position: calc(100% - 18px) 20px, calc(100% - 13px) 20px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; cursor: pointer; }
.organizer-form select option { background: #121117; color: var(--text); }
.organizer-form select option:checked { background: var(--accent-soft); color: #08080a; }
.organizer-form input::placeholder { color: #5c5963; }
.organizer-form input:focus, .organizer-form select:focus { border-color: rgba(124, 77, 255, .72); box-shadow: 0 0 0 3px rgba(124, 77, 255, .12); }
.organizer-form input:disabled, .organizer-form select:disabled { opacity: .62; }
.organizer-form .form-honeypot { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.organizer-form .button { margin-top: 2px; }
.organizer-form-status { min-height: 15px; margin-top: 11px; color: var(--dim); font: 500 9px/1.45 "JetBrains Mono", monospace; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.organizer-form-status.loading { color: var(--accent-soft); }
.organizer-form-status.success { color: var(--mint); }
.organizer-form-status.error { color: #ff8c9b; }
.organizer-privacy { margin: 10px 0 0 !important; color: var(--dim) !important; font-size: 11px !important; line-height: 1.5 !important; text-align: center; }
.organizer-privacy a { color: var(--accent-soft); text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 980px) {
  .concept-hero-grid { grid-template-columns: 1fr 1fr; gap: 38px; }
  .concept-hero h1 { font-size: clamp(52px, 7vw, 72px); }
  .hero-devices { width: min(100%, 560px); }
  .hero-phone { width: 236px; }
  .hero-phone-discover { border-radius: 28px; }
  .privacy-people-grid, .host-v2-grid { gap: 52px; }
  .social-phone { width: 260px; border-radius: 31px; }
  .context-stack { width: 300px; }
  .organizer-line { grid-template-columns: 1fr 1fr; }
  .organizer-line a { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
  .concept-header .nav-links { gap: 8px; }
  .concept-hero-grid { padding-top: 60px; grid-template-columns: 1fr; }
  .concept-hero-copy { align-items: center; text-align: center; }
  .concept-hero-copy > p { max-width: 650px; }
  .trust-line { justify-content: center; }
  .hero-devices { width: min(100%, 610px); justify-self: center; }
  .hero-phone { width: 250px; }
  .hero-phone-discover { border-radius: 30px; }
  .hero-footnote { display: none; }
  .concept-page .section { padding-block: 86px; }
  .privacy-people-grid, .host-v2-grid, .access-grid { grid-template-columns: 1fr; }
  .privacy-people-grid { gap: 48px; }
  .privacy-people-visual { width: min(100%, 620px); min-height: 650px; justify-self: center; }
  .city-card { min-height: 400px; }
  .organizer-line { grid-template-columns: 1fr; }
  .organizer-line a { grid-column: auto; }
  .organizer-hero-grid { grid-template-columns: 1fr; }
  .organizer-hero-copy { text-align: center; }
  .organizer-tags { justify-content: center; }
}

@media (max-width: 600px) {
  .concept-hero-grid { padding-block: 46px 56px; }
  .concept-hero h1 { font-size: clamp(45px, 13vw, 62px); }
  .concept-hero-copy > p { font-size: 16px; }
  .hero-actions { width: 100%; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .trust-line { font-size: 8px; }
  .hero-devices { width: calc(100% + 30px); height: 520px; margin: 10px -15px 0; padding: 15px; display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .hero-devices::-webkit-scrollbar { display: none; }
  .hero-phone { position: relative; inset: auto; width: 225px; height: 470px; flex: 0 0 225px; border-radius: 34px; scroll-snap-align: center; transform: none; filter: none; }
  .hero-phone-discover { order: 1; height: auto; border-radius: 27px; }
  .hero-phone-chat { order: 2; }
  .hero-phone-after { order: 3; }
  .hero-devices:hover .hero-phone-chat, .hero-devices:hover .hero-phone-after { transform: none; filter: none; }
  .concept-page .section-title { font-size: 41px; }
  .privacy-people-grid { gap: 40px; }
  .privacy-people-visual { min-height: 0; display: grid; gap: 28px; }
  .privacy-people-visual::before { width: 360px; height: 360px; top: 27%; }
  .social-phone { position: relative; top: auto; left: auto; width: min(100%, 280px); border-radius: 33px; justify-self: center; }
  .context-stack { position: relative; top: auto; right: auto; width: 100%; }
  .context-card.social-context, .context-card.area-context, .context-card.approved-context { margin: 0; }
  .host-phone { width: min(100%, 280px); }
  .host-list { grid-template-columns: 1fr; }
  .city-intro { margin-bottom: 40px; }
  .city-carousel-head > span { max-width: 180px; line-height: 1.5; }
  .city-card { flex-basis: calc(100% - 28px); }
  .note-stack { height: 292px; padding: 18px; display: grid; align-content: center; gap: 9px; }
  .friend-note { position: relative; inset: auto; width: 92%; min-height: 76px; padding: 13px 15px 12px; }
  .friend-note strong { max-width: none; font-size: 13.5px; }
  .note-one { justify-self: start; transform: rotate(-1.4deg); }
  .note-two { justify-self: end; transform: rotate(1.2deg); }
  .note-three { justify-self: start; margin-left: 10px; transform: rotate(-.7deg); }
  .organizer-line { padding: 23px; }
  .access-card { padding: 22px; }
  .organizer-header-actions > a:first-child { display: none; }
  .organizer-header-actions .button { min-height: 40px; padding-inline: 18px; }
  .organizer-hero h1 { font-size: clamp(48px, 14vw, 64px); }
  .organizer-path-card { padding: 24px; }
  .organizer-field-row { grid-template-columns: 1fr; }
}
