.urban-home{
  --urban-ink:#151918;
  --urban-paper:#d6b7ab;
  --urban-white:#fffdf8;
  --urban-acid:#d9f24f;
  --urban-coral:#e95d43;
  --urban-green:#173c36;
  --urban-line:#b7b2a7;
  --urban-muted:#65655f;
  background:var(--urban-paper);
  color:var(--urban-ink);
  font-family:'Manrope',sans-serif;
}

.urban-home .um-ribbon{
  background:var(--urban-coral);
  color:#fff;
  border:0;
}

.urban-home .um-ribbon p{color:inherit}

.urban-home .um-header{
  background:rgba(243,240,232,.94);
  border-bottom:1px solid var(--urban-ink);
  backdrop-filter:blur(14px);
}

.urban-home .um-brand-text{
  color:var(--urban-ink);
  font-family:'Space Grotesk',sans-serif;
  font-weight:600;
  letter-spacing:-.04em;
}

.urban-home .um-nav a{color:var(--urban-ink);font-weight:600}
.urban-home .um-nav a.button{
  background:var(--urban-coral);
  color:#fff;
  border-radius:0;
}
.urban-home .um-menu-toggle span,
.urban-home .um-menu-close span{background:var(--urban-ink)}

.home h1,
.home h2,
.home h3{
  color:inherit;
  font-family:'Space Grotesk',sans-serif;
  letter-spacing:-.045em;
}

.home h1{font-size:clamp(56px,7vw,116px);line-height:.88}
.home h2{font-size:clamp(38px,5vw,76px);line-height:.96}
.home h3{font-size:clamp(24px,2.4vw,36px);line-height:1.02}
.home p{color:inherit}

.urban-container{
  width:min(100% - 80px,1380px);
  margin-inline:auto;
}

.urban-section{padding-block:clamp(88px,10vw,160px)}

.urban-label,
.urban-kicker{
  margin:0 0 24px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.16em;
  line-height:1.35;
  text-transform:uppercase;
}

.urban-link{
  display:inline-flex;
  gap:12px;
  align-items:center;
  width:max-content;
  color:inherit;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:5px;
}

.urban-link:hover,
.urban-link:focus-visible{text-decoration:none}
.urban-link span{transition:transform .2s ease}
.urban-link:hover span{transform:translate(3px,-2px)}
.urban-link--light{color:#fff}

.urban-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}

.urban-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 26px;
  border:1px solid currentColor;
  border-radius:0;
  font-weight:600;
  color:inherit;
  text-decoration:none;
}

.urban-button:hover,
.urban-button:focus-visible{text-decoration:none;transform:translate(-3px,-3px);box-shadow:3px 3px 0 currentColor}
.urban-button--dark{background:var(--urban-ink);color:#fff;border-color:var(--urban-ink)}
.urban-button--light{background:var(--urban-white);color:var(--urban-ink);border-color:var(--urban-white)}

.urban-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  min-height:calc(100vh - 110px);
  background:var(--urban-paper);
}

.urban-hero__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(56px,7vw,110px) clamp(40px,7vw,110px);
  min-width:0;
}

.urban-hero h1{max-width:880px;margin:0 0 40px}
.urban-hero h1 span{display:block;color:var(--urban-coral)}

.urban-hero__lead{
  max-width:650px;
  margin:0 0 36px;
  font-size:clamp(18px,1.5vw,24px);
  line-height:1.5;
}

.urban-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:clamp(48px,8vh,96px);
  padding-top:20px;
  border-top:1px solid var(--urban-line);
  color:var(--urban-muted);
  font-size:11px;
  line-height:1.5;
}

.urban-hero__facts strong{color:var(--urban-ink);font-size:12px;text-transform:uppercase}

.urban-hero__visual{
  position:relative;
  min-height:620px;
  margin:0;
  overflow:hidden;
  background:var(--urban-green);
}

.urban-hero__visual>img{width:100%;height:100%;object-fit:cover}

.urban-hero__visual figcaption{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:18px 24px;
  background:var(--urban-acid);
  color:var(--urban-ink);
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.urban-hero__stamp{
  position:absolute;
  top:28px;
  right:28px;
  display:grid;
  place-items:center;
  width:86px;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--urban-coral);
  color:#fff;
  font-family:'Space Grotesk',sans-serif;
  font-size:26px;
  font-weight:600;
  transform:rotate(8deg);
}

