:root {
  --navy: #0a1a30;
  --navy-2: #142844;
  --cream: #f3eee6;
  --paper: #faf8f4;
  --ink: #0d0b09;
  --muted: #4a453e;
  --line: #e2dacd;
  --camel: #c4962a;
  --white: #fffcf8;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: "Jost", sans-serif;
  font-weight: 300;
  color: var(--ink);
  background: var(--paper);
  letter-spacing: 0.01em;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font: inherit; }
.wrap { width: min(1280px, calc(100% - 48px)); margin: 0 auto; }

.site-header {
  position: sticky; top: 0; z-index: 20;
  background: rgba(10,26,48,0.94);
  backdrop-filter: blur(12px);
  color: var(--cream);
}
.site-header .bar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 28px; padding: 16px 0;
}
.wordmark { display: flex; align-items: center; gap: 12px; }
.wordmark img { width: 72px; height: 72px; border-radius: 50%; }
.wordmark strong {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
nav { display: flex; flex-wrap: wrap; gap: 26px; }
nav a {
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(243,238,230,0.72);
}
nav a[aria-current="page"], nav a:hover { color: var(--cream); }

.hero-visual {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  min-height: auto;
  background: var(--navy);
  color: var(--cream);
}
.hero-visual img.cover {
  width: 100%;
  height: min(86vh, 820px);
  object-fit: contain;
  object-position: center top;
  background: #0a1a30;
  filter: saturate(0.94) contrast(1.03);
}
.hero-visual .veil { display: none; }
.hero-copy {
  position: relative;
  padding: 80px 48px 80px 8px;
  max-width: 560px;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero-copy .kicker {
  font-size: 11px;
  letter-spacing: 0.38em;
  text-transform: uppercase;
  color: var(--camel);
}
.hero-copy h1 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: clamp(56px, 9vw, 104px);
  line-height: 0.92;
  letter-spacing: 0.02em;
  margin: 18px 0 16px;
}
.hero-copy em {
  display: block;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: clamp(20px, 2.6vw, 28px);
  font-weight: 400;
  color: rgba(243,238,230,0.84);
}
.hero-copy p {
  margin-top: 22px;
  max-width: 380px;
  line-height: 1.7;
  color: rgba(243,238,230,0.7);
  font-size: 15px;
}
.hero-copy .cta {
  display: inline-block;
  margin-top: 36px;
  border-bottom: 1px solid var(--camel);
  padding-bottom: 4px;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--cream);
}

.edit {
  padding: 88px 0 40px;
}
.edit header {
  display: flex; justify-content: space-between; align-items: end;
  gap: 24px; margin-bottom: 28px;
}
.edit .kicker {
  font-size: 11px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--camel);
}
.edit h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: clamp(36px, 5vw, 56px);
  line-height: 1;
  margin-top: 8px;
}
.edit header p {
  max-width: 280px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
  text-align: right;
}
.edit-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  gap: 14px;
}
.tile {
  position: relative;
  background: #ece6db;
  min-height: 320px;
  overflow: hidden;
  color: var(--cream);
}
.tile.lead { min-height: 640px; grid-row: span 2; }
.tile img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.tile .plate {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(10,26,48,0.05), rgba(10,26,48,0.55)),
    repeating-linear-gradient(135deg, #e8e0d3 0 12px, #efe8dc 12px 24px);
}
.tile figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 22px 20px;
  background: linear-gradient(transparent, rgba(10,26,48,0.82));
}
.tile figcaption span {
  display: block;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--camel);
  margin-bottom: 6px;
}
.tile figcaption strong {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 26px;
  line-height: 1.1;
}

.page-hero {
  background: var(--navy);
  color: var(--cream);
  padding: 64px 0 56px;
}
.page-hero .kicker {
  color: var(--camel);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-size: 11px;
}
.page-hero h1 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 0.96;
  margin: 10px 0 14px;
}
.page-hero p {
  max-width: 420px;
  color: rgba(243,238,230,0.68);
  line-height: 1.7;
  font-size: 15px;
}

