/* DE MIMSHACK SOLUTIONS LIMITED
   Unified responsive stylesheet for all five website pages. */

/* ==================== index.html ==================== */
html.page-home{
      --navy: #0B2545;
      --navy-2: #13315C;
      --navy-3: #06182D;
      --gold: #C9A24B;
      --gold-soft: #E6D3A2;
      --fire-a: #E63946;
      --fire-b: #F4A93B;
      --paper: #F7F5F0;
      --ink: #1C1F26;
      --muted: #667080;
      --white: #FFFFFF;
      --line: rgba(11, 37, 69, .14);
      --display: "Space Grotesk", "Aptos Display", "Segoe UI", sans-serif;
      --body: "Inter", "Aptos", "Segoe UI", sans-serif;
      --shadow: 0 24px 60px rgba(6, 24, 45, .14);
      --container: min(1180px, calc(100% - 2rem));
    }

    html.page-home *,html.page-home *::before,html.page-home *::after{ box-sizing: border-box; }
    html.page-home{ scroll-behavior: smooth; }
    html.page-home body{
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font-family: var(--body);
      font-size: 1rem;
      line-height: 1.65;
      overflow-x: hidden;
    }
    html.page-home body.nav-open{ overflow: hidden; }
    html.page-home img{ display: block; width: 100%; }
    html.page-home a{ color: inherit; text-decoration: none; }
    html.page-home button,html.page-home a{ -webkit-tap-highlight-color: transparent; }
    html.page-home :focus-visible{ outline: 3px solid var(--gold); outline-offset: 4px; }
    html.page-home ::selection{ background: var(--gold); color: var(--navy-3); }

    html.page-home .container{ width: var(--container); margin-inline: auto; }
    html.page-home .eyebrow{
      display: inline-flex;
      align-items: center;
      gap: .65rem;
      margin: 0 0 1rem;
      color: var(--gold);
      font-size: .75rem;
      font-weight: 800;
      letter-spacing: .18em;
      line-height: 1.2;
      text-transform: uppercase;
    }
    html.page-home .eyebrow::before{ content: ""; width: 2rem; height: 1px; background: currentColor; }
    html.page-home .section-title{
      max-width: 760px;
      margin: 0;
      color: var(--navy);
      font-family: var(--display);
      font-size: clamp(2.15rem, 6vw, 4.6rem);
      font-weight: 650;
      letter-spacing: -.055em;
      line-height: .98;
    }
    html.page-home .section-title em{ color: var(--gold); font-style: normal; }
    html.page-home .section-copy{ max-width: 640px; margin: 1.4rem 0 0; color: var(--muted); font-size: clamp(1rem, 1.4vw, 1.12rem); }

    html.page-home .site-header{
      position: fixed;
      inset: 0 0 auto;
      z-index: 1000;
      border-bottom: 1px solid rgba(255,255,255,.12);
      background: rgba(6,24,45,.72);
      backdrop-filter: blur(16px);
      transition: background .3s ease, box-shadow .3s ease;
    }
    html.page-home .site-header.scrolled{ background: rgba(6,24,45,.95); box-shadow: 0 12px 35px rgba(0,0,0,.16); }
    html.page-home .nav-wrap{ min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; }
    html.page-home .brand{ display: inline-flex; align-items: center; gap: .8rem; color: white; font-family: var(--display); font-weight: 800; letter-spacing: -.03em; }
    html.page-home .brand-mark{
      width: 44px; aspect-ratio: 1; display: grid; place-items: center;
      border: 1px solid rgba(201,162,75,.65); color: var(--gold); font-size: .95rem; letter-spacing: -.06em;
      position: relative; overflow: hidden;
    }
    html.page-home .brand-mark::after{ content: ""; position: absolute; inset: auto -8px -12px auto; width: 24px; height: 34px; background: linear-gradient(155deg,var(--fire-a),var(--fire-b)); transform: rotate(35deg); opacity: .9; }
    html.page-home .brand span:last-child{ display: none; font-size: .78rem; line-height: 1.15; letter-spacing: .06em; text-transform: uppercase; }
    html.page-home .nav-toggle{ width: 44px; height: 44px; display: grid; place-content: center; gap: 5px; border: 1px solid rgba(255,255,255,.22); background: transparent; color: white; cursor: pointer; }
    html.page-home .nav-toggle span{ width: 19px; height: 1px; background: currentColor; transition: transform .25s ease, opacity .25s ease; }
    html.page-home .nav-toggle[aria-expanded="true"] span:first-child{ transform: translateY(3px) rotate(45deg); }
    html.page-home .nav-toggle[aria-expanded="true"] span:last-child{ transform: translateY(-3px) rotate(-45deg); }
    html.page-home .nav-menu{
      position: fixed; inset: 76px 0 auto; min-height: calc(100vh - 76px); padding: 2rem 1rem;
      display: flex; flex-direction: column; gap: .35rem; background: var(--navy-3);
      opacity: 0; visibility: hidden; transform: translateY(-1rem); transition: .25s ease;
    }
    html.page-home .nav-menu.open{ opacity: 1; visibility: visible; transform: none; }
    html.page-home .nav-link{ padding: .9rem 1rem; color: rgba(255,255,255,.78); font-size: 1.12rem; font-weight: 650; }
    html.page-home .nav-link:hover,html.page-home .nav-link.active{ color: var(--gold-soft); }
    html.page-home .nav-cta{ margin-top: 1rem; padding: .86rem 1rem; border: 1px solid var(--gold); color: var(--gold-soft); text-align: center; font-weight: 750; transition: .25s ease; }
    html.page-home .nav-cta:hover{ background: var(--gold); color: var(--navy-3); }

    html.page-home .hero{
      min-height: 100svh;
      display: grid;
      align-items: end;
      position: relative;
      isolation: isolate;
      color: white;
      background: var(--navy-3);
      overflow: hidden;
    }
    html.page-home .hero-media{ position: absolute; inset: 0; z-index: -3; }
    html.page-home .hero-media img{ width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: saturate(.75) contrast(1.08); }
    html.page-home .hero-media::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,24,45,.98) 5%, rgba(11,37,69,.86) 55%, rgba(11,37,69,.4) 100%), linear-gradient(0deg, rgba(6,24,45,.88), transparent 60%); }
    html.page-home .hero::before{
      content: ""; position: absolute; inset: 0; z-index: -2; opacity: .16;
      background-image: linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px);
      background-size: 68px 68px; mask-image: linear-gradient(to right, black, transparent 76%);
    }
    html.page-home .hero::after{ content: ""; position: absolute; z-index: -1; width: 38vw; height: 38vw; min-width: 280px; min-height: 280px; right: -15vw; top: 16%; border: 1px solid rgba(201,162,75,.32); border-radius: 50%; box-shadow: 0 0 0 70px rgba(201,162,75,.04), 0 0 0 140px rgba(201,162,75,.025); }
    html.page-home .hero-inner{ padding: 9.5rem 0 3.25rem; }
    html.page-home .hero .eyebrow{ animation: rise .75s .1s both; }
    html.page-home .hero h1{
      max-width: 970px; margin: 0; font-family: var(--display); font-size: clamp(3.25rem, 11vw, 8rem); font-weight: 650;
      letter-spacing: -.07em; line-height: .82; text-wrap: balance; animation: rise .85s .2s both;
    }
    html.page-home .hero h1 .outline{ color: var(--gold-soft); -webkit-text-stroke: 0; text-shadow: 0 8px 26px rgba(0,0,0,.26); }
    html.page-home .hero-bottom{ margin-top: 2.2rem; display: grid; gap: 1.5rem; animation: rise .85s .32s both; }
    html.page-home .hero-copy{ max-width: 590px; margin: 0; color: rgba(255,255,255,.72); font-size: clamp(1rem, 1.5vw, 1.18rem); }
    html.page-home .hero-actions{ display: flex; flex-wrap: wrap; gap: .85rem; }
    html.page-home .button{ min-height: 52px; padding: .85rem 1.2rem; display: inline-flex; align-items: center; justify-content: center; gap: .8rem; font-weight: 800; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
    html.page-home .button:hover{ transform: translateY(-3px); }
    html.page-home .button-fire{ background: linear-gradient(100deg,var(--fire-a),var(--fire-b)); color: white; box-shadow: 0 12px 28px rgba(230,57,70,.23); }
    html.page-home .button-ghost{ border: 1px solid rgba(255,255,255,.28); color: white; }
    html.page-home .button-ghost:hover{ background: white; color: var(--navy); }
    html.page-home .button svg{ width: 18px; height: 18px; }
    html.page-home .hero-index{ margin-top: 3rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.16); display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; }
    html.page-home .hero-index span{ color: rgba(255,255,255,.46); font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; }
    html.page-home .hero-index strong{ display: block; margin-top: .25rem; color: white; font-family: var(--display); font-size: .8rem; letter-spacing: .01em; }

    html.page-home .trust{ background: white; border-bottom: 1px solid var(--line); }
    html.page-home .trust-inner{ padding: 1.25rem 0; }
    html.page-home .trust-title{ margin: 0 0 .8rem; color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
    html.page-home .logos{ display: flex; gap: .6rem; overflow-x: auto; scrollbar-width: none; }
    html.page-home .logos::-webkit-scrollbar{ display: none; }
    html.page-home .logo-chip{ flex: 0 0 auto; padding: .65rem .9rem; border: 1px solid var(--line); color: var(--navy); font-family: var(--display); font-size: .78rem; font-weight: 800; letter-spacing: .055em; }

    html.page-home .intro{ padding: clamp(5rem,10vw,9rem) 0; }
    html.page-home .intro-grid{ display: grid; gap: 2.8rem; }
    html.page-home .intro-number{ color: var(--gold); font-family: var(--display); font-size: 5rem; font-weight: 700; line-height: .8; opacity: .55; }
    html.page-home .intro-panel{ padding: 1.5rem; border-left: 1px solid var(--gold); background: rgba(255,255,255,.55); }
    html.page-home .intro-panel p{ margin: 0; color: var(--navy); font-family: var(--display); font-size: clamp(1.15rem,2vw,1.45rem); line-height: 1.45; }
    html.page-home .text-link{ display: inline-flex; align-items: center; gap: .7rem; margin-top: 1.4rem; color: var(--navy); font-weight: 850; border-bottom: 1px solid var(--gold); padding-bottom: .2rem; }
    html.page-home .text-link span{ color: var(--gold); transition: transform .2s ease; }
    html.page-home .text-link:hover span{ transform: translateX(5px); }

    html.page-home .services{ padding: clamp(5rem,10vw,9rem) 0; background: var(--navy); color: white; position: relative; overflow: hidden; }
    html.page-home .services::before{ content: "DMS"; position: absolute; right: -2vw; top: -3rem; color: rgba(255,255,255,.025); font-family: var(--display); font-size: min(36vw,34rem); font-weight: 900; line-height: 1; }
    html.page-home .services .section-title{ color: white; }
    html.page-home .services-head{ position: relative; z-index: 1; }
    html.page-home .service-grid{ margin-top: 3.2rem; display: grid; gap: 1px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.14); position: relative; z-index: 1; }
    html.page-home .service-card{ min-height: 390px; padding: 1.6rem; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; background: var(--navy); isolation: isolate; transition: transform .35s ease; }
    html.page-home .service-card img{ position: absolute; inset: 0; z-index: -2; height: 100%; object-fit: cover; opacity: .18; filter: grayscale(1) contrast(1.1); transition: opacity .4s ease, transform .7s ease; }
    html.page-home .service-card::after{ content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(11,37,69,.26), var(--navy) 76%); }
    html.page-home .service-card:hover img{ opacity: .32; transform: scale(1.045); }
    html.page-home .service-no{ display: flex; justify-content: space-between; color: var(--gold); font: 750 .72rem/1 var(--display); letter-spacing: .14em; }
    html.page-home .service-no::after{ content: ""; width: 42px; height: 1px; background: var(--gold); }
    html.page-home .service-card h3{ margin: 0 0 .75rem; font-family: var(--display); font-size: clamp(1.7rem,3vw,2.45rem); letter-spacing: -.04em; line-height: 1; }
    html.page-home .service-card p{ margin: 0; color: rgba(255,255,255,.65); font-size: .94rem; }
    html.page-home .service-card a{ width: fit-content; margin-top: 1.2rem; color: var(--gold-soft); font-size: .8rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }

    html.page-home .advantage{ padding: clamp(5rem,10vw,9rem) 0; }
    html.page-home .advantage-grid{ display: grid; gap: 3rem; align-items: center; }
    html.page-home .advantage-visual{ aspect-ratio: 4 / 5; min-height: 420px; position: relative; background: linear-gradient(145deg,var(--navy),var(--navy-2)); overflow: hidden; box-shadow: var(--shadow); }
    html.page-home .advantage-visual img{ height: 100%; object-fit: cover; opacity: .74; }
    html.page-home .advantage-visual::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(15deg,rgba(6,24,45,.88),transparent 60%), linear-gradient(90deg,rgba(11,37,69,.45),transparent); }
    html.page-home .visual-note{ position: absolute; z-index: 1; inset: auto 1.2rem 1.2rem; padding: 1.1rem; border: 1px solid rgba(255,255,255,.2); background: rgba(6,24,45,.76); backdrop-filter: blur(12px); color: white; }
    html.page-home .visual-note small{ color: var(--gold); font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
    html.page-home .visual-note strong{ display: block; margin-top: .25rem; font: 650 1.4rem/1.2 var(--display); }
    html.page-home .advantage-list{ margin: 2rem 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
    html.page-home .advantage-list li{ padding: 1.1rem 0; display: grid; grid-template-columns: 2.6rem 1fr; gap: .6rem; border-bottom: 1px solid var(--line); }
    html.page-home .advantage-list span{ color: var(--gold); font-weight: 850; }
    html.page-home .advantage-list strong{ display: block; color: var(--navy); font-family: var(--display); font-size: 1.05rem; }
    html.page-home .advantage-list p{ margin: .15rem 0 0; color: var(--muted); font-size: .9rem; }

    html.page-home .commitment{ background: var(--navy-3); color: white; }
    html.page-home .commitment-inner{ padding: clamp(4.5rem,8vw,7rem) 0; display: grid; gap: 2rem; }
    html.page-home .commitment .section-title{ color: white; font-size: clamp(2.35rem,6vw,4.8rem); }
    html.page-home .commitment-copy{ max-width: 540px; }
    html.page-home .commitment-copy p{ margin: 0; color: rgba(255,255,255,.67); }
    html.page-home .standards{ margin-top: 1.7rem; display: flex; flex-wrap: wrap; gap: .55rem; }
    html.page-home .standards span{ padding: .55rem .7rem; border: 1px solid rgba(201,162,75,.34); color: var(--gold-soft); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

    html.page-home .cta-section{ padding: clamp(5rem,10vw,8rem) 0; background: var(--gold); color: var(--navy-3); position: relative; overflow: hidden; }
    html.page-home .cta-section::after{ content: ""; position: absolute; width: 340px; height: 340px; right: -170px; top: -120px; border: 1px solid rgba(11,37,69,.25); border-radius: 50%; box-shadow: 0 0 0 55px rgba(11,37,69,.06),0 0 0 110px rgba(11,37,69,.035); }
    html.page-home .cta-grid{ display: grid; gap: 2rem; position: relative; z-index: 1; }
    html.page-home .cta-section h2{ max-width: 850px; margin: 0; font: 650 clamp(2.5rem,8vw,6.4rem)/.9 var(--display); letter-spacing: -.065em; }
    html.page-home .cta-section p{ max-width: 560px; margin: 1.3rem 0 0; }
    html.page-home .cta-button{ background: var(--navy-3); color: white; align-self: end; justify-self: start; }

    html.page-home .site-footer{ background: #041322; color: rgba(255,255,255,.68); }
    html.page-home .footer-grid{ padding: 4rem 0 2.3rem; display: grid; gap: 2.5rem; }
    html.page-home .footer-brand{ color: white; font: 750 1.45rem/1.1 var(--display); }
    html.page-home .footer-tag{ margin: .8rem 0 0; color: var(--gold); font-size: .72rem; font-weight: 800; letter-spacing: .15em; }
    html.page-home .footer-title{ margin: 0 0 .8rem; color: white; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
    html.page-home .footer-group p,html.page-home .footer-group address{ margin: 0; font-style: normal; }
    html.page-home .footer-group a{ display: block; width: fit-content; margin-top: .25rem; transition: color .2s ease; }
    html.page-home .footer-group a:hover{ color: var(--gold-soft); }
    html.page-home .footer-bottom{ padding: 1.2rem 0; border-top: 1px solid rgba(255,255,255,.1); display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem; font-size: .75rem; }

    html.page-home .reveal{ opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s ease; }
    html.page-home .reveal.in-view{ opacity: 1; transform: none; }
    @keyframes rise { from { opacity: 0; transform: translateY(25px); } to { opacity: 1; transform: none; } }
    @media (prefers-reduced-motion: reduce) { html.page-home *,html.page-home *::before,html.page-home *::after{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } html.page-home .reveal{ opacity: 1; transform: none; } }

    @media (min-width: 480px) {
      html.page-home{ --container: min(1180px, calc(100% - 3rem)); }
      html.page-home .brand span:last-child{ display: block; }
      html.page-home .hero-actions .button{ min-width: 180px; }
      html.page-home .hero-index strong{ font-size: .9rem; }
    }
    @media (min-width: 768px) {
      html.page-home .hero h1 .outline{ color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.66); text-shadow: none; }
      html.page-home .hero-inner{ padding-bottom: 4rem; }
      html.page-home .hero-bottom{ grid-template-columns: 1fr auto; align-items: end; }
      html.page-home .trust-inner{ display: flex; align-items: center; gap: 1.5rem; }
      html.page-home .trust-title{ margin: 0; flex: 0 0 auto; }
      html.page-home .intro-grid{ grid-template-columns: .9fr 1.1fr; align-items: end; }
      html.page-home .intro-panel{ padding: 2.2rem; }
      html.page-home .service-grid{ grid-template-columns: repeat(3,1fr); }
      html.page-home .service-card:nth-child(2){ transform: translateY(1.7rem); }
      html.page-home .advantage-grid{ grid-template-columns: .85fr 1.15fr; gap: clamp(3rem,7vw,7rem); }
      html.page-home .advantage-visual{ aspect-ratio: 4/5; }
      html.page-home .commitment-inner{ grid-template-columns: 1.12fr .88fr; align-items: end; }
      html.page-home .cta-grid{ grid-template-columns: 1fr auto; align-items: end; }
      html.page-home .cta-button{ justify-self: end; }
      html.page-home .footer-grid{ grid-template-columns: 1.35fr 1fr 1fr; }
    }
    @media (min-width: 1024px) {
      html.page-home .nav-toggle{ display: none; }
      html.page-home .nav-menu{ position: static; min-height: auto; padding: 0; flex-direction: row; align-items: center; gap: .1rem; background: transparent; opacity: 1; visibility: visible; transform: none; }
      html.page-home .nav-link{ padding: .65rem .7rem; font-size: .83rem; }
      html.page-home .nav-cta{ margin: 0 0 0 .7rem; padding: .65rem .9rem; font-size: .8rem; }
      html.page-home .hero-inner{ padding-top: 10rem; }
      html.page-home .service-card{ min-height: 480px; padding: 2rem; }
      html.page-home .visual-note{ inset: auto 1.7rem 1.7rem; padding: 1.4rem; }
    }
    @media (min-width: 1440px) {
      html.page-home{ --container: 1280px; }
      html.page-home .nav-wrap{ min-height: 84px; }
      html.page-home .hero h1{ font-size: 8.7rem; }
      html.page-home .service-card{ min-height: 520px; }
    }

/* ==================== about.html ==================== */
html.page-about{
      --navy:#0B2545; --navy-2:#13315C; --navy-3:#06182D;
      --gold:#C9A24B; --gold-soft:#E6D3A2; --fire-a:#E63946; --fire-b:#F4A93B;
      --paper:#F7F5F0; --ink:#1C1F26; --muted:#667080; --white:#fff;
      --line:rgba(11,37,69,.14); --display:"Space Grotesk","Aptos Display","Segoe UI",sans-serif;
      --body:"Inter","Aptos","Segoe UI",sans-serif; --shadow:0 24px 60px rgba(6,24,45,.14);
      --container:min(1180px,calc(100% - 2rem));
    }
    html.page-about *,html.page-about *::before,html.page-about *::after{box-sizing:border-box}
    html.page-about{scroll-behavior:smooth}
    html.page-about body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--body);overflow-x:hidden}
    html.page-about body.nav-open{overflow:hidden} html.page-about img{display:block;width:100%} html.page-about a{color:inherit;text-decoration:none}
    html.page-about button,html.page-about a{-webkit-tap-highlight-color:transparent}html.page-about :focus-visible{outline:3px solid var(--gold);outline-offset:4px}
    html.page-about ::selection{background:var(--gold);color:var(--navy-3)}
    html.page-about .container{width:var(--container);margin-inline:auto}
    html.page-about .eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}
    html.page-about .eyebrow::before{content:"";width:2rem;height:1px;background:currentColor}
    html.page-about .section-title{max-width:800px;margin:0;color:var(--navy);font:650 clamp(2.15rem,6vw,4.7rem)/.98 var(--display);letter-spacing:-.055em}
    html.page-about .section-title em{color:var(--gold);font-style:normal}html.page-about .section-copy{max-width:660px;margin:1.4rem 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.12rem)}

    html.page-about .site-header{position:fixed;inset:0 0 auto;z-index:1000;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(6,24,45,.72);backdrop-filter:blur(16px);transition:.3s ease}
    html.page-about .site-header.scrolled{background:rgba(6,24,45,.95);box-shadow:0 12px 35px rgba(0,0,0,.16)}
    html.page-about .nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
    html.page-about .brand{display:inline-flex;align-items:center;gap:.8rem;color:white;font-family:var(--display);font-weight:800;letter-spacing:-.03em}
    html.page-about .brand-mark{width:44px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(201,162,75,.65);color:var(--gold);font-size:.95rem;letter-spacing:-.06em;position:relative;overflow:hidden}
    html.page-about .brand-mark::after{content:"";position:absolute;inset:auto -8px -12px auto;width:24px;height:34px;background:linear-gradient(155deg,var(--fire-a),var(--fire-b));transform:rotate(35deg);opacity:.9}
    html.page-about .brand span:last-child{display:none;font-size:.78rem;line-height:1.15;letter-spacing:.06em;text-transform:uppercase}
    html.page-about .nav-toggle{width:44px;height:44px;display:grid;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.22);background:transparent;color:white;cursor:pointer}
    html.page-about .nav-toggle span{width:19px;height:1px;background:currentColor;transition:.25s ease}html.page-about .nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}html.page-about .nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
    html.page-about .nav-menu{position:fixed;inset:76px 0 auto;min-height:calc(100vh - 76px);padding:2rem 1rem;display:flex;flex-direction:column;gap:.35rem;background:var(--navy-3);opacity:0;visibility:hidden;transform:translateY(-1rem);transition:.25s ease}
    html.page-about .nav-menu.open{opacity:1;visibility:visible;transform:none}html.page-about .nav-link{padding:.9rem 1rem;color:rgba(255,255,255,.78);font-size:1.12rem;font-weight:650}html.page-about .nav-link:hover,html.page-about .nav-link.active{color:var(--gold-soft)}
    html.page-about .nav-cta{margin-top:1rem;padding:.86rem 1rem;border:1px solid var(--gold);color:var(--gold-soft);text-align:center;font-weight:750;transition:.25s ease}html.page-about .nav-cta:hover{background:var(--gold);color:var(--navy-3)}

    html.page-about .page-hero{min-height:78svh;display:grid;align-items:end;position:relative;isolation:isolate;overflow:hidden;background:var(--navy-3);color:white}
    html.page-about .hero-media{position:absolute;inset:0;z-index:-3}html.page-about .hero-media img{height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.75) contrast(1.06)}
    html.page-about .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,45,.98) 2%,rgba(11,37,69,.87) 50%,rgba(11,37,69,.45)),linear-gradient(0deg,rgba(6,24,45,.9),transparent 62%)}
    html.page-about .page-hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,black,transparent 78%)}
    html.page-about .hero-inner{padding:10rem 0 3.2rem}html.page-about .hero-kicker{animation:rise .75s .1s both}
    html.page-about .page-hero h1{max-width:980px;margin:0;font:650 clamp(3.6rem,12vw,8.5rem)/.82 var(--display);letter-spacing:-.075em;text-wrap:balance;animation:rise .85s .2s both}
    html.page-about .page-hero h1 span{color:var(--gold-soft);-webkit-text-stroke:0;text-shadow:0 8px 26px rgba(0,0,0,.26)}
    html.page-about .hero-footer{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:1.2rem;animation:rise .85s .32s both}
    html.page-about .hero-footer p{max-width:630px;margin:0;color:rgba(255,255,255,.7);font-size:clamp(1rem,1.5vw,1.18rem)}
    html.page-about .breadcrumb{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.5);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}html.page-about .breadcrumb strong{color:var(--gold-soft)}

    html.page-about .trust{background:white;border-bottom:1px solid var(--line)}html.page-about .trust-inner{padding:1.25rem 0}html.page-about .trust-title{margin:0 0 .8rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
    html.page-about .logos{display:flex;gap:.6rem;overflow-x:auto;scrollbar-width:none}html.page-about .logos::-webkit-scrollbar{display:none}html.page-about .logo-chip{flex:0 0 auto;padding:.65rem .9rem;border:1px solid var(--line);color:var(--navy);font:800 .78rem/1 var(--display);letter-spacing:.055em}

    html.page-about .overview{padding:clamp(5rem,10vw,9rem) 0}html.page-about .overview-grid{display:grid;gap:3rem}html.page-about .overview-lead{margin:0;color:var(--navy);font:500 clamp(1.5rem,3.6vw,2.8rem)/1.2 var(--display);letter-spacing:-.035em}html.page-about .overview-lead em{color:var(--gold);font-style:normal}
    html.page-about .overview-copy{display:grid;gap:1.1rem}html.page-about .overview-copy p{margin:0;color:var(--muted)}html.page-about .founding-line{margin-top:1rem;padding:1.25rem;border-left:2px solid var(--gold);background:white;color:var(--navy)!important;font-weight:650}

    html.page-about .purpose{background:var(--navy);color:white;position:relative;overflow:hidden}html.page-about .purpose::before{content:"DMS";position:absolute;right:-2vw;top:-4rem;color:rgba(255,255,255,.025);font:900 min(35vw,32rem)/1 var(--display)}
    html.page-about .purpose-inner{padding:clamp(5rem,9vw,8rem) 0;position:relative}html.page-about .purpose .section-title{color:white}html.page-about .purpose-grid{margin-top:3.2rem;display:grid;gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}
    html.page-about .purpose-card{min-height:340px;padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between;background:rgba(11,37,69,.93);position:relative;overflow:hidden}html.page-about .purpose-card::after{content:"";position:absolute;right:-70px;bottom:-90px;width:200px;height:200px;border:1px solid rgba(201,162,75,.24);border-radius:50%;box-shadow:0 0 0 35px rgba(201,162,75,.035)}
    html.page-about .purpose-no{color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.16em}html.page-about .purpose-card h3{margin:0 0 .8rem;color:white;font:650 clamp(2rem,4vw,3.4rem)/1 var(--display);letter-spacing:-.05em}html.page-about .purpose-card p{margin:0;max-width:480px;color:rgba(255,255,255,.67)}

    html.page-about .values{padding:clamp(5rem,10vw,9rem) 0}html.page-about .values-head{display:grid;gap:1.8rem}html.page-about .values-head .section-copy{margin:0}html.page-about .value-grid{margin-top:3.2rem;display:grid;gap:1rem}
    html.page-about .value-card{min-height:245px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:rgba(255,255,255,.55);transition:transform .3s ease,background .3s ease,box-shadow .3s ease}html.page-about .value-card:hover{transform:translateY(-6px);background:white;box-shadow:var(--shadow)}
    html.page-about .value-card span{color:var(--gold);font:800 .72rem/1 var(--display);letter-spacing:.14em}html.page-about .value-card h3{margin:0 0 .45rem;color:var(--navy);font:650 1.5rem/1.1 var(--display);letter-spacing:-.035em}html.page-about .value-card p{margin:0;color:var(--muted);font-size:.92rem}

    html.page-about .model{padding:clamp(5rem,9vw,8rem) 0;background:white}html.page-about .model-grid{display:grid;gap:3rem;align-items:center}html.page-about .model-visual{aspect-ratio:4/5;min-height:430px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--navy),var(--navy-2));box-shadow:var(--shadow)}
    html.page-about .model-visual img{height:100%;object-fit:cover;object-position:center;opacity:.78}html.page-about .model-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(15deg,rgba(6,24,45,.92),transparent 65%),linear-gradient(90deg,rgba(11,37,69,.45),transparent)}
    html.page-about .model-caption{position:absolute;z-index:1;inset:auto 1.2rem 1.2rem;padding:1.2rem;border:1px solid rgba(255,255,255,.22);background:rgba(6,24,45,.78);backdrop-filter:blur(12px);color:white}html.page-about .model-caption small{color:var(--gold);font-weight:800;letter-spacing:.14em;text-transform:uppercase}html.page-about .model-caption strong{display:block;margin-top:.3rem;font:650 1.45rem/1.2 var(--display)}
    html.page-about .model-list{margin:2rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}html.page-about .model-list li{padding:1.15rem 0;display:grid;grid-template-columns:2.5rem 1fr;gap:.6rem;border-bottom:1px solid var(--line)}html.page-about .model-list span{color:var(--gold);font-weight:850}html.page-about .model-list strong{display:block;color:var(--navy);font-family:var(--display);font-size:1.05rem}html.page-about .model-list p{margin:.15rem 0 0;color:var(--muted);font-size:.9rem}

    html.page-about .commitment{padding:clamp(5rem,9vw,8rem) 0;background:var(--navy-3);color:white}html.page-about .commitment-grid{display:grid;gap:2.5rem}html.page-about .commitment .section-title{color:white}html.page-about .commitment-copy p{margin:0;color:rgba(255,255,255,.68)}
    html.page-about .commitment-points{margin-top:1.8rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}html.page-about .commitment-points div{padding:1rem;border:1px solid rgba(201,162,75,.28)}html.page-about .commitment-points strong{display:block;color:var(--gold-soft);font:650 1rem/1.2 var(--display)}html.page-about .commitment-points span{display:block;margin-top:.3rem;color:rgba(255,255,255,.52);font-size:.76rem}

    html.page-about .cta-section{padding:clamp(5rem,10vw,8rem) 0;background:var(--gold);color:var(--navy-3);position:relative;overflow:hidden}html.page-about .cta-section::after{content:"";position:absolute;width:340px;height:340px;right:-170px;top:-120px;border:1px solid rgba(11,37,69,.25);border-radius:50%;box-shadow:0 0 0 55px rgba(11,37,69,.06),0 0 0 110px rgba(11,37,69,.035)}
    html.page-about .cta-grid{display:grid;gap:2rem;position:relative;z-index:1}html.page-about .cta-section h2{max-width:850px;margin:0;font:650 clamp(2.5rem,8vw,6.1rem)/.9 var(--display);letter-spacing:-.065em}html.page-about .cta-section p{max-width:560px;margin:1.3rem 0 0}
    html.page-about .button{min-height:52px;padding:.85rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;font-weight:800;transition:transform .25s ease,box-shadow .25s ease}html.page-about .button:hover{transform:translateY(-3px)}html.page-about .button-dark{background:var(--navy-3);color:white;align-self:end;justify-self:start}html.page-about .button svg{width:18px;height:18px}

    html.page-about .site-footer{background:#041322;color:rgba(255,255,255,.68)}html.page-about .footer-grid{padding:4rem 0 2.3rem;display:grid;gap:2.5rem}html.page-about .footer-brand{color:white;font:750 1.45rem/1.1 var(--display)}html.page-about .footer-tag{margin:.8rem 0 0;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.15em}html.page-about .footer-title{margin:0 0 .8rem;color:white;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}html.page-about .footer-group p,html.page-about .footer-group address{margin:0;font-style:normal}html.page-about .footer-group a{display:block;width:fit-content;margin-top:.25rem;transition:color .2s ease}html.page-about .footer-group a:hover{color:var(--gold-soft)}html.page-about .footer-bottom{padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.75rem}
    html.page-about .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}html.page-about .reveal.in-view{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
    @media(prefers-reduced-motion:reduce){html.page-about *,html.page-about *::before,html.page-about *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html.page-about .reveal{opacity:1;transform:none}}
    @media(min-width:480px){html.page-about{--container:min(1180px,calc(100% - 3rem))}html.page-about .brand span:last-child{display:block}html.page-about .commitment-points{grid-template-columns:repeat(4,1fr)}}
    @media(min-width:768px){html.page-about .page-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.68);text-shadow:none}html.page-about .hero-inner{padding-bottom:4rem}html.page-about .hero-footer{grid-template-columns:1fr auto;align-items:end}html.page-about .trust-inner{display:flex;align-items:center;gap:1.5rem}html.page-about .trust-title{margin:0;flex:0 0 auto}html.page-about .overview-grid{grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,7rem)}html.page-about .purpose-grid{grid-template-columns:1fr 1fr}html.page-about .values-head{grid-template-columns:1.15fr .85fr;align-items:end}html.page-about .value-grid{grid-template-columns:repeat(6,1fr)}html.page-about .value-card{grid-column:span 2}html.page-about .value-card:nth-child(4){grid-column:2/span 2}html.page-about .value-card:nth-child(5){grid-column:4/span 2}html.page-about .model-grid{grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem)}html.page-about .commitment-grid{grid-template-columns:1.08fr .92fr;align-items:end}html.page-about .cta-grid{grid-template-columns:1fr auto;align-items:end}html.page-about .button-dark{justify-self:end}html.page-about .footer-grid{grid-template-columns:1.35fr 1fr 1fr}}
    @media(min-width:1024px){html.page-about .nav-toggle{display:none}html.page-about .nav-menu{position:static;min-height:auto;padding:0;flex-direction:row;align-items:center;gap:.1rem;background:transparent;opacity:1;visibility:visible;transform:none}html.page-about .nav-link{padding:.65rem .7rem;font-size:.83rem}html.page-about .nav-cta{margin:0 0 0 .7rem;padding:.65rem .9rem;font-size:.8rem}html.page-about .hero-inner{padding-top:11rem}html.page-about .purpose-card{min-height:390px;padding:2.3rem}html.page-about .value-card{padding:1.8rem}html.page-about .model-caption{inset:auto 1.7rem 1.7rem;padding:1.4rem}}
    @media(min-width:1440px){html.page-about{--container:1280px}html.page-about .nav-wrap{min-height:84px}html.page-about .page-hero h1{font-size:8.8rem}}

