/*
Theme Name: SOHT — Scarborough strong
Template: soht-hub
Description: Demo 02. Committed: photography and the plum ribbon carry the home page; plum band header; sunrise doctor strip. Bricolage Grotesque for the home display type. Inner pages restrained.
Version: 0.1.0
Author: Wabala Studio + Datacleave
Text Domain: soht-hub
*/
:root { --font-display: "Bricolage Grotesque", var(--font-latin); --wt-display: 700; }
:lang(ta) :root, :lang(ur) :root { --font-display: var(--font-body); }
.site-header { background: var(--plum); border-bottom: 0; }
.site-header .utility-link, .site-header .nav-open, .site-header .brand { color: #fff; }
.site-header .utility-link:hover, .site-header .lang__toggle[aria-expanded="true"] { background: rgb(255 255 255 / 0.14); color: #fff; }
.site-header .nav-open { border-color: rgb(255 255 255 / 0.5); }
.site-header .brand__img { background: #fff; padding: 0.35rem 0.6rem; border-radius: var(--radius); }
.site-header .search__input { border-color: #fff; }
.site-header .search__btn { background: var(--ink); border-color: var(--ink); }
.site-header :focus-visible { outline-color: #fff; }
.site-nav { background: var(--plum-dk); border-top: 1px solid rgb(255 255 255 / 0.15); }
.nav__link, .nav__toggle { color: #fff; }
.nav__link:hover, .nav__toggle:hover, .nav__toggle[aria-expanded="true"] { color: #fff; border-bottom-color: var(--sunrise); }
.nav__item--current > .nav__link, .nav__item--current > .nav__toggle { border-bottom-color: #fff; }
.site-nav :focus-visible { outline-color: #fff; }
.doctor-bar { background: var(--sunrise); border-bottom: 0; }
.doctor-bar__link { color: var(--ink); }
.doctor-bar .icon { color: var(--ink); }
@media (max-width: 59.99em) { .nav-is-open .site-nav { border-top-color: rgb(255 255 255 / 0.2); } .nav__link, .nav__toggle { border-bottom-color: rgb(255 255 255 / 0.15); } .nav__panel { border-inline-start-color: var(--sunrise); } .mobile-contact, .mobile-contact a { color: #fff; } }
.nav__panel { background: #fff; border-top-color: var(--sunrise); }
.nav__panel .nav__sub a { color: var(--ink); }
.hero--strong { position: relative; color: #fff; background: var(--ink); isolation: isolate; }
.hero__media { position: absolute; inset: 0; z-index: -1; }
.hero__media img { width: 100%; height: 100%; object-fit: cover; opacity: 0; animation: hero-in 300ms var(--ease) forwards; }
@keyframes hero-in { to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .hero__media img { animation: none; opacity: 1; } }
html[data-pref-motion] .hero__media img { animation: none; opacity: 1; }
.hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(43 58 72 / 0.92) 0%, rgb(43 58 72 / 0.85) 45%, rgb(43 58 72 / 0.45) 100%); }
.hero--strong .container { padding: var(--s-8) 0 var(--s-7); max-width: min(100% - 2 * var(--gutter), var(--container)); }
.hero--strong .hero__kicker { margin: 0 0 var(--s-3); font-weight: 700; color: var(--sunrise); font-size: var(--fs-0); }
.hero--strong .hero__title { font-size: clamp(2.25rem, 5.5vw, 4rem); line-height: 1.05; max-width: 18ch; margin-bottom: var(--s-4); letter-spacing: -0.02em; text-wrap: balance; }
.hero--strong .hero__lede { font-size: var(--fs-1); max-width: 52ch; margin-bottom: var(--s-5); color: rgb(255 255 255 / 0.92); text-wrap: pretty; }
.hero--strong .search { max-width: 36rem; }
.hero--strong .search__label { position: static; width: auto; height: auto; clip: auto; color: #fff; }
.hero--strong .search__input { border-color: #fff; padding: 0.9rem 1rem; font-size: var(--fs-1); }
.hero--strong .search__btn { background: var(--sunrise); color: var(--ink); border-color: var(--sunrise); }
.hero--strong .search__btn:hover { background: #fff; border-color: #fff; }
.hero--strong :focus-visible { outline-color: #fff; }
.hero__credit { position: absolute; inset-inline-end: var(--gutter); bottom: var(--s-2); font-size: 0.75rem; color: rgb(255 255 255 / 0.8); margin: 0; }
.doors { background: var(--surface); padding: var(--s-7) 0; }
.door { background: #fff; border-color: var(--line); }
.door--community { border-top: 6px solid var(--sky); } .door--providers { border-top: 6px solid var(--leaf); } .door--partners { border-top: 6px solid var(--plum); }
.featured { border-top: 0; }
.home-story { padding: var(--s-6) 0; border-top: 1px solid var(--line); }
.home-story__inner { display: grid; gap: var(--s-5); align-items: center; }
@media (min-width: 48em) { .home-story__inner { grid-template-columns: 1fr 1fr; } }
.home-story__img img { border-radius: var(--radius-lg); aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
.home-story blockquote { margin: 0; font-family: var(--font-display); font-size: var(--fs-3); line-height: 1.25; letter-spacing: -0.01em; }
.home-story cite { display: block; font-family: var(--font-body); font-style: normal; color: var(--ink-2); font-size: var(--fs-0); margin-top: var(--s-3); }
.site-footer { background: var(--plum-dk); }
.site-footer a:hover { color: var(--sunrise); }