#crew{
  --paper:#FFFFFF; --soft:#FFF7F0; --card:#FFFFFF; --ink:#0D0B0A; --dim:#6E6862;
  --line:rgba(13,11,10,.11); --acc:#FF8A3D; --acc2:#F57323; --deep:#0D0B0A;
  --ease:cubic-bezier(.22,1,.36,1);
  position:relative; overflow-x:clip;
  background:var(--paper); color:var(--ink);
  font-family:"Schibsted Grotesk",system-ui,-apple-system,Segoe UI,sans-serif;
}
[data-theme="dark"] #crew{
  --paper:#0A0908; --soft:#15100D; --card:#131110; --ink:#F6F1EB; --dim:#9C938B;
  --line:rgba(246,241,235,.13); --deep:#000;
}

#intro,#cur-dot,#cur-ring{ display:none!important; }
body.locked{ overflow:auto!important; height:auto!important; }
#crew *{ box-sizing:border-box; }
#crew a{ color:inherit; text-decoration:none; }

.cw-wrap{ position:relative; z-index:2;
  width:min(1160px,calc(100% - clamp(20px,5vw,60px))); margin:0 auto; }


#crew .cw-hero{ padding:calc(var(--header-h,80px) + clamp(44px,7vh,84px)) 0 clamp(20px,4vh,34px); }
#crew .cw-eyebrow{ display:inline-flex; align-items:center; gap:.5rem;
  font-size:.62rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:var(--acc); }
#crew .cw-eyebrow:before{ content:""; width:22px; height:1px; background:var(--acc); }

#crew .cw-hero h1{ margin:1rem 0 0; max-width:20ch;
  font-size:clamp(1.9rem,4.2vw,3.2rem); line-height:1.08; letter-spacing:-.035em; font-weight:850;
  word-break:normal; overflow-wrap:normal; hyphens:none; }
#crew .cw-hero h1 mark{ background:none; color:var(--acc); }
#crew .cw-hero p{ margin:1.1rem 0 0; max-width:58ch; color:var(--dim);
  font-size:.9rem; line-height:1.8; }

#crew .cw-stack{ display:flex; align-items:center; margin-top:1.6rem; }
#crew .cw-stack .av{ width:42px; height:42px; border-radius:50%; overflow:hidden; position:relative;
  margin-left:-12px; border:2px solid var(--paper); background:var(--deep);
  display:grid; place-items:center; color:#fff; font-size:.62rem; font-weight:800;
  transition:transform .4s var(--ease); }
#crew .cw-stack .av:first-child{ margin-left:0; }
#crew .cw-stack .av img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:none; }
#crew .cw-stack .av img.ok{ display:block; }
#crew .cw-stack:hover .av{ transform:translateY(-4px); }
#crew .cw-stack .cnt{ margin-left:.85rem; font-size:.78rem; color:var(--dim); }
#crew .cw-stack .cnt b{ color:var(--ink); }




#crew .cw-pole{ position:relative; width:100%;
  padding:clamp(2.6rem,5.5vw,4.2rem) 0 clamp(2rem,4vw,3rem);
  background:var(--paper); }
#crew .cw-pole:nth-of-type(even){ background:#FFF7F0; }
[data-theme="dark"] #crew .cw-pole:nth-of-type(even){ background:#15100D; }

#crew .cw-pole::before{ content:""; position:absolute; top:0; left:0; right:0; height:1px;
  background:var(--line); }

#crew .cw-pole::after{ content:""; position:absolute; top:0; height:3px;
  width:clamp(60px,7vw,110px);
  left:max(clamp(10px,2.5vw,30px), calc((100% - 1160px) / 2));
  background:linear-gradient(90deg,var(--acc),var(--acc2));
  border-radius:0 0 99px 0;
  box-shadow:0 0 18px -2px rgba(255,138,61,.7); }

#crew .cw-poletitle{ display:flex; align-items:center; gap:.9rem;
  padding-bottom:1rem; border-bottom:1px solid var(--line); }
#crew .cw-poletitle b{ font-size:clamp(1rem,1.8vw,1.25rem); font-weight:850; letter-spacing:-.02em; }
#crew .cw-poletitle i{ flex:1; height:1px; background:var(--line); }

#crew .cw-poletitle span:first-child{
  display:grid; place-items:center; width:34px; height:34px; border-radius:50%;
  flex:0 0 auto; background:var(--acc); color:#160A02;
  font-size:.66rem; font-weight:800; letter-spacing:.04em;
  box-shadow:0 10px 22px -12px rgba(255,138,61,.9); }

#crew .cw-poletitle span:last-child{
  font-size:.62rem; font-weight:700; letter-spacing:.18em;
  text-transform:uppercase; color:var(--dim); }


#crew .cw-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
  gap:clamp(10px,1.2vw,16px); padding:clamp(1rem,2vh,1.4rem) 0 0; }

