/* Local type family */
@font-face{font-family:Switzer;src:url('assets/fonts/switzer-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Switzer;src:url('assets/fonts/switzer-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Switzer;src:url('assets/fonts/switzer-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Switzer;src:url('assets/fonts/switzer-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

/* Brand tokens */
:root{--ink:#09090b;--paper:#efefec;--purple:#9474ff;--muted:#9a999f;--line:#ffffff24;--gutter:4.5vw;--font-body:Switzer,Arial,Helvetica,sans-serif;font-family:var(--font-body);color:var(--paper);background:var(--ink);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:1000px}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:7px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}::selection{background:#9372ff;color:#09090b}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:14px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;display:inline-flex;align-items:center;gap:11px}.eyebrow i{width:7px;height:7px;display:inline-block;background:var(--purple);border-radius:50%}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}section{scroll-margin-top:0}
/* Navigation */
.header{height:96px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--ink)}.brand{display:flex;gap:10px;align-items:center;font-size:43px;letter-spacing:-3px;font-weight:600}.brand-symbol{display:block;width:41px;height:41px;overflow:hidden;position:relative}.brand-symbol img{position:absolute;max-width:none;width:78px;height:78px;left:-19px;top:-19px}.brand-dot{font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin:8px 0 0 5px}.header nav{display:flex;gap:32px}.header nav a{font-size:14px;color:#d1d0d5;transition:color .2s}.header nav a:hover,.header nav a[aria-current="location"]{color:var(--purple)}.header nav a span{vertical-align:super;font-size:10px;color:#7e7c86;margin-left:4px}.header-cta{font-size:14px;border-bottom:1px solid #75737e;padding:10px 0;display:flex;gap:30px}.header-cta:hover{color:var(--purple)}
/* Hero */
.hero{padding:30px var(--gutter) 0;min-height:calc(100svh - 96px);display:flex;flex-direction:column;overflow:hidden}.hero-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.location{font-size:11px;letter-spacing:.1em;color:#a9a7af}.location span{margin-left:20px;color:var(--purple)}.hero-body{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;flex:1;min-height:560px;position:relative}.hero-copy{position:relative;z-index:2;padding:50px 0 48px}.hero h1{font-size:clamp(76px,7.4vw,126px);font-weight:500;line-height:.99;letter-spacing:-.075em}.hero h1 em{display:inline-block;color:var(--purple);letter-spacing:-.065em;padding-top:5px;white-space:nowrap}.hero-copy p{font-size:16px;line-height:1.7;color:#aeadb6;margin-top:30px}.button{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;padding:19px 24px;font-size:14px;border-radius:3px;transition:background .2s,transform .2s}.button span{font-size:22px;line-height:1}.button:hover{transform:translateY(-3px)}.button-purple{background:#a18aff;color:#0c071c;margin-top:27px;border-radius:12px}.button-purple:hover{background:#b4a1ff}.button-outline{border:1px solid #ffffff45;margin-top:35px}.button-outline:hover{background:#ffffff10}.hero-art{position:absolute;width:53vw;height:100%;right:-5vw;top:0;perspective:1000px;display:grid;place-items:center}.art-object{width:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s ease-out;position:relative;z-index:1}.hero-sculpture{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 62% 62%,#000 50%,transparent 85%)}.art-halo{position:absolute;width:75%;height:70%;background:radial-gradient(ellipse,#5c39bb18,transparent 68%);border-radius:50%}.art-label{position:absolute;z-index:2;top:18%;right:2%;bottom:auto;font-size:10px;letter-spacing:.23em;color:#d7d0ff;text-shadow:0 2px 20px #000000b0;white-space:nowrap}.art-coordinate{position:absolute;top:12%;right:17%;font-size:11px;color:#77717f}.hero-footer{padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);position:relative;z-index:2}.scroll-cue{display:flex;gap:14px;align-items:center;font-size:12px;color:#b8b6bf}.scroll-circle{border:1px solid #ffffff3d;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:16px}.hero-footer>span:nth-child(2){font-size:10px;line-height:1.6;letter-spacing:.12em;color:#96939e}.hero-footer strong{font-weight:400;color:#e1dfe7}.page-index{font-size:14px}.page-index span{color:#68656f;font-size:12px}
/* Stacking partner panels */
.work{background:var(--paper);color:var(--ink);padding:95px var(--gutter) 0}.section-heading{display:grid;grid-template-columns:1fr 2.1fr .3fr;gap:30px;align-items:start;margin-bottom:58px}.section-heading>.eyebrow{padding-top:12px}.section-heading h2{font-size:clamp(48px,5vw,80px);line-height:1.06;font-weight:500;letter-spacing:-.06em}.section-heading h2 span{color:#858582}.section-heading p{color:#656560;line-height:1.6;margin-top:20px;font-size:16px}.heading-arrow{font-size:68px;line-height:1;font-weight:300;justify-self:end}.project-stack{padding-bottom:1px}.project{position:sticky;top:24px;min-height:640px;height:calc(100svh - 48px);max-height:850px;border-radius:8px;padding:29px 38px 24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -12px 36px #0000000e;transform-origin:50% 0;margin-bottom:30px;will-change:transform}.project:nth-child(2){top:42px}.project:nth-child(3){top:60px}.project-markab{background:#bb2447;color:#fff5f4}.project-najot{background:#0b2a2e;color:#e6d8ad}.project-coco{background:#2647b0;color:#e9edff}.project-top,.project-bottom{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.13em;position:relative;z-index:2}.project-top{border-bottom:1px solid #ffffff32;padding-bottom:21px}.project-bottom{border-top:1px solid #ffffff32;padding-top:20px}.project-content{display:grid;grid-template-columns:1fr 1.15fr;flex:1;align-items:center;gap:30px}.project-copy{position:relative;z-index:2}.project-category{font-size:11px;letter-spacing:.16em;border:1px solid #ffffff55;border-radius:20px;padding:7px 12px;display:inline-block;margin-bottom:28px}.project h3{font-size:clamp(58px,6.5vw,104px);line-height:.97;letter-spacing:-.065em;font-weight:500}.project h3>span{opacity:.5}.project-copy p{font-size:16px;line-height:1.6;opacity:.78;margin-top:25px}.text-link{font-size:12px;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #ffffff65;padding:12px 0;margin-top:24px}.text-link:hover{border-color:currentColor}.text-link span{font-size:20px}.project-visual{align-self:stretch;position:relative;display:grid;place-items:center;perspective:1100px;overflow:visible}.logo-plane{width:min(29vw,440px);aspect-ratio:1;position:relative;z-index:1;transform:rotateX(10deg) rotateY(-17deg) rotateZ(7deg);box-shadow:22px 30px 0 #00000013,40px 55px 75px #00000040;border:1px solid #ffffff24;border-radius:9px;overflow:hidden;transition:transform .7s}.project:hover .logo-plane{transform:rotateX(3deg) rotateY(-8deg) rotateZ(2deg)}.logo-plane img{width:100%;height:100%;object-fit:cover}.najot-visual .logo-plane{transform:rotateX(8deg) rotateY(17deg) rotateZ(-6deg)}.coco-visual .logo-plane{transform:rotateX(12deg) rotateY(-15deg) rotateZ(7deg)}.visual-word{position:absolute;bottom:4%;font-size:7vw;font-weight:700;letter-spacing:-.07em;opacity:.09;white-space:nowrap}.partners-strip{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:50px 0 60px}.partners-strip p{font-size:10px;color:#747470;letter-spacing:.1em;line-height:1.7;white-space:nowrap}.partners-strip strong{color:#191918;font-weight:500}.partners-strip>div{display:grid;place-items:center;width:140px;height:65px}.partners-strip img{max-height:65px;width:auto;max-width:120px;mix-blend-mode:multiply;filter:grayscale(1)}.partners-strip>a{font-size:12px;white-space:nowrap}.partners-strip>a span{margin-left:15px}
/* Services */
.services{padding:110px var(--gutter);display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.services h2{font-size:clamp(48px,4.7vw,74px);font-weight:500;letter-spacing:-.06em;line-height:1.08;margin-top:32px}.services h2 em{color:var(--purple)}.services-intro p{font-size:16px;line-height:1.7;color:#a6a3ae;margin-top:25px}.service-list{border-top:1px solid var(--line);margin-top:10px}.service-list details{border-bottom:1px solid var(--line)}.service-list summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:35px 1fr 34px;gap:15px;align-items:center;padding:31px 0;font-size:34px;letter-spacing:-.035em}.service-list summary::-webkit-details-marker{display:none}.service-number{color:var(--purple);font-size:12px;letter-spacing:0;align-self:start;margin-top:8px}.service-list small{display:block;color:#8e8a98;font-size:13px;font-weight:400;letter-spacing:0;margin-top:9px}.service-toggle{width:32px;height:32px;display:grid;place-items:center;font-size:24px;font-weight:300;border:1px solid #ffffff32;border-radius:50%;transition:transform .25s,color .25s}.service-list details[open] .service-toggle{transform:rotate(45deg);color:var(--purple);border-color:var(--purple)}.service-detail{padding:0 48px 30px 50px}.service-detail p{font-size:15px;line-height:1.8;color:#b1adba}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.tags span{border:1px solid #ffffff29;padding:7px 11px;border-radius:30px;font-size:11px;color:#d0cbd9}
/* Agency */
.about{padding:60px var(--gutter) 0;background:#e6e4df;color:#181719}.about-top{display:flex;justify-content:space-between;align-items:center}.about-top>span:last-child{font-size:10px;letter-spacing:.12em;color:#77736f}.about h2{font-size:clamp(55px,6vw,96px);line-height:1.1;letter-spacing:-.06em;font-weight:500;margin:62px 0 45px}.about h2>span{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#7752cf}.about-bottom{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;align-items:end;padding-bottom:55px}.about-bottom p{font-size:16px;line-height:1.8;color:#706d68}.stat{display:flex;flex-direction:column;gap:16px}.stat strong{font-size:80px;font-weight:500;line-height:1;letter-spacing:-.06em}.stat strong>span{font-size:40px;color:#77726d}.stat>span{font-size:11px;letter-spacing:.1em;color:#77726d}.principles{display:flex;justify-content:space-between;border-top:1px solid #18171925;padding:25px 0;font-size:14px}.principles i{font-style:normal;font-size:11px;color:#8871b0;margin-right:16px}
/* Contact and oversized wordmark */
.contact{padding:60px var(--gutter) 50px;background:#b69bff;color:#170d2d}.contact-top{display:flex;justify-content:space-between}.contact-top .eyebrow i{background:#301d4f}.contact-top>span:last-child{font-size:10px;letter-spacing:.1em}.contact-main{display:flex;align-items:center;justify-content:space-between;margin:55px 0 50px}.contact h2{font-size:clamp(80px,9vw,144px);line-height:.99;font-weight:500;letter-spacing:-.075em}.contact h2 em{letter-spacing:-.065em}.contact-arrow{width:180px;height:180px;border:1px solid #321d5d70;border-radius:50%;display:grid;place-items:center;font-size:95px;font-weight:300;transition:background .3s,transform .3s}.contact-main:hover .contact-arrow{background:#d4c3ff;transform:rotate(7deg)}.contact-details{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:25px;border-top:1px solid #170d2d35;padding-top:27px;align-items:start}.contact-details>a{font-size:20px;letter-spacing:-.03em}.contact-details>a span{font-size:18px;margin-left:25px}.contact-details p{font-size:13px;line-height:1.7}.contact-details p span{opacity:.65}.footer{padding:25px var(--gutter) 25px;overflow:hidden}.footer-wordmark{font-size:30vw;line-height:.96;letter-spacing:-.087em;font-weight:600;display:block;width:max-content;margin-left:-1.6vw}.footer-wordmark>span{font-size:3.5vw;vertical-align:top;display:inline-block;letter-spacing:0;margin:4vw 0 0 2vw;color:var(--purple)}.footer>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-top:20px;font-size:10px;letter-spacing:.1em;color:#a5a1ad}.footer>div a span{margin-left:25px;font-size:17px}.footer>div a:hover{color:var(--purple)}
/* Accessibility: respect reduced motion without hiding any content */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.art-object,.project,.logo-plane{transform:none!important}}

/* Responsive refinements */
:root{--radius:12px;--gutter:clamp(20px,4.5vw,72px)}body{min-width:0;overflow-x:hidden}.button,.header-button,.contact-action{border-radius:var(--radius)}.button{justify-content:center}.header{height:auto;min-height:96px;padding:18px var(--gutter);gap:30px}.brand{font-size:clamp(28px,3vw,43px);letter-spacing:0;flex:0 0 auto}.header nav{flex:1 1 auto;justify-content:center;gap:clamp(18px,2vw,32px)}.header nav a{white-space:nowrap}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:0 0 auto}.header-phone{font-size:15px;color:#f2f1f5;white-space:nowrap}.header-button{min-height:50px;padding:16px 22px;background:#fff;color:#0c0c10;font-weight:700;white-space:nowrap}.header-button:hover{background:#a18aff;color:#0c071c}.hero-body{grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr);padding-bottom:20px}.hero h1,.hero h1 em,.section-heading h2,.project h3,.services h2,.about h2,.stat strong,.contact h2,.footer-wordmark{letter-spacing:0}.hero-art{width:min(53vw,900px);height:calc(100% - 20px)}.art-object{width:min(calc(100svh - 224px),53vw,900px);height:auto;aspect-ratio:1}.hero-sculpture{width:100%;height:auto;max-height:100%;margin:auto}.hero-footer{margin-top:20px;gap:24px}.hero-footer>span:nth-child(2){color:#d7d0ff;text-align:center}.text-link,.partners-strip>a{gap:0}.contact-main{gap:32px}.contact-action{min-height:56px;border:1px solid #321d5d70;display:inline-flex;align-items:center;justify-content:center;padding:18px 24px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .3s,transform .3s}.contact-main:hover .contact-action{background:#d4c3ff;transform:translateY(-3px)}

@media(max-width:1180px){.header{flex-wrap:wrap}.header nav{order:3;flex-basis:100%;justify-content:flex-start}.hero-body{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}.services{grid-template-columns:1fr;gap:54px}}

@media(max-width:900px){html{scroll-padding-top:0}.hero{min-height:auto}.hero-body{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding-bottom:10px}.hero-copy{padding:42px 0 24px}.hero-art{position:relative;right:auto;top:auto;width:min(100%,560px);height:auto;min-height:320px;margin:0 auto}.art-object{width:min(100%,520px);height:auto}.hero-footer{flex-wrap:wrap;align-items:flex-start}.hero-footer>span:nth-child(2){text-align:left}.section-heading,.project-content,.about-bottom,.contact-details{grid-template-columns:1fr}.project{position:relative;top:auto;height:auto;min-height:0;max-height:none;padding:28px}.project:nth-child(2),.project:nth-child(3){top:auto}.project-content{padding:50px 0}.logo-plane{width:min(72vw,380px)}.partners-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.partners-strip>div{width:100%}.about-top,.principles,.contact-main,.footer>div{flex-direction:column;align-items:flex-start}.about-top>span:last-child{text-align:left}}

@media(max-width:640px){.header{padding:16px var(--gutter);gap:16px}.brand-symbol{width:35px;height:35px}.brand-symbol img{width:68px;height:68px;left:-16px;top:-16px}.header nav{display:none}.header-actions{width:100%;flex-direction:column;align-items:stretch;gap:12px}.header-phone{font-size:14px;text-align:left}.header-button{width:100%;min-height:46px;padding-inline:16px}.hero h1{font-size:clamp(44px,14vw,64px)}.hero-copy p{max-width:32ch}.hero-art{min-height:250px}.hero-footer{padding:18px 0}.scroll-cue{align-items:flex-start}.work{padding-top:72px}.section-heading h2,.services h2,.about h2{font-size:clamp(36px,12vw,52px)}.project{padding:22px}.project-top,.project-bottom{flex-direction:column}.project h3{font-size:clamp(36px,12vw,56px)}.partners-strip{grid-template-columns:1fr;justify-items:start;gap:22px}.services{padding:72px var(--gutter)}.service-list summary{grid-template-columns:28px minmax(0,1fr) 30px;gap:12px;font-size:24px}.service-detail{padding:0 0 28px 40px}.about h2{margin:44px 0 34px}.about-bottom{gap:30px}.principles{gap:18px}.contact h2{font-size:clamp(42px,14vw,70px)}.contact-action{width:100%}.footer-wordmark{font-size:clamp(82px,28vw,130px)}}

@media(max-width:390px){:root{--gutter:16px}.header-actions{flex-direction:column;align-items:stretch}.header-phone{text-align:center}.button,.header-button{width:100%}.hero h1{font-size:42px}}

.client-showcase{border-top:1px solid #19191818;padding:68px 0 86px}.client-head{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(0,2fr);gap:34px;align-items:start;margin-bottom:30px}.client-head h3{max-width:760px;font-size:clamp(38px,4.2vw,68px);line-height:1.03;font-weight:500;letter-spacing:-.035em}.client-head p{max-width:620px;color:#656560;line-height:1.65;margin-top:18px}.client-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.client-filter{border:1px solid #1919182e;border-radius:var(--radius);background:transparent;color:#34332f;padding:11px 14px;font:700 12px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,color .2s,transform .2s}.client-filter span{color:#7d7870;margin-left:8px}.client-filter:hover{transform:translateY(-2px);border-color:#19191870}.client-filter.is-active{background:transparent;color:#191918;border-color:#191918;box-shadow:inset 0 0 0 1px #191918}.client-filter.is-active span{color:#7557db}.client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.client-card{min-height:208px;border:1px solid #19191814;border-radius:8px;background:#f8f7f3;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;box-shadow:0 16px 38px #19191808;transition:transform .22s,border-color .22s,background .22s}.client-card:hover{transform:translateY(-4px);border-color:#8d70ff55;background:#fbfaf7}.client-card.is-hidden,.client-card.is-collapsed{display:none}.client-logo{width:100%;height:92px;border-radius:10px;background:#070707;color:#fff;display:grid;place-items:center;overflow:hidden}.client-logo img{display:block;width:76%;height:58px;object-fit:contain}.client-logo-fallback{font-size:22px;font-weight:800;letter-spacing:.02em;color:#a78cff}.client-card h4{font-size:18px;line-height:1.15;font-weight:600;color:#191918}.client-service{display:block;margin-top:8px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#7557db}.client-load-more{display:flex;align-items:center;justify-content:center;min-width:190px;min-height:50px;margin:28px auto 0;padding:14px 24px;border:1px solid #191918;border-radius:var(--radius);background:transparent;color:#191918;font:700 13px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,transform .2s}.client-load-more:hover{background:#191918;color:#fff;transform:translateY(-2px)}.client-load-more[hidden]{display:none}button:focus-visible{outline:2px solid var(--purple);outline-offset:4px}

@media(max-width:1180px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:900px){.client-head{grid-template-columns:1fr}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-showcase{padding:54px 0 72px}}

@media(max-width:640px){.client-filter{flex:1 1 calc(50% - 10px);min-height:44px}.client-card{min-height:190px}.client-logo{height:82px}.client-head h3{font-size:clamp(32px,10vw,44px)}}

@media(max-width:390px){.client-grid{grid-template-columns:1fr}.client-filter{flex-basis:100%}}

/* Dark logo wall: project names stay in markup for accessibility, but remain visually hidden. */
.client-showcase{margin-inline:calc(var(--gutter) * -1);padding:78px var(--gutter) 92px;background:#070707;color:#f5f4f0;border-top:1px solid #ffffff14}
.client-head p{color:#96949d}.client-filter{border-color:#ffffff2e;color:#cfced5}.client-filter span{color:#77747f}.client-filter:hover{border-color:#ffffff70;color:#fff}.client-filter.is-active{color:#fff;border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple)}.client-filter.is-active span{color:var(--purple)}
.client-card{position:relative;min-height:0;aspect-ratio:419/260;padding:0;background:#101012;border:1px solid #ffffff16;border-radius:var(--radius);box-shadow:none;justify-content:center}.client-card:hover{background:#151419;border-color:#9474ff80}.client-card>div{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.client-logo{width:100%;height:100%;background:transparent;border-radius:inherit}.client-logo img{width:var(--logo-width,45%);height:auto;max-height:84.6%;object-fit:contain}.client-logo-fallback{font-size:clamp(20px,2vw,30px)}.client-load-more{border-color:#ffffff52;color:#fff}.client-load-more:hover{background:#fff;color:#09090b}

@media(max-width:900px){.client-showcase{padding:60px var(--gutter) 72px}}
@media(max-width:640px){.client-card{min-height:0}.client-logo{height:100%}.client-logo img{height:auto}}

/* Aura-inspired interaction layer: long easing, glass navigation and cursor light. */
:root{
  --motion-ease:cubic-bezier(.16,1,.3,1);
  --motion-hover:900ms;
  --motion-enter:1.9s;
  --surface-glass:#ffffff08;
  --surface-glass-hover:#ffffff0e;
  --surface-line:#ffffff1f;
  --surface-line-hover:#ffffff52;
  --surface-shadow:0 28px 80px #00000040;
}

@media(min-width:641px){
  .header{
    position:fixed;
    top:0;
    left:50%;
    width:100%;
    transform:translateX(-50%);
    border:1px solid transparent;
    background:#09090be8;
    transition:top 1.2s var(--motion-ease),width 1.2s var(--motion-ease),min-height 1.2s var(--motion-ease),padding 1.2s var(--motion-ease),background-color 1.2s var(--motion-ease),border-color 1.2s var(--motion-ease),border-radius 1.2s var(--motion-ease),box-shadow 1.2s var(--motion-ease);
  }
  .header.is-scrolled{
    top:12px;
    width:min(calc(100% - (var(--gutter) * 2)),1120px);
    min-height:64px;
    padding:7px 12px 7px 22px;
    border-color:var(--surface-line);
    border-radius:18px;
    background:#09090bc7;
    box-shadow:0 18px 60px #0000005c;
    -webkit-backdrop-filter:blur(20px);
    backdrop-filter:blur(20px);
  }
  .header.is-scrolled .brand{font-size:clamp(26px,2.3vw,34px)}
  .header.is-scrolled .brand-symbol{width:34px;height:34px}
  .header.is-scrolled .brand-symbol img{width:66px;height:66px;left:-16px;top:-16px}
  .header.is-scrolled .header-button{min-height:46px;padding:14px 20px}
  .hero{padding-top:126px;min-height:100svh}
}

.brand,.brand-symbol,.brand-symbol img,.header-button{
  transition:font-size 1.2s var(--motion-ease),width 1.2s var(--motion-ease),height 1.2s var(--motion-ease),inset 1.2s var(--motion-ease),background-color var(--motion-hover) var(--motion-ease),transform var(--motion-hover) var(--motion-ease);
}
.header nav a,.footer a{transition:color var(--motion-hover) var(--motion-ease)}
.button,.header-button,.contact-action,.client-filter,.client-load-more{
  transition:color var(--motion-hover) var(--motion-ease),background-color var(--motion-hover) var(--motion-ease),border-color var(--motion-hover) var(--motion-ease),box-shadow var(--motion-hover) var(--motion-ease),transform var(--motion-hover) var(--motion-ease);
}
.button:hover,.header-button:hover,.contact-action:hover,.client-load-more:hover{transform:translateY(-3px) scale(1.025)}

.motion-reveal{
  opacity:0;
  transform:translateY(32px);
  transition:opacity var(--motion-enter) var(--motion-ease),transform 2.5s var(--motion-ease);
  will-change:opacity,transform;
}
.motion-reveal.is-visible{opacity:1;transform:none}

.motion-surface{
  isolation:isolate;
  transition:background-color 1.2s var(--motion-ease),border-color 1.2s var(--motion-ease),box-shadow 1.2s var(--motion-ease),transform 1.2s var(--motion-ease);
}
.motion-surface::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0;
  border-radius:inherit;
  background:radial-gradient(620px circle at var(--spot-x,50%) var(--spot-y,50%),#ffffff18,transparent 42%);
  transition:opacity 1.1s var(--motion-ease);
}
.motion-surface:hover::before,.motion-surface:focus-within::before{opacity:1}
.motion-surface>*{position:relative;z-index:1}

.client-card{overflow:hidden;transition:background-color 1.2s var(--motion-ease),border-color 1.2s var(--motion-ease),box-shadow 1.2s var(--motion-ease),transform 1.2s var(--motion-ease)}
.client-card:hover{transform:translateY(-5px);border-color:var(--surface-line-hover);box-shadow:var(--surface-shadow)}
.client-logo img{transition:transform 1.1s var(--motion-ease),opacity 1.1s var(--motion-ease)}
.client-card:hover .client-logo img{transform:scale(1.07);opacity:1}
.service-list details{position:relative;overflow:hidden;transition:background-color var(--motion-hover) var(--motion-ease)}
.service-list details:hover{background:#ffffff08}
.service-toggle{transition:transform var(--motion-hover) var(--motion-ease),color var(--motion-hover) var(--motion-ease),border-color var(--motion-hover) var(--motion-ease),background-color var(--motion-hover) var(--motion-ease)}
.service-list details[open] .service-toggle{background:#ffffff08}
.logo-plane{transition:transform 1.2s var(--motion-ease),box-shadow 1.2s var(--motion-ease)}
.project:hover .logo-plane{box-shadow:22px 30px 0 #00000013,45px 65px 90px #00000052}
.contact-action:hover{box-shadow:0 18px 45px #301d4f29}

.footer>div a{position:relative;width:max-content}
.footer>div a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-5px;
  width:100%;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform var(--motion-hover) var(--motion-ease);
}
.footer>div a:hover::after{transform:scaleX(1);transform-origin:left center}

@media(max-width:640px){
  .header{position:relative;transform:none}
  .motion-reveal{transform:translateY(22px)}
  .client-card:hover{transform:none;box-shadow:none}
}

@media(prefers-reduced-motion:reduce){
  .motion-reveal{opacity:1!important;transform:none!important;will-change:auto}
  .header{position:relative!important;top:auto!important;left:auto!important;width:100%!important;transform:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .hero{padding-top:30px!important;min-height:calc(100svh - 96px)!important}
}