.gc-space { padding-block: clamp(58px, 7vw, 88px); color: var(--store-ink); background: var(--store-soft); }
.gc-space * { box-sizing: border-box; }
.gc-space h2, .gc-space p, .gc-space ul { margin-block: 0; }
.gc-space__inner { display: grid; gap: clamp(40px, 6vw, 72px); grid-template-columns: minmax(0, 0.92fr) minmax(340px, 1.08fr); align-items: center; }
.gc-space__media { position: relative; aspect-ratio: 5 / 4; overflow: hidden; border-radius: 110px 14px 14px; background: var(--store-cream); }
.gc-space__media::after { position: absolute; inset: 14px; content: ""; border: 1px solid rgb(255 255 255 / 54%); border-radius: 96px 8px 8px; pointer-events: none; }
.gc-space__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gc-space__eyebrow { color: var(--store-accent); font-size: 12px; font-weight: 700; letter-spacing: 0.17em; text-transform: uppercase; }
.gc-space h2 { max-width: 650px; margin-block: 12px 16px; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.08; letter-spacing: -0.035em; }
.gc-space__description { max-width: 620px; color: var(--store-muted); font-size: 15px; line-height: 1.65; }
.gc-space__notes { display: grid; margin: 26px 0; padding: 0; list-style: none; border-block-start: 1px solid var(--store-line); }
.gc-space__notes li { display: grid; padding-block: 16px; gap: 16px; grid-template-columns: 40px 1fr; border-block-end: 1px solid var(--store-line); }
.gc-space__notes li > span { display: grid; width: 38px; height: 38px; place-items: center; color: var(--store-accent); font-size: 11px; font-weight: 800; background: var(--store-card); border: 1px solid var(--store-line); border-radius: 50%; }
.gc-space__notes strong { font-size: 16px; }
.gc-space__notes p { margin-block-start: 6px; color: var(--store-muted); font-size: 14px; line-height: 1.62; }
.gc-space__content > a { display: inline-flex; min-height: 46px; padding: 11px 19px; align-items: center; gap: 18px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; background: var(--store-accent); border-radius: 999px; }
.gc-space__content > a:hover { color: #fff; background: var(--store-accent-hover); }
.gc-space__content > a:focus-visible { outline: 3px solid var(--store-accent); outline-offset: 4px; }
@media (max-width: 959px) {
  .gc-space__inner { grid-template-columns: 1fr; }
  .gc-space__media { width: min(100%, 720px); aspect-ratio: 16 / 10; border-radius: 92px 14px 14px; }
}
@media (max-width: 599px) {
  .gc-space { padding-block: 46px; }
  .gc-space__media { aspect-ratio: 4 / 3; border-radius: 64px 12px 12px; }
  .gc-space__media::after { inset: 10px; border-radius: 54px 7px 7px; }
}