/*
THESIS: Operating files become the visual product. The site refuses boutique beige and repeated poster cards.
OWN-WORLD: Void black, frost white, steel rules, cobalt selection, volt action, heavy grotesk, mono status.
STORY: See the system, inspect the file, understand the scope, then choose a product or service.
FIRST VIEWPORT: Full-bleed 3D file stack on the right, oversized direct promise on the left, catalog proof below.
FORM: Night-audit light table, forensic scanner staging, seed 9579b64c.
*/

@font-face{font-family:ArchivoLocal;src:url('/assets/fonts/archivo-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:PlexMonoLocal;src:url('/assets/fonts/ibm-plex-mono-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PlexMonoLocal;src:url('/assets/fonts/ibm-plex-mono-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}

:root{
  --void:#080A0D;
  --void-2:#11151A;
  --frost:#F2F5F1;
  --paper:#FFFFFF;
  --steel:#7C8792;
  --steel-dark:#4F5964;
  --cobalt:#2F5BFF;
  --volt:#B9FF38;
  --signal:#F0445A;
  --cold-line:#D8DEE3;
  --cold-line-dark:rgba(242,245,241,.16);

  /* Compatibility aliases for the incumbent component set. */
  --terra:var(--cobalt);
  --terra-deep:#2147D9;
  --terra-soft:#5578FF;
  --gold:var(--volt);
  --gold-lite:#D1FF79;
  --gold-deep:#5E8500;
  --sage:#5E7484;
  --sage-deep:#405461;
  --ink:var(--void);
  --espresso:var(--void);
  --espresso-2:var(--void-2);
  --espresso-3:#1A2027;
  --stone:var(--frost);
  --bone:var(--paper);
  --sand:#E8EDF0;
  --line:var(--cold-line);
  --line-d:var(--cold-line-dark);
  --ink-1:var(--void);
  --ink-2:#303842;
  --ink-3:#64707A;
  --cream:var(--frost);
  --cream-2:#CBD3D8;
  --cream-3:#9DA8B0;
  --shadow-s:0 12px 30px -18px rgba(8,10,13,.45);
  --shadow:0 28px 70px -34px rgba(8,10,13,.5);
  --shadow-l:0 46px 110px -46px rgba(8,10,13,.62);
  --glow-gold:none;
  --r:6px;
  --r-sm:4px;
  --r-lg:8px;
  --r-pill:4px;
}

html{background:var(--void)}
body{font-family:ArchivoLocal,Arial,sans-serif;background:var(--frost);color:var(--void);letter-spacing:0}
*,*::before,*::after{letter-spacing:0!important}
::selection{background:var(--volt);color:var(--void)}

h1,h2,h3,h4,.serif,.it,.logo .word{font-family:ArchivoLocal,Arial,sans-serif;font-style:normal;font-weight:720;letter-spacing:-.025em}
h1,h2,h3{line-height:.98;text-wrap:balance}
p{letter-spacing:0;text-wrap:pretty}
.kicker{font-family:PlexMonoLocal,monospace;font-size:11px;letter-spacing:0;text-transform:uppercase;color:var(--cobalt)}
.kicker::before{width:18px;background:currentColor}
.dark .kicker,.on-dark .kicker{color:var(--volt)}
.dark .kicker::before,.on-dark .kicker::before{background:currentColor}
.grain::after{display:none}
.glow{display:none!important}
.reveal{opacity:1!important;transform:none!important}
@keyframes night-reveal{from{opacity:.18;transform:translateY(34px);clip-path:inset(12% 0 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
@supports(animation-timeline:view()){
  .reveal{animation:night-reveal both;animation-timeline:view();animation-range:entry 0 entry 34%}
}

.btn{font-family:PlexMonoLocal,monospace;font-size:12px;letter-spacing:0;text-transform:uppercase;border-radius:4px;padding:14px 22px;border-width:1px;box-shadow:none;transition:transform .24s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s,border-color .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible,.icon-btn:focus-visible,.menu-toggle:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}
.btn-gold,.btn-terra{background:var(--volt);color:var(--void);box-shadow:none}
.btn-gold:hover,.btn-terra:hover{background:#CCFF70;color:var(--void);box-shadow:none;filter:none}
.btn-ghost{border-color:#AEB7BE;color:var(--void)}
.btn-ghost:hover{border-color:var(--cobalt);color:var(--cobalt)}
.dark .btn-ghost,.on-dark .btn-ghost,.hero .btn-ghost,.night-hero .btn-ghost{border-color:rgba(242,245,241,.38);color:var(--frost);background:transparent;backdrop-filter:none}
.dark .btn-ghost:hover,.on-dark .btn-ghost:hover,.hero .btn-ghost:hover,.night-hero .btn-ghost:hover{border-color:var(--frost);background:var(--frost);color:var(--void)}
.btn-light{background:var(--frost);color:var(--void)}
.tlink{color:var(--cobalt);font-family:PlexMonoLocal,monospace;font-size:12px;text-transform:uppercase}
.badge{border-radius:3px;font-family:PlexMonoLocal,monospace;letter-spacing:0}
.badge-gold{background:var(--volt);color:var(--void)}
.badge-terra{background:var(--cobalt);color:#fff}
.badge-sage{background:#DCE5E9;color:var(--void)}

.topbar{background:var(--void);color:#AEB8C0;border-bottom:1px solid var(--cold-line-dark);font-family:PlexMonoLocal,monospace;font-size:11px;text-transform:uppercase}
.topbar a{color:var(--volt)}
header.site{border-bottom:1px solid rgba(242,245,241,.14)}
header.site .nav{height:72px}
.logo{gap:10px}
.logo .mark{display:none}
.logo::before{content:"H/S";width:34px;height:34px;display:grid;place-items:center;border:1px solid currentColor;color:var(--volt);font-family:PlexMonoLocal,monospace;font-size:10px;font-weight:600;letter-spacing:0}
.logo .word{font-size:18px;color:var(--frost);letter-spacing:-.02em}
header.site nav.main{gap:28px}
header.site nav.main a{font-family:PlexMonoLocal,monospace;font-size:11px;text-transform:uppercase;color:#C6CFD5}
header.site nav.main a::after{height:2px;background:var(--volt);bottom:-8px}
header.site nav.main a:hover,header.site nav.main a.active{color:#fff}
.icon-btn,.menu-toggle{border-radius:4px}
.icon-btn:hover{border-color:var(--volt);color:var(--volt)}
header.site.solid{background:rgba(242,245,241,.94);border-bottom-color:var(--cold-line);box-shadow:none;backdrop-filter:blur(12px)}
header.site.solid .logo::before{color:var(--cobalt)}
header.site.solid .logo .word{color:var(--void)}
header.site.solid nav.main a{color:#39434C}
header.site.solid nav.main a:hover,header.site.solid nav.main a.active{color:var(--cobalt)}
header.site.solid nav.main a::after{background:var(--cobalt)}
header.site.solid .icon-btn,header.site.solid .menu-toggle{border-color:#BFC7CD;color:var(--void)}
header.site.solid .icon-btn:hover{border-color:var(--cobalt);color:var(--cobalt)}
.drawer{background:var(--void);color:var(--frost)}
.drawer nav a{font-family:ArchivoLocal,Arial,sans-serif;font-size:clamp(28px,9vw,46px);font-weight:720;border-color:var(--cold-line-dark)}
.drawer nav a:hover{color:var(--volt)}

/* Homepage signature viewport. */
.night-hero{position:relative;min-height:92dvh;background:var(--void);color:var(--frost);overflow:hidden;display:flex;align-items:flex-end;border-bottom:1px solid var(--cold-line-dark)}
.night-hero canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.night-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(8,10,13,.88);clip-path:polygon(0 0,58% 0,44% 100%,0 100%)}
.night-hero .wrap{position:relative;z-index:2;width:100%;padding-top:190px;padding-bottom:72px}
.night-hero .hero-copy{max-width:720px}
.night-hero .ops-line{display:flex;align-items:center;gap:12px;color:#AAB5BD;font:400 11px/1.2 PlexMonoLocal,monospace;text-transform:uppercase;margin-bottom:26px}
.night-hero .ops-line::before{content:"";width:28px;height:1px;background:var(--volt)}
.night-hero h1{font-size:clamp(58px,8vw,112px);max-width:7.4ch;color:var(--frost);line-height:.82;font-weight:820;letter-spacing:-.035em;text-transform:uppercase}
.night-hero h1 span{color:var(--volt)}
.night-hero .lede{max-width:48ch;color:#C7D0D6;font-size:17px;line-height:1.55;margin-top:28px}
.night-hero .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.night-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:660px;margin-top:52px;border-top:1px solid var(--cold-line-dark);border-bottom:1px solid var(--cold-line-dark)}
.night-status .item{padding:16px 18px 15px 0;border-right:1px solid var(--cold-line-dark)}
.night-status .item+ .item{padding-left:18px}
.night-status .item:last-child{border-right:0}
.night-status strong{display:block;color:var(--volt);font:600 20px/1 PlexMonoLocal,monospace}
.night-status span{display:block;margin-top:7px;color:#9AA6AE;font:400 10px/1.3 PlexMonoLocal,monospace;text-transform:uppercase}
.night-tabs{position:absolute;z-index:3;right:30px;top:50%;transform:translateY(-50%);display:grid;gap:1px;width:160px}
.night-tabs a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:rgba(8,10,13,.78);border:1px solid var(--cold-line-dark);color:#C8D0D5;font:400 10px/1 PlexMonoLocal,monospace;text-transform:uppercase}
.night-tabs a:first-child{background:var(--volt);border-color:var(--volt);color:var(--void)}
.night-tabs a:hover{border-color:var(--frost);color:#fff}
.night-tabs a:first-child:hover{color:var(--void)}
.night-sequence{position:absolute;z-index:3;right:30px;bottom:24px;font:600 92px/.8 PlexMonoLocal,monospace;color:rgba(47,91,255,.5)}
.night-sequence small{display:block;font-size:9px;line-height:1.3;color:#8E9AA3;text-align:right;text-transform:uppercase;margin-bottom:10px}
.webgl-fallback .night-hero{background:var(--void) url('/assets/img/products/financial-dashboard.jpg') center right/auto 82% no-repeat}

.marquee{border-color:var(--cold-line-dark);padding:16px 0;background:var(--void);mask-image:none;-webkit-mask-image:none}
.marquee .track{gap:54px;animation-duration:38s}
.marquee .track span{font:400 11px/1 PlexMonoLocal,monospace;color:#A2ADB5;text-transform:uppercase;letter-spacing:0;gap:54px}
.marquee .track span::after{content:"+";color:var(--volt)}

.section{padding:112px 0}
.section.sand{background:#E8EDF0}
.section.bone{background:var(--paper)}
.dark,.ink-bg{background:var(--void);color:var(--frost)}
.sec-head{max-width:780px}
.sec-head h2{font-size:clamp(42px,6vw,76px);font-weight:760}
.sec-head p{color:var(--steel-dark)}
.dark .sec-head p{color:#AFBAC1}
.cat-list{border-color:var(--cold-line-dark)}
.cat-row{grid-template-columns:68px minmax(240px,1fr) minmax(260px,.9fr) 48px;padding:26px 8px;border-color:var(--cold-line-dark)}
.cat-row .num{font-family:PlexMonoLocal,monospace;font-size:13px;color:var(--volt)}
.cat-row .ctitle{font-family:ArchivoLocal,Arial,sans-serif;font-weight:680;font-size:clamp(28px,4vw,52px)}
.cat-row .cdesc{font-size:14px;color:#AAB5BD;text-align:left}
.cat-row .cgo{border-radius:4px}
.cat-row:hover .ctitle{color:var(--volt)}

/* Catalog and product cards. */
.pcard{border-radius:5px;background:var(--paper);border:1px solid var(--cold-line);box-shadow:none;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .2s}
.pcard:hover{transform:translateY(-5px);box-shadow:none;border-color:var(--cobalt)}
.pcard .pthumb{background:var(--void)}
.pcard:hover .pthumb img{transform:scale(1.025)}
.pcard .pbody{padding:16px 16px 18px;gap:8px;border-top:1px solid var(--cold-line)}
.pcard .pcat{font-family:PlexMonoLocal,monospace;font-size:9px;letter-spacing:0;color:var(--cobalt)}
.pcard h3{font-family:ArchivoLocal,Arial,sans-serif;font-size:18px;line-height:1.15;font-weight:650;letter-spacing:-.02em}
.pcard .price{font-family:PlexMonoLocal,monospace;font-size:18px;font-weight:600}
.pcard .add{border-radius:3px;background:var(--void);width:36px;height:36px}
.pcard .add:hover{background:var(--cobalt);transform:none}
.pcard .wish{display:none}
.suitevid{border-radius:4px!important;border-color:var(--cold-line)!important;box-shadow:none!important}
.suitevid .vtag{background:var(--volt)!important;color:var(--void)!important;border-radius:2px!important;font-family:PlexMonoLocal,monospace!important;letter-spacing:0!important}
.filters{background:var(--paper);border-color:var(--cold-line)!important;border-radius:5px!important;box-shadow:none!important}
.filters h4,.shop-toolbar,.fopt{font-family:PlexMonoLocal,monospace}
.shop-toolbar{border-color:var(--cold-line)!important;border-radius:4px!important;box-shadow:none!important}

.page-head{background:var(--frost);border-color:var(--cold-line);padding-top:154px}
.page-head.dark{background:var(--void);border-color:var(--cold-line-dark)}
.page-head h1{font-family:ArchivoLocal,Arial,sans-serif;font-size:clamp(44px,7vw,84px);font-weight:760;max-width:13ch}
.crumbs{font-family:PlexMonoLocal,monospace;font-size:10px;text-transform:uppercase}
.page-head.has-page-scene{isolation:isolate;min-height:310px;display:flex;align-items:flex-end}
.page-head.has-page-scene>.wrap{position:relative;z-index:3;width:100%}
.page-head.has-page-scene .page-scene-canvas{position:absolute;inset:0 0 0 auto;width:min(58%,880px);height:100%;display:block;z-index:2;pointer-events:none}
.page-head.has-page-scene::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--frost) 0%,rgba(242,245,241,.92) 38%,rgba(242,245,241,0) 70%)}
.page-head.dark.has-page-scene::after{background:linear-gradient(90deg,var(--void) 0%,rgba(8,10,13,.9) 38%,rgba(8,10,13,0) 72%)}
.page-head.page-scene-directory{min-height:480px;padding-bottom:68px}
.page-head.page-scene-catalog{min-height:410px;padding-bottom:62px}
.page-head.page-scene-product{min-height:260px;padding-bottom:48px}
.page-head.page-scene-product .page-scene-canvas{width:min(52%,760px)}
.page-head.page-scene-product{background:var(--void);border-color:var(--cold-line-dark);color:var(--frost)}
.page-head.page-scene-product .crumbs{color:#AEB8C0}
.page-head.page-scene-product .crumbs a{color:#D7DEE2}
.page-head.page-scene-product::after{background:linear-gradient(90deg,var(--void) 0%,rgba(8,10,13,.9) 42%,rgba(8,10,13,0) 76%)}
.webgl-fallback .page-scene-canvas{display:none!important}
.prose{max-width:760px}
.prose h2{font-family:ArchivoLocal,Arial,sans-serif;font-weight:700;font-size:clamp(30px,4vw,48px);margin-top:58px}
.prose p,.prose li{color:#303842}
.prose a{color:var(--cobalt)}

.pd{gap:64px}
.gallery .main,.gallery .thumbs .imgwrap,.hookvid{border-radius:5px!important;background:var(--void)!important;border-color:#29313A!important}
.gallery .main{box-shadow:var(--shadow)}
.gallery .main::after{background:linear-gradient(rgba(8,10,13,0),rgba(8,10,13,.94))!important}
.gallery .main .peek{font-family:PlexMonoLocal,monospace!important;letter-spacing:0!important;text-transform:uppercase;color:#C4CDD3!important}
.gallery .thumbs{gap:8px!important}
.gallery .thumbs .imgwrap.sel{border-color:var(--volt)!important;box-shadow:0 0 0 1px var(--volt)!important}
.gallery .thumbs figcaption{color:#AEB7BE!important}
.pd-info .cat,.pd-rating,.assure,.hookvid .vtag{font-family:PlexMonoLocal,monospace!important;letter-spacing:0!important}
.pd-info .cat{color:var(--cobalt)!important;text-transform:uppercase}
.pd-info h1{font-family:ArchivoLocal,Arial,sans-serif!important;font-size:clamp(42px,5vw,70px)!important;font-weight:760!important;line-height:.96!important}
.pd-price .now{font-family:PlexMonoLocal,monospace!important;font-size:42px!important}
.pd-desc{color:#303842!important}
.incl .chk{background:var(--volt)!important;color:var(--void)!important;border-radius:3px!important}
.assure{border-color:var(--cold-line)!important}
.assure .ico{border-radius:3px!important;background:var(--void)!important;color:var(--volt)!important}
.hookvid{overflow:hidden;position:relative;aspect-ratio:4/5;max-width:none!important;margin:0 0 12px!important;box-shadow:var(--shadow)!important}
.hookvid video{width:100%;height:100%;object-fit:cover;display:block}
.hookvid .vtag{background:var(--volt)!important;color:var(--void)!important;border-radius:2px!important}

/* Service directory: standard offer grid with aligned scope and actions. */
.service-index-head h1{max-width:12ch}
.service-directory{background:var(--frost)}
.service-directory-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:48px;align-items:end;padding-bottom:34px;border-bottom:1px solid var(--cold-line);margin-bottom:28px}
.service-directory-head h2{font-family:ArchivoLocal,Arial,sans-serif;font-size:clamp(38px,5vw,66px);font-weight:760;max-width:13ch;margin-top:14px}
.service-directory-head>p{max-width:46ch;color:#4F5A64;font-size:16px;line-height:1.65}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.service-card{display:grid;grid-template-rows:auto 1fr;min-width:0;background:var(--paper);border:1px solid var(--cold-line);border-radius:6px;overflow:hidden;transition:border-color .24s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}
.service-card:hover{border-color:var(--cobalt);transform:translateY(-5px);box-shadow:0 30px 64px -42px rgba(8,10,13,.7)}
.service-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border:0;border-radius:0;box-shadow:none;background:var(--void)}
.service-media::after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(8,10,13,.52));pointer-events:none}
.service-media img{width:100%;height:100%;object-fit:cover;object-position:center 43%;transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s}
.service-card:hover .service-media img{transform:scale(1.025);filter:contrast(1.04)}
.service-copy{display:flex;flex-direction:column;padding:26px 28px 28px;min-width:0}
.service-card-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.service-code{font:400 10px/1 PlexMonoLocal,monospace;color:#65717A}
.service-copy h3{font-family:ArchivoLocal,Arial,sans-serif;font-size:clamp(28px,3vw,39px);line-height:1.02;font-weight:740;max-width:15ch;margin:0 0 18px}
.service-copy>p{color:#39434C;font-size:15px;line-height:1.65;max-width:58ch}
.service-points{display:grid;grid-template-columns:1fr;gap:0;margin:24px 0 28px;border-top:1px solid var(--cold-line);list-style:none}
.service-points li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--cold-line);font-family:PlexMonoLocal,monospace;font-size:10px;line-height:1.35;color:#3C4750}
.service-points li::before{content:"+";display:inline;width:auto;height:auto;border-radius:0;background:none;color:var(--cobalt);font-size:15px;font-weight:600}
.service-action{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:4px}
.service-action>span{display:grid;gap:5px}
.service-action small{font:400 9px/1 PlexMonoLocal,monospace;color:#65717A;text-transform:uppercase}
.service-action strong{font-family:PlexMonoLocal,monospace;font-size:27px;line-height:1;color:var(--void)}
.service-lead-wrap{gap:72px}
.service-lead{background:var(--paper);border-color:var(--cold-line);border-radius:5px;box-shadow:none}
.service-lead label{font-family:PlexMonoLocal,monospace;font-size:11px}
.service-lead input,.service-lead textarea{border-color:#BFC8CE;border-radius:3px;font-family:ArchivoLocal,Arial,sans-serif}
.service-lead input:focus,.service-lead textarea:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px rgba(47,91,255,.16)}
.service-lead input[aria-invalid="true"],.service-lead textarea[aria-invalid="true"]{border-color:var(--signal)}

.cta-band{background:var(--cobalt)!important;padding:78px 32px}
.cta-band h2{font-family:ArchivoLocal,Arial,sans-serif;font-weight:760}
.cta-band p{color:#E8EDFF}
footer.site{background:var(--void);color:#9EA9B1;border-top:1px solid var(--cold-line-dark)}
footer.site .logo::before{color:var(--volt)}
footer.site h4{font-family:PlexMonoLocal,monospace;letter-spacing:0;color:var(--frost)}
footer.site li a:hover{color:var(--volt)}
.fsub{border-radius:4px!important;border-color:var(--cold-line-dark)!important;background:var(--void-2)!important}
.fsocials a{border-radius:3px!important}

@media(max-width:980px){
  .night-tabs{display:none}
  .night-hero::after{background:rgba(8,10,13,.68);clip-path:none}
  .cat-row{grid-template-columns:48px 1fr 42px}
  .cat-row .cdesc{display:none}
  .page-head.has-page-scene .page-scene-canvas{width:62%}
}

@media(max-width:760px){
  .wrap{padding-inline:20px}
  .section{padding:80px 0}
  .night-hero{min-height:86dvh;align-items:flex-end}
  .night-hero::after{background:rgba(8,10,13,.72);clip-path:none}
  .night-hero .wrap{padding-top:142px;padding-bottom:42px}
  .night-hero h1{font-size:clamp(52px,17vw,78px);max-width:6.8ch}
  .night-hero .lede{font-size:15px;max-width:38ch}
  .night-status{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;margin-top:34px}
  .night-status .item:nth-child(2){border-right:0}
  .night-status .item:nth-child(-n+2){border-bottom:1px solid var(--cold-line-dark)}
  .night-sequence{right:14px;bottom:16px;font-size:58px;opacity:.45}
  .page-head.has-page-scene{min-height:360px;padding-bottom:38px}
  .page-head.has-page-scene .page-scene-canvas{inset:0;width:100%;opacity:.66}
  .page-head.has-page-scene::after{background:linear-gradient(180deg,var(--frost) 8%,rgba(242,245,241,.82) 55%,rgba(242,245,241,.35) 100%)}
  .page-head.dark.has-page-scene::after{background:linear-gradient(180deg,var(--void) 5%,rgba(8,10,13,.82) 56%,rgba(8,10,13,.25) 100%)}
  .page-head.page-scene-directory,.page-head.page-scene-catalog{min-height:730px;padding-bottom:0;align-items:flex-start}
  .page-head.page-scene-directory .page-scene-canvas,.page-head.page-scene-catalog .page-scene-canvas{inset:auto 0 0;width:100%;height:230px;opacity:.86}
  .page-head.dark.page-scene-directory::after,.page-head.dark.page-scene-catalog::after{background:linear-gradient(180deg,var(--void) 0%,var(--void) 58%,rgba(8,10,13,.94) 66%,rgba(8,10,13,.1) 100%)}
  .page-head.page-scene-product{min-height:245px;padding-bottom:36px}
  .page-head.page-scene-product .page-scene-canvas{width:100%;opacity:.78}
  .page-head.page-scene-product::after{background:linear-gradient(90deg,var(--void) 0%,rgba(8,10,13,.94) 54%,rgba(8,10,13,.08) 100%)}
  .service-directory-head{grid-template-columns:1fr;gap:18px;margin-bottom:22px;padding-bottom:26px}
  .service-directory-head>p{font-size:15px}
  .service-grid,.service-lead-wrap{grid-template-columns:1fr;gap:22px}
  .service-media{width:100%}
  .service-copy{padding:22px 22px 24px}
  .service-copy h3{font-size:clamp(27px,9vw,36px)}
  .service-action{align-items:center}
  .pd{gap:38px}
  .pd-info h1{font-size:clamp(40px,12vw,58px)!important}
}

@media(prefers-reduced-motion:reduce){
  .marquee .track{animation:none}
  .reveal{opacity:1!important;transform:none!important}
  .pcard,.btn,.cat-row .ctitle{transition:none!important}
}