/* The crew area (redesign_crew.py): /crew/, profiles, mentors, companions and the neighborhood.
   House look: navy outlines, hard zero-blur offset shadows in blue, yellow and pink, rounded cards, filled brand panels,
   Clash Display headings, art in white photo frames, companion stickers, and a different background band wherever
   dense sections sit next to each other. Everything is scoped under .cw so older page rules can't reach in. */
.cw{--cw-ink:#142b46;--cw-blue:#124dec;--cw-gold:#ffdc52;--cw-pink:#c2185b;--cw-sky:#eaf1ff;--cw-sun:#fff4cf;--cw-rose:#ffe9f1;
  --cw-cream:#fff4dd;--cw-muted:#44546b;--cw-line:2.5px solid var(--cw-ink);--cw-display:'Clash Display','Satoshi',system-ui,sans-serif;
  color:var(--cw-ink)}
.cw-tone-blue{--tone:#124dec;--tone-ink:#fff}
.cw-tone-gold{--tone:#ffdc52;--tone-ink:#142b46}
.cw-tone-pink{--tone:#c2185b;--tone-ink:#fff}
.cw *{box-sizing:border-box}
.cw :is(h1,h2,h3,h4)::before,.cw :is(h1,h2,h3,h4)::after{content:none!important;display:none!important}
.cw :is(h1,h2,h3,h4){font-family:var(--cw-display)!important;color:var(--cw-ink);letter-spacing:-.01em;text-wrap:balance;margin:0}
.cw h1{font-size:clamp(2.5rem,5.4vw,4.2rem)!important;line-height:1!important;font-weight:700!important}
.cw h2{font-size:clamp(1.8rem,3.4vw,2.6rem)!important;line-height:1.08!important;font-weight:650!important}
.cw h3{font-size:clamp(1.2rem,1.8vw,1.45rem)!important;line-height:1.15!important;font-weight:650!important}
.cw h4{font-size:1.1rem!important;line-height:1.2!important;font-weight:650!important}
.cw p{margin:0}
.cw ul,.cw ol{margin:0;padding:0}
.cw img{max-width:100%}
.cw a{color:var(--cw-blue)}
/* Component links: older site rules underline and recolor every link inside #main, so these win on purpose. */
#main .cw :is(.cw-card,.cw-pills .cw-pill,.cw-tabs .cw-tab,.cw-ring,.cw-node,.cw-lesson a,.cw-growth a,.cw-spots a,.cw-feed a,.cw-btn){text-decoration:none!important}
#main .cw :is(.cw-card,.cw-pills .cw-pill,.cw-tabs .cw-tab,.cw-ring,.cw-node,.cw-lesson a,.cw-growth a,.cw-spots a,.cw-btn--ghost,.cw-btn--light){color:var(--cw-ink)!important}
#main .cw .cw-btn:not(.cw-btn--ghost):not(.cw-btn--light){color:#fff!important}
#main .cw .cw-band--night .cw-btn{color:var(--cw-ink)!important}
#main .cw .cw-tabs .cw-tab[aria-selected="true"]{color:#fff!important}
#main .cw .cw-card-open{color:var(--cw-blue)}
.cw .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

/* Bands: full-width stripes inside the canvas, one calm color each. */
#main .cw-band{padding:clamp(48px,6vw,88px) 0;background:#fff;margin:0;border:0;border-radius:0;box-shadow:none}
#main .cw-band--sky{background:var(--cw-sky)}
#main .cw-band--sun{background:var(--cw-sun)}
#main .cw-band--rose{background:var(--cw-rose)}
#main .cw-band--night{background:var(--cw-ink);color:#fff}
#main .cw-band--hero,#main .cw-band--prof{padding-top:clamp(28px,4vw,56px)}
#main .cw-band > .cw-wrap{margin-inline:auto;padding:0;background:none;border:0;box-shadow:none}
.cw-head{display:grid;gap:12px;max-width:760px;margin-bottom:clamp(24px,3vw,36px)}
.cw-head p{font-size:1.08rem;line-height:1.55;color:var(--cw-muted)}
.cw-lead{font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.55;font-weight:500}
.cw-small-label{font-size:.84rem;font-weight:800;letter-spacing:.02em;color:var(--cw-muted);margin:14px 0 6px!important}
.cw-more{margin-top:32px!important;display:flex;justify-content:center}

/* Buttons and pills */
.cw .cw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;background:var(--cw-blue);color:#fff;
  border:2.5px solid var(--cw-ink);border-radius:14px;font-weight:800;font-size:1rem;text-decoration:none;box-shadow:4px 4px 0 var(--cw-ink);cursor:pointer;line-height:1.2;text-align:center}
.cw .cw-btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--cw-ink)}
.cw .cw-btn--ghost{background:#fff;color:var(--cw-ink)}
.cw .cw-btn--light{background:#fff;color:var(--cw-ink);margin-top:16px;align-self:flex-start}
.cw .cw-text-link{font-weight:800;text-underline-offset:.22em}
.cw-pills{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.cw-pills .cw-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--cw-ink);border-radius:99px;background:#fff;
  color:var(--cw-ink);font-weight:750;text-decoration:none;box-shadow:3px 3px 0 var(--cw-ink)}
.cw-pills .cw-pill:hover{background:var(--cw-gold)}
.cw-pills--small .cw-pill{min-height:36px;padding:0 12px;font-size:.92rem;box-shadow:2px 2px 0 var(--cw-ink)}
.cw-chips{display:flex;flex-wrap:wrap;gap:6px}
.cw-chips span{display:inline-block;border:1.5px solid #c9d4ea;background:#f3f6ff;border-radius:99px;padding:2px 10px;font-size:.84rem;font-weight:700;color:var(--cw-ink);line-height:1.5}
.cw-chips--lg span{font-size:.92rem;padding:3px 12px}
.cw-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:750;font-size:.95rem;margin-bottom:22px}
.cw-crumbs > * + *::before{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid var(--cw-muted);border-top:2px solid var(--cw-muted);transform:rotate(45deg);margin-right:12px;vertical-align:2px}
.cw-crumbs span{color:var(--cw-muted)}

/* Photo frames: white border, navy outline, hard offset shadow */
.cw-frame{margin:0;position:relative}
/* genz.css frames every "main figure > img" with !important; inside .cw each picture sets its own frame instead. */
#main .cw figure > img:not(.cw-sticker){border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
#main .cw .cw-frame > img:not(.cw-sticker){display:block;width:100%;height:auto;border:6px solid #fff!important;border-radius:28px!important;box-shadow:0 0 0 2.5px var(--cw-ink),9px 9px 0 2.5px var(--tone,var(--cw-pink))!important;background:#fff}
.cw-frame figcaption{margin-top:18px;font-size:.92rem;color:var(--cw-muted);font-weight:600}
.cw-frame--prof,.cw-frame--sig{aspect-ratio:1;border:6px solid #fff;border-radius:30px;background:var(--cw-cream);box-shadow:0 0 0 2.5px var(--cw-ink),10px 10px 0 2.5px var(--tone,var(--cw-blue));overflow:visible;display:flex;align-items:flex-end;justify-content:center}
#main .cw :is(.cw-frame--prof,.cw-frame--sig) > img:not(.cw-sticker){border:0!important;box-shadow:none!important;border-radius:24px!important;background:none;width:100%;height:100%;object-fit:cover}
.cw-frame--prof > img.cw-face,.cw-frame--sig > img.cw-face{mix-blend-mode:multiply}
#main .cw :is(.cw-frame--prof,.cw-frame--sig) > img.cw-figure{object-fit:contain;height:94%;width:auto;border-radius:0!important}
.cw-frame--block{background:var(--tone)}
#main .cw :is(.cw-frame--prof,.cw-frame--sig) .cw-face--bust{transform:scale(1.22);transform-origin:50% 8%;border-radius:0!important}
.cw-frame--prof,.cw-frame--sig{overflow:hidden}
.cw-frame--prof:has(.cw-sticker),.cw-frame--hero{overflow:visible}
.cw-sticker{position:absolute;width:auto;height:clamp(84px,10vw,132px);filter:drop-shadow(3px 4px 0 rgba(20,43,70,.28));pointer-events:none;z-index:2}
.cw-sticker--hero{left:-22px;bottom:34px;transform:rotate(-8deg)}
.cw-sticker--prof{right:-26px;bottom:-18px;transform:rotate(7deg)}
.cw-monogram{display:grid;place-items:center;width:58%;aspect-ratio:1;margin:auto;border-radius:50%;background:#fff;border:var(--cw-line);box-shadow:5px 6px 0 var(--tone,var(--cw-blue));
  font-family:var(--cw-display);font-weight:650;font-size:clamp(2rem,5vw,3.6rem);color:var(--cw-ink);align-self:center}

/* Hero */
.cw-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.cw-hero-copy{display:grid;gap:18px}
.cw-hero-copy > p:not(.cw-lead){color:var(--cw-muted);font-size:1.02rem;line-height:1.55}
.cw-jump{margin-top:6px}
.cw-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.cw-simple-hero{display:grid;gap:18px;max-width:820px}
.cw-simple-hero > p:not(.cw-lead){color:var(--cw-muted);font-size:1.05rem;line-height:1.55}

/* One card for every person */
.cw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px}
.cw .cw-card{display:flex;flex-direction:column;background:#fff;border:var(--cw-line);border-radius:26px;box-shadow:7px 9px 0 var(--tone);overflow:hidden;
  color:var(--cw-ink);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease;min-width:0}
.cw .cw-card:hover,.cw .cw-card:focus-visible{transform:translate(-2px,-3px);box-shadow:9px 12px 0 var(--tone)}
.cw-card-strip{display:block;background:var(--tone);color:var(--tone-ink);padding:11px 20px;font-weight:800;font-size:.95rem;line-height:1.3;border-bottom:var(--cw-line);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-card-photo{display:flex;align-items:flex-end;justify-content:center;aspect-ratio:1;background:var(--cw-cream);border-bottom:var(--cw-line);overflow:hidden;position:relative}
.cw-card-photo img.cw-face{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.cw-card-photo img.cw-face--bust{transform:scale(1.24);transform-origin:50% 6%}
.cw-card-photo img.cw-figure{display:block;height:92%;width:auto;max-width:90%;object-fit:contain}
.cw-card-body{display:flex;flex-direction:column;gap:9px;padding:18px 20px 20px;flex:1}
.cw .cw-card-name{font-size:clamp(1.35rem,2vw,1.7rem)!important}
.cw-card-line{font-weight:750;line-height:1.35}
.cw-card-line2{color:var(--cw-muted);font-size:.95rem;line-height:1.45}
.cw-card-foot{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:4px}
.cw-card-leads{font-size:.9rem;font-weight:750;color:var(--cw-muted)}
.cw-card-open{color:var(--cw-blue);font-weight:800;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:2px}
.cw-grid--kids{grid-template-columns:repeat(2,minmax(0,1fr))}
.cw-grid--kids .cw-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto 1fr}
.cw-grid--kids .cw-card-strip{grid-column:1/-1}
.cw-grid--kids .cw-card-photo{border-bottom:0;border-right:var(--cw-line);aspect-ratio:auto;height:320px;padding-top:14px}
.cw-grid--kids .cw-card-photo img.cw-figure{height:100%;max-height:100%}
.cw-grid--kids .cw-card-body{justify-content:center}

/* Unit filter */
.cw-filter{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:-8px 0 30px}
.cw-filter .cw-small-label{margin:0!important}
.cw-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}
.cw-filter button{min-height:40px;padding:0 14px;border:2px solid var(--cw-ink);border-radius:99px;background:#fff;color:var(--cw-ink);font-weight:750;font-size:.92rem;cursor:pointer}
.cw-filter button[aria-pressed="true"]{background:var(--cw-ink);color:#fff}
.cw-grid[data-unit] .cw-card.is-dim{opacity:.32;filter:saturate(.4)}
.cw-grid[data-unit]:not([data-unit=""]) .cw-card.is-lead{order:-1}

/* How everyone met */
.cw-map{position:relative;aspect-ratio:1000/620;border:var(--cw-line);border-radius:30px;background:var(--cw-cream);box-shadow:9px 9px 0 var(--cw-gold);
  background-image:radial-gradient(circle at 50% 48%,#fff 0 18%,transparent 38%)}
.cw-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cw-link{stroke:var(--cw-ink);stroke-width:3;vector-effect:non-scaling-stroke;transition:opacity .2s,stroke .2s}
.cw-link--kid{stroke-dasharray:7 7;stroke-width:2.5;stroke:#6a7c98}
.cw .cw-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--cw-ink);z-index:2;transition:opacity .2s}
.cw-node .cw-av{width:clamp(58px,7.6vw,96px);height:auto;aspect-ratio:1;border-radius:50%;border:var(--cw-line);background:#fff;box-shadow:3px 4px 0 var(--cw-blue)}
.cw-node--kid .cw-av{width:clamp(42px,5vw,64px);box-shadow:3px 3px 0 var(--cw-pink)}
.cw-node span{background:#fff;border:2px solid var(--cw-ink);border-radius:99px;padding:1px 11px;font-size:.92rem;font-weight:800;line-height:1.4}
.cw-map-label{position:absolute;transform:translate(-50%,-50%);max-width:19%;text-align:center;background:#fff;border:1.5px solid #9fb0cc;border-radius:12px;
  padding:4px 10px;font-size:clamp(.72rem,1vw,.86rem);font-weight:700;line-height:1.25;z-index:1;transition:opacity .2s}
.cw-map-label--kid{border-style:dashed;max-width:16%}
.cw-map-room{position:absolute;transform:translate(-50%,-50%);background:var(--cw-blue);color:#fff;border:var(--cw-line);border-radius:14px;padding:7px 14px;
  font-family:var(--cw-display);font-weight:650;font-size:clamp(.85rem,1.3vw,1.1rem);white-space:nowrap;z-index:1;box-shadow:4px 4px 0 var(--cw-ink)}
.cw-map[data-hl]:not([data-hl=""]) :is(.cw-link,.cw-map-label,.cw-node){opacity:.18}
.cw-map[data-hl]:not([data-hl=""]) :is(.cw-link,.cw-map-label,.cw-node).is-on{opacity:1}
.cw-map .cw-link.is-on{stroke:var(--cw-pink);stroke-width:5}
.cw-met-list{list-style:none;display:grid;gap:12px}
.cw-met-list li{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid var(--cw-ink);border-radius:18px;padding:12px 14px}
.cw-met-list li span:last-child{display:grid;gap:2px;line-height:1.4}
.cw-met-pair{display:flex;flex:none}
.cw-met-pair .cw-av{width:44px;height:44px;border-radius:50%;border:2px solid var(--cw-ink);background:#fff}
.cw-met-pair .cw-av + .cw-av{margin-left:-12px}
.cw-met-kid{border-style:dashed!important}
@media (min-width:900px){.cw-met-list{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}}
@media (max-width:899px){.cw-map{display:none}}

/* Companions */
.cw-cmps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.cw-cmp{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:start;background:#fff;border:var(--cw-line);border-radius:24px;padding:18px;box-shadow:6px 7px 0 var(--tone)}
.cw-cmp-pic{display:flex;align-items:center;justify-content:center;background:var(--cw-cream);border-radius:18px;padding:8px;aspect-ratio:3/4}
.cw-cmp-pic img{max-height:100%;width:auto;object-fit:contain}
.cw-cmp-body{display:grid;gap:7px;min-width:0}
.cw-cmp-role{justify-self:start;background:var(--tone);color:var(--tone-ink);border-radius:99px;padding:1px 11px;font-size:.8rem;font-weight:800}
.cw-cmp-q{font-weight:750;line-height:1.35}
.cw-cmp-when{font-size:.95rem;line-height:1.45;color:var(--cw-muted)}
.cw-cmp-when b{color:var(--cw-ink)}
.cw-cmp-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.cw-cmp-rows .cw-cmp{grid-template-columns:150px minmax(0,1fr);padding:24px;scroll-margin-top:24px}
.cw-cmp-rows .cw-cmp h2{font-size:clamp(1.6rem,2.4vw,2rem)!important}
.cw-cmp-about,.cw-cmp-step{line-height:1.5}
.cw-cmp-rows .cw-cmp-q{font-size:1.12rem}
.cw-noises .rx-chip{min-height:40px}

/* Where they hang out, the neighborhood */
.cw-hang{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:clamp(28px,3.4vw,44px)}
.cw-hang .cw-head{margin-bottom:0}
.cw-spots{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cw-spots--wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.cw .cw-spots a{display:flex;gap:12px;align-items:center;height:100%;background:#fff;border:2px solid var(--cw-ink);border-radius:18px;padding:10px 14px;text-decoration:none;color:var(--cw-ink);line-height:1.35;font-size:.94rem}
#main .cw .cw-spots a{color:var(--cw-ink)!important;text-decoration:none!important}
.cw .cw-spots a:hover{background:var(--cw-sun)}
.cw-spots a span{min-width:0}
.cw-spots .cw-av{width:48px;height:48px;border-radius:50%;border:2px solid var(--cw-ink);flex:none;background:#fff}
.cw-spots b{display:block;font-size:1rem}
.cw-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.cw-place{display:flex;flex-direction:column;gap:10px;background:#fff;border:var(--cw-line);border-radius:24px;padding:22px;box-shadow:6px 7px 0 var(--tone);scroll-margin-top:24px}
.cw-place > p:first-of-type{line-height:1.5}
.cw-place:target{outline:4px solid var(--cw-gold);outline-offset:4px}
.cw-place-who{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;color:var(--cw-muted)}
.cw-place-who .cw-av{width:36px;height:36px;border-radius:50%;border:2px solid var(--cw-ink);background:#fff}
.cw-place-who .cw-av + .cw-av{margin-left:-10px}
.cw-place-who span{margin-left:6px}
.cw-place-lesson{margin-top:auto;font-weight:800;text-underline-offset:.2em;line-height:1.35}
.cw-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
.cw-frame--photo figcaption{margin-top:14px}

/* Next step */
.cw-next{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;flex-wrap:wrap}
.cw-next > div:first-child{display:grid;gap:10px;max-width:640px}
.cw .cw-next h2{color:#fff}
.cw-next p{color:#dfe7f7;font-size:1.08rem;line-height:1.5}
.cw-next-links{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap}
.cw-band--night .cw-btn{background:var(--cw-gold);color:var(--cw-ink);border-color:#fff;box-shadow:4px 4px 0 #fff}
.cw-band--night .cw-text-link{color:#fff}

/* Profiles */
.cw-prof-head{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr) minmax(0,300px);gap:clamp(24px,3.4vw,48px);align-items:start}
.cw-prof-id{display:grid;gap:12px;align-content:start;padding-top:6px}
.cw-handle{font-weight:800;color:var(--cw-blue);font-size:1rem}
.cw-fullname{font-weight:700;font-size:1.1rem;margin-top:-4px!important}
.cw-prof-card{font-size:1.15rem;font-weight:750;line-height:1.4}
.cw-prof-bio{font-size:1.02rem;line-height:1.55;color:var(--cw-muted)}
.cw-prof-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.cw-save-status{flex-basis:100%;font-size:.9rem;color:var(--cw-muted);min-height:1em}
.cw-save-status:empty{display:none}
.cw-prof-side{display:grid;gap:18px}
.cw-note{background:var(--tone);color:var(--tone-ink);border:var(--cw-line);border-radius:22px;padding:18px 20px;box-shadow:6px 6px 0 var(--cw-ink)}
.cw-note .cw-small-label{margin:0 0 6px!important;color:inherit;opacity:.85}
.cw-note-quote{font-family:var(--cw-display);font-weight:600;font-size:1.2rem;line-height:1.3}
.cw-rx,.cw-chat{background:#fff;border:2px solid var(--cw-ink);border-radius:20px;padding:14px 16px}
.cw-rx .cw-small-label,.cw-chat .cw-small-label{margin-top:0!important}
.cw-rx .rx-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}
.cw-bubble{display:inline-block;background:var(--cw-sky);border-radius:18px 18px 18px 4px;padding:10px 14px;font-weight:600;line-height:1.4}
.cw-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;position:sticky;top:0;z-index:5;padding:10px 0;background:var(--cw-sky)}
.cw-tabs .cw-tab{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:2px solid var(--cw-ink);border-radius:99px;background:#fff;color:var(--cw-ink);font-weight:800;text-decoration:none}
.cw-tabs .cw-tab[aria-selected="true"]{background:var(--cw-ink);color:#fff;box-shadow:3px 3px 0 var(--cw-gold)}
.cw-panel{display:grid;gap:26px;scroll-margin-top:84px}
.cw-panel + .cw-panel{margin-top:56px}
.has-tabs .cw-panel + .cw-panel{margin-top:0}
.has-tabs .cw-panel-title{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}
.cw-about{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.cw-about--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cw-box{display:flex;flex-direction:column;gap:10px;background:#fff;border:var(--cw-line);border-radius:24px;padding:24px;box-shadow:6px 7px 0 var(--cw-blue);min-width:0}
.cw-box p{line-height:1.55}
.cw-box h3 + *{margin-top:2px}
.cw-box > h3:not(:first-child){margin-top:14px}
.cw-box--pink{box-shadow:6px 7px 0 var(--cw-pink)}
.cw-box--gold{background:var(--cw-gold);box-shadow:6px 7px 0 var(--cw-ink)}
.cw-box--fill{background:var(--cw-blue);color:#fff;box-shadow:6px 7px 0 var(--cw-ink)}
.cw .cw-box--fill h3,.cw-box--fill dt,.cw-box--fill .cw-small-label{color:#fff}
.cw-box--fill .cw-facts dt{color:#cfe0ff}
.cw-box--fill .cw-facts dd{color:#fff}
.cw-facts{display:grid;gap:12px;margin:0}
.cw-facts dt{font-size:.84rem;font-weight:800;color:var(--cw-muted);letter-spacing:.02em}
.cw-facts dd{margin:2px 0 0;line-height:1.5}
.cw-list{list-style:none;display:grid;gap:8px}
.cw-list li{position:relative;padding-left:22px;line-height:1.45}
.cw-list li::before{content:"";position:absolute;left:2px;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--cw-gold);border:2px solid var(--cw-ink)}
.cw-take{display:grid;gap:12px}
.cw-take p{background:#fff;border:2px solid var(--cw-ink);border-radius:16px;padding:12px 14px}
.cw-take span{display:block;font-size:.8rem;font-weight:800;color:var(--cw-muted);margin-bottom:2px}
.cw-rings{display:flex;flex-wrap:wrap;gap:14px 10px}
.cw .cw-ring{display:flex;flex-direction:column;align-items:center;gap:5px;width:76px;text-decoration:none;color:var(--cw-ink);font-weight:750;font-size:.9rem;text-align:center}
.cw-ring .cw-av{width:64px;height:64px;border-radius:50%;border:2.5px solid var(--cw-ink);background:#fff;object-fit:cover}
.cw-ring:hover .cw-av{box-shadow:3px 3px 0 var(--cw-blue)}
.cw-av--mono{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2.5px solid var(--cw-ink);background:#fff;font-family:var(--cw-display);font-weight:650}
.cw-met-mini{list-style:none;display:grid;gap:6px;font-size:.95rem;line-height:1.4}
.cw-mentor-line{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.cw-mentor-line .cw-av{width:48px;height:48px;border-radius:50%;border:2px solid var(--cw-ink);background:#fff;flex:none;object-fit:cover}
.cw-sub{margin-top:8px!important}
.cw-lessons{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px}
.cw .cw-lesson a{display:flex;flex-direction:column;gap:8px;height:100%;background:#fff;border:var(--cw-line);border-radius:22px;padding:20px 22px;box-shadow:6px 7px 0 var(--tone);color:var(--cw-ink);text-decoration:none}
.cw .cw-lesson a:hover{transform:translate(-1px,-2px)}
.cw-lesson-no{align-self:flex-start;background:var(--tone);color:var(--tone-ink);border-radius:99px;padding:2px 12px;font-size:.84rem;font-weight:800}
.cw-lesson-title{font-family:var(--cw-display);font-weight:650;font-size:1.28rem;line-height:1.2}
.cw-lesson-line{color:var(--cw-muted);line-height:1.5;font-size:.97rem}
.cw-growth-focus{font-weight:750;font-size:1.05rem;margin-top:-10px!important}
.cw-growth{list-style:none;display:grid;gap:10px;counter-reset:g}
.cw-growth a{display:flex;gap:14px;align-items:baseline;background:#fff;border:2px solid var(--cw-ink);border-radius:16px;padding:12px 16px;color:var(--cw-ink);text-decoration:none;line-height:1.45}
.cw-growth a:hover{background:var(--cw-sun)}
.cw-growth b{flex:none;background:var(--cw-ink);color:#fff;border-radius:99px;padding:1px 10px;font-size:.85rem}
.cw-post{background:#fff;border:2px solid var(--cw-ink);border-radius:20px;padding:16px 18px;display:grid;gap:8px;max-width:760px}
.cw-post header{display:flex;align-items:center;gap:10px}
.cw-post .cw-av{width:40px;height:40px;border-radius:50%;border:2px solid var(--cw-ink)}
.cw-post p{line-height:1.5}
.cw-feed{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:var(--cw-line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:8px 8px 0 var(--cw-pink);max-width:760px}
.cw-feed a{display:block;aspect-ratio:1;overflow:hidden}
.cw-feed img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.cw-feed a:hover img{transform:scale(1.04)}
.cw-others{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px}
.cw-others h2{font-size:clamp(1.4rem,2.2vw,1.8rem)!important;margin-bottom:18px!important}
.cw-sticker-note{background:#fff;border:2px solid var(--cw-ink);border-radius:14px;padding:10px 14px;font-weight:650;justify-self:start}

/* Wardrobe */
.cw-look-sig{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:center;background:#fff;border:var(--cw-line);border-radius:28px;padding:clamp(18px,3vw,30px);box-shadow:8px 9px 0 var(--cw-gold)}
.cw-look-sig-body{display:grid;gap:10px}
.cw-kicker{justify-self:start;background:var(--cw-ink);color:#fff;border-radius:99px;padding:2px 12px;font-size:.84rem;font-weight:800}
.cw-look-where-sig{color:var(--cw-muted)}
.cw-palette{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.92rem;font-weight:650}
.cw-palette li{display:flex;align-items:center;gap:7px}
.cw-dot{width:20px;height:20px;border-radius:50%;background:var(--c);border:2px solid var(--cw-ink);flex:none}
.cw-always{line-height:1.5}
.cw-looks{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:28px}
.cw-look{display:flex;flex-direction:column;background:#fff;border:var(--cw-line);border-radius:24px;overflow:hidden;box-shadow:6px 7px 0 var(--tone)}
.cw-look-pic{margin:0;aspect-ratio:4/5;background:var(--cw-cream);border-bottom:var(--cw-line);overflow:hidden}
.cw-look-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.cw-look-body{display:grid;gap:6px;padding:16px 18px 18px}
.cw-look-season{font-size:.8rem;font-weight:800;color:var(--cw-muted)}
.cw-look-detail{font-size:.95rem;line-height:1.45}
.cw-look-where{list-style:none;display:grid;gap:4px;font-size:.92rem;font-weight:750;line-height:1.35}
.cw-look-where a{text-underline-offset:.2em}

/* Mentor pages */
.cw-callout{background:var(--tone);color:var(--tone-ink);border:var(--cw-line);border-radius:22px;padding:18px 20px;box-shadow:6px 6px 0 var(--cw-ink);display:grid;gap:4px}
.cw-callout .cw-small-label{color:inherit;margin:0!important;opacity:.9}
.cw-callout p:last-child{font-weight:700;line-height:1.45}
.cw-question{margin:0;background:#fff;border:2px solid var(--cw-ink);border-radius:22px;padding:18px 20px}
.cw-question .cw-small-label{margin:0 0 6px!important}
.cw-question-q{font-family:var(--cw-display);font-weight:600;font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.25}
.cw-box--note{transform:rotate(-.6deg)}
.cw-fullbody{height:96%;width:auto;object-fit:contain;align-self:flex-end}

/* Tablet */
@media (max-width:1100px){
  .cw-prof-head{grid-template-columns:minmax(0,320px) minmax(0,1fr)}
  .cw-prof-side{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .cw-cmps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-places,.cw-spots--wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-about{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-about > .cw-box--fill:last-child:nth-child(3){grid-column:1/-1}
}
@media (max-width:900px){
  .cw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}
  .cw-grid.cw-grid--kids{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-card-line2{display:none}
  .cw-card-body{padding:14px 14px 16px}
  .cw .cw-card-name{font-size:1.3rem!important}
  .cw-card-strip{font-size:.82rem;padding:8px 12px}
  .cw-long{display:none}
  .cw-hero,.cw-hang{grid-template-columns:1fr}
  .cw-cmp-rows{grid-template-columns:1fr}
  .cw-photos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw-others{grid-template-columns:1fr}
  .cw-look-sig{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
}
/* Phones: compact two-column cards so the nine fit in about three screens */
@media (max-width:700px){
  .cw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .cw .cw-card{border-radius:20px;box-shadow:5px 6px 0 var(--tone)}
  .cw-card--friend .cw-card-strip,.cw-card--neighbor .cw-card-strip{font-size:0;padding:0;height:10px}
  .cw-card--mentor .cw-card-strip{font-size:.8rem;padding:7px 12px}
  .cw-long{display:none}
  .cw-card-body{padding:12px 12px 14px;gap:7px}
  .cw .cw-card-name{font-size:1.2rem!important}
  .cw-card .cw-chips span{font-size:.76rem;padding:1px 8px}
  .cw-card-line{font-size:.9rem;line-height:1.35;font-weight:700}
  .cw-card-line2,.cw-card-foot{display:none}
  .cw-grid--kids .cw-card{display:flex}
  .cw-grid--kids .cw-card-photo{border-right:0;border-bottom:var(--cw-line);aspect-ratio:1;height:auto;min-height:0}
  .cw-cmps,.cw-places,.cw-spots,.cw-spots--wide,.cw-about,.cw-about--two,.cw-photos{grid-template-columns:1fr}
  .cw-cmp{grid-template-columns:84px minmax(0,1fr);padding:14px}
  .cw-cmp-rows .cw-cmp{grid-template-columns:1fr;padding:18px}
  .cw-cmp-rows .cw-cmp-pic{width:120px;aspect-ratio:1}
  .cw-prof-head{grid-template-columns:1fr}
  .cw-frame--prof{max-width:340px;width:calc(100% - 20px)}
  .cw-prof-side{grid-template-columns:1fr}
  .cw-look-sig{grid-template-columns:1fr}
  .cw-frame--sig{max-width:320px;width:calc(100% - 20px)}
  .cw-looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .cw-look-body{padding:12px}
  .cw-tabs{gap:6px}
  .cw-tabs .cw-tab{min-height:42px;padding:0 14px;font-size:.95rem}
  .cw-sticker{height:84px}
  .cw-sticker--hero{left:-8px;bottom:40px}
  .cw-sticker--prof{right:-14px;bottom:-12px}
  .cw-next-links{width:100%}
}
@media (prefers-reduced-motion:reduce){.cw *{transition:none!important}.cw .cw-card:hover{transform:none}}