/*
Theme Name: Presretač Cinematic
Theme URI: https://presretac.rs
Author: Alen Krstanović
Description: Cinematic, CRO-first tema za Presretač — naknada štete. Gradi na Presretač design sistemu (assets/ds), sa scroll-scrubbed video ulazom i vođenim intake tokom.
Version: 0.8.6
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: presretac-cinematic
*/

/* ================================================================== *
 * Lucide icons (mask-image, inherit currentColor via .ps-icon)
 * ================================================================== */
.ps-icon{width:20px;height:20px}
.ps-icon[data-icon="phone"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/phone.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/phone.svg)}
.ps-icon[data-icon="menu"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/menu.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/menu.svg)}
.ps-icon[data-icon="x"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/x.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/x.svg)}
.ps-icon[data-icon="arrow-right"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/arrow-right.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/arrow-right.svg)}
.ps-icon[data-icon="arrow-left"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/arrow-left.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/arrow-left.svg)}
.ps-icon[data-icon="arrow-up"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/arrow-up.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/arrow-up.svg)}
.ps-icon[data-icon="chevron-down"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/chevron-down.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/chevron-down.svg)}
.ps-icon[data-icon="chevron-right"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/chevron-right.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/chevron-right.svg)}
.ps-icon[data-icon="shield-check"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/shield-check.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/shield-check.svg)}
.ps-icon[data-icon="clock"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/clock.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/clock.svg)}
.ps-icon[data-icon="wallet"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/wallet.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/wallet.svg)}
.ps-icon[data-icon="scale"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/scale.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/scale.svg)}
.ps-icon[data-icon="users"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/users.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/users.svg)}
.ps-icon[data-icon="car-front"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/car-front.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/car-front.svg)}
.ps-icon[data-icon="circle-parking"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/circle-parking.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/circle-parking.svg)}
.ps-icon[data-icon="construction"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/construction.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/construction.svg)}
.ps-icon[data-icon="help-circle"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/circle-help.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/circle-help.svg)}
.ps-icon[data-icon="user-x"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/user-x.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/user-x.svg)}
.ps-icon[data-icon="check-circle-2"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/circle-check-big.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/circle-check-big.svg)}
.ps-icon[data-icon="star"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/star.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/star.svg);background-color:currentColor}
.ps-icon[data-icon="triangle-alert"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/triangle-alert.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/triangle-alert.svg)}
.ps-icon[data-icon="circle-alert"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/circle-alert.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/circle-alert.svg)}
.ps-icon[data-icon="lightbulb"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/lightbulb.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/lightbulb.svg)}
.ps-icon[data-icon="mail"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/mail.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/mail.svg)}
.ps-icon[data-icon="map-pin"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/map-pin.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/map-pin.svg)}
.ps-icon[data-icon="file-text"]{-webkit-mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/file-text.svg);mask-image:url(https://unpkg.com/lucide-static@0.544.0/icons/file-text.svg)}
.ps-icon--lg{width:24px;height:24px}

/* ================================================================== *
 * Base / utilities
 * ================================================================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
img{max-width:100%;height:auto}
.skip-link{position:fixed;top:-100px;left:16px;z-index:200;transition:top .2s}
.skip-link:focus{top:16px}
.section-head{max-width:760px;margin:0 auto var(--space-8);text-align:center}
.section-head .ps-meta{margin:0 0 var(--space-3)}
.section-head .ps-h2{margin:0 0 var(--space-4)}
.section-head .ps-lead{margin-inline:auto}
.section-head--inverse .ps-h2{color:var(--text-inverse)}
.section-disclaimer{margin:var(--space-6) auto 0;text-align:center}
.section-disclaimer--inverse{color:var(--text-inverse-secondary);border-color:var(--border-inverse)}

/* ================================================================== *
 * Header
 * ================================================================== */
.site-header{position:sticky;top:0;z-index:100;gap:var(--space-5);transition:background-color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}
.site-header__brand{display:inline-flex;align-items:center;flex:none}
.site-header__logo{height:34px;width:auto;display:block}
.site-header__logo--light{display:none}
.site-header__nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.site-header__actions{display:flex;align-items:center;gap:var(--space-3);flex:none}
.site-header__phone{display:inline-flex;align-items:center;gap:6px;font:600 15px/1 var(--font-body);color:var(--text-primary);text-decoration:none;white-space:nowrap}
.site-header__phone:hover{color:var(--gold-700)}
.site-header__phone .ps-icon{width:16px;height:16px;color:var(--gold-700)}
.site-header__toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer}

