/* Dani Gomes / an editorial, image-led direction. */
:root{--paper:#080808;--ink:#f8f6fa;--purple:#c575ff;--lime:#fff;--muted:#b9b5bf;--line:#ffffff29;--display:'Inter',Arial,sans-serif}
body{background:var(--paper)}
h1,h2,h3{letter-spacing:-.055em;font-weight:500}
.shell{width:min(1320px,calc(100% - 112px))}
.eyebrow{font-size:.875rem;letter-spacing:.09em;font-weight:500}
.header{background:#080808f5;border-color:#ffffff20;backdrop-filter:blur(20px)}
.header-row{min-height:88px}
.brand{font-size:1.25rem;letter-spacing:-.05em}
.brand-square{background:transparent;justify-content:flex-start;width:43px;font-size:2rem;letter-spacing:-.08em}
.brand-square>span{color:#c575ff}
.brand-name small{color:#a7a2ac;font-size:.75rem;letter-spacing:.035em}
.header nav{font-size:.875rem;gap:28px}
.nav-contact{border:0;font-weight:500}
.nav-contact>span{display:grid;place-items:center;width:34px;height:34px;background:#a100ff;color:white;margin-left:-14px}
.button{border-radius:0;font-size:1rem;font-weight:500;min-height:56px}
.button:hover{transform:none}
.button-black{background:#a100ff;color:#fff}
.button-black:hover{background:#8200cf}
.button-white{background:#fff;color:#19121f}
.button-white:hover{background:#eee2ff}
.inline-link{font-size:1rem}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#dcadff}
.editorial-hero{position:relative;isolation:isolate;overflow:hidden;background:#080808;border-bottom:1px solid var(--line)}
.hero-art{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,#080808aa 27%,#0808080a 65%),linear-gradient(0deg,#080808 0%,transparent 40%)}
.editorial-hero-inner{position:relative;padding-block:54px 40px}
.editorial-hero .eyebrow{color:#e5dceb;margin-bottom:30px;max-width:520px}
.editorial-hero h1{font-size:clamp(4.5rem,7.6vw,7.5rem);line-height:1.04;letter-spacing:-.06em;font-weight:500;max-width:900px}
.editorial-hero h1 span{color:#dba4ff}
.editorial-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:32px}
.editorial-hero-description{font-size:1.125rem;line-height:1.65;max-width:510px;color:#e0dbe5}
.editorial-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:26px}
.editorial-hero-actions .button{background:#a100ff;color:white;gap:30px;padding-inline:22px}
.editorial-hero-actions .button:hover{background:#bf4cff}
.editorial-text-link{font-size:1rem;line-height:1.5;display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #9a899f}
.editorial-founder{display:block;flex-shrink:0;text-align:right;border-right:2px solid #b563f1;padding-right:18px;margin-bottom:5px}
.editorial-founder span{display:block;font-size:1rem}
.editorial-founder small{font-size:.875rem;color:#bbb1c7}
.demo-work{padding-block:100px}
.work-heading{margin-bottom:48px;align-items:flex-end}
.work-heading h2{font-size:clamp(2.75rem,4.5vw,4.5rem);line-height:1.06;font-weight:400}
.demo-work .work-heading h2 em{color:#c575ff}
.demo-work .work-heading>p{max-width:340px;font-size:1.125rem;color:var(--muted)}
.launch-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);max-width:none;padding:0;background:#171119;border:0;border-radius:0;overflow:hidden;margin-bottom:72px}
.case-story{min-width:0;padding:52px 42px;align-self:center}
.case-story>.eyebrow{margin-bottom:26px}
.case-heading{font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1.08;font-weight:400;letter-spacing:-.055em;color:white;margin-bottom:34px}
.case-heading span{display:block;color:#d09cec}
.case-tabs{display:flex;gap:24px;background:none;border-radius:0;padding:0;border-bottom:1px solid #ffffff30;margin-bottom:25px}
.case-tabs button{font-size:1rem;background:none;border-radius:0;color:#bdb0c5;min-height:50px;padding:6px 0 15px;position:relative}
.case-tabs button[aria-selected=true],.case-tabs button[aria-selected=true]:hover{background:none;box-shadow:none;color:#fff}
.case-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#bd5bff}
.case-tabs button:hover{background:none;color:#fff}
.case-result-row{display:block;margin:0}
.case-result-row .case-caption{font-size:1rem;color:#d2c4db;max-width:350px;min-height:3.2em}
.case-result-row>a{display:inline-flex;align-items:center;font-size:1rem;margin-top:16px;text-decoration:none;border-bottom:1px solid #b59dc5;padding-block:6px;color:white}
.case-disclosure{margin-top:30px;max-width:320px;color:#aa9caf;font-size:.8125rem}
.case-stage{height:36rem;border:0;border-radius:0;background:#231929}
.case-panel--social,.case-panel--video{background:#231929}
.store-preview-nav{padding:18px 24px}
.store-preview-nav>.case-logo{font-family:'Space Grotesk',sans-serif;font-size:2rem}
.store-preview-hero>div{padding:24px}
.store-preview-hero strong{font-size:3.2rem}
.store-preview-hero>div>span{color:#796282}
.store-preview-products{padding:18px 22px;gap:18px}
.store-preview-products img{height:110px}
.property-demo{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:56px;background:none;border:0;border-radius:0;padding:0;margin:0}
.property-demo-copy{grid-column:2;grid-row:1;align-self:center}
.property-demo .tour-player{grid-column:1;grid-row:1}
.property-demo-copy>.eyebrow{font-size:.875rem;margin-bottom:24px}
.property-demo h3{font-size:clamp(2.2rem,3.4vw,3.4rem);line-height:1.07;font-weight:400}
.property-demo-copy>p:not(.eyebrow):not(.demo-disclosure){color:#bbb4c1;max-width:370px}
.source-heading{color:#b8aabd;font-size:.8125rem;max-width:330px}
.property-sources{max-width:330px}
.source-photo img{border-radius:0}
.source-photo span{font-size:.8125rem;color:#b7a7c0}
.source-photo.is-selected span{color:#dda8ff}
.demo-disclosure{color:#9f93a8;font-size:.8125rem;max-width:370px}
.tour-stage{border-radius:0}
.tour-controls{padding-block:8px}
.tour-time,.tour-result-note{color:#b2a7b9;font-size:.8125rem}
.tour-progress>span{background:#423449;border-radius:0}
.tour-result-note{border-color:var(--line)}
.campaign-grid{gap:32px;margin-top:80px;align-items:stretch}
.avatar-demo,.campaign-food{padding:0;background:#151216;min-width:0;display:flex;flex-direction:column}
.avatar-description{padding:32px 32px 0;margin:0 0 26px;max-width:none}
.avatar-description .eyebrow{font-size:.875rem}
.avatar-description h3{font-size:clamp(2rem,3vw,3rem);line-height:1.1;font-weight:400;letter-spacing:-.05em}
.avatar-description h3 span{color:#d2b7e4}
.avatar-description>p:last-child:not(.eyebrow){color:#bdb3c6;max-width:470px}
.instagram-example{max-width:none;border:0;border-radius:0;background:#1b1620;margin-top:auto}
.instagram-header{background:#1b1620;padding-inline:24px}
.instagram-header>div>span,.instagram-format{color:#c7b6d2}
.instagram-creative{aspect-ratio:1.15}
.instagram-creative .avatar-media{object-fit:contain;background:#211827}
.avatar-controls{background:#1b1620;border-color:#ffffff20;padding-inline:20px}
.avatar-motion-note{color:#baa9c4;font-size:.8125rem}
.avatar-pause:hover{background:#39263e}
.instagram-caption{color:#cdc1d6;padding-inline:24px}
.instagram-caption>p{color:#a99ab4;font-size:.8125rem}
.campaign-food .work-media{aspect-ratio:1.15;max-width:none;border-radius:0;margin-top:auto}
.campaign-food .inline-link{font-size:1rem;margin:18px 28px 24px;align-self:flex-start}
.work-footnote{font-size:.8125rem;color:#a89dae;margin-top:24px}
.services{padding-block:85px 95px;background:#f4f1f6;color:#141116}
.services-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:45px;padding-block:0 48px}
.services-intro .eyebrow{color:#6e008f;max-width:260px;padding-top:8px}
.services-intro h2{font-size:clamp(3rem,5vw,4.75rem);font-weight:400;line-height:1.04;width:62%}
.services-intro h2 span{color:#8c00c8}
.editorial-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.service-row{padding:32px 28px;border:0;background:#1b1421;color:white;min-width:0;scroll-margin-top:110px}
.service-live{background:#7900c4}
.service-course{background:#e6daef;color:#211428}
.service-layout{width:100%;margin:0;display:flex;flex-direction:column;gap:0}
.service-number{font-size:1rem;letter-spacing:0;color:#c298dd;margin-bottom:30px}
.service-live .service-number{color:#e6b8ff}
.service-course .service-number{color:#7e5c90}
.service-label,.service-live .service-label{font-size:.8125rem;color:#d9b5ec;letter-spacing:.045em;min-height:2.7em;margin-bottom:22px}
.service-course .service-label{color:#6a447d}
.service-main h3,.service-course .service-main h3{font-size:clamp(2rem,2.6vw,2.7rem);line-height:1.1;letter-spacing:-.05em;font-weight:400;min-height:3.5em}
.service-main>p:not(.service-label),.service-live .service-main>p:not(.service-label){font-size:1rem;line-height:1.7;color:#d0c0d8;margin-top:23px;min-height:8.5em}
.service-live .service-main>p:not(.service-label){color:#efdcff}
.service-course .service-main>p:not(.service-label){color:#634b6f}
.service-main .button{font-size:.9375rem;margin-top:24px;width:100%;gap:15px;min-height:56px;padding:13px 16px}
.service-create .button{background:#a100ff}
.service-course .button{background:#25112f;color:#fff}
.service-details{margin:28px 0 0;border-block:1px solid #ffffff35;padding:0}
.service-details>summary{min-height:70px;padding:15px 0;font-size:1rem;gap:16px;line-height:1.5}
.service-details>summary>span{color:#edcaff}
.service-details .service-note{padding:18px 0 24px;max-width:none;font-size:.8125rem;color:#bfaacb;margin:0}
.service-list span,.service-live .service-list span{color:#d6c5e0}
.service-list li{border-color:#ffffff26}
.live-foot{font-size:.875rem;padding-bottom:22px;color:#eedbfc}
.course-detail{padding:0;margin-top:28px;border-block:1px solid #74578255}
.course-detail>summary{font-size:1rem;line-height:1.5;min-height:70px;padding:15px 0;gap:14px}
.course-detail>summary>span{color:#7800ad}
.course-detail .course-cost{padding:0}
.course-detail[open]{padding-bottom:22px}
.course-overline{color:#6d467f;font-size:.8125rem}
.price strong{font-size:5.5rem;letter-spacing:-.075em}
.price-note{color:#6c5479;font-size:.875rem}
.course-benefits{margin-top:22px}
.course-benefits li{border-color:#8a6a993d}
.course-cost{font-size:.8125rem;color:#685174}
.course-detail .inline-link{font-size:.875rem;line-height:1.6;margin-top:18px}
.about{padding-block:100px}
.about-title{margin-bottom:50px}
.about-title h2{width:65%;font-size:clamp(2.75rem,4.7vw,4.5rem);font-weight:400;line-height:1.07}
.about-grid{gap:72px;grid-template-columns:1fr 1fr}
.portrait{aspect-ratio:1.15}
.portrait img{object-position:center}
.portrait figcaption{padding:40px 24px 20px;font-size:.8125rem}
.about-copy .about-lead{color:#fff;font-size:clamp(1.7rem,2.5vw,2.3rem);line-height:1.28;font-weight:400;letter-spacing:-.04em}
.about-copy>p{color:#b9afc1;line-height:1.8}
.about-copy .inline-link{color:#ddb1fc}
.process{margin-top:64px;gap:40px;padding-top:26px}
.process span{color:#c28cde;font-size:.875rem}
.process p{color:#d4cadc;max-width:300px}
.faq-section{background:#131015;padding-block:85px}
.faq-layout{gap:90px}
.faq-layout h2{font-size:clamp(2.5rem,3.7vw,3.5rem);line-height:1.08;font-weight:400}
.faq-list summary{font-size:1.0625rem;min-height:86px}
.faq-list details>p{color:#bfb2c9}
.contact{background:linear-gradient(110deg,#5700a5,#a100ff 75%,#c129ed);padding-block:46px 36px}
.contact-main{font-size:clamp(3.25rem,7.6vw,7.3rem);font-weight:400;line-height:1.04;padding-block:40px 46px}
.contact-arrow{border:0;border-radius:0;width:130px;height:130px;font-size:7rem;color:white}
.contact-main:hover .contact-arrow{transform:translate(5px,-5px);background:none}
.contact-top,.contact-bottom{font-size:.875rem;color:#eddaff}
.footer{padding-block:32px}
.footer p,.footer>div{color:#aca0b4;font-size:.8125rem}
.footer-brand .brand-square{font-size:1.9rem}
.skip-link{background:white;color:#080808}
@media(min-width:1500px){.editorial-hero-inner{padding-block:70px 52px}.editorial-hero h1{font-size:8rem}.editorial-hero-bottom{margin-top:40px}}
@media(max-width:1150px){.shell{width:calc(100% - 64px)}.header nav{gap:20px}.editorial-hero h1{font-size:clamp(4.5rem,8.5vw,6.5rem)}.editorial-founder{max-width:240px}.case-story{padding:35px 28px}.case-stage{height:33rem}.property-demo{gap:35px}.editorial-service-grid{gap:14px}.service-row{padding:28px 20px}.service-main h3,.service-course .service-main h3{font-size:2.05rem;min-height:4.5em}.service-main>p:not(.service-label){min-height:10.2em}.service-main .button{font-size:.875rem;gap:8px;padding-inline:12px}.service-label{min-height:4em}.about-grid{gap:40px}.faq-layout{gap:45px}}
@media(max-width:800px){
 .shell{width:calc(100% - 40px)}.header-row{min-height:78px}.header nav{background:#111;top:78px;font-size:1rem}.header nav .mobile-talk{color:#d89dff}.menu-toggle{border-color:#ffffff45}.menu-toggle span{background:white}.brand-name small{font-size:.75rem}
 .editorial-hero-inner{padding-block:38px 32px}.editorial-hero .eyebrow{font-size:.8125rem;max-width:340px;margin-bottom:32px}.editorial-hero h1{font-size:clamp(3.5rem,9.3vw,5.5rem);line-height:1.07;letter-spacing:-.055em}.hero-art{left:-20%;right:-20%}.hero-art img{object-position:60% center}.hero-art:after{background:linear-gradient(90deg,#080808da,#08080835),linear-gradient(0deg,#080808 0%,#08080850 45%,transparent 70%)}.editorial-hero-bottom{display:block;margin-top:32px}.editorial-hero-description{font-size:1.0625rem;max-width:460px}.editorial-founder{max-width:none;width:max-content;text-align:left;border:0;border-left:2px solid #b563f1;padding-left:14px;padding-right:0;margin-top:32px}.editorial-founder small{font-size:.8125rem}.editorial-founder span{font-size:.875rem}
 .demo-work{padding-block:64px}.work-heading{margin-bottom:32px}.work-heading h2{font-size:3rem}.demo-work .work-heading>p{max-width:440px;font-size:1rem;margin-top:20px}.launch-showcase{grid-template-columns:1fr;gap:0;margin-bottom:55px}.case-story{padding:30px}.case-heading{font-size:2.8rem;margin-bottom:25px}.case-story>.eyebrow{margin-bottom:18px}.case-tabs{max-width:400px;margin-bottom:20px}.case-result-row .case-caption{min-height:0;max-width:none}.case-result-row>a{margin-top:12px}.case-disclosure{max-width:none;margin-top:14px}.case-stage{height:33rem}.store-preview-hero strong{font-size:3.25rem}
 .property-demo{grid-template-columns:1fr;gap:30px}.property-demo-copy{grid-column:1;grid-row:1}.property-demo .tour-player{grid-column:1;grid-row:2}.property-demo h3{font-size:3rem}.property-demo-copy>p:not(.eyebrow):not(.demo-disclosure){max-width:520px}.property-sources,.source-heading{max-width:370px}.demo-disclosure{max-width:520px}.campaign-grid{gap:22px;margin-top:55px}.avatar-description{padding:24px 22px 0;margin-bottom:22px}.avatar-description h3{font-size:2rem}.avatar-description .eyebrow{font-size:.8125rem}.instagram-creative,.campaign-food .work-media{aspect-ratio:.82}.instagram-header{padding:15px}.instagram-caption{padding:20px}.campaign-food .inline-link{margin-inline:20px}.avatar-controls{flex-wrap:wrap}.avatar-motion-note{text-align:left}
 .services{padding-block:60px}.services-intro{display:block;padding-bottom:32px}.services-intro h2{width:auto;font-size:3.4rem}.services-intro .eyebrow{max-width:none;margin-bottom:22px}.editorial-service-grid{grid-template-columns:1fr;gap:20px}.service-row{padding:32px}.service-number{margin-bottom:22px}.service-label,.service-main h3,.service-course .service-main h3,.service-main>p:not(.service-label){min-height:0}.service-label{margin-bottom:18px}.service-main h3,.service-course .service-main h3{font-size:2.8rem}.service-main>p:not(.service-label){max-width:550px}.service-main .button{width:auto;min-width:260px;font-size:1rem;gap:24px;padding-inline:20px}.service-details{margin-top:26px}.course-detail{margin-top:32px}.price strong{font-size:6rem}.course-detail .inline-link{font-size:1rem}
 .about{padding-block:65px}.about-title{margin-bottom:32px}.about-title h2{width:auto;font-size:3.1rem}.about-grid{grid-template-columns:1fr;gap:32px}.portrait{max-width:none;aspect-ratio:1.3}.about-copy .about-lead{font-size:2rem}.process{margin-top:40px;gap:24px}.process span{font-size:.8125rem}.faq-section{padding-block:60px}.faq-layout{gap:30px}.faq-layout h2{font-size:2.8rem}.contact{padding-block:32px}.contact-main{font-size:clamp(3.4rem,8.8vw,5.8rem);padding-block:32px}.contact-arrow{width:85px;height:85px;font-size:4.8rem}
}
@media(max-width:560px){
 .shell{width:calc(100% - 40px)}.brand-square{width:36px}.brand{gap:8px;font-size:1.125rem}.brand-name small{font-size:.75rem;max-width:190px;letter-spacing:0}.editorial-hero-inner{padding-top:28px}.editorial-hero .eyebrow{font-size:.8125rem;letter-spacing:.07em;max-width:300px;margin-bottom:38px}.editorial-hero h1{font-size:clamp(2.75rem,10.2vw,4.3rem);line-height:1.08;letter-spacing:-.06em}.hero-art{inset:0 -38% 0 -70%}.hero-art img{object-position:70% top}.hero-art:after{background:linear-gradient(90deg,#08080899,#08080822),linear-gradient(0deg,#080808 8%,#080808bb 30%,#0808081a 78%)}.editorial-hero-description{font-size:1rem}.editorial-hero-bottom{margin-top:38px}.editorial-hero-actions{gap:13px;margin-top:24px;align-items:flex-start}.editorial-hero-actions .button{width:100%;font-size:1rem}.editorial-text-link{font-size:.9375rem}.editorial-founder{margin-top:24px}
 .work-heading h2{font-size:2.6rem}.case-story{padding:28px 22px}.case-heading{font-size:2.5rem}.case-tabs{gap:26px}.case-tabs button{font-size:1rem}.case-stage{height:30rem}.store-preview-nav{padding-inline:16px}.store-preview-hero>div{padding:16px}.store-preview-hero strong{font-size:2.2rem}.store-preview-products{padding:14px;gap:12px}.store-preview-products img{height:100px}.store-preview-products>a>span{font-size:.875rem}
 .property-demo h3{font-size:2.65rem}.property-demo-copy>.eyebrow{font-size:.8125rem}.tour-caption>strong{font-size:1.8rem}.tour-controls{gap:10px}.tour-time{font-size:.75rem}.tour-result-note{font-size:.75rem}.campaign-grid{grid-template-columns:1fr;gap:30px}.avatar-description{padding:28px 24px 0}.avatar-description h3{font-size:2.5rem}.instagram-example{width:100%}.instagram-creative,.campaign-food .work-media{aspect-ratio:1}.instagram-header{padding-inline:20px}.avatar-controls{padding-inline:15px}.campaign-food .inline-link{margin:18px 24px 26px}.work-footnote{font-size:.8125rem}
 .services-intro h2{font-size:3rem}.service-row{padding:28px 24px}.service-main h3,.service-course .service-main h3{font-size:2.6rem}.service-main .button{min-width:0;width:100%;font-size:.9375rem;gap:12px;padding-inline:15px}.service-label{font-size:.8125rem}.service-number{font-size:.9375rem}.course-overline{font-size:.8125rem}.about-title h2{font-size:2.6rem}.about-copy .about-lead{font-size:1.8rem}.portrait{aspect-ratio:1.1}.process{grid-template-columns:1fr;gap:20px}.process p{max-width:none}.faq-layout h2{font-size:2.6rem}.faq-list summary{font-size:1rem}.contact-main{font-size:clamp(2.8rem,9.5vw,4rem);gap:10px}.contact-arrow{width:54px;height:65px;font-size:3.75rem}.contact-top,.contact-bottom{font-size:.8125rem}.footer{gap:18px}.footer>div{gap:15px}
}
@media(max-width:800px){.service-live .service-main>p:not(.service-label),.service-live .service-label{min-height:0}}
@media(prefers-reduced-motion:reduce){.contact-main:hover .contact-arrow{transform:none}}

/* Message first, with quiet motion and immediate service choices. */
.editorial-hero-inner{padding-block:38px 44px}
.editorial-hero .eyebrow{margin-bottom:30px;color:#c8bbd1;font-size:.8125rem}
.banner-message-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:48px;align-items:center;min-height:235px}
.editorial-hero h1{font-size:clamp(3rem,5.2vw,5.35rem);line-height:1.12;letter-spacing:-.055em;max-width:none}
.editorial-hero h1 span{color:#fff;white-space:normal}
.banner-support{padding-top:22px;position:relative}
.banner-support:before{content:'';position:absolute;top:0;left:0;width:38px;height:5px;background:#a100ff}
.editorial-hero-description{font-size:1.0625rem;line-height:1.7;color:#e2dce8;max-width:380px}
.banner-action{display:inline-flex;align-items:center;gap:18px;min-height:48px;font-size:1rem;font-weight:600;margin-top:22px}
.banner-action>span{display:grid;place-items:center;width:32px;height:32px;background:#a100ff;font-size:1.25rem;transition:background .2s}
.banner-action:hover>span{background:#c04bff}
.hero-art{inset:-40px -40px auto;height:540px;overflow:hidden;opacity:.35;z-index:-2}
.hero-art img{object-fit:cover;object-position:center 48%;transform-origin:65% 50%;animation:banner-drift 22s ease-in-out infinite;animation-play-state:paused;will-change:transform}
.hero-art:after{background:linear-gradient(90deg,#080808aa,transparent 45%,#080808b3),linear-gradient(0deg,#080808,transparent 50%,#08080855)}
.banner-is-moving .hero-art img{animation-play-state:running}
@keyframes banner-drift{0%,100%{transform:translate3d(-1.5%,1%,0) scale(1.04) rotate(-2deg)}50%{transform:translate3d(2.5%,-2%,0) scale(1.14) rotate(3deg)}}
.banner-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px;margin-bottom:30px;min-height:44px}
.banner-motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:none;border:0;padding:6px 0;cursor:pointer;color:#c4b7ce;font-size:.8125rem}
.banner-motion-toggle[hidden]{display:none}
.banner-motion-toggle svg{width:20px;height:20px;fill:currentColor}
.banner-motion-toggle:hover{color:#fff}
.banner-play-icon{display:none}
.banner-is-paused .banner-play-icon{display:block}
.banner-is-paused .banner-pause-icon{display:none}
.banner-signature{font-size:.875rem;color:#ddd0e5;display:flex;gap:14px;align-items:center;min-height:44px}
.banner-signature>span{color:#9d8ba8;font-size:.8125rem}
.banner-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.banner-service{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:27px 28px 20px;min-height:262px;position:relative;background:#211729;border-top:2px solid transparent;transition:background .25s,border-color .25s}
.banner-service--create{background:#22142e}
.banner-service--live{background:#6500b2}
.banner-service--courses{background:#eee9f2;color:#19101e}
.banner-service-label{font-size:.8125rem;letter-spacing:.05em;font-weight:500;color:#dac4e7;margin-bottom:18px}
.banner-service--courses .banner-service-label{color:#695572}
.banner-service h2{font-size:clamp(1.75rem,2.3vw,2.15rem);line-height:1.1;letter-spacing:-.04em;font-weight:500}
.banner-service p{font-size:1rem;line-height:1.55;color:#d3c3dc;max-width:310px;margin-top:14px;margin-bottom:20px}
.banner-service--live p{color:#f0dcff}
.banner-service--courses p{color:#634e6e}
.banner-service-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:.875rem;margin-top:auto;min-height:32px}
.banner-service-link>span{font-size:1.375rem;transition:transform .2s}
.banner-service:hover{border-color:#ddabff;background:#35213f}
.banner-service--live:hover{background:#7a00cf}
.banner-service--courses:hover{background:#fff;border-color:#9000d8}
.banner-service:hover .banner-service-link>span{transform:translate(2px,-2px)}
.demo-work{padding-top:82px}
@media(min-width:1500px){.editorial-hero-inner{padding-block:44px}.editorial-hero h1{font-size:5.35rem}.banner-message-grid{min-height:265px}}
@media(max-width:1150px){.banner-message-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:30px}.editorial-hero h1{font-size:clamp(3rem,5.1vw,4rem)}.banner-services{gap:18px}.banner-service{padding:24px 22px 18px}.banner-service h2{font-size:1.8rem}.editorial-hero-description{font-size:1rem}.banner-signature{gap:10px}}
@media(max-width:800px){.editorial-hero-inner{padding-block:30px}.banner-message-grid{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0}.editorial-hero h1{font-size:clamp(2.7rem,7.1vw,4.5rem);line-height:1.1}.editorial-hero .eyebrow{margin-bottom:26px;max-width:none}.banner-support{max-width:550px;padding-top:20px}.editorial-hero-description{max-width:520px}.banner-action{margin-top:14px}.banner-bottom-row{margin-block:14px 24px;gap:15px}.banner-signature>span{display:none}.hero-art{inset:0 -28% auto -35%;height:500px;opacity:.3}.hero-art img{object-position:70% center}.banner-services{gap:14px}.banner-service{padding:22px 17px 18px;min-height:290px}.banner-service h2{font-size:1.7rem;overflow-wrap:normal}.banner-service-label{font-size:.75rem;min-height:2.7em;margin-bottom:14px}.banner-service p{font-size:1rem}.banner-service-link{font-size:.8125rem;line-height:1.5}.demo-work{padding-top:60px}}
@media(max-width:600px){.banner-services{grid-template-columns:1fr;gap:14px}.banner-service{min-height:0;padding:24px}.banner-service h2{font-size:2rem}.banner-service h2 br{display:none}.banner-service-label{min-height:0;font-size:.8125rem;margin-bottom:14px}.banner-service p{max-width:none;margin-top:12px;margin-bottom:17px}.banner-service-link{font-size:.875rem}.editorial-hero .eyebrow{max-width:310px}.editorial-hero h1{font-size:clamp(2rem,9vw,3.25rem);line-height:1.14}.banner-support{padding-top:20px}.banner-message-grid{gap:26px}.banner-bottom-row{margin-block:14px 22px}.banner-signature{font-size:.8125rem}.banner-motion-toggle{font-size:.75rem;gap:5px}.hero-art{inset:0 -35% auto -60%;height:460px;opacity:.28}}
@media(prefers-reduced-motion:reduce){.hero-art img{animation:banner-drift 22s ease-in-out infinite!important;animation-play-state:paused!important}.banner-is-moving .hero-art img{animation-play-state:running!important}.banner-service:hover .banner-service-link>span{transform:none}}

/* Secondary learning and media retain the established editorial language. */
.portfolio-extra{border-block:1px solid var(--line);margin-top:12px}
.portfolio-extra>summary{font-size:1.0625rem;min-height:78px;padding:20px 0}
.portfolio-extra>.portfolio-extra-intro{padding:0 0 30px;color:var(--muted);max-width:650px}
.portfolio-extra-content{padding-bottom:30px}
.learning-secondary{margin-top:42px;border-top:1px solid #20152830;padding-top:24px}
.learning-intro{font-size:1.125rem;line-height:1.6;font-weight:500;margin-bottom:14px}
.learning-options{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.learning-options details{border-color:#20152830;scroll-margin-top:110px}
.learning-options summary{font-size:1rem;min-height:64px;padding:16px 0}
.learning-options summary>span{color:#8700bd}
.learning-options details>p{color:#66566f;font-size:1rem;padding:0 0 18px;line-height:1.75}
.learning-options .inline-link{font-size:.9375rem;color:#7500a4;margin-bottom:22px}
.service-course .service-list li{border-color:#74578240}
.service-course .service-list span,.service-course .service-note{color:#634b6f}
.service-course .service-note{font-size:.8125rem;padding:18px 0 0;margin:0}
@media(max-width:800px){.learning-options{grid-template-columns:1fr;gap:8px}.learning-secondary{margin-top:30px}.portfolio-extra>summary{font-size:1rem}}

/* Business-focused AI training, visible alongside the creative services. */
.training-section{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:48px;background:#17101f;color:#f6edf9;border-top:4px solid #a600ff;scroll-margin-top:120px}
.training-copy{min-width:0;scroll-margin-top:130px}
.training-section .eyebrow{color:#c991f4;font-size:.8125rem;letter-spacing:.09em;margin-bottom:24px}
.training-section h2{font-size:clamp(2.1rem,3.4vw,3.3rem);line-height:1.08;letter-spacing:-.055em}
.training-section h2 span{color:#c991f4}
.training-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:#c8b7d2;margin-top:20px}
.training-copy>p.training-lead{font-size:1.125rem;color:#f3e7fa;margin-top:24px}
.training-section .training-button{background:#ad00ed;color:white;border:0;margin-top:28px;padding:16px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:1rem;line-height:1.5;white-space:normal}
.training-section .training-button:hover{background:#c23dff}
.training-copy>p.training-format{font-size:.875rem;color:#b3a0c0;line-height:1.6;margin-top:18px}
.training-topics{display:grid;grid-template-columns:1fr 1fr;gap:32px 28px;align-content:center;min-width:0}
.training-topics article{border-top:1px solid #866098;padding-top:20px;min-width:0}
.training-topic-number{display:block;font-size:.75rem;letter-spacing:.09em;color:#c991f4;margin-bottom:18px}
.training-topics h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.035em}
.training-topics p{font-size:1rem;line-height:1.7;color:#c8b7d2;margin-top:14px}
.learning-options--course{grid-template-columns:1fr;max-width:800px}
@media(max-width:1100px){.training-section{gap:32px;padding:36px}.training-topics{gap:26px 20px}}
@media(max-width:800px){.training-section{grid-template-columns:1fr;margin-top:42px;padding:32px;gap:34px}.training-section h2{font-size:2.6rem}.training-copy{max-width:580px}}
@media(max-width:480px){.training-section{padding:28px 22px}.training-section h2{font-size:2.2rem}.training-topics{grid-template-columns:1fr;gap:24px}.training-topics article{padding-top:18px}.training-topic-number{margin-bottom:12px}.training-section .training-button{width:100%;font-size:.9375rem;gap:14px;padding:15px}.training-copy>p.training-lead{font-size:1rem}}

/* Four creative services, with room for the full proposals. */
.banner-services{grid-template-columns:repeat(4,minmax(0,1fr))}
.banner-service--music,.service-music{background:#382047}
.banner-service--music:hover{background:#4c2a5f}
.banner-service--music p,.service-music .service-main>p:not(.service-label){color:#eadbef}
.editorial-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.editorial-service-grid .service-label{min-height:0}
.editorial-service-grid .service-main h3{min-height:0}
.editorial-service-grid .service-main>p:not(.service-label){min-height:0;max-width:none}
.editorial-service-grid .service-main .button{width:fit-content;max-width:100%}
@media(max-width:1150px){.banner-services{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-service{min-height:260px}}
@media(max-width:800px){.editorial-service-grid{grid-template-columns:1fr}.banner-service{min-height:0}}
@media(max-width:600px){.banner-services{grid-template-columns:1fr}.editorial-service-grid .service-main .button{width:100%;min-width:0}}