:root{
  --primary:#251867;
  --primary-2:#342482;
  --primary-deep:#160d45;
  --accent:#f6741f;
  --accent-2:#ff8b35;
  --bg:#f5f3f8;
  --paper:#ffffff;
  --tint:#f2f0f8;
  --ink:#15121f;
  --muted:#777282;
  --line:rgba(31,24,53,.12);
  --shadow:0 20px 60px rgba(40,24,94,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}button{font:inherit}.section-pad{padding-left:clamp(20px,5vw,82px);padding-right:clamp(20px,5vw,82px)}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:200;opacity:.035;background-image:radial-gradient(#2c205e 0.6px,transparent .7px);background-size:6px 6px;mix-blend-mode:multiply}
.topbar-wrap{position:sticky;top:0;z-index:90;padding:12px clamp(12px,2.3vw,34px) 0;pointer-events:none}
.topbar{pointer-events:auto;height:66px;max-width:1540px;margin:auto;background:rgba(255,255,255,.93);border:1px solid rgba(36,25,97,.08);border-radius:18px;box-shadow:0 12px 34px rgba(30,18,78,.08);backdrop-filter:blur(18px);display:grid;grid-template-columns:190px 1fr 160px;align-items:center;gap:20px;padding:7px 12px 7px 8px;transition:.3s}
.brand{display:flex;align-items:center;gap:10px;min-width:0;font-weight:800}.brand img{width:66px;height:52px;object-fit:contain}.brand span{font-size:14px;white-space:nowrap;color:var(--primary)}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(13px,2.4vw,34px);font-size:13px;font-weight:650}.desktop-nav a{position:relative;padding:20px 0;color:#4c4759}.desktop-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:9px;height:2px;background:var(--primary);transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary)}.desktop-nav a:hover:after,.desktop-nav a.active:after{left:0;right:0}
.nav-cta{height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#ff5a00);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:750;box-shadow:0 9px 22px rgba(246,116,31,.25)}.nav-cta b{font-size:18px}.mobile-menu-btn{display:none;border:0;background:var(--primary);width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-menu-btn span{width:20px;height:2px;background:#fff;border-radius:4px}
.mobile-menu{position:fixed;inset:0;z-index:80;background:var(--primary-deep);color:#fff;opacity:0;visibility:hidden;transition:.3s;padding:100px 26px 34px}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-inner{display:grid;max-width:620px;margin:auto}.menu-mark{margin-bottom:24px}.menu-mark img{width:110px;filter:brightness(0) invert(1)}.mobile-menu a{display:flex;align-items:end;justify-content:space-between;font-size:clamp(32px,9vw,62px);font-weight:800;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14)}.mobile-menu small{font-size:11px;color:rgba(255,255,255,.45)}
.hero{position:relative;min-height:720px;margin-top:-78px;padding-top:160px;padding-bottom:68px;background:linear-gradient(115deg,#1e1458 0%,#2d1b75 52%,#150c43 100%);color:#fff;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
.hero-pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(246,116,31,.55) 0 1.4px,transparent 1.6px);background-size:78px 78px,78px 78px,39px 39px;mask-image:linear-gradient(to left,black,transparent 80%)}
.hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,73,205,.35),transparent 67%);top:-220px;right:22%}.hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(246,116,31,.16),transparent 70%);left:5%;bottom:-160px}.hero-orbit{position:absolute;border:1px solid rgba(246,116,31,.34);border-radius:50%;pointer-events:none}.hero-orbit-a{width:430px;height:430px;left:-240px;bottom:-120px}.hero-orbit-b{width:520px;height:520px;left:-280px;bottom:-170px}.hero-orbit-b:after{content:"";position:absolute;inset:44px;border:1px solid rgba(246,116,31,.22);border-radius:50%}
.hero-copy,.hero-brand{position:relative;z-index:2}.hero-kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.12em;color:#dad4ef}.hero-kicker i{width:26px;height:2px;background:var(--accent);display:block}
.hero h1{font-size:clamp(52px,6.8vw,112px);line-height:.92;letter-spacing:-.055em;margin:24px 0 22px;max-width:780px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--accent);margin-top:10px}.hero-copy>p{max-width:650px;color:#d9d4eb;font-size:clamp(15px,1.35vw,19px);line-height:1.95;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{min-height:51px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:750;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 28px rgba(246,116,31,.24)}.btn-outline{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(12px)}
.hero-brand{display:flex;align-items:center;justify-content:center}.hero-logo-plate{width:min(470px,92%);aspect-ratio:1.15;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);border-radius:32px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 28px 80px rgba(0,0,0,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;backdrop-filter:blur(12px)}.hero-logo-plate:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(116,91,224,.32),transparent 52%)}.hero-logo-plate img{position:relative;width:68%;max-height:67%;object-fit:contain;filter:brightness(0) invert(1);drop-shadow:0 10px 20px rgba(0,0,0,.2)}.plate-label{position:absolute;top:19px;left:22px;font-size:8px;letter-spacing:.22em;color:rgba(255,255,255,.42)}.plate-footer{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.46)}
.capability-strip{position:relative;z-index:4;grid-column:1/-1;background:#fff;color:var(--ink);border-radius:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);margin:36px 5% -112px;padding:14px}.capability-strip article{display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 20px;border-left:1px solid var(--line)}.capability-strip article:last-child{border-left:0}.capability-strip strong{display:block;font-size:13px}.capability-strip small{display:block;color:var(--muted);font-size:9px;margin-top:3px;letter-spacing:.03em}.cap-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#efeafb;color:var(--primary);font-weight:900;font-size:17px}
.section-white{background:#fff}.section-tint{background:var(--tint)}.about{padding-top:154px;padding-bottom:115px}.section-label{display:flex;align-items:center;gap:12px;color:var(--primary);margin-bottom:30px}.section-label span{font-size:9px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.section-label p{font-size:11px;font-weight:750;letter-spacing:.05em;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,110px);align-items:center}.pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#ede9f7;color:var(--primary);font-size:10px;font-weight:800}.about-copy h2,.section-heading h2{font-size:clamp(42px,5.3vw,78px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 20px}.about-copy h2 em,.section-heading h2 em{font-style:normal;color:var(--primary)}.about-copy>p{font-size:16px;line-height:2;color:var(--muted);max-width:690px}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:34px}.about-features>div{border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:30px 1fr;gap:3px 8px}.about-features i{font-style:normal;font-size:10px;color:var(--accent);grid-row:1/3}.about-features strong{font-size:13px}.about-features small{font-size:11px;line-height:1.6;color:var(--muted)}
.about-visual{min-width:0}.studio-card{aspect-ratio:1.32;background:linear-gradient(135deg,#17131d,#241d31);border-radius:26px;overflow:hidden;position:relative;box-shadow:0 28px 60px rgba(24,15,55,.16)}.studio-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px}.studio-ceiling{position:absolute;left:10%;top:4%;right:10%;display:flex;gap:16%;justify-content:center}.studio-ceiling i{width:3px;height:52px;background:#5e5865;position:relative}.studio-ceiling i:after{content:"";position:absolute;width:34px;height:10px;border-radius:50%;background:#d3b487;left:50%;bottom:-4px;transform:translateX(-50%);filter:blur(.4px);box-shadow:0 8px 22px #d3b487}.studio-wall{position:absolute;right:8%;top:18%;width:67%;height:62%;background:linear-gradient(145deg,#2a1a56,#1c123e);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);box-shadow:0 15px 40px rgba(0,0,0,.35)}.studio-wall img{width:55%;filter:brightness(0) invert(1);opacity:.95}.studio-wall p{font-size:9px;color:#c9c1d7;margin:8px 0 0}.studio-floor{position:absolute;left:0;right:0;bottom:0;height:23%;background:linear-gradient(10deg,#16131a,#2c2632);clip-path:polygon(0 58%,100% 0,100% 100%,0 100%)}.studio-plant{position:absolute;left:8%;bottom:13%;width:90px;height:110px}.studio-plant:after{content:"";position:absolute;left:32px;bottom:0;width:34px;height:44px;background:#171717;border-radius:4px 4px 14px 14px}.studio-plant i{position:absolute;width:28px;height:70px;background:linear-gradient(#365b33,#182a1b);border-radius:100% 0 100% 0;transform-origin:bottom center;bottom:37px;left:38px}.studio-plant i:nth-child(1){transform:rotate(-42deg)}.studio-plant i:nth-child(2){transform:rotate(-12deg) scale(.9)}.studio-plant i:nth-child(3){transform:rotate(24deg)}.studio-plant i:nth-child(4){transform:rotate(52deg) scale(.83)}
.services,.work,.process{padding-top:100px;padding-bottom:112px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading>div{max-width:800px}.section-heading>p{max-width:440px;color:var(--muted);line-height:1.9;font-size:14px}.section-heading.compact h2{margin-bottom:0}.service-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{background:#fff;border:1px solid rgba(37,24,103,.08);border-radius:22px;padding:24px;min-height:330px;display:flex;flex-direction:column;position:relative;transition:.3s}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(43,28,102,.12);border-color:rgba(37,24,103,.17)}.service-icon{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 12px 26px rgba(37,24,103,.2)}.card-no{position:absolute;left:24px;top:25px;color:#b9b3c6;font-size:10px}.service-card h3{font-size:24px;margin:42px 0 10px}.service-card p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}.service-card a{margin-top:auto;color:var(--primary);font-weight:750;font-size:12px;padding-top:20px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer;color:#5f5a68}.filters button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project-card{grid-column:span 4;cursor:pointer;background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);transition:.3s}.project-card.featured{grid-column:span 8}.project-card:nth-child(5n+2){grid-column:span 5}.project-card:nth-child(5n+3){grid-column:span 7}.project-image{aspect-ratio:4/3;overflow:hidden;background:#e9e6ed}.project-card.featured .project-image{aspect-ratio:16/9}.project-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-card:hover .project-image img{transform:scale(1.04)}.project-meta{display:flex;justify-content:space-between;align-items:end;padding:17px 18px 20px;gap:10px}.project-meta h3{margin:0 0 5px;font-size:18px}.project-meta span{font-size:10px;color:var(--muted)}.project-meta>b{width:38px;height:38px;border-radius:12px;background:#f0ecf8;color:var(--primary);display:grid;place-items:center}
.empty-work{min-height:360px;border:1px dashed rgba(37,24,103,.2);border-radius:28px;background:linear-gradient(145deg,#f8f7fb,#f0edf8);display:grid;grid-template-columns:.82fr 1fr;align-items:center;gap:60px;padding:50px clamp(28px,6vw,80px)}.empty-work h3{font-size:clamp(42px,5vw,70px);line-height:1.04;margin:14px 0}.empty-work h3 em{font-style:normal;color:var(--primary)}.empty-work p{color:var(--muted);line-height:1.8}.empty-art{aspect-ratio:1.2;position:relative;max-width:440px}.empty-art span{position:absolute;border-radius:18px;box-shadow:0 20px 40px rgba(37,24,103,.12)}.empty-art span:nth-child(1){width:58%;height:70%;right:4%;top:4%;background:var(--primary);transform:rotate(7deg)}.empty-art span:nth-child(2){width:52%;height:65%;left:7%;bottom:0;background:var(--accent);transform:rotate(-8deg)}.empty-art span:nth-child(3){width:42%;height:52%;left:31%;top:25%;background:#fff;border:1px solid var(--line)}.empty-art b{position:absolute;left:43%;top:39%;font-size:44px;color:var(--primary);z-index:2}
.trust-band{background:#fff;padding-top:34px;padding-bottom:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.trust-band>p{font-size:11px;color:var(--muted);margin:0 0 25px}.trust-row{display:flex;justify-content:center;align-items:center;gap:clamp(15px,3vw,48px);flex-wrap:wrap;font-size:16px;font-weight:800;letter-spacing:.07em;color:#aaa4b1}.trust-row i{font-style:normal;color:var(--accent);font-size:12px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);margin-top:48px}.process-grid article{padding:22px 28px 12px 0;min-height:230px;border-left:1px solid var(--line)}.process-grid article:last-child{border-left:0}.process-grid span{font-size:10px;color:var(--accent);font-weight:800}.process-line{width:34px;height:3px;background:var(--primary);margin:18px 0 40px}.process-grid h3{font-size:29px;margin:0 0 10px}.process-grid p{font-size:13px;line-height:1.8;color:var(--muted);max-width:260px}
.quote-section{padding-top:120px;padding-bottom:105px;text-align:center;position:relative}.quote-mark{font-family:Georgia,serif;font-size:110px;height:80px;color:var(--accent);line-height:1}.quote-overline{font-size:10px;letter-spacing:.14em;color:var(--muted)}.quote-section h2{font-size:clamp(50px,7vw,100px);line-height:1.02;letter-spacing:-.05em;margin:20px auto;max-width:1100px}.quote-section h2 em{font-style:normal;color:var(--primary)}.quote-footer{display:flex;justify-content:center;gap:32px;font-size:8px;letter-spacing:.2em;color:#a09aa9;margin-top:45px}
.contact{position:relative;background:linear-gradient(125deg,#1b104e,#2c1b73 58%,#160c43);color:#fff;padding-top:92px;overflow:hidden}.contact-pattern{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,black,transparent 85%)}.contact-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(35px,7vw,100px);align-items:center;padding-bottom:80px}.pill-dark{background:rgba(255,255,255,.1);color:#fff}.contact-copy h2{font-size:clamp(56px,7vw,105px);line-height:.94;letter-spacing:-.05em;margin:18px 0}.contact-copy h2 em{font-style:normal;color:var(--accent)}.contact-copy>p{color:#c7c0dc;font-size:15px}.contact-main-cta{margin-top:28px;display:flex;align-items:center;justify-content:space-between;max-width:470px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:17px;padding:17px 20px;font-weight:750;transition:.25s}.contact-main-cta:hover{background:var(--accent);border-color:var(--accent)}.contact-main-cta b{font-size:22px}.contact-card{background:#fff;color:var(--ink);border-radius:26px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.contact-brand{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.contact-brand img{width:88px;height:72px;object-fit:contain}.contact-brand strong{display:block;font-size:18px;color:var(--primary)}.contact-brand small{display:block;font-size:8px;letter-spacing:.17em;color:var(--muted);margin-top:4px}.contact-lines{display:grid}.contact-lines>a,.contact-lines>div{display:grid;grid-template-columns:140px 1fr 30px;align-items:center;gap:12px;min-height:68px;border-bottom:1px solid var(--line)}.contact-lines>a:last-child,.contact-lines>div:last-child{border-bottom:0}.contact-lines span{font-size:10px;color:var(--muted)}.contact-lines strong{font-size:13px;direction:ltr;text-align:right;overflow-wrap:anywhere}.contact-lines b{color:var(--accent);font-size:18px}.site-footer{position:relative;border-top:1px solid rgba(255,255,255,.14);padding:24px 0 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#aca6c0;font-size:10px}.site-footer>div:first-child{display:flex;gap:14px;align-items:center}.site-footer small{font-size:9px}.site-footer a{text-align:left}.footer-dot{color:var(--accent);font-size:15px}
.project-dialog{width:min(1100px,94vw);max-height:92vh;border:0;border-radius:24px;padding:0;background:#fff;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.35)}.project-dialog::backdrop{background:rgba(17,10,47,.78);backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:14px;float:left;margin:14px;z-index:5;border:0;background:var(--primary);color:#fff;width:46px;height:46px;border-radius:14px;cursor:pointer}.dialog-content{padding:68px clamp(22px,5vw,70px)}.dialog-content h2{font-size:clamp(45px,7vw,92px);line-height:1;margin:12px 0 10px;letter-spacing:-.05em}.dialog-content .lead{color:var(--muted);max-width:720px;line-height:1.9;margin:20px 0 42px}.dialog-gallery{display:grid;gap:14px}.dialog-gallery img{width:100%;display:block;border-radius:17px}.dialog-kicker{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.in{opacity:1;transform:none}
@media (hover:hover) and (pointer:fine){.magnetic{transition:transform .18s ease}}
@media(max-width:1100px){.topbar{grid-template-columns:150px 1fr 140px}.brand span{display:none}.desktop-nav{gap:16px}.hero{grid-template-columns:1fr 1fr}.service-cards{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid article:nth-child(2){border-left:0}.process-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:840px){.topbar{display:flex;justify-content:space-between}.desktop-nav,.nav-cta{display:none}.brand span{display:block}.mobile-menu-btn{display:flex}.hero{grid-template-columns:1fr;padding-top:155px;padding-bottom:110px}.hero-copy{text-align:center}.hero-kicker,.hero-actions{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-brand{margin-top:10px}.hero-logo-plate{max-width:430px}.capability-strip{position:relative;grid-template-columns:repeat(2,1fr);margin:24px 0 -155px}.capability-strip article:nth-child(2){border-left:0}.capability-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.about{padding-top:198px}.about-grid{grid-template-columns:1fr}.about-visual{order:-1}.section-heading{align-items:start;flex-direction:column}.projects{grid-template-columns:1fr}.project-card,.project-card.featured,.project-card:nth-child(5n+2),.project-card:nth-child(5n+3){grid-column:auto}.empty-work{grid-template-columns:1fr;text-align:center}.empty-art{margin:auto;width:min(380px,100%)}.contact-grid{grid-template-columns:1fr}.contact-copy{text-align:center}.contact-main-cta{margin-left:auto;margin-right:auto}.site-footer{grid-template-columns:1fr;gap:15px;text-align:center}.site-footer>div:first-child{justify-content:center}.site-footer a{text-align:center}.footer-dot{display:none}}
@media(max-width:560px){.topbar-wrap{padding:8px 8px 0}.topbar{height:60px;border-radius:15px}.brand img{width:58px;height:46px}.brand span{font-size:12px}.mobile-menu-btn{width:44px;height:44px}.hero{margin-top:-68px;padding-top:132px;padding-left:20px;padding-right:20px}.hero h1{font-size:52px}.hero-actions{flex-direction:column}.btn{width:100%}.hero-logo-plate{width:92%;border-radius:24px}.capability-strip{grid-template-columns:1fr;padding:8px;margin-bottom:-250px}.capability-strip article{border-left:0;border-bottom:1px solid var(--line);justify-content:flex-start;padding:10px 14px}.capability-strip article:nth-child(2){border-bottom:1px solid var(--line)}.capability-strip article:last-child{border-bottom:0}.about{padding-top:290px;padding-bottom:80px}.about-features{grid-template-columns:1fr}.studio-card{aspect-ratio:1.12}.services,.work,.process{padding-top:75px;padding-bottom:80px}.service-cards{grid-template-columns:1fr}.service-card{min-height:280px}.section-heading h2,.about-copy h2{font-size:42px}.section-heading>p{margin-top:-14px}.empty-work{padding:30px 20px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article:nth-child(2){border-left:0;border-bottom:1px solid var(--line)}.process-grid article:last-child{border-bottom:0}.quote-section{padding-top:80px;padding-bottom:75px}.quote-section h2{font-size:48px}.quote-footer{flex-direction:column;gap:8px}.contact{padding-top:70px}.contact-copy h2{font-size:58px}.contact-card{padding:20px}.contact-lines>a,.contact-lines>div{grid-template-columns:105px 1fr 24px}.contact-brand img{width:72px;height:60px}.site-footer>div:first-child{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* ===== V4 portfolio experience ===== */
.projects{gap:22px}
.project-card{position:relative;border:0;border-radius:26px;background:var(--primary-deep);box-shadow:0 18px 46px rgba(31,19,79,.10);isolation:isolate}
.project-image{aspect-ratio:4/3;background:#ece9f3}
.project-card.featured .project-image{aspect-ratio:16/10}
.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(18,10,52,.92) 0%,rgba(18,10,52,.42) 28%,transparent 62%);pointer-events:none}
.project-image{position:relative}
.project-meta{position:absolute;left:0;right:0;bottom:0;z-index:2;align-items:end;padding:24px 24px 22px;color:#fff}
.project-meta h3{font-size:clamp(20px,1.8vw,29px);margin:0 0 6px;letter-spacing:-.025em}
.project-meta span{font-size:10px;color:rgba(255,255,255,.7);letter-spacing:.04em}
.project-meta>b{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);transition:.28s}
.project-card:hover .project-meta>b{background:var(--accent);border-color:var(--accent);transform:rotate(-8deg)}
.project-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:4px}

.project-dialog{width:min(1220px,calc(100vw - 34px));max-height:calc(100vh - 28px);border:0;border-radius:32px;padding:0;background:#f4f1f8;color:var(--ink);box-shadow:0 42px 130px rgba(11,6,34,.52);overflow:auto;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .26s ease,transform .34s cubic-bezier(.2,.85,.25,1)}
.project-dialog.is-open{opacity:1;transform:none}
.project-dialog.is-closing{opacity:0;transform:translateY(12px) scale(.99)}
.project-dialog::backdrop{background:rgba(14,8,42,.78);backdrop-filter:blur(14px);transition:background .25s ease}
.dialog-close{position:sticky;top:16px;float:left;margin:16px 0 -64px 16px;z-index:20;border:1px solid rgba(255,255,255,.22);background:var(--primary);color:#fff;width:48px;height:48px;border-radius:15px;cursor:pointer;font-size:25px;line-height:1;box-shadow:0 12px 30px rgba(32,20,86,.2);transition:.2s}
.dialog-close:hover{background:var(--accent);transform:rotate(6deg)}
.dialog-content{padding:0;min-height:0}
.project-detail{overflow:hidden}
.project-detail-head{background:#fff;padding:clamp(68px,8vw,112px) clamp(28px,7vw,92px) clamp(38px,5vw,68px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;border-bottom:1px solid var(--line)}
.project-detail-copy{min-width:0}
.dialog-kicker{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--accent);font-weight:800;letter-spacing:.08em}
.dialog-kicker i{display:block;width:28px;height:1px;background:rgba(37,24,103,.25)}
.dialog-kicker span:last-child{color:#aaa4b3;letter-spacing:.18em}
.project-detail-head h2{font-size:clamp(48px,7vw,104px);line-height:.92;margin:18px 0 0;letter-spacing:-.055em;max-width:920px}
.project-detail-head .lead{color:var(--muted);font-size:clamp(14px,1.25vw,18px);max-width:760px;line-height:1.9;margin:24px 0 0}
.detail-count{text-align:left;align-self:start;min-width:82px}
.detail-count span{display:block;font-size:8px;color:#9c96a5;letter-spacing:.2em;margin-bottom:7px}
.detail-count strong{font-size:36px;line-height:1;color:var(--primary);font-weight:500}
.project-media-shell{padding:20px clamp(16px,3vw,34px) 32px;background:linear-gradient(180deg,#f4f1f8,#eeebf4)}
.gallery-topline{height:54px;display:flex;align-items:center;justify-content:space-between;direction:ltr;color:#898390;font-size:10px;letter-spacing:.12em;padding:0 4px}
.gallery-actions{display:flex;gap:8px}
.gallery-actions button{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--primary);cursor:pointer;display:grid;place-items:center;font-size:17px;transition:.2s}
.gallery-actions button:hover{background:var(--primary);color:#fff}
.gallery-actions button:disabled{opacity:.35;cursor:default}
.dialog-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;direction:ltr;border-radius:24px}
.dialog-gallery::-webkit-scrollbar{display:none}
.gallery-slide{position:relative;flex:0 0 100%;min-width:0;aspect-ratio:16/10;max-height:720px;border:0;padding:0;border-radius:24px;overflow:hidden;background:#fff;scroll-snap-align:center;cursor:zoom-in;display:grid;place-items:center;box-shadow:0 10px 32px rgba(34,23,72,.08)}
.gallery-slide img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}
.zoom-hint{position:absolute;left:18px;bottom:18px;width:42px;height:42px;border-radius:13px;background:rgba(24,13,67,.78);color:#fff;display:grid;place-items:center;font-size:18px;backdrop-filter:blur(12px);opacity:.78;transition:.25s}
.gallery-slide:hover .zoom-hint{background:var(--accent);opacity:1;transform:translateY(-3px)}
.gallery-dots{display:flex;justify-content:center;gap:7px;margin-top:18px;direction:ltr}
.gallery-dot{border:0;width:7px;height:7px;border-radius:999px;background:#c8c2d1;padding:0;cursor:pointer;transition:.25s}
.gallery-dot.active{width:28px;background:var(--primary)}

.image-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;padding:0;background:rgba(10,6,29,.98);color:#fff;overflow:hidden}
.image-lightbox::backdrop{background:#09051f}
.lightbox-stage{position:absolute;inset:36px 86px;display:grid;place-items:center}
.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 18px 55px rgba(0,0,0,.35))}
.lightbox-stage span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.68);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 14px;backdrop-filter:blur(10px)}
.lightbox-close,.lightbox-nav{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px);cursor:pointer;display:grid;place-items:center;transition:.2s}
.lightbox-close{top:20px;right:20px;width:50px;height:50px;border-radius:15px;font-size:26px}
.lightbox-nav{top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:18px;font-size:20px}
.lightbox-prev{left:18px}.lightbox-next{right:18px}
.lightbox-close:hover,.lightbox-nav:hover{background:var(--accent);border-color:var(--accent)}

@media(max-width:840px){
  .project-card,.project-card.featured,.project-card:nth-child(5n+2),.project-card:nth-child(5n+3){border-radius:24px}
  .project-image,.project-card.featured .project-image{aspect-ratio:16/11}
  .project-meta{padding:22px}
  .project-dialog{width:calc(100vw - 14px);max-height:calc(100vh - 14px);border-radius:28px}
  .dialog-close{top:12px;margin:12px 0 -58px 12px;width:46px;height:46px;border-radius:14px}
  .project-detail-head{grid-template-columns:1fr;padding:74px 24px 28px;gap:18px}
  .project-detail-head h2{font-size:clamp(43px,13vw,68px);line-height:.98;margin-top:14px;letter-spacing:-.045em}
  .project-detail-head .lead{font-size:14px;line-height:1.8;margin-top:15px}
  .detail-count{display:none}
  .project-media-shell{padding:12px 10px 22px}
  .gallery-topline{height:48px;padding:0 6px}
  .gallery-actions button{width:36px;height:36px}
  .dialog-gallery{gap:10px;border-radius:22px}
  .gallery-slide{aspect-ratio:4/5;max-height:62vh;border-radius:22px}
  .zoom-hint{left:14px;bottom:14px;width:40px;height:40px}
  .gallery-dots{margin-top:14px}
  .lightbox-stage{inset:74px 12px 76px}
  .lightbox-nav{top:auto;bottom:16px;transform:none;width:48px;height:48px;border-radius:15px}
  .lightbox-prev{left:18px}.lightbox-next{right:18px}
  .lightbox-close{top:16px;right:16px;width:48px;height:48px}
}
@media(max-width:560px){
  .projects{gap:14px}
  .project-meta h3{font-size:22px}
  .project-meta span{font-size:9px}
  .project-meta>b{width:42px;height:42px}
  .project-detail-head{padding-right:20px;padding-left:20px}
  .dialog-kicker{font-size:9px}
  .gallery-slide{aspect-ratio:4/5;max-height:58vh}
}
@media(prefers-reduced-motion:reduce){.project-dialog{transition:none}.dialog-gallery{scroll-behavior:auto}}

/* ===== V5 mobile project-detail refinement ===== */
@media(max-width:840px){
  .project-dialog{
    width:calc(100vw - 10px);
    max-height:calc(100vh - 10px);
    border-radius:24px;
  }
  .dialog-close{
    top:10px;
    margin:10px 0 -52px 10px;
    width:44px;
    height:44px;
    border-radius:13px;
    font-size:23px;
  }
  .project-detail-head{
    padding:60px 18px 20px;
    gap:10px;
    min-height:0;
  }
  .dialog-kicker{
    gap:8px;
    font-size:8px;
    letter-spacing:.07em;
  }
  .dialog-kicker i{width:22px}
  .dialog-kicker span:last-child{letter-spacing:.15em}
  .project-detail-head h2{
    font-size:clamp(34px,10.2vw,50px);
    line-height:1.02;
    margin-top:10px;
    letter-spacing:-.035em;
    max-width:100%;
  }
  .project-detail-head .lead{
    font-size:13px;
    line-height:1.7;
    margin-top:10px;
  }
  .project-media-shell{
    padding:0 0 14px;
    background:#f3f0f7;
  }
  .gallery-topline{
    height:42px;
    padding:0 18px;
    background:#f3f0f7;
    font-size:9px;
  }
  .dialog-gallery{
    gap:0;
    border-radius:0;
  }
  .gallery-slide{
    aspect-ratio:1/1;
    max-height:none;
    border-radius:0;
    box-shadow:none;
  }
  .gallery-slide img{
    object-fit:contain;
    background:#fff;
  }
  .zoom-hint{
    left:14px;
    bottom:14px;
    width:38px;
    height:38px;
    border-radius:12px;
    font-size:16px;
  }
  .gallery-dots{margin-top:12px}
}
@media(max-width:560px){
  .project-detail-head{padding:58px 16px 18px}
  .project-detail-head h2{font-size:clamp(32px,9.8vw,46px)}
  .project-detail-head .lead{font-size:12.5px}
  .gallery-topline{height:40px;padding:0 16px}
  .gallery-slide{aspect-ratio:1/1}
}

/* ===== V8 direct-from-V5 fixes =====
   1) Desktop hero stays inside viewport.
   2) Project dialog remains viewport-centered at any page scroll position.
   3) Close button no longer floats and therefore creates no white side strip.
   4) Mobile project media stays full-width and compact.
*/

/* Desktop / tablet hero containment */
.hero-copy,.hero-brand{min-width:0}
@media(min-width:841px){
  .hero{
    padding-left:clamp(30px,5vw,88px);
    padding-right:clamp(30px,5vw,88px);
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(28px,4vw,70px);
  }
  .hero-copy{
    width:100%;
    max-width:720px;
    justify-self:center;
  }
  .hero-brand{
    width:100%;
    justify-self:center;
  }
  .hero h1{
    width:100%;
    max-width:720px;
    font-size:clamp(52px,5.65vw,96px);
    letter-spacing:-.045em;
  }
  .hero-copy>p{max-width:620px}
}
@media(min-width:1400px){
  .hero{
    padding-left:max(5vw,78px);
    padding-right:max(5vw,78px);
  }
  .hero h1{font-size:clamp(70px,5.25vw,94px)}
}

/* Project dialog: centered in the viewport, never tied to page scroll */
.project-dialog{
  position:fixed;
  inset:0;
  margin:auto;
  overflow:auto;
  overscroll-behavior:contain;
}
.dialog-close{
  position:sticky;
  top:14px;
  left:14px;
  float:none;
  display:block;
  margin:14px 0 -62px 14px;
  z-index:30;
}
.project-detail{clear:both;width:100%}

@media(max-width:840px){
  .project-dialog{
    width:calc(100vw - 12px);
    max-height:calc(100vh - 18px);
    border-radius:24px;
  }
  .dialog-close{
    top:10px;
    left:10px;
    margin:10px 0 -52px 10px;
    width:44px;
    height:44px;
    border-radius:13px;
  }
  .project-detail-head{
    padding:56px 18px 18px;
    min-height:0;
  }
  .project-detail-head h2{
    font-size:clamp(32px,9.3vw,45px);
    line-height:1.03;
    margin-top:9px;
    max-width:100%;
  }
  .project-detail-head .lead{
    margin-top:9px;
    font-size:12.5px;
    line-height:1.65;
  }
  .project-media-shell{
    padding:0 0 12px;
    width:100%;
    overflow:hidden;
  }
  .gallery-topline{
    height:40px;
    padding:0 16px;
  }
  .dialog-gallery{
    width:100%;
    gap:0;
    border-radius:0;
  }
  .gallery-slide{
    flex-basis:100%;
    width:100%;
    aspect-ratio:1/1;
    max-height:none;
    border-radius:0;
    box-shadow:none;
  }
  .gallery-slide img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#fff;
  }
}

@media(max-width:560px){
  .project-dialog{width:calc(100vw - 10px)}
  .project-detail-head{padding:54px 15px 16px}
  .project-detail-head h2{font-size:clamp(30px,9vw,42px)}
  .gallery-topline{height:38px;padding:0 15px}
}

/* ===== V9 project-detail polish (install over V8) ===== */
@media(max-width:840px){
  .project-dialog{
    width:calc(100vw - 18px);
    max-height:calc(100vh - 24px);
    max-height:calc(100dvh - 24px);
    border-radius:26px;
    scrollbar-width:none;
  }
  .project-dialog::-webkit-scrollbar{display:none}
  .dialog-close{
    top:12px;
    left:12px;
    margin:12px 0 -50px 12px;
    width:42px;
    height:42px;
    border-radius:14px;
    font-size:22px;
    border:1px solid rgba(255,255,255,.34);
    box-shadow:0 10px 28px rgba(35,18,94,.24);
    background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 78%,#000));
  }
  .project-detail-head{
    padding:46px 16px 15px;
    gap:7px;
  }
  .dialog-kicker{font-size:7.5px;gap:7px}
  .dialog-kicker i{width:18px}
  .project-detail-head h2{
    font-size:clamp(29px,8.3vw,39px);
    line-height:1.02;
    margin-top:7px;
    letter-spacing:-.03em;
  }
  .project-detail-head .lead{
    margin-top:6px;
    font-size:11.8px;
    line-height:1.55;
  }
  .detail-count{display:none}
  .gallery-topline{
    height:34px;
    padding:0 14px;
    font-size:8.5px;
  }
  .zoom-hint{
    left:12px;
    bottom:12px;
    width:auto;
    height:34px;
    padding:0 12px;
    border-radius:999px;
    display:flex;
    align-items:center;
    gap:7px;
    font-size:13px;
    background:rgba(37,20,96,.88);
    color:#fff;
    border:1px solid rgba(255,255,255,.24);
    box-shadow:0 8px 22px rgba(24,12,67,.18);
    backdrop-filter:blur(10px);
    opacity:.92;
  }
  .zoom-hint em{
    font-style:normal;
    font-size:9px;
    font-weight:800;
    letter-spacing:0;
    white-space:nowrap;
  }
  .zoom-hint b{font-size:13px;line-height:1}
  .gallery-slide:active .zoom-hint{background:var(--accent);transform:scale(.97)}
}
@media(max-width:560px){
  .project-detail-head{padding:44px 14px 14px}
  .project-detail-head h2{font-size:clamp(28px,8vw,37px)}
  .project-detail-head .lead{font-size:11.5px}
  .gallery-topline{height:32px;padding:0 13px}
  .zoom-hint{left:10px;bottom:10px;height:32px;padding:0 11px}
}

/* ===== V10 motion & homepage experience (install over V9) ===== */
:root{--motion-ease:cubic-bezier(.2,.78,.2,1)}
#about,#services,#work,#process,#contact{scroll-margin-top:88px}

/* subtle page progress + compact sticky header */
.scroll-progress{position:fixed;z-index:140;top:0;left:0;right:0;height:2px;pointer-events:none;background:transparent;direction:ltr}
.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--accent),#ff9b52);transform:scaleX(0);transform-origin:left center;box-shadow:0 0 12px rgba(246,116,31,.35)}
.topbar-wrap{transition:padding .34s var(--motion-ease)}
.topbar{transition:height .34s var(--motion-ease),border-radius .34s var(--motion-ease),box-shadow .34s ease,background .34s ease,max-width .34s var(--motion-ease),transform .34s var(--motion-ease)}
.topbar-wrap.scrolled{padding-top:7px}
.topbar-wrap.scrolled .topbar{height:59px;max-width:1460px;border-radius:15px;background:rgba(255,255,255,.965);box-shadow:0 14px 42px rgba(25,14,70,.14);transform:translateY(-1px)}
.topbar-wrap.scrolled .brand img{transform:scale(.94)}
.brand img{transition:transform .35s var(--motion-ease)}

/* stronger but elegant reveal language */
.motion-enabled .reveal,.motion-enabled .project-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.988);filter:blur(7px);transition:opacity .76s ease,transform .86s var(--motion-ease),filter .7s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}
.motion-enabled .reveal.in,.motion-enabled .project-reveal.in{opacity:1;transform:none;filter:none}
.project-reveal{transition-delay:calc(var(--card-i,0) * 75ms)!important}

/* custom hero intro: the hero appears in layers rather than one block */
.motion-enabled .hero-copy.reveal,.motion-enabled .hero-brand.reveal,.motion-enabled .capability-strip.reveal{opacity:1;transform:none;filter:none;transition:none}
.motion-enabled body:not(.site-ready) .hero-kicker,
.motion-enabled body:not(.site-ready) .hero h1 span,
.motion-enabled body:not(.site-ready) .hero h1 em,
.motion-enabled body:not(.site-ready) .hero-copy>p,
.motion-enabled body:not(.site-ready) .hero-actions{opacity:0;transform:translate3d(0,26px,0)}
.motion-enabled body:not(.site-ready) .hero-brand{opacity:0;transform:translate3d(-28px,22px,0) scale(.96)}
.motion-enabled body:not(.site-ready) .capability-strip{opacity:0;transform:translate3d(0,28px,0) scale(.985)}
.site-ready .hero-kicker{animation:v10HeroUp .58s .08s var(--motion-ease) both}
.site-ready .hero h1 span{animation:v10HeroUp .72s .17s var(--motion-ease) both}
.site-ready .hero h1 em{animation:v10HeroUp .76s .28s var(--motion-ease) both}
.site-ready .hero-copy>p{animation:v10HeroUp .68s .4s var(--motion-ease) both}
.site-ready .hero-actions{animation:v10HeroUp .68s .49s var(--motion-ease) both}
.site-ready .hero-brand{animation:v10BrandIn .9s .24s var(--motion-ease) both}
.site-ready .capability-strip{animation:v10StripIn .75s .62s var(--motion-ease) both}
@keyframes v10HeroUp{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}
@keyframes v10BrandIn{from{opacity:0;transform:translate3d(-30px,24px,0) scale(.955)}to{opacity:1;transform:none}}
@keyframes v10StripIn{from{opacity:0;transform:translate3d(0,30px,0) scale(.985)}to{opacity:1;transform:none}}

/* hero depth: pointer on desktop + gentle scroll drift */
.hero{--plate-rx:0deg;--plate-ry:0deg;--plate-x:0px;--plate-y:0px;--pattern-x:0px;--pattern-y:0px;--hero-scroll-y:0px;--hero-scroll-bg:0px;--orbit-turn:0deg}
.hero-logo-plate{transform:perspective(1000px) rotateX(var(--plate-rx)) rotateY(var(--plate-ry)) translate3d(var(--plate-x),calc(var(--plate-y) + var(--hero-scroll-y)),0);transition:transform .24s ease-out;will-change:transform}
.hero-pattern{transform:translate3d(var(--pattern-x),calc(var(--pattern-y) + var(--hero-scroll-bg)),0) scale(1.025);transition:transform .25s ease-out;will-change:transform}
.hero-orbit-a{transform:rotate(var(--orbit-turn));transition:transform .18s linear}
.hero-orbit-b{transform:rotate(calc(var(--orbit-turn) * -1));transition:transform .18s linear}
.hero-logo-plate:after{content:"";position:absolute;inset:-35%;background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.11) 49%,transparent 61%);transform:translateX(-68%) rotate(8deg);transition:transform 1s var(--motion-ease);pointer-events:none}
.site-ready .hero-logo-plate:after{transform:translateX(68%) rotate(8deg)}

/* staggered children inside revealed groups */
.capability-strip.in article{animation:v10ChildUp .55s var(--motion-ease) both}
.capability-strip.in article:nth-child(1){animation-delay:.02s}.capability-strip.in article:nth-child(2){animation-delay:.09s}.capability-strip.in article:nth-child(3){animation-delay:.16s}.capability-strip.in article:nth-child(4){animation-delay:.23s}
@keyframes v10ChildUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* section labels grow a quiet accent line when visible */
.section-label{position:relative;width:max-content;max-width:100%}
.section-label:after{content:"";height:1px;width:54px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:right center;transition:transform .7s .18s var(--motion-ease)}
.section-label.in:after{transform:scaleX(1)}

/* cards feel physical without becoming flashy */
.service-card{overflow:hidden;isolation:isolate}
.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(246,116,31,.09),transparent 34%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.service-card:hover:before{opacity:1}
.service-card:hover .service-icon{transform:translateY(-3px) rotate(-3deg)}
.service-icon{transition:transform .35s var(--motion-ease),box-shadow .35s ease}
.service-card:hover .service-icon{box-shadow:0 18px 35px rgba(37,24,103,.25)}
.project-card{--card-rx:0deg;--card-ry:0deg;--img-x:0px;--img-y:0px;transform-style:preserve-3d}
@media (hover:hover) and (pointer:fine){
  .project-card.in{transform:perspective(1050px) rotateX(var(--card-rx)) rotateY(var(--card-ry));transition:transform .22s ease-out,box-shadow .35s ease}
  .project-card.in:hover{box-shadow:0 28px 65px rgba(31,19,79,.18)}
  .project-card .project-image img{transform:translate3d(var(--img-x),var(--img-y),0) scale(1.035);transition:transform .28s ease-out}
  .project-card:hover .project-image img{transform:translate3d(var(--img-x),var(--img-y),0) scale(1.075)}
}

/* about visual / quote / contact get restrained life */
.studio-card{transition:transform .5s var(--motion-ease),box-shadow .5s ease}
.about-visual.in .studio-card{animation:v10StudioFloat 7s 1.1s ease-in-out infinite alternate}
@keyframes v10StudioFloat{from{transform:translateY(0)}to{transform:translateY(-6px)}}
.quote-mark.in{transform-origin:center;animation:v10QuotePop .7s var(--motion-ease) both}
@keyframes v10QuotePop{from{opacity:0;transform:scale(.65) rotate(-8deg)}to{opacity:1;transform:none}}
.contact-pattern{transform:translate3d(0,var(--contact-y,0),0)}
.contact-main-cta b,.btn b,.nav-cta b{transition:transform .28s var(--motion-ease)}
.contact-main-cta:hover b,.btn:hover b,.nav-cta:hover b{transform:translateX(-4px)}

/* mobile menu enters as a designed scene */
body.menu-open{overflow:hidden}
.mobile-menu.open .menu-mark{animation:v10MenuItem .42s .04s var(--motion-ease) both}
.mobile-menu.open a{animation:v10MenuItem .5s var(--motion-ease) both}
.mobile-menu.open a:nth-of-type(1){animation-delay:.08s}.mobile-menu.open a:nth-of-type(2){animation-delay:.13s}.mobile-menu.open a:nth-of-type(3){animation-delay:.18s}.mobile-menu.open a:nth-of-type(4){animation-delay:.23s}.mobile-menu.open a:nth-of-type(5){animation-delay:.28s}
@keyframes v10MenuItem{from{opacity:0;transform:translate3d(22px,16px,0)}to{opacity:1;transform:none}}
.mobile-menu-btn span{transition:transform .3s var(--motion-ease),opacity .2s ease}
.mobile-menu-btn[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.mobile-menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

@media(max-width:840px){
  .motion-enabled .reveal,.motion-enabled .project-reveal{filter:none;transform:translate3d(0,24px,0) scale(.993);transition-duration:.62s,.7s,.5s}
  .hero-logo-plate{transform:translate3d(0,var(--hero-scroll-y),0)}
  .hero-pattern{transform:translate3d(0,var(--hero-scroll-bg),0) scale(1.015)}
  .about-visual.in .studio-card{animation:none}
  .topbar-wrap.scrolled .topbar{height:58px}
}
@media(max-width:560px){
  .scroll-progress{height:2px}
  .site-ready .hero-brand{animation-delay:.34s}
  .site-ready .capability-strip{animation-delay:.72s}
  .motion-enabled .reveal,.motion-enabled .project-reveal{transform:translate3d(0,18px,0)}
}
@media(prefers-reduced-motion:reduce){
  .scroll-progress{display:none}
  .hero-logo-plate,.hero-pattern,.hero-orbit,.studio-card,.mobile-menu a,.mobile-menu .menu-mark{transform:none!important;animation:none!important}
  .motion-reduced .reveal,.motion-reduced .project-reveal{opacity:1!important;filter:none!important;transform:none!important}
}


/* ===== V11 brand-tint surfaces + desktop rhythm (install over V10) =====
   No pure white site surfaces: light areas are identity-derived lavender tones.
   Also tightens desktop spacing, adapts the portfolio to small project counts,
   and turns desktop project detail into a compact split-view gallery.
*/
:root{
  --bg:#d8cfe6;
  --paper:#e9e3f2;
  --paper-2:#e1d9ec;
  --surface:#e6dfef;
  --surface-2:#d7cce5;
  --tint:#d1c5df;
  --ink:#1a1530;
  --muted:#665e75;
  --line:rgba(37,24,103,.15);
  --shadow:0 22px 58px rgba(37,24,103,.13);
}
body{background:linear-gradient(180deg,#d9d1e7 0%,#d1c6df 100%)}
.ambient{mix-blend-mode:multiply;opacity:.045}

/* tinted glass navigation instead of white */
.topbar,
.topbar-wrap.scrolled .topbar{
  background:rgba(235,229,244,.94);
  border-color:rgba(37,24,103,.13);
  box-shadow:0 14px 38px rgba(31,18,82,.12);
}

/* all formerly light/white bands now live inside the brand palette */
.section-white{background:linear-gradient(180deg,#e8e2f1 0%,#ddd4e9 100%)}
.section-tint{background:linear-gradient(180deg,#d5cae3 0%,#ccc0dc 100%)}
.capability-strip{
  background:linear-gradient(135deg,#e8e2f2,#ddd4e9);
  color:var(--ink);
  border:1px solid rgba(37,24,103,.11);
}
.cap-icon{background:#d4c8e7;color:var(--primary)}
.pill{background:#cfc3e1;color:var(--primary);border:1px solid rgba(37,24,103,.08)}

/* tighter desktop section rhythm, with stronger readable scale */
.about{padding-top:136px;padding-bottom:88px}
.services,.work,.process{padding-top:82px;padding-bottom:88px}
.quote-section{padding-top:92px;padding-bottom:88px}
.section-heading{margin-bottom:34px}
.section-heading h2,.about-copy h2{font-size:clamp(46px,4.7vw,76px)}
.section-heading>p{font-size:15px;line-height:1.85}
.about-copy>p{font-size:17px;line-height:1.95}

/* cards use layered lavender instead of white */
.service-card{
  background:linear-gradient(145deg,#e6dfef 0%,#dcd2e8 100%);
  border-color:rgba(37,24,103,.13);
  min-height:300px;
  box-shadow:inset 0 1px rgba(255,255,255,.18);
}
.service-card:hover{border-color:rgba(37,24,103,.23);box-shadow:0 20px 48px rgba(43,28,102,.15)}
.service-card h3{font-size:26px;margin-top:36px}
.service-card p{font-size:13.5px}
.filters button{background:#e1d8ec;border-color:rgba(37,24,103,.16);color:#514762}
.filters button.active{background:var(--primary);color:#f0eaf7}
.project-card{background:#dfd5e9;border-color:rgba(37,24,103,.14)}
.project-image{background:#cfc3df}
.project-meta>b{background:rgba(222,212,235,.3)}
.empty-work{background:linear-gradient(145deg,#dfd6e9,#cec1dd);border-color:rgba(37,24,103,.23)}
.empty-art span:nth-child(3){background:#ded5e9}
.trust-band{
  background:linear-gradient(90deg,#d4c8e1,#e1d9eb,#d4c8e1);
  border-color:rgba(37,24,103,.13);
  padding-top:28px;padding-bottom:32px;
}
.trust-row{color:#756a84}
.quote-section{background:linear-gradient(160deg,#e4ddec,#d8cde5)}

/* contact form panel also uses the identity surface */
.contact-card{
  background:linear-gradient(145deg,#e7e0ef,#d8cde5);
  color:var(--ink);
  border:1px solid rgba(255,255,255,.12);
}
.contact-brand{border-color:rgba(37,24,103,.15)}
.contact-lines>a,.contact-lines>div{border-color:rgba(37,24,103,.14)}

/* portfolio responds deliberately to the number of projects */
.projects.count-1{grid-template-columns:repeat(12,1fr)}
.projects.count-1 .project-card,
.projects.count-1 .project-card.featured,
.projects.count-1 .project-card:nth-child(n){grid-column:3 / span 8}
.projects.count-1 .project-image{aspect-ratio:16/8.5}
.projects.count-2 .project-card,
.projects.count-2 .project-card.featured,
.projects.count-2 .project-card:nth-child(n){grid-column:span 6}
.projects.count-2 .project-image{aspect-ratio:4/3}
.projects.count-3 .project-card,
.projects.count-3 .project-card.featured,
.projects.count-3 .project-card:nth-child(n){grid-column:span 4}
.projects.count-4 .project-card,
.projects.count-4 .project-card.featured,
.projects.count-4 .project-card:nth-child(n){grid-column:span 6}
.projects.count-4 .project-image{aspect-ratio:16/10}

/* Project detail: no white surfaces anywhere */
.project-dialog{
  background:#d5c9e1;
  color:var(--ink);
  border:1px solid rgba(225,216,238,.2);
}
.project-detail-head{
  background:linear-gradient(155deg,#e5deed 0%,#d7cce4 100%);
  border-color:rgba(37,24,103,.14);
}
.project-media-shell{background:linear-gradient(180deg,#cfc3dd,#c5b7d7)}
.gallery-topline{color:#655c73}
.gallery-actions button{background:#ddd3e8;border-color:rgba(37,24,103,.16);color:var(--primary)}
.gallery-actions button:hover{background:var(--primary);color:#f1ebf7}
.gallery-slide{background:#ddd4e8;box-shadow:0 12px 32px rgba(34,23,72,.12)}
.gallery-slide img{background:#ddd4e8}

/* Desktop project view: split, compact, editorial */
@media(min-width:841px){
  .project-dialog{
    width:min(1160px,calc(100vw - 76px));
    max-height:min(790px,calc(100vh - 54px));
    overflow:hidden;
    border-radius:30px;
  }
  .project-detail{
    display:grid;
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
    min-height:min(700px,calc(100vh - 62px));
  }
  .project-detail-head{
    min-width:0;
    padding:76px 44px 42px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-end;
    border-bottom:0;
    border-left:1px solid rgba(37,24,103,.13);
  }
  .project-detail-head h2{
    font-size:clamp(46px,4.5vw,72px);
    line-height:.96;
    margin-top:16px;
  }
  .project-detail-head .lead{font-size:15px;line-height:1.75;margin-top:18px}
  .detail-count{
    order:-1;
    margin-bottom:auto;
    text-align:right;
    align-self:flex-start;
  }
  .detail-count strong{font-size:30px}
  .project-media-shell{
    min-width:0;
    padding:24px 26px 28px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .gallery-topline{height:44px;padding:0 2px}
  .dialog-gallery{height:min(610px,68vh);align-items:center}
  .gallery-slide{
    height:100%;
    aspect-ratio:auto;
    max-height:none;
    border-radius:22px;
  }
  .gallery-slide img{object-fit:contain}
  .dialog-close{
    position:absolute;
    top:16px;
    left:16px;
    margin:0;
    background:linear-gradient(145deg,var(--primary),var(--primary-2));
  }
}

/* Mobile surfaces keep the same no-white identity treatment */
@media(max-width:840px){
  .project-detail-head{background:linear-gradient(165deg,#e7e0ef,#d8cde5)}
  .project-media-shell,.gallery-topline{background:#cfc3dd}
  .gallery-slide,.gallery-slide img{background:#ddd4e8}
  .service-card{background:linear-gradient(145deg,#e5deed,#d7cce4)}
}

@media(max-width:700px){
  .projects.count-1 .project-card,
  .projects.count-1 .project-card.featured,
  .projects.count-1 .project-card:nth-child(n),
  .projects.count-2 .project-card,
  .projects.count-2 .project-card.featured,
  .projects.count-2 .project-card:nth-child(n),
  .projects.count-3 .project-card,
  .projects.count-3 .project-card.featured,
  .projects.count-3 .project-card:nth-child(n),
  .projects.count-4 .project-card,
  .projects.count-4 .project-card.featured,
  .projects.count-4 .project-card:nth-child(n){grid-column:1/-1}
  .projects.count-1 .project-image,.projects.count-4 .project-image{aspect-ratio:4/3}
}

/* ===== V12 unified logo + premium interactive navigation + richer identity surfaces ===== */
:root{
  --bg:#c8badb;
  --paper:#dcd0e8;
  --paper-2:#d3c5e1;
  --surface:#d8cbe6;
  --surface-2:#cbbbdc;
  --tint:#c5b4d8;
  --line:rgba(37,24,103,.18);
}
body{background:linear-gradient(180deg,#cbbdde 0%,#bdacd2 100%)}
.section-white{background:linear-gradient(180deg,#ddd1e8 0%,#cfbfdf 100%)}
.section-tint{background:linear-gradient(180deg,#cbbbdc 0%,#beaacf 100%)}
.quote-section{background:linear-gradient(155deg,#d7cae4 0%,#c8b6d8 100%);padding-top:72px;padding-bottom:70px}
.quote-section h2{font-size:clamp(42px,5.2vw,76px);max-width:940px;margin-top:14px}
.quote-mark{font-size:84px;height:60px}
.quote-footer{margin-top:30px}
.capability-strip{background:linear-gradient(135deg,#dbcee8,#cbbadc)}
.service-card{background:linear-gradient(145deg,#d9cde5 0%,#cdbddc 100%)}
.filters button{background:#d0c0df}.project-card{background:#d1c1df}.project-image{background:#c3b0d5}
.contact-card{background:linear-gradient(145deg,#d8cce5,#c7b5d7)}
.project-detail-head{background:linear-gradient(155deg,#d9cee6 0%,#cabbda 100%)}
.project-media-shell{background:linear-gradient(180deg,#c4b1d4,#b9a4cc)}
.gallery-slide,.gallery-slide img{background:#cdbdde}

/* Every site logo uses the actual purple + orange artwork. */
.hero-logo-plate img,
.studio-wall img,
.menu-mark img,
.contact-brand img,
.brand img{filter:none!important;opacity:1!important}
.hero-logo-plate{
  background:linear-gradient(145deg,rgba(225,214,239,.96),rgba(197,180,219,.92));
  border-color:rgba(255,255,255,.22);
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 28px 80px rgba(0,0,0,.22)
}
.hero-logo-plate:before{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.32),transparent 54%)}
.hero-logo-plate img{width:70%;filter:drop-shadow(0 12px 22px rgba(37,24,103,.18))!important}
.plate-label,.plate-footer{color:rgba(37,24,103,.48)}
.studio-wall{background:linear-gradient(145deg,#d7c9e6,#beabd3);border-color:rgba(37,24,103,.12)}
.studio-wall img{filter:drop-shadow(0 10px 20px rgba(37,24,103,.12))!important}
.studio-wall p{color:#5e5270}
.menu-mark{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:12px 16px;border-radius:20px;background:linear-gradient(145deg,#dccfea,#c6b4d8);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 38px rgba(0,0,0,.18)}
.menu-mark img{width:108px!important}

/* Premium top bar interactions */
.topbar-wrap{padding-top:11px;perspective:1200px}
.topbar,.topbar-wrap.scrolled .topbar{
  position:relative;overflow:hidden;
  background:rgba(216,203,231,.92);
  border-color:rgba(37,24,103,.15);
  box-shadow:0 16px 44px rgba(31,18,82,.14);
  transform-origin:50% 0;
}
.topbar:before{
  content:"";position:absolute;inset:-70%;pointer-events:none;opacity:.6;
  background:radial-gradient(circle at var(--nav-x,50%) var(--nav-y,50%),rgba(255,139,53,.22),rgba(255,255,255,.08) 13%,transparent 31%);
  transition:opacity .25s ease;
}
.topbar:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.3)}
.topbar:hover:before{opacity:.9}
.brand,.desktop-nav,.nav-cta,.mobile-menu-btn{position:relative;z-index:2}
.brand img{transition:transform .48s cubic-bezier(.2,.75,.2,1),filter .35s ease}
.brand:hover img{transform:translateY(-2px) rotate(-2deg) scale(1.05);filter:drop-shadow(0 8px 14px rgba(37,24,103,.18))!important}
.desktop-nav{position:relative}
.desktop-nav a{z-index:2;transition:color .28s ease,transform .28s cubic-bezier(.2,.75,.2,1),opacity .28s ease}
.desktop-nav a:after{display:none}
.desktop-nav a:hover{transform:translateY(-2px)}
.desktop-nav:hover a:not(:hover){opacity:.58}
.nav-indicator{position:absolute;left:0;bottom:7px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 4px 14px rgba(246,116,31,.35);pointer-events:none;transition:transform .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1),opacity .22s ease;transform-origin:center;z-index:1}
.nav-cta{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,filter .3s ease}
.nav-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 34px rgba(246,116,31,.34);filter:saturate(1.08)}
.topbar-wrap.scrolled .topbar{transform:translateY(-2px) scale(.992);box-shadow:0 18px 50px rgba(25,14,70,.17)}

/* More deliberate single-project showcase on desktop */
@media(min-width:841px){
  .projects.count-1 .project-card,.projects.count-1 .project-card.featured,.projects.count-1 .project-card:nth-child(n){grid-column:4 / span 6}
  .projects.count-1 .project-image{aspect-ratio:16/9}
  .projects.count-1 .project-meta{padding:20px 22px 23px}
  .projects.count-1 .project-meta h3{font-size:22px}
}

@media(max-width:840px){
  .hero-logo-plate{background:linear-gradient(145deg,#d8cbe6,#c1aed5)}
  .menu-mark{padding:10px 13px}
  .quote-section{padding-top:66px;padding-bottom:62px}
  .quote-section h2{font-size:42px}
}

/* ===== V14 header architecture + navigation polish + mobile compactness =====
   Install directly over V13.
   - Brand is detached from the nav bar and travels with it as its own dock.
   - Capability strip is moved outside the hero so it can never be clipped.
   - Wheel/touch scrolling remains native; only header anchor navigation is animated.
   - Project fullscreen affordance is reduced to a clean icon.
   - Mobile menu typography/spacing is compact and deliberate.
*/
html{scroll-behavior:auto!important}

/* detached sticky header shell */
.topbar-wrap{
  padding:11px clamp(12px,2.3vw,34px) 0;
  overflow:visible;
}
.v14-header-shell{
  width:min(100%,1600px);
  margin:0 auto;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:12px;
  align-items:center;
  direction:rtl;
  pointer-events:none;
}
.v14-brand-dock{
  pointer-events:auto;
  height:66px;
  min-width:0;
  border-radius:18px;
  background:rgba(216,203,231,.94);
  border:1px solid rgba(37,24,103,.15);
  box-shadow:0 16px 44px rgba(31,18,82,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  position:relative;
  transition:height .34s var(--motion-ease),transform .34s var(--motion-ease),box-shadow .34s ease,background .34s ease;
}
.v14-brand-dock:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px rgba(255,255,255,.32);
}
.v14-brand-dock .brand{
  width:100%;
  height:100%;
  padding:6px 10px;
  justify-content:center;
  gap:7px;
  overflow:visible;
}
.v14-brand-dock .brand img{
  width:62px;
  height:52px;
  flex:0 0 auto;
  object-fit:contain;
  transform:none!important;
  filter:drop-shadow(0 6px 12px rgba(37,24,103,.12))!important;
}
.v14-brand-dock .brand span{font-size:12px;color:var(--primary);font-weight:850}
.v14-brand-dock:hover .brand img{transform:translateY(-2px) rotate(-1deg) scale(1.035)!important}

.topbar.brand-detached,
.topbar-wrap.scrolled .topbar.brand-detached{
  width:100%;
  max-width:none;
  margin:0;
  grid-template-columns:minmax(0,1fr) 160px;
  gap:18px;
  overflow:visible;
}
.topbar-wrap.scrolled .v14-brand-dock{
  height:59px;
  transform:translateY(-2px);
  box-shadow:0 18px 50px rgba(25,14,70,.17);
}
.topbar-wrap.scrolled .v14-brand-dock .brand img{width:58px;height:48px}

/* capability strip: float between hero and about, but outside hero clipping */
.capability-strip.v14-capability-dock{
  position:relative;
  z-index:30;
  width:auto;
  max-width:1460px;
  margin:-44px auto 0;
  grid-column:auto;
  padding:14px;
  border-radius:22px;
  overflow:visible;
  box-shadow:0 20px 54px rgba(37,24,103,.16);
}
.capability-strip.v14-capability-dock article{min-height:64px}
.about{padding-top:92px}

/* simple fullscreen affordance: no clipped text pill */
.zoom-hint{
  left:16px!important;
  top:16px!important;
  bottom:auto!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
  background:rgba(37,24,103,.88)!important;
  color:#f7edf9!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 9px 24px rgba(25,13,68,.2)!important;
  opacity:.88!important;
  transform:none!important;
  overflow:hidden;
}
.zoom-hint em{display:none!important}
.zoom-hint b{font-size:17px!important;line-height:1!important;font-weight:700}
.gallery-slide:hover .zoom-hint{background:var(--accent)!important;opacity:1!important;transform:translateY(-2px)!important}
.gallery-slide:active .zoom-hint{transform:scale(.94)!important}

/* menu: keep overlay, make content much more compact */
@media(max-width:840px){
  .topbar-wrap{padding:8px 10px 0}
  .v14-header-shell{
    display:flex;
    direction:rtl;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    width:100%;
  }
  .v14-brand-dock{
    width:98px;
    height:62px;
    border-radius:17px;
    flex:0 0 98px;
  }
  .v14-brand-dock .brand{padding:4px 7px}
  .v14-brand-dock .brand img{width:74px;height:54px}
  .v14-brand-dock .brand span{display:none!important}
  .topbar.brand-detached,
  .topbar-wrap.scrolled .topbar.brand-detached{
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:6px;
    border-radius:17px;
    overflow:visible;
    transform:none;
  }
  .topbar-wrap.scrolled .topbar.brand-detached{height:54px;width:54px;flex-basis:54px}
  .topbar-wrap.scrolled .v14-brand-dock{height:58px;transform:none}
  .topbar-wrap.scrolled .v14-brand-dock .brand img{width:70px;height:50px}
  .mobile-menu-btn{width:46px;height:46px;border-radius:14px}

  .mobile-menu{
    padding:82px 20px 24px;
    overflow:auto;
    overscroll-behavior:contain;
  }
  .mobile-menu-inner{
    width:min(100%,500px);
    max-width:500px;
    margin:0 auto;
    align-content:start;
  }
  .menu-mark{
    margin:0 0 12px auto;
    padding:7px 10px!important;
    border-radius:15px!important;
    box-shadow:0 10px 26px rgba(0,0,0,.14);
  }
  .menu-mark img{width:72px!important;max-height:62px}
  .mobile-menu a{
    min-height:52px;
    padding:8px 2px;
    font-size:clamp(25px,7vw,36px);
    line-height:1.08;
    align-items:center;
    border-bottom-color:rgba(255,255,255,.11);
  }
  .mobile-menu small{font-size:9px;min-width:24px}

  .capability-strip.v14-capability-dock{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:-30px 14px 0;
    padding:8px;
    border-radius:18px;
  }
  .capability-strip.v14-capability-dock article{
    min-height:58px;
    padding:8px 10px;
    justify-content:flex-start;
    border-bottom:1px solid var(--line);
  }
  .capability-strip.v14-capability-dock article:nth-child(2){border-left:0}
  .capability-strip.v14-capability-dock article:nth-child(n+3){border-bottom:0}
  .capability-strip.v14-capability-dock .cap-icon{width:38px;height:38px;font-size:15px}
  .capability-strip.v14-capability-dock strong{font-size:11.5px}
  .capability-strip.v14-capability-dock small{font-size:8px}
  .about{padding-top:66px}
  .zoom-hint{left:12px!important;top:12px!important;width:36px!important;height:36px!important}
}
@media(max-width:560px){
  .mobile-menu{padding-top:76px}
  .mobile-menu a{min-height:49px;font-size:clamp(24px,7vw,32px);padding:7px 2px}
  .menu-mark img{width:66px!important;max-height:56px}
  .v14-brand-dock{width:92px;flex-basis:92px;height:58px}
  .v14-brand-dock .brand img{width:68px;height:50px}
  .capability-strip.v14-capability-dock{margin-top:-24px}
}

/* ===== V15 adaptive free logo + light/dark themes + bilingual controls ===== */
:root,[data-theme="light"]{
  --v15-bg:#d7cce5;--v15-paper:#e5deed;--v15-paper-2:#d9cde5;--v15-card:#ded4e9;--v15-card-2:#d0c1df;
  --v15-ink:#1b1530;--v15-muted:#655b74;--v15-line:rgba(37,24,103,.16);--v15-glass:rgba(229,222,237,.93);
}
[data-theme="dark"]{
  --bg:#120a32;--paper:#1d1247;--paper-2:#241652;--surface:#21144e;--surface-2:#2b195d;--tint:#281755;
  --ink:#f7f2ff;--muted:#b9aec8;--line:rgba(255,255,255,.12);--shadow:0 24px 68px rgba(2,0,14,.34);
  --v15-bg:#120a32;--v15-paper:#1c1145;--v15-paper-2:#241652;--v15-card:#241654;--v15-card-2:#2d1a62;
  --v15-ink:#f7f2ff;--v15-muted:#b9aec8;--v15-line:rgba(255,255,255,.12);--v15-glass:rgba(25,14,66,.91);
  color-scheme:dark;
}
body{background:var(--v15-bg);color:var(--v15-ink);transition:background .42s ease,color .35s ease}
.section-white{background:linear-gradient(180deg,var(--v15-paper),var(--v15-paper-2))}
.section-tint{background:linear-gradient(180deg,var(--v15-paper-2),var(--v15-card-2))}
[data-theme="dark"] .ambient{opacity:.055;mix-blend-mode:screen}
[data-theme="dark"] .hero{background:linear-gradient(115deg,#10072f 0%,#211252 52%,#0d0528 100%)}
[data-theme="dark"] .about-copy>p,[data-theme="dark"] .section-heading>p,[data-theme="dark"] .about-features small,[data-theme="dark"] .service-card p,[data-theme="dark"] .process-grid p{color:var(--v15-muted)}
[data-theme="dark"] .pill{background:#332066;color:#f7f2ff;border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .service-card{background:linear-gradient(145deg,#241653,#301b64);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.04)}
[data-theme="dark"] .service-card:hover{border-color:rgba(246,116,31,.32);box-shadow:0 24px 52px rgba(0,0,0,.28)}
[data-theme="dark"] .filters button{background:#2a195a;border-color:rgba(255,255,255,.12);color:#d8cde8}
[data-theme="dark"] .filters button.active{background:var(--accent);color:#fff}
[data-theme="dark"] .project-card{background:#241653;border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .project-image{background:#1b1042}
[data-theme="dark"] .empty-work{background:linear-gradient(145deg,#251754,#301c63);border-color:rgba(255,255,255,.12)}
[data-theme="dark"] .trust-band{background:linear-gradient(90deg,#160c3a,#241451,#160c3a);border-color:rgba(255,255,255,.09)}
[data-theme="dark"] .trust-row{color:#b5a7c7}
[data-theme="dark"] .quote-section{background:linear-gradient(155deg,#1c1045,#281758)}
[data-theme="dark"] .contact-card{background:linear-gradient(145deg,#231650,#2d1a60);color:#f7f2ff;border-color:rgba(255,255,255,.11)}
[data-theme="dark"] .contact-brand,[data-theme="dark"] .contact-lines>a,[data-theme="dark"] .contact-lines>div{border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .project-dialog{background:#160d3b;color:#f7f2ff;border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .project-detail-head{background:linear-gradient(155deg,#241653,#301b64);border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .project-media-shell,[data-theme="dark"] .gallery-topline{background:#180e3d;color:#b8adc5}
[data-theme="dark"] .gallery-actions button{background:#2e1c61;border-color:rgba(255,255,255,.13);color:#fff}
[data-theme="dark"] .gallery-slide,[data-theme="dark"] .gallery-slide img{background:#21134c}

/* free floating logo: no frame, no pill, English lockup below */
.v14-header-shell{grid-template-columns:150px minmax(0,1fr);gap:16px}
.v14-brand-dock,
.topbar-wrap.scrolled .v14-brand-dock{
  width:150px;height:76px;min-width:0;background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;transform:none;
}
.v14-brand-dock:before{display:none!important}
.v14-brand-dock .brand{height:auto;min-height:74px;padding:0;gap:2px;flex-direction:column;justify-content:center;overflow:visible}
.v14-brand-dock .brand img,.topbar-wrap.scrolled .v14-brand-dock .brand img{width:88px;height:61px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(28,15,72,.16))!important;transition:opacity .22s ease,transform .32s var(--motion-ease),filter .22s ease}
.v14-brand-dock .brand span,.topbar-wrap.scrolled .v14-brand-dock .brand span{display:block!important;font-size:9px;line-height:1;letter-spacing:.08em;color:var(--primary);font-weight:800;white-space:nowrap;transition:color .22s ease}
.v14-brand-dock.on-dark .brand span{color:#f8f4ff}
.v14-brand-dock.on-dark .brand img{filter:drop-shadow(0 8px 20px rgba(0,0,0,.22))!important}
.v14-brand-dock:hover .brand img{transform:translateY(-2px) scale(1.035)!important}

/* navigation strip: taller so text/indicator never clips */
.topbar.brand-detached,
.topbar-wrap.scrolled .topbar.brand-detached{
  min-height:72px;height:72px;padding:8px 10px 8px 12px;grid-template-columns:minmax(0,1fr) auto 154px;gap:12px;
  background:var(--v15-glass);border-color:var(--v15-line);box-shadow:0 15px 44px rgba(31,18,82,.13);overflow:visible;
}
.topbar-wrap.scrolled .topbar.brand-detached{min-height:66px;height:66px;transform:translateY(-1px) scale(.995)}
.desktop-nav{min-height:54px;line-height:1.25;align-items:center;overflow:visible}
.desktop-nav a{padding:18px 0 19px;line-height:1.25;white-space:nowrap}
.nav-indicator{bottom:5px}
.nav-cta{height:52px;min-height:52px}
[data-theme="dark"] .topbar.brand-detached,[data-theme="dark"] .topbar-wrap.scrolled .topbar.brand-detached{background:rgba(24,13,64,.92);border-color:rgba(255,255,255,.1);box-shadow:0 18px 52px rgba(0,0,0,.28)}
[data-theme="dark"] .desktop-nav a{color:#cfc4df}
[data-theme="dark"] .desktop-nav a:hover,[data-theme="dark"] .desktop-nav a.active{color:#fff}

/* display utilities */
.header-tools{display:flex;align-items:center;gap:7px;direction:ltr;position:relative;z-index:4}
.header-tool{height:40px;min-width:40px;padding:0 11px;border-radius:12px;border:1px solid var(--v15-line);background:rgba(255,255,255,.18);color:var(--primary);font-size:10px;font-weight:850;cursor:pointer;display:grid;place-items:center;transition:transform .25s var(--motion-ease),background .25s ease,color .25s ease,border-color .25s ease}
.header-tool:hover{transform:translateY(-2px);background:rgba(246,116,31,.12);border-color:rgba(246,116,31,.32)}
.theme-icon{font-size:17px;line-height:1}
[data-theme="dark"] .header-tool{background:rgba(255,255,255,.06);color:#f7f2ff;border-color:rgba(255,255,255,.12)}
[data-theme="dark"] .header-tool:hover{background:rgba(246,116,31,.16);border-color:rgba(246,116,31,.38)}

/* capability card gets full breathing room and visible bottom corners */
.capability-strip.v14-capability-dock{margin:-38px auto 0;padding:12px 14px 14px;min-height:92px;border-radius:24px;overflow:visible;background:linear-gradient(135deg,var(--v15-paper),var(--v15-paper-2));border-color:var(--v15-line);box-shadow:0 22px 58px rgba(37,24,103,.16)}
.capability-strip.v14-capability-dock article{min-height:72px;padding:12px 20px;line-height:1.25;overflow:visible}
.capability-strip.v14-capability-dock strong{line-height:1.35}.capability-strip.v14-capability-dock small{line-height:1.35}
[data-theme="dark"] .capability-strip.v14-capability-dock{background:linear-gradient(135deg,#241653,#301b64);box-shadow:0 22px 58px rgba(0,0,0,.28)}
[data-theme="dark"] .cap-icon{background:#392273;color:#f6f1ff}
.about{padding-top:112px}

/* English layout */
html[dir="ltr"] body{font-family:"Segoe UI",Arial,Tahoma,sans-serif}
html[dir="ltr"] .topbar{direction:ltr}
html[dir="ltr"] .desktop-nav{direction:ltr}
html[dir="ltr"] .hero-copy,html[dir="ltr"] .about-copy,html[dir="ltr"] .section-heading,html[dir="ltr"] .contact-copy,html[dir="ltr"] .project-detail-copy{text-align:left}
html[dir="ltr"] .hero-kicker{flex-direction:row}
html[dir="ltr"] .section-heading{direction:ltr}
html[dir="ltr"] .contact-lines a,html[dir="ltr"] .contact-lines>div{direction:ltr}
html[dir="ltr"] .project-detail-head{direction:ltr}
html[dir="ltr"] .dialog-kicker{direction:ltr}

.mobile-tools{display:none}

@media(max-width:1180px) and (min-width:841px){
  .v14-header-shell{grid-template-columns:126px minmax(0,1fr);gap:10px}
  .v14-brand-dock{width:126px}.v14-brand-dock .brand img{width:78px;height:56px}.v14-brand-dock .brand span{font-size:8px}
  .topbar.brand-detached,.topbar-wrap.scrolled .topbar.brand-detached{grid-template-columns:minmax(0,1fr) auto 136px;gap:8px}
  .desktop-nav{gap:12px;font-size:12px}.nav-cta{font-size:12px}.header-tool{min-width:37px;height:37px;padding:0 9px}
}

@media(max-width:840px){
  .topbar-wrap{padding:8px 10px 0}
  .v14-header-shell{display:flex;direction:rtl;align-items:flex-start;justify-content:space-between;gap:8px}
  .v14-brand-dock,.topbar-wrap.scrolled .v14-brand-dock{width:104px;flex:0 0 104px;height:70px;transform:none}
  .v14-brand-dock .brand{min-height:68px;gap:1px}
  .v14-brand-dock .brand img,.topbar-wrap.scrolled .v14-brand-dock .brand img{width:76px;height:54px}
  .v14-brand-dock .brand span,.topbar-wrap.scrolled .v14-brand-dock .brand span{font-size:7.5px;letter-spacing:.055em}
  .topbar.brand-detached,.topbar-wrap.scrolled .topbar.brand-detached{width:58px;height:58px;min-height:58px;flex:0 0 58px;display:flex;padding:6px;border-radius:17px;background:var(--v15-glass);justify-content:center;align-items:center;transform:none}
  .header-tools{display:none}
  .mobile-menu-btn{width:46px;height:46px;border-radius:14px}
  [data-theme="dark"] .mobile-menu-btn{background:var(--accent)}
  .mobile-menu{padding:88px 22px 24px;background:linear-gradient(160deg,#160d45,#211155 62%,#160b3e);overflow:auto}
  .mobile-menu-inner{width:min(100%,480px);max-width:480px;margin:0 auto;align-content:start;gap:0}
  .menu-mark{display:none!important}
  .mobile-tools{display:flex;gap:8px;margin:5px 0 14px;direction:ltr}
  .mobile-tool{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);color:#fff;padding:0 12px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:750;cursor:pointer;backdrop-filter:blur(10px)}
  .mobile-tool .tool-icon{font-size:15px;color:var(--accent)}
  .mobile-menu a{min-height:48px;padding:7px 2px;font-size:clamp(23px,6.3vw,31px);line-height:1.08}
  .mobile-menu small{font-size:8.5px;min-width:22px}
  html[dir="ltr"] .mobile-menu a{direction:ltr}
  html[dir="ltr"] .mobile-menu small{margin-left:auto}
  .capability-strip.v14-capability-dock{grid-template-columns:repeat(2,minmax(0,1fr));margin:-26px 12px 0;padding:8px 8px 10px;min-height:0;border-radius:19px}
  .capability-strip.v14-capability-dock article{min-height:62px;padding:9px 9px}
  .about{padding-top:72px}
  .project-media-shell,.gallery-topline{background:var(--v15-card-2)}
  .gallery-slide,.gallery-slide img{background:var(--v15-card)}
}

@media(max-width:560px){
  .mobile-menu{padding-top:82px}
  .mobile-menu a{min-height:46px;font-size:clamp(22px,6vw,29px);padding:6px 2px}
  .v14-brand-dock,.topbar-wrap.scrolled .v14-brand-dock{width:98px;flex-basis:98px;height:66px}
  .v14-brand-dock .brand img,.topbar-wrap.scrolled .v14-brand-dock .brand img{width:72px;height:51px}
  .v14-brand-dock .brand span,.topbar-wrap.scrolled .v14-brand-dock .brand span{font-size:7px}
}

@media(prefers-reduced-motion:reduce){.v14-brand-dock .brand img,.header-tool,.mobile-tool{transition:none!important}}
[data-theme="dark"] .hero-logo-plate{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-color:rgba(255,255,255,.12)}
[data-theme="dark"] .hero-logo-plate:before{background:radial-gradient(circle at 50% 42%,rgba(116,91,224,.26),transparent 54%)}
[data-theme="dark"] .plate-label,[data-theme="dark"] .plate-footer{color:rgba(255,255,255,.46)}
[data-theme="dark"] .studio-wall{background:linear-gradient(145deg,#251552,#170d3c);border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .studio-wall p{color:#cfc4de}

/* ===== V16 complete dark-mode contrast and identity polish ===== */
[data-theme="dark"]{
  --v15-bg:#0f0829;
  --v15-paper:#171039;
  --v15-paper-2:#1d1345;
  --v15-card:#21164b;
  --v15-card-2:#281957;
  --v15-ink:#fbf7ff;
  --v15-muted:#c6bad5;
  --v15-line:rgba(235,225,255,.14);
  --v15-glass:rgba(20,12,52,.94);
  --bg:#0f0829;
  --paper:#171039;
  --paper-2:#1d1345;
  --surface:#21164b;
  --surface-2:#281957;
  --tint:#1b1140;
  --ink:#fbf7ff;
  --muted:#c6bad5;
  --line:rgba(235,225,255,.14);
}
[data-theme="dark"] body{background:#0f0829;color:#fbf7ff}
[data-theme="dark"] .section-white{background:linear-gradient(180deg,#171039 0%,#1b1240 100%)}
[data-theme="dark"] .section-tint{background:linear-gradient(180deg,#1b1240 0%,#21164b 100%)}
[data-theme="dark"] .about,
[data-theme="dark"] .services,
[data-theme="dark"] .work,
[data-theme="dark"] .process{color:#fbf7ff}

/* headings, labels and all previously low-contrast purple text */
[data-theme="dark"] .section-label,
[data-theme="dark"] .section-label p,
[data-theme="dark"] .section-label span,
[data-theme="dark"] .quote-overline,
[data-theme="dark"] .dialog-kicker,
[data-theme="dark"] .project-kicker,
[data-theme="dark"] .detail-count strong{color:#ff8733!important}
[data-theme="dark"] .section-label span{border-color:rgba(255,135,51,.35);background:rgba(255,135,51,.08)}
[data-theme="dark"] .about-copy h2,
[data-theme="dark"] .section-heading h2,
[data-theme="dark"] .quote-section h2,
[data-theme="dark"] .contact-copy h2,
[data-theme="dark"] .project-detail-head h2,
[data-theme="dark"] .empty-work h3{color:#fbf7ff!important}
[data-theme="dark"] .about-copy h2 em,
[data-theme="dark"] .section-heading h2 em,
[data-theme="dark"] .quote-section h2 em,
[data-theme="dark"] .contact-copy h2 em,
[data-theme="dark"] .process .section-heading h2 em,
[data-theme="dark"] .services .section-heading h2 em,
[data-theme="dark"] .empty-work h3 em{color:#ff7a1f!important}
[data-theme="dark"] .about-copy>p,
[data-theme="dark"] .section-heading>p,
[data-theme="dark"] .about-features small,
[data-theme="dark"] .service-card p,
[data-theme="dark"] .process-grid p,
[data-theme="dark"] .project-meta p,
[data-theme="dark"] .project-detail-head .lead,
[data-theme="dark"] .contact-copy>p,
[data-theme="dark"] .contact-lines span,
[data-theme="dark"] .trust-row{color:#c9bfd6!important}
[data-theme="dark"] .about-features strong,
[data-theme="dark"] .service-card h3,
[data-theme="dark"] .process-grid h3,
[data-theme="dark"] .project-meta h3,
[data-theme="dark"] .project-detail-head strong,
[data-theme="dark"] .contact-lines strong{color:#fbf7ff!important}
[data-theme="dark"] .about-features>div,
[data-theme="dark"] .process-grid article{border-color:rgba(235,225,255,.12)}

/* pills and small accents */
[data-theme="dark"] .pill{background:rgba(255,122,31,.13)!important;color:#ff9a54!important;border:1px solid rgba(255,122,31,.24)!important}
[data-theme="dark"] .pill-dark{background:rgba(255,255,255,.08)!important;color:#fbf7ff!important;border-color:rgba(255,255,255,.14)!important}
[data-theme="dark"] .capability-strip.v14-capability-dock{background:linear-gradient(135deg,#1b1240,#261757)!important;border-color:rgba(235,225,255,.13)!important}
[data-theme="dark"] .capability-strip.v14-capability-dock strong{color:#fbf7ff!important}
[data-theme="dark"] .capability-strip.v14-capability-dock small{color:#c6bad5!important}
[data-theme="dark"] .cap-icon{background:rgba(255,122,31,.13)!important;color:#ff8c3a!important}

/* cards and project area */
[data-theme="dark"] .service-card,
[data-theme="dark"] .project-card,
[data-theme="dark"] .empty-work,
[data-theme="dark"] .contact-card{background:linear-gradient(145deg,#21164b,#29195a)!important;border-color:rgba(235,225,255,.12)!important;box-shadow:0 22px 55px rgba(0,0,0,.22)}
[data-theme="dark"] .service-card:hover,
[data-theme="dark"] .project-card:hover{border-color:rgba(255,122,31,.36)!important;box-shadow:0 26px 60px rgba(0,0,0,.30)}
[data-theme="dark"] .service-icon,
[data-theme="dark"] .service-card>a,
[data-theme="dark"] .project-meta>a{color:#ff8733!important}
[data-theme="dark"] .filters button{background:#21164b!important;border-color:rgba(235,225,255,.12)!important;color:#d9cfe4!important}
[data-theme="dark"] .filters button:hover{color:#fff!important;border-color:rgba(255,122,31,.34)!important}
[data-theme="dark"] .filters button.active{background:#ff761b!important;color:#fff!important;border-color:#ff761b!important}
[data-theme="dark"] .project-image{background:#160e35!important}

/* process/trust/quote bands */
[data-theme="dark"] .trust-band{background:linear-gradient(90deg,#120a31,#1d1245,#120a31)!important;border-color:rgba(235,225,255,.09)!important}
[data-theme="dark"] .quote-section{background:linear-gradient(155deg,#140b35,#211448)!important}
[data-theme="dark"] .quote-section .quote-mark{color:#ff7a1f!important}
[data-theme="dark"] .quote-footer,
[data-theme="dark"] .quote-footer small{color:#c9bfd6!important}

/* contact */
[data-theme="dark"] .contact{background:linear-gradient(125deg,#0d0628,#1a0f43 58%,#0b0522)!important}
[data-theme="dark"] .contact-card{color:#fbf7ff!important}
[data-theme="dark"] .contact-brand strong{color:#ff8733!important}
[data-theme="dark"] .contact-brand small{color:#c9bfd6!important}
[data-theme="dark"] .contact-brand,
[data-theme="dark"] .contact-lines>a,
[data-theme="dark"] .contact-lines>div{border-color:rgba(235,225,255,.11)!important}
[data-theme="dark"] .site-footer{color:#c6bad5!important;border-color:rgba(235,225,255,.12)!important}

/* detached adaptive header logo: English lockup must always read clearly */
[data-theme="dark"] .v14-brand-dock .brand span,
[data-theme="dark"] .v14-brand-dock.on-dark .brand span,
[data-theme="dark"] .topbar-wrap.scrolled .v14-brand-dock .brand span{color:#ff8733!important;text-shadow:0 1px 10px rgba(255,122,31,.15)}
[data-theme="dark"] .topbar.brand-detached,
[data-theme="dark"] .topbar-wrap.scrolled .topbar.brand-detached{background:rgba(17,9,46,.94)!important;border-color:rgba(235,225,255,.11)!important;box-shadow:0 18px 54px rgba(0,0,0,.34)!important}
[data-theme="dark"] .desktop-nav a{color:#d2c8de!important}
[data-theme="dark"] .desktop-nav a:hover,
[data-theme="dark"] .desktop-nav a.active{color:#fff!important}
[data-theme="dark"] .nav-indicator{background:#ff7a1f!important}
[data-theme="dark"] .header-tool{background:rgba(255,255,255,.065)!important;color:#fbf7ff!important;border-color:rgba(235,225,255,.12)!important}
[data-theme="dark"] .header-tool:hover{background:rgba(255,122,31,.16)!important;border-color:rgba(255,122,31,.38)!important;color:#fff!important}

/* project dialog/gallery */
[data-theme="dark"] .project-dialog{background:#120a31!important;color:#fbf7ff!important;border-color:rgba(235,225,255,.11)!important}
[data-theme="dark"] .project-detail-head{background:linear-gradient(155deg,#1c1242,#281857)!important;border-color:rgba(235,225,255,.1)!important}
[data-theme="dark"] .project-media-shell,
[data-theme="dark"] .gallery-topline{background:#130b32!important;color:#c9bfd6!important}
[data-theme="dark"] .gallery-actions button{background:#29195a!important;border-color:rgba(235,225,255,.13)!important;color:#fff!important}
[data-theme="dark"] .gallery-actions button:hover{background:#ff761b!important;border-color:#ff761b!important}
[data-theme="dark"] .gallery-slide,
[data-theme="dark"] .gallery-slide img{background:#1a103d!important}
[data-theme="dark"] .gallery-dot{background:#665b79!important}
[data-theme="dark"] .gallery-dot.active{background:#ff7a1f!important}

/* mobile menu */
[data-theme="dark"] .mobile-menu{background:linear-gradient(160deg,#0e072d,#1a0f43 62%,#0c0626)!important}
[data-theme="dark"] .mobile-menu a{color:#fff!important;border-color:rgba(255,255,255,.13)!important}
[data-theme="dark"] .mobile-menu small{color:#a99db9!important}
[data-theme="dark"] .mobile-tool{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}

/* form/admin-adjacent inputs shown on public contact/project UI, if present */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select{color:#fbf7ff;background:#1c1242;border-color:rgba(235,225,255,.14)}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder{color:#9f94af}