.creator-network{background:#f3f1ed;color:#191719;overflow:hidden;isolation:isolate;position:relative;padding-top:110px;padding-bottom:90px}
.creator-network>.section-label{color:#766b72;margin-bottom:52px}
.creator-heading{display:grid;grid-template-columns:1.35fr .8fr;gap:10%;align-items:end}
.creator-heading h2{font-size:clamp(34px,3.6vw,56px);line-height:1.12;letter-spacing:-.035em;font-weight:400}
.creator-heading h2>span{color:#7a2945}
.creator-intro p{font-size:clamp(15px,1.25vw,19px);line-height:1.7;color:#736970;max-width:420px}
.creator-intro .text-link{margin-top:28px;font-size:15px;gap:36px;border-color:#7a294540}
.creator-gallery{display:flex;justify-content:center;align-items:center;margin:76px 0 58px;padding:30px 0;min-height:220px}
.creator-portrait{position:relative;flex:0 0 14.5%;aspect-ratio:1;max-width:190px;border-radius:50%;background:#e0dcd7;border:6px solid #f3f1ed;margin-left:-1.4%;overflow:hidden;transform:translateY(var(--portrait-offset,0px));transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .6s;box-shadow:0 8px 26px #2713200b}
.creator-portrait:first-child{margin-left:0}.creator-1{--portrait-offset:14px}.creator-2{--portrait-offset:-18px}.creator-3{--portrait-offset:5px}.creator-4{--portrait-offset:-12px}.creator-5{--portrait-offset:20px}.creator-6{--portrait-offset:-6px}
.creator-photo{width:100%;height:100%;background-image:url('assets/creators/editorial-grid.webp');background-size:300% 200%;background-position:calc(var(--creator-col)*50%) calc(var(--creator-row)*100%);background-repeat:no-repeat;transition:scale .6s}
.creator-total{flex:0 0 14.5%;aspect-ratio:1;max-width:190px;border:6px solid #f3f1ed;margin-left:-1.4%;border-radius:50%;background:#7a2945;color:#f8f2f5;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform:translateY(9px)}
.creator-total strong{font-weight:400;font-size:clamp(38px,5vw,76px);line-height:1;letter-spacing:-.06em}.creator-total strong>span{font-size:.55em;vertical-align:top;display:inline-block;padding-top:.12em;color:#ff825d}.creator-total>span{font-size:14px;margin-top:6px}.creator-total i{position:absolute;right:21%;bottom:12%;font-size:19px;color:#ff825d;font-style:normal}
.creator-gallery-caption{display:grid;grid-template-columns:1.35fr .8fr;gap:10%;align-items:start;padding-bottom:48px;border-bottom:1px solid #cfc7cb}
.creator-gallery-caption h3{font-weight:400;font-size:clamp(28px,3vw,44px);line-height:1.2;letter-spacing:-.025em;max-width:590px}.creator-gallery-caption h3 span{color:#7a2945}
.creator-gallery-caption p{font-size:16px;line-height:1.7;color:#61565e;max-width:430px}.creator-gallery-caption small{display:block;margin-top:18px;color:#9b8e96;font-size:10px;line-height:1.6}
.creator-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;padding:42px 0 44px}.creator-process article>span{font-size:11px;color:#98506a}.creator-process h4{font-size:22px;font-weight:400;line-height:1.3;letter-spacing:-.02em;margin:18px 0 14px}.creator-process p{font-size:13px;line-height:1.8;color:#736970}
.creator-bottom{border-top:1px solid #cfc7cb;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.creator-bottom>span{font-size:12px;color:#8b7a84}.creator-bottom .text-link{font-size:14px;gap:36px;border-color:#7a294540}
.creator-network.creator-motion .creator-portrait{opacity:0;transform:translateY(calc(var(--portrait-offset) + 36px)) scale(.92)}.creator-network.creator-motion.is-visible .creator-portrait{opacity:1;transform:translateY(var(--portrait-offset)) scale(1);transition-delay:calc(var(--creator-order)*65ms)}
@media(hover:hover) and (pointer:fine){.creator-network.is-visible .creator-portrait:hover{transform:translateY(calc(var(--portrait-offset) - 12px));transition-delay:0s}.creator-portrait:hover .creator-photo{scale:1.08}}
@media(max-width:900px){.creator-heading,.creator-gallery-caption{gap:6%;grid-template-columns:1.2fr 1fr}.creator-process{gap:24px}.creator-process h4{font-size:19px}.creator-gallery{margin:52px 0 42px;min-height:165px}.creator-total>span{font-size:11px}.creator-total i{display:none}}
@media(max-width:600px){.creator-network{padding-top:64px;padding-bottom:54px}.creator-network>.section-label{margin-bottom:34px}.creator-network .label-right{display:none}.creator-heading,.creator-gallery-caption{grid-template-columns:1fr;gap:26px}.creator-heading h2{font-size:clamp(30px,7.8vw,38px)}.creator-intro p{font-size:15px}.creator-intro .text-link{margin-top:22px}.creator-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:34px 0 26px;padding:12px 0;min-height:0}.creator-portrait,.creator-total{width:100%;max-width:none;margin-left:0;flex:none;border-width:3px;--portrait-offset:0px;transform:none}.creator-portrait:nth-child(5){grid-column:1}.creator-total{grid-column:3/5;aspect-ratio:2.1;border-radius:60px;transform:none;flex-direction:row;gap:12px}.creator-total strong{font-size:42px}.creator-total>span{font-size:12px;margin:0}.creator-gallery-caption{padding-bottom:30px}.creator-gallery-caption h3{font-size:28px}.creator-gallery-caption p{font-size:14px}.creator-gallery-caption small{margin-top:12px}.creator-process{grid-template-columns:1fr;gap:26px;padding:30px 0}.creator-process article+article{border-top:1px solid #ded5da;padding-top:24px}.creator-process h4{font-size:23px;margin:12px 0}.creator-process p{font-size:13px}.creator-bottom{flex-direction:column;align-items:start;gap:18px}.creator-bottom>span{font-size:10px}.creator-bottom .text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.creator-network.creator-motion .creator-portrait{opacity:1;transform:translateY(var(--portrait-offset));transition:none}.creator-photo{transition:none}}

/* Real author portraits: individual framing inside the established circular gallery. */
.creator-photo.creator-photo-real{display:block;background-image:none;object-fit:cover;object-position:var(--creator-position,50% 50%);transform:scale(var(--creator-zoom,1));transform-origin:var(--creator-position,50% 50%);filter:saturate(.72)}
/* Author collaboration: meaning, editorial formats, audience — without portraits. */
.creator-abstract .creator-signal{position:relative;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:6%;min-height:300px;margin:28px 0 44px}
.creator-signal-lines{position:absolute;inset:20px 0;width:100%;height:260px;stroke:#32131d;stroke-width:1;opacity:.2;z-index:-1}
.creator-signal-brand,.creator-signal-audience{width:230px;max-width:100%;aspect-ratio:1;justify-self:center;display:flex;flex-direction:column;justify-content:center;padding:32px;background:white;border:1px solid #32131d}
.creator-signal-brand>span,.creator-signal-audience>span,.creator-signal-formats>span{font-size:12px;color:#656565;margin-bottom:16px}
.creator-signal strong{font-size:32px;font-weight:400;line-height:1.15;letter-spacing:-.02em}
.creator-signal-brand{border-radius:3px}
.creator-signal-audience{border-radius:50%;text-align:center;box-shadow:0 0 0 18px white,0 0 0 19px #32131d14}
.creator-signal-audience strong{color:#32131d}
.creator-signal-formats{background:white;padding:20px 0;text-align:center}
.creator-signal-formats>span{display:block}
.creator-signal-formats>div{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.creator-signal-formats b{font-weight:400;font-size:16px;line-height:1.2;border:1px solid #d6d6d6;padding:12px 18px;border-radius:2px}
.creator-signal-formats b:nth-child(2){border-color:#ff5a2b;color:#171717}
.creator-signal-formats p{font-size:13px;color:#656565;margin-top:20px}
.creator-abstract .creator-process{border-top:1px solid #d6d6d6}
.team-network{background:#fff;color:#171717}
.team-network .creator-gallery{margin-bottom:24px}
.team-network .creator-portrait,.team-network .creator-total{border-color:white}
.team-network .team-total{background:#32131d}
.team-total strong{font-size:clamp(22px,2.6vw,34px);letter-spacing:-.03em}
.team-total>span{font-size:11px;max-width:110px;text-align:center;line-height:1.4}
.team-caption{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:12px 0 28px;border-bottom:1px solid #d6d6d6}
.team-caption>span{font-size:11px;color:#656565}
.team-caption p{font-size:16px;line-height:1.5;color:#32131d}
.team-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}
.team-principles article>span{font-size:22px;line-height:1.3;color:#171717}
.team-principles p{font-size:15px;line-height:1.7;color:#656565;margin-top:14px}
@media(max-width:900px){
 .creator-signal-brand,.creator-signal-audience{width:190px;padding:22px}
 .creator-signal strong{font-size:26px}
 .creator-signal-formats b{font-size:14px;padding:10px 12px}
}
@media(max-width:600px){
 .creator-abstract .creator-signal{grid-template-columns:1fr;gap:32px;margin:24px 0 36px;padding:12px 0;min-height:0}
 .creator-signal-lines{display:none}
 .creator-signal:before{content:'';position:absolute;top:20px;bottom:20px;left:50%;border-left:1px solid #32131d30;z-index:-1}
 .creator-signal-brand,.creator-signal-audience{width:160px;padding:22px}
 .creator-signal-formats{padding:18px 0;width:100%;justify-self:center}
 .creator-signal-formats p{font-size:12px}
 .creator-signal strong{font-size:25px}
 .team-network .creator-gallery{gap:8px}
 .team-network .team-total strong{font-size:26px}
 .team-network .team-total>span{font-size:11px}
 .team-caption{align-items:start;flex-direction:column;gap:12px;padding-bottom:24px}
 .team-caption p{font-size:16px}
 .team-principles{grid-template-columns:1fr;gap:24px;margin-top:28px}
 .team-principles article+article{border-top:1px solid #d6d6d6;padding-top:24px}
 .team-principles article>span{font-size:21px}
 .team-principles p{font-size:14px;margin-top:10px}
}

.team-network .creator-heading h2>span{color:#32131d}

@media(max-width:600px){
 .team-network .team-total{flex-direction:column;gap:4px}
 .team-network .team-total>span{max-width:none;font-size:10px;white-space:nowrap}
 .team-network .team-total strong{font-size:25px}
}

/* Team introduction follows the page grid and starts on a shared top edge. */
.home-dark-header .team-network .creator-heading{
 grid-template-columns:minmax(0,7fr) minmax(0,5fr);
 align-items:start;gap:24px;margin-bottom:48px;
}
.team-network .creator-intro p{font-size:18px;line-height:1.56;color:#656565;max-width:48ch;margin:0}
.team-network .creator-intro .text-link{font-size:16px;line-height:22px;margin-top:24px}
.team-network .creator-gallery{margin:0 0 24px;padding:24px 0;min-height:0}
.team-network .team-principles{gap:24px}
.team-network .team-principles p{font-size:16px;line-height:1.625}
.team-network .team-caption>span{font-size:12px;line-height:20px}
@media(max-width:767px){
 .home-dark-header .team-network .creator-heading{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:28px}
 .team-network .creator-intro p{font-size:16px;line-height:1.625}
 .team-network .creator-gallery{padding:16px 0}
 .team-network .team-principles p{font-size:14px;line-height:1.65}
}

.team-network .team-principles h3{font-size:28px;line-height:36px;letter-spacing:-.01em;font-weight:400;margin:0}
.team-network .team-caption>span{font-size:14px;line-height:20px}
@media(max-width:1023px){.team-network .team-principles h3{font-size:24px;line-height:31px}}

/* The team is a wine section; orange is the explicit brand accent. */
.home-dark-header main>.team-network{background:#32131d;color:#fff}
.team-network .creator-heading h2>span{color:#ff5a2b}
.team-network .creator-intro p,.team-network .team-principles p{color:#c4b8bd}
.team-network .creator-intro .text-link{color:#fff;border-color:#806b73}
.team-network .creator-portrait,.team-network .creator-total{border-color:#32131d}
.team-network .team-total{background:#ff5a2b;color:#171717}
.team-network .team-caption{border-color:#806b73}
.team-network .team-caption>span{color:#c4b8bd}
.team-network .team-caption p,.team-network .team-principles h3{color:#fff}
@media(max-width:600px){.team-network .team-principles article+article{border-color:#806b73}}
/* A quiet grey field and a continuous idea / voice / audience composition. */
.home-dark-header main>.creator-abstract{background:#f5f5f5;color:#171717}
.home-dark-header .creator-abstract .creator-heading{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:24px}
.creator-abstract .creator-heading h2>span{color:#32131d}
.creator-abstract .creator-intro p{font-size:18px;line-height:28px;color:#656565;max-width:48ch}
.creator-abstract .creator-intro .text-link{font-size:16px;line-height:22px;margin-top:24px;border-color:#a3a3a3}
.creator-abstract .creator-signal-v2{grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,4fr);gap:24px;margin:48px 0;min-height:340px;isolation:isolate}
.signal-origin,.signal-voice,.signal-destination{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}
.signal-eyebrow{font-size:14px;line-height:20px;color:#656565;margin-bottom:24px;background:#f5f5f5;padding:0 12px}
.signal-origin h3,.signal-audience-ring h3{font-size:28px;line-height:36px;font-weight:400;letter-spacing:-.01em}
.signal-origin p,.signal-voice p{font-size:14px;line-height:20px;color:#656565;margin-top:16px;background:#f5f5f5;padding:0 8px}
.signal-brand-mark{display:grid;place-items:center;width:120px;aspect-ratio:1;background:#32131d;border-radius:50%;margin-bottom:24px}
.signal-brand-mark svg{width:62px;height:62px;stroke:#fff;stroke-width:3}
.signal-wave{height:178px;display:flex;gap:6px;justify-content:center;align-items:center;width:100%;max-width:380px;background:#f5f5f5}
.signal-wave i{display:block;width:8px;max-width:2.2%;height:var(--bar-height);background:#32131d;border-radius:4px;transform-origin:center;animation:signal-voice-wave 3.6s ease-in-out infinite;animation-delay:var(--bar-delay);animation-play-state:paused}
.signal-wave i:nth-child(3n){background:#ff5a2b}
.signal-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;background:#f5f5f5}
.signal-formats>span{padding:8px 12px;font-size:14px;line-height:20px;border:1px solid #d6d6d6;border-radius:8px;background:#f5f5f5}
.signal-audience-ring{position:relative;display:flex;flex-direction:column;justify-content:center;gap:16px;width:240px;max-width:100%;aspect-ratio:1;border:1px solid #32131d;border-radius:50%;background:#f5f5f5}
.signal-audience-ring>span:last-child{font-size:14px;line-height:20px;color:#656565}
.signal-audience-ripple{position:absolute;inset:-1px;border:1px solid #ff5a2b;border-radius:50%;animation:signal-audience-ripple 6s ease-out infinite;animation-delay:2.8s;animation-play-state:paused;pointer-events:none;opacity:0}
.signal-route{position:absolute;left:12%;right:16%;top:47%;height:1px;background:#d6d6d6;z-index:-1}
.signal-route>span{position:absolute;top:0;left:0;width:52px;height:2px;background:#ff5a2b;animation:signal-travel 6s cubic-bezier(.45,0,.2,1) infinite;animation-play-state:paused;opacity:0}
.creator-abstract.is-animating .signal-wave i,.creator-abstract.is-animating .signal-audience-ripple,.creator-abstract.is-animating .signal-route>span{animation-play-state:running}
.creator-abstract .creator-process{gap:24px;padding:40px 0;border-color:#d6d6d6}
.creator-abstract .creator-process h3{font-size:28px;line-height:36px;letter-spacing:-.01em;margin:16px 0;font-weight:400}
.creator-abstract .creator-process p{font-size:16px;line-height:26px;color:#656565}
.creator-abstract .creator-process article>span{font-size:14px;line-height:20px;color:#32131d}
.creator-abstract .creator-bottom{border-color:#d6d6d6}
.creator-abstract .creator-bottom>span{font-size:14px;color:#656565}
@keyframes signal-voice-wave{0%,100%{transform:scaleY(.64)}50%{transform:scaleY(1)}}
@keyframes signal-travel{0%{left:0;opacity:0}12%{opacity:1}70%{left:calc(100% - 52px);opacity:1}85%,100%{left:calc(100% - 52px);opacity:0}}
@keyframes signal-audience-ripple{0%,45%,100%{transform:scale(1);opacity:0}50%{opacity:.65}85%{transform:scale(1.17);opacity:0}}
@media(max-width:1023px){
 .signal-wave{gap:4px}
 .signal-audience-ring{width:210px}
 .creator-abstract .creator-process h3{font-size:24px;line-height:31px}
}
@media(max-width:767px){
 .home-dark-header .creator-abstract .creator-heading{grid-template-columns:1fr;gap:24px}
 .creator-abstract .creator-intro p{font-size:16px;line-height:26px}
 .creator-abstract .creator-signal-v2{grid-template-columns:1fr;gap:40px;min-height:0;margin:32px 0 40px;padding:0}
 .creator-signal-v2:before{display:none}
 .signal-route{left:50%;right:auto;top:100px;bottom:100px;height:auto;width:1px}
 .signal-route>span{width:2px;height:40px;animation-name:signal-travel-mobile}
 .signal-origin,.signal-voice,.signal-destination{width:100%}
 .signal-eyebrow{margin-bottom:20px}
 .signal-brand-mark{width:100px;margin-bottom:16px}
 .signal-origin h3,.signal-audience-ring h3{font-size:24px;line-height:31px;background:#f5f5f5;padding:0 12px}
 .signal-wave{height:178px;max-width:320px;gap:5px}
 .signal-audience-ring{width:210px}
 .creator-abstract .creator-process{grid-template-columns:1fr;padding:28px 0;gap:24px}
 .creator-abstract .creator-process h3{margin:12px 0}
 .creator-abstract .creator-process p{font-size:14px;line-height:23px}
}
@keyframes signal-travel-mobile{0%{top:0;opacity:0}12%{opacity:1}70%{top:calc(100% - 40px);opacity:1}85%,100%{top:calc(100% - 40px);opacity:0}}
@media(prefers-reduced-motion:reduce){.signal-wave i,.signal-audience-ripple,.signal-route>span{animation:none!important}.signal-wave i{transform:none}}
@media(min-width:768px){
 .creator-signal-v2 .signal-origin,.creator-signal-v2 .signal-voice,.creator-signal-v2 .signal-destination{height:340px}
 .creator-signal-v2 .signal-eyebrow{position:absolute;top:0;margin:0}
 .creator-signal-v2 .signal-brand-mark{margin-top:104px}
 .creator-signal-v2 .signal-wave{margin-top:75px;flex-shrink:0}
 .creator-signal-v2 .signal-audience-ring{margin-top:44px;flex-shrink:0}
 .creator-signal-v2 .signal-route{top:164px}
}
@media(min-width:768px) and (max-width:1023px){.creator-signal-v2 .signal-audience-ring{margin-top:59px}}

/* Team reveal uses translate independently of the portraits' alternating offsets. */
.team-network.team-reveal-ready [data-team-reveal]{
 opacity:0;translate:0 24px;
 transition:opacity .7s ease,translate .85s cubic-bezier(.22,1,.36,1);
 transition-delay:var(--team-reveal-delay,0ms);
}
.team-network.team-reveal-ready [data-team-reveal].is-team-revealed{opacity:1;translate:0 0}
@media(max-width:600px){
 .team-network.team-reveal-ready [data-team-reveal]{translate:0 16px}
 .team-network.team-reveal-ready [data-team-reveal].is-team-revealed{translate:0 0}
}
@media(prefers-reduced-motion:reduce){
 .team-network.team-reveal-ready [data-team-reveal]{opacity:1;translate:none;transition:none}
}