/* ==================== services.html ==================== */
html.page-services{--navy:#0B2545;--navy-2:#13315C;--navy-3:#06182D;--gold:#C9A24B;--gold-soft:#E6D3A2;--fire-a:#E63946;--fire-b:#F4A93B;--paper:#F7F5F0;--ink:#1C1F26;--muted:#667080;--white:#fff;--line:rgba(11,37,69,.14);--display:"Space Grotesk","Aptos Display","Segoe UI",sans-serif;--body:"Inter","Aptos","Segoe UI",sans-serif;--shadow:0 24px 60px rgba(6,24,45,.14);--container:min(1180px,calc(100% - 2rem))}
    html.page-services *,html.page-services *::before,html.page-services *::after{box-sizing:border-box}html.page-services{scroll-behavior:smooth;scroll-padding-top:145px}html.page-services body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--body);overflow-x:hidden}html.page-services body.nav-open{overflow:hidden}html.page-services img{display:block;width:100%}html.page-services a{color:inherit;text-decoration:none}html.page-services button,html.page-services a{-webkit-tap-highlight-color:transparent}html.page-services :focus-visible{outline:3px solid var(--gold);outline-offset:4px}html.page-services ::selection{background:var(--gold);color:var(--navy-3)}
    html.page-services .container{width:var(--container);margin-inline:auto}html.page-services .eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}html.page-services .eyebrow::before{content:"";width:2rem;height:1px;background:currentColor}html.page-services .section-title{max-width:820px;margin:0;color:var(--navy);font:650 clamp(2.15rem,6vw,4.75rem)/.98 var(--display);letter-spacing:-.055em}html.page-services .section-title em{color:var(--gold);font-style:normal}html.page-services .section-copy{max-width:660px;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.12rem)}
    html.page-services .site-header{position:fixed;inset:0 0 auto;z-index:1000;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(6,24,45,.72);backdrop-filter:blur(16px);transition:.3s ease}html.page-services .site-header.scrolled{background:rgba(6,24,45,.96);box-shadow:0 12px 35px rgba(0,0,0,.16)}html.page-services .nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}html.page-services .brand{display:inline-flex;align-items:center;gap:.8rem;color:white;font-family:var(--display);font-weight:800;letter-spacing:-.03em}html.page-services .brand-mark{width:44px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(201,162,75,.65);color:var(--gold);font-size:.95rem;letter-spacing:-.06em;position:relative;overflow:hidden}html.page-services .brand-mark::after{content:"";position:absolute;inset:auto -8px -12px auto;width:24px;height:34px;background:linear-gradient(155deg,var(--fire-a),var(--fire-b));transform:rotate(35deg);opacity:.9}html.page-services .brand span:last-child{display:none;font-size:.78rem;line-height:1.15;letter-spacing:.06em;text-transform:uppercase}html.page-services .nav-toggle{width:44px;height:44px;display:grid;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.22);background:transparent;color:white;cursor:pointer}html.page-services .nav-toggle span{width:19px;height:1px;background:currentColor;transition:.25s ease}html.page-services .nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}html.page-services .nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}html.page-services .nav-menu{position:fixed;inset:76px 0 auto;min-height:calc(100vh - 76px);padding:2rem 1rem;display:flex;flex-direction:column;gap:.35rem;background:var(--navy-3);opacity:0;visibility:hidden;transform:translateY(-1rem);transition:.25s ease}html.page-services .nav-menu.open{opacity:1;visibility:visible;transform:none}html.page-services .nav-link{padding:.9rem 1rem;color:rgba(255,255,255,.78);font-size:1.12rem;font-weight:650}html.page-services .nav-link:hover,html.page-services .nav-link.active{color:var(--gold-soft)}html.page-services .nav-cta{margin-top:1rem;padding:.86rem 1rem;border:1px solid var(--gold);color:var(--gold-soft);text-align:center;font-weight:750;transition:.25s ease}html.page-services .nav-cta:hover{background:var(--gold);color:var(--navy-3)}
    html.page-services .page-hero{min-height:78svh;display:grid;align-items:end;position:relative;isolation:isolate;overflow:hidden;background:var(--navy-3);color:white}html.page-services .hero-media{position:absolute;inset:0;z-index:-3}html.page-services .hero-media img{height:100%;object-fit:cover;object-position:65% center;filter:saturate(.75) contrast(1.06)}html.page-services .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,45,.99) 2%,rgba(11,37,69,.87) 52%,rgba(11,37,69,.42)),linear-gradient(0deg,rgba(6,24,45,.9),transparent 62%)}html.page-services .page-hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,black,transparent 78%)}html.page-services .hero-inner{padding:10rem 0 3.2rem}html.page-services .page-hero h1{max-width:1000px;margin:0;font:650 clamp(3.6rem,12vw,8.5rem)/.82 var(--display);letter-spacing:-.075em;text-wrap:balance;animation:rise .85s .2s both}html.page-services .page-hero h1 span{color:var(--gold-soft);-webkit-text-stroke:0;text-shadow:0 8px 26px rgba(0,0,0,.26)}html.page-services .hero-kicker{animation:rise .75s .1s both}html.page-services .hero-footer{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:1.2rem;animation:rise .85s .32s both}html.page-services .hero-footer p{max-width:650px;margin:0;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.5vw,1.18rem)}html.page-services .breadcrumb{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.5);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}html.page-services .breadcrumb strong{color:var(--gold-soft)}
    html.page-services .sector-nav{position:sticky;top:76px;z-index:50;background:white;border-bottom:1px solid var(--line);box-shadow:0 10px 25px rgba(6,24,45,.06)}html.page-services .sector-nav .container{display:flex;overflow-x:auto;scrollbar-width:none}html.page-services .sector-nav .container::-webkit-scrollbar{display:none}html.page-services .sector-link{flex:1 0 auto;padding:1rem .8rem;display:flex;align-items:center;justify-content:center;gap:.55rem;color:var(--navy);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;border-right:1px solid var(--line);transition:.25s ease}html.page-services .sector-link:first-child{border-left:1px solid var(--line)}html.page-services .sector-link span{color:var(--gold)}html.page-services .sector-link:hover{background:var(--navy);color:white}
    html.page-services .services-intro{padding:clamp(5rem,10vw,9rem) 0}html.page-services .intro-grid{display:grid;gap:2.6rem}html.page-services .intro-statement{margin:0;color:var(--navy);font:500 clamp(1.4rem,3.2vw,2.6rem)/1.25 var(--display);letter-spacing:-.035em}html.page-services .intro-statement em{color:var(--gold);font-style:normal}html.page-services .intro-copy{display:grid;gap:1rem}html.page-services .intro-copy p{margin:0;color:var(--muted)}html.page-services .scope-strip{margin-top:3.5rem;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}html.page-services .scope-item{min-height:150px;padding:1.3rem;background:rgba(255,255,255,.64);display:flex;flex-direction:column;justify-content:space-between}html.page-services .scope-item span{color:var(--gold);font-size:.7rem;font-weight:850;letter-spacing:.15em}html.page-services .scope-item strong{color:var(--navy);font:650 1.25rem/1.15 var(--display);letter-spacing:-.025em}
    html.page-services .service-chapter{padding:clamp(5rem,10vw,9rem) 0;position:relative;overflow:hidden}html.page-services .service-chapter.dark{background:var(--navy);color:white}html.page-services .service-chapter.light{background:var(--paper)}html.page-services .service-chapter.white{background:white}html.page-services .chapter-grid{display:grid;gap:3rem;align-items:start}html.page-services .chapter-visual{min-height:440px;aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--navy-2);box-shadow:var(--shadow)}html.page-services .chapter-visual img{height:100%;object-fit:cover}html.page-services .chapter-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(15deg,rgba(6,24,45,.88),transparent 64%),linear-gradient(90deg,rgba(11,37,69,.38),transparent)}html.page-services .chapter-stamp{position:absolute;z-index:2;left:1.2rem;bottom:1.2rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.24);background:rgba(6,24,45,.8);backdrop-filter:blur(12px);color:white}html.page-services .chapter-stamp small{display:block;color:var(--gold);font-size:.68rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}html.page-services .chapter-stamp strong{display:block;margin-top:.25rem;font:650 1.28rem/1.2 var(--display)}html.page-services .chapter-no{margin:0 0 1rem;color:var(--gold);font:800 .72rem/1 var(--display);letter-spacing:.16em;text-transform:uppercase}html.page-services .chapter-title{margin:0;color:var(--navy);font:650 clamp(2.7rem,7vw,5.8rem)/.88 var(--display);letter-spacing:-.065em}html.page-services .dark .chapter-title{color:white}html.page-services .chapter-lead{max-width:660px;margin:1.2rem 0 0;color:var(--muted);font-size:1.05rem}html.page-services .dark .chapter-lead{color:rgba(255,255,255,.66)}html.page-services .capability-grid{margin-top:2.4rem;display:grid;gap:.75rem}html.page-services .capability-card{padding:1.25rem;border:1px solid var(--line);background:rgba(255,255,255,.58);transition:transform .25s ease,background .25s ease}html.page-services .capability-card:hover{transform:translateY(-4px);background:white}html.page-services .dark .capability-card{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.035)}html.page-services .dark .capability-card:hover{background:rgba(255,255,255,.075)}html.page-services .capability-card h3{margin:0;color:var(--navy);font:650 1.15rem/1.2 var(--display);letter-spacing:-.02em}html.page-services .dark .capability-card h3{color:white}html.page-services .capability-card p{margin:.55rem 0 0;color:var(--muted);font-size:.9rem}html.page-services .dark .capability-card p{color:rgba(255,255,255,.58)}html.page-services .capability-card b{display:inline-block;margin-right:.45rem;color:var(--gold);font-size:.7rem;letter-spacing:.08em}
    html.page-services .integrated{padding:clamp(5rem,9vw,8rem) 0;background:var(--gold);color:var(--navy-3);position:relative;overflow:hidden}html.page-services .integrated::after{content:"";position:absolute;width:360px;height:360px;right:-170px;top:-140px;border:1px solid rgba(11,37,69,.25);border-radius:50%;box-shadow:0 0 0 60px rgba(11,37,69,.06),0 0 0 120px rgba(11,37,69,.035)}html.page-services .integrated-grid{display:grid;gap:2.5rem;position:relative;z-index:1}html.page-services .integrated h2{max-width:820px;margin:0;font:650 clamp(2.6rem,8vw,6.2rem)/.9 var(--display);letter-spacing:-.065em}html.page-services .integrated-copy p{margin:0}html.page-services .process{margin-top:1.8rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}html.page-services .process div{padding:1rem;border:1px solid rgba(11,37,69,.22)}html.page-services .process span{display:block;font-size:.68rem;font-weight:850;letter-spacing:.13em}html.page-services .process strong{display:block;margin-top:.2rem;font:650 .98rem/1.2 var(--display)}
    html.page-services .assurance{padding:clamp(5rem,9vw,8rem) 0;background:var(--navy-3);color:white}html.page-services .assurance-grid{display:grid;gap:2.5rem}html.page-services .assurance .section-title{color:white}html.page-services .assurance-copy p{margin:0;color:rgba(255,255,255,.68)}html.page-services .standards{margin-top:1.7rem;display:flex;flex-wrap:wrap;gap:.55rem}html.page-services .standards span{padding:.6rem .75rem;border:1px solid rgba(201,162,75,.35);color:var(--gold-soft);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    html.page-services .cta-section{padding:clamp(5rem,10vw,8rem) 0;background:var(--paper)}html.page-services .cta-box{padding:clamp(1.7rem,5vw,4rem);display:grid;gap:2rem;align-items:end;background:var(--navy);color:white;position:relative;overflow:hidden}html.page-services .cta-box::after{content:"";position:absolute;right:-120px;bottom:-170px;width:350px;height:350px;border:1px solid rgba(201,162,75,.25);border-radius:50%;box-shadow:0 0 0 55px rgba(201,162,75,.04)}html.page-services .cta-box h2{max-width:700px;margin:0;font:650 clamp(2.4rem,6vw,5rem)/.95 var(--display);letter-spacing:-.055em}html.page-services .cta-box p{max-width:580px;margin:1.1rem 0 0;color:rgba(255,255,255,.65)}html.page-services .button{min-height:52px;padding:.85rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;font-weight:800;transition:transform .25s ease}html.page-services .button:hover{transform:translateY(-3px)}html.page-services .button-fire{background:linear-gradient(100deg,var(--fire-a),var(--fire-b));color:white;position:relative;z-index:1}html.page-services .button svg{width:18px;height:18px}
    html.page-services .site-footer{background:#041322;color:rgba(255,255,255,.68)}html.page-services .footer-grid{padding:4rem 0 2.3rem;display:grid;gap:2.5rem}html.page-services .footer-brand{color:white;font:750 1.45rem/1.1 var(--display)}html.page-services .footer-tag{margin:.8rem 0 0;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.15em}html.page-services .footer-title{margin:0 0 .8rem;color:white;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}html.page-services .footer-group p,html.page-services .footer-group address{margin:0;font-style:normal}html.page-services .footer-group a{display:block;width:fit-content;margin-top:.25rem;transition:color .2s ease}html.page-services .footer-group a:hover{color:var(--gold-soft)}html.page-services .footer-bottom{padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.75rem}
    html.page-services .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}html.page-services .reveal.in-view{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html.page-services *,html.page-services *::before,html.page-services *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html.page-services .reveal{opacity:1;transform:none}}
    @media(min-width:480px){html.page-services{--container:min(1180px,calc(100% - 3rem))}html.page-services .brand span:last-child{display:block}html.page-services .scope-strip{grid-template-columns:repeat(2,1fr)}html.page-services .capability-grid{grid-template-columns:repeat(2,1fr)}}
    @media(min-width:768px){html.page-services .page-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7);text-shadow:none}html.page-services .hero-inner{padding-bottom:4rem}html.page-services .hero-footer{grid-template-columns:1fr auto;align-items:end}html.page-services .intro-grid{grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,7rem)}html.page-services .scope-strip{grid-template-columns:repeat(4,1fr)}html.page-services .chapter-grid{grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,7vw,7rem)}html.page-services .service-chapter:nth-of-type(even) .chapter-visual{order:2}html.page-services .chapter-visual{position:sticky;top:155px}html.page-services .integrated-grid,html.page-services .assurance-grid{grid-template-columns:1.05fr .95fr;align-items:end}html.page-services .process{grid-template-columns:repeat(4,1fr)}html.page-services .cta-box{grid-template-columns:1fr auto}html.page-services .button-fire{justify-self:end}html.page-services .footer-grid{grid-template-columns:1.35fr 1fr 1fr}}
    @media(min-width:1024px){html.page-services .nav-toggle{display:none}html.page-services .nav-menu{position:static;min-height:auto;padding:0;flex-direction:row;align-items:center;gap:.1rem;background:transparent;opacity:1;visibility:visible;transform:none}html.page-services .nav-link{padding:.65rem .7rem;font-size:.83rem}html.page-services .nav-cta{margin:0 0 0 .7rem;padding:.65rem .9rem;font-size:.8rem}html.page-services .hero-inner{padding-top:11rem}html.page-services .chapter-visual{min-height:600px}html.page-services .chapter-stamp{left:1.7rem;bottom:1.7rem;padding:1.3rem}html.page-services .capability-card{padding:1.4rem}html.page-services .scope-item{min-height:170px;padding:1.55rem}}
    @media(min-width:1440px){html.page-services{--container:1280px}html.page-services .nav-wrap{min-height:84px}html.page-services .sector-nav{top:84px}html.page-services .page-hero h1{font-size:8.8rem}}