/* Solid (inner pages, and front after scroll): translucent light bar (DS floating header) */
.site-header.is-solid{background:rgba(255,255,255,.88);backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}

/* Overlay over the cinematic hero (front page, at top): fixed, transparent, light content */
.site-header--overlay{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent}
.site-header--overlay::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(8,19,28,.55),rgba(8,19,28,0));pointer-events:none;transition:opacity var(--dur-base) var(--ease-standard)}
.site-header--overlay .site-header__logo--dark{display:none}
.site-header--overlay .site-header__logo--light{display:block}
.site-header--overlay .ps-navlink{color:var(--text-inverse-secondary)}
.site-header--overlay .ps-navlink:hover{color:var(--text-inverse);background:var(--interactive-hover-inverse)}
.site-header--overlay .ps-navlink--active{color:var(--text-inverse);box-shadow:inset 0 -2px 0 var(--brand-gold)}
.site-header--overlay .site-header__phone{color:var(--text-inverse)}
.site-header--overlay .site-header__phone .ps-icon{color:var(--brand-gold)}
.site-header--overlay .site-header__phone:hover,.site-header--overlay .site-header__phone:focus-visible{color:var(--brand-gold)}
.site-header--overlay .site-header__toggle{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);color:var(--text-inverse)}

/* Front page: once scrolled, overlay turns solid (stays fixed) with the dark logo */
.site-header--overlay.is-solid::before{opacity:0}
.site-header--overlay.is-solid .site-header__logo--light{display:none}
.site-header--overlay.is-solid .site-header__logo--dark{display:block}
.site-header--overlay.is-solid .ps-navlink{color:var(--text-secondary)}
.site-header--overlay.is-solid .ps-navlink:hover{color:var(--text-primary)}
.site-header--overlay.is-solid .ps-navlink--active{color:var(--text-primary)}
.site-header--overlay.is-solid .site-header__phone{color:var(--text-primary)}
.site-header--overlay.is-solid .site-header__phone .ps-icon{color:var(--gold-700)}
.site-header--overlay.is-solid .site-header__toggle{background:var(--surface);border-color:var(--border);color:var(--text-primary)}

/* ================================================================== *
 * Cinematic scene
 * ================================================================== */
.scene{position:relative}
.scene__spacer{height:300vh}
.scene__sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--ink-950)}
.scene__video,.scene__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene__poster{background-size:cover;background-position:center;z-index:0}
.scene__video{z-index:1}
.scene--static .scene__video{opacity:0}
.scene__scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(8,19,28,.92) 0%,rgba(8,19,28,.55) 42%,rgba(8,19,28,.35) 70%,rgba(8,19,28,.55) 100%)}
.scene__stage{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:var(--space-10)}
.scene__eyebrow{color:var(--brand-gold);margin:0 0 var(--space-4)}
.scene__copy{max-width:720px}
.scene__lines{position:relative;min-height:230px}
.scene__line{position:absolute;inset:0;opacity:0;transform:translateY(16px);transition:opacity var(--dur-scene) var(--ease-out),transform var(--dur-scene) var(--ease-out);pointer-events:none}
.scene__line.is-active{opacity:1;transform:none;pointer-events:auto}
.scene__line .ps-display{color:var(--text-inverse);margin:0 0 var(--space-4);max-width:14ch}
.scene__line .ps-lead{color:var(--text-inverse-secondary);max-width:52ch}
.scene__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.scene__benefits{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);margin:var(--space-6) 0 0;padding:0}
.scene__benefits li{display:inline-flex;align-items:center;gap:8px;font:600 var(--body-sm-size)/1.3 var(--font-body);color:var(--text-inverse)}
.scene__benefits .ps-icon{width:18px;height:18px;color:var(--brand-gold)}
.scene__scrollnote{position:absolute;left:50%;bottom:var(--space-5);transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;font:500 13px/1 var(--font-body);color:var(--text-inverse-secondary);letter-spacing:.04em;transition:opacity var(--dur-base)}
.scene__scrollnote .ps-icon{width:16px;height:16px;animation:scene-bob 1.8s ease-in-out infinite}
@keyframes scene-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.scene__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.14);z-index:4}
.scene__progress span{display:block;height:100%;width:0;background:var(--brand-gold);transition:width .1s linear}
.scene.is-past .scene__scrollnote{opacity:0}