.urban-ticker{
  overflow:hidden;
  border-block:1px solid var(--urban-ink);
  background:var(--urban-white);
  padding:18px 0;
}

.urban-ticker p{
  width:max-content;
  margin:0;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(18px,2vw,28px);
  font-weight:600;
  white-space:nowrap;
  animation:urbanTicker 24s linear infinite;
}

.urban-ticker span{color:var(--urban-coral);padding-inline:22px}
@keyframes urbanTicker{to{transform:translateX(-35%)}}

.urban-manifesto{background:var(--urban-white)}
.urban-manifesto__grid{display:grid;grid-template-columns:1fr 3fr;gap:8vw}
.urban-manifesto h2{max-width:1050px;margin:0 0 38px}
.urban-manifesto__lead{max-width:880px;margin:0 0 30px;font-size:clamp(19px,2vw,28px);line-height:1.55}

.urban-heading{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);
  gap:8vw;
  align-items:end;
  margin-bottom:72px;
}

.urban-heading h2{max-width:900px;margin:0}
.urban-heading>p{margin:0;line-height:1.7}
.urban-heading--compact{grid-template-columns:1fr}

.urban-experiences{background:var(--urban-paper)}
.urban-experiences__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,5vw,72px);align-items:start}

.urban-experience{position:relative}
.urban-experience img{width:100%;aspect-ratio:4/3;object-fit:cover}
.urban-experience--salon{margin-top:140px}
.urban-experience--salon img{aspect-ratio:3/4}

.urban-experience__copy{
  position:relative;
  width:calc(100% - 44px);
  margin:-54px 0 0 auto;
  padding:32px;
  background:var(--urban-white);
  border:1px solid var(--urban-ink);
}

.urban-experience__copy h3{max-width:520px;margin:0 0 20px}
.urban-experience__copy>p:not(.urban-label){margin:0 0 24px;line-height:1.7}

.urban-experience__number{
  position:absolute;
  top:-32px;
  right:22px;
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  background:var(--urban-acid);
  border:1px solid var(--urban-ink);
  font-weight:600;
}

.urban-pulse{background:var(--urban-green);color:#fff}
.urban-pulse__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center}
.urban-pulse__intro h2{margin:0 0 28px}
.urban-pulse__intro>p:not(.urban-label){max-width:550px;line-height:1.75}

.urban-pulse__map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.urban-pulse__map article{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:360px;
  padding:28px;
  border:1px solid rgba(255,255,255,.55);
  border-right:0;
}
.urban-pulse__map article:last-child{border-right:1px solid rgba(255,255,255,.55)}
.urban-pulse__map article:nth-child(2){transform:translateY(34px);background:var(--urban-acid);color:var(--urban-ink)}
.urban-pulse__map span{margin-bottom:auto;font-size:13px;letter-spacing:.12em}
.urban-pulse__map h3{margin:0 0 14px}
.urban-pulse__map p{margin:0;font-size:14px}

.urban-occasions{background:var(--urban-coral);color:#fff}
.urban-occasions__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.65)}
.urban-occasions__grid article{min-height:330px;padding:30px;border-right:1px solid rgba(255,255,255,.65)}
.urban-occasions__grid article:last-child{border-right:0}
.urban-occasions__grid span{display:block;margin-bottom:100px;font-size:12px}
.urban-occasions__grid h3{margin:0 0 18px}
.urban-occasions__grid p{max-width:360px;margin:0;line-height:1.7}

.urban-space{background:var(--urban-white)}
.urban-space__heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:8vw;margin-bottom:70px}
.urban-space__heading h2{max-width:900px;margin:0}
.urban-space__mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,390px);gap:24px}
.urban-space__mosaic figure{position:relative;margin:0;overflow:hidden}
.urban-space__main{grid-row:1/3}
.urban-space__mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.urban-space__mosaic figure:hover img{transform:scale(1.025)}
.urban-space__mosaic figcaption{
  position:absolute;
  right:14px;
  bottom:14px;
  padding:9px 12px;
  background:var(--urban-paper);
  color:var(--urban-ink);
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
}

