/* Online Family — custom art direction layer. Deliberately avoids a reusable template/card-grid aesthetic. */
:root{--of-ink:#171914;--of-paper:#f3f2ec;--of-lime:#d9f45a;--of-muted:#77796e;--of-rule:rgba(23,25,20,.18);--of-display:"Space Grotesk",sans-serif}
html{scroll-behavior:smooth}body{background:var(--of-paper);color:var(--of-ink)}
.nav{background:rgba(243,242,236,.94);border-bottom:1px solid var(--of-rule);backdrop-filter:blur(18px)}.navinner{min-height:82px}.navlinks{gap:clamp(12px,1.7vw,25px);font-size:12px}.navcta,.btn{border-radius:2px;letter-spacing:.045em}.navcta:hover,.btn:hover{box-shadow:5px 5px 0 var(--of-ink)}
/* More editorial page openings: strong type, generous negative space, less boxed-in UI. */
.pagehero{padding:clamp(78px,10vw,148px) 0 clamp(58px,7vw,100px);position:relative;overflow:hidden;border-bottom:1px solid var(--of-rule)}
.pagehero:after{content:"ONLINE FAMILY / CREATOR PARTNERSHIPS";position:absolute;right:3vw;bottom:28px;font-size:9px;letter-spacing:.2em;color:#85877b}
.pagehero .shell{position:relative;z-index:1}.pagehero h1{max-width:1040px;font-size:clamp(48px,8vw,112px);line-height:.94;letter-spacing:-.075em;margin:0 0 28px}.pagehero .lead{max-width:650px;font-size:clamp(16px,1.5vw,20px);line-height:1.65}
.section{padding:clamp(68px,8vw,118px) 0}.section-head{align-items:start;margin-bottom:48px}.section-head h2,.section h2{letter-spacing:-.07em;line-height:.98}.section-head>p{font-size:14px;line-height:1.7;max-width:390px}.section.dark{background:#171914;color:#f3f2ec}.section.dark .service{border-color:rgba(243,242,236,.2)}
/* Distinctive typography and interaction details. */
.eyebrow{letter-spacing:.2em}.lead{line-height:1.72}.prose p,.section p{line-height:1.75}.service{position:relative;min-height:250px;padding:30px 28px;transition:background .3s,transform .3s}.service h3{font-size:clamp(22px,2.3vw,30px);max-width:300px}.service:hover{transform:translateY(-4px)}
/* Homepage: a bespoke split-screen opening, no generic centered hero or three-card skeleton. */
body.home-redesign .hero{padding:clamp(46px,6vw,88px) 0 68px;background:#171914;color:#f3f2ec;position:relative;isolation:isolate}
body.home-redesign .hero:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:1px;background:rgba(243,242,236,.22)}
body.home-redesign .hero-grid{grid-template-columns:1.08fr .92fr;gap:clamp(30px,5vw,78px);align-items:center}
body.home-redesign .hero-copy{padding:20px 0 26px}.hero h1{font-size:clamp(54px,7.3vw,104px);line-height:.91;letter-spacing:-.078em;max-width:790px}.hero h1 .outline{-webkit-text-stroke:1px #f3f2ec}.hero h1 .highlight:after{background:var(--of-lime);height:14px;bottom:8px}
body.home-redesign .hero .lead{color:#c4c6b9;max-width:590px;font-size:clamp(16px,1.4vw,19px)}body.home-redesign .hero .btn{background:var(--of-lime);border-color:var(--of-lime);color:#171914}body.home-redesign .hero .btn.light{background:transparent;border-color:rgba(243,242,236,.5);color:#f3f2ec}body.home-redesign .hero .btn.light:hover{background:#f3f2ec;color:#171914}
body.home-redesign .hero-art{min-height:560px}.hero-art .backdrop{background:#34372d;inset:5% 0 8% 8%;transform:rotate(0);border:1px solid rgba(243,242,236,.22)}.hero-art .main-photo{left:12%;top:4%;width:65%;height:79%;transform:none;box-shadow:12px 12px 0 var(--of-lime)}.hero-art .main-photo img{filter:saturate(.72)}.hero-art .social-card{right:0;top:18%;width:37%;transform:rotate(2deg);box-shadow:0 22px 60px #0005}.hero-art .floating-note{right:3%;bottom:2%;transform:none;box-shadow:7px 7px 0 #f3f2ec}
body.home-redesign .team-microproof-copy strong{color:#f3f2ec}body.home-redesign .team-microproof-copy>span{color:#c4c6b9}body.home-redesign .team-microproof:hover{background:#292c24;border-color:#55584c}
/* Homepage discovery becomes editorial rather than a collection of equal cards. */
body.home-redesign .service-discovery{padding-top:30px;padding-bottom:34px;border-bottom:1px solid var(--of-rule)}body.home-redesign .service-discovery p{max-width:900px;font-size:clamp(18px,2.3vw,27px);line-height:1.35;letter-spacing:-.035em}
body.home-redesign .brandstrip{background:var(--of-lime);padding:26px 0}.brandstrip .caption{max-width:200px;line-height:1.5}
body.home-redesign .campaign-grid{grid-template-columns:1.12fr .82fr 1.06fr;gap:clamp(16px,2.5vw,36px)}body.home-redesign .campaign:nth-child(2){margin-top:88px}body.home-redesign .campaign:nth-child(3){margin-top:26px}.campaign-media{aspect-ratio:4/4.8}.campaign:nth-child(2) .campaign-media{aspect-ratio:4/5.5}.campaign h3{font-size:clamp(21px,2.4vw,29px)}
body.home-redesign .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));border:0;gap:0 38px}.services-grid .service{border:0;border-top:1px solid rgba(243,242,236,.22);padding:28px 6px 30px 0;min-height:205px}.services-grid .service h3{margin:26px 0 12px}.services-grid .service:hover{padding-left:14px;background:#25281f;color:#f3f2ec}.services-grid .service:hover p{color:#c4c6b9}
body.home-redesign .manifesto{grid-template-columns:.7fr 1.3fr;gap:clamp(35px,7vw,110px)}body.home-redesign .manifesto h2{font-size:clamp(42px,6vw,78px)}body.home-redesign .steps{grid-template-columns:repeat(2,1fr);gap:24px 35px}.step{padding-top:18px;border-top:1px solid var(--of-rule)}
body.home-redesign .quote-panel{background:#e4e3d9;grid-template-columns:1fr 1.05fr}.quote-photo{min-height:440px}.quote-content{padding:clamp(28px,5vw,68px)}
/* Page family layouts: bespoke rhythm without changing existing page copy or routes. */
.two-col{gap:clamp(35px,7vw,100px);align-items:center}.two-col .prose{max-width:680px}.two-col .prose h2{font-size:clamp(32px,4.5vw,58px);margin-top:40px}.image-duo{gap:14px}.image-duo img:first-child{width:72%;margin-left:auto}.image-duo img:last-child{width:58%;margin-top:-18%;border:10px solid var(--of-paper)}
.faq-item,.accordion-item{border-top:1px solid var(--of-rule)}.cta-band{padding:clamp(48px,6vw,82px) 0}.cta-grid h2{font-size:clamp(34px,5vw,64px);letter-spacing:-.07em}
.footer{background:#171914}.footer-top{padding-top:64px;padding-bottom:54px}.footer h2{font-size:14px;letter-spacing:.04em}.footer p{max-width:330px;line-height:1.7;color:#bfc0b5}.footer-bottom{border-color:rgba(243,242,236,.2)}
/* Industry pages: let the actual industry heading and imagery lead; avoid cloned card rows. */
.industry-hero,.industry-intro{position:relative}.industry-hero h1,.industry-intro h1{max-width:980px}.industry-grid,.industry-cards{gap:1px;background:var(--of-rule)}
/* Responsive corrections */
@media(max-width:900px){body.home-redesign .hero-grid{grid-template-columns:1fr 1fr;gap:22px}body.home-redesign .hero-art{min-height:460px}.pagehero{padding-top:76px}.pagehero h1{font-size:clamp(48px,9vw,78px)}}
@media(max-width:650px){.shell{padding-left:20px;padding-right:20px}.navinner{min-height:70px}.pagehero{padding:64px 0 58px}.pagehero:after{font-size:8px;right:20px;bottom:18px}.pagehero h1{font-size:clamp(43px,13vw,62px);line-height:.98}.pagehero .lead{font-size:16px}body.home-redesign .hero{padding:38px 0 44px}body.home-redesign .hero-grid{grid-template-columns:1fr;gap:8px}body.home-redesign .hero-copy{padding:0 0 8px}body.home-redesign .hero h1{font-size:clamp(48px,13vw,66px);line-height:.96}body.home-redesign .hero-art{min-height:390px;margin:0 -4px}.hero-art .main-photo{left:10%;width:68%;height:78%}.hero-art .social-card{width:39%;top:15%}.hero-art .floating-note{max-width:175px;padding:13px 15px}.hero-art .floating-note b{font-size:16px}.section{padding:64px 0}.section-head{display:block}.section-head>p{margin-top:16px}.campaign-grid{grid-template-columns:1fr 1fr;gap:25px 14px}body.home-redesign .campaign:nth-child(2),body.home-redesign .campaign:nth-child(3){margin-top:0}body.home-redesign .campaign:nth-child(3){grid-column:1/-1;width:78%;margin-left:auto}.campaign-media,.campaign:nth-child(2) .campaign-media{aspect-ratio:4/4.8}body.home-redesign .services-grid{grid-template-columns:1fr;gap:0}.services-grid .service{min-height:0;padding:24px 0}.services-grid .service h3{margin:14px 0 8px}.manifesto{grid-template-columns:1fr;gap:14px}body.home-redesign .manifesto{grid-template-columns:1fr;gap:10px}body.home-redesign .steps{grid-template-columns:1fr 1fr;gap:16px}.quote-panel{grid-template-columns:1fr}.quote-photo{min-height:280px}.quote-content{padding:28px}.two-col{grid-template-columns:1fr;gap:30px}.image-duo img:first-child{width:88%}.image-duo img:last-child{width:66%}.cta-grid{align-items:flex-start;flex-direction:column}.brandstrip .shell{grid-template-columns:1fr;gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* White-label partnership page: distinct editorial workstream layout. */
.wl-hero{background:#171914;color:#f3f2ec;border:0}.wl-hero:after{color:#bfc0b5}.wl-hero .eyebrow{color:var(--of-lime)}.wl-hero .eyebrow:before{background:var(--of-lime)}.wl-hero .lead{color:#c4c6b9}.wl-hero .btn{background:var(--of-lime);color:#171914;border-color:var(--of-lime)}.wl-hero .btn.light{background:transparent;color:#f3f2ec;border-color:#6c6f61}.wl-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,120px);align-items:start}.wl-split h2{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.07em}.wl-split .prose{max-width:620px}.wl-workstreams{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(243,242,236,.25)}.wl-workstreams article{padding:30px 30px 34px 0;border-bottom:1px solid rgba(243,242,236,.25);min-height:230px}.wl-workstreams article:nth-child(odd){border-right:1px solid rgba(243,242,236,.25);margin-right:30px}.wl-workstreams article span,.wl-steps>div>span{font-size:10px;letter-spacing:.16em;color:var(--of-lime)}.wl-workstreams h3{font-size:clamp(24px,3vw,36px);margin:34px 0 10px}.wl-workstreams p{color:#c4c6b9;max-width:420px}.wl-workstreams a,.text-link{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.wl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.wl-steps>div{border-top:1px solid var(--of-rule);padding-top:20px}.wl-steps h3{font-size:23px;margin:28px 0 10px}.wl-steps p{font-size:13px;color:var(--of-muted)}.wl-privacy{background:#e7e6dc}@media(max-width:650px){.wl-split{grid-template-columns:1fr;gap:20px}.wl-workstreams{grid-template-columns:1fr}.wl-workstreams article,.wl-workstreams article:nth-child(odd){margin:0;border-right:0;min-height:0;padding:24px 0}.wl-workstreams h3{margin-top:18px}.wl-steps{grid-template-columns:1fr 1fr;gap:22px 18px}}
/* Agency extension section: asymmetric editorial split, intentionally not a repeated card grid. */
.agency-extension{background:#e7e6dc}.agency-extension .section-head{margin-bottom:54px}.agency-extension .section-head h2{font-size:clamp(40px,5.5vw,72px)}.agency-extension-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(30px,7vw,100px);border-top:1px solid var(--of-rule);padding-top:28px}.agency-extension-note{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:260px}.agency-extension-note p{font-family:var(--of-display);font-size:clamp(22px,2.8vw,34px);line-height:1.15;letter-spacing:-.045em;max-width:380px;margin:28px 0}.agency-extension-list>div{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--of-rule)}.agency-extension-list>div:first-child{border-top:1px solid var(--of-rule)}.agency-extension-list>div>span{font-size:10px;letter-spacing:.14em;padding-top:5px}.agency-extension-list h3{font-size:clamp(20px,2.4vw,28px);margin:0 0 6px}.agency-extension-list p{grid-column:2;margin:0;color:var(--of-muted);font-size:13px}@media(max-width:650px){.agency-extension-layout{grid-template-columns:1fr;gap:28px}.agency-extension-note{min-height:0}.agency-extension-note p{margin:18px 0 24px}.agency-extension-list>div{grid-template-columns:35px 1fr}}