/*
Theme Name: SkyloreSolution
Theme URI: https://skyloresolutionllc.com
Author: SkyloreSolution LLC
Description: Custom theme for SkyloreSolution LLC, US IT staffing and technology services. On activation it creates the Home, About, Services, Careers, Projects, Contact, Privacy Policy and Terms pages and the main menu.
Version: 1.6.1
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: skylore
*/

/* Brand tokens, taken from the SkyloreSolution logo */
:root{
  --ink:#1E0B3D; --purple:#4B1E8C; --purple-2:#6A2FC0; --purple-soft:#EEE6FA;
  --deep:#1E0B3D; --deeper:#140728; --lav:#F7F4FC; --line:#E6DEF3;
  --muted:#5D5470; --on-dark:#D9CCEF; --on-dark-2:#B9A4DE;
  --gold:#D4A63A; --gold-2:#9C7419; --gold-soft:#F8EED5; --white:#FFFFFF;
  --display:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --shadow:0 1px 2px rgba(30,11,61,.05),0 8px 24px rgba(30,11,61,.07);
  --shadow-lg:0 2px 4px rgba(30,11,61,.06),0 24px 50px rgba(30,11,61,.14);
  --radius:14px; --wrap:1180px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--purple)}
h1,h2,h3,h4{font-family:var(--display);line-height:1.2;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-weight:700}
h2{font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:700}
h3{font-weight:600}
p{margin:0}
ul{margin:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;left:12px;top:12px;z-index:100;width:auto;height:auto;clip:auto;background:var(--white);padding:10px 14px;border-radius:8px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.section{padding-block:84px}
.section.alt{background:var(--lav)}
.section.dark{background:var(--deep);color:var(--white)}
.section.tight{padding-block:56px}

.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2)}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--gold);flex:none}
.dark .eyebrow,.hero .eyebrow,.page-hero .eyebrow{color:var(--gold)}
.head{display:grid;gap:14px;max-width:700px;margin-bottom:44px}
.head p{color:var(--muted);font-size:1.05rem}
.dark .head p{color:var(--on-dark)}
.head.center{margin-inline:auto;text-align:center;justify-items:center}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:600;letter-spacing:.03em;text-decoration:none;padding:13px 24px;border-radius:9px;border:2px solid var(--gold);background:var(--gold);color:var(--deep);cursor:pointer;font-size:1rem;line-height:1.2;transition:background .15s,border-color .15s,transform .15s,color .15s}
.btn:hover{background:#E2B852;border-color:#E2B852;transform:translateY(-1px)}
.btn-purple{background:var(--purple);border-color:var(--purple);color:var(--white)}
.btn-purple:hover{background:var(--purple-2);border-color:var(--purple-2)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.5);color:var(--white)}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:var(--white)}
.btn-outline{background:transparent;border-color:var(--purple);color:var(--purple)}
.btn-outline:hover{background:var(--purple);color:var(--white)}
.btn-sm{padding:9px 16px;font-size:.92rem}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.link-arrow{font-family:var(--display);font-weight:600;text-decoration:none;color:var(--purple);display:inline-flex;gap:6px;align-items:center}
.link-arrow::after{content:"→";transition:transform .15s}
.link-arrow:hover::after{transform:translateX(3px)}
.dark .link-arrow{color:var(--gold)}

/* Header */
.topbar{background:var(--deeper);color:var(--on-dark);font-size:.86rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:10px 22px;flex-wrap:wrap;padding-block:7px}
.topbar a{color:var(--on-dark);text-decoration:none}
.topbar a:hover{color:var(--white)}
.topbar .tb-left{display:flex;gap:18px;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:8px}
.brand{display:block;line-height:0;flex:none}
.brand img{height:62px;width:auto}
.menu-wrap{display:flex;align-items:center;gap:22px}
.main-menu{list-style:none;display:flex;gap:4px;padding:0;margin:0}
.main-menu>li{position:relative}
.main-menu a{display:block;padding:10px 12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.97rem;border-radius:8px}
.main-menu a:hover,.main-menu .current-menu-item>a,.main-menu .current_page_item>a{color:var(--purple-2)}
.main-menu .sub-menu{list-style:none;position:absolute;left:0;top:100%;min-width:260px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 18px 40px rgba(30,11,61,.12);display:none}
.main-menu li:hover>.sub-menu,.main-menu li:focus-within>.sub-menu{display:block}
.main-menu .sub-menu a{font-weight:600;padding:9px 12px}
.main-menu .sub-menu a:hover{background:var(--lav)}
.header-actions{display:flex;align-items:center;gap:10px}
.icon-btn{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:9px;border:1px solid var(--line);color:var(--purple);background:var(--white)}
.icon-btn:hover{border-color:var(--purple)}
.menu-toggle{display:none;background:var(--white);border:1px solid var(--line);border-radius:9px;width:44px;height:44px;cursor:pointer;color:var(--ink)}
@media (max-width:1060px){
  .menu-toggle{display:inline-grid;place-items:center}
  .menu-wrap{position:fixed;inset:0 0 0 auto;width:min(360px,88vw);background:var(--white);flex-direction:column;align-items:stretch;gap:18px;padding:84px 22px 28px;transform:translateX(100%);transition:transform .25s;box-shadow:-20px 0 40px rgba(30,11,61,.18);z-index:60;overflow-y:auto}
  .menu-open .menu-wrap{transform:none}
  .main-menu{flex-direction:column}
  .main-menu .sub-menu{position:static;display:block;border:0;box-shadow:none;padding:0 0 0 12px;min-width:0}
  .header-actions{flex-wrap:wrap}
  .menu-close{position:absolute;top:18px;right:18px}
  .nav-scrim{position:fixed;inset:0;background:rgba(20,7,40,.45);z-index:55;display:none}
  .menu-open .nav-scrim{display:block}
}
@media (min-width:1061px){.menu-close,.nav-scrim{display:none}}

