/* OLIV — clearer copy, richer brand color, consistent editorial grid. */
:root{--bg:#100b19;--raised:#191123;--text:#faf7ff;--muted:#c2b8ce;--line:#3c2b50;--accent-light:#c49aff;font-family:Arial,Helvetica,sans-serif}
html,body{overflow-x:hidden}
body{background:#100b19;background-image:radial-gradient(ellipse 750px 620px at 84% 220px,#49207d38,transparent 80%)}
.site-header{background:#100b19f7;border-bottom-color:#352143}.nav{gap:22px}.nav nav{gap:23px}.nav nav a{font-size:13px;color:#d1c5dc}.nav nav a[aria-current]{color:#dab8ff}.nav-cta{border-color:#7c4daf!important;background:#241335}.brand-period{color:#bd78ff}.skip{z-index:1000}.btn{font-size:14px;min-height:50px}.btn.primary{background:#7d32e5;border-color:#a468f3;box-shadow:0 4px 20px #5a149826}.btn.ghost{border-color:#604276}.btn:hover{background:#392346;border-color:#b685eb}.btn.primary:hover{background:#8c41ef}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e0b9ff;outline-offset:4px}.btn.small{font-size:13px;min-height:44px}.text-link{font-size:14px;min-height:44px}.eyebrow{font-size:11px;color:#d3bedf}.eyebrow i{background:#c276ff}.micro{font-size:11px}.section{padding-block:74px}.hero{padding-block:50px 52px;gap:62px}.hero-copy h1{font-size:clamp(49px,5.15vw,74px)}.hero-copy h1 span{color:#c28eff}.hero-copy>p{font-size:17px;color:#cec2dc}.hero-copy .eyebrow{font-size:11px}.hero-note{font-size:12px;color:#c0adcd}.mini-dots i{width:9px;height:9px}.hero-art{background:#c29aef;border:1px solid #c997fc;border-radius:12px;aspect-ratio:1/1;box-shadow:0 0 65px #6815ac20}.hero-art>img{mix-blend-mode:multiply}.art-top{font-size:10px;font-weight:600}.art-top>span:first-child{font-size:18px}.art-bottom{font-size:13px;border-top-color:#9167bd;color:#29123d}.section-heading{gap:45px;margin-bottom:34px}.section-heading p{font-size:16px;color:#c8b8d5}.division-card{background:linear-gradient(150deg,color-mix(in srgb,var(--card-color) 16%,#21162c),#1b1423 60%);border-color:color-mix(in srgb,var(--card-color) 36%,#3a294b);border-top:3px solid var(--card-color);padding:25px 18px 0}.division-card:hover{background:color-mix(in srgb,var(--card-color) 20%,#1f152b)}.division-top{margin-bottom:24px}.division-top img{width:55px;height:55px;border:1px solid color-mix(in srgb,var(--card-color) 40%,#55436a)}.division-top>.micro{color:#ac99be}.division-card>.micro{font-size:10px}.division-card h3{font-size:27px}.division-card p{font-size:13px;line-height:1.7;min-height:44px;color:#d1c4dc}.division-foot{font-size:12px;border-top-color:#4b355e;padding-block:17px}.under-note{font-size:12px;align-items:center;color:#bca7ce}.under-note>span:first-child{color:#cbb7de}.under-note .text-link{font-size:12px;gap:22px}.connection-strip{background:#29113f;border-block:1px solid #613780}.connection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding-block:30px}.connection-steps>div{display:flex;align-items:center;gap:17px;font-size:15px;color:#e7d2f7}.connection-steps b{color:#c58df3;font-size:12px;letter-spacing:.08em;font-weight:400}.project-cover{border:1px solid #634077;border-radius:10px}.project-cover.identity{background:#bc8ce9}.project-cover.social{background:#1a1028;padding:14px}.project-meta h3{font-size:24px}.project-meta .micro{font-size:11px;color:#c1a6d7}.cover-label{font-size:10px}.instagram-inline{display:flex;justify-content:flex-end;margin-top:24px}.instagram-inline .text-link{font-size:13px}.compact-results{padding-block:50px 23px;background:#21122f;border-color:#4c2f60}.compact-results .metrics{margin-top:0}.metrics strong{color:#efe0ff;font-size:77px}.metrics strong span{color:#cb92fa}.metrics p{font-size:14px;color:#c5b3d3}.metrics article+article{border-color:#654775}.metrics .micro{color:#c5a2df}.fine{font-size:12px;color:#b49bc5}.faq-section>div>p{max-width:330px;font-size:15px}.faq-list details{border-color:#503b62}.faq-list summary{font-size:15px;padding-block:24px}.faq-list details p{font-size:15px;color:#cabbda}.cta{background:linear-gradient(115deg,#6621ce,#822beb);border:1px solid #b477f1;padding:48px 52px}.cta h2{font-size:54px}.cta p{font-size:16px;color:#f0defc}.cta .eyebrow{font-size:10px;color:#edd6ff}.cta-actions{min-width:242px}.cta-actions .btn{font-size:14px}.cta .btn.light{border-color:#d3a9fc}.footer-grid{grid-template-columns:1.2fr .8fr .9fr 1.5fr;gap:35px}.footer-grid>div>a:not(.brand){font-size:13px;color:#c3afcf;overflow-wrap:anywhere}.footer-grid h3{font-size:14px}.footer-grid p{font-size:14px}.footer-grid>div>.micro{font-size:11px;color:#b69acb}.footer-grid .brand img{width:36px;height:36px}.footer-bottom{font-size:11px;color:#b8a0c9;padding-bottom:75px}.footer-bottom a,.footer-bottom button{min-height:32px;display:inline-flex;align-items:center}.footer-bottom>div{gap:20px}.footer-grid{padding-bottom:42px}.page-hero{padding-block:58px 48px}.page-hero .lead{font-size:19px}.division-hero{padding-block:47px 60px}.division-hero .lead{font-size:17px}.division-hero .eyebrow{font-size:12px}.division-image{border-color:#664878;border-radius:12px}.division-image>.micro{font-size:11px;background:#1d1128}.breadcrumb{font-size:13px;color:#c4a5db;min-height:38px}.offering-grid article{border-color:#5b3f70;background:#21152d}.offering-grid h3{font-size:23px}.offering-grid p{font-size:15px;color:#d0bedc}.division-process{margin-top:32px;border-top:1px solid #5d4270;padding-top:27px}.division-process>.micro{color:var(--accent-light)}.division-process ol{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-left:20px;margin:18px 0 0}.division-process li{font-size:14px;color:#cfbddb;padding-left:3px}.division-process li::marker{color:var(--accent-light)}.story-grid p{font-size:16px;line-height:1.8}.principles{display:grid;gap:10px;border-left:2px solid #aa61ef;padding-left:20px;margin-top:25px;font-size:15px;color:#dec5f1}.about-art{background:#cba4f0}.case-story p{font-size:16px}.case-story h2{font-size:29px}.filter{font-size:14px;border-color:#6c4884;min-height:48px}.contact-layout{gap:58px;grid-template-columns:.82fr 1.3fr}.contact-card{padding:26px;background:#271538;border-color:#76508c;display:flex;flex-direction:column;gap:12px}.contact-card h2{font-size:29px;margin:14px 0 4px}.contact-card p{font-size:15px;margin:0 0 10px}.contact-card .contact-olivia{border-radius:8px;width:100%;height:230px;object-fit:cover;object-position:center 18%}.contact-card .btn{width:100%;font-size:14px}.contact-other a{font-size:15px}.contact-other p{margin-top:20px;font-size:12px;color:#bda2cf}.form-intro{font-size:13px;color:#bcabcb}.form-grid label{font-size:14px;color:#e6d9ee}.form-grid label small{font-size:12px;color:#bca8cd}.form-grid input,.form-grid textarea,.form-grid select{background:#201529;border-color:#795889;font-size:16px}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#b7a4c2}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#d8a0ff}.consent-check{font-size:13px;color:#cbb5d9}.form-status{font-size:15px}.form-status.success{background:#142c22;color:#d2efdf}.form-status.error{background:#321e27;color:#ffe0ed}.legal p{font-size:16px}.legal h2{font-size:29px}.form-grid label,.contact-card,.offering-grid article{min-width:0}.no-top{padding-top:0}
@media(max-width:1200px){.nav nav{gap:15px}.nav nav a{font-size:12px}.nav{gap:14px}.nav-cta{gap:12px!important;font-size:12px!important}.hero{gap:35px}.division-card{padding-inline:14px}.division-card h3{font-size:24px}.division-card p{font-size:12px}.division-foot{font-size:11px}.footer-grid{gap:24px}.footer-grid>div>a:not(.brand){font-size:12px}.connection-steps{gap:20px}.connection-steps>div{font-size:13px}}
@media(max-width:950px){.nav nav{gap:13px}.nav nav a{font-size:11px}.nav .brand{font-size:26px}.nav .brand img{width:30px;height:30px}.nav-cta{padding:9px 11px!important;font-size:11px!important;gap:10px!important}.hero{gap:25px}.hero-copy h1{font-size:clamp(44px,5.5vw,57px)}.hero-copy>p{font-size:15px}.hero-copy .eyebrow{font-size:10px}.hero-note{font-size:11px}.division-card h3{font-size:24px}.division-card p{font-size:12px}.section-heading>p{font-size:14px}.metrics strong{font-size:64px}.metrics p{font-size:12px}.footer-grid{grid-template-columns:1.3fr .8fr .9fr}.footer-grid>div:last-child{grid-column:1/-1;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-grid>div:last-child h3,.footer-grid>div:last-child p{margin-bottom:11px}.division-process ol{grid-template-columns:1fr 1fr}.contact-layout{gap:30px}.contact-card{padding:22px}.contact-card h2{font-size:27px}.contact-other a{font-size:13px}}
@media(max-width:800px){.nav{height:74px;gap:12px}.nav-cta{margin-left:auto}.nav nav{top:74px;background:#1c1028;gap:0}.nav nav a{font-size:16px;padding:16px}.hero-art{aspect-ratio:1/1.2}.section{padding-block:59px}.hero-note{font-size:10px}.hero .actions .btn{font-size:12px}.hero-copy h1{font-size:clamp(40px,5.8vw,49px)}.hero-copy>p{font-size:15px}.under-note{font-size:11px}.connection-steps{grid-template-columns:1fr;gap:18px;padding-block:26px}.connection-steps>div{font-size:16px}.section-heading{gap:25px}.project-meta h3{font-size:21px}.project-meta .micro{font-size:10px}.faq-section{gap:34px}.faq-list summary{font-size:15px}.compact-results{padding-top:48px}.cta{padding:35px}.cta h2{font-size:43px}.cta-actions{min-width:205px}.cta-actions .btn{font-size:13px}.cta p{font-size:14px}.cta .eyebrow{font-size:9px}.page-hero{padding-block:46px}.contact-card .contact-olivia{height:195px}.no-top{padding-top:0}}
@media(max-width:560px){.nav{gap:9px}.nav .brand{font-size:25px}.nav .brand img{width:29px;height:29px}.nav-cta{display:none}.menu-button{width:44px;height:44px}.hero{padding-block:37px 35px;gap:29px}.hero-copy h1{font-size:clamp(41px,10.5vw,57px)}.hero-copy .eyebrow{font-size:10px;letter-spacing:.09em}.hero-copy>p{font-size:16px;line-height:1.7}.hero-note{font-size:11px}.hero-art{aspect-ratio:1/1;max-height:400px;border-radius:9px}.art-top{font-size:9px}.art-bottom{font-size:12px}.hero .actions .btn{font-size:12px;padding:14px 16px;gap:12px;min-height:50px}.section{padding-block:47px}.section-heading p{font-size:16px}.section-heading .eyebrow{font-size:10px}.division-grid{gap:12px}.division-card{padding:20px 23px 0}.division-top img{height:55px;width:55px}.division-card h3{font-size:28px;margin-bottom:8px}.division-card p{font-size:13px;min-height:0;margin-bottom:18px}.division-card>.micro{font-size:10px}.division-foot{font-size:13px;padding-block:13px}.under-note{margin-top:17px;font-size:12px}.under-note>.text-link{display:inline-flex;margin-top:10px;font-size:13px}.connection-steps{gap:17px}.project-grid{gap:27px}.project-meta h3{font-size:23px}.project-meta .micro{font-size:11px}.project-cover{aspect-ratio:1.4}.instagram-inline{justify-content:flex-start}.compact-results{padding-block:28px 20px}.metrics{gap:15px}.metrics article,.metrics article+article{padding-block:18px 0;gap:20px}.metrics strong{font-size:62px;min-width:140px}.metrics p{font-size:13px}.metrics .micro{font-size:10px;top:2px}.fine{font-size:12px}.faq-section{gap:23px}.faq-section>div>p{font-size:16px;max-width:100%}.faq-list summary{padding-block:20px;font-size:16px}.faq-list details p{font-size:16px}.cta{padding:29px 23px}.cta h2{font-size:42px}.cta p{font-size:16px}.cta .eyebrow{font-size:10px}.cta-actions .btn{font-size:15px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{display:block}.footer-grid>div>a:not(.brand){font-size:14px;line-height:1.6;margin-bottom:13px}.footer-grid h3{font-size:15px}.footer-grid>div>.micro{font-size:12px}.footer-bottom{padding-bottom:105px;font-size:12px;gap:16px}.footer-bottom>div{flex-wrap:wrap;gap:15px}.page-hero h1{font-size:42px}.page-hero .lead{font-size:17px}.division-hero{padding-block:35px 45px;gap:30px}.division-hero h1{font-size:44px}.division-hero .lead{font-size:17px}.division-hero .eyebrow{font-size:12px}.division-process ol{grid-template-columns:1fr;gap:13px}.division-process li{font-size:16px}.offering-grid p{font-size:16px}.case-story p{font-size:16px}.case-story{gap:30px}.gallery{padding-bottom:15px}.contact-layout{display:flex;flex-direction:column-reverse;gap:34px}.contact-layout form,.contact-layout aside{width:100%}.contact-card{padding:26px}.contact-card .contact-olivia{height:220px}.contact-card h2{font-size:29px}.contact-other a{font-size:15px}.contact-card .btn{font-size:15px}.contact-card p{font-size:16px}.form-grid label{font-size:15px}.consent-check{font-size:14px}.form-intro{font-size:14px}.legal h2{font-size:28px}.no-top{padding-top:0}}
@media(max-width:360px){.hero .actions{flex-direction:column}.hero .actions .btn{width:100%}.hero-copy h1{font-size:38px}.hero-copy .eyebrow{font-size:9px}.metrics article,.metrics article+article{gap:12px}.metrics strong{font-size:55px;min-width:128px}.metrics p{font-size:12px}.cta{padding-inline:20px}.cta h2{font-size:37px}}

/* Division worlds: the selected ecosystem color carries through the whole page. */
body[style*="--accent"]{--theme:var(--accent);background-color:color-mix(in srgb,var(--accent) 11%,#100b19);background-image:radial-gradient(ellipse 950px 720px at 88% 90px,color-mix(in srgb,var(--accent) 48%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--accent) 17%,#100b19) 0%,color-mix(in srgb,var(--accent) 10%,#100b19) 45%,color-mix(in srgb,var(--accent) 7%,#100b19) 100%)}
body[style*="--accent"] .site-header{background:color-mix(in srgb,var(--accent) 16%,#100b19f7);border-bottom-color:color-mix(in srgb,var(--accent) 58%,#352143)}
body[style*="--accent"] footer{background:color-mix(in srgb,var(--accent) 12%,#100b19);border-top-color:color-mix(in srgb,var(--accent) 48%,#333036)}
body[style*="--accent"] .cta{background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 70%,#2a103b),color-mix(in srgb,var(--accent) 92%,#43105f));border-color:var(--accent-light)}
body[style*="--accent"] .eyebrow i,body[style*="--accent"] .division-process>.micro{background:var(--accent-light)}
body[style*="--accent"] .btn.primary{background:var(--accent);border-color:var(--accent-light);box-shadow:0 5px 28px color-mix(in srgb,var(--accent) 35%,transparent)}
body[style*="--accent"] .btn.primary:hover{background:var(--accent-light);color:#140d1d}
body[style*="--accent"] .offering-grid article{border-color:color-mix(in srgb,var(--accent) 55%,#5b3f70);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,#21152d),#21152d)}
body[style*="--accent"] .offering-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 20%,transparent)}
body[style*="--accent"] .faq-list details{border-color:color-mix(in srgb,var(--accent) 42%,#503b62)}
body[style*="--accent"] .division-process{border-color:color-mix(in srgb,var(--accent) 50%,#5d4270)}
body[style*="--accent"] .division-process li::marker{color:var(--accent-light)}
body[style*="--accent"] .division-hero{position:relative;isolation:isolate;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 17%,transparent),transparent 56%);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
body[style*="--accent"] .division-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(color-mix(in srgb,var(--accent-light) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent-light) 35%,transparent) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 72%);pointer-events:none}
body[style*="--accent"] .soft{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,#191123),color-mix(in srgb,var(--accent) 7%,#191123));border-block:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
body[style*="--accent"] .offering-grid article{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent-light) 34%,transparent)}
body[style*="--accent"] .offering-grid article::after{content:"";display:block;height:4px;width:34%;margin-top:24px;border-radius:9px;background:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 80%,transparent);animation:oliv-data 3.8s ease-in-out infinite alternate}
body[style*="--accent"] .division-image::before{border-color:color-mix(in srgb,var(--accent-light) 90%,transparent)}
body[style*="--accent"] .division-image::after{border-color:color-mix(in srgb,var(--accent) 95%,transparent)}
.division-hero .lead{max-width:620px}
.division-process ol{position:relative}
.division-process ol::before{content:"";position:absolute;left:0;right:0;bottom:-18px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.7}
@keyframes oliv-data{from{width:24%;transform:translateX(0)}to{width:78%;transform:translateX(12%)}}
.division-image{background:transparent;border:0!important;overflow:visible;isolation:isolate;filter:drop-shadow(0 18px 30px color-mix(in srgb,var(--accent) 15%,transparent));padding:0 0 22px}
.division-image::before,.division-image::after{content:"";position:absolute;inset:7%;border:1px solid color-mix(in srgb,var(--accent-light) 62%,transparent);border-radius:50%;pointer-events:none;z-index:-1;animation:oliv-orbit 12s linear infinite}
.division-image::after{inset:14%;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 62%,transparent);animation-direction:reverse;animation-duration:18s}
.division-image img{width:min(74%,520px);aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 auto;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent-light) 23%,transparent),0 0 70px color-mix(in srgb,var(--accent) 34%,transparent);position:relative;z-index:1;transition:transform .6s ease,filter .6s ease}
.division-image:hover img{transform:scale(1.04) rotate(1deg);filter:saturate(1.1)}
.division-image>.micro{display:block;position:relative;background:transparent!important;color:var(--accent-light);text-align:center;padding:19px 0 0;font-size:11px;letter-spacing:.14em}
.division-process{position:relative;overflow:hidden}
.division-process::after{content:"";display:block;height:5px;width:42%;margin-top:28px;border-radius:99px;background:linear-gradient(90deg,var(--accent),transparent);animation:oliv-scan 4s ease-in-out infinite alternate}
.division-process li{position:relative}
.division-process li::before{content:"";display:block;width:100%;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 10%,transparent));opacity:.75;margin:0 0 9px}
/* Keep the first viewport readable while retaining a gentle entrance motion. */
body[style*="--accent"] .division-hero>div:first-child{animation:oliv-rise-soft .75s ease both}
body[style*="--accent"] .division-hero .division-image{animation:oliv-rise-soft .9s .12s ease both}
body[style*="--accent"] .offering-grid article{animation:oliv-rise-soft .65s ease both}
body[style*="--accent"] .offering-grid article:nth-child(2){animation-delay:.08s}
body[style*="--accent"] .offering-grid article:nth-child(3){animation-delay:.16s}
body[style*="--accent"] .offering-grid article:nth-child(4){animation-delay:.24s}
@keyframes oliv-rise-soft{from{transform:translateY(18px)}to{transform:none}}
@keyframes oliv-orbit{to{transform:rotate(360deg)}}
@keyframes oliv-scan{from{transform:translateX(-3%);opacity:.45}to{transform:translateX(125%);opacity:1}}
@media(prefers-reduced-motion:reduce){.division-image::before,.division-image::after,.division-process::after,body[style*="--accent"] .division-hero>div:first-child,body[style*="--accent"] .division-hero .division-image,body[style*="--accent"] .offering-grid article{animation:none}.division-image img{transition:none}}