@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#111015;--plum:#6d3286;--coral:#f36a6b;--cream:#f8f3ea;--muted:#aaa1ad;--line:#302a34;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font:500 16px/1.55 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.intro{position:fixed;inset:0;background:var(--ink);display:grid;place-items:center;z-index:20}.intro__texture{position:absolute;inset:0;opacity:.25;background:radial-gradient(circle at 50% 40%,#3a2b42,transparent 38%),repeating-linear-gradient(120deg,transparent 0 80px,#302734 81px 82px)}.intro__sequence{position:absolute;text-align:center;color:var(--cream);font:600 clamp(28px,5vw,64px)/1 'Space Grotesk';letter-spacing:-.06em}.intro__word{margin:0}.intro__word--two{color:var(--coral);margin-top:8px}.brand-lockup{display:block;width:290px;position:relative}.intro__logo-video{display:block;width:min(74vw,520px);height:min(74vw,520px);object-fit:contain;opacity:0;transform:scale(.7);mix-blend-mode:screen}.intro__caption{position:absolute;bottom:10%;margin:0;color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:0}
.site-header{height:92px;max-width:var(--max);margin:auto;padding:20px 32px;display:flex;align-items:center;gap:48px;position:relative;z-index:2}.site-logo{width:74px;height:52px;display:block;overflow:hidden;border-radius:14px;background:transparent}.site-logo img{width:100%;height:100%;object-fit:contain;display:block}.site-nav{display:flex;gap:30px;margin-left:auto;color:var(--muted);font-size:14px}.site-nav a:hover,.footer-links a:hover{color:var(--cream)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:999px;padding:17px 22px;min-width:170px;font-size:14px;transition:.25s ease}.button span{font-size:20px;line-height:0}.button--small{padding:11px 16px;min-width:145px}.button--coral{background:var(--coral);color:var(--ink)}.button--coral:hover{background:#ff8988;transform:translateY(-3px)}.button--outline{border:1px solid #7c7080}.button--outline:hover{border-color:var(--cream);background:var(--cream);color:var(--ink)}.menu-toggle{display:none;background:none;border:1px solid var(--line);border-radius:50%;width:44px;height:44px}.menu-toggle i{display:block;width:17px;height:1px;background:var(--cream);margin:5px auto}
.section-grid{max-width:var(--max);margin:auto;padding:130px 32px;position:relative}.hero{min-height:calc(100vh - 92px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}h1,h2{font:600 clamp(54px,9vw,128px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:20px 0}h2{font-size:clamp(48px,7vw,92px)}em{font-style:normal;color:var(--coral)}.hero__copy{max-width:850px;position:relative;z-index:1}.hero__copy p{max-width:440px;color:var(--muted);font-size:18px;margin:28px 0 34px}.hero__orb{position:absolute;right:6%;bottom:15%;width:280px;height:280px;border:1px solid #3c3243;border-radius:46% 54% 63% 37%/44% 37% 63% 56%;display:grid;place-items:center;transform:rotate(22deg);animation:float 8s ease-in-out infinite}.hero__orb span{width:125px;height:125px;background:var(--plum);border-radius:48% 52% 40% 60%/55% 44% 56% 45%;box-shadow:20px 20px 0 var(--coral)}.hero__orb b{position:absolute;bottom:20px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transform:rotate(-22deg)}
.breadcrumbs{max-width:var(--max);margin:0 auto;padding:24px 32px 0;color:var(--muted);font-size:12px}.breadcrumbs a:hover{color:var(--cream)}
.statement{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;border-top:1px solid var(--line)}.statement h2{margin:0}.statement__body{align-self:end;color:var(--muted);max-width:280px}.services-preview{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#17131a}.service-list{border-top:1px solid var(--line)}.service-list a{display:grid;grid-template-columns:48px 1fr 30px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0;font:600 clamp(19px,2.2vw,28px) 'Space Grotesk';transition:.2s}.service-list a span,.service-list a i{color:var(--muted);font:12px 'DM Sans';font-style:normal}.service-list a i{font-size:20px}.service-list a:hover{color:var(--coral);padding-left:12px}.work-feature{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10%;}.visual-card{aspect-ratio:1.2;background:linear-gradient(135deg,#3f2350,#151219);border-radius:42% 58% 55% 45%/48% 38% 62% 52%;padding:32px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.visual-card:after{content:"";position:absolute;width:300px;height:300px;border:1px solid var(--coral);border-radius:50%;right:-50px;top:-60px}.visual-card span{font-size:11px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.visual-card strong{font:600 clamp(44px,6vw,82px)/.85 'Space Grotesk';letter-spacing:-.07em}.visual-card b{align-self:flex-end;color:var(--coral);font-size:28px}.work-feature__copy p:not(.eyebrow){color:var(--muted);max-width:330px}.text-link{display:inline-block;border-bottom:1px solid var(--coral);padding:10px 0;margin-top:20px}.text-link span{color:var(--coral);margin-left:14px}.cta{text-align:center;border-top:1px solid var(--line)}.cta .button{margin-top:20px}.site-footer{max-width:none;margin-top:0;background:var(--plum);padding:58px max(32px,calc((100vw - var(--max))/2 + 32px)) 35px;color:var(--cream)}.footer-hello{display:inline-block;background:var(--coral);color:var(--ink);border-radius:10px 10px 10px 2px;padding:4px 9px;font:700 24px 'Space Grotesk';transform:rotate(-4deg);margin-bottom:20px}.footer-cta{border-top:1px solid rgba(248,243,234,.25);border-bottom:1px solid rgba(248,243,234,.25);padding:32px 0 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-cta h2{font-size:clamp(32px,4vw,58px);margin:0;color:var(--cream)}.site-footer__bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center;padding-top:68px}.site-footer .site-logo{margin-bottom:0;width:210px}.site-footer p{margin:18px 0 0;font-size:13px;color:rgba(248,243,234,.72)}.footer-links{display:flex;justify-content:center;gap:10px}.footer-social{border:1px solid rgba(248,243,234,.3);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:13px}.footer-social:hover{border-color:var(--coral);color:var(--coral)}.site-footer small{justify-self:end;font-size:11px;color:rgba(248,243,234,.72)}
@keyframes float{50%{transform:rotate(15deg) translateY(-16px)}}@media(max-width:760px){.site-header{padding:18px 20px}.site-nav,.site-header>.button{display:none}.menu-toggle{display:block;margin-left:auto}.site-header.menu-open .site-nav{display:flex;position:absolute;top:82px;left:20px;right:20px;padding:22px;background:#201a23;border:1px solid var(--line);flex-direction:column;gap:18px}.site-header.menu-open>.button{display:inline-flex;position:absolute;top:220px;left:20px;right:20px}.section-grid{padding:85px 20px}.breadcrumbs{padding:20px}.hero{min-height:calc(100vh - 80px)}.hero__orb{opacity:.55;right:-85px;bottom:15%;width:235px;height:235px}.statement,.services-preview,.work-feature{display:block}.statement h2,.services-preview h2,.work-feature h2{margin-bottom:35px}.service-list{margin-top:55px}.work-feature__copy{margin-top:45px}.site-footer{padding:45px 20px 25px}.footer-cta{display:block}.footer-cta h2{margin-bottom:30px}.site-footer__bottom{display:block;padding-top:45px}.footer-links{margin:35px 0;justify-content:flex-start}.site-footer small{display:block}.button{min-width:160px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* Reference-inspired starfield and playful hero system */
body{background-color:#07072b;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 73% 11%,rgba(255,255,255,.72) 0 1px,transparent 1.5px),radial-gradient(circle at 45% 67%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 79%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 28% 91%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 50% 50%,#11104a 0,#07072b 68%);background-size:170px 170px,230px 230px,310px 310px,190px 190px,260px 260px,100% 100%;background-attachment:fixed}
body:before{opacity:.08}
.site-header{max-width:1160px;height:106px;padding:22px 28px}
.site-logo{width:184px;height:68px;border-radius:0}
.site-header .site-logo img{object-fit:contain}
.site-nav{gap:42px;color:var(--cream);font-weight:700}
.site-nav a{transition:color .2s ease}
.site-nav a:hover{color:#ffd166}
.button--coral{background:#ffd166;color:#090923;font-weight:700}
.button--coral:hover{background:#ffe29a}
.hero{min-height:calc(100vh - 106px);align-items:center;text-align:center;padding-top:72px}
.hero__eyebrow{position:absolute;top:38px;left:32px}
.hero__copy{max-width:780px}
.hero__copy h1{font-size:clamp(54px,8vw,112px);line-height:.94;color:#fff;margin:0 auto 30px;text-transform:none}
.hero__copy h1 strong{display:block;font-weight:600}
.hero__copy h1 em{display:inline-block;background:#ffd166;color:#111015;padding:8px 20px 12px;transform:rotate(-2deg);text-transform:uppercase}
.hero__copy p{max-width:570px;margin:30px auto;color:#c4c1d7;font-size:18px}
.hero__orb{right:8%;bottom:6%;opacity:.8}
.hero-tag{position:absolute;padding:8px 14px;color:#fff;font-size:17px;font-weight:700;box-shadow:0 0 28px rgba(57,178,255,.28);transform:rotate(-2deg)}
.hero-tag--blue{left:10%;top:42%;background:#2aa9ff}
.hero-tag--orange{right:8%;top:42%;background:#ff6d3b;box-shadow:0 0 28px rgba(255,109,59,.3);transform:rotate(2deg)}
.hero-tag--green{left:47%;bottom:12%;background:#19bd79;box-shadow:0 0 28px rgba(25,189,121,.25);transform:rotate(1deg)}
.section-grid{border-color:rgba(255,255,255,.13)}
.services-preview{background:rgba(8,8,43,.48)}
.site-footer{background:#11104a;padding-top:76px}
.site-footer .site-logo{width:280px;height:94px}
.site-footer .site-logo img{object-fit:contain}
.footer-cta{border-color:rgba(255,255,255,.25)}
@media(max-width:760px){.site-header{height:88px;padding:16px 20px}.site-logo{width:148px;height:58px}.hero{padding-top:94px}.hero__eyebrow{top:25px;left:20px}.hero-tag{font-size:12px;padding:7px 10px}.hero-tag--blue{left:5%;top:38%}.hero-tag--orange{right:4%;top:47%}.hero-tag--green{left:39%;bottom:15%}.site-footer .site-logo{width:230px;height:80px}}

/* Light lavender service reference treatment */
body{background-color:#c7bdd1;background-image:radial-gradient(circle at 12% 18%,rgba(52,35,71,.48) 0 1px,transparent 1.5px),radial-gradient(circle at 73% 11%,rgba(52,35,71,.4) 0 1px,transparent 1.5px),radial-gradient(circle at 45% 67%,rgba(52,35,71,.35) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 79%,rgba(52,35,71,.42) 0 1px,transparent 1.5px),radial-gradient(circle at 28% 91%,rgba(52,35,71,.3) 0 1px,transparent 1.5px),linear-gradient(135deg,#d5ccdb,#b8a9c6);color:#17131a}
.site-header{height:118px;max-width:1160px;padding:22px 28px}
.site-logo{width:296px;height:104px}
.site-header .site-logo img{object-fit:contain}
.site-nav{color:#17131a}
.site-nav a:hover,.footer-links a:hover{color:#6d3286}
.nav-dropdown{position:relative}
.nav-dropdown summary{cursor:pointer;list-style:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary:after{content:'⌄';font-size:12px;margin-left:7px}
.nav-dropdown__menu{position:absolute;top:calc(100% + 16px);left:-18px;z-index:8;display:grid;min-width:230px;padding:12px;background:#eee8f0;border:1px solid rgba(23,19,26,.15);border-radius:18px;box-shadow:0 18px 45px rgba(43,25,60,.18)}
.nav-dropdown__menu a{padding:10px 12px;border-radius:10px;font-size:13px;color:#17131a}
.nav-dropdown__menu a:hover{background:#d9c8e3;color:#6d3286}
.hero{min-height:calc(100vh - 118px)}
.hero__copy h1{color:#17131a}
.hero__copy p,.work-feature__copy p:not(.eyebrow),.statement__body{color:#403848}
.hero__copy h1 em{color:#17131a}
.section-grid{border-color:rgba(23,19,26,.16)}
.services-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1160px;padding-top:112px;background:rgba(239,233,238,.28)}
.services-showcase__heading{display:flex;align-items:baseline;justify-content:space-between;grid-column:1/-1}
.services-showcase__heading h2{margin:0;color:#17131a;font-size:clamp(44px,6vw,76px);letter-spacing:-.06em}
.services-showcase__heading .eyebrow{color:#625b67}
.services-showcase__intro{max-width:310px;margin:0 0 18px;justify-self:end;color:#2d2634;font-weight:600}
.service-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:26px 34px;align-items:start}
.service-card{min-height:268px;padding:24px 25px 22px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;color:#17131a;transition:transform .25s ease,box-shadow .25s ease}
.service-card:hover{transform:translateY(-8px);box-shadow:0 18px 30px rgba(43,25,60,.2)}
.service-card strong{font:700 clamp(24px,2.6vw,36px)/.94 'Space Grotesk';letter-spacing:-.05em}
.service-card small{max-width:230px;font-size:13px;line-height:1.45}
.service-card__icon{align-self:center;width:76px;height:76px;display:grid;place-items:center;border-radius:45% 55% 42% 58%;font-size:48px;line-height:1}
.service-card--yellow{background:#f4c957}.service-card--yellow .service-card__icon{background:#27aede;color:#183a9d}
.service-card--navy{background:#080633;color:#fff}.service-card--navy .service-card__icon{background:#173bd2;color:#ffd166}.service-card--orange{background:#ff681d;color:#fff}.service-card--orange .service-card__icon{background:#c9ff1a;color:#ef5a1b}.service-card--purple{background:#8858c6;color:#fff}.service-card--purple .service-card__icon{background:#f5b7ef;color:#54217f}.service-card--green{background:#62bd61}.service-card--green .service-card__icon{background:#fff05a;color:#168048}.service-card--pink{background:#ee8fba}.service-card--pink .service-card__icon{background:#ffd166;color:#b93173}.service-card--blue{background:#3ea9e7}.service-card--blue .service-card__icon{background:#d8f4ff;color:#2652b8}
.site-footer{background:#6d3286}
.site-footer .site-logo{width:420px;height:140px}
@media(max-width:760px){.site-header{height:88px}.site-logo{width:220px;height:74px}.nav-dropdown__menu{position:static;margin-top:10px;box-shadow:none}.services-showcase{display:block;padding-top:75px}.services-showcase__heading{margin-bottom:24px}.services-showcase__intro{margin:0 0 30px}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-card{min-height:210px;padding:18px}.service-card strong{font-size:22px}.service-card small{font-size:11px}.service-card__icon{width:54px;height:54px;font-size:32px}.site-footer .site-logo{width:300px;height:100px}}

/* Logo-led studio system from the supplied redesign brief. The intro above is intentionally untouched. */
:root{--ink:#100c16;--violet:#321b52;--purple:#6546a5;--lavender:#9275d4;--soft-lavender:#c5b8e8;--paper:#f7f5fa;--peach:#e99a7d;--line:rgba(197,184,232,.2)}
body{background:#100c16;color:#fff;background-image:radial-gradient(circle at 75% 18%,rgba(101,70,165,.28),transparent 34%),radial-gradient(circle at 15% 62%,rgba(146,117,212,.14),transparent 30%),linear-gradient(135deg,#100c16,#1a1025 72%,#100c16);background-size:100% 100%;background-attachment:fixed}
body:before{opacity:.07}
.site-header{position:sticky;top:14px;margin:14px auto 0;height:82px;padding:14px 22px;border:1px solid rgba(197,184,232,.18);border-radius:28px;background:rgba(16,12,22,.62);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.2);z-index:12}
.site-logo{width:244px;height:84px}.site-header .site-logo img{object-fit:contain}.site-nav{color:#f7f5fa;gap:32px}.site-nav a:hover,.nav-dropdown summary:hover{color:var(--soft-lavender);text-shadow:0 0 18px rgba(146,117,212,.55)}
.button{box-shadow:0 8px 24px rgba(0,0,0,.14);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(101,70,165,.35)}.button--coral{background:linear-gradient(135deg,#6546a5,#9275d4);color:#fff}.button--coral:hover{background:linear-gradient(135deg,#7658b6,#a68be1)}.button--outline{border-color:rgba(197,184,232,.6);color:#fff}.button--outline:hover{border-color:var(--lavender);background:var(--purple);color:#fff}
.hero{min-height:calc(100vh - 100px);padding-top:120px}.hero__copy h1{color:#fff}.hero__copy h1 em{background:linear-gradient(110deg,#c5b8e8,#9275d4);color:#100c16}.hero__copy p{color:#c5b8e8}.hero-tag{border-radius:999px;box-shadow:0 10px 30px rgba(101,70,165,.28)}.hero-tag--blue{background:#6546a5}.hero-tag--orange{background:var(--peach)}.hero-tag--green{background:#9275d4}.hero__orb{border-color:rgba(197,184,232,.35)}.hero__orb span{background:linear-gradient(135deg,#321b52,#9275d4);box-shadow:20px 20px 0 var(--peach)}
.statement{border-top-color:var(--line)}.statement__body{color:#c5b8e8}.services-showcase{background:var(--paper);color:#100c16;border-radius:42px;margin-top:32px;margin-bottom:32px;overflow:hidden}.services-showcase__heading h2{color:#100c16}.services-showcase__heading .eyebrow,.services-showcase__intro{color:#5b5365}.service-card{border-radius:24px;box-shadow:0 18px 40px rgba(50,27,82,.12)}.service-card--yellow{background:#c5b8e8}.service-card--navy{background:#321b52}.service-card--orange{background:#e99a7d}.service-card--purple{background:#9275d4}.service-card--green{background:#b5d7c0}.service-card--pink{background:#e6b9cd}.service-card--blue{background:#a8c9e5}
.work-feature{border-top:1px solid var(--line)}.visual-card{background:linear-gradient(135deg,#321b52,#6546a5);border-radius:28px}.visual-card:after{border-color:var(--soft-lavender)}
.process{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-heading h2{margin:0}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.process-track article{position:relative;padding:26px 22px;border:1px solid rgba(197,184,232,.24);border-radius:24px;background:linear-gradient(145deg,rgba(101,70,165,.23),rgba(255,255,255,.04));min-height:220px}.process-track article:before{content:"";position:absolute;top:-1px;left:25px;right:25px;height:2px;background:linear-gradient(90deg,var(--lavender),transparent)}.process-track span{color:var(--peach);font-size:12px;letter-spacing:.14em}.process-track h3{font:600 28px 'Space Grotesk';margin:48px 0 12px}.process-track p{color:#c5b8e8;font-size:14px}.testimonial{border-top:1px solid var(--line);text-align:center}.testimonial blockquote{max-width:850px;margin:34px auto 20px;font:600 clamp(30px,4vw,62px)/.98 'Space Grotesk';letter-spacing:-.05em}.testimonial cite{color:var(--soft-lavender);font-style:normal}.client-marquee{border-top:1px solid var(--line);overflow:hidden}.client-marquee>div{display:flex;justify-content:space-between;gap:30px;margin-top:40px;color:var(--soft-lavender);font:600 clamp(20px,3vw,38px) 'Space Grotesk';white-space:nowrap}.client-marquee span{opacity:.65}.cta{border-top:1px solid var(--line)}.cta__copy{max-width:420px;margin:20px auto;color:var(--soft-lavender)}.site-footer{background:var(--violet);border-top:1px solid rgba(197,184,232,.2)}
@media(max-width:760px){.site-header{top:8px;margin-top:8px;height:76px;border-radius:22px}.site-logo{width:190px;height:70px}.hero{padding-top:94px}.process-track{grid-template-columns:1fr 1fr}.section-heading{display:block}.client-marquee>div{justify-content:flex-start;overflow:auto;padding-bottom:8px}.services-showcase{border-radius:24px}.site-footer .site-logo{width:300px;height:100px}}

/* Header lockup: keep the mark left, then pair it with a theme-matched wordmark. */
.site-header{justify-content:flex-start}
.brand-lockup{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;width:auto;height:64px;color:#f7f5fa}
.brand-lockup img{width:64px;height:64px;object-fit:contain;display:block}
.brand-lockup__name{font:600 20px/1 'Space Grotesk',sans-serif;letter-spacing:-.055em;white-space:nowrap}
.site-header .site-nav{margin-left:auto}
.nav-dropdown summary{display:flex;align-items:center;gap:6px;height:32px}
.nav-dropdown summary:after{display:inline-grid;place-items:center;margin:0;line-height:1;font-size:11px;transform:translateY(1px)}
.nav-dropdown__menu{background:rgba(37,24,57,.64);border:1px solid rgba(197,184,232,.3);box-shadow:0 20px 55px rgba(7,3,16,.4),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);border-radius:22px;padding:14px}
.nav-dropdown__menu:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 45%);pointer-events:none}
.nav-dropdown__menu a{position:relative;color:#f7f5fa}
.nav-dropdown__menu a:hover{background:rgba(197,184,232,.18);color:#fff}
@media(max-width:760px){.brand-lockup{height:58px;gap:8px}.brand-lockup img{width:52px;height:52px}.brand-lockup__name{font-size:17px}.site-header .site-nav{margin-left:0}}
.site-footer .brand-lockup{height:auto;color:#f7f5fa}.site-footer .brand-lockup img{width:116px;height:116px}.site-footer .brand-lockup__name{font-size:30px}
@media(max-width:760px){.site-footer .brand-lockup img{width:86px;height:86px}.site-footer .brand-lockup__name{font-size:24px}}

/* Final responsive navigation correction: no overlap at tablet widths. */
.nav-dropdown summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.nav-dropdown[open] summary:after{transform:rotate(225deg) translate(-1px,-2px)}
@media(max-width:980px){
  .site-header{height:82px;min-height:82px;margin:10px 14px 0;padding:12px 18px;gap:12px}
  .brand-lockup{height:56px}.brand-lockup img{width:54px;height:54px}.brand-lockup__name{font-size:18px}
  .site-header>.site-nav{display:none}
  .site-header>.button{display:none}
  .menu-toggle{display:block;margin-left:auto;flex:0 0 auto}
  .site-header.menu-open{height:auto;min-height:82px;flex-wrap:wrap;align-items:center;padding-bottom:18px}
  .site-header.menu-open>.site-nav{display:flex;position:static;order:3;flex:0 0 100%;width:100%;margin:10px 0 0;padding:20px 22px;background:rgba(37,24,57,.68);border:1px solid rgba(197,184,232,.3);border-radius:22px;flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 20px 55px rgba(7,3,16,.35),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
  .site-header.menu-open>.site-nav>a,.site-header.menu-open .nav-dropdown summary{display:flex;align-items:center;min-height:44px;padding:8px 0;color:#f7f5fa}
  .site-header.menu-open>.button{display:inline-flex;position:static;order:4;flex:0 0 100%;width:100%;margin-top:12px;justify-content:space-between}
  .site-header.menu-open .nav-dropdown__menu{position:static;display:grid;min-width:0;margin:4px 0 8px;padding:10px 12px;border-radius:18px;box-shadow:none;background:rgba(16,12,22,.34)}
  .site-header.menu-open .nav-dropdown__menu a{min-height:38px;padding:8px 10px}
  .site-header.menu-open .nav-dropdown[open] summary{color:#c5b8e8}
  .hero{min-height:calc(100vh - 92px)}
}
@media(max-width:560px){.site-header{margin-left:8px;margin-right:8px}.brand-lockup__name{font-size:17px}.site-header.menu-open>.site-nav{padding:16px 18px}}

/* Homepage content additions: retain the existing dark-purple system. */
.hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.hero-actions .button{min-width:188px}.hero__orb b{display:none}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(circle at 17% 25%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 83% 20%,#c5b8e8 0 1px,transparent 1.5px),radial-gradient(circle at 65% 78%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 30% 82%,#9275d4 0 1px,transparent 1.5px);background-size:230px 230px,310px 310px,270px 270px,190px 190px;z-index:-1}.studio-widget{display:grid;grid-template-columns:1fr 1.4fr .8fr;align-items:center;gap:34px;margin:32px auto;padding:45px 54px;border:1px solid rgba(197,184,232,.22);border-radius:34px;background:linear-gradient(120deg,rgba(101,70,165,.25),rgba(16,12,22,.45));box-shadow:0 20px 60px rgba(0,0,0,.16)}.studio-widget h2{margin:10px 0 0;font-size:clamp(40px,5vw,72px)}.studio-widget__pulse{display:flex;align-items:center;gap:12px;color:#c5b8e8;font-size:13px}.studio-widget__pulse span{width:12px;height:12px;border-radius:50%;background:#b5d7c0;box-shadow:0 0 0 7px rgba(181,215,192,.1),0 0 20px #b5d7c0}.studio-widget__stats{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:end}.studio-widget__stats strong{font:600 36px 'Space Grotesk';color:#fff}.studio-widget__stats span{font-size:11px;color:#c5b8e8;align-self:center}.portfolio-slider{overflow:hidden}.portfolio-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px 4px 30px 0;scrollbar-width:thin}.portfolio-card{position:relative;flex:0 0 min(72vw,470px);min-height:340px;padding:28px;border-radius:30px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease}.portfolio-card:hover{transform:translateY(-12px);box-shadow:0 24px 45px rgba(0,0,0,.3)}.portfolio-card span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}.portfolio-card h3{font:600 clamp(42px,6vw,76px)/.84 'Space Grotesk';letter-spacing:-.08em;margin:0}.portfolio-card b{align-self:flex-end;font-size:28px;color:#c5b8e8}.portfolio-card--one{background:linear-gradient(135deg,#6546a5,#321b52)}.portfolio-card--two{background:linear-gradient(135deg,#e99a7d,#6546a5)}.portfolio-card--three{background:linear-gradient(135deg,#9275d4,#321b52)}.faq{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.faq-grid details{min-height:220px;padding:24px;border:1px solid rgba(197,184,232,.25);border-radius:24px;background:rgba(101,70,165,.18);transition:transform .25s ease,background .25s ease;transform-origin:center}.faq-grid details:hover{animation:faq-vibrate .28s linear;background:rgba(101,70,165,.32)}.faq-grid details[open]{background:rgba(101,70,165,.35)}.faq-grid summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font:600 26px 'Space Grotesk';list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span{color:var(--peach);font-size:24px}.faq-grid p{color:#c5b8e8;margin:42px 0 0;font-size:14px}@keyframes faq-vibrate{0%,100%{transform:translateY(0)}25%{transform:translate(-2px,-2px)}50%{transform:translate(2px,1px)}75%{transform:translate(-1px,2px)}}.team{border-top:1px solid var(--line)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.team-grid article{padding:18px;border:1px solid rgba(197,184,232,.2);border-radius:24px;background:rgba(255,255,255,.04)}.team-avatar{height:220px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(140deg,#9275d4,#321b52);font:600 54px 'Space Grotesk';color:#fff}.team-avatar--two{background:linear-gradient(140deg,#e99a7d,#6546a5)}.team-avatar--three{background:linear-gradient(140deg,#b5d7c0,#6546a5)}.team-grid h3{margin:18px 0 2px;font:600 22px 'Space Grotesk'}.team-grid p{margin:0;color:#c5b8e8;font-size:13px}.service-belt{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;background:rgba(101,70,165,.2);white-space:nowrap}.service-belt>div{display:inline-flex;align-items:center;gap:28px;animation:belt 28s linear infinite;font:600 clamp(24px,4vw,48px) 'Space Grotesk';color:#c5b8e8}.service-belt i{color:var(--peach);font-style:normal;font-size:20px}@keyframes belt{to{transform:translateX(-50%)}}.instagram{border-top:1px solid var(--line)}.instagram-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.instagram-grid a{aspect-ratio:1;border-radius:22px;padding:18px;display:flex;align-items:end;background:linear-gradient(145deg,#321b52,#9275d4);transition:transform .25s ease,filter .25s ease}.instagram-grid a:nth-child(2){background:linear-gradient(145deg,#e99a7d,#6546a5)}.instagram-grid a:nth-child(3){background:linear-gradient(145deg,#b5d7c0,#321b52)}.instagram-grid a:nth-child(4){background:linear-gradient(145deg,#c5b8e8,#6546a5)}.instagram-grid a:hover{transform:translateY(-8px);filter:brightness(1.12)}.instagram-grid span{font:600 18px 'Space Grotesk'}.instagram-note{color:#c5b8e8;font-size:12px;margin-top:20px}.footer-hello{border-radius:999px 999px 999px 4px;padding:9px 18px;background:linear-gradient(135deg,#e99a7d,#c5b8e8);font-size:28px}.footer-cta .button{min-width:220px;padding:19px 24px}
@media(max-width:760px){.hero-actions{gap:10px}.hero-actions .button{min-width:165px}.studio-widget{display:block;padding:32px 24px}.studio-widget__stats{margin-top:28px}.faq-grid,.team-grid,.instagram-grid{grid-template-columns:1fr 1fr}.faq-grid details{min-height:190px}.team-avatar{height:150px}.instagram-grid a{border-radius:16px}.service-belt>div{animation-duration:22s}}
@media(max-width:480px){.faq-grid,.team-grid,.instagram-grid{grid-template-columns:1fr}.portfolio-card{flex-basis:86vw}.section-heading .button{margin-top:22px}}

/* Shared inner-page components */
.inner-page{min-height:70vh}
.page-hero{padding-top:92px;padding-bottom:96px}
.page-hero__lede{max-width:650px;color:#c5b8e8;font-size:19px}
.page-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pill{display:inline-flex;padding:8px 14px;border:1px solid rgba(197,184,232,.35);border-radius:999px;color:#c5b8e8;font-size:12px}
.content-panel{border:1px solid rgba(197,184,232,.2);border-radius:32px;background:linear-gradient(145deg,rgba(101,70,165,.24),rgba(16,12,22,.42));padding:48px}
.content-panel h2{font-size:clamp(38px,5vw,68px);margin-top:0}
.content-panel p,.content-panel li{color:#c5b8e8}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.content-card{padding:28px;border:1px solid rgba(197,184,232,.2);border-radius:24px;background:rgba(255,255,255,.045)}
.content-card h3{font:600 25px 'Space Grotesk';margin:36px 0 10px}
.content-card p{color:#c5b8e8;font-size:14px}
.content-card__number{color:var(--peach);font:600 13px 'Space Grotesk';letter-spacing:.12em}
.glass-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:48px;padding:32px;border:1px solid rgba(197,184,232,.34);border-radius:28px;background:linear-gradient(110deg,rgba(101,70,165,.42),rgba(233,154,125,.14));backdrop-filter:blur(16px)}
.glass-cta h2{font-size:clamp(30px,4vw,52px);margin:0}
.faq-grid--full{grid-template-columns:repeat(2,1fr)}
.team-grid--leaders{grid-template-columns:repeat(2,1fr)}
.team-grid--leaders .team-avatar{height:250px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}
.contact-form{display:grid;gap:17px}
.contact-form label{display:grid;gap:8px;color:#c5b8e8;font-size:13px}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(197,184,232,.3);border-radius:14px;background:rgba(16,12,22,.58);color:#fff;padding:14px 16px;font:inherit;outline:none}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--lavender);box-shadow:0 0 0 3px rgba(146,117,212,.18)}
.contact-form textarea{min-height:140px;resize:vertical}
.contact-form .button{border:0;cursor:pointer}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{display:flex;flex-direction:column;min-height:330px;padding:26px;border-radius:25px;background:linear-gradient(145deg,#321b52,#6546a5);transition:transform .25s ease}
.blog-card:nth-child(2){background:linear-gradient(145deg,#e99a7d,#6546a5)}.blog-card:nth-child(3){background:linear-gradient(145deg,#9275d4,#321b52)}
.blog-card:hover{transform:translateY(-7px)}.blog-card__tag{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#e7ddfa}.blog-card h2{font-size:34px;margin:auto 0 16px}.blog-card p{color:#f0eafa;font-size:14px;margin:0}.blog-card time{font-size:12px;color:#e7ddfa}
.site-footer__nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;color:#d9cdf4;font-size:13px}.site-footer__nav a:hover{color:#fff}
@media(max-width:760px){.page-hero{padding-top:66px;padding-bottom:70px}.content-panel{padding:28px}.content-grid,.blog-grid,.contact-layout{grid-template-columns:1fr}.glass-cta{display:block}.glass-cta .button{margin-top:24px}.faq-grid--full,.team-grid--leaders{grid-template-columns:1fr}.team-grid--leaders .team-avatar{height:190px}}