/* ================================================================== *
 * Trust bar
 * ================================================================== */
.section-trust{border-bottom:1px solid var(--divider);background:var(--bg-secondary)}
.trustbar{justify-content:center;padding-block:var(--space-5)}

/* ================================================================== *
 * Cards grid
 * ================================================================== */
.cards-grid{display:grid;gap:var(--space-5)}
.cards-grid--3{grid-template-columns:repeat(3,1fr)}
.cards-grid--2{grid-template-columns:repeat(2,1fr)}
.nsc-grid{margin-top:var(--space-6)}
.resource-card{gap:var(--space-3)}
.resource-card .ps-card__title{font-size:18px}
.resource-card__go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:600 14px/1 var(--font-body);color:var(--gold-700)}
.resource-card__go .ps-icon{width:16px;height:16px}
.service-card{display:flex;flex-direction:column;gap:var(--space-3)}
.service-card .ps-cardicon{margin-bottom:var(--space-2)}
.service-card .ps-card__title{font-size:19px}

/* ================================================================== *
 * Stats (inverse band)
 * ================================================================== */
.section-stats{background:var(--brand-primary-deep);padding-block:var(--section-y-desktop)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.stats-grid .ps-stat{text-align:center}
.section-stats .ps-stat__value{font-size:48px}

/* ================================================================== *
 * Process
 * ================================================================== */
.process-list{list-style:none;margin:0;padding:0;max-width:var(--container-narrow);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6);position:relative}
.process-step{position:relative;padding-bottom:var(--space-6);border-bottom:1px solid var(--divider)}
.process-step:last-child{border-bottom:none;padding-bottom:0}
.process-step .ps-h4{margin:6px 0 4px}
.process-step__body{color:var(--text-secondary);max-width:60ch}

/* ================================================================== *
 * Testimonials
 * ================================================================== */
.testimonial{display:flex;flex-direction:column;gap:var(--space-4)}
.testimonial .ps-stars .ps-icon{width:18px;height:18px}
.testimonial__quote{flex:1}
.testimonial__by{margin-top:auto}

/* ================================================================== *
 * Intake
 * ================================================================== */
.section-intake{background:var(--bg-secondary)}
.intake-shell{display:grid;grid-template-columns:1.4fr .9fr;gap:var(--space-7);align-items:start}
.intake-panel{padding:var(--space-7)}
.intake-progress{margin-bottom:var(--space-6)}
.intake-step{animation:intake-in var(--dur-slow) var(--ease-out)}
@keyframes intake-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.intake-answers{margin-top:var(--space-5)}
.intake-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;margin-bottom:var(--space-4);font:500 14px/1 var(--font-body);color:var(--text-secondary);cursor:pointer}
.intake-back .ps-icon{width:16px;height:16px}
.intake-back:hover{color:var(--text-primary)}
.lead-form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-5)}
.lead-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
.lead-form .ps-privacy{margin-top:2px}
.lead-form__consent{margin-top:calc(var(--space-2) * -1)}
.lead-form .ps-field__msg .ps-icon{width:14px;height:14px;flex:none}
@media (max-width:560px){.lead-form__row{grid-template-columns:1fr}}
.intake-success{text-align:center;padding:var(--space-7) var(--space-4)}
.intake-success__mark{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--success-bg);color:var(--success);margin-bottom:var(--space-4)}
.intake-success__mark .ps-icon{width:32px;height:32px}
.intake-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--surface-inverse);border-radius:var(--radius-card);color:var(--text-inverse)}
.intake-aside .ps-meta{color:var(--brand-gold)}
.intake-aside .ps-h3{color:var(--text-inverse)}
.intake-aside .ps-body{color:var(--text-inverse-secondary)}
.intake-aside .ps-info--tip .ps-info__title{color:var(--ink-900)}
.intake-aside .ps-info--tip .ps-info__body{color:var(--text-secondary)}
.intake-aside__call{margin-top:var(--space-2)}
.intake-aside__tip{margin-top:var(--space-2)}