/* ==================== projects.html ==================== */
html.page-projects{--navy:#0B2545;--navy-2:#13315C;--navy-3:#06182D;--gold:#C9A24B;--gold-soft:#E6D3A2;--fire-a:#E63946;--fire-b:#F4A93B;--paper:#F7F5F0;--ink:#1C1F26;--muted:#667080;--white:#fff;--line:rgba(11,37,69,.14);--display:"Space Grotesk","Aptos Display","Segoe UI",sans-serif;--body:"Inter","Aptos","Segoe UI",sans-serif;--shadow:0 24px 60px rgba(6,24,45,.14);--container:min(1180px,calc(100% - 2rem))}
    html.page-projects *,html.page-projects *::before,html.page-projects *::after{box-sizing:border-box}html.page-projects{scroll-behavior:smooth;scroll-padding-top:92px}html.page-projects body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--body);overflow-x:hidden}html.page-projects body.nav-open{overflow:hidden}html.page-projects img{display:block;width:100%}html.page-projects a{color:inherit;text-decoration:none}html.page-projects button,html.page-projects a{-webkit-tap-highlight-color:transparent}html.page-projects :focus-visible{outline:3px solid var(--gold);outline-offset:4px}html.page-projects ::selection{background:var(--gold);color:var(--navy-3)}
    html.page-projects .container{width:var(--container);margin-inline:auto}html.page-projects .eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}html.page-projects .eyebrow::before{content:"";width:2rem;height:1px;background:currentColor}html.page-projects .section-title{max-width:820px;margin:0;color:var(--navy);font:650 clamp(2.15rem,6vw,4.75rem)/.98 var(--display);letter-spacing:-.055em}html.page-projects .section-title em{color:var(--gold);font-style:normal}html.page-projects .section-copy{max-width:660px;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.12rem)}
    html.page-projects .site-header{position:fixed;inset:0 0 auto;z-index:1000;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(6,24,45,.72);backdrop-filter:blur(16px);transition:.3s ease}html.page-projects .site-header.scrolled{background:rgba(6,24,45,.96);box-shadow:0 12px 35px rgba(0,0,0,.16)}html.page-projects .nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}html.page-projects .brand{display:inline-flex;align-items:center;gap:.8rem;color:white;font-family:var(--display);font-weight:800;letter-spacing:-.03em}html.page-projects .brand-mark{width:44px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(201,162,75,.65);color:var(--gold);font-size:.95rem;letter-spacing:-.06em;position:relative;overflow:hidden}html.page-projects .brand-mark::after{content:"";position:absolute;inset:auto -8px -12px auto;width:24px;height:34px;background:linear-gradient(155deg,var(--fire-a),var(--fire-b));transform:rotate(35deg);opacity:.9}html.page-projects .brand span:last-child{display:none;font-size:.78rem;line-height:1.15;letter-spacing:.06em;text-transform:uppercase}html.page-projects .nav-toggle{width:44px;height:44px;display:grid;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.22);background:transparent;color:white;cursor:pointer}html.page-projects .nav-toggle span{width:19px;height:1px;background:currentColor;transition:.25s ease}html.page-projects .nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}html.page-projects .nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}html.page-projects .nav-menu{position:fixed;inset:76px 0 auto;min-height:calc(100vh - 76px);padding:2rem 1rem;display:flex;flex-direction:column;gap:.35rem;background:var(--navy-3);opacity:0;visibility:hidden;transform:translateY(-1rem);transition:.25s ease}html.page-projects .nav-menu.open{opacity:1;visibility:visible;transform:none}html.page-projects .nav-link{padding:.9rem 1rem;color:rgba(255,255,255,.78);font-size:1.12rem;font-weight:650}html.page-projects .nav-link:hover,html.page-projects .nav-link.active{color:var(--gold-soft)}html.page-projects .nav-cta{margin-top:1rem;padding:.86rem 1rem;border:1px solid var(--gold);color:var(--gold-soft);text-align:center;font-weight:750;transition:.25s ease}html.page-projects .nav-cta:hover{background:var(--gold);color:var(--navy-3)}
    html.page-projects .page-hero{min-height:78svh;display:grid;align-items:end;position:relative;isolation:isolate;overflow:hidden;background:var(--navy-3);color:white}html.page-projects .hero-media{position:absolute;inset:0;z-index:-3}html.page-projects .hero-media img{height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.75) contrast(1.06)}html.page-projects .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,45,.99) 2%,rgba(11,37,69,.86) 50%,rgba(11,37,69,.4)),linear-gradient(0deg,rgba(6,24,45,.91),transparent 63%)}html.page-projects .page-hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,black,transparent 78%)}html.page-projects .hero-inner{padding:10rem 0 3.2rem}html.page-projects .page-hero h1{max-width:1040px;margin:0;font:650 clamp(3.5rem,12vw,8.5rem)/.82 var(--display);letter-spacing:-.075em;text-wrap:balance;animation:rise .85s .2s both}html.page-projects .page-hero h1 span{color:var(--gold-soft);-webkit-text-stroke:0;text-shadow:0 8px 26px rgba(0,0,0,.26)}html.page-projects .hero-kicker{animation:rise .75s .1s both}html.page-projects .hero-footer{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:1.2rem;animation:rise .85s .32s both}html.page-projects .hero-footer p{max-width:660px;margin:0;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.5vw,1.18rem)}html.page-projects .breadcrumb{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.5);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}html.page-projects .breadcrumb strong{color:var(--gold-soft)}
    html.page-projects .trust-intro{padding:clamp(5rem,10vw,9rem) 0}html.page-projects .intro-grid{display:grid;gap:2.5rem}html.page-projects .intro-statement{margin:0;color:var(--navy);font:500 clamp(1.45rem,3.3vw,2.65rem)/1.24 var(--display);letter-spacing:-.035em}html.page-projects .intro-statement em{color:var(--gold);font-style:normal}html.page-projects .intro-copy p{margin:0;color:var(--muted)}html.page-projects .approach-grid{margin-top:3.3rem;display:grid;gap:1px;border:1px solid var(--line);background:var(--line)}html.page-projects .approach-item{min-height:180px;padding:1.4rem;background:rgba(255,255,255,.66);display:flex;flex-direction:column;justify-content:space-between}html.page-projects .approach-item span{color:var(--gold);font-size:.7rem;font-weight:850;letter-spacing:.15em}html.page-projects .approach-item strong{display:block;color:var(--navy);font:650 1.25rem/1.15 var(--display);letter-spacing:-.025em}html.page-projects .approach-item p{margin:.45rem 0 0;color:var(--muted);font-size:.87rem}
    html.page-projects .portfolio{padding:clamp(5rem,10vw,9rem) 0;background:var(--navy);color:white;position:relative;overflow:hidden}html.page-projects .portfolio::before{content:"WORK";position:absolute;right:-3vw;top:-2rem;color:rgba(255,255,255,.024);font:900 min(24vw,20rem)/1 var(--display)}html.page-projects .portfolio .section-title{color:white}html.page-projects .portfolio-head{display:grid;gap:1.5rem;position:relative}html.page-projects .portfolio-head .section-copy{margin:0;color:rgba(255,255,255,.62)}html.page-projects .project-grid{margin-top:3.2rem;display:grid;gap:1rem;position:relative}html.page-projects .project-card{min-height:470px;position:relative;overflow:hidden;background:var(--navy-2);isolation:isolate}html.page-projects .project-card img{position:absolute;inset:0;z-index:-2;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .7s ease,filter .4s ease}html.page-projects .project-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,24,45,.08),rgba(6,24,45,.94) 88%)}html.page-projects .project-card:hover img{transform:scale(1.045);filter:saturate(.95)}html.page-projects .project-content{height:100%;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between}html.page-projects .project-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--gold-soft);font-size:.67rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}html.page-projects .project-meta span:last-child{color:rgba(255,255,255,.5)}html.page-projects .project-card h3{margin:0 0 .65rem;font:650 clamp(1.75rem,3vw,2.55rem)/1 var(--display);letter-spacing:-.045em}html.page-projects .project-card p{margin:0;color:rgba(255,255,255,.64);font-size:.91rem}html.page-projects .project-scope{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.4rem}html.page-projects .project-scope span{padding:.4rem .55rem;border:1px solid rgba(201,162,75,.28);color:var(--gold-soft);font-size:.64rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
    html.page-projects .experience{padding:clamp(5rem,9vw,8rem) 0}html.page-projects .experience-grid{display:grid;gap:1px;border:1px solid var(--line);background:var(--line)}html.page-projects .experience-card{min-height:285px;padding:1.5rem;background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;transition:background .25s ease,transform .25s ease}html.page-projects .experience-card:hover{background:white;transform:translateY(-4px)}html.page-projects .experience-card span{color:var(--gold);font-size:.7rem;font-weight:850;letter-spacing:.15em}html.page-projects .experience-card h3{margin:0 0 .6rem;color:var(--navy);font:650 1.55rem/1.05 var(--display);letter-spacing:-.035em}html.page-projects .experience-card p{margin:0;color:var(--muted);font-size:.9rem}
    html.page-projects .clients{padding:clamp(5rem,9vw,8rem) 0;background:white}html.page-projects .clients-grid{display:grid;gap:3rem;align-items:center}html.page-projects .client-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}html.page-projects .client-chip{min-height:115px;padding:1rem;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);color:var(--navy);font:800 clamp(.84rem,2vw,1.05rem)/1 var(--display);letter-spacing:.055em;text-align:center;transition:.25s ease}html.page-projects .client-chip:hover{background:var(--navy);color:var(--gold-soft);transform:translateY(-3px)}html.page-projects .client-note{margin-top:1rem;color:var(--muted);font-size:.78rem}
    html.page-projects .relationship{padding:clamp(5rem,9vw,8rem) 0;background:var(--navy-3);color:white}html.page-projects .relationship-grid{display:grid;gap:2.6rem}html.page-projects .relationship .section-title{color:white}html.page-projects .principles{display:grid;gap:.8rem}html.page-projects .principle{padding:1.2rem;border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:2.5rem 1fr;gap:.5rem}html.page-projects .principle span{color:var(--gold);font-weight:850}html.page-projects .principle strong{display:block;font:650 1.04rem/1.2 var(--display)}html.page-projects .principle p{margin:.25rem 0 0;color:rgba(255,255,255,.56);font-size:.87rem}
    html.page-projects .cta-section{padding:clamp(5rem,10vw,8rem) 0;background:var(--gold);color:var(--navy-3);position:relative;overflow:hidden}html.page-projects .cta-section::after{content:"";position:absolute;width:360px;height:360px;right:-170px;top:-140px;border:1px solid rgba(11,37,69,.25);border-radius:50%;box-shadow:0 0 0 60px rgba(11,37,69,.06),0 0 0 120px rgba(11,37,69,.035)}html.page-projects .cta-grid{display:grid;gap:2rem;align-items:end;position:relative;z-index:1}html.page-projects .cta-section h2{max-width:820px;margin:0;font:650 clamp(2.6rem,8vw,6.2rem)/.9 var(--display);letter-spacing:-.065em}html.page-projects .cta-section p{max-width:560px;margin:1.25rem 0 0}html.page-projects .button{min-height:52px;padding:.85rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;font-weight:800;transition:transform .25s ease}html.page-projects .button:hover{transform:translateY(-3px)}html.page-projects .button-dark{background:var(--navy-3);color:white;justify-self:start}html.page-projects .button svg{width:18px;height:18px}
    html.page-projects .site-footer{background:#041322;color:rgba(255,255,255,.68)}html.page-projects .footer-grid{padding:4rem 0 2.3rem;display:grid;gap:2.5rem}html.page-projects .footer-brand{color:white;font:750 1.45rem/1.1 var(--display)}html.page-projects .footer-tag{margin:.8rem 0 0;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.15em}html.page-projects .footer-title{margin:0 0 .8rem;color:white;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}html.page-projects .footer-group p,html.page-projects .footer-group address{margin:0;font-style:normal}html.page-projects .footer-group a{display:block;width:fit-content;margin-top:.25rem;transition:color .2s ease}html.page-projects .footer-group a:hover{color:var(--gold-soft)}html.page-projects .footer-bottom{padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.75rem}
    html.page-projects .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}html.page-projects .reveal.in-view{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html.page-projects *,html.page-projects *::before,html.page-projects *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html.page-projects .reveal{opacity:1;transform:none}}
    @media(min-width:480px){html.page-projects{--container:min(1180px,calc(100% - 3rem))}html.page-projects .brand span:last-child{display:block}html.page-projects .approach-grid{grid-template-columns:repeat(2,1fr)}html.page-projects .experience-grid{grid-template-columns:repeat(2,1fr)}}
    @media(min-width:768px){html.page-projects .page-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7);text-shadow:none}html.page-projects .hero-inner{padding-bottom:4rem}html.page-projects .hero-footer{grid-template-columns:1fr auto;align-items:end}html.page-projects .intro-grid{grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,7rem)}html.page-projects .approach-grid{grid-template-columns:repeat(4,1fr)}html.page-projects .portfolio-head{grid-template-columns:1.15fr .85fr;align-items:end}html.page-projects .project-grid{grid-template-columns:repeat(12,1fr)}html.page-projects .project-card{grid-column:span 6}html.page-projects .project-card:first-child{grid-column:span 7}html.page-projects .project-card:nth-child(2){grid-column:span 5}html.page-projects .project-card:nth-child(3){grid-column:span 12;min-height:520px}html.page-projects .experience-grid{grid-template-columns:repeat(3,1fr)}html.page-projects .clients-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,7vw,7rem)}html.page-projects .client-wall{grid-template-columns:repeat(3,1fr)}html.page-projects .relationship-grid{grid-template-columns:1.08fr .92fr;align-items:start}html.page-projects .cta-grid{grid-template-columns:1fr auto}html.page-projects .button-dark{justify-self:end}html.page-projects .footer-grid{grid-template-columns:1.35fr 1fr 1fr}}
    @media(min-width:1024px){html.page-projects .nav-toggle{display:none}html.page-projects .nav-menu{position:static;min-height:auto;padding:0;flex-direction:row;align-items:center;gap:.1rem;background:transparent;opacity:1;visibility:visible;transform:none}html.page-projects .nav-link{padding:.65rem .7rem;font-size:.83rem}html.page-projects .nav-cta{margin:0 0 0 .7rem;padding:.65rem .9rem;font-size:.8rem}html.page-projects .hero-inner{padding-top:11rem}html.page-projects .project-card{min-height:540px}html.page-projects .project-card:nth-child(3){min-height:580px}html.page-projects .project-content{padding:1.8rem}html.page-projects .experience-card{padding:1.7rem;min-height:310px}html.page-projects .client-chip{min-height:135px}}
    @media(min-width:1440px){html.page-projects{--container:1280px}html.page-projects .nav-wrap{min-height:84px}html.page-projects .page-hero h1{font-size:8.8rem}}