/* Hero (home) */
.hero{background:radial-gradient(900px 480px at 90% -10%,#5A26A6 0%,transparent 62%),radial-gradient(700px 400px at -10% 110%,#3A1670 0%,transparent 60%),var(--deep);color:var(--white);padding-block:86px 92px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.3rem,5vw,3.7rem);margin-top:18px}
.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--gold)}
.hero .lead{font-size:1.15rem;color:var(--on-dark);max-width:56ch;margin-top:22px}
.hero .btns{margin-top:32px}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px;max-width:560px}
.pillar{border:1px solid rgba(212,166,58,.4);border-radius:12px;padding:14px;display:grid;gap:4px}
.pillar b{font-family:var(--display);font-weight:600;color:var(--white)}
.pillar span{font-size:.86rem;color:var(--on-dark-2)}

/* Control center panel */
.control{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:24px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.control-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.control-top h3{font-size:1rem;letter-spacing:.06em}
.live{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-family:var(--display);color:#9EF0C2}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 4px rgba(61,220,132,.18)}
.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ctile{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:grid;gap:8px}
.ctile .code{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);font-weight:700;background:var(--gold);color:var(--deep);font-size:.9rem}
.ctile:nth-child(2) .code{background:#8A44D6;color:var(--white)}
.ctile:nth-child(3) .code{background:var(--white);color:var(--purple)}
.ctile:nth-child(4) .code{background:#3A1670;color:var(--gold);border:1px solid var(--gold)}
.ctile b{font-family:var(--display);font-weight:600}
.ctile span{font-size:.85rem;color:var(--on-dark-2)}
.flow{display:flex;align-items:center;gap:8px;margin-top:16px;flex-wrap:wrap;font-size:.8rem;font-family:var(--display);color:var(--on-dark)}
.flow i{font-style:normal;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.07)}
.flow i:last-child{background:rgba(212,166,58,.2);color:#F3D57E}

/* Page hero (inner pages) */
.page-hero{background:radial-gradient(800px 420px at 92% -20%,#5A26A6 0%,transparent 62%),var(--deep);color:var(--white);padding-block:76px 80px}
.page-hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end}
.page-hero h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin-top:16px}
.page-hero .lead{color:var(--on-dark);font-size:1.1rem;margin-top:18px;max-width:60ch}
.page-hero .btns{margin-top:28px}
.crumbs{font-size:.88rem;color:var(--on-dark-2)}
.crumbs a{color:var(--on-dark-2);text-decoration:none}
.crumbs a:hover{color:var(--white)}
.hero-side{display:grid;gap:10px}
.hero-side div{border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 16px;background:rgba(255,255,255,.04)}
.hero-side b{display:block;font-family:var(--display);font-weight:600}
.hero-side span{font-size:.9rem;color:var(--on-dark-2)}

/* Grids & cards */
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#D9CCF0}
.card h3{font-size:1.25rem}
.card p{color:var(--muted)}
.card .link-arrow{margin-top:auto;padding-top:6px}
.dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.dark .card p{color:var(--on-dark)}
.num{font-family:var(--display);font-weight:700;font-size:.85rem;letter-spacing:.12em;color:var(--gold-2)}
.dark .num{color:var(--gold)}
.ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#F1EAFC,#E2D4F8);display:grid;place-items:center;color:var(--purple);flex:none}
.ic svg{width:26px;height:26px}
.dark .ic{background:rgba(212,166,58,.15);color:var(--gold)}
.ticks{list-style:none;padding:0;display:grid;gap:8px}
.ticks li{position:relative;padding-left:26px;color:var(--muted)}
.ticks li::before{content:"";position:absolute;left:0;top:.5em;width:14px;height:8px;border-left:2.5px solid var(--gold);border-bottom:2.5px solid var(--gold);transform:rotate(-45deg)}
.dark .ticks li{color:var(--on-dark)}
.tag{justify-self:start;align-self:flex-start;display:inline-block;font-family:var(--display);font-size:.75rem;letter-spacing:.05em;padding:4px 11px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-weight:600}
.tag.gold{background:var(--gold-soft);color:#7A5A10}
.tag.green{background:#E3F6EC;color:#1B7A47}
.tags{display:flex;gap:6px;flex-wrap:wrap}

/* Ecosystem band */
.band{background:linear-gradient(100deg,var(--purple) 0%,#6A2FC0 100%);color:var(--white);padding-block:52px}
.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap}
.band h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}
.band p{color:#E4D8F7;margin-top:8px;max-width:60ch}
.codes{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.codes span{font-family:var(--display);font-weight:600;font-size:.85rem;padding:7px 12px;border-radius:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.codes span b{color:var(--gold);margin-right:6px}

/* Spotlight */
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:start}
.split>*{min-width:0}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tile{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--white);font-family:var(--display);font-weight:600;text-decoration:none;color:var(--ink)}
.tile:hover{border-color:var(--purple)}
.tile .ic{width:40px;height:40px;border-radius:10px}
.tile .ic svg{width:20px;height:20px}

/* Testimonials */
.quote{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;gap:16px}
.quote p{font-size:1.04rem}
.person{display:flex;gap:12px;align-items:center}
.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#8A44D6,#3B1270);color:var(--white);display:grid;place-items:center;font-family:var(--display);font-weight:700;flex:none}
.person b{display:block;font-family:var(--display)}
.person span{font-size:.88rem;color:var(--muted)}

/* Tabs (requirement selector, filters) */
.selector{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}
.sel-list{display:grid;gap:8px}
.sel-list button{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;padding:16px 18px;border-radius:12px;border:1px solid var(--line);background:var(--white);font:600 1rem var(--display);color:var(--ink);cursor:pointer}
.sel-list button[aria-selected="true"]{background:var(--purple);border-color:var(--purple);color:var(--white)}
.sel-list button[aria-selected="true"] span{color:var(--gold)}
.sel-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px;display:grid;gap:16px;min-width:0}
.sel-panel h3{font-size:1.5rem}
.sel-panel p{color:var(--muted)}
.sel-panel .ticks{grid-template-columns:repeat(2,minmax(0,1fr))}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.filters button{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--white);font:600 .92rem var(--display);color:var(--ink);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--purple);border-color:var(--purple);color:var(--white)}
.filters button .count{opacity:.7;margin-left:4px}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;counter-reset:step}
.step{display:grid;gap:10px;align-content:start;border-top:3px solid var(--purple);padding-top:20px}
.step:last-child{border-color:var(--gold)}
.step b{font-family:var(--display);font-weight:700;letter-spacing:.1em;font-size:.82rem;color:var(--purple)}
.step:last-child b{color:var(--gold-2)}
.step h3{font-size:1.15rem}
.step p{color:var(--muted)}
.dark .step{border-color:#8A44D6}.dark .step:last-child{border-color:var(--gold)}
.dark .step b{color:#C9B0F2}.dark .step:last-child b{color:var(--gold)}
.dark .step p{color:var(--on-dark)}

/* FAQ */
.faq{display:grid;gap:10px;max-width:900px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:0 22px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font-family:var(--display);font-weight:600;font-size:1.05rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--purple);flex:none}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 20px;color:var(--muted)}

/* CTA */
.cta{background:radial-gradient(700px 300px at 50% 0%,#5A26A6,transparent 70%),var(--deep);color:var(--white);text-align:center;padding-block:80px}
.cta h2{max-width:760px;margin-inline:auto}
.cta p{color:var(--on-dark);margin:16px auto 0;max-width:60ch}
.cta .btns{justify-content:center;margin-top:28px}

/* Team */
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.member{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.member .body{flex:1}
.member .photo{aspect-ratio:4/3;background:linear-gradient(150deg,#6A2FC0,#1E0B3D);display:grid;place-items:center;position:relative;max-width:100%}
.member .photo img{width:100%;height:100%;object-fit:cover}
.member .photo .init{width:110px;height:110px;border-radius:50%;border:3px solid var(--gold);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:2.2rem;color:var(--white);background:rgba(255,255,255,.08)}
.member .body{padding:22px;display:grid;gap:6px}
.member h3{font-size:1.25rem}
.member .role{font-family:var(--display);font-weight:600;color:var(--gold-2);font-size:.92rem;letter-spacing:.04em}
.member p{color:var(--muted);font-size:.95rem}

/* Jobs */
.jobs{display:grid;gap:14px}
.job{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;display:grid;gap:12px}
.job-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}
.job h3{font-size:1.2rem}
.job .meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:.92rem;margin-top:6px}
.job .meta span{display:inline-flex;gap:6px;align-items:center}
.job p{color:var(--muted)}
.job .more{display:none;gap:10px}
.job.open .more{display:grid}
.job .actions{display:flex;gap:10px;flex-wrap:wrap}
.job[hidden]{display:none}
.search{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.search input{flex:1 1 260px;min-width:0;font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink)}

/* Projects */
.proj{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.proj[hidden]{display:none}
.proj .metric{font-family:var(--display);font-weight:700;font-size:2rem;color:var(--purple);line-height:1}
.proj .metric small{display:block;font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-top:6px}
.proj h3{font-size:1.2rem}
.proj p{color:var(--muted)}
.proj dl{display:grid;gap:10px;margin:0}
.proj dt{font-family:var(--display);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2)}
.proj dd{margin:2px 0 0;color:var(--muted);font-size:.95rem}
.notice{border:1px dashed var(--gold);background:var(--gold-soft);color:#6A4D0C;border-radius:12px;padding:14px 18px;font-size:.93rem;margin-bottom:26px}

/* Services page */
.svc-group{scroll-margin-top:110px}
.svc-group+.svc-group{margin-top:72px}
.svc-nav{display:flex;gap:10px;flex-wrap:wrap}
.svc-nav a{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);color:var(--white);text-decoration:none;font-family:var(--display);font-weight:600}
.svc-nav a:hover{background:rgba(255,255,255,.1)}
.svc{scroll-margin-top:110px}

/* Forms */
.form-card{background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 20px 50px rgba(30,11,61,.08)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:grid;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
.field label{font-weight:700;font-size:.93rem}
.field label .req{color:#B42318}
.field input,.field select,.field textarea{font:inherit;padding:12px 13px;border:1px solid #D9CDEB;border-radius:9px;background:var(--lav);color:var(--ink);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--purple);background:var(--white);outline:none;box-shadow:0 0 0 3px rgba(106,47,192,.18)}
.field textarea{min-height:130px;resize:vertical}
.field small{color:var(--muted);font-size:.84rem}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--muted)}
.check input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--purple)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.alert{border-radius:12px;padding:14px 18px;margin-bottom:20px;font-weight:700}
.alert.ok{background:#E3F6EC;color:#14653A;border:1px solid #B4E5C9}
.alert.err{background:#FDECEC;color:#9B1C1C;border:1px solid #F5C2C2}
.tips{display:grid;gap:10px}

/* Contact */
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.contact-cards .card{gap:8px}
.contact-cards a{font-family:var(--display);font-weight:600;font-size:1.05rem;text-decoration:none;color:var(--ink);word-break:break-word}
.contact-cards a:hover{color:var(--purple-2)}

/* Legal */
.legal{max-width:820px}
.legal h2{font-size:1.45rem;margin:38px 0 12px}
.legal p,.legal li{color:var(--muted)}
.legal p+p{margin-top:12px}
.legal ul{padding-left:20px;display:grid;gap:6px;margin-top:10px}
.legal .updated{font-family:var(--display);color:var(--gold-2);font-weight:600}

/* Footer */
.site-footer{background:var(--deeper);color:var(--on-dark)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-block:64px 40px}
.foot-grid>*{min-width:0}
.foot-brand img{height:70px;width:auto}
.foot-brand p{margin-top:14px;font-size:.95rem;max-width:40ch}
.site-footer h4{color:var(--white);font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}
.site-footer ul{list-style:none;padding:0;display:grid;gap:9px}
.site-footer a{color:var(--on-dark);text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.socials{display:flex;gap:10px;margin-top:18px}
.socials a{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1)}
.foot-bottom .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-block:20px;font-size:.88rem;color:var(--on-dark-2)}

/* Generic page content */
.entry{max-width:820px}
.entry>*+*{margin-top:16px}


/* ===== v1.1 additions ===== */
.illus{display:block;width:100%;height:auto;max-width:100%}
.visual-img{display:block;width:100%;height:auto;border-radius:20px;object-fit:cover}

/* Hero v2 */
.hero-v2 .hero-grid{grid-template-columns:1.05fr .95fr;gap:40px}
.hero-visual{position:relative;min-width:0}
.hero-visual .illus{filter:drop-shadow(0 30px 60px rgba(0,0,0,.25))}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.trust span{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:#EDE4FA;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.trust span svg{color:var(--gold)}
.badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(212,166,58,.45);color:var(--white);font-family:var(--display);font-weight:600;font-size:.95rem}
.badge svg{color:var(--gold)}

/* Company marquee */
.marquee-sec{padding-block:44px;border-bottom:1px solid var(--line)}
.marquee-sec h2{font-size:clamp(1.2rem,2.2vw,1.6rem);text-align:center;color:var(--muted);font-weight:600}
.marquee{overflow:hidden;margin-top:26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;gap:64px;width:max-content;animation:sk-scroll 34s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,2.4vw,1.75rem);color:#6E6585;white-space:nowrap;letter-spacing:-.01em;opacity:.85}
@keyframes sk-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}

/* What we do v2 */
.wwd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.wwd .card{position:relative;overflow:hidden;padding:30px 26px}
.wwd .card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--purple),var(--gold))}
.wwd .card .top{display:flex;justify-content:space-between;align-items:center}
.wwd .card .ic{background:linear-gradient(135deg,#6A2FC0,#3B1270);color:var(--white)}
.wwd .card:nth-child(2) .ic{background:linear-gradient(135deg,#E2B852,#B8892A);color:var(--deep)}
.wwd .card:nth-child(3) .ic{background:linear-gradient(135deg,#0F766E,#0B4F4A)}
.wwd .card:nth-child(4) .ic{background:linear-gradient(135deg,#2443B8,#131F55)}
.wwd .num{font-size:1.6rem;color:#E4DCF3;letter-spacing:0}
.wwd .ticks{gap:6px;font-size:.93rem}

/* Collage */
.collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:0;margin-top:10px}
.collage .ct{grid-row:1;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--white);position:relative}
.collage .ct .illus,.collage .ct .visual-img{border-radius:0}
.collage .c1{grid-column:1/5;z-index:1;transform:translateY(30px)}
.collage .c2{grid-column:4/7;z-index:2}
.collage .c3{grid-column:7/10;z-index:3;transform:translateY(46px)}
.collage .c3{grid-column:7/10}
.collage .c4{grid-column:10/13;z-index:4;transform:translateY(-10px)}
.collage .label{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);color:var(--ink);font-family:var(--display);font-weight:600;font-size:.85rem;padding:6px 12px;border-radius:999px}

/* Feature split */
.fsplit{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
.fsplit>*{min-width:0}
.fsplit .vis{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg)}
.fsplit .float{position:absolute;right:18px;bottom:18px;background:rgba(30,11,61,.88);color:var(--white);border-radius:14px;padding:14px 16px;display:grid;gap:8px;max-width:240px;backdrop-filter:blur(4px)}
.fsplit .float b{font-family:var(--display);font-size:.95rem}
.avs{display:flex}
.avs span{width:32px;height:32px;border-radius:50%;border:2px solid var(--deep);margin-left:-8px;display:grid;place-items:center;font-size:.72rem;font-weight:700;color:var(--white)}
.avs span:first-child{margin-left:0}
.frow{display:grid;grid-template-columns:64px 1fr;gap:18px;padding-block:20px;border-top:1px solid var(--line)}
.frow .dot{width:64px;height:64px;border-radius:50%;background:var(--deep);display:grid;place-items:center;color:var(--gold)}
.frow h3{font-size:1.2rem;color:var(--purple)}
.frow p{color:var(--muted);margin-top:6px}

/* Testimonial slider */
.tslider{position:relative}
.ttrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 24px;scrollbar-width:none}
.ttrack::-webkit-scrollbar{display:none}
.tcard{scroll-snap-align:start;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow);min-width:0}
.tcard .stars{color:var(--gold);font-size:2.6rem;line-height:.6;font-family:Georgia,serif}
.tcard blockquote{margin:0;font-size:1.06rem;line-height:1.65;color:var(--ink);flex:1}
.tcard .via{font-size:.8rem;color:var(--muted)}
.tnav{display:flex;gap:10px;justify-content:flex-end;margin-bottom:18px}
.tnav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--purple);cursor:pointer;display:grid;place-items:center;font-size:1.2rem}
.tnav button:hover{background:var(--purple);color:var(--white);border-color:var(--purple)}
.thead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.thead .head{margin-bottom:24px}

/* Inner page hero with visual */
.page-hero.has-visual .wrap{grid-template-columns:1.05fr .95fr;align-items:center}
.page-hero .vis{min-width:0}

/* Mission & vision v2 */
.mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mv .card{padding:36px;gap:16px}
.mv .card h3{font-size:1.5rem}
.mv .lead2{font-size:1.08rem;color:var(--on-dark)!important}

/* Careers v2 */
.shared{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:14px;padding:24px 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin-bottom:30px;box-shadow:var(--shadow)}
.shared div{display:grid;gap:4px;min-width:0}
.shared b{font-family:var(--display);font-size:.92rem;color:var(--purple)}
.shared span{color:var(--muted);font-size:.93rem}
.shared .wide{grid-column:1/-1}
.job .pay{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#14653A}
.job .more{gap:18px;padding-top:6px;border-top:1px dashed var(--line);margin-top:4px}
.job .more h4{font-size:1rem;color:var(--purple);margin-bottom:8px}
.job .more .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}
.job .more .cols>*{min-width:0}
.everify{display:flex;gap:14px;align-items:flex-start;background:#E3F6EC;border:1px solid #B4E5C9;color:#14653A;border-radius:14px;padding:18px 20px;margin-top:22px}
.everify b{font-family:var(--display)}
.everify a{color:#14653A;font-weight:600}

@media (max-width:1000px){
  .hero-v2 .hero-grid,.page-hero.has-visual .wrap,.fsplit{grid-template-columns:1fr}
  .wwd{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ttrack{grid-auto-columns:calc((100% - 24px)/2)}
  .team{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shared{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-visual{max-width:560px;margin-inline:auto;width:100%}
  .page-hero .vis{max-width:520px;width:100%}
}
@media (max-width:640px){
  .wwd,.mv,.team,.shared,.job .more .cols{grid-template-columns:1fr}
  .ttrack{grid-auto-columns:88%}
  .collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .collage .ct{grid-column:auto!important;grid-row:auto!important;transform:none!important}
  .frow{grid-template-columns:52px 1fr}
  .frow .dot{width:52px;height:52px}
}

/* Responsive */
@media (max-width:1000px){
  .hero-grid,.page-hero .wrap,.split,.selector{grid-template-columns:1fr}
  .g4,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3,.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .section{padding-block:62px}
  .g2,.g3,.g4,.steps,.form-grid,.tiles,.contact-cards,.sel-panel .ticks{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr}
  .control-grid{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr}
  .brand img{height:50px}
  .form-card{padding:22px}
  .topbar .tb-right{display:none}
}
.person .avatar{color:#FFFFFF;font-size:.95rem}
@media (max-width:640px){.topbar{font-size:.8rem}.topbar .tb-left a:nth-child(n+3){display:none}}

/* ===== v1.3: patterns + AI hero ===== */
:root{
  --pat-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cpath d='M56 0H0V56' fill='none' stroke='%23D4A63A' stroke-opacity='.09'/%3E%3C/svg%3E");
  --pat-circuit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%23D4A63A' stroke-opacity='.14' stroke-width='1.2'%3E%3Cpath d='M0 40h40l20 20h40M100 60v40l20 20h40M20 160v-40l20-20M120 0v20l-20 20'/%3E%3C/g%3E%3Cg fill='%23D4A63A' fill-opacity='.28'%3E%3Ccircle cx='100' cy='60' r='3'/%3E%3Ccircle cx='160' cy='120' r='3'/%3E%3Ccircle cx='40' cy='100' r='3'/%3E%3Ccircle cx='100' cy='40' r='3'/%3E%3C/g%3E%3C/svg%3E");
  --pat-dots:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='2' cy='2' r='1.6' fill='%236A2FC0' fill-opacity='.13'/%3E%3C/svg%3E");
  --pat-diag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M-4 26L26 -4' stroke='%23FFFFFF' stroke-opacity='.07' stroke-width='6'/%3E%3C/svg%3E");
}
.hero{position:relative;background:radial-gradient(700px 420px at 88% 8%,rgba(212,166,58,.20),transparent 60%),radial-gradient(900px 520px at 70% 20%,#5A26A6 0%,transparent 62%),radial-gradient(700px 400px at -10% 110%,#3A1670 0%,transparent 60%),var(--pat-circuit),var(--pat-grid),var(--deep);background-size:auto,auto,auto,160px 160px,56px 56px,auto}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--purple-2),transparent)}
.page-hero{background:radial-gradient(600px 360px at 92% 0%,rgba(212,166,58,.16),transparent 60%),radial-gradient(800px 420px at 92% -20%,#5A26A6 0%,transparent 62%),var(--pat-circuit),var(--pat-grid),var(--deep);background-size:auto,auto,160px 160px,56px 56px,auto;position:relative}
.page-hero::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--purple-2),transparent)}
.section.dark,.cta{background-image:var(--pat-circuit);background-size:160px 160px}
.cta{background:radial-gradient(700px 300px at 50% 0%,#5A26A6,transparent 70%),var(--pat-circuit),var(--deep);background-size:auto,160px 160px,auto}
.section.alt{background:var(--pat-dots),linear-gradient(180deg,#F8F4FD,#F3EEFB);background-size:26px 26px,auto}
.band{background:var(--pat-diag),linear-gradient(100deg,#3B1270 0%,var(--purple) 45%,#6A2FC0 100%)}
.band h2{color:var(--white)}
.band .btn{box-shadow:0 10px 30px rgba(212,166,58,.35)}
.site-footer{background:var(--pat-circuit),var(--deeper);background-size:160px 160px,auto}
.eyebrow{color:var(--gold-2)}
.head h2,.split h2,.fsplit h2{background:linear-gradient(90deg,var(--ink) 55%,var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dark .head h2,.cta h2{-webkit-text-fill-color:currentColor;background:none}
.card::after{content:"";position:absolute;inset:auto 18px 0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--purple),var(--gold));opacity:0;transition:opacity .2s}
.card{position:relative}
.card:hover::after{opacity:1}
.dark .card::after{display:none}

/* AI hero photo */
.hero-photo{position:relative;min-width:0;padding:10px 0 40px 40px}
.hero-photo .frame{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:5/6;max-height:560px;margin-left:auto;border:1px solid rgba(212,166,58,.55);box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 10px rgba(212,166,58,.07),0 0 80px rgba(124,58,237,.35)}
.hero-photo .frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(30,11,61,.55))}
.hero-photo .frame .visual-img,.hero-photo .frame .illus{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0}
.hero-photo .chip{position:absolute;top:28px;right:-6px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#E2B852,#B8892A);color:var(--deep);font-family:var(--display);font-weight:600;font-size:.9rem;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.control.mini{position:absolute;left:0;bottom:0;width:300px;padding:16px;background:rgba(30,11,61,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:rgba(212,166,58,.35)}
.control.mini .control-top{margin-bottom:12px}
.control.mini .control-top h3{font-size:.85rem}
.control.mini .control-grid{gap:8px}
.control.mini .ctile{flex-direction:row;display:flex;align-items:center;gap:10px;padding:10px}
.control.mini .ctile .code{width:32px;height:32px;font-size:.75rem;border-radius:8px}
.control.mini .ctile b{font-size:.85rem}

/* 3-photo collage */
.collage.three .c1{grid-column:1/6;transform:translateY(24px);z-index:1}
.collage.three .c2{grid-column:5/10;z-index:2;transform:none}
.collage.three .c3{grid-column:9/13;transform:translateY(40px);z-index:3}
.collage.three .ct{aspect-ratio:4/3.4}
.collage.three .c3{aspect-ratio:1/1}
.collage .ct .visual-img{width:100%;height:100%;object-fit:cover;border-radius:0}

@media (max-width:1000px){
  .hero-photo{max-width:520px;margin-inline:auto;width:100%;padding-left:0}
}
@media (max-width:640px){
  .hero-photo{padding:0}
  .hero-photo .chip{right:10px;top:12px;font-size:.8rem}
  .control.mini{position:relative;width:auto;margin:-60px 12px 0}
  .collage.three .ct{aspect-ratio:4/3.4!important}
  .collage.three .c3{grid-column:1/-1!important}
}
.control.mini .ctile .code{flex:none}.control.mini .ctile{min-width:0}

/* ===== v1.4: more gold on every page ===== */
/* Gold bar under every section heading */
.head h2{position:relative;padding-bottom:16px}
.head h2::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),#F3D57E,var(--purple-2))}
.head.center h2::after{left:50%;transform:translateX(-50%)}
.split h2,.fsplit h2{position:relative;padding-bottom:16px}
.split h2::after,.fsplit h2::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),#F3D57E,var(--purple-2))}
/* Gold ring on icons */
.ic{box-shadow:inset 0 0 0 1px rgba(212,166,58,.45),0 6px 16px rgba(106,47,192,.12)}
/* Gold-to-purple top line on every light card */
.section:not(.dark) .card,.contact-cards .card,.form-card,.member,.proj,.job,.sel-panel,.tcard,.shared{border-top:3px solid transparent;background-image:linear-gradient(var(--white),var(--white)),linear-gradient(90deg,var(--purple),var(--gold));background-origin:border-box;background-clip:padding-box,border-box}
.section:not(.dark) .card{border-left-color:var(--line);border-right-color:var(--line);border-bottom-color:var(--line)}
.shared{border-left:4px solid var(--gold)}
/* Gold corner ornament on cards */
.section:not(.dark) .card::before,.proj::before{content:"";position:absolute;top:0;right:0;width:44px;height:44px;background:radial-gradient(circle at 100% 0,rgba(212,166,58,.22),transparent 70%);border-top-right-radius:var(--radius);pointer-events:none}
.proj{position:relative}
.wwd .card::before{height:0}
/* Dark-section cards: gold edge */
.dark .card{border-color:rgba(212,166,58,.28)}
.dark .card:hover{border-color:rgba(212,166,58,.6)}
/* Steps: gold numbered circles */
.step b{display:inline-flex;align-items:center;gap:10px}
.step b::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(212,166,58,.2)}
/* FAQ: gold when open */
.faq details{transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:var(--gold);box-shadow:0 10px 30px rgba(212,166,58,.12)}
.faq details[open] summary::after{color:var(--gold-2)}
/* Ticks get gold dots */
.ticks li::before{border-color:var(--gold)}
/* Buttons: gold glow on primary */
.btn:not(.btn-ghost):not(.btn-outline):not(.btn-purple){box-shadow:0 8px 24px rgba(212,166,58,.32)}
.btn-purple{box-shadow:0 8px 24px rgba(75,30,140,.25);border-color:var(--purple)}
.btn-purple:hover{border-color:var(--gold)}
.btn-outline{border-color:var(--gold-2);color:var(--purple)}
/* Header: gold underline on active menu item */
.main-menu>li>a{position:relative}
.main-menu>.current-menu-item>a::after,.main-menu>.current_page_item>a::after,.main-menu>li>a:hover::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--gold)}
.site-header{border-bottom:1px solid rgba(212,166,58,.35)}
/* Job cards: gold edge when open */
.job.open{border-color:var(--gold);box-shadow:0 14px 34px rgba(212,166,58,.15)}
.job .pay{color:#14653A}
/* Team: gold frame */
.member .photo{border-bottom:3px solid var(--gold)}
/* Filters: gold active ring */
.filters button[aria-pressed="true"]{box-shadow:0 0 0 3px rgba(212,166,58,.35)}
/* Footer gold top line */
.site-footer{border-top:3px solid var(--gold)}
.site-footer h4{color:var(--gold)}
/* Marquee gold divider dots */
.marquee-track span::after{content:"◆";color:var(--gold);font-size:.7em;margin-left:64px;opacity:.7}
.marquee-track{gap:0}
.marquee-track span{padding-right:64px}

/* Form: section separators + voluntary self-ID box */
.form-sep{display:flex;align-items:center;gap:12px;margin-top:8px;font-family:var(--display);font-weight:600;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2)}
.form-sep::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.eeo{border:1px solid rgba(212,166,58,.5);background:#FFFBF0;border-radius:14px;padding:18px 20px;margin:6px 0 0;min-width:0}
.eeo legend{font-family:var(--display);font-weight:700;color:var(--purple);padding:0 8px}
.eeo>p{font-size:.88rem;color:var(--muted);margin-bottom:14px}
.eeo .field select{background:var(--white)}

/* Inner page hero photo frame */
.page-hero .hero-photo.inner{padding:10px 0 10px 0;max-width:520px;margin-left:auto;width:100%}
.page-hero .hero-photo.inner .frame{aspect-ratio:6/5;max-height:440px}
.page-hero .hero-photo.inner .frame .illus{object-fit:contain;background:var(--deep)}
.page-hero .hero-photo.inner .chip{right:-10px;top:-6px}
@media (max-width:1000px){.page-hero .hero-photo.inner{margin:24px auto 0}}
@media (max-width:640px){.page-hero .hero-photo.inner .chip{right:8px;top:8px}.eeo{padding:16px 14px}}
.section:not(.dark) .card:hover,.member:hover,.proj:hover,.tcard:hover{border-top-color:transparent}
.form-grid>.full{grid-column:1/-1}

/* ===== v1.5: real photos ===== */
.photo-card{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(212,166,58,.5);box-shadow:0 20px 50px rgba(30,11,61,.18),0 0 0 8px rgba(212,166,58,.08);aspect-ratio:4/3;margin-bottom:18px}
.photo-card .visual-img{width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:0}
.photo-card .chip{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:linear-gradient(135deg,#E2B852,#B8892A);color:var(--deep);font-family:var(--display);font-weight:600;font-size:.88rem;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.head-photo{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-bottom:44px}
.head-photo .head{margin-bottom:0}
.head-photo .photo-card{aspect-ratio:16/10;margin:0}
.fsplit .vis .visual-img{aspect-ratio:4/4.4;object-fit:cover;object-position:top;border-radius:0}
.page-hero .hero-photo.inner .frame .visual-img{object-position:center 20%}
.cta.has-bg{background:linear-gradient(90deg,rgba(30,11,61,.94),rgba(30,11,61,.78) 50%,rgba(30,11,61,.94)),var(--cta-bg) center/cover no-repeat,var(--deep)}
@media (max-width:1000px){.head-photo{grid-template-columns:1fr}}

/* ===== v1.6: phone polish ===== */
.everify>svg{flex:none;width:26px;height:26px;color:#14653A}
@media (max-width:640px){
  .hero{padding-block:56px 64px}
  .page-hero{padding-block:52px 56px}
  .hero-photo .frame{aspect-ratio:4/5;max-height:440px}
  .control.mini{position:relative;width:auto;margin:-48px 10px 0;z-index:2}
  .control.mini .control-grid{grid-template-columns:1fr 1fr}
  .control.mini .ctile{padding:8px;gap:8px}
  .control.mini .ctile b{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero .btns,.page-hero .btns,.cta .btns{flex-direction:column;align-items:stretch}
  .hero .btns .btn,.page-hero .btns .btn,.cta .btns .btn{width:100%}
  .badges{flex-direction:column;align-items:flex-start}
  .search input::placeholder{font-size:.9rem}
  .head h2,.split h2,.fsplit h2{font-size:1.6rem}
  h1{overflow-wrap:break-word}
  .job-top .actions{width:100%}
  .job-top .actions .btn{flex:1}
  .photo-card{aspect-ratio:4/3.6}
  .tnav{justify-content:flex-start}
  .foot-bottom .wrap{flex-direction:column;align-items:flex-start}
}
@media (max-width:380px){
  .hero h1{font-size:2rem}
  .page-hero h1{font-size:1.9rem}
  .control.mini .ctile .code{width:28px;height:28px}
}
@media (max-width:640px){
  .control.mini .ctile .code{display:none}
  .control.mini .ctile{justify-content:center;padding:10px 6px}
  .control.mini .ctile b{overflow:visible;text-overflow:clip;font-size:.82rem}
}