
.urban{margin-top:48px;padding:clamp(26px,4vw,56px);border-radius:var(--radius);scroll-margin-top:96px;background:linear-gradient(135deg,#171717,#0a0a0a 62%);color:#fff}
.urban__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,76px)}
.urban .eyebrow{color:#b8b8b5;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:.12em}
.urban__dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#dededb}
.urban h3{font-size:clamp(32px,4.4vw,60px);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin:24px 0 18px;max-width:12ch}
.urban__subtitle{font-size:clamp(20px,2vw,25px);line-height:1.35;max-width:28ch;color:#e5e4e0}
.urban__description{font-size:17px;line-height:1.65;color:#babbb9;margin-top:24px;max-width:42ch}
.urban__review{display:inline-block;margin-top:20px;padding-bottom:7px;border-bottom:1px solid #71716e;font-size:17px;line-height:1.5;color:#fff}
.urban__work h4{margin:0 0 12px}
.urban__list{list-style:none;margin:0;padding:0;counter-reset:urban-item}
.urban__list li{position:relative;counter-increment:urban-item;border-top:1px solid #3e3e3c;padding:17px 0 17px 34px;font-size:16px;line-height:1.5;color:#dededb}
.urban__list li::before{content:counter(urban-item,decimal-leading-zero);position:absolute;left:0;top:20px;color:#a4a4a1;font:11px/1.5 var(--mono)}
.urban__details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,5vw,76px);border-top:1px solid #3e3e3c;margin-top:30px;padding-top:24px}
.urban__details p{font-size:15px;line-height:1.6;color:#babbb9;max-width:52ch}
.urban__details .eyebrow{display:block;margin-bottom:8px;color:#ddd}
.urban__contact{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-top:30px}
.urban__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 24px;border:1px solid #efeeeb;border-radius:36px;background:#efeeeb;color:#111;font-size:16px;font-weight:500;line-height:1.4;transition:background .3s,color .3s;min-height:56px}
.urban__cta>span:last-child{font-size:23px;line-height:1;flex-shrink:0;transition:transform .3s}
.urban__links{display:flex;flex-wrap:wrap;gap:8px 22px}
.urban__links a{display:inline-block;padding:10px 0;color:#d0d0cd;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.urban a:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(hover:hover){.urban__cta:hover{background:#d5d4d0}.urban__cta:hover>span:last-child{transform:translate(2px,-2px)}.urban__links a:hover{color:#fff}}
@media(max-width:800px){.urban__grid,.urban__details{grid-template-columns:minmax(0,1fr)}.urban__grid{gap:32px}.urban__details{gap:20px}.urban h3{font-size:clamp(34px,8vw,52px)}.urban__contact{align-items:stretch;gap:14px}.urban__cta{width:100%;padding:16px 20px}.urban__links{justify-content:space-between;width:100%;gap:6px 18px}.urban__description{max-width:none}.urban__list li{font-size:17px}}
@media(prefers-reduced-motion:reduce){.urban a,.urban__cta>span:last-child{transition:none}}
