/* Hisway Holdings — the recruiting + reputation site (NOT homeowner lead-gen), on the v2 system
   (09.1 Wave 7). Loaded after site.css, so every token, font and base class is already defined;
   this file adds only the holdings chrome, its signature mark and its recruiting sections.
   Light-first like the brand sites: ONE dark band (the "build with us" ask) plus the footer. */

/* ---- header: the real Hisway Holdings horizontal logo, sized by site.css like the other brands */
.hold .bar.hold-bar{gap:10px;}
.hold-bar .brand{margin-right:auto;display:flex;align-items:center;gap:9px;text-decoration:none;}
.hold-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:48px;padding:0 16px;border-radius:12px;
  text-decoration:none;font:700 .9rem/1 var(--body);color:var(--on-green);background:var(--green);box-shadow:0 10px 24px -12px rgba(29,185,84,.8);}
.hold-cta:hover{background:var(--green-hover);}

/* ---- inner-page hero (careers, a role): words on paper. The HOME hero is the shared Hero.astro. */
.hold-hero{position:relative;padding:32px var(--px) 44px;background:var(--bg);border-bottom:1px solid var(--line);display:grid;gap:26px;}
.hold-hero .eyebrow{color:var(--green-text);}
.hold-hero h1{font-family:var(--brand);font-weight:700;text-transform:uppercase;font-size:2.7rem;line-height:.98;margin:14px 0 0;text-wrap:balance;color:var(--ink);}
.hold-hero h1 em{font-style:normal;color:var(--green-text);}
.hold-hero p{margin:16px 0 0;font-size:1.15rem;color:var(--muted);max-width:46ch;}
.hold-hero .cta-row{margin-top:24px;}
.hold-hero.sm{padding-bottom:40px;}

/* ---- open roles: the first thing after the hero */
.roles-sec{background:var(--surface);}
.role-list{display:grid;gap:12px;}
.role{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:20px 22px;text-decoration:none;color:inherit;transition:border-color .16s,transform .16s,box-shadow .16s;}
a.role:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:var(--shadow-lift);}
.role h3{margin:0;font-family:var(--brand);font-weight:700;text-transform:uppercase;font-size:1.6rem;line-height:1.05;color:var(--ink);}
.role p{margin:4px 0 0;font-size:1rem;color:var(--muted);}
.role-type{flex:none;font:700 .8rem/1 var(--body);color:var(--green-text);background:var(--green-soft);border-radius:999px;padding:9px 13px;white-space:nowrap;}
.role-go{flex:none;font-family:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;color:var(--green-text);}
.roles-none{background:var(--bg);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:24px;max-width:70ch;}
.roles-none b{display:block;font-family:var(--stat);font-size:1.25rem;color:var(--ink);}
.roles-none p{margin:6px 0 0;color:var(--muted);}

/* ---- a day on the job: real Hisway photos, people first */
.day{background:var(--bg);}
.day-strip{display:grid;grid-auto-flow:column;grid-auto-columns:76%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;
  margin:0 calc(-1 * var(--gut));padding-left:var(--gut);padding-right:var(--gut);scrollbar-width:thin;}
.day-strip figure{margin:0;scroll-snap-align:start;position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/4;background:var(--surface-2);}
.day-strip img{width:100%;height:100%;object-fit:cover;}
.day-strip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;}
.day-strip video.on{opacity:1;}
.day-strip figcaption{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(10,20,14,.82);color:#fff;font-size:.86rem;font-weight:600;padding:9px 12px;border-radius:12px;line-height:1.3;}

/* ---- the companies, proven: live numbers per company */
.co-grid{display:grid;gap:16px;}
.co{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:26px 24px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .16s;}
.co:hover{border-color:var(--green);}
.co h3{margin:0;font-family:var(--brand);font-weight:700;text-transform:uppercase;font-size:2rem;line-height:1;color:var(--ink);}
.co>p{margin:8px 0 0;color:var(--muted);font-size:1.02rem;}
.co dl{margin:18px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.co dl div{background:var(--bg);padding:14px;border-radius:14px;border:1px solid var(--line);}
.co dt{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;}
.co dd{margin:4px 0 0;font-family:var(--stat);font-weight:700;font-size:1.5rem;color:var(--ink);line-height:1.1;}
.co dd small{display:block;font:600 .8rem/1.3 var(--body);color:var(--muted);letter-spacing:0;text-transform:none;}
.co .go{margin-top:auto;padding-top:16px;}

/* ---- why build here + values */
.why-grid{display:grid;gap:14px;}
.why{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);padding:24px;}
.why .ic{margin-bottom:14px;}
.why h3{margin:0 0 6px;font-family:var(--stat);font-weight:700;font-size:1.3rem;color:var(--ink);line-height:1.2;}
.why p{margin:0;color:var(--muted);font-size:1.02rem;}

/* ---- people */
.hold .member .avatar{object-fit:cover;}

/* ---- the ONE dark band: the ask */
.hold-band{background:var(--pine);color:var(--on-pine);border-top:0;}
.hold-band h2{color:var(--on-pine);}
.hold-band p{color:var(--on-pine-muted);}
.hold-band .eyebrow{color:var(--green-onpine);}
.hold-band .eyebrow::before{background:var(--green-onpine);}

/* ---- role page */
.role-facts{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.role-facts li{display:flex;gap:12px;font-size:1.08rem;color:var(--ink);}
.role-facts li svg{width:21px;height:21px;flex:none;color:var(--green-text);margin-top:3px;}
.role-facts li span span{color:var(--muted);}

/* ---- footer */
.hold-foot{padding-bottom:48px;}
.hold-foot .fcols{grid-template-columns:1fr 1fr;}

/* form status (careers form) */
.form-note{font-size:.85rem;margin-top:10px;color:var(--green-text);font-weight:600;}

@media (min-width:768px){
  .hold-foot .fcols{grid-template-columns:repeat(3,1fr);}
  .day-strip{grid-auto-columns:40%;}
  .co-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
  .why-grid{grid-template-columns:repeat(3,1fr);}
  .hold-hero h1{font-size:3.4rem;}
}
@media (min-width:1024px){
  .hold-cta{min-height:52px;padding:0 22px;font-size:.92rem;}
  .hold-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);column-gap:72px;align-items:center;padding-top:72px;padding-bottom:88px;}
  .hold-hero.sm{grid-template-columns:1fr;padding-top:72px;padding-bottom:72px;}
  .hold-hero h1{font-size:clamp(3.4rem,5.8vw,5.4rem);line-height:.93;}
  .hold-hero p{font-size:1.28rem;margin-top:24px;}
  .hold-hero .cta-row{margin-top:32px;}
  .day-strip{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible;margin:0;padding:0;}
  .role{padding:26px 30px;}
  .role h3{font-size:2rem;}
  .co{padding:36px 34px;}
  .co h3{font-size:2.6rem;}
}
.role-facts li>span:first-child{display:contents;}
@media (max-width:479.98px){ .hold-cta{display:none;} }