html,
body,
main,
main > section { width: 100%; max-width: 100%; min-width: 0; }

.seo-services,
.featured-projects { width: 100%; max-width: 100%; min-width: 0; overflow: clip; }
.seo-services { padding: clamp(6rem, 11vw, 10rem) var(--pad); background: #e9e7e1; }
.seo-services__heading { display: grid; grid-template-columns: 1fr 3fr; gap: 2rem; margin-bottom: clamp(3rem, 6vw, 5.5rem); }
.seo-services__heading h2 { margin: 0; font-size: clamp(3rem, 7vw, 7rem); font-weight: 300; line-height: .9; letter-spacing: -.065em; }
.seo-services__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.seo-services__heading,
.seo-services__grid,
.seo-services__grid > a,
.featured-projects__heading,
.featured-projects__grid,
.featured-projects__grid > a { width: 100%; min-width: 0; }
.seo-services__grid > a { min-height: 13rem; padding: 2rem 2rem 2rem 0; border-bottom: 1px solid var(--line); }
.seo-services__grid > a:nth-child(even) { padding-left: 2rem; border-left: 1px solid var(--line); }
.seo-services__grid span { display: block; color: var(--muted); font-size: .72rem; letter-spacing: .12em; }
.seo-services__grid strong { display: block; margin: .8rem 0; font-size: clamp(1.45rem, 2.5vw, 2.35rem); font-weight: 300; letter-spacing: -.035em; }
.seo-services__grid p { max-width: 32rem; margin: 0; color: #5f5c56; line-height: 1.55; }
.seo-services__cities { display: flex; flex-wrap: wrap; gap: .8rem 1.4rem; margin-top: 2.4rem; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.seo-services__cities span { color: var(--muted); }
.seo-services__cities a { border-bottom: 1px solid var(--line); }
@media (max-width: 820px) {
  .seo-services__heading { grid-template-columns: 1fr; }
  .seo-services__grid { grid-template-columns: 1fr; }
  .seo-services__grid > a:nth-child(even) { padding-left: 0; border-left: 0; }
}
@media (max-width: 520px) { .seo-services__grid > a { min-height: auto; padding-block: 1.6rem; } }

.featured-projects { padding: clamp(6rem, 11vw, 10rem) var(--pad); background: #151411; color: #f4f2ed; }
.featured-projects__heading { display: grid; grid-template-columns: 1fr 3fr; gap: 2rem; margin-bottom: clamp(3rem, 6vw, 5.5rem); }
.featured-projects__heading h2 { margin: 0; font-size: clamp(3rem, 7vw, 7rem); font-weight: 300; line-height: .9; letter-spacing: -.065em; }
.featured-projects__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); }
.featured-projects__grid a { color: inherit; text-decoration: none; }
.featured-projects__grid img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; margin-bottom: 1.25rem; }
.featured-projects__grid span { display: block; color: #aaa59c; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.featured-projects__grid strong { display: block; margin-top: .55rem; font-size: clamp(1.15rem, 2vw, 1.75rem); font-weight: 300; line-height: 1.2; }
.featured-projects__grid a:hover img { opacity: .86; }
.featured-projects__intro { max-width: 42rem; margin: calc(clamp(3rem, 6vw, 5.5rem) * -.55) 0 clamp(2.5rem, 5vw, 4rem) 25%; color: #aaa59c; font-size: clamp(.95rem, 1.4vw, 1.1rem); line-height: 1.65; }
.featured-projects__service-link { color: #f4f2ed; text-decoration: underline; text-underline-offset: .2em; }
.featured-projects__service-link:hover, .featured-projects__service-link:focus-visible { color: #fff; }
.featured-projects__videos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); margin-bottom: clamp(4rem, 8vw, 7rem); }
.reel-card { width: 100%; min-width: 0; }
.reel-card__media { position: relative; width: 100%; margin: 0 0 1.25rem; background: #050505; overflow: hidden; }
.reel-card video { display: block; width: 100%; max-width: 100%; aspect-ratio: 9 / 16; background: #050505; object-fit: cover; }
.reel-card__play { position: absolute; inset: 0; display: grid; align-content: center; justify-items: center; gap: .6rem; width: 100%; border: 0; color: #fff; background: linear-gradient(180deg, transparent 52%, rgba(0,0,0,.55)); font: inherit; font-size: .76rem; letter-spacing: .16em; text-transform: uppercase; cursor: pointer; }
.reel-card .reel-card__play span { display: grid; width: 3.5rem; height: 3.5rem; place-items: center; padding-left: .2rem; border: 1px solid rgba(255,255,255,.85); border-radius: 50%; color: #fff; background: rgba(0,0,0,.32); font-size: 1rem; letter-spacing: 0; backdrop-filter: blur(5px); }
.reel-card .reel-card__play:hover span, .reel-card .reel-card__play:focus-visible span { color: #111; background: #fff; }
.reel-card__play[hidden] { display: none; }
.reel-card span { display: block; color: #aaa59c; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.reel-card strong { display: block; margin-top: .55rem; font-size: clamp(1.15rem, 2vw, 1.75rem); font-weight: 300; line-height: 1.2; }
.featured-projects__cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: clamp(2.5rem, 5vw, 4.5rem); padding: 1rem 0; border-bottom: 1px solid rgba(244,242,237,.55); color: inherit; font-size: .76rem; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.featured-projects__cta:hover, .featured-projects__cta:focus-visible { border-color: #fff; }
.about-signature a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .25em; }
@media (max-width: 820px) {
  .seo-services__heading,
  .featured-projects__heading { display: block; }
  .seo-services__heading .section-label,
  .featured-projects__heading .section-label { margin-bottom: 1.2rem; }
  .featured-projects__intro { margin: -1rem 0 2.5rem; }
  .featured-projects__videos { grid-template-columns: minmax(0, 1fr); }
  .reel-card { max-width: 32rem; }
  .featured-projects__grid { grid-template-columns: minmax(0, 1fr); }
  .featured-projects__grid img { aspect-ratio: 4 / 3; }
}

/* Plain vector play controls, with no emoji or visible label. */
.reel-card__play{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:3.5rem;height:3.5rem;padding:0;background:transparent;letter-spacing:0}
.reel-card .reel-card__play span{padding:0;width:100%;height:100%;color:#fff}
.reel-card .reel-card__play:hover span,.reel-card .reel-card__play:focus-visible span{color:#fff;background:rgba(0,0,0,.55)}
.reel-card__play:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:50%}