.section { padding: 64px 0 88px; }

.filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 32px; }
.filters button {
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  color: var(--muted);
  padding: 8px 4px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
}
.filters button.on, .filters button:hover {
  color: var(--ink);
  border-bottom-color: var(--camel);
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px 16px;
}
.card {
  background: transparent;
}
.card .photo {
  background: #ece6db;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  position: relative;
}
.card .photo img {
  width: 100%; height: 100%;
  object-fit: contain;
  object-position: center;
}
.card .photo .empty {
  position: absolute; inset: 0;
  display: flex; align-items: end;
  padding: 18px;
  background:
    linear-gradient(180deg, #f4efe6, #e7dfd2);
  color: var(--navy);
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  line-height: 1;
}
.card .brand {
  margin-top: 12px;
  font-size: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--camel);
}
.card h3 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  margin: 6px 0 8px;
}
.card .meta {
  display: flex; justify-content: space-between;
  font-size: 12px; color: var(--muted);
}

.pdp {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 56px;
  align-items: start;
  padding: 56px 0 96px;
}
.gallery .main {
  background: #ece6db;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}
.gallery .main img, .gallery .main .empty {
  width: 100%; height: 100%; object-fit: contain; object-position: center;
}
.gallery .main .empty {
  display: flex; align-items: end; padding: 28px;
  background: linear-gradient(180deg, #f4efe6, #e7dfd2);
  font-family: "Cormorant Garamond", serif;
  font-size: 42px; color: var(--navy);
}
.thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 8px; }
.thumbs div { background: #ece6db; aspect-ratio: 1; }
.buy .kicker { color: var(--camel); letter-spacing: 0.26em; text-transform: uppercase; font-size: 11px; }
.buy h1 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: clamp(36px, 4vw, 54px);
  line-height: 1.02;
  margin: 10px 0 18px;
}
.buy .price {
  font-family: "Cormorant Garamond", serif;
  font-size: 28px;
  margin-bottom: 22px;
}
.buy p { color: var(--muted); line-height: 1.7; max-width: 420px; margin-bottom: 16px; }
.facts { list-style: none; margin: 24px 0 32px; color: var(--muted); font-size: 14px; }
.facts li { padding: 8px 0; border-top: 1px solid var(--line); }
.facts li:last-child { border-bottom: 1px solid var(--line); }
.btn {
  display: inline-block;
  background: var(--navy);
  color: var(--cream);
  padding: 16px 28px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 11px;
}

.look { padding: 72px 0; border-top: 1px solid var(--line); }
.look .kicker { color: var(--camel); letter-spacing: 0.24em; text-transform: uppercase; font-size: 11px; }
.look h2 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: clamp(32px, 4vw, 48px);
  margin: 8px 0 18px;
}
.spread { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 16px; }
.frame { background: #ece6db; overflow: hidden; min-height: 420px; }
.frame img { width: 100%; height: 100%; object-fit: cover; min-height: 420px; }
.look p { color: var(--muted); max-width: 460px; line-height: 1.7; }
.hold {
  min-height: 280px;
  display: flex; align-items: end;
  padding: 32px;
  background: var(--navy);
  color: var(--cream);
}
.hold strong { font-family: "Cormorant Garamond", serif; font-size: 32px; font-weight: 400; display: block; margin-bottom: 8px; }

.about { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 64px; padding: 72px 0 96px; }
.about h1 {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: clamp(42px, 6vw, 68px);
  line-height: 0.96;
}
.about p { color: var(--muted); line-height: 1.85; margin-bottom: 18px; max-width: 460px; }

footer {
  background: var(--navy);
  color: rgba(243,238,230,0.62);
  text-align: center;
  padding: 48px 16px 36px;
}
footer .name {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: 28px;
  color: var(--cream);
  display: block;
  margin-bottom: 8px;
}
footer a { color: var(--cream); }
footer small {
  display: block;
  margin-top: 16px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 10px;
  opacity: 0.55;
}

@media (max-width: 980px) {
  .edit-grid, .grid, .pdp, .spread, .about, .hero-visual { grid-template-columns: 1fr; }
  .grid { grid-template-columns: repeat(2, 1fr); }
  .tile.lead { min-height: 420px; grid-row: auto; }
  .edit header, .hero-copy { max-width: none; padding: 48px 24px; }
  .edit header p { text-align: left; }
  .hero-visual img.cover { height: auto; max-height: 70vh; }
}
@media (max-width: 560px) {
  .grid { grid-template-columns: 1fr; }
  nav { gap: 14px; }
}

.edit-grid.trio { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.tile .ph, .photo.ph, .main.ph {
  display:flex; align-items:center; justify-content:center;
  min-height:280px; background:#0a1a30; color:#f3eee6;
  font-family:"Cormorant Garamond",serif; letter-spacing:.18em;
  text-transform:uppercase; font-size:14px; text-align:center; padding:24px;
}
.main.ph.tall { min-height:420px; }
.split-copy { display:grid; grid-template-columns:0.8fr 1.2fr; gap:48px; align-items:start; }
.section.pale { background:#efe8dc; }
.quiet-h { font-family:"Cormorant Garamond",serif; font-weight:400; font-size:36px; margin:8px 0 28px; }
.quotes { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.quotes blockquote { border-top:1px solid #e2dacd; padding-top:18px; }
.quotes p { font-family:"Cormorant Garamond",serif; font-size:22px; line-height:1.35; font-style:italic; }
.quotes cite { display:block; margin-top:14px; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#7a7369; font-style:normal; }
.fine { margin-top:28px; font-size:12px; color:#7a7369; }
.text-link { display:inline-block; margin-top:18px; border-bottom:1px solid #d4af5a; padding-bottom:3px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
.lead { margin-top:12px; color:#7a7369; }
.prose { max-width:680px; }
.prose h2 { font-family:"Cormorant Garamond",serif; font-weight:400; font-size:28px; margin:36px 0 12px; }
.prose p { line-height:1.75; color:#3a352e; margin-bottom:14px; }
.note { margin:18px 0; font-size:14px; line-height:1.65; color:#5c564c; }
@media (max-width:900px) {
  .edit-grid.trio, .quotes, .split-copy { grid-template-columns:1fr; }
}

.wordmark img { width: 108px; height: 108px; border-radius: 50%; }
.wordmark strong { display:none; }
.hero-copy h1 { display:none; }
.hero-copy em {
  font-size: clamp(26px, 3.4vw, 40px);
  max-width: 16ch;
  line-height: 1.15;
}
.hero-visual img.cover {
  object-fit: cover;
  object-position: center 12%;
  height: min(88vh, 860px);
}
.prose h2 {
  color: #0a1a30;
  font-size: 34px;
  letter-spacing: 0.02em;
}
.emphasis { font-style: italic; font-weight: 500; color: #0a1a30; }
.ask {
  display:block; margin-top:22px;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  border-bottom:1px solid #d4af5a; padding-bottom:4px; width:fit-content;
}
.quotes.stacked { grid-template-columns: 1fr 1fr; }
.grid.compact { grid-template-columns: repeat(4, 1fr); gap: 16px; }
.grid.compact .photo { aspect-ratio: 3/4; overflow:hidden; }
.grid.compact h3 { font-size: 15px; }
@media (max-width:900px) {
  .wordmark img { width: 72px; height: 72px; }
  .quotes.stacked, .grid.compact { grid-template-columns: 1fr 1fr; }
}

.wordmark.text {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #f3eee6;
}
.wordmark img { display: none; }
.hero-visual.tight {
  grid-template-columns: 0.72fr 1.28fr;
}
.hero-copy.top {
  justify-content: flex-start;
  padding: 48px 40px 56px 8px;
}
.hero-copy.top em {
  max-width: 11ch;
  font-size: clamp(34px, 4.6vw, 56px);
  line-height: 1.08;
}
.hero-visual img.cover.garment {
  object-fit: cover;
  object-position: center top;
  height: min(78vh, 740px);
}
.kicker.gold { color: #d4af5a; font-size: 28px; letter-spacing: 0.28em; font-family: "Cormorant Garamond", serif; text-transform: none; font-weight: 500; }
h1.placeholder { font-weight: 400; color: #c4b8a6; }

.wordmark.lockup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
  color: #f3eee6;
  gap: 2px;
}
.wm-maison {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.42em;
  text-transform: uppercase;
}
.wm-script {
  font-family: "Great Vibes", cursive;
  font-size: 34px;
  letter-spacing: 0.02em;
  line-height: 1;
}
.hero-visual.open {
  grid-template-columns: 1fr 1.15fr;
}
.hero-copy.airy {
  justify-content: flex-start;
  padding: 56px 56px 64px 24px;
}
.hero-copy.airy em {
  max-width: 15em;
  font-size: clamp(32px, 3.8vw, 48px);
  line-height: 1.18;
}
.hero-visual img.cover.original {
  object-fit: contain;
  object-position: center top;
  height: min(82vh, 800px);
  background: #0a1a30;
}
.kicker.gold.center {
  text-align: center;
  width: 100%;
  color: #d4af5a;
  font-family: "Cormorant Garamond", serif;
  font-size: 42px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 400;
}
.page-hero .wrap { text-align: center; }
.founder p { margin-bottom: 18px; font-size: 17px; line-height: 1.75; }
.sign {
  margin-top: 8px;
}
.role {
  font-size: 12px !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7a7369;
  margin-top: 4px !important;
}
@media (max-width: 900px) {
  .wm-script { font-size: 28px; }
  .hero-copy.airy { padding: 36px 24px; }
  .hero-copy.airy em { max-width: none; }
}

.site-header .bar { min-height: 72px; padding: 10px 0; }
.wordmark.mark img {
  height: 54px;
  width: auto;
  display: block;
}
.hero-visual.open { grid-template-columns: 0.9fr 1.1fr; }
.hero-copy.airy {
  justify-content: flex-start;
  padding: 48px 48px 40px 8px;
}
.hero-copy.airy em {
  max-width: 16em;
  font-size: clamp(30px, 3.6vw, 46px);
  line-height: 1.2;
}
.hero-visual img.cover.original {
  object-fit: cover;
  object-position: center 8%;
  height: min(86vh, 820px);
}
.note.quiet { opacity: .78; margin-top: 10px; }
footer nav { display: none; }

body { font-weight: 400; }
.page-hero.navy {
  background: var(--navy);
  color: var(--cream);
  padding: 48px 0 36px;
}
.center { text-align: center; }
.hand.gold {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  color: #d4a017;
  letter-spacing: 0.02em;
  text-transform: none;
}
.hand.gold.lg { font-size: clamp(42px, 6vw, 72px); line-height: 1.1; }
.hero-copy.fill {
  justify-content: center;
  padding: 56px 40px 56px 28px;
  max-width: none;
}
.hero-copy.fill .line {
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.25;
  max-width: 22em;
  white-space: nowrap;
}
@media (max-width: 1100px) {
  .hero-copy.fill .line { white-space: normal; }
}
.wordmark.mark img {
  height: 70px;
  width: auto;
  max-width: 280px;
  object-fit: contain;
}
.card .brand, .tile figcaption strong {
  color: #b8860b;
  font-weight: 500;
}
.card h3 { color: #1a1612; font-weight: 500; }
.grid.tiny {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
}
.card.tiny .photo { aspect-ratio: 3/4; }
.card.tiny h3 { font-size: 13px; }
.sign {
  margin-top: 8px;
}
.prose founder, .prose.founder p { color: #1c1814; font-size: 18px; line-height: 1.7; }
.kicker.gold, .brand { color: #b8860b !important; }

.collage {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.collage .cell {
  margin: 0;
  background: #ece6dc;
  overflow: hidden;
  aspect-ratio: 3/4;
  position: relative;
}
.collage .cell:nth-child(1),
.collage .cell:nth-child(6) { grid-column: span 2; aspect-ratio: 4/5; }
.collage img, .collage .ph {
  width: 100%; height: 100%; object-fit: cover;
}
.collage .ph {
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  color: #8a7a55;
}
.collage figcaption {
  position: absolute; left: 10px; bottom: 10px;
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.45);
}
@media (max-width: 720px) {
  .collage { grid-template-columns: repeat(2, 1fr); }
  .collage .cell:nth-child(1),
  .collage .cell:nth-child(6) { grid-column: span 1; }
}

.site-header .bar {
  width: calc(100% - 24px);
  max-width: none;
  margin: 0 12px 0 12px;
  min-height: 88px;
  padding: 8px 8px 8px 0;
  gap: 24px;
}
.wordmark.mark { flex: 0 0 auto; }
.wordmark.mark img,
.wordmark img {
  height: 58px;
  width: auto;
  max-width: min(420px, 46vw);
  border-radius: 0;
  object-fit: contain;
  display: block;
  filter: brightness(0) invert(1);
}
.page-title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(32px, 4.2vw, 52px);
  letter-spacing: 0.04em;
  color: #e8d5a3;
  text-transform: none;
}
.section-title {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(28px, 3.2vw, 40px);
  letter-spacing: 0.04em;
  color: #c4a35a;
  text-transform: none;
}
body.about-page {
  background: #cebeb1;
}
.section.about-blend {
  background: #cebeb1;
}
.founder-spread {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}
.founder-spread .portrait {
  margin: 0;
  background: none;
  border: 0;
  box-shadow: none;
  max-width: 220px;
}
.founder-spread .portrait img {
  width: 100%;
  height: auto;
  display: block;
  background: none;
  border: 0;
  box-shadow: none;
}
.prose.founder .personal,
.prose.founder .initial {
  font-family: "Jost", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #1c1814 !important;
  opacity: 1 !important;
  margin-top: 18px;
}
.initial {
  margin-top: 10px;
}
.sign {
  margin-top: 2px;
}
.sign img {
  height: 42px;
  width: auto;
  max-width: 280px;
  display: block;
}
@media (max-width: 800px) {
  .founder-spread { grid-template-columns: 1fr; gap: 28px; }
  .founder-spread .portrait { max-width: 220px; }
  .wordmark.mark img, .wordmark img { height: 42px; max-width: 58vw; }
}

/* v4.3 invoice lockup + even lookbook */
.wordmark.lockup-invoice {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #f3eee6;
  text-decoration: none;
  margin-left: 0;
  flex: 0 0 auto;
}
.wordmark.lockup-invoice img.seal,
.wordmark.lockup-invoice .seal {
  height: 92px;
  width: 92px;
  border-radius: 50%;
  filter: none !important;
  display: block;
  max-width: none;
  object-fit: cover;
}
.wordmark.lockup-invoice .wm-roman {
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
}
.look-note {
  text-align: center;
  max-width: 34em;
  margin: 0 auto 40px;
  color: #5a534b;
  font-size: 15px;
  line-height: 1.65;
}
.collage.even {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.collage.even .cell {
  grid-column: auto !important;
  aspect-ratio: 3 / 4 !important;
}
.collage.even figcaption {
  font-size: 10px;
  letter-spacing: 0.16em;
}
@media (max-width: 800px) {
  .wordmark.lockup-invoice .wm-roman { font-size: 15px; letter-spacing: 0.16em; }
  .wordmark.lockup-invoice img.seal { height: 68px; width: 68px; }
  .collage.even { grid-template-columns: repeat(2, 1fr); }
}