/* Wholesale / B2B pages: /wholesale, /about-us, /our-team, /project/<slug> */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);padding:18px 0 0}
.crumbs a{text-decoration:none;font-weight:600}
.crumbs a:hover{color:var(--navy)}
.why-i{width:56px;height:56px;border-radius:18px;background:var(--sky-50);display:grid;place-items:center;font-size:28px;margin-bottom:16px}
.steps-lite{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.steps-lite li{background:#fff;border-radius:var(--r);padding:30px 26px 26px;box-shadow:var(--shadow)}
.steps-lite .num{width:44px;height:44px;border-radius:50%;background:var(--sky);color:#fff;font-family:var(--head);font-weight:600;font-size:22px;display:grid;place-items:center;box-shadow:0 6px 0 var(--sky-600);margin-bottom:16px}
.steps-lite h3{font-size:22px;margin-bottom:6px}
.steps-lite p{margin:0;color:var(--muted)}
.ws-tight{padding-top:40px}

/* hero */
.ws-hero{background:linear-gradient(160deg,var(--navy) 0%,#013766 70%);color:#fff;overflow:hidden}
.ws-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:64px 0 72px}
.ws-hero .kicker{color:#8fd6fa}
.ws-hero h1{font-size:clamp(40px,5.4vw,68px);margin:4px 0 18px}
.ws-hero h1 em{font-style:normal;color:var(--sun)}
.ws-hero p{font-size:clamp(17px,1.5vw,20px);opacity:.9;max-width:540px;margin:0 0 28px}
.ws-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.ws-hero .btn-primary{background:var(--sky);box-shadow:0 8px 0 var(--sky-600),0 16px 30px rgba(0,0,0,.25)}
.ws-hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.7)}
.ws-call{font-size:15px!important;margin:22px 0 0!important}
.ws-call a{color:#fff;font-weight:800}
.ws-hero-media{position:relative;justify-self:center;width:min(100%,400px);aspect-ratio:9/14;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.35);background:#0b3a66}
.ws-hero-media video{width:100%;height:100%;object-fit:cover}
.ws-hero-media .vtag{position:absolute;left:14px;bottom:14px;background:rgba(13,34,56,.7);color:#fff;font-size:13px;font-weight:700;padding:6px 12px;border-radius:99px;backdrop-filter:blur(6px)}

/* logos */
.ws-logos{border-bottom:1px solid var(--line);background:#fff;padding:28px 0}
.ws-logos p{text-align:center;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.ws-logo-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px}
.ws-logo-row img{width:84px;height:84px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.2s}
.ws-logo-row img:hover{filter:none;opacity:1}

/* stats */
.ws-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ws-stats div{background:var(--sky-50);border-radius:var(--r);padding:24px 18px;text-align:center}
.ws-stats strong{display:block;font-family:var(--head);font-weight:600;font-size:clamp(30px,3.4vw,44px);color:var(--navy);line-height:1.1}
.ws-stats span{color:var(--muted);font-weight:700;font-size:15px}

/* projects */
.ws-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ws-proj{background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--line);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.ws-proj:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.ws-proj .ph{aspect-ratio:4/3.4;overflow:hidden;background:var(--sky-50)}
.ws-proj .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ws-proj:hover .ph img{transform:scale(1.05)}
.ws-proj .pb{padding:16px 18px 20px;display:flex;flex-direction:column;gap:4px}
.ws-proj h3{font-size:22px}
.ws-proj .pb span{color:var(--muted);font-size:15px}

/* split sections */
.ws-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ws-split h2{font-size:clamp(32px,3.8vw,48px);margin-bottom:14px}
.ws-split p{color:var(--muted);font-size:18px}
.ws-split-rev > :first-child{order:0}
.ws-figure{margin:0;background:var(--sky-50);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow)}
.ws-figure img{border-radius:14px;width:100%}
.ws-figure figcaption{text-align:center;color:var(--muted);font-weight:700;font-size:14px;margin-top:10px}
.ws-uses{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ws-uses li{display:flex;align-items:center;gap:10px;font-weight:700;background:var(--sky-50);border-radius:14px;padding:12px 14px}
.ws-uses span{font-size:20px}
.ws-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ws-caps > div{background:#fff;border-radius:var(--r);padding:28px;border:1px solid var(--line)}
.ws-caps h3{font-size:22px;margin-bottom:8px}
.ws-caps p{margin:0;color:var(--muted)}
.ws-video-sm{justify-self:center;width:min(100%,380px);aspect-ratio:9/16;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--sky-50)}
.ws-video-sm video{width:100%;height:100%;object-fit:cover}
.ws-equip{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.ws-equip li{padding-left:30px;position:relative;color:var(--muted)}
.ws-equip li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--sky);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center}
.ws-equip b{color:var(--ink)}

/* team */
.ws-team{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.ws-team-lg{grid-template-columns:repeat(5,1fr);margin-top:40px}
.ws-member{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;text-align:center;scroll-margin-top:110px}
.ws-member .ph{aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--sky-50);margin-bottom:10px}
.ws-member img{width:100%;height:100%;object-fit:cover}
.ws-member strong{font-family:var(--head);font-weight:600;font-size:19px}
.ws-member span:not(.ph){color:var(--muted);font-size:14px;font-weight:600}
.ws-more{text-align:center;margin-top:28px;font-weight:700}
.ws-more a{color:var(--navy)}
.ws-founder{display:grid;grid-template-columns:360px 1fr;gap:44px;align-items:start;background:var(--sky-50);border-radius:var(--r-lg);padding:32px;scroll-margin-top:110px}
.ws-founder img{border-radius:var(--r);width:100%;aspect-ratio:3/4;object-fit:cover}
.ws-founder h2{font-size:clamp(30px,3.4vw,42px);margin-bottom:10px}
.ws-founder p{color:var(--muted)}
.ws-li{font-weight:800;color:var(--navy)}

/* page hero (about / team) */
.ws-page-hero{text-align:center;padding:36px 0 8px}
.ws-page-hero h1{font-size:clamp(38px,5vw,62px);margin-bottom:12px}
.ws-page-hero p{color:var(--muted);font-size:19px;max-width:620px;margin:0 auto}
.ws-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}
.ws-story figure{margin:0;position:sticky;top:96px}
.ws-story img{border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow)}
.ws-story figcaption{color:var(--muted);font-weight:700;font-size:14px;margin-top:10px;text-align:center}
.ws-story h2{font-size:clamp(30px,3.4vw,42px);margin-bottom:12px}
.ws-story p{color:var(--muted);font-size:17px}
.ws-mvh{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ws-mvh > div{background:#fff;border-radius:var(--r);padding:28px;border:1px solid var(--line)}
.ws-mvh h3{font-size:24px;margin-bottom:8px;color:var(--navy)}
.ws-mvh p{margin:0;color:var(--muted)}

/* project page */
.ws-case{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.ws-case-photos{display:grid;gap:16px}
.ws-case-photos img{border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow)}
.ws-case-text{position:sticky;top:96px}
.ws-case-text h1{font-size:clamp(38px,4.6vw,58px);margin-bottom:8px}
.ws-case-what{font-family:var(--head);font-weight:500;font-size:22px;color:var(--navy);margin:0 0 16px}
.ws-case-text p{color:var(--muted);font-size:17px}
.ws-case-text .ws-cta{margin-top:24px}

/* quote form */
.ws-quote{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.ws-quote h2{font-size:clamp(32px,3.8vw,48px);margin-bottom:12px}
.ws-quote-info p{color:var(--muted);font-size:18px}
.ws-contact{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.ws-contact li{display:flex;gap:14px;align-items:flex-start;background:var(--sky-50);border-radius:16px;padding:14px 16px}
.ws-contact li > span{font-size:22px}
.ws-contact b{display:block}
.ws-contact a{color:var(--navy);font-weight:700}
.ws-form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow);display:grid;gap:14px;scroll-margin-top:100px}
.ws-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ws-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}
.ws-form small{font-weight:600;color:var(--muted)}
.ws-form input,.ws-form select,.ws-form textarea{font:inherit;font-size:16px;font-weight:500;border:2px solid var(--line);border-radius:12px;padding:11px 13px;background:#fff;color:var(--ink);width:100%}
.ws-form input:focus,.ws-form select:focus,.ws-form textarea:focus{outline:none;border-color:var(--sky)}
.ws-form .invalid{border-color:#e0425f}
.ws-form input[type=file]{padding:10px;border-style:dashed}
.ws-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.ws-form .btn{width:100%;margin-top:4px}
.ws-form-msg{margin:0;font-weight:700;font-size:15px}
.ws-form-msg.err{color:#c0284a}
.ws-thanks{text-align:center;padding:40px 10px}
.ws-thanks span{font-size:48px}
.ws-thanks h3{font-size:28px;margin:10px 0}
.ws-thanks p{color:var(--muted)}
#quote{scroll-margin-top:70px}

@media (max-width:1000px){
  .ws-hero .wrap{grid-template-columns:1fr;gap:36px;padding:44px 0 56px;text-align:center}
  .ws-hero p{margin-inline:auto}
  .ws-cta{justify-content:center}
  .ws-hero-media{aspect-ratio:4/5;width:min(100%,420px)}
  .ws-projects{grid-template-columns:repeat(2,1fr)}
  .ws-split,.ws-quote,.ws-case,.ws-story{grid-template-columns:1fr;gap:32px}
  .ws-split-rev > :first-child{order:2}
  .ws-caps,.ws-mvh{grid-template-columns:1fr 1fr}
  .ws-team{grid-template-columns:repeat(3,1fr)}
  .ws-team-lg{grid-template-columns:repeat(3,1fr)}
  .ws-founder{grid-template-columns:1fr}
  .ws-founder img{max-width:360px;margin:0 auto}
  .ws-story figure,.ws-case-text{position:static}
  .ws-story figure{max-width:420px;margin:0 auto}
}
@media (max-width:760px){
  .ws-hero h1{font-size:clamp(34px,10vw,44px)}
  .ws-hero .btn{width:100%}
  .ws-stats{grid-template-columns:1fr 1fr;gap:12px}
  .ws-stats div{padding:18px 10px}
  .ws-stats span{font-size:13px}
  .ws-logo-row{gap:6px 18px}
  .ws-logo-row img{width:62px;height:62px}
  .ws-projects{gap:12px}
  .ws-proj h3{font-size:18px}
  .ws-proj .pb{padding:12px 12px 14px}
  .ws-proj .pb span{font-size:13px}
  .ws-caps,.ws-mvh,.steps-lite{grid-template-columns:1fr}
  .ws-uses{grid-template-columns:1fr 1fr}
  .ws-uses li{font-size:14px;padding:10px}
  .ws-team,.ws-team-lg{grid-template-columns:1fr 1fr;gap:14px}
  .ws-founder{padding:18px}
  .ws-form{padding:18px}
  .ws-form .row2{grid-template-columns:1fr}
  .ws-page-hero{padding-top:20px}
  .ws-case-text{text-align:left}
  .ws-case-text .btn{width:100%}
}