/* ==========================================================================
   NestPeople — About / Company page
   ========================================================================== */
:root{
  --ab-ink:#1E1645;--ab-body:#3A3456;--ab-muted:#5E5878;
  --ab-p:#7C4CE0;--ab-p2:#9B6BF0;--ab-deep:#3B2479;
  --ab-pill:#EEE6FD;--ab-line:#E6E0F2;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ab-body);background:#fff;line-height:1.6}
a{color:inherit}
.ab-wrap{max-width:1400px;margin:0 auto;padding:0 clamp(18px,5vw,84px)}

/* Hero */
.ab-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#F6F1FE 0%,#FBF9FF 45%,#F7F3FE 100%);min-height:460px;display:flex;align-items:center}
.ab-hero-img{position:absolute;top:0;right:0;width:58%;height:100%;object-fit:cover;object-position:70% 30%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%);mask-image:linear-gradient(90deg,transparent 0%,#000 26%)}
.ab-wave{position:absolute;left:0;right:0;width:100%;pointer-events:none}
.ab-wave-hero{bottom:0;height:110px}
.ab-hero-inner{position:relative;z-index:1;width:100%;padding-top:40px;padding-bottom:64px}
.ab-hero-copy{max-width:min(640px,44vw)}
.ab-badge{display:inline-block;background:var(--ab-pill);color:#5B34B5;border:1px solid #DCCDF8;border-radius:16px;padding:8px 28px;font-size:17px;font-weight:600;margin-bottom:22px}
.ab-hero h1{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(36px,4.2vw,60px);line-height:1.06;letter-spacing:-.02em;color:var(--ab-ink);margin-bottom:22px;font-variation-settings:'opsz' 72}
.ab-hero p{font-size:clamp(17px,1.45vw,21px);line-height:1.5;color:var(--ab-body);max-width:600px;margin-bottom:28px}
.ab-actions{display:flex;flex-wrap:wrap;gap:20px}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 38px;border-radius:24px;font-size:18px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.ab-btn .ti{font-size:20px}
.ab-btn-fill{background:linear-gradient(135deg,var(--ab-p2),var(--ab-p) 60%,#6A3BC9);color:#fff;box-shadow:0 12px 26px rgba(124,76,224,.3)}
.ab-btn-fill:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(124,76,224,.38)}
.ab-btn-line{background:#fff;color:#4A2E99;border:1.5px solid #C9B6F2}
.ab-btn-line:hover{border-color:var(--ab-p)}

/* Values strip */
.ab-values{background:#fff;border-top:1px solid var(--ab-line);border-bottom:1px solid var(--ab-line)}
.ab-values-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ab-value{display:flex;align-items:flex-start;gap:18px;padding:32px 22px}
.ab-value+.ab-value{border-left:1px solid var(--ab-line)}
.ab-value:first-child{padding-left:0}
.ab-value>.ti{font-size:50px;line-height:1;color:var(--ab-p);flex-shrink:0;stroke-width:1.4}
.ab-ico{width:50px;height:50px;color:var(--ab-p);flex-shrink:0}
.ab-value h2{font-size:19px;white-space:nowrap;font-weight:700;color:var(--ab-ink);letter-spacing:-.01em;margin-bottom:6px}
.ab-value p{font-size:16px;line-height:1.45;color:var(--ab-body)}

/* Story */
.ab-story{position:relative;overflow:hidden;background:linear-gradient(180deg,#FDFCFF 0%,#F8F4FE 100%);padding:44px 0 120px}
.ab-story-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,.85fr);gap:48px;align-items:center}
.ab-story-img{width:100%;height:auto;aspect-ratio:898/490;object-fit:cover;border-radius:20px;box-shadow:0 20px 44px rgba(30,22,69,.16)}
.ab-rule{display:block;width:58px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--ab-p),var(--ab-p2));margin-bottom:24px}
.ab-story h2{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(30px,2.8vw,40px);line-height:1.1;color:var(--ab-ink);margin-bottom:18px}
.ab-story-copy p{font-size:18px;line-height:1.6;color:var(--ab-body)}
.ab-mv{display:flex;flex-direction:column;gap:34px;padding-left:48px;border-left:1px solid var(--ab-line)}
.ab-mv-item{display:flex;gap:22px;align-items:flex-start}
.ab-mv-item>.ti{font-size:56px;line-height:1;color:var(--ab-p);flex-shrink:0}
.ab-mv h3{font-size:21px;font-weight:700;color:var(--ab-deep);margin-bottom:4px}
.ab-mv p{font-size:16px;line-height:1.45;color:var(--ab-body)}
.ab-wave-foot{bottom:0;height:90px}

/* Responsive */
@media (max-width:1180px){
  .ab-values-grid{grid-template-columns:repeat(2,1fr)}
  .ab-value:nth-child(3){border-left:0;padding-left:0}
  .ab-value:nth-child(n+3){border-top:1px solid var(--ab-line)}
  .ab-story-grid{grid-template-columns:1fr 1fr}
  .ab-mv{grid-column:1/-1;flex-direction:row;padding:32px 0 0;border-left:0;border-top:1px solid var(--ab-line)}
  .ab-mv-item{flex:1}
}
@media (max-width:860px){
  .ab-hero{flex-direction:column;align-items:stretch;min-height:0}
  .ab-hero-img{position:relative;width:100%;height:auto;aspect-ratio:1672/941;order:2;-webkit-mask-image:none;mask-image:none}
  .ab-hero-inner{padding-top:36px;padding-bottom:28px}
  .ab-hero-copy{max-width:none}
  .ab-wave-hero{display:none}
  .ab-story-grid{grid-template-columns:1fr;gap:32px}
  .ab-mv{flex-direction:column;gap:28px}
}
@media (max-width:560px){
  .ab-values-grid{grid-template-columns:1fr}
  .ab-value,.ab-value:nth-child(3){padding:22px 0;border-left:0}
  .ab-value+.ab-value{border-left:0;border-top:1px solid var(--ab-line)}
  .ab-value>.ti{font-size:44px}
  .ab-ico{width:44px;height:44px}
  .ab-actions{gap:12px}
  .ab-btn{flex:1 1 100%;padding:0 20px}
  .ab-mv-item>.ti{font-size:46px}
}

/* ===== About — phones ===== */
@media (max-width:600px){
  .ab-hero{display:flex!important;flex-direction:column}
  .ab-wrap:has(.ab-hero-copy){display:contents}
  .ab-hero-copy{display:contents}
  .ab-badge{order:1;align-self:flex-start;margin:20px 18px 12px!important}
  .ab-hero-copy h1{order:2;font-size:30px!important;line-height:1.12!important;margin:0 18px 10px!important}
  .ab-hero-copy p{order:3;font-size:14px!important;line-height:1.55!important;margin:0 18px 14px!important}
  .ab-hero-img{order:4;position:relative!important;width:100%!important;height:auto!important;inset:auto!important}
  .ab-actions{order:5;display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:14px 18px 18px!important}
  .ab-actions .ab-btn{width:100%!important;min-width:0;height:48px!important;padding:0 8px!important;font-size:14px!important;justify-content:center;white-space:nowrap}
  /* values: 2x2 tiles */
  .ab-values{border:0!important;background:transparent!important;padding:4px 0 0}
  .ab-values-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0 16px!important}
  .ab-value{flex-direction:column;gap:8px!important;padding:14px 12px!important;border:1px solid var(--ab-line)!important;border-radius:14px;background:#fff}
  .ab-value:first-child{padding-left:12px!important}
  .ab-value>.ti{font-size:30px!important}
  .ab-value .ab-ico{width:30px!important;height:30px!important}
  .ab-value h2{font-size:14px!important;white-space:normal!important;margin-bottom:4px!important}
  .ab-value p{font-size:12px!important;line-height:1.45!important}
  /* story + mission/vision */
  .ab-story{padding-top:28px!important;gap:18px!important}
  .ab-story-copy h2{font-size:26px!important}
  .ab-story-copy p{font-size:14px!important;line-height:1.6!important}
  .ab-mv{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;border:0!important;padding-top:6px!important}
  .ab-mv-item{padding:14px 12px!important;border-radius:14px;background:#fff;border:1px solid var(--ab-line)!important;margin:0!important}
  .ab-mv-item h3{font-size:16px!important}
  .ab-mv-item p{font-size:12.5px!important;line-height:1.5!important}
}
@media (max-width:600px){ .ab-mv-item{padding-left:12px!important} .ab-mv-item::before{display:none!important} .ab-mv-item h3,.ab-mv-item p{margin-left:0!important;padding-left:0!important} }
@media (max-width:600px){
  .ab-mv{padding-left:0!important;border-left:0!important}
  .ab-mv-item{flex-direction:column!important;gap:10px!important;padding:16px 14px!important;
    background:linear-gradient(160deg,#F6F1FF,#fff 70%)!important;border:1px solid #E6DCFB!important;box-shadow:0 8px 22px rgba(76,29,149,.07)}
  .ab-mv-item>.ti{font-size:24px!important;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#EDE4FF;color:#6D28D9}
  .ab-mv-item h3{font-size:16px!important;margin:0 0 4px!important;white-space:nowrap}
  .ab-mv-item p{font-size:12.5px!important;line-height:1.5!important}
}

/* values strip: tighter gap below + icon zoom on hover */
@media (min-width:601px){ .ab-story{padding-top:18px} }
.ab-value{position:relative;cursor:default;transition:background .35s}
.ab-value>.ti,.ab-value>.ab-ico{position:relative;z-index:1;transition:transform .45s cubic-bezier(.3,1.6,.5,1),filter .35s,color .35s}
.ab-value>.ti::after{content:'';position:absolute;left:50%;top:50%;width:1.5em;height:1.5em;margin:-.75em 0 0 -.75em;border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,rgba(167,139,250,.32),rgba(167,139,250,0));transform:scale(.4);opacity:0;transition:transform .45s,opacity .35s}
.ab-value::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(120% 90% at 15% 30%,rgba(167,139,250,.12),transparent 60%)}
.ab-value h2{transition:color .3s}
.ab-value:hover::before{opacity:1}
.ab-value:hover>.ti,.ab-value:hover>.ab-ico{transform:scale(1.28) rotate(-8deg);color:#7C3AED;filter:drop-shadow(0 6px 14px rgba(124,58,237,.45))}
.ab-value:hover>.ti::after{transform:scale(1);opacity:1}
.ab-value:hover h2{color:#6D28D9}
@media (prefers-reduced-motion:reduce){ .ab-value:hover>.ti,.ab-value:hover>.ab-ico{transform:none} }
@media (min-width:601px){ .ab-value::before{inset:10px 6px 10px -14px;border-radius:16px} }

/* About badge: small N logo */
.ab-badge{display:inline-flex!important;align-items:center;gap:10px;padding-left:16px!important}
.ab-badge .nmk{height:18px;width:auto;flex:none;filter:drop-shadow(0 2px 4px rgba(109,40,217,.35))}
@media (max-width:600px){ .ab-badge .nmk{height:16px} }
@media (min-width:861px){ .ab-hero-img{object-position:70% 0%} }