/* Timberpoint Digital: selected Split Summit identity. */
.wordmark{align-items:center;gap:11px;letter-spacing:0}
.wordmark>svg{width:30px;height:30px;flex-shrink:0;color:#9be8d4}
.wordmark .timberpoint-lockup{display:grid;gap:6px;letter-spacing:0;line-height:1}
.wordmark .timberpoint-lockup strong{font-size:15px;font-weight:650;letter-spacing:.24em}
.wordmark .timberpoint-lockup small{font-size:9px;font-weight:600;letter-spacing:.42em}
.dark-ink .wordmark>svg{color:#176759}
.panorama h1{font-size:clamp(62px,7vw,98px);letter-spacing:-.055em}
.panorama .hero-descriptor{font-size:14px}
.panorama .overline{color:#bce8dc}
.product-footer>.wordmark{margin-bottom:30px}
.product-header{gap:22px}
@media(max-width:1000px){.primary-nav,.studio-page .primary-nav{display:none}.wordmark .timberpoint-lockup strong{font-size:13px}.wordmark .timberpoint-lockup small{font-size:8px}}
@media(max-width:700px){.product-header{padding:17px 5%}.wordmark{gap:8px}.wordmark>svg{width:25px;height:27px}.wordmark .timberpoint-lockup{gap:5px}.wordmark .timberpoint-lockup strong{font-size:11px;letter-spacing:.2em}.wordmark .timberpoint-lockup small{font-size:7px;letter-spacing:.35em}.panorama h1{font-size:clamp(42px,11.2vw,64px)}.panorama .hero-descriptor{font-size:12px}.product-footer .wordmark .timberpoint-lockup strong{font-size:13px}}

/* Selected A / Split Summit. DIGITAL is a readable part of the name. */
.wordmark>svg{width:42px;height:44px}
.wordmark .timberpoint-lockup{gap:7px}
.wordmark .timberpoint-lockup small{font-size:11.5px;font-weight:650;letter-spacing:.32em}
@media(max-width:1000px){.wordmark .timberpoint-lockup small{font-size:10.5px}}
@media(max-width:700px){.wordmark>svg{width:32px;height:36px}.wordmark .timberpoint-lockup{gap:6px}.wordmark .timberpoint-lockup small{font-size:9px;letter-spacing:.3em}}

/* Keep navigation reachable on short screens and at large text sizes. */
.product-menu{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.product-menu .back-to-site{min-height:44px;display:flex;align-items:center}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){
  .header-actions button{min-width:48px;min-height:44px}
  .product-menu{top:86px;max-height:calc(100dvh - 102px)}
  .panorama .panel-photo{object-position:83% center;transform-origin:83% 55%}
  .panorama-shade{background:linear-gradient(0deg,#04131de8,transparent 70%),linear-gradient(180deg,#04131d99,#04131d80 38%,transparent 66%)}
  .panorama .hero-descriptor{color:#fff;font-size:13px}
}

/* Clear offer, with heading and actions in normal flow at every width. */
.panorama.timberpoint-hero{display:flex;flex-direction:column;height:auto;min-height:max(760px,100svh);padding:140px 5% 42px}
.timberpoint-hero .panel-heading{position:relative;inset:auto}
.timberpoint-hero h1{max-width:1000px;margin-inline:auto;font-size:clamp(62px,7vw,98px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:break-word}
.timberpoint-hero .panel-heading>p{max-width:680px;margin:22px auto 0;font-size:clamp(17px,1.5vw,21px);line-height:1.5}
.timberpoint-hero .hero-descriptor{max-width:560px;margin:15px auto 0;line-height:1.5}
.timberpoint-hero .panel-bottom{position:relative;inset:auto;margin-top:auto;padding-top:100px}
@media(max-width:700px){.panorama.timberpoint-hero{padding:120px 5% 32px}.timberpoint-hero h1{font-size:clamp(42px,11.2vw,64px)}.timberpoint-hero .panel-heading>p{font-size:17px}.timberpoint-hero .panel-bottom{padding-top:70px}}

/* Service details follow the concise brand/tagline hero in normal flow. */
.services-overview{background:#f7f7f3;color:#172126;padding:64px 6%;scroll-margin-top:100px}
.services-overview-inner{max-width:1100px;margin-inline:auto;text-align:center}
.services-overview h2{font-size:clamp(28px,3vw,42px);line-height:1.15;scroll-margin-top:110px}
.services-overview p{max-width:680px;margin:18px auto 0;font-size:17px;line-height:1.6;color:#526166}
.services-overview nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 36px;margin-top:26px}
.services-overview nav a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 4px;font-size:17px;font-weight:600;text-decoration:none;border-bottom:1px solid #8aa69e}
.services-overview nav a:hover{text-decoration:underline}
@media(max-width:700px){.services-overview{padding:48px 6%}.services-overview nav{display:grid;justify-content:stretch;gap:8px}.services-overview nav a{justify-content:space-between;text-align:left}}

/* Swap the existing hero values and service links; preserve their wording. */
.hero-values>span{font-size:13px;font-weight:600;padding:8px 12px;white-space:nowrap}
.hero-services a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:inherit;text-decoration:none}
.hero-services a:hover{text-decoration:underline;text-underline-offset:5px}
.hero-services a+a:before{content:'';position:absolute;left:-30px;top:calc(50% - 7px);width:1px;height:14px;background:#ffffff50}
@media(max-width:1000px){.hero-services a+a:before{left:-18px}}
@media(max-width:700px){.hero-services{gap:19px;font-size:10px}.hero-services a+a:before{left:-10px;top:calc(50% - 5px);height:10px}}