#crew .cw-card{ position:relative; display:grid; grid-template-columns:104px 1fr;
  gap:1rem; align-items:start; padding:1.15rem 1.15rem 1.2rem;
  background:var(--card); border:1px solid var(--line); border-radius:18px; overflow:hidden;
  cursor:pointer;
  opacity:0; transform:translateY(20px);
  transition:opacity .7s var(--ease) var(--d,0s), transform .75s var(--ease) var(--d,0s),
             border-color .4s, box-shadow .45s var(--ease); }
#crew .cw-card.in{ opacity:1; transform:none; }
#crew .cw-card:hover{ border-color:rgba(255,138,61,.5);
  box-shadow:0 24px 46px -34px rgba(13,11,10,.5); }

#crew .cw-card:before{ content:""; position:absolute; left:0; top:14px; bottom:14px; width:2px;
  background:linear-gradient(180deg,var(--acc),var(--acc2)); border-radius:99px;
  transform:scaleY(0); transform-origin:top; transition:transform .5s var(--ease); }
#crew .cw-card:hover:before{ transform:scaleY(1); }

#crew .cw-photo{ position:relative; width:104px; height:130px; border-radius:16px; overflow:hidden;
  background:linear-gradient(150deg,var(--acc2),var(--deep));
  display:grid; place-items:center; color:#fff; font-size:1.5rem; font-weight:850;
  letter-spacing:-.02em; flex:0 0 auto; }
#crew .cw-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:top center; display:none; transition:transform .6s var(--ease); }
#crew .cw-photo img.ok{ display:block; }
#crew .cw-card:hover .cw-photo img{ transform:scale(1.06); }
#crew .cw-card.cw-lead .cw-photo:after{ content:""; position:absolute; inset:0;
  border:2px solid var(--acc); border-radius:16px; }

#crew .cw-body{ min-width:0; }
#crew .cw-name{ margin:0; font-size:.98rem; font-weight:800; letter-spacing:-.02em; line-height:1.2; }
#crew .cw-role{ display:block; margin-top:.25rem; font-size:.62rem; font-weight:800;
  letter-spacing:.14em; text-transform:uppercase; color:var(--acc); }
#crew .cw-bio{ margin:.6rem 0 0; font-size:.79rem; line-height:1.65; color:var(--dim); }
#crew .cw-skills{ display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.7rem; }
#crew .cw-skills span{ font-size:.56rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  padding:.28rem .55rem; border-radius:99px; color:var(--dim); border:1px solid var(--line); }

#crew .cw-in{ position:absolute; right:14px; top:14px; width:30px; height:30px; border-radius:50%;
  display:grid; place-items:center; color:var(--dim); border:1px solid var(--line);
  transition:color .3s, border-color .3s, background .3s, transform .3s var(--ease); }
#crew .cw-in:hover{ color:#fff; background:var(--acc); border-color:transparent; transform:translateY(-2px); }
#crew .cw-in svg{ width:14px; height:14px; fill:currentColor; }

#crew .cw-card.cw-lead{ grid-column:span 2; background:var(--soft);
  grid-template-columns:132px 1fr; }
#crew .cw-card.cw-lead .cw-photo{ width:132px; height:164px; font-size:1.8rem; }
#crew .cw-card.cw-lead .cw-name{ font-size:1.15rem; }
#crew .cw-card.cw-lead .cw-bio{ max-width:52ch; }


html.cw-lock, html.cw-lock body{ overflow:hidden; }

#crew .cw-modal{ position:fixed; inset:0; z-index:120; display:grid; place-items:center;
  padding:clamp(12px,4vw,40px); opacity:0; visibility:hidden;
  transition:opacity .35s ease, visibility .35s; }
#crew .cw-modal.on{ opacity:1; visibility:visible; }
#crew .cw-back{ position:absolute; inset:0; border:0; cursor:pointer;
  background:rgba(8,6,5,.62); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }

#crew .cw-panel{ position:relative; width:min(540px,100%); max-height:88vh; overflow:auto;
  background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:24px;
  padding:clamp(1.5rem,4vw,2.2rem);
  box-shadow:0 44px 90px -40px rgba(8,6,5,.7);
  transform:translateY(20px) scale(.97); transition:transform .45s var(--ease); }
#crew .cw-modal.on .cw-panel{ transform:none; }
#crew .cw-panel:before{ content:""; position:absolute; left:0; right:0; top:0; height:4px;
  background:linear-gradient(90deg,var(--acc2),var(--acc)); }

#crew .cw-x{ position:absolute; top:14px; right:14px; width:36px; height:36px; border-radius:50%;
  display:grid; place-items:center; cursor:pointer; font-size:1.15rem; line-height:1;
  color:var(--dim); background:transparent; border:1px solid var(--line);
  transition:transform .3s var(--ease), color .3s, border-color .3s; }
#crew .cw-x:hover{ transform:rotate(90deg); color:var(--acc); border-color:var(--acc); }

#crew .cw-mhead{ display:grid; grid-template-columns:140px 1fr; gap:1.2rem; align-items:center; }
#crew .cw-mphoto{ position:relative; width:140px; height:172px; border-radius:18px; overflow:hidden;
  background:linear-gradient(150deg,var(--acc2),var(--deep));
  display:grid; place-items:center; color:#fff; font-size:1.9rem; font-weight:850; }