/* ================================================================== *
 * FAQ
 * ================================================================== */
.faq-list{border-top:1px solid var(--divider)}

/* ================================================================== *
 * Closing CTA (inverse)
 * ================================================================== */
.section-close{background:var(--brand-primary);color:var(--text-inverse);padding-block:var(--section-y-desktop)}
.section-close__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);flex-wrap:wrap}
.section-close .ps-meta{color:var(--brand-gold);margin:0 0 var(--space-3)}
.section-close .ps-h2{color:var(--text-inverse);margin:0 0 var(--space-3)}
.section-close .ps-lead{color:var(--text-inverse-secondary);margin:0;max-width:46ch}
.section-close__actions{display:flex;flex-direction:column;gap:var(--space-3);min-width:280px}

/* ================================================================== *
 * Sticky CTA (desktop) + mobile action bar
 * ================================================================== */
.sticky-cta{position:fixed;left:50%;bottom:var(--space-6);transform:translateX(-50%);z-index:90;width:min(560px,calc(100% - 48px));opacity:0;transition:opacity var(--dur-base),transform var(--dur-base)}
.sticky-cta.is-visible{opacity:1}
.sticky-cta[hidden]{display:none}
.site-actionbar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:none;transition:transform var(--dur-base) var(--ease-standard),opacity var(--dur-base) var(--ease-standard)}
.site-actionbar.is-hidden{transform:translateY(120%);opacity:0;pointer-events:none}

/* ================================================================== *
 * Generic page (Kontakt, O nama)
 * ================================================================== */
.page-hero{background:var(--brand-primary-deep);color:var(--text-inverse);padding-block:var(--space-9) var(--space-8)}
.page-hero .ps-meta{color:var(--brand-gold);margin:0 0 var(--space-3)}
.page-hero h1{color:var(--text-inverse);margin:0 0 var(--space-4)}
.page-hero .ps-lead{color:var(--text-inverse-secondary);max-width:56ch}

/* ================================================================== *
 * Contact + About pages
 * ================================================================== */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-7);align-items:start}
.contact-info{display:flex;flex-direction:column;gap:var(--space-4)}
.contact-card{display:flex;flex-direction:column;gap:var(--space-2)}
.contact-card .ps-cardicon{margin-bottom:var(--space-2)}
.contact-big{font:700 30px/1 var(--font-display);letter-spacing:-.02em;color:var(--text-primary)!important;text-decoration:none}
.contact-big--sm{font-size:22px}
.contact-form-card__sub{color:var(--text-secondary);margin:4px 0 var(--space-5)}
.about-lede{display:flex;flex-direction:column;gap:var(--space-5)}
.entry-content p{margin:0 0 var(--space-4)}
.entry-content h2{margin:var(--space-7) 0 var(--space-4)}

/* ================================================================== *
 * Footer
 * ================================================================== */
.site-footer{background:var(--brand-primary-deep);color:var(--text-inverse-secondary);padding-top:var(--space-9)}
.site-footer__inner{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-7)}
.site-footer__brand{max-width:340px;display:flex;flex-direction:column;gap:var(--space-4)}
.site-footer__brand .ps-body-sm{color:var(--text-inverse-secondary)}
.site-footer__trust{gap:var(--space-2) var(--space-4)}
.site-footer__col{display:flex;flex-direction:column;gap:var(--space-3)}
.site-footer__label{font:var(--meta-weight) var(--meta-size)/1.35 var(--font-body);letter-spacing:var(--meta-ls);text-transform:uppercase;color:var(--brand-gold)}
.site-footer__col a,.site-footer a{color:var(--text-inverse-secondary);text-decoration:none}
.site-footer__col a:hover,.site-footer a:hover{color:var(--text-inverse)}
.site-footer__phone{font:600 20px/1 var(--font-display)!important;color:var(--text-inverse)!important}
.site-footer__col .ps-body-sm{color:var(--text-inverse-secondary)}
.site-footer__bottom{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);align-items:center;margin-top:var(--space-8);padding-top:var(--space-5);padding-bottom:var(--space-6);border-top:1px solid var(--border-inverse);font:400 var(--caption-size)/1.5 var(--font-body)}
.site-footer__note{margin-left:auto;color:var(--slate-400)}