.urban-service{background:var(--urban-paper)}
.urban-service__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}
.urban-service__image{position:relative}
.urban-service__image img{width:100%;aspect-ratio:5/6;object-fit:cover}
.urban-service__image span{
  position:absolute;
  top:0;
  right:0;
  padding:14px 18px;
  background:var(--urban-acid);
  color:var(--urban-ink);
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
}
.urban-service__copy h2{margin:0 0 32px}
.urban-service__copy>p:not(.urban-label){max-width:640px;margin:0 0 40px;font-size:18px;line-height:1.75}
.urban-service__copy ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--urban-line)}
.urban-service__copy li{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--urban-line)}
.urban-service__copy li span{font-size:11px;color:var(--urban-muted)}

.urban-facts{background:var(--urban-acid);border-block:1px solid var(--urban-ink);padding-block:44px}
.urban-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.urban-facts__grid>div{display:flex;flex-direction:column;gap:6px;padding:0 28px;border-right:1px solid var(--urban-ink)}
.urban-facts__grid>div:first-child{padding-left:0}
.urban-facts__grid>div:last-child{border-right:0}
.urban-facts strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,4vw,64px);letter-spacing:-.05em;line-height:1}
.urban-facts span{font-size:12px;text-transform:uppercase}

.urban-voices{background:var(--urban-white)}
.urban-voices__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.urban-voices blockquote{display:flex;flex-direction:column;min-height:330px;margin:0;padding:32px;border:1px solid var(--urban-ink)}
.urban-voices blockquote:nth-child(2){background:var(--urban-green);color:#fff}
.urban-voices blockquote:nth-child(3){background:var(--urban-coral);color:#fff}
.urban-voices blockquote p{margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,2.1vw,32px);line-height:1.3;letter-spacing:-.03em}
.urban-voices blockquote footer{margin-top:auto;padding-top:32px;font-size:12px;text-transform:uppercase}

.urban-clarity{background:var(--urban-paper)}
.urban-clarity__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.urban-clarity h2{max-width:640px;margin:0}
.urban-clarity__items{border-top:1px solid var(--urban-ink)}
.urban-clarity__items article{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--urban-ink)}
.urban-clarity__items article>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--urban-ink);border-radius:50%}
.urban-clarity__items h3{margin:0 0 10px;font-size:24px}
.urban-clarity__items p{margin:0;line-height:1.7}

.urban-responsible{background:var(--urban-ink);color:#fff}
.urban-responsible__grid{display:grid;grid-template-columns:.4fr 1fr 1fr;gap:5vw;align-items:center}
.urban-responsible__mark{font-family:'Space Grotesk',sans-serif;font-size:clamp(70px,11vw,160px);font-weight:600;letter-spacing:-.08em;color:var(--urban-acid)}
.urban-responsible h2{margin:0}
.urban-responsible__grid>div:last-child p{margin:0 0 26px;line-height:1.75}

.urban-faq{background:var(--urban-white)}
.urban-faq__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}
.urban-faq__heading h2{margin:0 0 34px}
.urban-faq__list{border-top:1px solid var(--urban-ink)}
.urban-faq .faq-item{border-bottom:1px solid var(--urban-ink);padding:0}
.urban-faq .faq-question{
  position:relative;
  width:100%;
  padding:26px 50px 26px 0;
  color:var(--urban-ink);
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(18px,2vw,26px);
  font-weight:500;
  text-align:left;
}
.urban-faq .faq-question::after{
  content:'+';
  position:absolute;
  top:21px;
  right:0;
  font-size:32px;
  font-weight:400;
  transition:transform .2s ease;
}
.urban-faq .faq-item.active .faq-question::after{transform:rotate(45deg)}
.urban-faq .faq-answer{display:none;padding:0 54px 24px 0;color:var(--urban-muted)}
.urban-faq .faq-answer p{margin:0;line-height:1.7;color:inherit}
.urban-faq .faq-item.active .faq-answer{display:block}

.urban-closing{position:relative;min-height:760px;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.urban-closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.urban-closing__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,20,18,.9),rgba(11,20,18,.2))}
.urban-closing__copy{position:relative;padding-block:90px}
.urban-closing h2{max-width:900px;margin:0 0 28px}
.urban-closing__copy>p:not(.urban-label){max-width:560px;margin:0 0 34px;font-size:18px}