#crew .cw-mphoto img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:top center; display:none; }
#crew .cw-mphoto img.ok{ display:block; }
#crew .cw-mpole{ display:inline-block; font-size:.56rem; font-weight:800; letter-spacing:.18em;
  text-transform:uppercase; color:var(--acc); }
#crew .cw-mname{ margin:.4rem 0 0; font-size:1.35rem; font-weight:850; letter-spacing:-.03em; line-height:1.1; }
#crew .cw-mrole{ display:block; margin-top:.25rem; font-size:.75rem; color:var(--dim); }

#crew .cw-mbio{ margin:1.2rem 0 0; font-size:.86rem; line-height:1.8; color:var(--dim); }
#crew .cw-mskills{ display:flex; flex-wrap:wrap; gap:.35rem; margin-top:1rem; }
#crew .cw-mskills span{ font-size:.58rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  padding:.34rem .65rem; border-radius:99px; color:var(--dim); border:1px solid var(--line); }

#crew .cw-mfoot{ display:flex; align-items:center; justify-content:space-between; gap:1rem;
  margin-top:1.5rem; padding-top:1.2rem; border-top:1px solid var(--line); }
#crew .cw-mlink{ display:inline-flex; align-items:center; gap:.55rem; height:44px; padding:0 1.2rem;
  border-radius:999px; font-size:.63rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase;
  color:#fff; background:linear-gradient(130deg,var(--acc2),var(--acc));
  transition:transform .3s var(--ease); }
#crew .cw-mlink:hover{ transform:translateY(-2px); }
#crew .cw-mlink svg{ width:15px; height:15px; fill:currentColor; }
#crew .cw-nav{ display:flex; gap:.4rem; }
#crew .cw-nav button{ width:38px; height:38px; border-radius:50%; cursor:pointer;
  display:grid; place-items:center; color:var(--ink); background:transparent;
  border:1px solid var(--line); font-size:.9rem;
  transition:border-color .3s, color .3s, transform .3s var(--ease); }
#crew .cw-nav button:hover{ border-color:var(--acc); color:var(--acc); transform:translateY(-2px); }

#crew .cw-final{ padding:clamp(2.6rem,6vh,4rem) 0 clamp(3.4rem,9vh,5.5rem); }
#crew .cw-final-card{ position:relative; overflow:hidden; border-radius:22px;
  border:1px solid var(--line); background:var(--soft);
  padding:clamp(1.5rem,3.5vw,2.6rem);
  display:grid; grid-template-columns:1fr auto; gap:1.3rem; align-items:center; }
#crew .cw-final-card h2{ margin:0; font-size:clamp(1.3rem,2.8vw,2.1rem);
  line-height:1.1; letter-spacing:-.03em; font-weight:850; max-width:20ch; }
#crew .cw-final-card p{ margin-top:.7rem; max-width:54ch; color:var(--dim);
  font-size:.86rem; line-height:1.75; }
#crew .cw-actions{ display:flex; gap:.55rem; flex-wrap:wrap; }
#crew .cw-btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  height:48px; padding:0 1.35rem; border-radius:999px; cursor:pointer;
  font-size:.66rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase;
  background:linear-gradient(130deg,var(--acc2),var(--acc)); color:#fff;
  border:1px solid transparent; transition:transform .3s var(--ease); }
#crew .cw-btn.cw-ghost{ background:transparent; color:var(--ink); border-color:var(--line); }
#crew .cw-btn:hover{ transform:translateY(-2px); }
#crew .cw-btn.cw-ghost:hover{ border-color:var(--acc); color:var(--acc); }

@media(max-width:1000px){
  #crew .cw-card.cw-lead{ grid-column:span 1; }
}
@media(max-width:620px){
  #crew .cw-grid{ grid-template-columns:1fr; }
  #crew .cw-pole::after{ left:clamp(10px,2.5vw,30px); width:52px; }
  #crew .cw-poletitle span:first-child{ width:30px; height:30px; font-size:.6rem; }
  #crew .cw-card,
  #crew .cw-card.cw-lead{ grid-template-columns:88px 1fr; }
  #crew .cw-photo,
  #crew .cw-card.cw-lead .cw-photo{ width:88px; height:110px; font-size:1.25rem; }
  #crew .cw-mhead{ grid-template-columns:104px 1fr; gap:.9rem; }
  #crew .cw-mphoto{ width:104px; height:128px; font-size:1.4rem; }
  #crew .cw-mfoot{ flex-direction:column; align-items:stretch; }
  #crew .cw-mlink{ justify-content:center; }
  #crew .cw-nav{ justify-content:center; }
  #crew .cw-final-card{ grid-template-columns:1fr; }
  #crew .cw-btn{ flex:1 1 auto; }
  #crew .cw-stack .av{ width:36px; height:36px; margin-left:-10px; }
}
@media(prefers-reduced-motion:reduce){
  #crew *{ animation:none!important; transition:none!important; }
  #crew .cw-card{ opacity:1; transform:none; }
}