/* STOK visual hierarchy and conversion foundation — 14 Oct 2026 */
/* Keep the authentic wordmark consistently legible across templates. */
header.nav a.logo,header.nav .logo{width:150px!important;min-width:150px;flex-shrink:0}
header.nav a.logo img,header.nav .logo img{width:150px!important;height:auto!important;max-width:none!important}
header.site-nav .brand img,header .brand img{width:148px!important;height:auto!important;max-width:none!important}
header.nav,header.site-nav{min-height:111px!important;height:auto!important}
header.site-nav{padding-top:15px!important;padding-bottom:15px!important}
header.nav{padding-top:12px!important;padding-bottom:12px!important}
/* Commercial signposts have a different typographic vocabulary from Portfolio projects. */
.stok-commercial-band{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:33px 5.5%;background:#f2f2f4;border-top:1px solid #dfdcdf;border-bottom:1px solid #dfdcdf;color:#40363e}
.stok-commercial-band .stok-value{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.stok-commercial-band .stok-value+.stok-value{border-left:1px solid #d4d0d4;padding-left:28px}
.stok-label{font-family:Poppins,Arial,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.stok-big{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(38px,4vw,60px);font-weight:400;line-height:1.05;letter-spacing:-.025em}
.stok-detail{font-family:Poppins,Arial,sans-serif;font-size:11px;line-height:1.65;color:#554d55}
.stok-price-ribbon{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:28px 0 10px;padding:23px 30px;border-top:1px solid #40363e;border-bottom:1px solid #40363e;background:#f2f2f4}
.stok-price-ribbon .stok-big{font-size:clamp(35px,3.6vw,54px)}
.stok-price-ribbon a,.stok-commerce-link{color:#40363e;text-underline-offset:5px;text-decoration:underline;font-family:Poppins,Arial,sans-serif;font-size:11px;white-space:nowrap}
.stok-price-disclaimer{font-family:Poppins,Arial,sans-serif;font-size:10px;line-height:1.6;color:#6c656d}
.stok-support-cta{margin-top:16px;font-family:Poppins,Arial,sans-serif;font-size:12px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:850px){header.nav a.logo,header.nav .logo{width:122px!important;min-width:122px}header.nav a.logo img,header.site-nav .brand img,header .brand img,header.nav .logo img{width:122px!important;height:auto!important}header.nav,header.site-nav{min-height:91px!important}.stok-commercial-band{gap:18px}}
@media(max-width:640px){header.nav a.logo,header.nav .logo{width:113px!important;min-width:113px}header.nav a.logo img,header.site-nav .brand img,header .brand img,header.nav .logo img{width:113px!important;height:auto!important}header.nav,header.site-nav{min-height:88px!important}.stok-commercial-band{padding:25px 6%;display:grid;grid-template-columns:1fr 1fr;gap:22px}.stok-commercial-band .stok-value+.stok-value{border:0;padding:0}.stok-big{font-size:39px}.stok-price-ribbon{padding:20px 18px;flex-direction:column;align-items:flex-start}.stok-price-ribbon a{white-space:normal}}

/* What We Do has a nav without a header wrapper. */
nav a.brand img{width:148px!important;height:auto!important;max-width:none!important}
@media(max-width:850px){nav a.brand img{width:122px!important}}
@media(max-width:640px){nav a.brand img{width:113px!important}}