.coworking-page { background: var(--paper); }
.coworking-header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: clamp(1rem, 3vw, 3rem); min-height: 86px; padding: 0.75rem clamp(1.25rem, 5vw, 5rem); background: var(--ink-deep); }
.coworking-header__brand { display: block; width: 146px; }
.coworking-header__brand img { width: 100%; height: auto; }
.coworking-header__nav { display: flex; justify-content: center; gap: clamp(1rem, 2.5vw, 2.5rem); }
.coworking-header__nav a { color: var(--cream); font: 800 0.85rem/1 var(--sans); text-decoration: none; text-transform: uppercase; }
.coworking-header__nav a:hover { color: var(--cream); }
.coworking-header__booking { white-space: nowrap; }
.coworking-hero { min-height: min(580px, calc(100svh - 86px)); background: var(--ink); color: var(--tan-light); }
.coworking-hero__copy { display: grid; max-width: 68rem; min-height: inherit; align-content: center; justify-items: start; padding: clamp(4rem, 8vw, 8rem); }
.coworking-hero h1, .coworking-detail h2 { margin: 0; font: 900 clamp(3rem, 4.6vw, 5.1rem)/0.92 var(--sans); letter-spacing: -0.035em; text-transform: uppercase; }
.coworking-hero h1 { max-width: 100%; font-size: clamp(3.5rem, 8vw, 7rem); overflow-wrap: normal; }
.coworking-hero__copy > p { max-width: 34rem; margin: 1.5rem 0 0; font: 700 clamp(1rem, 1.5vw, 1.2rem)/1.5 var(--sans); }
.coworking-hero__copy .hero-btn { margin-top: 2rem; }
.coworking-detail { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(290px, 0.9fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 8vw, 8rem); background: var(--paper-soft); }
.coworking-gallery .room-slider__stage { aspect-ratio: 4 / 3; }
.coworking-gallery .room-slider__slide img { object-fit: cover; }
.coworking-detail__copy h2 { color: var(--rust); font-size: clamp(2.5rem, 4.5vw, 4.75rem); }
.coworking-detail__copy > p { max-width: 35rem; font-weight: 800; line-height: 1.55; }
.coworking-story { display: grid; grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.2fr); gap: clamp(2rem, 8vw, 9rem); padding: clamp(4rem, 7vw, 7rem) clamp(1.25rem, 8vw, 8rem); background: var(--paper); color: var(--ink); }
.coworking-story h2 { margin: 0; color: var(--rust); font: 900 clamp(2.4rem, 4.5vw, 4.5rem)/0.95 var(--sans); letter-spacing: -0.035em; text-transform: uppercase; }
.coworking-story__copy { max-width: 48rem; }
.coworking-story__copy p { margin: 0; font: 700 clamp(1rem, 1.35vw, 1.15rem)/1.6 var(--sans); }
.coworking-story__copy p + p { margin-top: 1.25rem; }
.coworking-note { padding: clamp(2.5rem, 5vw, 4rem) clamp(1.25rem, 8vw, 8rem); background: #35271f; color: var(--tan-light); }
.coworking-note p { max-width: 68ch; margin: 0; font: 800 clamp(1.1rem, 2vw, 1.45rem)/1.45 var(--sans); }
@media (max-width: 820px) { .coworking-header { grid-template-columns: 1fr auto; } .coworking-header__nav { display: none; } .coworking-detail, .coworking-story { grid-template-columns: 1fr; } .coworking-hero { min-height: auto; } .coworking-hero__copy { min-height: 0; padding: 4.5rem 1.5rem 3rem; } .coworking-detail, .coworking-story { padding: 3.5rem 1.25rem; } }
@media (max-width: 480px) { .coworking-header { min-height: 72px; padding: 0.65rem 1rem; } .coworking-header__brand { width: 116px; } .coworking-header__booking { min-height: 2.75rem; padding-inline: 0.9rem; font-size: 0.8rem; } .coworking-hero h1 { font-size: clamp(2.1rem, 16vw, 3.5rem); } .room-slider__arrow { width: 42px; height: 42px; } .room-slider__arrow--prev { left: 10px; } .room-slider__arrow--next { right: 10px; } }