/* ==================== contact.html ==================== */
html.page-contact{--navy:#0B2545;--navy-2:#13315C;--navy-3:#06182D;--gold:#C9A24B;--gold-soft:#E6D3A2;--fire-a:#E63946;--fire-b:#F4A93B;--paper:#F7F5F0;--ink:#1C1F26;--muted:#667080;--white:#fff;--line:rgba(11,37,69,.14);--display:"Space Grotesk","Aptos Display","Segoe UI",sans-serif;--body:"Inter","Aptos","Segoe UI",sans-serif;--shadow:0 24px 60px rgba(6,24,45,.14);--container:min(1180px,calc(100% - 2rem))}
    html.page-contact *,html.page-contact *::before,html.page-contact *::after{box-sizing:border-box}html.page-contact{scroll-behavior:smooth;scroll-padding-top:90px}html.page-contact body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--body);overflow-x:hidden}html.page-contact body.nav-open{overflow:hidden}html.page-contact img{display:block;width:100%}html.page-contact a{color:inherit;text-decoration:none}html.page-contact button,html.page-contact input,html.page-contact select,html.page-contact textarea{font:inherit}html.page-contact button,html.page-contact a{-webkit-tap-highlight-color:transparent}html.page-contact :focus-visible{outline:3px solid var(--gold);outline-offset:4px}html.page-contact ::selection{background:var(--gold);color:var(--navy-3)}
    html.page-contact .container{width:var(--container);margin-inline:auto}html.page-contact .eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}html.page-contact .eyebrow::before{content:"";width:2rem;height:1px;background:currentColor}html.page-contact .section-title{max-width:820px;margin:0;color:var(--navy);font:650 clamp(2.15rem,6vw,4.75rem)/.98 var(--display);letter-spacing:-.055em}html.page-contact .section-title em{color:var(--gold);font-style:normal}html.page-contact .section-copy{max-width:660px;margin:1.35rem 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.12rem)}
    html.page-contact .site-header{position:fixed;inset:0 0 auto;z-index:1000;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(6,24,45,.72);backdrop-filter:blur(16px);transition:.3s ease}html.page-contact .site-header.scrolled{background:rgba(6,24,45,.96);box-shadow:0 12px 35px rgba(0,0,0,.16)}html.page-contact .nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}html.page-contact .brand{display:inline-flex;align-items:center;gap:.8rem;color:white;font-family:var(--display);font-weight:800;letter-spacing:-.03em}html.page-contact .brand-mark{width:44px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(201,162,75,.65);color:var(--gold);font-size:.95rem;letter-spacing:-.06em;position:relative;overflow:hidden}html.page-contact .brand-mark::after{content:"";position:absolute;inset:auto -8px -12px auto;width:24px;height:34px;background:linear-gradient(155deg,var(--fire-a),var(--fire-b));transform:rotate(35deg);opacity:.9}html.page-contact .brand span:last-child{display:none;font-size:.78rem;line-height:1.15;letter-spacing:.06em;text-transform:uppercase}html.page-contact .nav-toggle{width:44px;height:44px;display:grid;place-content:center;gap:5px;border:1px solid rgba(255,255,255,.22);background:transparent;color:white;cursor:pointer}html.page-contact .nav-toggle span{width:19px;height:1px;background:currentColor;transition:.25s ease}html.page-contact .nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}html.page-contact .nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}html.page-contact .nav-menu{position:fixed;inset:76px 0 auto;min-height:calc(100vh - 76px);padding:2rem 1rem;display:flex;flex-direction:column;gap:.35rem;background:var(--navy-3);opacity:0;visibility:hidden;transform:translateY(-1rem);transition:.25s ease}html.page-contact .nav-menu.open{opacity:1;visibility:visible;transform:none}html.page-contact .nav-link{padding:.9rem 1rem;color:rgba(255,255,255,.78);font-size:1.12rem;font-weight:650}html.page-contact .nav-link:hover,html.page-contact .nav-link.active{color:var(--gold-soft)}html.page-contact .nav-cta{margin-top:1rem;padding:.86rem 1rem;border:1px solid var(--gold);color:var(--gold-soft);text-align:center;font-weight:750;transition:.25s ease}html.page-contact .nav-cta:hover{background:var(--gold);color:var(--navy-3)}
    html.page-contact .page-hero{min-height:72svh;display:grid;align-items:end;position:relative;isolation:isolate;overflow:hidden;background:var(--navy-3);color:white}html.page-contact .hero-media{position:absolute;inset:0;z-index:-3}html.page-contact .hero-media img{height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.72) contrast(1.07)}html.page-contact .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,24,45,.99) 2%,rgba(11,37,69,.88) 52%,rgba(11,37,69,.46)),linear-gradient(0deg,rgba(6,24,45,.92),transparent 65%)}html.page-contact .page-hero::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,black,transparent 78%)}html.page-contact .hero-inner{padding:10rem 0 3rem}html.page-contact .page-hero h1{max-width:1020px;margin:0;font:650 clamp(3.55rem,12vw,8.5rem)/.82 var(--display);letter-spacing:-.075em;text-wrap:balance;animation:rise .85s .2s both}html.page-contact .page-hero h1 span{color:var(--gold-soft);-webkit-text-stroke:0;text-shadow:0 8px 26px rgba(0,0,0,.26)}html.page-contact .hero-kicker{animation:rise .75s .1s both}html.page-contact .hero-footer{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.18);display:grid;gap:1.2rem;animation:rise .85s .32s both}html.page-contact .hero-footer p{max-width:660px;margin:0;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.5vw,1.18rem)}html.page-contact .breadcrumb{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.5);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}html.page-contact .breadcrumb strong{color:var(--gold-soft)}
    html.page-contact .quick-contact{background:white;border-bottom:1px solid var(--line)}html.page-contact .quick-grid{display:grid}html.page-contact .quick-item{min-height:135px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line);transition:background .25s ease}html.page-contact .quick-item:hover{background:var(--paper)}html.page-contact .quick-item small{color:var(--gold);font-size:.68rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}html.page-contact .quick-item strong{display:block;color:var(--navy);font:650 1.1rem/1.25 var(--display);letter-spacing:-.02em}html.page-contact .quick-item span{display:block;margin-top:.25rem;color:var(--muted);font-size:.82rem}html.page-contact .quick-item.action strong::after{content:" ↗";color:var(--gold)}
    html.page-contact .contact-main{padding:clamp(5rem,10vw,9rem) 0}html.page-contact .contact-head{display:grid;gap:1.8rem;margin-bottom:3rem}html.page-contact .contact-head .section-copy{margin:0}html.page-contact .contact-layout{display:grid;gap:1rem;align-items:start}html.page-contact .form-panel{padding:1.25rem;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}html.page-contact .form-top{margin-bottom:1.8rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}html.page-contact .form-top h2{margin:0;color:var(--navy);font:650 clamp(1.65rem,4vw,2.4rem)/1.05 var(--display);letter-spacing:-.04em}html.page-contact .form-top p{margin:.6rem 0 0;color:var(--muted);font-size:.9rem}html.page-contact .form-grid{display:grid;gap:1rem}html.page-contact .field{display:grid;gap:.42rem}html.page-contact .field.full{grid-column:1/-1}html.page-contact .field label{color:var(--navy);font-size:.76rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}html.page-contact .field label span{color:var(--fire-a)}html.page-contact .field input,html.page-contact .field select,html.page-contact .field textarea{width:100%;border:1px solid rgba(11,37,69,.2);border-radius:0;background:var(--paper);color:var(--ink);padding:.85rem .9rem;min-height:51px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}html.page-contact .field textarea{min-height:150px;resize:vertical}html.page-contact .field input:hover,html.page-contact .field select:hover,html.page-contact .field textarea:hover{border-color:rgba(11,37,69,.45)}html.page-contact .field input:focus,html.page-contact .field select:focus,html.page-contact .field textarea:focus{outline:none;border-color:var(--gold);background:white;box-shadow:0 0 0 3px rgba(201,162,75,.16)}html.page-contact .field input::placeholder,html.page-contact .field textarea::placeholder{color:#8B929C}html.page-contact .form-footer{margin-top:1.2rem;display:grid;gap:1rem}html.page-contact .form-note{margin:0;color:var(--muted);font-size:.78rem}html.page-contact .submit-button{min-height:54px;border:0;padding:.9rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;background:linear-gradient(100deg,var(--fire-a),var(--fire-b));color:white;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(230,57,70,.2);transition:transform .25s ease,box-shadow .25s ease}html.page-contact .submit-button:hover{transform:translateY(-3px);box-shadow:0 17px 32px rgba(230,57,70,.25)}html.page-contact .submit-button svg{width:18px;height:18px}html.page-contact .form-status{min-height:1.4rem;margin:.7rem 0 0;color:var(--navy);font-size:.82rem;font-weight:650}
    html.page-contact .detail-panel{background:var(--navy);color:white;overflow:hidden}html.page-contact .detail-image{height:245px;position:relative;background:var(--navy-2)}html.page-contact .detail-image img{height:100%;object-fit:cover;filter:saturate(.75)}html.page-contact .detail-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--navy),transparent 72%)}html.page-contact .detail-content{padding:1.5rem}html.page-contact .detail-content h2{margin:0;font:650 clamp(1.6rem,4vw,2.25rem)/1.05 var(--display);letter-spacing:-.04em}html.page-contact .detail-content>p{margin:.8rem 0 0;color:rgba(255,255,255,.64);font-size:.91rem}html.page-contact .detail-list{margin:1.6rem 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}html.page-contact .detail-list li{padding:1rem 0;display:grid;grid-template-columns:2rem 1fr;gap:.55rem;border-bottom:1px solid rgba(255,255,255,.14)}html.page-contact .detail-list span{color:var(--gold);font-weight:850}html.page-contact .detail-list strong{display:block;font:650 .98rem/1.2 var(--display)}html.page-contact .detail-list p{margin:.2rem 0 0;color:rgba(255,255,255,.55);font-size:.8rem}html.page-contact .map-link{margin-top:1.4rem;min-height:48px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--gold);color:var(--gold-soft);font-size:.8rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;transition:.25s ease}html.page-contact .map-link:hover{background:var(--gold);color:var(--navy-3)}
    html.page-contact .prepare{padding:clamp(5rem,9vw,8rem) 0;background:white}html.page-contact .prepare-grid{display:grid;gap:2.7rem}html.page-contact .prepare-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}html.page-contact .prepare-item{min-height:175px;padding:1.3rem;background:white;display:flex;flex-direction:column;justify-content:space-between}html.page-contact .prepare-item span{color:var(--gold);font-size:.7rem;font-weight:850;letter-spacing:.15em}html.page-contact .prepare-item strong{display:block;color:var(--navy);font:650 1.17rem/1.15 var(--display)}html.page-contact .prepare-item p{margin:.4rem 0 0;color:var(--muted);font-size:.86rem}
    html.page-contact .assurance{padding:clamp(5rem,9vw,8rem) 0;background:var(--gold);color:var(--navy-3);position:relative;overflow:hidden}html.page-contact .assurance::after{content:"";position:absolute;width:360px;height:360px;right:-170px;top:-140px;border:1px solid rgba(11,37,69,.25);border-radius:50%;box-shadow:0 0 0 60px rgba(11,37,69,.06),0 0 0 120px rgba(11,37,69,.035)}html.page-contact .assurance-grid{display:grid;gap:2.3rem;position:relative;z-index:1}html.page-contact .assurance h2{max-width:800px;margin:0;font:650 clamp(2.55rem,8vw,6rem)/.9 var(--display);letter-spacing:-.065em}html.page-contact .assurance-copy p{margin:0}html.page-contact .assurance-tags{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}html.page-contact .assurance-tags span{padding:.55rem .7rem;border:1px solid rgba(11,37,69,.25);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
    html.page-contact .site-footer{background:#041322;color:rgba(255,255,255,.68)}html.page-contact .footer-grid{padding:4rem 0 2.3rem;display:grid;gap:2.5rem}html.page-contact .footer-brand{color:white;font:750 1.45rem/1.1 var(--display)}html.page-contact .footer-tag{margin:.8rem 0 0;color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.15em}html.page-contact .footer-title{margin:0 0 .8rem;color:white;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}html.page-contact .footer-group p,html.page-contact .footer-group address{margin:0;font-style:normal}html.page-contact .footer-group a{display:block;width:fit-content;margin-top:.25rem;transition:color .2s ease}html.page-contact .footer-group a:hover{color:var(--gold-soft)}html.page-contact .footer-bottom{padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;font-size:.75rem}
    html.page-contact .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}html.page-contact .reveal.in-view{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html.page-contact *,html.page-contact *::before,html.page-contact *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}html.page-contact .reveal{opacity:1;transform:none}}
    @media(min-width:480px){html.page-contact{--container:min(1180px,calc(100% - 3rem))}html.page-contact .brand span:last-child{display:block}html.page-contact .quick-grid{grid-template-columns:repeat(2,1fr)}html.page-contact .quick-item{border-right:1px solid var(--line)}html.page-contact .form-panel{padding:1.7rem}html.page-contact .form-grid{grid-template-columns:repeat(2,1fr)}html.page-contact .prepare-list{grid-template-columns:repeat(2,1fr)}}
    @media(min-width:768px){html.page-contact .page-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7);text-shadow:none}html.page-contact .hero-inner{padding-bottom:4rem}html.page-contact .hero-footer{grid-template-columns:1fr auto;align-items:end}html.page-contact .quick-grid{grid-template-columns:repeat(4,1fr)}html.page-contact .quick-item{border-bottom:0}html.page-contact .contact-head{grid-template-columns:1.1fr .9fr;align-items:end}html.page-contact .contact-layout{grid-template-columns:1.18fr .82fr;gap:1rem}html.page-contact .form-panel{padding:clamp(1.8rem,4vw,3rem)}html.page-contact .detail-panel{position:sticky;top:100px}html.page-contact .prepare-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(3rem,7vw,7rem)}html.page-contact .prepare-list{grid-template-columns:repeat(3,1fr)}html.page-contact .assurance-grid{grid-template-columns:1.05fr .95fr;align-items:end}html.page-contact .footer-grid{grid-template-columns:1.35fr 1fr 1fr}}
    @media(min-width:1024px){html.page-contact .nav-toggle{display:none}html.page-contact .nav-menu{position:static;min-height:auto;padding:0;flex-direction:row;align-items:center;gap:.1rem;background:transparent;opacity:1;visibility:visible;transform:none}html.page-contact .nav-link{padding:.65rem .7rem;font-size:.83rem}html.page-contact .nav-cta{margin:0 0 0 .7rem;padding:.65rem .9rem;font-size:.8rem}html.page-contact .hero-inner{padding-top:11rem}html.page-contact .quick-item{min-height:150px;padding:1.5rem}html.page-contact .detail-image{height:300px}html.page-contact .detail-content{padding:2rem}html.page-contact .submit-button{justify-self:start;min-width:210px}}
    @media(min-width:1440px){html.page-contact{--container:1280px}html.page-contact .nav-wrap{min-height:84px}html.page-contact .page-hero h1{font-size:8.8rem}}

