:root{--bg:#0e0d12;--panel:#19171f;--ink:#f6f3fa;--muted:#bbb5c5;--accent:#c09bff;--line:#34303d;--radius:6px;--color-destructive:#ffacae}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{padding:24px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;line-height:1}.brand strong{display:block;font-size:29px;letter-spacing:-1.5px;font-style:italic}.brand strong span{color:var(--accent)}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:9px;text-transform:uppercase}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:14px}nav [aria-current]{color:var(--accent)}.button,button{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#1a102b;padding:13px 23px;text-decoration:none;font:700 14px/1.4 Arial;cursor:pointer;border-radius:var(--radius)}.textlink{display:inline-block;margin:14px 0;color:var(--accent);text-underline-offset:5px}.wrap{padding:75px 6vw}.hero{min-height:660px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:6vw;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#332047 0,transparent 52%)}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}h1{font-size:clamp(43px,5.6vw,86px);line-height:1.04;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-1.3px}h3{font-size:25px;line-height:1.2;margin:12px 0}p{max-width:660px;color:var(--muted)}.lead{font-size:20px}.hero-art{position:relative;min-height:370px;display:grid;place-content:center;border-top:1px solid #76518e;border-bottom:1px solid #76518e;transform:skewY(-7deg)}.hero-art b{font-size:clamp(90px,16vw,220px);line-height:.85;font-style:italic;letter-spacing:-18px;color:#b48ce8;text-shadow:7px 7px 0 #33233f}.hero-art span{letter-spacing:8px;font-size:15px;text-align:center;margin-top:30px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 6vw;display:flex;gap:35px;flex-wrap:wrap;font-size:13px;color:#ded7e9}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;display:block}.card:hover{border-color:var(--accent)}.num{font-size:12px;color:var(--accent);letter-spacing:2px}.card p{font-size:15px}.card .arrow{color:var(--accent)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.tint{background:#17131e}.steps{margin:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;padding:22px 0;border-bottom:1px solid var(--line)}.steps li:before{content:"0" counter(step);color:var(--accent);margin-right:20px;font-size:13px}.steps p{margin-left:39px;font-size:15px}.cta{padding:45px;border:1px solid #634c80;background:#241a31;border-radius:var(--radius)}footer{padding:40px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;color:var(--muted);font-size:13px}footer p{margin:6px 0}.pagehero{padding-bottom:45px}.pagehero h1{max-width:1000px}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.services article{padding:35px;background:var(--panel);border-top:2px solid var(--accent);scroll-margin-top:25px}.services article:last-child{grid-column:1/-1}.services ul{padding-left:20px;color:var(--muted);font-size:15px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}.contact-details{padding:30px;background:var(--panel);margin-top:30px}.contact-details a{color:var(--accent)}form{padding:35px;background:var(--panel);border:1px solid var(--line)}label{display:block;font-size:14px;margin-bottom:7px}input,textarea,select{width:100%;background:#100e15;border:1px solid #696171;color:white;border-radius:var(--radius);padding:12px;font:16px Arial}textarea{min-height:120px;resize:vertical}.field{margin-bottom:20px}.field p{font-size:13px;margin:5px 0}.error{color:var(--color-destructive)}button:disabled{opacity:.55;cursor:wait}.success{padding:25px;border:1px solid var(--accent)}.privacy{font-size:12px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;color:black;z-index:5;padding:10px}@media(max-width:760px){header{align-items:start;padding:22px 6vw;flex-direction:column;gap:22px}nav{gap:23px;width:100%;flex-wrap:wrap}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{min-height:210px;margin:25px 0}.hero-art b{font-size:140px}.hero-art span{font-size:11px}.wrap{padding:48px 6vw}h1{letter-spacing:-2px}.grid,.split,.services{grid-template-columns:1fr}.services article:last-child{grid-column:auto}.sectionhead{display:block}.strip{gap:15px 25px}footer{flex-direction:column}.cta,form{padding:25px}}
.brand-image{position:relative;display:block;flex-shrink:0;width:310px;max-width:82vw;height:58px;overflow:hidden;mix-blend-mode:lighten}.brand-image img{position:absolute;display:block;width:107%;max-width:none;height:auto;left:-3.5%;top:-50%}@media(max-width:400px){.brand-image{width:270px;height:51px}}

/* Logo framing and background blend */
.brand-image{height:64px;isolation:auto}.brand-image img{top:-25px} @media(max-width:400px){.brand-image{height:56px}.brand-image img{top:-22px}}

.hero-art.hero-logo{min-height:0;display:block;border:0;transform:none;mix-blend-mode:lighten}.hero-logo img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:760px){.hero-art.hero-logo{width:min(100%,460px);margin:10px auto 0}}

.work-visual { position: relative; margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.work-visual img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.work-visual figcaption { padding: 8px 12px; color: var(--muted); font-size: 12px; }
.service-visuals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding-top: 0; padding-bottom: 0; }
.contact-visual { margin-top: 24px; }
.recent-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 22px; }
.recent-grid:not(:empty) { margin-block: 24px; }
.recent-brand { width: 100px; mix-blend-mode: lighten; }
.recent-brand img { display: block; width: 100%; height: auto; }
.recent-work { border-top: 1px solid var(--line); background: var(--panel); }
@media (max-width: 960px) { nav { gap: 14px; flex-wrap: wrap; } }
@media (max-width: 760px) { .service-visuals { grid-template-columns: 1fr; } }

.brand-image{height:auto}.brand-image .brand-art{display:block;position:relative;width:100%;aspect-ratio:8.7;overflow:hidden}.brand-image img{top:auto;bottom:0;transform:translateY(39%)}.brand-image .brand-tagline{display:block;margin-top:5px;color:#edeaf1;text-align:center;font-size:clamp(10px,2.8vw,14px);font-weight:700;letter-spacing:.045em;line-height:1.2}

.brand-wordmark { display: block; flex-shrink: 0; font-family: inherit; }
.brand-wordmark .wordmark-name { display: block; font-size: clamp(34px, 4vw, 48px); font-weight: 700; letter-spacing: -0.04em; }
.brand-wordmark { padding-bottom: 6px; border-bottom: 2px solid var(--accent); }