.urban-home .um-footer{
  background:var(--urban-green);
  color:#fff;
  border-top:0;
}
.urban-home .um-footer p,
.urban-home .um-footer small{color:rgba(255,255,255,.78)}
.urban-home .um-footer a{color:#fff}
.urban-home .um-footer-title{font-family:'Space Grotesk',sans-serif}

@media (prefers-reduced-motion:reduce){
  .urban-ticker p{animation:none}
  .urban-space__mosaic img,
  .urban-link span{transition:none}
}

@media(max-width:1100px){
  .urban-hero{grid-template-columns:1fr 42%}
  .urban-hero__copy{padding-inline:40px}
  .urban-hero__facts{grid-template-columns:1fr}
  .urban-hero__facts span br{display:none}
  .urban-pulse__grid,
  .urban-service__grid{grid-template-columns:1fr}
  .urban-pulse__intro{max-width:700px}
  .urban-service__image{max-width:760px}
  .urban-responsible__grid{grid-template-columns:.35fr 1fr}
  .urban-responsible__grid>div:last-child{grid-column:2}
}

@media(max-width:900px){
  .urban-container{width:min(100% - 48px,1380px)}
  .urban-home .um-nav{background:var(--urban-paper)}
  .urban-hero{grid-template-columns:1fr;min-height:auto}
  .urban-hero__visual{min-height:70vh;order:-1}
  .urban-hero__copy{padding:70px 24px}
  .urban-hero__facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px}
  .urban-manifesto__grid,
  .urban-heading,
  .urban-space__heading,
  .urban-clarity__grid,
  .urban-faq__grid{grid-template-columns:1fr;gap:44px}
  .urban-experiences__grid{grid-template-columns:1fr}
  .urban-experience--salon{margin-top:40px}
  .urban-experience--salon img{aspect-ratio:4/3}
  .urban-pulse__map article{min-height:300px;padding:20px}
  .urban-occasions__grid{grid-template-columns:1fr}
  .urban-occasions__grid article{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.65)}
  .urban-occasions__grid article:last-child{border-bottom:0}
  .urban-occasions__grid span{margin-bottom:50px}
  .urban-space__mosaic{grid-template-columns:1fr 1fr;grid-template-rows:560px 300px}
  .urban-space__main{grid-column:1/3;grid-row:auto}
  .urban-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0}
  .urban-facts__grid>div:nth-child(2){border-right:0}
  .urban-facts__grid>div:nth-child(3){padding-left:0}
  .urban-voices__grid{grid-template-columns:1fr}
  .urban-voices blockquote{min-height:260px}
}

@media(max-width:600px){
  .urban-container{width:calc(100% - 32px)}
  .urban-section{padding-block:76px}
  .home h1{font-size:clamp(48px,15vw,70px)}
  .home h2{font-size:clamp(36px,11vw,52px)}
  .urban-hero__visual{min-height:520px}
  .urban-hero__visual figcaption{font-size:9px}
  .urban-hero__stamp{top:18px;right:18px;width:70px;font-size:21px}
  .urban-hero__copy{padding-inline:16px}
  .urban-hero__facts{grid-template-columns:1fr;gap:14px}
  .urban-hero__facts span{display:flex;gap:12px}
  .urban-actions{align-items:stretch;gap:18px;flex-direction:column}
  .urban-button,
  .urban-link{width:100%;justify-content:center}
  .urban-heading{margin-bottom:50px}
  .urban-experience__copy{width:calc(100% - 16px);padding:24px}
  .urban-pulse__map{grid-template-columns:1fr}
  .urban-pulse__map article{min-height:220px;border-right:1px solid rgba(255,255,255,.55);border-bottom:0}
  .urban-pulse__map article:last-child{border-bottom:1px solid rgba(255,255,255,.55)}
  .urban-pulse__map article:nth-child(2){transform:none}
  .urban-space__mosaic{display:flex;flex-direction:column}
  .urban-space__mosaic figure{height:360px}
  .urban-service__copy>p:not(.urban-label){font-size:16px}
  .urban-facts__grid{grid-template-columns:1fr}
  .urban-facts__grid>div{padding:18px 0;border-right:0;border-bottom:1px solid var(--urban-ink)}
  .urban-facts__grid>div:last-child{border-bottom:0}
  .urban-clarity__items article{grid-template-columns:52px 1fr;gap:14px}
  .urban-responsible__grid{grid-template-columns:1fr;gap:34px}
  .urban-responsible__grid>div:last-child{grid-column:auto}
  .urban-responsible__mark{font-size:110px}
  .urban-closing{min-height:680px}
}