/* ==================== client logo imagery ==================== */
html.page-home .logo-chip.logo-chip-image,
html.page-about .logo-chip.logo-chip-image{
  width:112px;
  height:58px;
  padding:.55rem .75rem;
  display:grid;
  place-items:center;
  background:#fff;
}
html.page-home .logo-chip-image img,
html.page-about .logo-chip-image img{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:38px;
  object-fit:contain;
}
html.page-projects .client-chip.client-chip-image{
  padding:1rem;
  background:#fff;
}
html.page-projects .client-chip-image img{
  width:auto;
  height:auto;
  max-width:78%;
  max-height:68px;
  object-fit:contain;
}
@media(min-width:768px){
  html.page-home .logo-chip.logo-chip-image,
  html.page-about .logo-chip.logo-chip-image{width:126px;height:64px}
  html.page-home .logo-chip-image img,
  html.page-about .logo-chip-image img{max-height:42px}
}

/* ==================== system pages: 404 + search ==================== */
html.page-system .system-main{min-height:72vh;background:var(--paper)}
html.page-system .system-hero{min-height:72svh;padding:clamp(9rem,15vw,13rem) 0 clamp(4.5rem,9vw,8rem);display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 25%,rgba(201,162,75,.18),transparent 28%),linear-gradient(135deg,var(--navy-3),var(--navy));color:white}
html.page-system .system-hero::before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to right,black,transparent 85%)}
html.page-system .system-grid{display:grid;gap:3rem;position:relative;z-index:1}
html.page-system .system-hero h1{max-width:900px;margin:0;font:650 clamp(3.2rem,10vw,7.4rem)/.88 var(--display);letter-spacing:-.07em}
html.page-system .system-hero h1 em{color:var(--gold-soft);font-style:normal}
html.page-system .system-copy{max-width:620px;margin:1.5rem 0 0;color:rgba(255,255,255,.7);font-size:clamp(1rem,1.5vw,1.18rem)}
html.page-system .system-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}
html.page-system .button{min-height:52px;padding:.85rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
html.page-system .button:hover{transform:translateY(-3px)}
html.page-system .button-fire{background:linear-gradient(100deg,var(--fire-a),var(--fire-b));color:white;box-shadow:0 14px 32px rgba(230,57,70,.2)}
html.page-system .button-outline{border:1px solid var(--gold);color:var(--gold-soft)}
html.page-system .button-outline:hover{background:var(--gold);color:var(--navy-3)}
html.page-system .system-code{display:none;align-items:center;justify-content:center;position:relative;min-height:320px;font:800 clamp(7rem,18vw,15rem)/.75 var(--display);letter-spacing:-.1em}
html.page-system .system-code span:first-child{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25);transform:translate(10%,-14%)}
html.page-system .system-code span:last-child{position:absolute;color:rgba(201,162,75,.12);transform:translate(-8%,12%)}
html.page-system .system-search{padding:clamp(4rem,8vw,7rem) 0;background:white}
html.page-system .system-search-grid{display:grid;gap:2rem;align-items:end}
html.page-system .system-search h2,html.page-system .no-results h2{margin:0;color:var(--navy);font:650 clamp(2rem,5vw,4rem)/1 var(--display);letter-spacing:-.05em}
html.page-system .search-form{width:100%;display:flex;align-items:stretch}
html.page-system .search-form label{flex:1}
html.page-system .search-field{width:100%;height:56px;padding:.8rem 1rem;border:1px solid rgba(11,37,69,.2);background:var(--paper);color:var(--ink);font:inherit}
html.page-system .search-field:focus{outline:3px solid rgba(201,162,75,.28);border-color:var(--gold)}
html.page-system .search-submit{min-width:118px;border:0;padding:.8rem 1rem;background:var(--gold);color:var(--navy-3);font:800 .8rem/1 var(--body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
html.page-system .system-hero-search{min-height:50svh;align-items:end}
html.page-system .system-hero-search .container{position:relative;z-index:1}
html.page-system .system-search-form{max-width:720px;margin-top:2rem}
html.page-system .search-results{padding:clamp(4rem,9vw,8rem) 0}
html.page-system .results-count{margin:0 0 1.5rem;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
html.page-system .results-list{display:grid;gap:1rem}
html.page-system .result-card{padding:clamp(1.4rem,3vw,2rem);border:1px solid var(--line);background:white;transition:transform .25s ease,box-shadow .25s ease}
html.page-system .result-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
html.page-system .result-type{margin:0 0 .65rem;color:var(--gold);font-size:.68rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
html.page-system .result-card h2{margin:0;color:var(--navy);font:650 clamp(1.45rem,3vw,2rem)/1.1 var(--display);letter-spacing:-.035em}
html.page-system .result-card h2 a:hover{color:var(--gold)}
html.page-system .result-card>p:not(.result-type){max-width:760px;margin:.8rem 0;color:var(--muted)}
html.page-system .result-link{display:inline-flex;gap:.5rem;color:var(--navy);font-size:.78rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
html.page-system .result-link span{color:var(--gold)}
html.page-system .result-pagination{margin-top:2rem}
html.page-system .nav-links{display:flex;flex-wrap:wrap;gap:.45rem}
html.page-system .page-numbers{min-width:42px;min-height:42px;padding:.55rem;display:grid;place-items:center;border:1px solid var(--line);background:white;color:var(--navy)}
html.page-system .page-numbers.current,html.page-system .page-numbers:hover{background:var(--navy);color:white}
html.page-system .no-results{max-width:760px;padding:clamp(1.5rem,5vw,3.5rem);border-left:3px solid var(--gold);background:white;box-shadow:var(--shadow)}
html.page-system .no-results>p:not(.eyebrow){color:var(--muted)}
html.page-system .no-results .button{margin-top:1rem}
@media(min-width:768px){html.page-system .system-grid{grid-template-columns:1.2fr .8fr;align-items:center}html.page-system .system-code{display:flex}html.page-system .system-search-grid{grid-template-columns:1fr 1fr}html.page-system .results-list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){html.page-system .system-hero-search{padding-top:12rem}}