@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Poppins:wght@300;400;600&display=swap');
:root{--paper:#f4f4f4;--ink:#101010;--purple:#771195;--progress:0;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.gallery:focus-visible{outline:3px solid #b34dd2;outline-offset:6px}button{ -webkit-tap-highlight-color:transparent}::selection{background:#9b30b9;color:white}.hero-track{height:145svh;min-height:960px;position:relative}.hero{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:var(--paper)}header{position:absolute;top:0;left:0;width:100%;padding:32px 7vw;display:flex;align-items:center;justify-content:space-between;z-index:30}.brand{font-size:13px;font-weight:800;letter-spacing:-.3px}nav{display:flex;gap:36px;font-size:13px}nav a{padding:12px 0}nav a:hover{color:var(--purple)}.hero-copy{position:absolute;left:7vw;top:18%;z-index:10;transform:translateY(calc(var(--progress)*-90px));opacity:calc(1 - var(--progress)*1.2)}h1{font-size:clamp(40px,4.65vw,83px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:0;background:linear-gradient(105deg,#080808 15%,#aaa 100%);background-clip:text;-webkit-text-fill-color:transparent}h1 span{background:linear-gradient(105deg,#710b8b,#aaa);background-clip:text;-webkit-text-fill-color:transparent}.actions{display:flex;gap:14px;margin-top:30px;font-size:16px}.actions a{display:flex;align-items:center;gap:14px;border-radius:40px;padding:10px 17px;transition:background .25s,transform .25s}.actions a:hover{transform:translateY(-3px)}.contact{background:#454545;color:white}.contact span{border-radius:50%;color:#111;background:#fff;width:30px;height:30px;display:grid;place-items:center;font-size:24px}.portfolio{background:#ddd;color:#252525}.portrait-scene{position:absolute;left:27%;width:65%;height:94%;bottom:0;z-index:4;transform:translateY(calc(var(--progress)*38px)) scale(calc(1 + var(--progress)*.16));transform-origin:50% 100%;perspective:1100px}.portrait{height:100%;width:100%;object-fit:contain;object-position:center bottom;position:absolute;bottom:0;pointer-events:none;transform:translateX(calc(var(--mx)*7px)) rotateY(calc(var(--mx)*3deg));transition:filter .5s;mask-image:linear-gradient(#000 78%,transparent 100%)}.portrait-trigger{position:absolute;top:5%;left:27%;width:44%;height:88%;z-index:8;border:0;background:transparent;border-radius:45%;cursor:crosshair;touch-action:pan-y}.portrait-scene.active .portrait{filter:contrast(1.05)}.orbit{position:absolute;inset:0;z-index:6;pointer-events:none}.art-float{position:absolute;width:clamp(125px,13vw,210px);aspect-ratio:4/5;object-fit:cover;top:var(--y);left:var(--x);box-shadow:0 18px 50px #16082235;opacity:0;transform:translate(-50%,-40%) scale(.45) rotate(0deg);transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .35s;transition-delay:calc(var(--i)*35ms);will-change:transform}.active .art-float{opacity:1;transform:translate(calc(-50% + var(--mx)*var(--shift)),calc(-50% + var(--my)*22px)) scale(1) rotate(calc(var(--r) + var(--mx)*5deg))}.face-glow{position:absolute;inset:15% 30%;background:radial-gradient(ellipse,#a000c218,transparent 65%);pointer-events:none;mix-blend-mode:screen;opacity:0}.active .face-glow{opacity:1}.name-back,.name-front{position:absolute;left:24%;bottom:4%;font-size:clamp(190px,23vw,420px);letter-spacing:-.085em;line-height:.85;font-weight:500;pointer-events:none;white-space:nowrap;transform:translateX(calc(var(--progress)*-70px));transform-origin:center}.name-back{color:#c1c1c1;z-index:2}.name-front{z-index:9;color:transparent;-webkit-text-stroke:1px #eeeeee55}.bottom-fade{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(transparent,var(--paper) 84%);z-index:11;pointer-events:none}.hero-aside{position:absolute;right:6%;top:33%;z-index:10;width:125px;text-align:right;opacity:calc(1 - var(--progress)*2)}.eyebrow{font-size:12px;line-height:1.25;display:block}.clients{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;align-items:center;margin-top:24px;font-size:14px;text-align:center;letter-spacing:-.5px}.levve{letter-spacing:2px;font-size:13px}.liveboard{font-size:12px}.hero-aside p{margin-top:62px}.hero-aside p strong{display:block;font-size:36px;font-weight:500;letter-spacing:-2px}.hero-aside p span{display:block;font-size:12px;line-height:1.3}.hero-bottom{position:absolute;bottom:25px;left:7vw;right:6vw;display:flex;align-items:center;justify-content:space-between;z-index:20;font-size:12px;letter-spacing:.05em}.scroll-link{display:flex;align-items:center;gap:13px}.scroll-link>span{font-size:24px}.instruction{display:flex;gap:15px;align-items:center;color:#555}.instruction i{font-size:27px;color:var(--purple);font-style:normal}.touch-hint{display:none}.projects{position:relative;z-index:40;min-height:100svh;padding:30px 7vw 28px;background:#17131b;color:#fff;border-radius:32px 32px 0 0;margin-top:-20px;overflow:hidden}.section-top{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff25;padding-bottom:20px;font-size:12px;letter-spacing:.06em;color:#c7bdcb}.project-heading{display:flex;align-items:end;justify-content:space-between;margin:40px 0 35px;gap:30px}.project-heading h2{font-size:clamp(46px,5.5vw,90px);line-height:.93;font-weight:500;letter-spacing:-.055em;margin:0}.project-heading em{font-family:Georgia,serif;font-weight:400;color:#c889e4}.project-heading p{font-size:16px;line-height:1.65;color:#c1b9c7;margin:0}.gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 0 10px;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.gallery::-webkit-scrollbar{display:none}.work{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start;margin:0;min-width:0}.work img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .4s,filter .4s;background:#2a242e}.work:hover img{transform:translateY(-7px);filter:brightness(1.06)}.work figcaption{display:flex;justify-content:space-between;font-size:13px;line-height:1.4;margin-top:15px;gap:10px}.work figcaption span{color:#a89aaf;font-size:12px}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;font-size:12px;letter-spacing:.08em;color:#bbb0c3}.gallery-controls{display:flex;gap:9px}.gallery-controls button{border:1px solid #ffffff40;background:transparent;border-radius:50%;width:44px;height:44px;color:white;font-size:23px}.gallery-controls button:hover{background:#72348b}.gallery-controls button:disabled{opacity:.25;cursor:default}@media(min-width:1800px){.hero-copy{left:12.5vw}.portrait-scene{left:28%;width:62%}header{padding-left:12.5vw;padding-right:12.5vw}.hero-aside{right:14%}.hero-bottom{left:12.5vw;right:12.5vw}}@media(max-width:1000px){.hero-copy{left:5vw;top:20%}h1{font-size:5.3vw}.actions{font-size:14px;gap:8px}.actions a{padding:9px 13px}.hero-aside{right:4%;width:105px}.portrait-scene{left:25%;width:78%;height:88%}.name-back,.name-front{left:16%;font-size:27vw}.work{flex-basis:calc((100% - 48px)/3)}.project-heading p{max-width:260px}}@media(max-width:700px){.hero-track{height:122svh;min-height:850px}.hero{min-height:720px;height:100svh}header{padding:20px 6vw}.brand{font-size:12px}.brand span{display:block;font-size:10px;letter-spacing:.6px;margin-top:3px}nav{gap:18px;font-size:11px}.hero-copy{top:105px;left:6vw;right:6vw;z-index:12;pointer-events:none}h1{font-size:clamp(38px,9.6vw,58px);line-height:.98;letter-spacing:-.055em}.actions{margin-top:19px;gap:10px;font-size:13px;pointer-events:auto}.actions a{padding:8px 12px}.contact span{width:25px;height:25px;font-size:20px}.portrait-scene{left:-30%;width:160%;height:66%;bottom:10px;transform:translateY(calc(var(--progress)*20px)) scale(calc(1 + var(--progress)*.09))}.portrait{object-position:center bottom}.portrait-trigger{left:30%;width:40%;height:92%;top:0}.hero-aside{display:none}.name-back,.name-front{left:3%;bottom:9%;font-size:30vw;letter-spacing:-.09em}.hero-bottom{left:6vw;right:6vw;bottom:14px;font-size:10px}.instruction{max-width:155px;text-align:right;line-height:1.5;gap:8px}.instruction i{font-size:23px}.desktop-hint{display:none}.touch-hint{display:inline}.scroll-link{gap:7px;font-size:9px}.bottom-fade{height:17%}.art-float{width:clamp(105px,24vw,160px)}.projects{padding:24px 6vw;border-radius:24px 24px 0 0;min-height:0}.section-top{font-size:10px}.section-top span:last-child{display:none}.project-heading{display:block;margin:32px 0 24px}.project-heading h2{font-size:12vw}.project-heading p{margin-top:20px;font-size:14px;max-width:none}.gallery{gap:16px;margin-right:-6vw;padding-right:6vw}.work{flex-basis:72vw}.work figcaption{font-size:13px}.gallery-hint{font-size:10px}.gallery-bottom{margin-top:20px}.active .art-float{transform:translate(calc(-50% + var(--mx)*var(--shift)*.35),calc(-50% + var(--my)*10px)) scale(.95) rotate(var(--r))}}@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}.portrait-trigger{cursor:pointer}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-track{height:100svh;min-height:720px}.hero-copy,.portrait-scene,.name-front,.name-back{transform:none!important;opacity:1!important}.hero-aside{opacity:1}.hero{position:relative}.work:hover img{transform:none}}

/* Portrait reveal: texture ribbons follow the pointer on the image itself. */
.hero-track{height:360svh;min-height:2200px}
.hero{--zoom:1;--fade:0;--veil:0}
.hero-copy{transform:translateY(calc(var(--fade)*-75px));opacity:calc(1 - var(--fade))}
.portrait-scene{left:35%;width:42%;height:87%;bottom:8%;transform:translateY(calc(var(--progress)*95px)) scale(var(--zoom));transform-origin:50% 39%;perspective:none}
.portrait{height:100%;width:auto;max-width:none;left:50%;object-fit:contain;transform:translateX(-50%);mask-image:linear-gradient(#000 82%,transparent 100%);filter:none!important}
.portrait-trigger{left:12%;width:76%;top:0;height:92%;z-index:8;border-radius:45% 45% 25% 25%}
.reveal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;mask-image:linear-gradient(#000 82%,transparent 100%)}
.face-glow{display:none}.name-back,.name-front{transform:translateX(calc(var(--progress)*-80px)) scale(calc(1 + var(--progress)*.3));opacity:calc(1 - var(--fade))}
.hero-aside,header,.hero-bottom{opacity:calc(1 - var(--fade))}.hero-bottom{transition:opacity .2s}
.bottom-fade{opacity:calc(1 - var(--progress));height:22%}
.scroll-veil{position:absolute;inset:0;z-index:35;pointer-events:none;background:#17131b;opacity:var(--veil)}
.projects{margin-top:0;border-radius:0;padding-top:40px}
@media(min-width:1800px){.portrait-scene{left:36%;width:40%}}
@media(max-width:1000px){.portrait-scene{left:34%;width:53%;height:82%;bottom:9%}}
@media(max-width:700px){.hero-track{height:320svh;min-height:2100px}.hero{min-height:720px}.hero-copy{top:88px}h1{font-size:clamp(35px,8.8vw,53px)}.portrait-scene{left:9%;width:82%;height:60%;bottom:6%;transform:translateY(calc(var(--progress)*70px)) scale(var(--zoom));transform-origin:50% 40%}.portrait-trigger{left:8%;width:84%;top:0;height:90%}.name-back,.name-front{bottom:8%}.hero-bottom{bottom:12px}.projects{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.hero-track{height:100svh;min-height:720px}.portrait-scene{transform:none!important}.hero-copy,.hero-aside,header,.hero-bottom,.name-back,.name-front{opacity:1!important}.scroll-veil{display:none}.portrait{transform:translateX(-50%)!important}}

/* Layout measured from SITE MEU / Frame 1 (2560 × 1167). */
:root{--paper:#f5f5f5}
.hero-design{position:absolute;width:min(100vw,219.365svh);aspect-ratio:2560/1167;left:50%;top:50%;transform:translate(-50%,-50%);isolation:isolate}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
header{padding:0;left:12.578%;top:4.113%;width:56.52%;align-items:start;font-family:Poppins,Arial,sans-serif}
.brand{font-weight:600;font-size:clamp(12px,.664vw,17px);line-height:1.1;white-space:nowrap;letter-spacing:0}
nav{gap:30px;font-size:clamp(12px,.664vw,17px);font-weight:300}nav a{padding:0}nav a>span{display:none}
.hero-copy{left:12.578%;top:15.77%;width:25.2%;right:auto}
h1{display:block;width:100%;font-size:inherit;background:none;-webkit-text-fill-color:initial;letter-spacing:normal;line-height:1;margin:0}
.figma-headline{display:block;width:100%;height:auto;aspect-ratio:638/323}
.actions{position:absolute;left:0;top:calc(100% + 2.15vw);gap:1.52vw;margin:0;white-space:nowrap;font-family:Poppins,Arial,sans-serif;font-size:clamp(14px,1.138vw,29.133px)}
.actions a{gap:.425vw;padding:.296vw .592vw;border-radius:40px;line-height:1.1;min-height:36px}
.contact{background:linear-gradient(90deg,#474747,#a4a4a4)}.contact-icon{display:block;width:1.95vw;height:1.95vw;min-width:26px;min-height:26px}.portfolio{background:#cbcbcb;color:white;padding:.781vw .625vw!important}
.portrait-scene{left:18.086%;width:68.75%;height:84.233%;top:9.854%;bottom:auto;transform:translateY(calc(var(--progress)*95px)) scale(var(--zoom));transform-origin:50% 39%}
.portrait{width:100%;height:100%;left:0;transform:none!important;object-fit:fill;mask-image:none}
.portrait-trigger{left:29%;width:41%;height:92%}
.name-back,.name-front{left:24.766%;top:60.497%;bottom:auto;width:52.188%;height:auto;font-size:0;line-height:0;-webkit-text-stroke:0;background:none;color:transparent}
.name-back img,.name-front img{display:block;width:100%;height:auto}.name-front{opacity:calc(1 - var(--fade))}
.hero-aside{left:77.93%;right:auto;top:32.22%;width:7.227%;height:23.3%;font-family:Poppins,Arial,sans-serif;text-align:right}
.eyebrow{font-size:clamp(11px,.664vw,17px);line-height:1.06}
.clients{display:block;position:absolute;inset:0;margin:0}.clients img{position:absolute;object-fit:contain}.client-one{left:0;top:16.16%;width:27.03%;height:18.37%}.client-sierpay{left:23.78%;top:2.94%;width:54.05%;height:45.56%}.client-two{left:80.54%;top:20.2%;width:17.3%;height:10.29%}.client-three{left:78.38%;top:16.9%;width:18.92%;height:27.93%}
.hero-aside p{position:absolute;top:85.6%;right:2%;margin:0;font-size:clamp(11px,.664vw,17px);line-height:1.13;white-space:nowrap}
.bottom-fade{height:32%;background:linear-gradient(transparent,#f5f5f5d9 50%,#fff 100%);bottom:-2%}
.hero-bottom{left:12.578%;right:15.23%;bottom:0;font-size:10px}.hero-bottom .instruction{font-size:10px}
@media(max-width:1000px) and (min-width:701px){header{width:74.8%}.hero-copy{left:7%;width:29%}.hero-aside{left:83%}.actions{gap:10px}.hero-bottom{left:7%;right:7%}}
@media(max-width:700px){.hero-design{width:100%;height:100%;aspect-ratio:auto}.hero-copy{left:6%;top:12%;width:72%;max-width:330px}.figma-headline{width:100%;height:auto}.actions{top:calc(100% + 18px);font-size:13px;gap:10px}.actions a{padding:8px 12px;min-height:40px}.portfolio{padding:8px 12px!important}.contact-icon{width:26px;height:26px}.portrait-scene{left:-30%;width:160%;height:60%;top:auto;bottom:5%;transform-origin:50% 40%}.portrait{width:auto;height:100%;left:50%;transform:translateX(-50%)!important}.portrait-trigger{left:30%;width:40%;height:92%}.name-back,.name-front{left:3%;width:94%;top:auto;bottom:10%}.hero-aside{display:none}header{top:3%;left:6%;width:88%}.brand{font-size:12px}.brand span{font-size:10px}nav{gap:15px;font-size:11px}.hero-bottom{left:6%;right:6%;bottom:1.5%}.hero-bottom .instruction{font-size:9px}.bottom-fade{height:18%;bottom:0}}

/* Supplied composition is the desktop source of truth. */
.hero-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none;opacity:calc(1 - var(--fade))}
.hero-design{aspect-ratio:2048/933;width:min(100vw,219.507svh)}
.hero-design>header{visibility:hidden}.hero-copy h1>.figma-headline,.name-back,.hero-aside{visibility:hidden}
.hero-design>.actions{left:12.578%;top:48.071%;width:23.125%;height:5.655%;display:grid;grid-template-columns:343fr 210fr;gap:6.57%;z-index:20;opacity:calc(1 - var(--fade));transform:translateY(calc(var(--fade)*-60px))}
.hero-design>.actions a{display:block;width:100%;height:100%;padding:0!important;background:none!important;min-height:0;border-radius:0}
.hero-design>.actions img{display:block;width:100%;height:100%;object-fit:contain}
.hero-design>.bottom-fade{display:none}.hero-bottom{visibility:hidden}
.portrait,.reveal-canvas{mask-image:linear-gradient(#000 0%,#000 69%,#000c 78%,transparent 100%)}
.name-front{opacity:calc(1 - var(--fade));z-index:9}
@media(max-width:700px){.hero-plate{display:none}.hero-design{width:100%;aspect-ratio:auto}.hero-design>header,.hero-copy h1>.figma-headline,.name-back,.hero-bottom{visibility:visible}.hero-design>.actions{left:6%;top:calc(12% + min(36.45vw,167.2px) + 18px);width:min(88%,390px);height:43px;grid-template-columns:343fr 210fr;gap:5%;transform:translateY(calc(var(--fade)*-60px))}.hero-design>.actions a{min-height:43px}.hero-copy{width:72%;max-width:330px}.portrait-scene{bottom:3%;height:58%}.portrait,.reveal-canvas{mask-image:linear-gradient(#000 75%,transparent 100%)}.hero-design>.bottom-fade{display:block}.name-front,.name-back{bottom:8%}}
@media(prefers-reduced-motion:reduce){.hero-plate{opacity:1}.hero-design>.actions{opacity:1;transform:none}}
@media(min-width:701px){.name-front{left:25.2%;top:55.73%;width:51.02%;height:auto}.name-front img{aspect-ratio:1306/392;height:auto}}

/* Navigation and the portfolio's editorial continuation. */
@font-face{font-family:'Poppins Thin';src:url('assets/poppins-thin.ttf') format('truetype');font-style:normal;font-weight:100;font-display:swap}
.hero-design>header{visibility:visible;width:74.85%;align-items:center}.hero-design>header>.brand{visibility:hidden}.hero-nav{font-family:'Poppins Thin',Poppins,sans-serif;font-weight:100;font-size:clamp(14px,.78vw,18px);gap:28px;white-space:nowrap}.hero-nav a{min-height:44px;display:flex;align-items:center;position:relative}.hero-nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.hero-nav a:hover:after{transform:scaleX(1)}
.section-pad{padding:88px max(6vw,24px);position:relative}.section-kicker{display:flex;justify-content:space-between;gap:24px;font-size:13px;letter-spacing:.08em;padding-bottom:28px;border-bottom:1px solid currentColor}.section-kicker span{opacity:.65}.display-title{font-size:clamp(44px,6.1vw,100px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:0 0 28px}.display-title em{font-style:normal;color:#82169c}.services{background:#f4f4f4;border-radius:40px 40px 0 0;margin-top:-1px;z-index:2}.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:80px}.services-intro{position:sticky;top:80px;align-self:start}.services-intro p,.process-intro p{font-size:18px;line-height:1.7;max-width:360px;color:#646064}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:16px;border-bottom:1px solid #999;padding:18px 0}.text-link span{font-size:26px}.service-stack{padding-bottom:40px}.service-card{position:sticky;top:calc(48px + var(--card-index)*20px);background:#e8e6e9;border:1px solid #d3cfd6;padding:40px;border-radius:22px;min-height:490px;margin-bottom:65px;box-shadow:0 14px 35px #17131b0d;transform-origin:50% 0}.service-card:nth-child(2){background:#e1d4e7}.service-card:nth-child(3){background:#d2b6de}.service-card:nth-child(4){background:#25152c;color:#fff;border-color:#25152c}.service-number,.process-step>span{font-size:13px;letter-spacing:.08em}.service-card h3{font-weight:500;font-size:clamp(30px,3.5vw,54px);line-height:1.08;letter-spacing:-.04em;margin:30px 0 20px}.service-card p{font-size:16px;line-height:1.7;max-width:440px}.service-card ul{list-style:none;padding:12px 0;margin:0 0 18px}.service-card li{font-size:14px;line-height:1.5;padding:9px 0;border-bottom:1px solid #8884}.service-card a{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:16px;padding:12px 0}.service-card a span{font-size:25px;transition:transform .3s}.service-card a:hover span{transform:translate(4px,-4px)}
.process{background:#17131b;color:#f5f5f5}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:85px}.process-intro{position:sticky;top:80px;align-self:start}.process .display-title em{color:#c18bd5}.process-intro p{color:#b9aebe}.process-big-number{display:block;font-size:clamp(120px,18vw,280px);line-height:1.1;letter-spacing:-.08em;color:#8a6297;margin-top:40px;font-weight:100}.process-steps{list-style:none;padding:0;margin:0}.process-step{padding:60px 0 90px;min-height:380px;border-bottom:1px solid #ffffff29}.process-step:first-child{padding-top:8px}.process-step>span{color:#c49bd4}.process-step h3{font-size:clamp(26px,2.5vw,40px);font-weight:500;letter-spacing:-.035em;margin:28px 0 18px}.process-step p{font-size:18px;line-height:1.8;color:#b9aebe;max-width:490px}
.contact-section{background:#e7d9ed;color:#211626;padding-bottom:28px;overflow:hidden}.contact-title{font-size:clamp(56px,11.8vw,190px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin:85px 0 55px}.contact-title em{font-weight:400;font-style:normal;color:#7c228f}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:110px}.contact-bottom p{font-size:18px;line-height:1.7;max-width:350px}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:65px;padding:25px 34px;border:1px solid #211626;border-radius:100px;font-size:22px;transition:background .3s,color .3s}.contact-cta span{font-size:36px}.contact-cta:hover{background:#211626;color:white}footer{border-top:1px solid #21162655;padding-top:26px;display:flex;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:.04em}
.entrance{opacity:1;transform:none}.motion-ready .entrance{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .entrance.is-visible{opacity:1;transform:none}.projects .project-heading,.projects .section-top{position:relative}.projects .work{transform-origin:50% 90%;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s}.projects.motion-projects:not(.projects-visible) .work{transform:perspective(1200px) translateY(80px) scale(.88) rotate(var(--entry-rotation,4deg));opacity:.15}
@media(max-width:1000px){.hero-nav{gap:16px}.services-layout,.process-layout{gap:5vw}.service-card{padding:28px}.section-pad{padding-top:60px}.services-intro,.process-intro{top:40px}}
@media(max-width:700px){.hero-design>header{width:88%;align-items:flex-start;flex-direction:column;gap:12px;top:2%}.hero-design>header>.brand{visibility:visible}.hero-nav{width:100%;gap:20px;font-size:14px;justify-content:space-between}.hero-nav a{min-height:36px}.hero-copy{top:15%}.hero-design>.actions{top:calc(15% + min(36.45vw,167.2px) + 18px)}.section-pad{padding:42px 6vw}.section-kicker{font-size:12px;padding-bottom:22px}.section-kicker span{display:none}.services{border-radius:24px 24px 0 0}.services-layout,.process-layout{display:block;padding-top:42px}.services-intro,.process-intro{position:relative;top:auto;margin-bottom:42px}.display-title{font-size:clamp(42px,11vw,70px)}.services-intro p,.process-intro p{font-size:16px}.service-card{top:calc(14px + var(--card-index)*10px);padding:26px;min-height:470px;margin-bottom:35px}.service-card h3{font-size:36px}.service-stack{padding-bottom:0}.process-big-number{display:none}.process-step{min-height:0;padding:34px 0 44px}.process-step p{font-size:16px}.contact-title{font-size:clamp(48px,12vw,86px);margin:52px 0 30px}.contact-bottom{display:block;margin-bottom:64px}.contact-bottom p{font-size:16px}.contact-cta{font-size:20px;padding:18px 25px;margin-top:26px;gap:20px}footer{flex-wrap:wrap;font-size:12px}footer>a:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){.motion-ready .entrance,.projects.motion-projects:not(.projects-visible) .work{opacity:1;transform:none}.service-card{position:relative;top:0}.services-intro,.process-intro{position:relative;top:0}}
@font-face{font-family:'Lemon Milk';src:url('assets/lemon-milk-regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins Regular';src:url('assets/poppins-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.about-section{position:relative;background:#f4f4f4;min-height:650px;aspect-ratio:2048/933;overflow:hidden;isolation:isolate}.about-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.about-copy{width:35%;margin-left:12.5%;padding:6vw 0;position:relative}.about-label{font:400 12px 'Poppins Regular',sans-serif;letter-spacing:.1em}.about-copy h2{font:400 clamp(30px,3.1vw,58px)/1.22 'Lemon Milk',sans-serif;letter-spacing:-.025em;margin:30px 0}.about-copy h2 em{font-style:normal;color:#771195}.about-copy p{font:400 clamp(16px,.9vw,19px)/1.8 'Poppins Regular',sans-serif;max-width:460px;color:#555;margin:0 0 18px}.about-copy .text-link{font-family:'Poppins Regular',sans-serif}.services{border-radius:0}.about-section+.services{border-top:1px solid #dedade}
@media(max-width:1000px){.about-copy{margin-left:6%;width:39%;padding:50px 0}.about-section{min-height:710px}.about-art{object-fit:cover;object-position:55% center}}
@media(max-width:700px){.about-section{aspect-ratio:auto;min-height:0;padding:45px 6vw 0;display:flex;flex-direction:column}.about-copy{margin:0;width:100%;padding:0;order:0}.about-copy h2{font-size:clamp(30px,8vw,46px);margin:24px 0}.about-copy p{max-width:none}.about-art{position:relative;inset:auto;order:1;width:155%;max-width:none;height:auto;aspect-ratio:2048/933;object-fit:contain;align-self:flex-end;margin:25px -6vw 0 0;z-index:0}.about-copy .text-link{font-size:15px}}
/* Four alternating vertical art loops, with the supplied portrait in front. */
.about-visual{position:absolute;left:48%;right:0;top:0;bottom:0;overflow:hidden;isolation:isolate}
.about-marquee{position:absolute;inset:0;overflow:hidden;perspective:300px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent);z-index:0}
.about-marquee:after{content:'';position:absolute;inset:0;background:linear-gradient(#f4f4f4 0%,transparent 17%,transparent 70%,#f4f4f4 100%);pointer-events:none}
.art-plane{position:absolute;left:-5%;top:-25%;width:120%;height:150%;display:flex;gap:16px;transform:translateX(-30px) translateZ(-100px) rotateX(20deg) rotateY(-10deg) rotateZ(20deg);transform-origin:center}
.art-column{display:flex;flex-direction:column;gap:16px;width:25%;flex-shrink:0;min-width:0}
.art-loop{display:flex;flex-direction:column;gap:16px;flex-shrink:0;animation:about-marquee 40s linear infinite;animation-play-state:paused}
.art-loop img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:5px;box-shadow:0 5px 20px #21162625}
.art-column:nth-child(even) .art-loop{animation-direction:reverse}
.about-section.marquee-visible:not(.marquee-paused) .art-loop{animation-play-state:running}
.about-person{position:absolute;height:96%;width:auto;max-width:none;left:50%;bottom:0;transform:translateX(-50%);z-index:2;pointer-events:none}
.about-motion-toggle{position:absolute;right:24px;bottom:18px;z-index:3;background:#f4f4f4df;border:1px solid #b9aebe;border-radius:30px;padding:10px 16px;min-height:44px;font:400 12px 'Poppins Regular',sans-serif;color:#332539;backdrop-filter:blur(8px)}
.about-motion-toggle:hover{background:white}.about-copy{z-index:3}
@keyframes about-marquee{from{transform:translateY(0)}to{transform:translateY(calc(-100% - 16px))}}
@media(max-width:1000px){.about-visual{left:46%}.about-person{height:88%}.art-plane{width:155%;left:-25%}}
@media(max-width:700px){.about-visual{position:relative;inset:auto;order:1;width:calc(100% + 12vw);height:530px;max-height:125vw;align-self:center;margin-top:25px}.about-person{height:98%}.art-plane{width:130%;left:-15%}.about-marquee{perspective:350px}.about-motion-toggle{right:6vw;bottom:8px;font-size:12px}.about-copy{order:0}}
@media(prefers-reduced-motion:reduce){.art-loop{animation:none!important}.about-motion-toggle{display:none}}
/* Keep the smaller, forward-tilted artwork plane behind the upper body only. */
.about-marquee{inset:3% 5% auto;height:61%;perspective:380px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.about-marquee:after{background:linear-gradient(#f4f4f4 0%,transparent 14%,transparent 82%,#f4f4f4 100%)}
.art-plane{left:-5%;top:-25%;width:110%;height:150%;transform:translateX(-20px) translateZ(-100px) rotateX(35deg) rotateY(-12deg) rotateZ(20deg) scale(.9)}
.art-loop{animation-duration:84s}
@media(max-width:1000px){.about-marquee{top:8%;height:56%;left:3%;right:3%}.art-plane{width:140%;left:-20%}}
@media(max-width:700px){.about-marquee{top:3%;height:61%;left:4%;right:4%;perspective:350px}.art-plane{width:120%;left:-10%;transform:translateX(-15px) translateZ(-85px) rotateX(35deg) rotateY(-12deg) rotateZ(20deg) scale(.9)}}
/* Liquid Glass controls adapted from the supplied component. */
.liquid-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:13px 24px;border:0!important;border-radius:999px!important;background:transparent!important;color:inherit;cursor:pointer;text-align:center;box-shadow:0 0 6px #00000008,0 2px 6px #00000014,inset 3px 3px .5px -3px #000000e6,inset -3px -3px .5px -3px #000000d9,inset 1px 1px 1px -.5px #00000099,inset -1px -1px 1px -.5px #00000099,inset 0 0 6px 6px #0000001f,inset 0 0 2px 2px #0000000f,0 0 12px #ffffff26;transition:transform .3s,box-shadow .3s,color .3s;white-space:normal;text-decoration:none}
.liquid-button:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:#ffffff1c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
@supports(backdrop-filter:url('#button-glass')){.liquid-button:before{backdrop-filter:url('#button-glass')}}
.liquid-button:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(140deg,#ffffff40,transparent 45%,#ffffff14);opacity:.7}
@media(hover:hover){.liquid-button:hover{transform:scale(1.05);color:inherit;background:transparent}.liquid-button:hover:after{opacity:1}}
.liquid-button:active{transform:translateY(2px) scale(.98)}.liquid-button:focus-visible{outline:3px solid #a844ca;outline-offset:5px}.liquid-button:disabled{opacity:.5;pointer-events:none}
.hero-design>.actions{gap:6%;grid-template-columns:343fr 210fr}.hero-design>.actions a.liquid-button{display:flex;align-items:center;justify-content:center;padding:8px 13px!important;min-height:44px;color:#29232d;font:400 clamp(12px,1.05vw,22px)/1.2 'Poppins Regular',sans-serif}
.hero-nav{gap:14px}.hero-nav a.liquid-button{padding:9px 16px;white-space:nowrap;font:100 inherit}.hero-nav a.liquid-button:after{bottom:0;width:auto;height:auto;transform:none;background:linear-gradient(140deg,#ffffff40,transparent);transition:opacity .3s}
.text-link.liquid-button{padding:14px 22px;margin-top:12px}.service-card a.liquid-button{display:flex;padding:13px 22px;gap:18px;margin-top:10px}.service-card:last-child .liquid-button{box-shadow:0 2px 6px #0002,inset 1px 1px 1px -.5px #fff9,inset -1px -1px 1px -.5px #fff9,inset 0 0 6px 6px #ffffff1f,inset 0 0 2px 2px #ffffff0f}.contact-cta.liquid-button{padding:25px 34px;gap:65px}.about-motion-toggle.liquid-button{position:absolute;padding:10px 16px;font-size:12px}
@media(max-width:1000px){.hero-nav{gap:8px}.hero-nav a.liquid-button{padding:8px 12px}}
@media(max-width:700px){.hero-nav{gap:8px}.hero-nav a.liquid-button{padding:8px 10px;font-size:12px;min-height:38px}.hero-design>.actions a.liquid-button{font-size:14px;padding:9px 12px!important}.contact-cta.liquid-button{padding:18px 25px;gap:20px}.text-link.liquid-button{font-size:14px}}
.faq-section{background:#f4f4f4;color:#211626}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding-top:65px}.faq-intro>p{font:400 18px/1.7 'Poppins Regular',sans-serif;max-width:410px}.faq-intro .faq-note{font-size:14px;color:#756b79;margin-top:30px}.faq-chat{background:#111014;color:#faf8fc;border:1px solid #333038;border-radius:26px;overflow:hidden;box-shadow:0 25px 70px #2116261f;font-family:'Poppins Regular',sans-serif}.chat-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #ffffff12;background:#19171c}.chat-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(130deg,#9d46ff,#691ae2);font-family:'Lemon Milk',sans-serif}.chat-header strong{display:block;font-size:15px}.chat-header small{display:block;font-size:12px;color:#b4aabb}.chat-reset{margin-left:auto;background:#ffffff09;border:1px solid #ffffff16;color:#dad0e0;border-radius:12px;font-size:12px;padding:10px;min-height:44px}.chat-reset:hover{background:#ffffff18}.chat-messages{height:340px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#665a70 transparent;padding:24px 18px;display:flex;flex-direction:column;gap:16px}.chat-bubble{max-width:88%;padding:14px 17px;font-size:14px;line-height:1.7;border-radius:19px;flex-shrink:0;animation:chat-arrive .3s ease both;overflow-wrap:anywhere}.sodre-message{background:#252328;border:1px solid #3a353f;border-bottom-left-radius:5px;align-self:flex-start}.visitor-message{background:linear-gradient(115deg,#613af5,#9619e9);align-self:flex-end;border-bottom-right-radius:5px;box-shadow:0 5px 25px #8023f029}.chat-picker{border-top:1px solid #ffffff12;padding:18px;background:#161419}.picker-label{font-size:11px;letter-spacing:.1em;color:#afa2b8}.chat-questions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-height:175px;overflow-y:auto;scrollbar-width:thin}.chat-question{background:transparent;color:#e4c9f5;border:1px solid #78538d;border-radius:20px;padding:10px 13px;font-size:13px;min-height:44px;text-align:left;transition:background .2s}.chat-question:hover{background:#6d348a40}.chat-question:disabled{opacity:.4;cursor:default}.chat-status{font-size:12px;color:#baaac5;min-height:18px;margin:10px 0 0}.chat-typing{display:flex;gap:5px;padding:18px;align-items:center}.chat-typing i{width:7px;height:7px;border-radius:50%;background:#a79bac;animation:chat-dot 1s ease-in-out infinite}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}@keyframes chat-dot{50%{transform:translateY(-4px);opacity:.4}}@keyframes chat-arrive{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:900px){.faq-layout{gap:35px}.chat-header{padding:15px}.faq-intro .display-title{font-size:48px}}
@media(max-width:700px){.faq-layout{display:block;padding-top:40px}.faq-intro{margin-bottom:38px}.faq-intro .display-title{font-size:clamp(38px,10vw,58px)}.faq-intro>p{font-size:16px}.chat-messages{height:320px;padding:20px 14px}.chat-bubble{max-width:92%}.chat-picker{padding:15px}.chat-questions{max-height:190px}}
/* Depth during the About → Services transition. */
.about-section{--about-depth:0}
.about-person{transform:translateX(-50%) translateY(calc(var(--about-depth)*90px))}
.about-marquee{transform:translateY(calc(var(--about-depth)*35px))}
.about-copy.is-visible{transform:translateY(calc(var(--about-depth)*25px));transition:opacity .8s ease}
.about-section+.services{z-index:4;border-radius:32px 32px 0 0;box-shadow:0 -18px 45px #2116260a}
@media(max-width:700px){.about-person{transform:translateX(-50%) translateY(calc(var(--about-depth)*55px))}.about-marquee{transform:translateY(calc(var(--about-depth)*20px))}.about-copy.is-visible{transform:none}.about-section+.services{border-radius:24px 24px 0 0}}
@media(prefers-reduced-motion:reduce){.about-person{transform:translateX(-50%)}.about-marquee,.about-copy.is-visible{transform:none}}
/* Black pearl finish: raised shell, glossy cap and soft ground shadow. */
.liquid-button,.service-card:last-child .liquid-button,.chat-question,.chat-reset{position:relative;isolation:isolate;border:1px solid #424242!important;border-radius:999px!important;background:linear-gradient(180deg,#555 0%,#292929 16%,#161616 46%,#030303 63%,#080808 79%,#292929 100%)!important;color:#d4d4d4!important;text-shadow:0 1px 2px #000;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 3px #ffffff24,0 3px 3px #0008,0 10px 15px #0003,0 19px 26px #0002;transition:transform .2s,box-shadow .2s,filter .2s}
.liquid-button:before,.chat-question:before,.chat-reset:before{content:'';position:absolute;inset:5px 6px 43%;border-radius:999px 999px 65% 65%;z-index:-1;background:linear-gradient(#ffffff25,#ffffff08 65%,transparent);border-top:1px solid #ffffff40;pointer-events:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.liquid-button:after{display:none}.hero-design>.actions a.liquid-button{background:linear-gradient(180deg,#555 0%,#292929 16%,#161616 46%,#030303 63%,#080808 79%,#292929 100%)!important;color:#d4d4d4!important}
@media(hover:hover){.liquid-button:hover,.chat-question:hover,.chat-reset:hover{filter:brightness(1.15);transform:translateY(-1px)}}
.liquid-button:active,.chat-question:active,.chat-reset:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #ffffff30,0 2px 4px #0005,0 6px 10px #0002}
.chat-question{margin-bottom:5px}.chat-question:disabled{filter:none;transform:none;box-shadow:none}.chat-reset{padding:10px 14px}
.hero-nav{gap:28px}.hero-nav a{display:flex;align-items:center;padding:9px 0;min-height:44px;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;transform:none!important;filter:none!important;text-shadow:none!important;color:inherit;font-family:'Poppins Thin',Poppins,sans-serif;font-weight:100}.hero-nav a:before,.hero-nav a:after{display:none!important}.hero-nav a:hover{color:inherit}
@media(max-width:1000px){.hero-nav{gap:18px}}
@media(max-width:700px){.hero-nav{gap:14px}.hero-nav a{font-size:14px;padding:8px 0;min-height:38px}}
.fluid-pointer{position:fixed;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;opacity:0;transform-origin:center;will-change:transform,width,height;transition:opacity .15s}
@media(hover:hover) and (pointer:fine){html.fluid-cursor-on,html.fluid-cursor-on *{cursor:none!important}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.fluid-pointer{display:none!important}}
/* Pinned process cards connected in a staggered path. */
.process-layout{display:block;max-width:1140px;margin:auto}.process-intro{position:relative;top:auto;text-align:center;margin-bottom:70px}.process-intro p{max-width:540px;margin:0 auto}.process-big-number{display:none}.process-steps{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:14%;row-gap:80px;padding:30px 5% 120px;background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,#ffffff03 40px)}
.process-step{--rest-angle:-7deg;--tilt-x:0deg;--tilt-y:0deg;position:relative;min-height:300px;padding:70px 30px 30px!important;border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(#202024 0 44px,#29212b 44px);box-shadow:0 8px 0 #0002,0 18px 35px #0004;transform:perspective(900px) rotate(var(--rest-angle)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-origin:50% 20px;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .6s,box-shadow .3s;color:#f8f5fa;outline-offset:8px}
.process-step:nth-child(even){--rest-angle:7deg;top:95px;background:linear-gradient(#202024 0 44px,#1e2634 44px)}.process-step:nth-child(3){background:linear-gradient(#202024 0 44px,#30203b 44px)}.process-step:nth-child(4){background:linear-gradient(#202024 0 44px,#32251e 44px)}
.process-step>span{color:#ca8ae9;font-size:15px}.process-step:nth-child(even)>span{color:#8bb6f9}.process-step:nth-child(4)>span{color:#e3aa67}.step-pin{position:absolute;top:12px;left:calc(50% - 10px);color:#b569ed;filter:drop-shadow(0 3px 2px #0008)}.process-step:nth-child(even) .step-pin{color:#75aafa}.process-step:nth-child(4) .step-pin{color:#e3aa67}.process-step h3{font-size:clamp(23px,2.2vw,33px);margin:24px 0 14px;line-height:1.2}.process-step p{font-size:16px;line-height:1.75;color:#c4bacb;margin:0}.process-step:before{content:'';position:absolute;z-index:-1;pointer-events:none;border-top:1px dashed #8d799c77;width:40%;left:100%;top:53%;transform:rotate(15deg);transform-origin:left}.process-step:nth-child(2):before{width:125%;left:auto;right:96%;top:90%;transform:rotate(-32deg);transform-origin:right}.process-step:last-child:before{display:none}
.motion-ready .process-step.entrance{opacity:0;transform:perspective(900px) translateY(50px) rotate(calc(var(--rest-angle)*2)) scale(.92)}.motion-ready .process-step.is-visible{opacity:1;transform:perspective(900px) rotate(var(--rest-angle)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.process-step:focus-visible{outline:2px solid #c58be5}.process-step:focus-visible,.motion-ready .process-step.is-visible:focus-visible{transform:perspective(900px) rotate(0deg) scale(1.035)}
@media(hover:hover){.process-step:hover,.motion-ready .process-step.is-visible:hover{z-index:2;transform:perspective(900px) rotate(0deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.035);box-shadow:0 12px 0 #0002,0 26px 45px #0005}}
@media(max-width:700px){.process-intro{margin-bottom:38px}.process-steps{column-gap:0;grid-template-columns:1fr;row-gap:48px;padding:15px 6% 30px}.process-step{width:92%;min-height:0;padding:64px 23px 26px!important}.process-step:nth-child(even){top:0;justify-self:end}.process-step:before,.process-step:nth-child(2):before{width:1px;height:65px;left:65%;top:100%;right:auto;border-top:0;border-left:1px dashed #8d799c77;transform:rotate(-25deg);transform-origin:top}.process-step:nth-child(2):before{left:30%;transform:rotate(25deg)}.process-step h3{font-size:26px}.process-step p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.process-step,.motion-ready .process-step.entrance,.motion-ready .process-step.is-visible{opacity:1;transform:rotate(var(--rest-angle))!important}}
/* Illuminated fluted glass CTA. */
.contact-section{background:#09090d;color:#faf8ff;isolation:isolate;overflow:hidden;padding-top:130px;padding-bottom:30px;min-height:780px}
.cta-glass-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,#25205988,transparent 65%);pointer-events:none}
.cta-light{position:absolute;width:115%;height:30%;left:-40%;top:36%;border-radius:50%;transform:rotate(44deg);background:radial-gradient(ellipse,#f5c7ff 0%,#c979ff 15%,#943deb 33%,#4933bb80 53%,transparent 72%);filter:blur(28px);animation:glass-shimmer 9s ease-in-out infinite alternate;animation-play-state:paused}
.cta-light-two{top:87%;left:-33%;width:80%;height:20%;opacity:.6;animation-delay:-4s;animation-duration:12s}.cta-glass-ribs{position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff08 0,#ffffff02 2px,transparent 5px,#09051318 38px,#0005 43px,#ffffff12 44px,transparent 46px);backdrop-filter:blur(3px);mask-image:linear-gradient(90deg,#000, #000 55%,transparent 92%)}
.contact-section:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07070c05,#07070c30 45%,#07070c80),linear-gradient(0deg,#09090d 0%,transparent 25%,#09090d20)}
.cta-center{position:relative;text-align:center;margin:0 auto;max-width:1150px}.cta-badge{display:inline-flex;align-items:center;gap:14px;border:1px solid #b994dd66;border-radius:14px;padding:12px 18px;background:#292237b3;box-shadow:inset 0 1px 1px #ffffff24;backdrop-filter:blur(12px);font:500 14px/1.4 'Poppins Regular',sans-serif}.cta-badge span{font-size:12px;color:#d1c2e2;border-left:1px solid #aa8ab755;padding-left:14px}.contact-section .contact-title{font-size:clamp(42px,5.3vw,86px);line-height:1.12;font-weight:500;letter-spacing:-.05em;margin:50px 0 28px}.contact-section .contact-title em{color:inherit;font-style:italic;font-weight:400}.cta-description{font:400 clamp(16px,1.35vw,21px)/1.8 'Poppins Regular',sans-serif;color:#d4cbdc;max-width:850px;margin:0 auto;text-shadow:0 1px 12px #0009}.cta-buttons{display:flex;justify-content:center;gap:22px;margin-top:46px}.cta-buttons a{display:inline-flex;justify-content:center;align-items:center;min-height:64px;padding:18px 32px;border-radius:14px;font:600 18px/1.4 'Poppins Regular',sans-serif;transition:transform .25s,box-shadow .25s}.cta-primary{background:#eeeef0;color:#19191b;box-shadow:0 6px 25px #0002}.cta-secondary{background:#262429;color:#fff;border:1px solid #ffffff12}.cta-buttons a:hover{transform:translateY(-3px);box-shadow:0 8px 28px #a97afb33}.cta-buttons a:active{transform:translateY(1px)}.contact-section footer{margin-top:110px;border-color:#ffffff26;color:#bdb2ca;position:relative}.contact-section.glass-visible .cta-light{animation-play-state:running}
@keyframes glass-shimmer{0%{transform:translate(-4%,-8%) rotate(43deg) scale(.95);opacity:.65}50%{opacity:1}100%{transform:translate(10%,12%) rotate(37deg) scale(1.13);opacity:.85}}
@media(max-width:700px){.contact-section{padding-top:75px;min-height:0}.cta-badge{font-size:12px;padding:10px 12px;gap:10px}.cta-badge span{font-size:10px;padding-left:10px}.contact-section .contact-title{font-size:clamp(36px,9vw,60px);margin:35px 0 24px}.contact-title br{display:none}.cta-description br{display:none}.cta-buttons{flex-direction:column;gap:14px;margin-top:30px}.cta-buttons a{min-height:56px;font-size:16px;padding:16px 22px}.cta-light{width:180%;left:-75%;height:26%;top:28%}.cta-light-two{top:80%;left:-50%}.contact-section footer{margin-top:75px}}
@media(prefers-reduced-motion:reduce){.cta-light{animation:none!important;opacity:.8}}
/* Lighter secondary action and breathing room above the mobile portrait. */
.hero-design>.actions a.portfolio.liquid-button{background:transparent!important;border:1px solid #777!important;box-shadow:none!important;color:#38323b!important;text-shadow:none!important;filter:none!important}
.hero-design>.actions a.portfolio.liquid-button:before,.hero-design>.actions a.portfolio.liquid-button:after{display:none!important}
@media(max-width:700px){.hero-design>.actions{width:min(82%,350px);height:38px;gap:12px;grid-template-columns:1.55fr 1fr;top:calc(15% + min(36.45vw,167.2px) + 12px)}.hero-design>.actions a.liquid-button{min-height:38px;font-size:12px;padding:7px 10px!important}.hero-design>.actions a.contact.liquid-button{box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -2px 3px #ffffff24,0 3px 3px #0006,0 6px 10px #0002}.portrait-scene{height:54%}}
/* Crisp vector hero artwork and a shorter route to services. */
.hero-track{height:230svh;min-height:1400px}
.hero-copy h1>.figma-headline,.name-back,.hero-aside,.hero-design>header>.brand{visibility:visible}
.scroll-veil{background:#f4f4f4}
@media(min-width:701px){.hero-copy{left:12.578%;top:15.77%;width:25.2%}.name-back{left:25.2%;top:55.73%;width:51.02%}.name-back img{aspect-ratio:1305/390}.hero-aside{display:block}.hero-aside .clients{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;margin-top:12px}.hero-aside .clients img{position:static;width:100%;height:28px;object-fit:contain}.hero-aside p{top:85.6%}.hero-design>header>.brand{font-family:'Poppins Regular',sans-serif;font-size:clamp(11px,.7vw,17px)}}
.about-section+.process{z-index:4;border-radius:32px 32px 0 0;box-shadow:0 -18px 45px #2116260a}
@media(max-width:700px){.hero-track{height:210svh;min-height:1350px}.hero-aside{display:none}.about-section+.process{border-radius:24px 24px 0 0}}
@media(prefers-reduced-motion:reduce){.hero-track{height:100svh;min-height:720px}}