:root {
      color-scheme: dark;
      --u: min(0.06410256vw, 0.12400794vh);
      --vu: 0.09920635vh;
      --inset-top: 41;
      --inset-bottom: 106;
      --brand-x: 225; --brand-y: 45; --mark: 34; --brand-gap: 12; --brand-fs: 18.49;
      --links-y: 50.5; --links-gap: 50; --links-fs: 21.69;
      --cta-x: 1195; --cta-y: 42; --cta-w: 140; --cta-h: 43; --cta-r: 12; --cta-fs: 15.70; --cta-dy: 2;
      --hero-gap: 51; --h1-y: 323; --h1-fs: 36.25; --display-ls: .0018em; --nav-ls: -.0115em; --brand-ls: -.0154em; --cta-ls: -.0127em; --body-ls: .007em; --label-ls: normal; --model-ls: normal; --proof-ls: .0065em;
      --w-regular: 400; --w-display-wght: 410; --w-medium: 500; --w-semibold: 600; --w-display: var(--w-display-wght); --w-nav: 400; --w-brand: 500; --w-cta: 520; --w-body: var(--w-regular); --w-label: var(--w-medium); --w-model: var(--w-regular); --w-proof: 480;
      --card-x: 425; --card-y: 413; --card-w: 708; --card-h: 143; --card-r: 26; --ph-x: 452; --ph-y: 446; --ph-fs: 9.97; --chips-x: 444; --chips-y: 505; --chip-h: 30; --chip-r: 9; --chip-fs: 9; --chip-gap: 5.5;
      --by-y: 799; --by-fs: 14.01; --logo-y: 867; --logo-gap: 62;
      --font-text: Inter, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      --font-display: Inter, var(--font-text);
      --bg: #080807; --bg-raised: #14110d; --surface: rgba(25, 22, 17, .76); --surface-strong: rgba(25, 22, 17, .94);
      --ink: #f5f1e8; --muted: #c0b9aa; --subtle: #938a78; --line: rgba(226,199,132,.16);
      --cyan: #d5b46a; --blue: #b58a48; --violet: #80663f; --purple: #503d20; --gold: #e2c784;
      --radius-sm: 12px; --radius-md: 20px; --radius-lg: 30px; --radius-xl: 38px;
      --content: 1220px; --pad: clamp(22px, 5.3vw, 88px);
      --e-primary: cubic-bezier(.16, 1, .3, 1); --e-soft: cubic-bezier(.22, 1, .36, 1);
      --shadow-lg: 0 28px 90px rgba(0,0,0,.38);
    }
    @supports (height: 100dvh) { :root { --u: min(.06410256vw, .12400794dvh); --vu: .09920635dvh; } }
    @media (min-width: 1561px) { :root { --inset-top: 27; --inset-bottom: 74; } }
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; scroll-padding-top: 92px; background: var(--bg); }
    body { min-width: 320px; margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font-text); font-synthesis: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision; letter-spacing: var(--body-ls); overflow-x: hidden; }
    button, input, textarea { font: inherit; color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    img, svg { display: block; }
    [hidden] { display: none !important; }
    a { color: inherit; text-decoration: none; }
    button { border: 0; cursor: pointer; }
    :focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; border-radius: 5px; }
    ::selection { color: #18140c; background: var(--cyan); }
    .skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 12px 16px; border-radius: 10px; color: #18140c; background: var(--cyan); transform: translateY(-160%); }
    .skip-link:focus { transform: translateY(0); }
    .icon { width: 1.1em; height: 1.1em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
    .video-stage { position: fixed; z-index: 0; inset: 0; overflow: hidden; background: #15130f url("engineers-background-poster.webp") 65% center / cover no-repeat; pointer-events: none; }
    .video-stage video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
    .video-stage video { filter: contrast(1.1) saturate(1.08) brightness(1.025); }
    .video-stage::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,9,15,.38) 0%, rgba(5,11,19,.28) 42%, rgba(7,11,17,.5) 100%), linear-gradient(90deg, rgba(4,9,15,.34), transparent 52%, rgba(4,9,15,.24)); }
    @media (max-width: 700px) {
      .video-stage { background-position: 65% center; }
      .video-stage video { display: none; }
      .video-stage.is-playing video { display: block; object-position: 65% center; }
    }
    .ambient-logo { position: fixed; z-index: 1; top: 50%; left: 50%; width: min(68vw, 76vh, 790px); aspect-ratio: 1; display: grid; place-items: center; overflow: visible; pointer-events: none; opacity: .24; transform: translate(-50%, -50%); }
    .ambient-logo img { width: 78%; height: 78%; object-fit: contain; transform-style: preserve-3d; animation: logoTurn 42s linear infinite; filter: brightness(1.35) drop-shadow(0 18px 34px rgba(0,0,0,.42)); }
    .site-header { position: fixed; z-index: 40; top: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255, 237, 140,.08); background: rgba(6, 11, 18, .66); backdrop-filter: blur(22px) saturate(130%); -webkit-backdrop-filter: blur(22px) saturate(130%); }
    .nav-shell { width: min(100%, 1600px); height: 82px; margin: auto; padding: 0 var(--pad); display: flex; align-items: center; justify-content: space-between; gap: 30px; }
    .brand { display: inline-flex; align-items: center; gap: 9px; min-width: max-content; }
    .brand-lockup { width: clamp(172px, 17vw, 225px); height: 52px; padding: 0; object-fit: contain; border-radius: 0; background: transparent; filter: brightness(1.55) drop-shadow(0 0 8px rgba(0,0,0,.2)); }
    .brand-registration { color: rgba(255, 235, 138,.7); font-size: 12px; font-weight: 600; letter-spacing: .04em; white-space: nowrap; }
    .nav-links { display: flex; align-items: center; gap: clamp(20px, 2.9vw, 46px); margin-left: auto; margin-right: auto; }
    .nav-links a { color: rgba(245,249,255,.78); font-size: 12px; letter-spacing: .015em; transition: color .2s ease, opacity .2s ease; }
    .nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--gold); text-decoration: underline; text-decoration-color: rgba(226,199,132,.7); text-underline-offset: 8px; }
    .nav-right { display: flex; align-items: center; gap: 12px; }
    .nav-cta, .button { min-height: 46px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 0 20px; border: 1px solid rgba(255, 222, 131,.2); border-radius: 14px; background: linear-gradient(135deg, rgba(200, 169, 100,.98), rgba(143, 121, 71,.98)); color: #100b04; font-size: 12px; font-weight: 700; box-shadow: 0 8px 28px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.34); transition: transform .22s var(--e-primary), filter .22s ease, box-shadow .22s ease; }
    .nav-cta:hover, .button:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 14px 34px rgba(0,0,0,.25); }
    .button.secondary { color: #100b04; border-color: rgba(255, 236, 139,.4); background: linear-gradient(135deg, #e2c784, #a88648); box-shadow: inset 0 1px 0 rgba(255,255,255,.25); backdrop-filter: blur(12px); }
    .button.secondary:hover { border-color: rgba(255, 236, 139,.7); background: linear-gradient(135deg, #f0dda9, #bd9853); }
    .menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.07); color: var(--ink); }
    .mobile-menu { display: none; }
    main { position: relative; z-index: 2; }
    .hero { position: relative; min-height: max(760px, 100svh); padding: 130px var(--pad) 55px; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; isolation: isolate; text-align: center; }
    .hero::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 50% 42%, rgba(65, 55, 33,.08), transparent 44%), linear-gradient(180deg, rgba(4,9,15,.2), rgba(4,9,15,.25) 54%, #080807 100%); }
    .hero-inner { width: min(100%, 980px); margin: 10px auto 0; display: flex; flex-direction: column; align-items: center; gap: 21px; }
    .hero-mark-wrap { position: relative; width: clamp(124px, 15vw, 192px); aspect-ratio: 1; display: grid; place-items: center; margin-bottom: 3px; perspective: 900px; isolation: isolate; }
    .hero-mark-wrap::before, .hero-mark-wrap::after { content: ""; position: absolute; border: 1px solid rgba(250, 211, 124,.22); border-radius: 50%; inset: 7%; transform: rotateX(67deg); box-shadow: 0 8px 22px rgba(0,0,0,.22); }
    .hero-mark-wrap::after { inset: 18%; border-color: rgba(112, 84, 34,.15); transform: rotateY(65deg) rotateX(65deg); }
    .mark-glow { position: absolute; inset: 19%; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.1), rgba(255,255,255,.02) 50%, transparent 73%); filter: blur(10px); }
    .hero-mark { position: relative; width: 72%; height: 72%; transform-style: preserve-3d; animation: logoTurn 18s linear infinite; filter: brightness(1.35) drop-shadow(0 15px 22px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(0,0,0,.34)); }
    .hero-mark img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; backface-visibility: hidden; }
    .hero-mark .mark-back { transform: rotateY(180deg); }
    .eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--cyan); font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: .04em; }
    .eyebrow::before { content: ""; width: 22px; height: 1px; background: currentColor; opacity: .8; }
    h1, h2, h3, p { margin-top: 0; }
    h1, .section-title, .lead-title { font-family: var(--font-display); font-variation-settings: "opsz" 32; }
    h1 { max-width: 930px; margin: 3px auto 0; color: #f7f3e9; font-size: clamp(43px, 6.1vw, 82px); line-height: 1.02; font-weight: 500; letter-spacing: -.035em; text-shadow: 0 3px 30px rgba(0,0,0,.38); }
    h1 .accent, .section-title .accent { color: var(--gold); background: none; }
    .hero-copy { max-width: 610px; margin: 0 auto; color: rgba(232,241,250,.76); font-size: clamp(14px, 1.3vw, 16px); line-height: 1.75; }
    .search-card { width: min(100%, 716px); position: relative; padding: 13px; margin-top: 9px; border: 1px solid rgba(255, 240, 141,.18); border-radius: 22px; background: rgba(8,16,25,.62); box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 24px 80px rgba(0,0,0,.26); backdrop-filter: blur(27px) saturate(130%); -webkit-backdrop-filter: blur(27px) saturate(130%); text-align: left; }
    .search-top { display: flex; align-items: center; gap: 12px; padding: 0 10px 12px; border-bottom: 1px solid rgba(255, 233, 137,.1); }
    .search-top .icon { color: var(--cyan); width: 19px; height: 19px; }
    .search-top input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 14px; }
    .search-top input::placeholder { color: rgba(255, 218, 128,.62); }
    .search-tools { display: flex; align-items: center; gap: 8px; padding: 12px 4px 2px; }
    .quick-chip { min-height: 32px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; color: rgba(255, 233, 137,.74); background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035)); font-size: 12px; white-space: nowrap; transition: .2s ease; cursor: pointer; }
    .quick-chip:hover { color: #fff; border-color: rgba(225, 190, 112,.32); background: rgba(8,11,15,.96); }
    .quick-chip .icon { color: var(--cyan); width: 13px; height: 13px; }
    .search-submit { width: 38px; height: 38px; margin-left: auto; display: grid; place-items: center; flex: none; border-radius: 12px; color: #1b160d; background: linear-gradient(145deg, #f1dfb3, #c7a15d 67%, #9f783b); box-shadow: 0 5px 20px rgba(0,0,0,.28); transition: transform .2s var(--e-primary), filter .2s ease; }
    .search-submit:hover { transform: translateY(-2px); filter: brightness(1.08); }
    .search-submit .icon { width: 17px; height: 17px; }
    .hero-proof { width: min(100%, 900px); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 26px; margin-top: 16px; color: rgba(255, 231, 136,.68); font-size: 12px; letter-spacing: .025em; }
    .proof-item { display: inline-flex; align-items: center; gap: 8px; }
    .proof-item .icon { width: 14px; height: 14px; color: var(--cyan); }
    .scroll-note { position: absolute; bottom: 27px; left: 50%; display: flex; align-items: center; gap: 10px; color: var(--ink); font-size: 12px; letter-spacing: .04em; text-transform: none; transform: translateX(-50%); }
    .scroll-note::after { content: ""; width: 34px; height: 1px; background: rgba(225, 190, 112,.62); }
    .section { position: relative; padding: clamp(82px, 10vw, 144px) var(--pad); padding-inline: clamp(22px, 5.3vw, 88px); background: rgba(7,11,17,.65); }
    .section:nth-of-type(even) { background: linear-gradient(180deg, rgba(8,13,20,.72), rgba(9,18,29,.68)); }
    .section-inner { width: min(100%, var(--content)); margin: 0 auto; }
    .section-heading { max-width: 720px; margin-bottom: 48px; }
    .section-heading.center { margin-left: auto; margin-right: auto; text-align: center; }
    .section-heading.center .eyebrow { justify-content: center; }
    .section-title { margin: 17px 0 16px; color: #f2f7fb; font-size: clamp(35px, 4.6vw, 59px); line-height: 1.05; font-weight: 500; letter-spacing: -.035em; }
    .section-copy { max-width: 640px; margin-bottom: 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
    .section-heading.center .section-copy { margin-left: auto; margin-right: auto; }
    .about-grid { display: grid; grid-template-columns: 1fr .92fr; gap: clamp(42px, 8vw, 110px); align-items: center; }
    .about-copy .section-title { max-width: 560px; }
    .about-copy p { color: var(--muted); font-size: 14px; line-height: 1.9; }
    .about-copy p + p { margin-top: 18px; }
    .about-copy strong { color: #f1f7fb; font-weight: 600; }
    .purpose-grid { display: grid; grid-template-columns: .84fr 1.16fr; gap: 13px; margin-top: 25px; }
    .purpose-card { min-height: 125px; padding: 19px 20px; border: 1px solid rgba(255, 225, 132,.13); border-radius: 16px; background: linear-gradient(145deg, rgba(18,32,48,.78), rgba(10,18,28,.78)); }
    .purpose-card small { display: block; margin-bottom: 11px; color: var(--cyan); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: none; }
    .purpose-card p { margin: 0; color: rgba(255, 233, 137,.77); font-size: 12px; line-height: 1.7; }
    .about-image-wrap { position: relative; min-height: 420px; border-radius: var(--radius-lg); overflow: hidden; border: 1px solid rgba(255, 224, 132,.15); background: #17140f; box-shadow: var(--shadow-lg); }
    .about-image-wrap img { width: 100%; height: 100%; min-height: 420px; position: absolute; inset: 0; object-fit: cover; object-position: center; }
    .image-caption { position: absolute; left: 16px; right: 16px; bottom: 16px; padding: 13px 15px; border: 1px solid rgba(235,246,255,.16); border-radius: 13px; background: rgba(6,13,22,.72); color: rgba(240,247,252,.77); font-size: 12px; backdrop-filter: blur(14px); }
    .values { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; margin-top: 72px; }
    .value-card { min-height: 134px; padding: 20px 18px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); }
    .value-number { display: block; margin-bottom: 15px; color: var(--cyan); font-size: 12px; letter-spacing: .04em; }
    .value-card h3 { margin-bottom: 7px; font-size: 13px; font-weight: 600; }
    .value-card p { margin: 0; color: var(--subtle); font-size: 12px; line-height: 1.6; }
    .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
    .service-card { position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr); column-gap: 12px; min-height: 260px; padding: clamp(22px, 2.6vw, 32px); overflow: hidden; border: 1px solid rgba(255, 225, 132,.12); border-radius: 22px; background: linear-gradient(145deg, rgba(16,28,43,.84), rgba(10,17,27,.84)); transition: transform .3s var(--e-primary), border-color .3s ease, background .3s ease; }
    .service-card::after { content: ""; position: absolute; width: 180px; height: 180px; top: -90px; right: -72px; border-radius: 50%; background: radial-gradient(circle, rgba(112, 84, 34,.16), transparent 68%); transition: transform .35s ease; }
    .service-card:hover { transform: translateY(-5px); border-color: rgba(225, 190, 112,.31); background: linear-gradient(145deg, rgba(42, 35, 21,.92), rgba(10,17,27,.92)); }
    .service-card:hover::after { transform: translate(-14px, 20px) scale(1.2); }
    .service-icon { width: 24px; height: 24px; display: grid; place-items: center; margin: 0; border: 0; border-radius: 0; color: var(--cyan); background: transparent; box-shadow: none; }
    .service-icon .icon { width: 22px; height: 22px; }
    .service-card h3 { grid-column: 2; align-self: center; margin: 0 0 14px; font-size: 17px; font-weight: 600; letter-spacing: -.025em; }
    .service-card p, .service-card .service-actions { grid-column: 1 / -1; }
    .service-card p { max-width: 390px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
    .service-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: var(--cyan); font-size: 12px; font-weight: 600; }
    .service-more .icon { width: 13px; height: 13px; transition: transform .2s ease; }
    .service-card:hover .service-more .icon { transform: translateX(3px); }
    .project-section { overflow: hidden; }
    .projects-top { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
    .projects-top .section-heading { margin-bottom: 0; }
    .project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: 43px; }
    .project-card { min-width: 0; border: 1px solid rgba(255, 227, 134,.13); border-radius: 22px; overflow: hidden; background: rgba(11,19,30,.9); box-shadow: 0 14px 50px rgba(0,0,0,.18); transition: transform .3s var(--e-primary), border-color .3s ease; }
    .project-card:hover { transform: translateY(-5px); border-color: rgba(225, 190, 112,.36); }
    .project-thumb { position: relative; height: 225px; overflow: hidden; background: #101b29; }
    .project-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s var(--e-primary); }
    .project-card:hover .project-thumb img { transform: scale(1.04); }
    .project-thumb::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, rgba(5,10,17,.55)); pointer-events: none; }
    .project-tag { position: absolute; z-index: 1; top: 14px; left: 14px; padding: 7px 10px; border: 1px solid rgba(255, 235, 139,.2); border-radius: 999px; background: rgba(7,15,24,.68); color: rgba(242,249,253,.88); font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: none; backdrop-filter: blur(10px); }
    .project-body { padding: 20px 21px 22px; }
    .project-category { margin-bottom: 10px; color: var(--cyan); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: none; }
    .project-body h3 { margin: 0 0 9px; font-size: 17px; font-weight: 600; letter-spacing: -.035em; }
    .project-body p { min-height: 43px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
    .project-open { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding: 12px 0 0; border-top: 1px solid rgba(255, 227, 134,.1); background: transparent; color: #eaf5fb; font-size: 12px; font-weight: 600; text-align: left; cursor: pointer; }
    .project-open .icon { color: var(--cyan); width: 15px; height: 15px; }
    .project-note { display: flex; gap: 12px; align-items: flex-start; margin-top: 24px; padding: 15px 17px; border: 1px solid rgba(208,178,118,.2); border-radius: 14px; background: rgba(208,178,118,.055); color: #d5c8a9; font-size: 12px; line-height: 1.65; }
    .project-note .icon { flex: none; margin-top: 1px; color: var(--gold); }
    .leadership-grid { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(38px, 8vw, 104px); }
    .ceo-portrait { position: relative; width: min(100%, 420px); aspect-ratio: .82; margin: auto; overflow: hidden; border: 1px solid rgba(255, 228, 134,.18); border-radius: 28px; background: linear-gradient(150deg, #292216, #17140e); box-shadow: 0 26px 90px rgba(0,0,0,.36); }
    .ceo-portrait::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(6,12,20,.8)); }
    .leader-photo-link { position: absolute; inset: 0; display: block; overflow: hidden; }
    .leader-photo-link img { width: 100%; height: 100%; object-fit: cover; object-position: center 23%; transition: transform .75s var(--e-primary); }
    .ceo-portrait:hover .leader-photo-link img, .ceo-portrait:focus-within .leader-photo-link img { transform: scale(1.045); }
    .portrait-caption { position: absolute; z-index: 1; left: 20px; right: 20px; bottom: 18px; display: flex; align-items: center; gap: 12px; }
    .portrait-identity { min-width: 0; flex: 1; }
    .portrait-caption strong { display: block; font-size: 14px; letter-spacing: -.02em; }
    .portrait-caption span { display: block; margin-top: 5px; color: rgba(255, 233, 137,.68); font-size: 12px; letter-spacing: .04em; text-transform: none; }
    .portrait-caption .portrait-mark { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; color: var(--cyan); background: rgba(9,20,30,.5); }
    .portrait-mark img { width: 28px; height: 28px; object-fit: contain; }
    .linkedin-profile { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 11px; color: #f2d681; background: rgba(9,20,30,.7); transition: color .2s ease, background .2s ease, transform .2s ease; }
    .linkedin-profile:hover { color: #10100e; background: #e8c86f; transform: translateY(-2px); }
    .linkedin-profile:focus-visible, .leader-photo-link:focus-visible, .employee-photo:focus-visible { outline: 2px solid #f5d875; outline-offset: 3px; }
    .linkedin-profile svg { width: 18px; height: 18px; fill: currentColor; }
    .leadership-roster { margin-top: clamp(70px, 9vw, 112px); }
    .roster-heading { margin-bottom: 26px; }
    .roster-heading .section-title { margin: 0 0 9px; font-size: clamp(27px, 3vw, 38px); }
    .roster-heading p { max-width: 60ch; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.75; }
    .roster-scroll-hint { display: none; }
    .employee-grid { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(225px, 260px); grid-template-columns: none; gap: 22px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 4px 2px 16px; scrollbar-color: rgba(255,228,134,.45) rgba(255,255,255,.06); scrollbar-width: thin; }
    .employee-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(255,228,134,.16); border-radius: 18px; background: rgba(14,17,20,.72); box-shadow: 0 16px 46px rgba(0,0,0,.25); }
    .employee-photo { display: block; width: min(100% - 36px, 172px); aspect-ratio: 1; margin: 20px auto 0; overflow: hidden; border: 2px solid rgba(255,228,134,.28); border-radius: 50%; background: #e9e7e5; }
    .employee-photo img { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover; object-position: center 27%; transition: transform .75s var(--e-primary); }
    .employee-card:hover .employee-photo img, .employee-card:focus-within .employee-photo img { transform: scale(1.055); }
    .employee-caption { min-height: 75px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 15px; }
    .employee-caption strong { display: block; color: #f5f3ed; font-size: 14px; letter-spacing: -.02em; }
    .employee-caption span { display: block; margin-top: 5px; color: rgba(255,233,137,.74); font-size: 12px; }
    @media (prefers-reduced-motion: reduce) { .leader-photo-link img, .employee-photo img, .linkedin-profile { transition: none; } }
    .leadership-copy .section-title { max-width: 610px; margin-bottom: 10px; }
    .leader-role { display: block; margin-bottom: 23px; color: var(--cyan); font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: none; }
    .leadership-copy p { color: var(--muted); font-size: 13px; line-height: 1.9; }
    .leader-quote { margin-top: 28px; padding: 18px 0 0 18px; border-left: 1px solid var(--cyan); color: #edf7fb; font-size: 14px; line-height: 1.7; }
    .credentials { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
    .credential { min-height: 116px; display: flex; flex-direction: column; justify-content: space-between; padding: 19px 18px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015)); }
    .credential-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .credential-code { color: #f3f8fb; font-size: 16px; font-weight: 700; letter-spacing: -.03em; }
    .credential .icon { width: 17px; height: 17px; color: var(--cyan); }
    .credential p { margin: 16px 0 0; color: var(--subtle); font-size: 12px; line-height: 1.5; }
    .contact-section { padding-bottom: 76px; background: radial-gradient(ellipse at 90% 30%, rgba(113, 95, 56,.2), transparent 45%), rgba(8,13,20,.72) !important; }
    .contact-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(36px, 7vw, 90px); align-items: start; }
    .contact-copy .section-title { max-width: 510px; }
    .contact-list { display: grid; gap: 13px; margin-top: 34px; }
    .contact-item { display: flex; align-items: flex-start; gap: 13px; color: #eff6fb; font-size: 12px; line-height: 1.7; }
    .contact-item .icon-box { width: 36px; height: 36px; display: grid; place-items: center; flex: none; border: 1px solid rgba(225, 190, 112,.23); border-radius: 11px; color: var(--cyan); background: rgba(225, 190, 112,.07); }
    .contact-item .icon { width: 16px; height: 16px; }
    .contact-item small { display: block; margin-bottom: 2px; color: var(--subtle); font-size: 12px; letter-spacing: .04em; text-transform: none; }
    .contact-item a:hover { color: var(--cyan); }
    .inquiry-card { padding: clamp(22px, 3.2vw, 36px); border: 1px solid rgba(226,199,132,.16); border-radius: 23px; background: linear-gradient(145deg, rgba(17,29,44,.87), rgba(10,17,27,.92)); box-shadow: var(--shadow-lg); }
    .inquiry-card h3 { margin: 0 0 8px; font-size: 20px; font-weight: 600; letter-spacing: -.04em; }
    .inquiry-card > p { margin: 0 0 25px; color: var(--muted); font-size: 12px; line-height: 1.65; }
    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .field { display: grid; gap: 7px; }
    .field.full { grid-column: 1/-1; }
    .field label { color: rgba(229,240,248,.8); font-size: 12px; font-weight: 500; }
    .field input, .field select, .field textarea { width: 100%; min-height: 45px; padding: 11px 13px; border: 1px solid rgba(255, 229, 135,.14); border-radius: 11px; outline: 0; background: rgba(3,9,15,.34); color: #f4f9fc; font-size: 12px; transition: border-color .18s ease, box-shadow .18s ease; }
    .field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #9eb0bf 50%), linear-gradient(135deg, #9eb0bf 50%, transparent 50%); background-position: calc(100% - 17px) 19px, calc(100% - 12px) 19px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
    .field option { color: #111; }
    .field textarea { min-height: 106px; resize: vertical; }
    .field input::placeholder, .field textarea::placeholder { color: rgba(244, 206, 122,.45); }
    .field input:focus, .field select:focus, .field textarea:focus { border-color: rgba(225, 190, 112,.56); box-shadow: 0 0 0 3px rgba(225, 190, 112,.1); }
    .form-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 17px; }
    .form-note { max-width: 270px; margin: 0; color: var(--subtle); font-size: 12px; line-height: 1.5; }
    .form-status { min-height: 18px; margin: 12px 0 0; color: var(--cyan); font-size: 12px; }
    footer { position: relative; z-index: 2; padding: 27px var(--pad) 31px; border-top: 1px solid rgba(255, 227, 134,.1); background: rgba(6,10,16,.82); backdrop-filter: blur(18px); }
    .footer-inner { width: min(100%, 1400px); margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
    .footer-brand { display: flex; align-items: center; gap: 10px; color: #f4f8fb; font-size: 12px; font-weight: 600; }
    .footer-brand img { width: 194px; max-width: 40vw; height: 50px; object-fit: contain; padding: 0; border-radius: 0; background: transparent; filter: brightness(1.55) drop-shadow(0 0 8px rgba(0,0,0,.2)); }
    .footer-links { display: flex; flex-wrap: wrap; gap: 22px; color: var(--muted); font-size: 12px; }
    .footer-links a:hover { color: var(--cyan); }
    .copyright { color: var(--subtle); font-size: 12px; text-align: right; }
    dialog { width: min(920px, calc(100% - 28px)); max-height: min(90vh, 900px); padding: 0; border: 1px solid rgba(255, 226, 133,.16); border-radius: 24px; overflow: auto; color: var(--ink); background: #15120d; box-shadow: 0 40px 120px rgba(0,0,0,.65); }
    dialog::backdrop { background: rgba(2,6,11,.76); backdrop-filter: blur(9px); }
    .dialog-head { position: sticky; z-index: 3; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--line); background: rgba(10,18,28,.92); backdrop-filter: blur(18px); }
    .dialog-head small { display: block; margin-bottom: 5px; color: var(--cyan); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: none; }
    .dialog-head h2 { margin: 0; font-family: var(--font-display); font-variation-settings: "opsz" 32; font-size: 22px; font-weight: 550; letter-spacing: -.04em; }
    .dialog-close { width: 38px; height: 38px; display: grid; place-items: center; flex: none; border: 1px solid var(--line); border-radius: 11px; color: #eaf4fa; background: rgba(255,255,255,.05); }
    .dialog-body { padding: 23px 24px 26px; }
    .archive-intro { max-width: 700px; margin: 0 0 22px; color: var(--muted); font-size: 12px; line-height: 1.75; }
    .archive-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
    .archive-entry { overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.03); }
    .archive-entry img { width: 100%; height: 125px; object-fit: cover; }
    .archive-entry div { padding: 13px; }
    .archive-entry small { color: var(--cyan); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: none; }
    .archive-entry h3 { margin: 6px 0 5px; font-size: 12px; }
    .archive-entry p { margin: 0; color: var(--subtle); font-size: 12px; line-height: 1.55; }
    .archive-empty { margin-top: 17px; padding: 16px 18px; border: 1px solid rgba(208,178,118,.2); border-radius: 13px; color: #d7c9a6; background: rgba(208,178,118,.055); font-size: 12px; line-height: 1.6; }
    .case-top { display: grid; grid-template-columns: .92fr 1.08fr; gap: 22px; align-items: stretch; }
    .case-image { position: relative; min-height: 250px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #19160f; }
    .case-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .case-image small { position: absolute; left: 11px; bottom: 11px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; color: white; background: rgba(5,11,18,.72); font-size: 12px; backdrop-filter: blur(8px); }
    .case-description { display: flex; flex-direction: column; justify-content: center; }
    .case-description .project-category { margin-bottom: 8px; }
    .case-description h3 { margin: 0 0 11px; font-size: 20px; letter-spacing: -.04em; }
    .case-description p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
    .stage-title { margin: 26px 0 11px; color: #eaf4fa; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: none; }
    .stage-selector { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
    .stage-button { padding: 11px 12px; border: 1px solid var(--line); border-radius: 11px; color: var(--muted); background: rgba(255,255,255,.025); font-size: 12px; text-align: left; cursor: pointer; transition: .2s ease; }
    .stage-button[aria-pressed="true"] { color: #f3fbff; border-color: rgba(225, 190, 112,.45); background: rgba(183, 155, 91,.12); }
    .stage-button span { display: block; margin-bottom: 4px; color: var(--cyan); font-size: 12px; letter-spacing: .04em; }
    .stage-panel { min-height: 82px; margin-top: 10px; padding: 15px 16px; border: 1px dashed rgba(255, 218, 128,.2); border-radius: 12px; color: var(--muted); background: rgba(255,255,255,.02); font-size: 12px; line-height: 1.65; }
    .stage-panel strong { color: #f2f7fa; }
    .toast { position: fixed; z-index: 80; left: 50%; bottom: 25px; max-width: calc(100% - 30px); padding: 12px 17px; border: 1px solid rgba(236, 200, 118,.26); border-radius: 12px; color: #eaf9ff; background: rgba(8,18,28,.94); box-shadow: 0 12px 38px rgba(0,0,0,.35); font-size: 12px; opacity: 0; pointer-events: none; transform: translate(-50%, 12px); transition: .25s ease; }
    .toast.show { opacity: 1; transform: translate(-50%, 0); }
    .reveal { opacity: 1; transform: none; }
    .anim .hero-brand { animation: e-settle-down .58s var(--e-soft) .06s both; }
    .anim .hero-mark-wrap { animation: e-mark .62s var(--e-primary) .06s both; }
    .anim h1 { animation: e-focus 1s var(--e-primary) .3s both; }
    .anim .hero-copy { animation: e-settle-up .55s var(--e-soft) .48s both; }
    .anim .search-card { animation: e-panel .9s var(--e-primary) .62s both; }
    .anim .search-top, .anim .search-tools { animation: e-populate .5s var(--e-soft) .88s both; }
    .anim .hero-proof { animation: e-settle-up .55s var(--e-soft) 1.08s both; }
    .anim .section .reveal { opacity: 0; transform: translateY(24px) scale(.985); filter: blur(5px); transition: opacity .72s var(--e-primary), transform .72s var(--e-primary), filter .72s var(--e-primary); }
    .anim .section .reveal.visible { opacity: 1; transform: none; filter: none; }
    @keyframes e-settle-down { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
    @keyframes e-settle-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
    @keyframes e-mark { from { opacity: 0; transform: scale(.9); } to { opacity: 1; transform: scale(1); } }
    @keyframes e-focus { from { opacity: 0; transform: translateY(14px); filter: blur(6px); } to { opacity: 1; transform: none; filter: blur(0); } }
    @keyframes e-panel { from { opacity: 0; transform: translateY(18px) scale(.985); } to { opacity: 1; transform: none; } }
    @keyframes e-populate { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
    @keyframes logoTurn { from { transform: rotateY(0deg) rotateX(-7deg); } to { transform: rotateY(360deg) rotateX(-7deg); } }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
      .hero-mark { animation: none; }
      .anim .section .reveal { opacity: 1; transform: none; filter: none; }
    }
    /* Tablet architecture: fluid desktop layout, one-row controls, full navigation. */
    @media (min-width: 600px) and (max-width: 1180px) and (min-height: 600px) {
      :root { --u: 1px; --frame-x: clamp(28px, 4.2vw, 60px); }
      .nav-shell { height: 74px; padding-left: var(--frame-x); padding-right: var(--frame-x); gap: 18px; }
      .brand-lockup { width: clamp(162px, 24vw, 205px); height: 47px; }
      .brand-registration { font-size: 12px; }
      .nav-links { gap: clamp(14px, 2.2vw, 27px); }
      .nav-links a { font-size: 12px; }
      .nav-cta { min-height: 42px; padding: 0 15px; font-size: 12px; }
      .hero { min-height: max(700px, 100svh); padding: 116px var(--frame-x) 54px; }
      .hero-inner { gap: 18px; }
      h1 { max-width: 800px; font-size: clamp(42px, 6vw, 66px); line-height: 1.06; }
      .search-card { width: min(100%, 760px); padding: 17px; border-radius: 21px; }
      .search-top { padding: 0 5px 15px; }
      .search-top input { font-size: 13px; }
      .search-tools { flex-wrap: nowrap; padding: 13px 0 0; }
      .quick-chip { height: 32px; padding: 0 clamp(8px, 1vw, 13px); font-size: clamp(9px, 1.1vw, 11px); }
      .quick-chip:nth-of-type(4) { display: none; }
      .search-submit { width: clamp(34px, 3.5vw, 40px); height: clamp(34px, 3.5vw, 40px); }
      .section { padding-top: 94px; padding-bottom: 94px; }
      .values { grid-template-columns: repeat(3, 1fr); }
      .services-grid { grid-template-columns: repeat(2, 1fr); }
      .project-grid { grid-template-columns: repeat(2, 1fr); }
      .project-card:last-child { grid-column: 1/-1; display: grid; grid-template-columns: .9fr 1fr; }
      .project-card:last-child .project-thumb { height: auto; min-height: 250px; }
      .project-card:last-child .project-body { display: flex; flex-direction: column; justify-content: center; }
      .credentials { grid-template-columns: repeat(4, 1fr); }
    }
    /* Compact architecture: safe-area insets, hamburger sheet, stacked prompt tools. */
    @media (max-width: 599px), (max-height: 599px) and (max-width: 1180px) {
      :root { --u: 1px; --pad: max(env(safe-area-inset-left), clamp(18px, 5.2vw, 30px)); }
      .site-header { background: rgba(6,11,18,.78); }
      .nav-shell { height: 68px; padding: 0 var(--pad); gap: 12px; }
      .brand-lockup { width: clamp(150px, 45vw, 186px); height: 43px; }
      .brand-registration { font-size: 12px; }
      .nav-links, .nav-cta { display: none; }
      .nav-right { margin-left: auto; }
      .menu-toggle { display: inline-flex; width: 40px; height: 40px; }
      .mobile-menu { position: absolute; top: calc(100% + 8px); left: var(--pad); right: var(--pad); display: grid; grid-template-rows: 0fr; transition: grid-template-rows .32s cubic-bezier(.4,0,.2,1); }
      .mobile-menu.open { grid-template-rows: 1fr; }
      .mobile-menu-inner { min-height: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 17px; background: rgba(12,20,31,.93); backdrop-filter: blur(20px); }
      .mobile-menu-links { display: grid; gap: 2px; padding: 8px; }
      .mobile-menu-links a { min-height: 43px; display: flex; align-items: center; padding: 0 12px; border-radius: 10px; color: rgba(238,246,251,.82); font-size: 12px; }
      .mobile-menu-links a:hover { background: rgba(255,255,255,.06); color: white; }
      .mobile-menu-links .menu-action { justify-content: center; margin-top: 4px; background: linear-gradient(135deg, rgba(200, 169, 100,.98), rgba(143, 121, 71,.98)); color: #100b04; font-weight: 700; }
      .hero { min-height: max(750px, 100svh); padding: 106px var(--pad) 65px; }
      .hero-inner { gap: 15px; margin-top: 0; }
      .hero-mark-wrap { width: clamp(112px, 30vw, 142px); }
      h1 { width: 100%; max-width: 15ch; font-size: clamp(39px, 10vw, 55px); line-height: 1.06; letter-spacing: -.035em; }
      .hero-copy { max-width: 440px; font-size: 12px; line-height: 1.7; }
      .search-card { width: 100%; max-width: 600px; padding: 13px; border-radius: 17px; }
      .search-top { padding: 0 3px 12px; }
      .search-top input { font-size: 12px; }
      .search-top input::placeholder { font-size: 12px; }
      .search-tools { flex-direction: column; align-items: stretch; gap: 10px; padding: 11px 0 0; }
      .quick-chips { display: flex; flex-wrap: wrap; gap: 6px; }
      .quick-chip { height: 29px; min-height: 29px; padding: 0 8px; font-size: 12px; }
      .quick-chip:nth-of-type(4) { display: none; }
      .search-submit { width: 39px; height: 39px; align-self: flex-end; margin-top: -49px; }
      .hero-proof { gap: 10px 14px; margin-top: 10px; font-size: 12px; }
      .proof-item { gap: 6px; }
      .proof-item .icon { width: 12px; height: 12px; }
      .scroll-note { bottom: 18px; font-size: 12px; }
      .section { padding: 76px var(--pad); }
      .section-heading { margin-bottom: 32px; }
      .section-title { margin: 14px 0 13px; font-size: clamp(34px, 8.3vw, 46px); }
      .section-copy { font-size: 12px; line-height: 1.75; }
      .about-grid, .leadership-grid, .contact-grid { grid-template-columns: 1fr; gap: 34px; }
      .purpose-grid { grid-template-columns: 1fr; gap: 9px; margin-top: 20px; }
      .purpose-card { min-height: auto; padding: 16px; }
      .about-grid .about-image-wrap { order: 2; min-height: 290px; }
      .about-image-wrap img { min-height: 290px; }
      .values { grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 40px; }
      .value-card { min-height: 118px; padding: 15px 14px; }
      .value-card h3 { font-size: 12px; }
      .value-card p { font-size: 12px; }
      .services-grid { grid-template-columns: 1fr; gap: 10px; }
      .service-card { min-height: auto; padding: 21px; border-radius: 17px; }
      .service-icon { margin: 0; }
      .service-card h3 { font-size: 16px; }
      .service-card p { font-size: 12px; }
      .service-more { margin-top: 16px; }
      .projects-top { align-items: flex-start; flex-direction: column; gap: 20px; }
      .projects-top .button { min-height: 42px; }
      .project-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; }
      .project-thumb { height: clamp(190px, 57vw, 280px); }
      .project-body { padding: 18px; }
      .project-body p { min-height: 0; }
      .project-note { font-size: 12px; }
      .ceo-portrait { width: min(82%, 340px); aspect-ratio: .82; }
      .leadership-copy p { font-size: 12px; }
      .leader-quote { font-size: 12px; }
      .credentials { grid-template-columns: repeat(2, 1fr); gap: 8px; }
      .credential { min-height: 101px; padding: 15px; }
      .credential-code { font-size: 14px; }
      .contact-list { margin-top: 25px; }
      .inquiry-card { padding: 20px 16px; }
      .form-grid { grid-template-columns: 1fr; gap: 12px; }
      .field.full { grid-column: auto; }
      .form-bottom { align-items: flex-start; flex-direction: column; }
      .form-note { max-width: none; }
      .footer-inner { align-items: flex-start; flex-direction: column; gap: 17px; }
      .footer-links { gap: 13px 18px; }
      .copyright { text-align: left; }
      .archive-list { grid-template-columns: 1fr; }
      .archive-entry { display: grid; grid-template-columns: 110px 1fr; }
      .archive-entry img { height: 100%; min-height: 112px; }
      .dialog-head { padding: 16px; }
      .dialog-body { padding: 17px 16px 20px; }
      .dialog-head h2 { font-size: 19px; }
      .case-top { grid-template-columns: 1fr; }
      .case-image { min-height: 200px; }
      .stage-selector { gap: 6px; }
      .stage-button { padding: 9px 8px; font-size: 12px; }
    }
    @media (max-width: 360px) {
      .hero { padding-top: 95px; }
      .hero-mark-wrap { width: 100px; }
      h1 { font-size: 36px; }
      .quick-chip { font-size: 12px; padding: 0 7px; }
      .hero-proof { gap: 9px; }
    }
    @media (max-width: 1180px) and (max-height: 560px) {
      .hero { min-height: 640px; padding-top: 90px; }
      .hero-inner { gap: 12px; }
      .hero-mark-wrap { width: 95px; }
      h1 { font-size: clamp(32px, 5.4vh, 42px); }
      .hero-copy { font-size: 12px; }
      .hero-proof { gap: 8px 16px; }
    }
  

.page-intro{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:clamp(7.5rem,14vh,11rem) 5vw 2.4rem;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}.page-intro h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:.98;letter-spacing:-.035em;max-width:950px;margin:0 0 1rem}.page-intro p{max-width:720px;color:rgba(244,248,255,.72);font-size:1.08rem;line-height:1.7}.landing-pages{position:relative;z-index:2;padding:4rem 5vw 8rem}.landing-pages-inner{max-width:1280px;margin:auto}.landing-pages h2{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.04em;margin:.2rem 0 2rem}.landing-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.landing-link{display:flex;min-height:210px;flex-direction:column;justify-content:space-between;padding:1.5rem;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(14,25,38,.58);backdrop-filter:blur(18px);color:inherit;text-decoration:none;transition:transform .3s,border-color .3s,background .3s}.landing-link:hover,.landing-link:focus-visible{transform:translateY(-5px);border-color:rgba(236, 200, 118,.65);background:rgba(44, 37, 22,.76)}.landing-link strong{font-size:1.35rem}.landing-link p{color:rgba(240,246,255,.67);line-height:1.55;margin:.7rem 0}.landing-link span{color:#ead39e;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.page-end-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.page-end-links a{color:inherit}.site-header [aria-current="page"]{color:#ead39e}.section{scroll-margin-top:90px}
@media(max-width:850px){.landing-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro{padding-top:8rem}}
@media(max-width:560px){.landing-link-grid{grid-template-columns:1fr}.landing-link{min-height:165px}.page-intro{padding-left:6vw;padding-right:6vw}}

.service-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:21px}.service-actions .service-more{margin-top:0}.service-contact{font-size: 12px;color:rgba(235,246,255,.62);text-decoration:underline;text-decoration-color:rgba(235,246,255,.25);text-underline-offset:4px}.portfolio-jumps{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 44px}.portfolio-jumps a{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);font-size: 12px;color:var(--muted)}.portfolio-jumps a:hover,.portfolio-jumps a:focus-visible{border-color:rgba(225, 190, 112,.5);color:var(--cyan)}.profile-gallery{padding:45px 0 52px;border-top:1px solid var(--line);scroll-margin-top:90px}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.gallery-heading h3{margin:10px 0 8px;font-size:clamp(23px,3vw,34px);letter-spacing:-.04em}.gallery-heading p{max-width:700px;color:var(--muted);font-size:12px;line-height:1.7}.gallery-heading>a{flex:none;color:var(--cyan);font-size:12px}.profile-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.portfolio-photo{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(255, 227, 134,.13);border-radius:14px;background:rgba(11,19,30,.88)}.gallery-image{display:block;width:100%;padding:0;border:0;background:#101b29;cursor:zoom-in}.gallery-image img{width:100%;height:clamp(125px,15vw,205px);object-fit:cover;transition:transform .4s ease}.gallery-image:hover img{transform:scale(1.045)}.portfolio-photo figcaption{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;color:rgba(240,247,252,.76);font-size: 12px}.portfolio-photo figcaption small{flex:none;color:rgba(240,247,252,.42);font-size: 12px}.portfolio-disclosure{margin:32px 0 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);color:var(--muted);font-size: 12px;line-height:1.7}.photo-lightbox{width:min(1080px,calc(100% - 28px));padding:16px;background:#110f0b}.photo-lightbox img{width:100%;max-height:76vh;object-fit:contain}.photo-lightbox p{margin:12px 0 0;color:var(--muted);font-size:12px}.photo-lightbox .dialog-close{position:absolute;top:24px;right:24px;z-index:2;background:rgba(5,12,20,.78)}
@media(max-width:950px){.profile-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.profile-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-image img{height:clamp(120px,36vw,185px)}.portfolio-photo figcaption{flex-direction:column}.gallery-heading{align-items:start;flex-direction:column}.portfolio-jumps{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.portfolio-jumps a{white-space:nowrap}.service-actions{align-items:flex-start;flex-direction:column}}

.credential{min-height:165px}.credential p{margin:14px 0 12px}.credential-view{position:relative;z-index:1;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:8px 10px;border:1px solid rgba(225, 190, 112,.26);border-radius:9px;background:rgba(162, 137, 81,.09);color:var(--cyan);font-size: 12px;font-weight:650;text-decoration:none;transition:background .2s,border-color .2s}.credential-view:hover,.credential-view:focus-visible{border-color:rgba(225, 190, 112,.58);background:rgba(162, 137, 81,.18)}.credential-note{display:block;margin:0 0 9px;color:rgba(240,247,252,.53);font-size: 12px;line-height:1.5}
@media(max-width:599px){.credential{min-height:132px}.credential-view{padding:7px 9px}}

.video-audio-toggle{position:fixed;z-index:30;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;border:1px solid rgba(255, 235, 139,.2);border-radius:999px;background:rgba(7,15,24,.78);color:#f3f8fb;font-size: 12px;font-weight:600;letter-spacing:.01em;box-shadow:0 8px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .2s,border-color .2s,transform .2s}.video-audio-toggle:hover{transform:translateY(-2px);border-color:rgba(225, 190, 112,.46);background:rgba(11,25,37,.92)}.video-audio-toggle .icon{width:15px;height:15px;color:var(--cyan)}.video-audio-toggle .audio-on,.video-audio-toggle.is-on .audio-off{display:none}.video-audio-toggle.is-on .audio-on{display:block}
.video-audio-toggle .audio-label{display:none}
@media(max-width:599px){.video-audio-toggle{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));min-height:38px;padding:0 12px;font-size: 12px}}

.project-image-loop{position:fixed;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.34}.project-image-loop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,17,.28),rgba(5,10,17,.42)),linear-gradient(90deg,rgba(5,10,17,.2),transparent 55%,rgba(5,10,17,.2))}.project-slide{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;filter:brightness(.72) saturate(.78) blur(2px);transform:scale(1.035);animation:projectCrossfade 42s linear infinite} /* impeccable-disable-line buried-raster -- transparent start state supports the timed crossfade */.project-slide:nth-child(1){animation-delay:0s}.project-slide:nth-child(2){animation-delay:-7s}.project-slide:nth-child(3){animation-delay:-14s}.project-slide:nth-child(4){animation-delay:-21s}.project-slide:nth-child(5){animation-delay:-28s}.project-slide:nth-child(6){animation-delay:-35s}@keyframes projectCrossfade{0%,24%,100%{opacity:0;transform:scale(1.015)}7%,17%{opacity:.9;transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.project-slide{animation:none;opacity:0}.project-slide:first-child{opacity:.9;transform:none}}

.support-widget{--follow-x:0px;--follow-y:0px;position:fixed;z-index:35;right:max(18px,env(safe-area-inset-right));bottom:max(78px,calc(env(safe-area-inset-bottom) + 72px));width:78px;height:78px;transform:translate3d(var(--follow-x),var(--follow-y),0);transition:transform .16s ease-out;pointer-events:none}
.support-launcher{position:relative;display:grid;width:78px;height:78px;place-items:center;padding:3px;border:1px solid rgba(226,199,132,.38);border-radius:50%;background:rgba(19,17,13,.72);box-shadow:0 10px 32px rgba(0,0,0,.4),0 0 24px rgba(0,0,0,.16);cursor:pointer;pointer-events:auto;animation:supportBob 3.8s ease-in-out infinite;transition:border-color .2s,box-shadow .2s,filter .2s}
.support-launcher:hover,.support-launcher:focus-visible{border-color:rgba(226,199,132,.82);box-shadow:0 12px 36px rgba(0,0,0,.45);filter:brightness(1.08)}
.support-launcher img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.38));pointer-events:none}
.support-ask{position:absolute;right:-5px;bottom:calc(100% + 2px);z-index:1;padding:8px 13px;border:1px solid rgba(255,238,184,.72);border-radius:999px;background:linear-gradient(135deg,#f5e5b9,#d5b46a);color:#21190c;font-size: 12px;font-weight:750;letter-spacing:.015em;line-height:1;white-space:nowrap;box-shadow:0 7px 20px rgba(0,0,0,.3),0 0 18px rgba(0,0,0,.2);pointer-events:none;animation:askBubbleFloat 2.8s ease-in-out infinite}
.support-ask::before,.support-ask::after{content:"";position:absolute;border:1px solid rgba(255,238,184,.72);border-radius:50%;background:#e6ca82;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.support-ask::before{width:7px;height:7px;right:8px;bottom:-8px}
.support-ask::after{width:4px;height:4px;right:17px;bottom:-15px}
.support-widget.is-open .support-ask{opacity:0;visibility:hidden}
.support-panel{position:absolute;right:0;bottom:calc(100% + 14px);width:min(360px,calc(100vw - 28px));max-height:min(70vh,610px);overflow:auto;padding:20px;border:1px solid rgba(226,199,132,.24);border-radius:20px;background:rgba(17,16,13,.96);color:var(--ink);box-shadow:0 22px 72px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,visibility .2s ease,transform .2s var(--e-primary);pointer-events:none}
.support-widget.is-open .support-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.support-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.support-panel-head h2{margin:0 0 5px;font-size:19px;letter-spacing:-.035em}
.support-panel-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.support-close{width:32px;height:32px;display:grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.05);color:var(--muted);cursor:pointer}
.support-close:hover{color:var(--ink);border-color:rgba(226,199,132,.44)}
.support-form{display:grid;gap:11px}
.support-form .field{display:grid;gap:6px}
.support-form label{color:var(--muted);font-size: 12px;font-weight:600}
.support-form input,.support-form select,.support-form textarea{width:100%;min-width:0;padding:10px 11px;border:1px solid rgba(226,199,132,.18);border-radius:10px;background:rgba(255,255,255,.045);color:var(--ink);font:inherit;font-size:12px;outline:none}
.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:rgba(226,199,132,.68);box-shadow:0 0 0 3px rgba(213,180,106,.12)}
.support-form select option{background:#17140f;color:var(--ink)}
.support-form textarea{min-height:86px;resize:vertical}
.support-form .button{width:100%;min-height:42px;font-size:12px}
.support-form-note,.support-form-status{margin:0;color:var(--subtle);font-size: 12px;line-height:1.5}
.support-form-status:empty{display:none}
@keyframes supportBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes askBubbleFloat{0%,100%{margin-bottom:0}50%{margin-bottom:3px}}
@media(max-width:599px){.support-widget{right:max(12px,env(safe-area-inset-right));bottom:max(70px,calc(env(safe-area-inset-bottom) + 64px));width:68px;height:68px}.support-launcher{width:68px;height:68px}.support-panel{right:-2px;bottom:calc(100% + 11px);max-height:min(66vh,560px);padding:17px}}
@media(prefers-reduced-motion:reduce){.support-widget{transition:none}.support-launcher,.support-ask{animation:none}.support-panel{transition:none}}

/* Small tablets and iPad portrait: replace crowded full navigation with a touch-friendly menu. */
@media (min-width:600px) and (max-width:1024px){
  .nav-shell{height:74px;gap:14px}
  .nav-links,.nav-cta{display:none}
  .nav-right{margin-left:auto}
  .menu-toggle{display:inline-flex;width:44px;height:44px}
  .mobile-menu{position:absolute;top:calc(100% + 8px);left:var(--pad);right:var(--pad);display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1)}
  .mobile-menu.open{grid-template-rows:1fr}
  .mobile-menu-inner{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:rgba(17,16,13,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .mobile-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:9px}
  .mobile-menu-links a{min-height:46px;display:flex;align-items:center;padding:0 13px;border-radius:10px;color:rgba(245,241,232,.86);font-size:13px}
.mobile-menu-links a:hover,.mobile-menu-links a:focus-visible{background:rgba(255,255,255,.07);color:var(--ink)}
.mobile-menu-links a[aria-current="page"]{background:rgba(226,199,132,.1);color:var(--gold)}
  .mobile-menu-links .menu-action{grid-column:1/-1;justify-content:center;margin-top:3px;background:linear-gradient(135deg,#e2c784,#ad8141);color:#21190c;font-weight:700}
}
@supports (padding:env(safe-area-inset-top)){.site-header{padding-top:env(safe-area-inset-top)}}
@media(max-width:599px){
  .menu-toggle{width:44px;height:44px}
  .mobile-menu-links a{min-height:44px}
  .video-audio-toggle{min-height:44px;font-size: 12px}
  .search-top input,.field input,.field select,.field textarea,.support-form input,.support-form select,.support-form textarea{font-size:16px}
  .search-tools{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}
  .quick-chip{height:auto;min-height:44px;padding:0 10px;font-size: 12px}
  .search-submit{width:44px;height:44px;align-self:auto;margin:0 0 0 auto}
  .service-more,.credential-view,.portfolio-jumps a{min-height:44px;display:inline-flex;align-items:center}
  .stage-button{min-height:44px}
  .support-close{width:44px;height:44px}
  .section-copy,.about-copy p,.leadership-copy p{font-size:14px;line-height:1.75}
  .service-card p{font-size:13px;line-height:1.65}
  .contact-item{font-size:12px;line-height:1.7}
  .project-slide{filter:brightness(.76) saturate(.78)}
  .project-image-loop{opacity:.26}
  .video-stage video{filter:contrast(1.04) saturate(1.04) brightness(1.02)}
}

/* Legal pages, consent and keyboard access */
.legal-content{position:relative;z-index:2;width:min(940px,90vw);margin:0 auto 7rem;padding:clamp(22px,5vw,52px);border:1px solid rgba(234,211,158,.2);border-radius:22px;background:rgba(12,13,14,.86);color:#f2f0e9;box-shadow:0 24px 80px rgba(0,0,0,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:15px;line-height:1.8}
.legal-content h2{margin:2rem 0 .5rem;color:#ead39e;font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.025em}.legal-content p{margin:.7rem 0;color:rgba(248,247,243,.86)}.legal-content a{color:#f1d893;text-decoration:underline;text-underline-offset:3px}.legal-content .legal-review-note{margin-top:2rem;padding:14px 16px;border-left:1px solid #d5b46a;background:rgba(213,180,106,.09);font-size:.9rem}.consent-field,.support-consent{margin:12px 0}.consent-field>label,.support-consent>label{display:flex;align-items:flex-start;gap:10px;color:rgba(248,247,243,.83);font-size:12px;line-height:1.6;cursor:pointer}.consent-field input,.support-consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#d5b46a}.consent-field a,.support-consent a{color:#f1d893;text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid #f0cd73!important;outline-offset:3px!important}
@media(max-width:600px){.legal-content{width:calc(100% - 28px);margin-bottom:4rem;font-size:14px}.consent-field>label,.support-consent>label{font-size:13px}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Upcoming-project preview ticker: CSS-only motion, with imagery slots intentionally held for client assets. */
@media (min-width:1024px){
  .hero-inner{width:min(980px,calc(100vw - 340px));transform:translateX(-132px)}
  .upcoming-ticker{position:absolute;z-index:4;top:52%;right:clamp(24px,5vw,76px);width:clamp(216px,17vw,252px);height:min(620px,calc(100svh - 160px));min-height:400px;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid transparent;border-radius:20px;background:rgba(8,11,15,.76);box-shadow:0 18px 56px rgba(0,0,0,.32);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);transform:translateY(-50%)}
  .ticker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);text-decoration:none}
  .ticker-heading span{display:grid;gap:3px}.ticker-heading strong{font-size:14px;font-weight:650;letter-spacing:-.015em}.ticker-heading small{color:var(--muted);font-size:12px}.ticker-heading .icon{width:16px;height:16px;color:var(--gold)}
  .ticker-viewport{min-height:0;flex:1;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 91%,transparent 100%)}
  .ticker-track{display:flex;flex-direction:column;gap:14px;animation:upcomingTickerScroll 30s linear infinite;animation-play-state:paused;}.upcoming-ticker.is-visible .ticker-track{animation-play-state:running}.upcoming-ticker:hover .ticker-track,.upcoming-ticker:focus-within .ticker-track{animation-play-state:paused}
  .ticker-group{display:grid;flex:none;gap:14px}.ticker-card{display:grid;gap:8px;min-width:0;padding:8px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.035);color:var(--ink);text-decoration:none;transition:border-color .18s ease,background .18s ease}.ticker-card[href]:hover,.ticker-card[href]:focus-visible{border-color:transparent;background:rgba(255,255,255,.065)}
  .ticker-art{position:relative;display:block;min-height:82px;overflow:hidden;border-radius:9px;background-color:#121511;background-image:linear-gradient(135deg,rgba(226,199,132,.13),transparent 55%),linear-gradient(25deg,transparent 42%,rgba(226,199,132,.08) 42.3%,transparent 43%),linear-gradient(155deg,#18201c,#0b0e0c 72%)}.ticker-art--two{background-image:linear-gradient(30deg,rgba(160,129,65,.16),transparent 58%),linear-gradient(150deg,transparent 48%,rgba(226,199,132,.08) 48.3%,transparent 49%),linear-gradient(135deg,#202016,#0c0e0b 75%)}.ticker-art--three{background-image:linear-gradient(145deg,rgba(226,199,132,.12),transparent 60%),linear-gradient(90deg,transparent 48%,rgba(226,199,132,.08) 48.3%,transparent 49%),linear-gradient(155deg,#171c19,#090b0a 76%)}.ticker-art-index{position:absolute;left:10px;top:8px;color:rgba(255,244,216,.8);font-size:12px;font-weight:650;letter-spacing:.04em}.ticker-art-rule{position:absolute;right:10px;bottom:10px;width:30%;height:1px;background:rgba(226,199,132,.5)}
  .ticker-card-copy{display:grid;gap:3px}.ticker-card-copy strong{font-size:12px;font-weight:600}.ticker-card-copy small{color:var(--muted);font-size:12px}
  .ticker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:3px;color:var(--gold);font-size:12px;font-weight:600;text-decoration:none}.ticker-footer .icon{width:15px;height:15px}
  @keyframes upcomingTickerScroll{to{transform:translateY(calc(-50% - 7px))}}
}
@media(max-width:1023px){
  .upcoming-ticker{position:relative;z-index:4;top:auto;right:auto;display:flex;align-self:stretch;flex-direction:column;gap:10px;width:min(100%,560px);height:auto;min-height:0;margin:18px auto 26px;padding:4px 0 6px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;text-align:left}
  .ticker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);text-decoration:none}
  .ticker-heading span{display:grid;gap:3px}.ticker-heading strong{font-size:14px;font-weight:650;letter-spacing:-.015em}.ticker-heading small{color:var(--muted);font-size:12px}.ticker-heading .icon{width:16px;height:16px;color:var(--gold)}
  .ticker-viewport{width:100%;min-height:0;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%)}
  .ticker-track{display:flex;width:max-content;flex-direction:row;align-items:center;gap:16px;animation:upcomingTickerScrollHorizontal 48s linear infinite;animation-play-state:paused}.upcoming-ticker.is-visible .ticker-track{animation-play-state:running}.upcoming-ticker:hover .ticker-track,.upcoming-ticker:focus-within .ticker-track,.upcoming-ticker:active .ticker-track{animation-play-state:paused}
  .ticker-group{display:flex;flex:none;gap:18px}.ticker-card{display:grid;flex:0 0 clamp(190px,64vw,230px);gap:8px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);text-decoration:none}
  .ticker-card[href]:hover,.ticker-card[href]:focus-visible{background:transparent}
  .ticker-art{position:relative;display:block;min-height:0;aspect-ratio:16/9;overflow:visible;border-radius:0;background:none!important;filter:drop-shadow(0 12px 15px rgba(0,0,0,.4));transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;animation:tickerFloatMobile 7s ease-in-out infinite}
  .ticker-art img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:0;box-shadow:none}
  .ticker-art--two{animation-delay:-2.1s}.ticker-art--three{animation-delay:-4.2s}.ticker-art-index,.ticker-art-rule{display:none}
  .ticker-card-copy{display:grid;gap:3px;padding-inline:4px}.ticker-card-copy strong{font-size:13px;font-weight:600}.ticker-card-copy small{color:var(--muted);font-size:12px}
  .ticker-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:3px;color:var(--gold);font-size:12px;font-weight:600;text-decoration:none}.ticker-footer .icon{width:15px;height:15px}
  @keyframes upcomingTickerScrollHorizontal{to{transform:translateX(calc(-50% - 8px))}}
  @keyframes tickerFloatMobile{0%,100%{transform:translate3d(0,4px,0) rotate(-1deg)}50%{transform:translate3d(0,-4px,10px) rotate(1deg)}}
  .roster-scroll-hint{display:flex;align-items:center;gap:7px;margin:-12px 0 12px;color:var(--gold);font-size:12px;letter-spacing:.01em}
  .roster-scroll-hint span{font-size:16px;line-height:1}
}
.process-section{background:linear-gradient(180deg,rgba(10,12,12,.86),rgba(9,10,9,.9))!important}
.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}
.process-step{display:grid;grid-template-columns:38px 1fr;align-content:start;gap:15px;min-width:0;padding:25px 24px}
.process-step:first-child{padding-left:0}
.process-step+.process-step{border-left:1px solid var(--line)}
.process-number{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.08em}
.process-step h3{margin:0 0 8px;color:var(--ink);font-size:16px;font-weight:600}
.process-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.process-cta{margin-top:28px}
@media(max-width:760px){.process-list{grid-template-columns:1fr}.process-step,.process-step:first-child{padding:19px 0}.process-step+.process-step{border-top:1px solid var(--line);border-left:0}.process-step h3{margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.upcoming-ticker .ticker-track{animation:none;transform:none}.upcoming-ticker .ticker-viewport{overflow:auto;mask-image:none;-webkit-mask-image:none}.upcoming-ticker .ticker-group[aria-hidden="true"]{display:none}.ticker-art{animation:none!important;transform:none!important}}

/* Floating photo placeholders: keep the ticker image slots unassigned until assets are supplied. */
@media(min-width:1024px){
  .upcoming-ticker{padding:12px;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .ticker-card,.ticker-card[href]:hover,.ticker-card[href]:focus-visible{padding:4px;border-color:transparent;background:transparent}
  .ticker-track{animation-duration:64s}
  .ticker-art{min-height:0;aspect-ratio:16/9;overflow:visible;border-radius:0;background:none!important;filter:drop-shadow(0 16px 18px rgba(0,0,0,.4));transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;animation:floatPreviewOne 7s ease-in-out infinite}
  .ticker-art img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:0;box-shadow:none}
  .ticker-art--two{animation-name:floatPreviewTwo;animation-delay:-2.1s}
  .ticker-art--three{animation-name:floatPreviewThree;animation-delay:-4.2s}
  .ticker-art-index,.ticker-art-rule{display:none}
  .ticker-card-copy{padding-inline:10px}
  .ticker-card-copy strong{font-size:13px}
  @keyframes floatPreviewOne{0%,100%{transform:translate3d(-3px,5px,0) rotateX(5deg) rotateY(-9deg) rotateZ(-2deg)}50%{transform:translate3d(5px,-7px,24px) rotateX(-4deg) rotateY(8deg) rotateZ(2deg)}}
  @keyframes floatPreviewTwo{0%,100%{transform:translate3d(4px,-4px,0) rotateX(-4deg) rotateY(8deg) rotateZ(2deg)}50%{transform:translate3d(-5px,7px,20px) rotateX(5deg) rotateY(-8deg) rotateZ(-2deg)}}
  @keyframes floatPreviewThree{0%,100%{transform:translate3d(-4px,3px,0) rotateX(4deg) rotateY(7deg) rotateZ(-2deg)}50%{transform:translate3d(5px,-6px,18px) rotateX(-5deg) rotateY(-7deg) rotateZ(2deg)}}
}
@media(prefers-reduced-motion:reduce){.ticker-art,.ticker-track{animation:none!important;transform:none!important}}