/* ================================================================== *
 * Responsive
 * ================================================================== */
@media (max-width:1024px){
  .cards-grid--3{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-7)}
  .intake-shell{grid-template-columns:1fr;gap:var(--space-6)}
  .intake-aside{position:static}
  .contact-grid{grid-template-columns:1fr;gap:var(--space-6)}
  .site-footer__inner{grid-template-columns:1fr 1fr}
  .site-footer__brand{grid-column:1 / -1;max-width:none}
}
@media (max-width:768px){
  .site-header{height:64px}
  .site-header__nav{display:none;position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-3) var(--gutter-mobile);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}
  .site-header.nav-open .site-header__nav{display:flex}
  .site-header.nav-open{background:var(--surface)!important;backdrop-filter:none}
  .site-header.nav-open::before{opacity:0}
  .site-header.nav-open .ps-navlink,.site-header.nav-open .site-header__phone{color:var(--text-primary)!important}
  .site-header.nav-open .site-header__phone .ps-icon{color:var(--gold-700)}
  .site-header.nav-open .site-header__logo--light{display:none}
  .site-header.nav-open .site-header__logo--dark{display:block}
  .site-header__nav .ps-navlink{padding:14px 8px;border-bottom:1px solid var(--divider);border-radius:0}
  .site-header__phone span:not(.ps-icon){display:none}
  .site-header__cta{display:none}
  .site-header__toggle{display:inline-flex}
  .scene__spacer{height:280vh}
  .scene__stage{padding-bottom:var(--space-9)}
  .scene__lines{min-height:260px}
  .cards-grid--3,.cards-grid--2{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}
  .intake-panel{padding:var(--space-5)}
  .section-close__inner{flex-direction:column;align-items:flex-start}
  .section-close__actions{width:100%;min-width:0}
  .sticky-cta{display:none}
  .site-actionbar{display:flex}
  body{padding-bottom:76px}
  .site-footer__inner{grid-template-columns:1fr}
  .site-footer__note{margin-left:0;width:100%}
}
@media (max-width:480px){
  .stats-grid{grid-template-columns:1fr}
}

/* ================================================================== *
 * Blog — article + listing
 * ================================================================== */
