/* Front-page tile for /room-to-drill/ (loaded by /index.html) */
.room-feature { background: #fff; border-bottom: 1px solid var(--line); padding-block: clamp(46px, 6vw, 88px); }
.room-feature-inner { display: grid; align-items: center; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: clamp(32px, 7vw, 104px); }
.room-feature .eyebrow { color: var(--blue-dark); }
.room-feature h2 { color: var(--ink-deep); font-size: clamp(2.4rem, 4.5vw, 4.3rem); margin: .65rem 0 1rem; }
.room-feature p:not(.eyebrow) { max-width: 35rem; color: var(--ink); }
.room-feature .text-link { margin-top: 1.15rem; }
.room-feature figure { margin: 0; }
.room-feature figure a { display: block; border: 1px solid var(--line); background: #fff; }
.room-feature figure img { display: block; width: 100%; height: auto; }
.room-feature figcaption { font-size: .8rem; color: var(--muted); line-height: 1.55; margin-top: .6rem; }
.room-figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem 1.4rem; margin: 1.4rem 0 .4rem; }
.room-figures div { border-top: 2px solid var(--blue); padding-top: .5rem; }
.room-figures strong { display: block; font-size: 1.6rem; font-weight: 650; letter-spacing: -.03em; color: var(--ink-deep); line-height: 1.1; }
.room-figures span { font-size: .78rem; color: var(--muted); line-height: 1.4; }
@media (max-width: 800px) { .room-feature-inner { grid-template-columns: minmax(0, 1fr); } .room-figures { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); } }