/* Three distinct levels: near-black canvas, graphite cards, inset data panels. */
:root{--surface-card:linear-gradient(145deg,#343039 0%,#28272e 52%,#232329 100%);--surface-edge:#8d788966;--surface-copy:#d4ced7;--surface-label:#bbb1c0;--surface-shadow:inset 0 1px 0 #ffffff12,0 14px 32px #0003}
.join-grid.cooperation-peer-grid article{display:flex;flex-direction:column;background:linear-gradient(145deg,#242429f5,#151518fa 65%);border:1px solid #ffffff32;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0c,0 12px 30px #0003;padding-top:36px;transition:border-color .25s,box-shadow .25s}
.join-grid.cooperation-peer-grid article:before{content:'';position:absolute;top:0;left:30px;width:38px;height:3px;background:#ff4056}
.join-grid.cooperation-peer-grid article:hover{border-color:#ff526d80;box-shadow:0 18px 38px #0005}
.join-grid.cooperation-peer-grid article .join-number{color:#e8d4e62b;font-size:58px;top:21px;right:23px}
.cooperation-peer-grid .eyebrow{color:#ff6579;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-right:48px;min-height:30px}
.cooperation-peer-grid .mode-followers{margin-left:0;padding:0;border:0;background:none;color:#bcbcc7;font-size:11px;white-space:nowrap}
.join-grid.cooperation-peer-grid h3{font-size:28px;line-height:1.5;color:#fff}
.join-grid.cooperation-peer-grid .cooperation-fields{flex:1;margin-top:20px;margin-bottom:24px}
.join-grid.cooperation-peer-grid .cooperation-fields>div{border-color:#b7a3b33b;padding:17px 0 14px}
.join-grid.cooperation-peer-grid article .cooperation-fields dt{color:var(--surface-label);font-size:11px}
.join-grid.cooperation-peer-grid article .cooperation-fields p{color:var(--surface-copy);font-size:13px;line-height:1.95}
.join-grid.cooperation-peer-grid .cooperation-fields>div:nth-child(-n+2) p{font-size:21px;font-weight:650;letter-spacing:.2px;color:#fff0f7}
.join-grid.cooperation-peer-grid .cooperation-fields>div:nth-child(2){margin:6px 0 20px;padding:20px 18px;background:linear-gradient(110deg,#f3345017,#f3345004);border:1px solid #ff536626;border-radius:6px}
.join-grid.cooperation-peer-grid .cooperation-fields>div:nth-child(2) dt{color:#c6b8bd}
.join-grid.cooperation-peer-grid .cooperation-fields>div:nth-child(2) p{color:#ff536b;font:750 35px/1.3 Arial,var(--font);letter-spacing:-1px;margin-top:8px}
.cooperation-peer-grid .fashion-button{align-self:stretch;width:100%;margin-top:auto;min-height:44px;font-size:12px;background:#ffffff03;border-color:#d3a7b74a}
.cooperation-peer-grid .fashion-button.fashion-secondary{background:linear-gradient(115deg,#bf214f,#d62d60);border-color:#f47b9e80;color:#fff;font-weight:700;box-shadow:inset 0 1px 0 #ffffff26,0 5px 18px #ba214f26}
.cooperation-peer-grid .fashion-button.fashion-secondary:hover{background:linear-gradient(115deg,#ce2859,#e1376b);border-color:#ff9ab8;color:#fff;box-shadow:inset 0 1px 0 #ffffff30,0 7px 22px #c3265338}
.support-item,.brand-card,.business-story,.core-services article,.value-grid article{background:var(--surface-card);border:1px solid var(--surface-edge);border-radius:14px;box-shadow:var(--surface-shadow)}
.support-top>span{color:#debad255}.support-original p,.support-item>p{color:var(--surface-copy)}
.support-top svg{background:linear-gradient(140deg,#d65c83,#9c345c);box-shadow:inset 0 1px 0 #ffffff3b,0 4px 12px #0003}
.copy-highlight{color:#ff93b2}.support-item h3{color:#fff7fb}
.business-story{overflow:hidden}.business-panel{border:0;border-bottom:1px solid #ffffff28}
.business-story .panel-original,main[data-route="business"] .business-preview .panel-original{background:transparent;border:0;padding:24px 26px;min-height:0}
.panel-original p,.brand-original p,.brand-copy p{color:var(--surface-copy)}
.core-services{gap:20px}.core-services article{padding:28px 15px 24px}.core-services h3{color:#f6eef3}
.brand-card{overflow:hidden}.brand-image{border:0;border-bottom:1px solid #ffffff28}.brand-copy{margin:0 26px;border-color:#b7a3b33b;padding:22px 0}
.brand-original{padding:22px 26px 28px}.brand-original h4{color:#ff93b2}
.capability-band{background:#17161c;border-block:1px solid #ffffff16}
.capability-items{gap:18px}.capability-items p{background:var(--surface-card);border:1px solid var(--surface-edge);border-radius:12px;padding:20px 22px;box-shadow:inset 0 1px 0 #ffffff0a}
.capability-items strong{color:#fa87a5}.capability-items span{color:#ddd1dc}
.workflow-list{border:1px solid var(--surface-edge);border-radius:14px;overflow:hidden;background:linear-gradient(120deg,#2c2931,#202027);box-shadow:var(--surface-shadow)}
.workflow-list article,.workflow-list article:last-child{padding:25px 28px;border:0;border-bottom:1px solid #b7a3b333}.workflow-list article:last-child{border-bottom:0}
.workflow-list article>span:first-child{color:#f58cab}.workflow-list p{color:var(--surface-copy)}
.lee-case-photos{background:var(--surface-card);border:1px solid var(--surface-edge);border-radius:14px;box-shadow:var(--surface-shadow)}
.lee-case-results{display:grid;gap:12px}.lee-case-results article{background:#29272f;border:1px solid var(--surface-edge);border-radius:10px;padding:19px 22px}.lee-case-results strong{color:#ff88a7}.lee-case-results p{color:var(--surface-copy)}
.application form{background:var(--surface-card);border:1px solid var(--surface-edge);border-top:3px solid #df7295;border-radius:16px;box-shadow:var(--surface-shadow)}
.form-note,form label{color:#c8becd}input,select,textarea{background:#17151c;border:1px solid #81718780;border-radius:7px}input::placeholder,textarea::placeholder{color:#a69bab}
.qr-placeholder{background:#29262f;border-color:#a898ae;border-radius:12px}.qr-placeholder small,.contact-placeholder small{color:#bdb0c5}
.value-grid article{padding:26px}.value-grid p{color:var(--surface-copy)}
.data-note:not(.cases .data-note),.brand-wall>span{color:#ada3b4}
@media(max-width:1100px) and (min-width:761px){.join-grid.cooperation-peer-grid article{padding:34px 22px 26px}.join-grid.cooperation-peer-grid h3{font-size:22px}.cooperation-peer-grid .eyebrow{padding-right:0}.join-grid.cooperation-peer-grid article .join-number{font-size:43px;top:72px;opacity:.65}}
@media(max-width:760px){.join-grid.cooperation-peer-grid article{padding:30px 24px 26px}.join-grid.cooperation-peer-grid article:before{left:24px;right:24px}.join-grid.cooperation-peer-grid h3{font-size:25px}.join-grid.cooperation-peer-grid article .join-number{font-size:50px;top:21px}.join-grid.cooperation-peer-grid article .cooperation-fields p{font-size:13px}.join-grid.cooperation-peer-grid .cooperation-fields>div:nth-child(-n+2) p{font-size:21px}.core-services{gap:14px}.core-services article{padding:24px 12px 20px}.brand-copy{margin:0 20px}.brand-original{padding:20px}.business-story .panel-original,main[data-route="business"] .business-preview .panel-original{padding:21px}.capability-items{gap:12px}.capability-items p{padding:18px 15px}.workflow-list article,.workflow-list article:last-child{padding:22px 18px;gap:12px}.lee-case-results article{padding:18px 15px}}
/* About: consolidate the capability summary into the existing metric strip. */
.metrics.metrics-expanded{row-gap:34px;padding-bottom:28px}
.metrics-expanded>div:nth-child(5){padding-left:0;border-left:0}
.metrics-expanded .metric-word{font-family:var(--font);font-size:38px;font-weight:650;font-style:italic;letter-spacing:0}
.metrics-expanded strong{display:block;min-height:59px;line-height:1.2}
.metrics-expanded p{margin-top:10px}
@media(max-width:760px){.metrics.metrics-expanded{row-gap:28px}.metrics-expanded>div:nth-child(odd){padding-left:0;border-left:0}.metrics-expanded>div:nth-child(even){padding-left:20px;border-left:1px solid #ffffff19}.metrics-expanded .metric-word{font-size:29px}.metrics-expanded strong{min-height:47px}}

/* Anchor brand campaign crops at the top so faces remain in frame. */
.brands .mardi .brand-image>img,.brands .lee .brand-image>img{object-position:50% 0%;transform-origin:50% 0%}

/* NICK NICOLE: original portrait photography, with faces kept in frame. */
.nick-lookbook{display:grid;grid-template-columns:1fr;background:#151417}
.brands .nick-lookbook>img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:50% 0%;transform:none;filter:none}
.nick-nicole .brand-copy .brand-wordmark{display:block;margin:0;color:#f1f1f3;font-family:Arial,"Helvetica Neue",sans-serif;font-size:30px;font-weight:400;letter-spacing:1px;line-height:45px;white-space:nowrap}
@media(max-width:760px){.nick-nicole .brand-copy{gap:12px}.nick-nicole .brand-copy .brand-wordmark{font-size:clamp(16px,5.2vw,25px);letter-spacing:.3px;line-height:36px}.nick-nicole .brand-copy h3{font-size:clamp(12px,3.6vw,17px)}}

/* Creator support: consistent editorial hierarchy within the existing cards. */
.support-item h3{font-size:24px;line-height:1.35;letter-spacing:.02em;margin:0 0 10px}
.support-item>.support-lead{font-size:15px;font-weight:500;line-height:1.65;letter-spacing:.02em;color:#edabc3;margin:0 0 25px;text-wrap:balance}
.support-details{margin:0;padding:0;border-top:1px solid #dcc4d31f}
.support-details>div{padding:17px 0 0;display:grid;grid-template-columns:1fr;gap:7px}
.support-details>div+div{margin-top:17px;border-top:1px solid #dcc4d312}
.support-details dt{font-size:12px;font-weight:650;line-height:1.5;letter-spacing:.12em;color:#eee4eb}
.support-details dd{margin:0;color:#bcb6c0;font-size:13px;line-height:1.9;letter-spacing:.015em;overflow-wrap:anywhere;text-wrap:pretty}
@media(min-width:761px){.support-details>div{min-height:96px}}
@media(min-width:761px) and (max-width:1050px){.support .support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.support-item h3{font-size:23px;margin-bottom:9px}.support-item>.support-lead{font-size:14px;margin-bottom:23px}.support-details>div{padding-top:16px}.support-details>div+div{margin-top:16px}.support-details dt{font-size:12px}.support-details dd{font-size:13px;line-height:1.85}}
.support-details>div{align-content:start}

/* Match adjacent detail text and its first-row baseline, without repeating the sentence. */
.support-item>.support-statement{margin:0;padding-top:42px;border-top:1px solid #dcc4d31f;color:#bcb6c0;font-size:13px;font-weight:400;line-height:1.9;letter-spacing:.015em;overflow-wrap:anywhere;text-wrap:pretty}
@media(max-width:760px){.support-item>.support-statement{margin-top:0;padding-top:41px;line-height:1.85}}

/* Business cards use their original left-hand photograph as one full cover. */
.business-panel .panel-art-single{display:block;transform:none;gap:0}
.business-panel .panel-art-single>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 8%;transform:none}
.business-panel:hover .panel-art-single>img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){.business-panel:hover .panel-art-single>img{transform:none}}