:root{--bg:#08080a;--bg2:#0c0b10;--panel:#100f14;--text:#f5f2f7;--muted:#aaa3b0;--dim:#77717d;--line:rgba(255,255,255,.09);--purple:#b889ff;--purple-deep:#7541c4;--lav:#d7bcff;--max:1240px;--gutter:clamp(20px,5vw,64px);--ease:cubic-bezier(.22,.72,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;top:-40px;left:16px;z-index:100;background:white;color:#111;padding:10px}.skip:focus{top:12px}.site-header{position:absolute;inset:18px 0 auto;z-index:20}.nav-shell{width:min(calc(100% - var(--gutter)*2),1320px);min-height:72px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:rgba(16,14,19,.8);backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(184,137,255,.28);border-radius:12px;background:linear-gradient(145deg,rgba(184,137,255,.22),rgba(94,52,139,.16));color:#d3b5ff;font-size:27px;font-weight:600;line-height:1}.brand-word{font-size:15px;font-weight:650;letter-spacing:-.05em}.brand-dot{color:var(--purple)}.brand-word small{display:block;margin-top:3px;color:#958b9f;font-size:8px;font-weight:600;letter-spacing:.19em}.nav-links{display:flex;align-items:center;gap:34px}.nav-links>a:not(.nav-cta){font-size:12px;color:#c1bac7;transition:color .2s}.nav-links>a:not(.nav-cta):hover{color:white}.nav-cta{padding:11px 16px;border:1px solid rgba(184,137,255,.3);border-radius:999px;background:rgba(184,137,255,.08);font-size:12px;color:#f0e5ff}.nav-cta span{margin-left:12px;color:var(--purple)}.menu-toggle{display:none}.section{width:min(calc(100% - var(--gutter)*2),var(--max));margin:0 auto}.hero{position:relative;min-height:790px;padding-top:190px;padding-bottom:64px;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:46px;overflow:hidden}.hero:before{content:"";position:absolute;z-index:0;top:2%;left:29%;width:630px;height:600px;background:radial-gradient(ellipse,rgba(112,61,160,.17),transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding-bottom:42px}.eyebrow{display:flex;align-items:center;gap:9px;color:#bd9de2;font-size:9px;letter-spacing:.17em;font-weight:700}.eyebrow-dot{width:6px;height:6px;border-radius:100%;background:#bb8aff;box-shadow:0 0 14px #a970ff}.hero h1{max-width:610px;margin:24px 0 22px;font-size:clamp(52px,6vw,78px);line-height:.99;letter-spacing:-.067em;font-weight:570}.hero h1 span,.intro h2 span,.section-heading h2 span,.contact h2 span{color:var(--purple);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.07em}.hero-intro{max-width:445px;color:#aaa3b0;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 21px;border-radius:999px;font-size:12px;font-weight:650;transition:transform .25s var(--ease),background .25s,border .25s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#8e58d4,#683cad);box-shadow:0 10px 32px rgba(114,63,179,.24)}.button-primary:hover{background:linear-gradient(135deg,#a26ce6,#7948c1)}.button span{font-size:15px}.text-link{color:#d1c9d7;font-size:12px}.text-link span{color:var(--purple);padding-left:7px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:56px;color:#77717d;font-size:10px;letter-spacing:.04em}.proof-line{height:1px;width:32px;background:#70588d}.hero-art{position:relative;z-index:1;min-height:500px;display:grid;place-items:center;isolation:isolate}.art-halo{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(134,80,190,.22),rgba(75,44,107,.07) 52%,transparent 74%);filter:blur(4px)}.art-orbit{position:absolute;border:1px solid rgba(194,159,230,.11);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:570px;height:310px}.orbit-two{width:510px;height:270px;transform:rotate(38deg)}.main-card{position:relative;width:min(100%,510px);padding:25px 28px 21px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(30,26,36,.95),rgba(15,14,19,.97));box-shadow:0 32px 100px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.06);transform:rotate(-2.2deg)}.art-card-top,.art-card-bottom{display:flex;justify-content:space-between;align-items:center}.art-card-label{font-size:8px;letter-spacing:.15em;color:#8f8797}.live-dot{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(170,138,214,.15);border-radius:999px;color:#b7a9c6;font-size:7px;letter-spacing:.12em}.live-dot i{width:5px;height:5px;border-radius:50%;background:#9bdaaa;box-shadow:0 0 9px #7fcd92}.art-headline{margin-top:23px;color:#f8f4fa;font-size:28px;line-height:1.05;letter-spacing:-.05em;font-weight:540}.art-headline em{font-family:Georgia,serif;color:#c3a0ee;font-weight:400}.art-chart{position:relative;height:175px;margin-top:10px}.chart-grid{position:absolute;inset:18px 0 32px;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{height:1px;background:rgba(255,255,255,.055)}.art-chart svg{position:absolute;inset:9px 0 30px;width:100%;height:130px;overflow:visible}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#c095ff;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(190,145,255,.55))}.chart-labels{position:absolute;bottom:9px;left:0;right:0;display:flex;justify-content:space-between;color:#716b78;font-size:7px;letter-spacing:.08em}.art-card-bottom{padding-top:13px;border-top:1px solid rgba(255,255,255,.07);color:#a49aa9;font-size:9px}.metric-icon{margin-right:6px;color:#c29af5}.metric-pill{color:#c7b6da}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(21,19,26,.91);box-shadow:0 12px 34px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.float-card small,.float-card b{display:block}.float-card small{margin-bottom:4px;color:#82798a;font-size:6px;letter-spacing:.13em}.float-card b{font-size:10px;font-weight:550}.audience-card{left:-7px;top:82px;transform:rotate(-4deg)}.float-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(161,103,225,.15);color:#c7a4f1;font-size:18px}.signal-card{right:-7px;bottom:71px;transform:rotate(3deg)}.signal-bars{height:27px;display:flex;align-items:end;gap:3px;padding:4px 7px;border-radius:8px;background:rgba(119,74,160,.15)}.signal-bars i{width:3px;border-radius:3px;background:#b888ec}.signal-bars i:nth-child(1){height:7px}.signal-bars i:nth-child(2){height:12px}.signal-bars i:nth-child(3){height:9px}.signal-bars i:nth-child(4){height:16px}.signal-bars i:nth-child(5){height:20px}.art-caption{position:absolute;right:12px;top:41px;display:flex;align-items:center;gap:8px;color:#8a8290;font:9px/1.6 Georgia,serif;font-style:italic}.caption-star{color:#c49bfa;font-size:20px}.hero-bottom{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:space-between;color:#68636e;font-size:8px;letter-spacing:.16em}.hero-scroll b{padding-left:8px;color:#b88af2;font-size:13px}.intro{padding:107px 0 112px;border-top:1px solid var(--line)}.section-kicker{display:flex;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid var(--line);color:#a28eb6;font-size:8px;letter-spacing:.17em}.section-kicker span{color:#69636e}.intro-grid{display:grid;grid-template-columns:1fr .75fr;gap:9%;padding:60px 0 67px}.intro h2,.section-heading h2{margin:0;font-size:clamp(39px,5vw,61px);line-height:1.04;letter-spacing:-.06em;font-weight:540}.intro-grid>div{padding-top:6px}.intro-grid p,.section-note{max-width:485px;color:#9f98a5;font-size:14px;line-height:1.9}.under-link{display:inline-flex;gap:15px;align-items:center;margin-top:17px;color:#e2d8ec;font-size:11px;border-bottom:1px solid rgba(184,137,255,.44);padding-bottom:9px}.under-link span{color:var(--purple)}.approach-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;background:linear-gradient(120deg,rgba(255,255,255,.025),rgba(255,255,255,.007))}.approach-strip>div{padding:24px 27px;display:grid;grid-template-columns:38px 1fr;gap:0 12px;border-right:1px solid var(--line)}.approach-strip>div:last-child{border:0}.approach-strip span{grid-row:span 2;color:#a982d2;font-size:9px;letter-spacing:.1em}.approach-strip b{font-size:13px;font-weight:550}.approach-strip small{margin-top:8px;color:#817a87;font-size:10px}.services{padding:96px 0 125px}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:54px 0 37px}.section-heading .eyebrow{margin:0 0 17px}.section-note{max-width:320px;margin:0 0 5px;font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;min-height:230px;padding:27px 27px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .28s,transform .28s}.service-card:hover{background:linear-gradient(140deg,rgba(169,112,255,.085),rgba(255,255,255,.01));z-index:1}.service-icon{width:33px;height:33px;display:grid;place-items:center;margin-bottom:32px;border:1px solid rgba(184,137,255,.23);border-radius:10px;color:#c19ae9;font-size:17px;background:rgba(184,137,255,.05)}.card-number{position:absolute;top:33px;right:27px;color:#625b69;font-size:8px;letter-spacing:.12em}.service-card h3{margin:0 0 10px;font-size:15px;font-weight:560;letter-spacing:-.02em}.service-card p{max-width:290px;margin:0;color:#8d8692;font-size:11px;line-height:1.7}.service-card>a{position:absolute;right:26px;bottom:22px;color:#b58de2;font-size:15px;opacity:.75}.work{padding:15px 0 125px}.work-heading{padding-top:55px}.work-heading .under-link{margin-bottom:6px}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:35px 24px}.work-large{grid-row:span 2}.work-visual{position:relative;min-height:270px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px}.work-large .work-visual{min-height:580px}.visual-lilac{background:radial-gradient(ellipse at 50% 37%,#473351,#24202c 57%,#151419)}.visual-lilac:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(218,188,255,.15);border-radius:50%;box-shadow:0 0 100px rgba(181,131,237,.1)}.visual-ring{position:absolute;width:330px;height:330px;border:1px solid rgba(222,193,255,.19);border-radius:50%;transform:translate(72px,-10px)}.visual-window{position:relative;width:68%;height:54%;border:1px solid rgba(255,255,255,.23);border-radius:8px;overflow:hidden;background:rgba(18,17,22,.85);box-shadow:0 25px 75px rgba(0,0,0,.35);transform:rotate(-5deg)}.window-top{height:32px;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.08);color:#8a828f}.window-top i{width:5px;height:5px;background:#776d7c;border-radius:50%}.window-top span{margin-left:auto;font-size:6px;letter-spacing:.13em}.window-body{height:calc(100% - 32px);position:relative;display:flex;align-items:center;padding:0 11%;background:radial-gradient(ellipse at 77% 53%,rgba(128,79,170,.27),transparent 39%)}.window-body b{font-size:clamp(25px,3vw,44px);line-height:.95;letter-spacing:-.07em;font-weight:540}.window-body em{color:#c8a4ef;font:italic 1.08em Georgia,serif}.window-accent{position:absolute;right:15%;bottom:18%;width:56px;height:56px;border:1px solid rgba(202,164,238,.42);border-radius:50%}.visual-index{position:absolute;left:20px;top:19px;color:rgba(255,255,255,.56);font-size:7px;letter-spacing:.15em}.media-card{position:relative;width:65%;height:74%;padding:22px 23px;background:linear-gradient(145deg,#dec8ee,#9470a9);color:#25182e;overflow:hidden;transform:rotate(4deg);box-shadow:0 24px 55px rgba(0,0,0,.2)}.media-card>span{font-size:6px;letter-spacing:.15em}.media-card>b{position:absolute;left:22px;bottom:32px;z-index:2;font-size:27px;line-height:.94;letter-spacing:-.06em;font-weight:600}.media-card em{font-family:Georgia,serif;font-weight:400}.media-card small{position:absolute;right:16px;bottom:16px;font-size:6px;letter-spacing:.13em}.media-shapes{position:absolute;right:-8px;top:19px;width:125px;height:120px}.media-shapes i{position:absolute;display:block;width:110px;height:110px;border:1px solid rgba(53,28,65,.54);border-radius:45% 55% 70% 30%;transform:rotate(30deg)}.media-shapes i:nth-child(2){transform:translate(16px,8px) rotate(75deg);border-color:rgba(53,28,65,.32)}.media-shapes i:nth-child(3){transform:translate(32px,-5px) rotate(110deg);border-color:rgba(53,28,65,.24)}.visual-plum{background:radial-gradient(ellipse at 50% 40%,#5c3868,#30243a 60%,#17131b)}.visual-night{background:radial-gradient(ellipse at 50% 45%,#28213a,#131219 72%)}.dashboard-mini{width:78%;padding:18px;border:1px solid rgba(230,213,255,.18);border-radius:10px;background:rgba(15,14,20,.82);box-shadow:0 20px 50px rgba(0,0,0,.3)}.mini-head{display:flex;justify-content:space-between;color:#8e8398;font-size:7px;letter-spacing:.12em}.mini-head b{color:#c1a0e7}.mini-metric{margin-top:17px;font-size:16px;letter-spacing:-.04em}.mini-metric span{float:right;color:#c39af0;font-size:13px}.dashboard-mini svg{width:100%;height:90px;margin-top:13px;overflow:visible}.dashboard-mini path{fill:none;stroke:#bf93ed;stroke-width:2}.mini-tags{display:flex;gap:7px}.mini-tags i{padding:5px 7px;border:1px solid rgba(255,255,255,.09);border-radius:3px;color:#a89eae;font-size:5px;font-style:normal;letter-spacing:.08em}.work-meta{display:flex;justify-content:space-between;align-items:center;padding:16px 0 2px}.work-meta>div>span{font-size:7px;letter-spacing:.15em;color:#9d8ba9}.work-meta h3{margin:7px 0 0;font-size:13px;font-weight:520}.work-arrow{color:#b78ce7;font-size:16px}.work-note{color:#68616e;font-size:9px;margin-top:30px}.contact{position:relative;display:grid;grid-template-columns:1fr .6fr;align-items:center;min-height:390px;margin-bottom:53px;padding:60px 9%;border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;background:linear-gradient(110deg,#111016,#15111b)}.contact-glow{position:absolute;width:510px;height:400px;left:42%;top:-170px;background:radial-gradient(ellipse,rgba(139,81,197,.2),transparent 70%);pointer-events:none}.contact-copy,.contact-side{position:relative}.contact-copy h2{margin:22px 0 14px;font-size:clamp(45px,6vw,69px);line-height:.95;letter-spacing:-.07em;font-weight:540}.contact-copy>p:not(.eyebrow){max-width:360px;color:#98919e;font-size:12px;line-height:1.8}.contact-copy .button{margin-top:14px}.contact-side{justify-self:end;padding-left:42px;border-left:1px solid var(--line)}.contact-mark{color:#c39bf2;font-size:48px;line-height:1}.contact-mark span{color:#77519a}.contact-side p{color:#aaa1af;font:italic 15px/1.45 Georgia,serif}.contact-side>a{display:inline-block;margin-top:16px;color:#d1bfdf;font-size:10px}.contact-side>a span{padding-left:7px;color:#b68ade}.footer{width:min(calc(100% - var(--gutter)*2),var(--max));margin:0 auto;padding:25px 0 36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#706a76;font-size:9px}.footer-brand .brand-mark{width:29px;height:29px;border-radius:9px;font-size:20px}.footer-brand .brand-word{font-size:12px}.footer-brand .brand-word small{font-size:6px}.footer>a:last-child{color:#a59ba9}.is-revealed{animation:rise .7s var(--ease) both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.hero{min-height:740px;grid-template-columns:1fr 1fr;gap:18px}.hero h1{font-size:clamp(49px,7vw,68px)}.hero-art{transform:scale(.88);transform-origin:center}.audience-card{left:-20px}.signal-card{right:-18px}.work-grid{gap:28px 18px}.work-large .work-visual{min-height:520px}.section-heading{gap:30px}}@media(max-width:700px){:root{--gutter:22px}.site-header{top:10px}.nav-shell{min-height:62px;padding:0 13px;border-radius:15px}.brand-mark{width:33px;height:33px}.brand-word{font-size:13px}.menu-toggle{display:grid;align-content:center;gap:5px;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:transparent}.menu-toggle span{display:block;width:15px;height:1px;margin:auto;background:#e4dce9}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(15,13,18,.97);flex-direction:column;align-items:stretch;gap:5px}.nav-links.is-open{display:flex}.nav-links>a:not(.nav-cta){padding:12px 9px}.nav-cta{margin-top:7px;text-align:center}.hero{min-height:0;padding-top:141px;padding-bottom:82px;grid-template-columns:1fr;gap:0}.hero-copy{padding-bottom:0}.hero h1{max-width:520px;font-size:clamp(49px,12vw,70px)}.hero-intro{max-width:390px;font-size:13px}.hero-proof{margin-top:29px}.hero-art{min-height:370px;margin:12px -20px 0;transform:scale(.84)}.main-card{width:min(88vw,470px);padding:21px}.audience-card{left:5%;top:27px}.signal-card{right:5%;bottom:20px}.art-caption{right:8%;top:8px}.hero-bottom{bottom:24px;font-size:7px}.intro{padding:75px 0}.intro-grid{grid-template-columns:1fr;gap:18px;padding:38px 0}.intro-grid p{font-size:13px}.approach-strip{grid-template-columns:1fr}.approach-strip>div{padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.approach-strip>div:last-child{border-bottom:0}.services{padding:60px 0 80px}.section-heading{display:block;padding:39px 0 26px}.section-note{margin:21px 0 0}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:220px;padding:21px 17px}.service-icon{margin-bottom:28px}.card-number{right:17px}.service-card h3{font-size:13px}.service-card p{font-size:10px}.service-card>a{right:17px}.work{padding:0 0 77px}.work-heading{padding-top:40px}.work-heading .under-link{margin-top:20px}.work-grid{grid-template-columns:1fr;gap:25px}.work-large{grid-row:auto}.work-large .work-visual{min-height:420px}.work-visual{min-height:290px}.contact{grid-template-columns:1fr;gap:38px;min-height:0;padding:44px 29px;margin-bottom:37px}.contact-side{justify-self:start;padding-left:0;padding-top:25px;border-left:0;border-top:1px solid var(--line);width:100%}.footer{flex-wrap:wrap;gap:16px}.footer>span{order:3;width:100%}}@media(max-width:390px){.hero-art{margin-inline:-36px;transform:scale(.76)}.hero-actions{gap:17px}.button{gap:13px;padding-inline:17px}.text-link{font-size:10px}.service-grid{grid-template-columns:1fr}.service-card{min-height:195px}.service-icon{margin-bottom:20px}.work-large .work-visual{min-height:340px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:1ms!important}}
.contact-side{width:min(100%,340px)}.lead-form{margin-top:22px}.lead-form label{display:block;margin-top:11px;color:#a79daa;font-size:9px}.lead-form input,.lead-form textarea,.lead-form select{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid rgba(255,255,255,.11);border-radius:7px;outline:none;background:#0c0b10;color:#f0eaf3;font:10px Inter,ui-sans-serif,system-ui,sans-serif}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:rgba(184,137,255,.58)}.lead-form textarea{resize:vertical;line-height:1.5}.lead-form .button{min-height:40px;margin-top:13px;font-size:10px}.form-message{min-height:15px;color:#c49fe8;font-size:9px}.lead-company{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact{align-items:start}.contact-copy{padding-top:15px}.contact-side{padding-top:3px}
.case-preview{position:relative;width:68%;height:62%;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:radial-gradient(ellipse at 78% 20%,rgba(208,176,240,.2),transparent 52%),rgba(13,12,17,.86);box-shadow:0 24px 70px rgba(0,0,0,.4);transform:rotate(-3deg)}.case-preview>span{color:#b7a1cd;font-size:6px;letter-spacing:.15em}.case-preview>b{max-width:260px;color:#f6f0f9;font-size:clamp(17px,2.2vw,30px);line-height:1;letter-spacing:-.055em;font-weight:540}.case-preview>em{color:#b89ed1;font:italic 12px Georgia,serif}.visual-plum .case-preview{background:linear-gradient(140deg,rgba(218,194,234,.95),rgba(144,104,164,.85));color:#201629}.visual-plum .case-preview>b{color:#241b2c}.visual-plum .case-preview>span,.visual-plum .case-preview>em{color:#493857}.visual-night .case-preview{background:radial-gradient(ellipse at 70% 20%,rgba(140,99,197,.24),transparent 55%),rgba(12,11,17,.92)}
.work-empty{grid-column:1/-1;padding:55px 32px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#d2c5de;font:italic 19px Georgia,serif;text-align:center}.work-empty span{display:inline-block;margin-top:12px;color:#837a88;font:10px Inter,ui-sans-serif,system-ui,sans-serif}

/* Purple, image-led hero inspired by the reference agency homepage */
.hero{width:100%;max-width:none;min-height:min(790px,100svh);margin:0;padding:174px max(var(--gutter),calc((100vw - var(--max))/2)) 84px;display:flex;align-items:center;isolation:isolate}
.hero:before{z-index:1;inset:0;width:auto;height:auto;border-radius:0;background:linear-gradient(90deg,rgba(5,4,8,.98) 0%,rgba(8,5,13,.92) 34%,rgba(10,6,14,.48) 61%,rgba(6,4,9,.14) 100%),linear-gradient(0deg,rgba(6,4,9,.5),transparent 35%);pointer-events:none}
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#08060b}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;animation:heroDrift 18s ease-in-out infinite alternate}
.hero-slide:nth-child(2) img{object-position:center 55%}
.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 48%,rgba(126,54,177,.16),transparent 45%);pointer-events:none}
@keyframes heroDrift{from{transform:scale(1)}to{transform:scale(1.055)}}
.hero-copy{width:min(100%,720px);padding:10px 0 0;z-index:2}
.hero .eyebrow{color:#d1b3f5}
.hero h1{max-width:720px;margin:25px 0 23px;font-size:clamp(52px,6.1vw,82px);line-height:.99;letter-spacing:-.067em;font-weight:650}
.hero h1 span{color:#d9c1f5;font-family:inherit;font-style:normal;font-weight:650;letter-spacing:inherit}
.hero-intro{max-width:540px;color:#ded8e3;font-size:16px;line-height:1.75}
.hero-actions{gap:14px;margin-top:32px}
.hero .button{min-height:51px;border-radius:9px;font-size:11px;font-weight:700;letter-spacing:.015em}
.hero .button-primary{padding:0 23px;border:1px solid #eee8f5;color:#fff;background:linear-gradient(130deg,#762bb2,#5420a0);box-shadow:0 12px 38px rgba(99,39,145,.3)}
.hero .button-primary:hover{background:linear-gradient(130deg,#963fce,#7137bf)}
.hero .button-secondary{padding:0 22px;border:1px solid rgba(237,225,247,.55);background:rgba(20,16,25,.62);color:#f5eff9;backdrop-filter:blur(10px)}
.hero .button-secondary span{color:#d5b1f1}
.hero .hero-bottom{z-index:2;left:max(var(--gutter),calc((100vw - var(--max))/2));right:max(var(--gutter),calc((100vw - var(--max))/2));bottom:27px;color:rgba(240,231,248,.55)}
.hero-scroll b{color:#d1a5f4}
.hero-controls{position:absolute;z-index:3;right:max(30px,calc((100vw - var(--max))/2));top:52%;display:grid;justify-items:center;gap:11px}
.hero-controls button{width:44px;height:44px;border:1px solid rgba(255,255,255,.52);border-radius:50%;background:rgba(17,13,22,.62);color:#fff;font-size:21px;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,border .2s}
.hero-controls button:hover{background:rgba(114,51,163,.8);border-color:#d5b1f1}
.hero-controls span{color:white;font:600 10px ui-monospace,monospace;letter-spacing:.12em}
.work-visual.has-image{background:#151019}
.work-visual.has-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.work-card:hover .work-visual.has-image>img{transform:scale(1.035)}
.work-visual.has-image:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(0deg,rgba(8,6,11,.88),transparent);pointer-events:none}
.work-visual.has-image .case-preview{z-index:1;align-self:end;margin-bottom:15px;transform:none;width:84%;height:auto;min-height:105px;background:rgba(12,9,15,.76);backdrop-filter:blur(8px)}
@media(max-width:700px){.hero{min-height:750px;padding:145px 22px 95px;align-items:center}.hero:before{background:linear-gradient(90deg,rgba(5,4,8,.96),rgba(7,5,10,.72) 72%,rgba(5,4,8,.48)),linear-gradient(0deg,rgba(6,4,9,.7),transparent 50%)}.hero-slide img{object-position:60% center}.hero-copy{padding-right:25px}.hero h1{font-size:clamp(46px,11.5vw,68px)}.hero-intro{font-size:13px}.hero-controls{top:auto;right:22px;bottom:33px;display:flex;align-items:center;gap:9px}.hero-controls button{width:37px;height:37px;font-size:18px}.hero-controls span{order:-1;margin-right:4px}.hero .hero-bottom{left:22px;right:22px;bottom:23px}.hero-scroll{display:none}.hero-actions{flex-wrap:wrap;gap:10px}.hero .button{min-height:46px;padding-inline:15px;font-size:9px}.work-visual.has-image .case-preview{width:90%;margin-bottom:11px;padding:17px}}
@media(prefers-reduced-motion:reduce){.hero-slide img{animation:none}.hero-slide{transition:none}}

/* Production project listing: real project media and useful category filters */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;align-items:start}
.work-large{grid-row:auto}
.project-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.project-filter{min-height:37px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.015);color:#aaa2b1;font-size:10px;cursor:pointer;transition:color .2s,border .2s,background .2s}
.project-filter:hover,.project-filter.is-active{border-color:rgba(182,123,236,.55);background:rgba(137,74,190,.11);color:#eadbfa}
.project-card{min-width:0}
.project-image{position:relative;min-height:330px;aspect-ratio:1.48;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#100d14;color:#fff}
.project-image.has-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.72,.22,1)}
.project-card:hover .project-image.has-image img{transform:scale(1.035)}
.project-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(8,6,11,.46),transparent);pointer-events:none}
.project-open{position:absolute;z-index:2;right:16px;bottom:15px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(14,11,18,.72);font-size:10px;font-weight:650;backdrop-filter:blur(10px)}
.project-open b{color:#d4a6f7;font-size:14px}
.project-image-placeholder{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 65% 45%,rgba(124,61,168,.2),transparent 46%),linear-gradient(145deg,#17111d,#0d0b10)}
.project-image-placeholder i{position:absolute;width:46%;aspect-ratio:1;border:1px solid rgba(206,172,232,.16);border-radius:50%;transform:translate(18%,0);box-shadow:0 0 80px rgba(137,72,180,.12)}
.project-image-placeholder b{position:absolute;top:22px;left:22px;color:#766b7f;font-size:8px;letter-spacing:.18em}
.project-meta{padding:19px 2px 0}
.project-meta>p:first-child{margin:0 0 8px;color:#b78be6;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.project-meta h3{margin:0;color:#f3edf7;font-size:clamp(18px,2vw,25px);font-weight:560;letter-spacing:-.045em}
.project-summary{max-width:590px;margin:9px 0 0;color:#98909e;font-size:11px;line-height:1.7}
.project-link{display:inline-flex;align-items:center;gap:10px;margin-top:14px;color:#ddd0e9;font-size:10px}
.project-link span{color:#c59be9}
.project-empty{grid-column:1/-1;max-width:650px;padding:62px 28px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 50% 0,rgba(139,74,183,.11),transparent 54%),#0e0c11;text-align:center}
.project-empty-mark{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 18px;border:1px solid rgba(184,137,255,.28);border-radius:12px;background:rgba(184,137,255,.08);color:#d1a9f1;font-size:24px}
.project-empty h3{margin:0;font-size:19px;font-weight:550;letter-spacing:-.03em}
.project-empty p{max-width:420px;margin:10px auto 0;color:#948c99;font-size:11px;line-height:1.7}
.work-grid [hidden]{display:none!important}
@media(max-width:700px){.work-grid{grid-template-columns:1fr;gap:30px}.project-image{min-height:230px;aspect-ratio:1.35}.project-filters{gap:7px;margin-bottom:20px}.project-filter{min-height:34px;padding:0 12px;font-size:9px}}

.project-preview-label{font-weight:550;color:#e6d9ef}

/* Updated full-bleed image-led hero: supplied Innovelous campaign photography */
.hero.section{width:100%;max-width:none;min-height:min(860px,100svh);height:min(860px,100svh);margin:0;padding:190px max(var(--gutter),calc((100vw - 1320px)/2)) 92px;display:flex;align-items:center;position:relative;isolation:isolate;grid-template-columns:none;gap:0}
.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#09060e}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.hero-slide.is-active{opacity:1}
.hero-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;animation:heroDrift 20s ease-in-out infinite alternate;filter:saturate(.9) contrast(1.04)}
.hero-media:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(8,5,13,.98) 0%,rgba(8,5,13,.94) 22%,rgba(8,5,13,.78) 39%,rgba(8,5,13,.34) 60%,rgba(8,5,13,.05) 100%),linear-gradient(0deg,rgba(5,4,9,.58),transparent 34%,rgba(5,4,9,.12));pointer-events:none}
.hero-media:after{content:"";position:absolute;z-index:1;inset:0 48% 0 0;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.9) 42%,transparent 100%);pointer-events:none}
.hero-shade{position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse at 76% 46%,rgba(137,78,202,.15),transparent 44%);pointer-events:none}
.hero-copy{position:relative;z-index:4;width:min(100%,650px);padding:0 0 28px;margin:0;animation:heroCopyIn .85s both}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.hero .eyebrow{color:#d9c4f5;font-size:10px;letter-spacing:.16em}
.hero h1{max-width:650px;margin:25px 0 22px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(48px,5.3vw,76px);line-height:1.04;letter-spacing:-.065em;font-weight:700;color:#fff}
.hero h1 span{color:#c9b2ff;font-family:inherit;font-style:normal;font-weight:700;letter-spacing:inherit}
.hero-intro{max-width:490px;color:rgba(245,241,250,.82);font-size:16px;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:14px;margin-top:32px}
.hero .button{min-height:52px;border-radius:9px;font-size:11px;font-weight:700;letter-spacing:.02em}
.hero .button-primary{padding:0 24px;border:1px solid rgba(255,255,255,.7);color:#fff;background:linear-gradient(120deg,#6e36c5,#3e2490);box-shadow:0 12px 36px rgba(77,38,139,.34)}
.hero .button-secondary{padding:0 22px;border:1px solid rgba(255,255,255,.48);background:rgba(15,10,23,.42);color:#fff;backdrop-filter:blur(12px)}
.hero .hero-bottom{z-index:4;left:max(var(--gutter),calc((100vw - 1320px)/2));right:max(var(--gutter),calc((100vw - 1320px)/2));bottom:26px;color:rgba(245,239,250,.58)}
.hero-scroll b{color:#c6a2ff}
.hero-controls{z-index:5;right:max(30px,calc((100vw - 1320px)/2));top:50%;transform:translateY(-50%)}
.hero-controls button{border-color:rgba(255,255,255,.45);background:rgba(15,10,23,.48);backdrop-filter:blur(14px)}
.hero-controls span{color:#fff}
@media(max-width:900px){.hero.section{min-height:760px;height:min(820px,100svh);padding-top:170px;padding-bottom:95px}.hero-copy{max-width:610px}.hero h1{font-size:clamp(48px,7vw,68px)}.hero-media:before{background:linear-gradient(90deg,rgba(8,5,13,.97) 0%,rgba(8,5,13,.86) 40%,rgba(8,5,13,.42) 76%,rgba(8,5,13,.2) 100%),linear-gradient(0deg,rgba(5,4,9,.65),transparent 45%)}}
@media(max-width:700px){.hero.section{width:100%;min-height:780px;height:100svh;padding:150px 22px 105px;display:flex;align-items:center}.hero-media:before{background:linear-gradient(90deg,rgba(8,5,13,.94),rgba(8,5,13,.75) 55%,rgba(8,5,13,.42)),linear-gradient(0deg,rgba(5,4,9,.75),transparent 55%)}.hero-media:after{inset:0 20% 0 0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.hero-slide img{object-position:60% center}.hero-copy{padding:0 0 30px}.hero h1{font-size:clamp(43px,11vw,61px);line-height:1.04;max-width:560px;margin:22px 0 18px}.hero-intro{font-size:14px;max-width:390px}.hero-actions{flex-wrap:wrap;margin-top:25px;gap:10px}.hero .button{min-height:48px;padding-inline:16px;font-size:10px}.hero-controls{top:auto;right:22px;bottom:28px;transform:none;display:flex;align-items:center;gap:8px}.hero-controls span{order:-1;margin-right:4px}.hero-controls button{width:37px;height:37px}.hero .hero-bottom{left:22px;right:22px;bottom:23px}.hero-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.hero-slide img{animation:none}.hero-copy{animation:none}.hero-slide{transition:none}}


/* About section — purple digital globe */
.about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);align-items:center;gap:7%;padding:48px 0 58px}
.about-globe-wrap{position:relative;min-width:0;overflow:hidden;border-radius:18px;background:#050407;isolation:isolate}
.about-globe-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#08080a 100%);pointer-events:none}
.about-globe{display:block;width:100%;height:100%;max-height:470px;object-fit:cover;object-position:center;mix-blend-mode:screen}
.about-copy{max-width:470px}
.about-copy .eyebrow{margin:0 0 18px}
.about-copy h2{margin:0;font-size:clamp(46px,5.4vw,68px);line-height:.98;letter-spacing:-.065em;font-weight:540}
.about-copy h2 span{color:#bd91ed}
.about-copy>p:not(.eyebrow){max-width:430px;margin:23px 0 0;color:#9f98a5;font-size:13px;line-height:1.9}
@media(max-width:700px){.about-grid{grid-template-columns:1fr;gap:26px;padding:34px 0 43px}.about-globe-wrap{order:0;border-radius:14px}.about-globe{max-height:340px}.about-copy{order:1}.about-copy h2{font-size:clamp(45px,12vw,62px)}.about-copy>p:not(.eyebrow){font-size:12px}}


/* Image-led services cards */
.service-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0}
.service-image-card{padding:0;min-height:0;border:1px solid rgba(190,160,220,.16);border-radius:15px;overflow:hidden;background:#0c0a10;transition:transform .25s,border-color .25s,background .25s}
.service-image-card:hover{transform:translateY(-4px);border-color:rgba(190,137,245,.48);background:#100c16}
.service-image-card>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.service-card-copy{position:relative;padding:23px 23px 29px;min-height:160px}
.service-card-copy .card-number{top:25px;right:23px}
.service-card-copy h3{margin:0 34px 10px 0;font-size:16px;font-weight:570;letter-spacing:-.025em}
.service-card-copy p{max-width:340px;margin:0;color:#9a929f;font-size:12px;line-height:1.75}
.service-card-copy>a{position:absolute;right:23px;bottom:20px;color:#bd91ed;font-size:16px}
@media(max-width:900px){.service-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.service-image-grid{grid-template-columns:1fr;gap:14px}.service-card-copy{padding:20px 19px 27px}.service-image-card>img{aspect-ratio:16/10}}

/* Supplied logo; original brand markup is preserved. */
.brand > .brand-mark, .brand > .brand-word { display: none; }
.supplied-logo { display: block; position: relative; width: 80px; height: 64px; flex: 0 0 80px; overflow: hidden; }
.supplied-logo img { position: absolute; width: 158px; height: auto; max-width: none; left: -39.6px; top: -24.7px; }

/* Cleaner public page: keep original markup and scripts intact. */
.eyebrow, .section-kicker, .hero-bottom, #heroSlideCount,
.card-number, .approach-strip > div > span, .work-note,
.project-image-placeholder > b, .project-meta > p:first-child,
.footer > span { display: none; }
.service-card-copy h3 { margin-right: 0; }
@media (max-width: 1050px) {
  .nav-shell { position: relative; justify-content: space-between; }
  .menu-toggle { display: grid; align-content: center; gap: 5px; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 11px; background: transparent; }
  .menu-toggle span { display: block; width: 18px; height: 2px; margin: auto; background: #e4dce9; }
  .nav-links { display: none; position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-height: calc(100svh - 110px); overflow-y: auto; padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: #100d16; flex-direction: column; align-items: stretch; gap: 5px; }
  .nav-links.is-open { display: flex; }
  .nav-links > a { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 12px; font-size: 14px; }
}
@media (max-width: 700px) {
  :root { --gutter: 20px; }
  .hero.section { height: auto; min-height: 100svh; padding: 130px 20px 100px; }
  .hero-copy { width: 100%; min-width: 0; padding: 0; }
  .hero h1 { font-size: clamp(36px, 10vw, 58px); overflow-wrap: break-word; }
  .hero-intro { font-size: 16px; line-height: 1.7; }
  .hero-actions { align-items: stretch; }
  .hero .button { min-height: 48px; font-size: 13px; }
  .hero-controls { bottom: 24px; right: 20px; }
  .hero-controls button { width: 44px; height: 44px; }
  .section-heading { padding-top: 20px; }
  .section-note, .about-copy > p:not(.eyebrow), .contact-copy > p:not(.eyebrow), .service-card-copy p, .project-summary, .project-empty p { font-size: 15px; line-height: 1.75; }
  .approach-strip small { font-size: 13px; }
  .about-grid, .contact { min-width: 0; }
  .contact { padding: 32px 20px; }
  .contact-copy, .contact-side, .lead-form { min-width: 0; max-width: 100%; }
  .contact-side > a { font-size: 14px; overflow-wrap: anywhere; }
  .lead-form label { font-size: 14px; }
  .lead-form input, .lead-form select, .lead-form textarea { width: 100%; max-width: 100%; min-width: 0; font-size: 16px; }
  .lead-form button, .button { min-height: 48px; font-size: 13px; }
  .under-link, .project-link, .project-open, .project-filter { font-size: 13px; min-height: 44px; }
  .project-link, .under-link { display: inline-flex; align-items: center; }
  .service-card-copy { padding-bottom: 62px; }
  .service-card-copy > a { display: grid; place-items: center; width: 44px; height: 44px; right: 12px; bottom: 8px; }
  .footer > a:last-child { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
}
@media (max-width: 380px) {
  .hero-actions { flex-direction: column; }
  .hero-actions .button { justify-content: center; width: 100%; }
}

.contact-logo .original-contact-mark { display:none; }
.service-card-copy p, .project-summary { white-space:pre-line; overflow-wrap:anywhere; }