.article-hero{padding-block:var(--space-8) var(--space-6)}
.article-crumbs{margin-bottom:var(--space-5)}
.article-hero .ps-crumbs a,.article-hero .ps-crumbs__sep{color:var(--text-inverse-secondary)}
.article-hero .ps-crumbs a:hover{color:var(--text-inverse)}
.article-hero .ps-crumbs__current{color:var(--text-inverse-secondary)}
.article-cat{margin-bottom:var(--space-4)}
.article-title{color:var(--text-inverse);margin:0 0 var(--space-5);max-width:22ch}
.article-meta{display:flex;align-items:center;gap:var(--space-2);font:500 var(--body-sm-size)/1.4 var(--font-body);color:var(--text-inverse-secondary)}
.article-meta .ps-icon{width:16px;height:16px;color:var(--brand-gold)}
.article-meta__dot{opacity:.5}
.article-figure-wrap{margin-top:calc(var(--space-8) * -1);position:relative;z-index:2}
.article-figure{margin:0 0 var(--space-7);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/9;background:var(--surface-sunken)}
.article-figure img{width:100%;height:100%;object-fit:cover;display:block}
.article-content{padding-top:var(--space-2)}
.article-content > *{margin:0 0 var(--space-5)}
.article-content h2{font:var(--h2-weight) var(--h2-size)/var(--h2-lh) var(--font-display);letter-spacing:var(--h2-ls);margin:var(--space-8) 0 var(--space-4)}
.article-content h3{font:var(--h3-weight) var(--h3-size)/var(--h3-lh) var(--font-display);letter-spacing:var(--h3-ls);margin:var(--space-7) 0 var(--space-3)}
.article-content h4{font:var(--h4-weight) var(--h4-size)/var(--h4-lh) var(--font-body);margin:var(--space-6) 0 var(--space-3)}
.article-content p,.article-content li{font:400 var(--body-lg-size)/1.7 var(--font-body);color:var(--text-primary)}
.article-content ul,.article-content ol{padding-left:1.3em;display:flex;flex-direction:column;gap:var(--space-2)}
.article-content a{color:var(--text-link);text-decoration:underline;text-underline-offset:3px}
.article-content a:hover{color:var(--text-primary)}
.article-content strong{font-weight:600}
.article-content img{border-radius:var(--radius-md);height:auto}
.article-content blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--brand-gold);background:var(--surface-sunken);border-radius:0 var(--radius-md) var(--radius-md) 0}
.article-content blockquote p{margin:0;font-style:normal;color:var(--text-secondary)}
.article-content hr{border:none;border-top:1px solid var(--divider);margin:var(--space-7) 0}
.article-content table{width:100%;border-collapse:collapse;font-size:var(--body-sm-size);display:block;overflow-x:auto}
.article-content th,.article-content td{border:1px solid var(--border);padding:10px 12px;text-align:left}
.article-content th{background:var(--surface-sunken);font-weight:600}
.article-content code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-sunken);padding:2px 6px;border-radius:var(--radius-xs)}
.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-7)}
.article-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-8)}
.article-cta .ps-meta{color:var(--brand-gold);margin:0 0 var(--space-2)}
.article-cta .ps-h3{color:var(--text-inverse);margin:0 0 var(--space-2)}
.article-cta .ps-body-sm{color:var(--text-inverse-secondary);max-width:44ch}
.article-cta__actions{display:flex;flex-direction:column;gap:var(--space-3);min-width:240px}
.section-related{background:var(--bg-secondary)}
.section-blog{background:var(--bg-secondary)}
.section-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);max-width:none;text-align:left;margin-bottom:var(--space-7)}
.section-head--row .ps-meta{margin:0 0 var(--space-2)}
.section-head--row .ps-h2{margin:0}
@media (max-width:640px){.section-head--row{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}

/* Article cards (listing) */
.article-card{display:flex;flex-direction:column;overflow:hidden;padding:0}
.article-card .ps-card__media{aspect-ratio:16/10}
.article-card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}
.article-card__cat{color:var(--text-gold)}
.article-card__excerpt{margin:0}
.article-card__meta{margin-top:auto;color:var(--text-muted)}
.post-grid{margin-bottom:var(--space-8)}
.post-pagination{display:flex;justify-content:center}
.post-pagination .nav-links{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.post-pagination a,.post-pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);text-decoration:none;font:600 15px/1 var(--font-body)}
.post-pagination a:hover{border-color:var(--ink-900);background:var(--surface-interactive)}
.post-pagination .current{background:var(--brand-primary);color:var(--brand-gold);border-color:var(--brand-primary)}
@media (max-width:768px){
  .article-cta{flex-direction:column;align-items:flex-start}
  .article-cta__actions{width:100%;min-width:0}
  .article-figure-wrap{margin-top:calc(var(--space-6) * -1)}
}

/* ================================================================== *
 * Back to top
 * ================================================================== */
.back-to-top{position:fixed;right:20px;bottom:24px;z-index:96;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--brand-primary);color:var(--brand-gold);cursor:pointer;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(12px);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),background-color var(--dur-fast) var(--ease-standard)}
.back-to-top .ps-icon{width:22px;height:22px}
.back-to-top:hover{background:var(--ink-700)}
.back-to-top:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.back-to-top.is-visible{opacity:1;transform:none}
.back-to-top[hidden]{display:none}
@media (max-width:768px){
  /* sit above the mobile action bar */
  .back-to-top{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}
}