/* Shak Web Group - Signature inner pages (W6 PREVIEW part 2, Monday 13523189452).
   Loaded after core.css + theme.css + sig.css. Only page patterns the inner pages add; tokens come from theme.css. */

/* header sits on the page head (no video hero on inner pages): solid ground from the first paint */
.page-inner .site-header { background: var(--brand); }
.nav__list > li > a[aria-current="page"] { color: #fff; box-shadow: inset 0 -2px 0 var(--highlight); }

/* page heads */
.pagehead { background: linear-gradient(135deg, var(--brand-grad-start) 0%, var(--brand-grad-end) 100%); text-align: center; }
.pagehead .wrap { display: flex; flex-direction: column; align-items: center; }
.pagehead h1 { font-family: var(--f-head); font-weight: 400; margin-inline: auto; }
.pagehead p { margin-inline: auto; color: var(--on-dark-2); }
.pagehead .eyebrow { justify-content: center; }
.pagehead__actions { justify-content: center; }
.pagehead--photo { min-height: clamp(360px, 48vh, 520px); align-items: center; }
.pagehead--photo .pagehead__bg img { filter: blur(10px) saturate(1.05) brightness(.62); transform: scale(1.08); object-position: 50% 0; }
.pagehead--photo .pagehead__bg::after { background: linear-gradient(180deg, rgba(var(--brand-deep-rgb), .62) 0%, rgba(var(--brand-deep-rgb), .9) 100%); }
.pagehead--post { text-align: left; }
.pagehead--post .wrap { display: grid; align-items: center; }
.pagehead--post h1, .pagehead--post p { margin-inline: 0; }
.pagehead--post .pagehead__actions { justify-content: flex-start; }
.pagehead--post .wrap > img { box-shadow: 0 24px 60px rgba(0, 0, 0, .35); }
@media (max-width: 980px) {
  .pagehead--post { text-align: center; }
  .pagehead--post .wrap { grid-template-columns: minmax(0, 1fr); }
  .pagehead--post .wrap > img { grid-column: 1; grid-row: auto; max-width: 420px !important; margin-inline: auto; }
  .pagehead--post h1, .pagehead--post p { margin-inline: auto; }
  .pagehead--post .pagehead__actions { justify-content: center; }
}

/* service image cards (the three live service slides) */
.section-head { margin-inline: auto; text-align: center; margin-bottom: clamp(1.8rem, 3vw, 2.6rem); }
.svc-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.4rem; }
.svc-card { flex: 1 1 300px; max-width: 380px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: 0 14px 40px rgba(var(--brand-rgb), .07); transition: transform .24s, box-shadow .24s; }
.svc-card:hover { transform: translateY(-5px); box-shadow: 0 22px 54px rgba(var(--brand-rgb), .12); }
.svc-card__media { aspect-ratio: 4 / 3; overflow: hidden; background: var(--cloud-2); }
.svc-card__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; transition: transform .6s; }
.svc-card:hover .svc-card__media img { transform: scale(1.04); }
.svc-card__body { padding: 1.4rem 1.5rem 1.6rem; text-align: center; flex: 1; }
.svc-card__body h2 { font-size: clamp(1.4rem, 2vw, 1.7rem); margin: 0 0 .8rem; }
.tick-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.tick-list li { position: relative; padding-left: 1.6rem; text-align: left; color: var(--muted); font-size: .98rem; line-height: 1.5; }
.tick-list li::before { content: ''; position: absolute; left: .2rem; top: .42em; width: 10px; height: 6px; border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg); }

/* portfolio screenshots */
.shot-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.2rem; margin-bottom: 2rem; }
.shot { flex: 1 1 300px; max-width: 360px; margin: 0; aspect-ratio: 4 / 5; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); box-shadow: 0 14px 40px rgba(var(--brand-rgb), .08); background: var(--cloud-2); }
.shot img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; transition: transform .6s; }
.shot:hover img { transform: scale(1.03); }

/* newsletter sign-up */
.signup { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.signup__copy h2 { margin-top: .4rem; }
.signup__copy p { color: var(--muted); }
@media (max-width: 900px) { .signup { grid-template-columns: minmax(0, 1fr); text-align: center; } .signup .eyebrow { justify-content: center; } }

/* contact page */
.swg-contact__copy h2 { margin-top: .4rem; }
.sms-consent { background: var(--cloud); border-radius: var(--radius-sm); padding: 1rem 1.2rem; font-size: .86rem; color: var(--ink); line-height: 1.55; }
.sms-consent ul { margin: .4rem 0 0; padding-left: 1.1rem; }

/* legal prose */
.prose--legal { max-width: 760px; margin-inline: auto; }
.prose--legal h2 { margin-top: 2.2rem; }
.prose--legal .updated { color: var(--muted); font-size: .9rem; border-top: 1px solid var(--line); padding-top: 1rem; margin-top: 2rem; }
.prose--legal button { font: inherit; font-size: .92rem; font-weight: 600; padding: .7rem 1.2rem; border-radius: 999px; border: 1px solid var(--accent); background: #fff; color: var(--accent); cursor: pointer; }
.prose--legal button:hover { background: var(--accent); color: #fff; }
.prose a { color: var(--accent); text-underline-offset: 2px; }
.prose code { font-family: inherit; font-weight: 600; background: var(--cloud); padding: .05em .35em; border-radius: 4px; }

/* blog index cards */
.post-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.4rem; }
.post-grid .post-card { flex: 1 1 300px; max-width: 380px; display: flex; flex-direction: column; background: #fff; }
.post-card > a img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: var(--cloud-2); }
.post-card__body { text-align: center; display: flex; flex-direction: column; align-items: center; flex: 1; }
.post-card__date { font-family: var(--f-body); letter-spacing: .06em; text-transform: uppercase; }
.post-card h2 { font-size: 1.18rem; line-height: 1.3; margin: .45rem 0 .5rem; }
.post-card h2 a { color: var(--ink); } .post-card h2 a:hover { color: var(--accent); }
.post-card p { color: var(--muted); font-size: .95rem; }
.post-card__go { margin-top: auto; font-weight: 600; color: var(--accent); }

/* blog post body */
.prose .post-meta { color: var(--muted); font-size: .9rem; }
.prose .disclaimer { background: var(--cloud); border-left: 3px solid var(--accent); border-radius: var(--radius-sm); padding: 1rem 1.2rem; font-size: .9rem; margin-top: 2rem; }
.post-rail__card .eyebrow { color: var(--highlight-light); }
.post-rail__card .btn { white-space: normal; }
.site-footer .footer__social { list-style: none; margin: .9rem 0 0; padding: 0; display: flex; justify-content: center; gap: 2rem; }
.site-footer .footer__social li { margin: 0; padding: 0; list-style: none; }
.site-footer .footer__social li::before { content: none; display: none; }
.footer__social a { font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
  .svc-card, .svc-card__media img, .shot img { transition: none; }
  .svc-card:hover { transform: none; }
  .svc-card:hover .svc-card__media img, .shot:hover img { transform: none; }
}
.pagehead__bg { overflow: hidden; }
.pagehead--photo { overflow: hidden; }
.pagehead--post .pagehead__text { grid-column: 1; min-width: 0; }