:root{--bg:#090b14;--panel:#111421;--ink:#f1f1f8;--muted:#999caf;--line:#ffffff1a;--accent:#b5a1ff;--on-accent:#161124;--header:rgba(9,11,20,.9);--gutter:4.5vw}
:root[data-theme=light]{--bg:#f4f4fa;--panel:#e9eaf4;--ink:#171a2b;--muted:#65687e;--line:#171a2b20;--accent:#6547d2;--on-accent:#fff;--header:rgba(244,244,250,.93)}
body{font-size:16px;background:var(--bg)}.header{height:92px;position:relative;border-bottom:0;color:var(--ink);padding-inline:var(--gutter);gap:24px}.header.stuck{height:76px;border-bottom:1px solid var(--line)}.brand{gap:18px}.brand-copy b{font-size:18px}.brand-copy small{font-size:6px;letter-spacing:1.8px;color:var(--muted)}.monogram{font-size:48px;letter-spacing:-7px}.monogram i{color:var(--accent)}.header nav{gap:34px}.header nav a{font-size:13px;color:var(--muted)}.header nav a:hover,.header nav a.active{color:var(--ink)}.header-actions{gap:14px}.header-contact{background:var(--ink);color:var(--bg);border:none;padding:9px 20px;border-radius:50px;gap:30px;font-size:12px}.header-contact:hover{background:var(--accent);color:var(--on-accent)}.icon-button{border:1px solid var(--line);border-radius:50%}.language-toggle{border-inline-end:1px solid var(--line);padding-inline:13px;min-width:44px}.menu-toggle{border:0}
.studio-hero.hero{height:auto;max-height:none;min-height:0;background:var(--bg);color:var(--ink);overflow:visible;padding:36px 0 24px;isolation:auto}.studio-hero .hero-image-wrap{display:none}.studio-heading{margin-bottom:38px}.hero-kicker{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:12px;margin-bottom:20px}.studio-hero .status-dot{background:var(--accent);box-shadow:none}.studio-heading-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.studio-hero #hero-title{font-size:clamp(42px,4.4vw,72px);font-weight:500;letter-spacing:0;line-height:1.45;flex-shrink:0}.studio-hero #hero-title>span{display:block}.studio-hero #hero-title .hero-word{color:var(--muted)}.studio-hero #hero-title em{display:inline;color:var(--accent);position:relative}.studio-hero #hero-title em:after{content:'';height:2px;position:absolute;bottom:3px;inset-inline:0;background:var(--accent);transform-origin:right;transform:scaleX(.8);opacity:.65}.studio-description{max-width:350px;padding-bottom:11px}.studio-description p{font-size:14px;line-height:2}.studio-contact{display:inline-flex;align-items:center;gap:28px;margin-top:18px;font-size:13px;color:var(--ink)}.studio-contact>span:last-child{border:1px solid var(--line);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font:21px Manrope;transition:background .25s,color .25s,transform .25s}.studio-contact:hover>span:last-child{transform:rotate(45deg);background:var(--accent);color:var(--on-accent)}
.studio-stage{height:clamp(390px,43vw,650px);border-radius:24px;position:relative;isolation:isolate;overflow:hidden;background:#0d1023;border:1px solid #ffffff17;box-shadow:0 35px 90px #05060b55;color:#d9def9}.stage-background{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 100%,#5864de50,transparent 64%),radial-gradient(ellipse at 18% 15%,#5364f128,transparent 40%),linear-gradient(130deg,#0a0d1e,#141a3a 55%,#0d1023)}.stage-grid{position:absolute;inset:45% -20% -60%;z-index:-1;background-image:linear-gradient(#9d9cef15 1px,transparent 1px),linear-gradient(90deg,#9d9cef15 1px,transparent 1px);background-size:75px 75px;transform:perspective(450px) rotateX(60deg);mask-image:linear-gradient(transparent,#0008 40%,transparent)}.stage-top{position:absolute;left:30px;right:30px;top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:3;pointer-events:none;direction:ltr}.stage-label{font:9px Manrope;letter-spacing:1.8px;display:flex;align-items:center;gap:10px}.stage-label i{width:5px;height:5px;background:#b5a1ff;box-shadow:0 0 16px #b5a1ff;border-radius:50%}.stage-live{font-size:10px;color:#a0a6ce}.studio-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0;outline-offset:-8px;cursor:grab;touch-action:pan-y;z-index:1}.studio-stage canvas:active{cursor:grabbing}.stage-hint{position:absolute;bottom:28px;inset-inline-start:30px;display:flex;align-items:center;gap:10px;font-size:10px;color:#a0a6ce;z-index:3;pointer-events:none}.stage-hint svg{width:21px;height:21px;stroke-width:1;transform:rotate(-15deg)}.stage-coordinate{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;color:#8188af;z-index:3;pointer-events:none}.stage-pagination{position:absolute;bottom:21px;inset-inline-end:25px;display:flex;align-items:center;gap:18px;direction:ltr;z-index:3}.stage-pagination>span{font:10px Manrope;color:#737a9e}.stage-pagination b{font-weight:400;color:#e1e5fa}.stage-pagination button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:50%;font:17px Manrope;color:#d9def9;transition:background .2s}.stage-pagination button:hover{background:#ffffff1c}.studio-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:24px}.studio-modes{display:flex;align-items:center;gap:10px;border-radius:60px;background:var(--panel);padding:6px;border:1px solid var(--line)}.studio-modes button{padding:11px 21px;display:flex;align-items:center;gap:16px;border-radius:50px;font-size:13px;color:var(--muted);transition:color .3s,background .3s}.studio-modes button.active{background:var(--ink);color:var(--bg)}.studio-modes button:hover{color:var(--ink)}.studio-modes button.active:hover{color:var(--bg)}.mode-number{font:9px Manrope;opacity:.5}.stage-explore{display:flex;align-items:center;gap:20px;font-size:13px;color:var(--ink)}.stage-explore>span:last-child{font:25px Manrope}.stage-explore:hover{color:var(--accent)}.studio-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;color:var(--muted);font-size:9px}.studio-meta .mono{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:12px}.studio-meta .status-dot{width:4px;height:4px}.studio-meta>a{display:flex;gap:12px;align-items:center}
.stage-fallback{position:absolute;inset:70px 12%;display:flex;align-items:center;justify-content:center;z-index:0;transition:opacity .5s}.webgl-ready .stage-fallback{opacity:0;pointer-events:none}.fallback-browser{width:80%;height:85%;border:5px solid #373c60;box-shadow:0 30px 70px #000a;border-radius:14px;transform:perspective(900px) rotateY(-9deg) rotateX(5deg);overflow:hidden;position:relative;background:#e5e7f0}.fallback-toolbar{height:30px;background:#dde0e9;display:flex;gap:6px;align-items:center;padding:0 12px}.fallback-toolbar i{background:#9297ab;width:5px;height:5px;border-radius:50%}.fallback-toolbar span{font:6px Manrope;color:#6b6e80;margin:auto}.fallback-browser img{width:100%;height:calc(100% - 30px);object-fit:cover}.fallback-browser>span{position:absolute;bottom:30px;left:25px;font:14px Manrope;color:#fff;letter-spacing:2px}.stage-loading .stage-hint{opacity:.4}[data-theme=light] .studio-stage{box-shadow:0 25px 60px #27225522}
/* Every section has its own rhythm. */
.discipline-strip{margin-top:40px;border-block:1px solid var(--line);font-size:10px;letter-spacing:2.7px;padding-block:25px;background:var(--panel)}.discipline-strip i{color:var(--accent);font-size:21px}.section{padding-block:120px}.manifesto{display:grid;grid-template-columns:.7fr 2.3fr;gap:70px}.manifesto h2{font-size:clamp(40px,4.4vw,68px);font-weight:400;line-height:1.6}.manifesto .section-label{align-self:start;padding-top:20px}.manifesto-content{position:relative}.manifesto-content:before{content:'↳';position:absolute;inset-inline-start:-85px;top:0;color:var(--accent);font:70px Manrope;font-weight:400}.manifesto-bottom{grid-template-columns:35px 1fr auto;gap:30px;margin-top:35px}.manifesto-bottom p{font-size:14px;max-width:470px}.asterisk{font-size:40px}.work-section{padding-top:45px}.section-heading h2{font-size:clamp(35px,4vw,58px);line-height:1.5}.section-label{font-size:11px;color:var(--muted);letter-spacing:0}.section-label>span:first-child{color:var(--accent)}.heading-aside{max-width:335px}.heading-aside p{font-size:13px}.small-note{font-size:9px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:50px 32px;align-items:start}.project-architecture{grid-column:1}.project-commerce{grid-column:2;margin-top:110px}.project-data{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;margin-top:15px;padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.project-scene{height:480px;border-radius:16px;transition:box-shadow .5s}.project:hover .project-scene{box-shadow:0 22px 80px #0004}.scene-top{padding:25px}.scene-brand{font-size:27px}.scene-type{display:none}.concept-chip{font-size:8px;padding:4px 10px}.scene-bottom{left:25px;right:25px;font-size:6px;letter-spacing:1px}.arch-headline{inset-inline-end:35px;top:29%}.arch-headline h3{font-size:49px}.forme-headline{left:30px;top:27%}.forme-headline h3{font-size:39px}.forme-headline .mono{font-size:6px;letter-spacing:2px}.fragrance-note{font-size:6px}.project-open{bottom:78px;inset-inline-start:30px;font-size:11px;gap:15px}.circle{width:45px;height:45px;font-size:23px}.project-commerce .project-open{left:30px;bottom:78px}.project-caption{display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:21px 4px;border-bottom:0;align-items:center}.project-caption>div{gap:13px;grid-column:1;grid-row:1}.project-caption h3{font-size:17px;line-height:1.6}.project-caption>span{display:block;grid-column:1;grid-row:2;margin:0;padding-inline-start:28px;font-size:10px}.project-caption>.plain-arrow{grid-column:2;grid-row:1/3;width:39px;height:39px;font-size:24px}.project-data .project-scene{height:465px;background:#0e1427;border:1px solid #ffffff14}.project-data .project-caption{display:flex;flex-direction:column;align-items:start;gap:20px;padding:20px 0}.project-data .project-caption>div{display:block}.project-data .project-number{display:block;color:var(--accent);margin-bottom:22px}.project-data .project-caption h3{font-size:38px;line-height:1.5;max-width:300px}.project-data .project-caption>span{padding:0;font-size:12px;margin-top:0}.project-data .plain-arrow{width:58px;height:58px;font-size:30px;margin-top:15px}.project-data .scene-top{padding:20px}.project-data .scene-brand{font-size:25px}.dashboard-preview{left:7%;right:7%;top:90px;border-color:#535d8d55;transform:perspective(1200px) rotateX(8deg) rotateY(-7deg);background:#111828}.dash-main{padding:20px}.dash-sidebar{width:45px}.dash-heading h3{font-size:20px}.dash-heading small{font-size:5px}.dash-stats{gap:7px;margin-top:18px}.dash-stats>div{padding:11px 9px}.dash-stats strong{font-size:20px}.dash-stats>div>span{font-size:6px}.dash-chart{padding-top:15px}.dash-chart svg{height:100px}.dash-chart>div:first-child{font-size:7px;margin-bottom:15px}.dash-footer{padding-top:10px;margin-top:10px}.data-scene .project-open{bottom:58px;font-size:10px}.data-scene .circle{width:33px;height:33px;font-size:18px}.data-scene .scene-bottom{bottom:18px;padding-top:12px;font-size:5px}.dash-sidebar b,.pulse>span{color:#b5a1ff}.dash-stats em{color:#b5a1ff}.chart-line{stroke:#b5a1ff}
.services{border:0;gap:9%;grid-template-columns:1fr 1.1fr;padding-top:60px}.services-intro{top:120px}.services-intro h2{font-size:clamp(35px,3.7vw,56px);line-height:1.5}.services-intro>p{font-size:14px}.service-item{border-radius:0;border-bottom:1px solid var(--line)}.service-item summary{font-size:22px;padding:28px 0;gap:18px}.service-item[open] summary .service-name{color:var(--ink)}.service-item[open]{border-color:var(--accent)}.service-detail p{font-size:13px}.service-pills span{font-size:9px;background:var(--panel);border:0;padding:6px 13px}.services-foot{margin-top:60px}.huge-arrow{font-size:90px}.service-detail .text-link{color:var(--accent)}
.about{background:var(--panel);position:relative;border-block:1px solid var(--line);overflow:hidden}.about:before{content:'AS';font:bold 500px/.8 Manrope;position:absolute;left:-80px;top:120px;color:var(--ink);opacity:.018;pointer-events:none;letter-spacing:-40px}.about .shell{position:relative}.about-grid{gap:8%;grid-template-columns:1.3fr 1fr}.about-name{font-size:64px;font-weight:400;line-height:1.1;letter-spacing:-3px}.about-name>span{font-size:28px;right:-45px}.about-title h2{font-size:24px;line-height:1.7;color:var(--muted)}.about-body .about-lead{font-size:22px}.about-body>p{font-size:14px}.process-track{gap:0;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden}.process-step{border-top:0;border-inline-end:1px solid var(--line);padding:28px;position:relative;transition:background .4s}.process-step:last-child{border-inline-end:0}.process-step:before{display:none}.process-step>span{font-size:34px;color:var(--muted);opacity:.45}.process-step h3{font-size:20px;margin-top:28px}.process-step p{font-size:12px}.process-step.active{background:#b5a1ff0b}.process-step.active>span{color:var(--accent);opacity:1}.process-step:after{content:'';height:2px;position:absolute;bottom:0;inset-inline:0;transform:scaleX(0);background:var(--accent);transition:transform .7s;transform-origin:right}.process-step.active:after{transform:scaleX(1)}.process-header{border-top:0;margin-top:70px;padding-top:0}.faq h2{font-size:45px}.faq{grid-template-columns:1fr 1.5fr;gap:10%}.faq-list summary{font-size:16px}.faq-list details>p{font-size:13px}
.contact{background:#dcd6f8;color:#24213a;border-radius:28px;margin:0 24px;position:relative;overflow:hidden;padding-block:90px}.contact .shell{width:calc(100% - 8vw)}.contact .section-label>span:first-child,.contact .section-label,.contact p{color:#73688d}.contact h2{font-size:clamp(58px,7vw,110px);line-height:1.5;color:#24213a}.contact h2 em{color:#24213a;text-decoration:none}.contact h2 em:after{content:'';display:block;width:80%;height:2px;background:#7b63b4;margin-top:-12px}.contact-arrow{color:#7054ad;font-size:170px}.contact-grid{margin-top:60px}.contact-copy>p{font-size:19px}.contact-channel{border-color:#24213a3a}.contact-channel>span{font-size:23px}.contact-channel small,.contact legend{color:#73688d}.contact input:not([type=radio]),.contact textarea{color:#24213a;border-color:#24213a55}.contact input::placeholder,.contact textarea::placeholder{color:#73688d}.contact .button{background:#24213a;color:#f1ebff;border-radius:50px}.contact .service-choice span{border-color:#24213a3a}.contact .service-choice input:checked+span{background:#24213a;color:#f1ebff;border-color:#24213a}.contact .service-choice input:focus-visible+span,.contact :focus-visible{outline-color:#7054ad}.contact .form-next{margin-top:28px}.contact .form-note{color:#73688d}.footer{padding-top:55px}.footer-wordmark{font-weight:400;font-size:11vw;letter-spacing:-7px}.footer-wordmark>span{font-size:.9em}.footer-bottom{padding-block:25px 35px;font-size:10px}.cursor-label{background:#b5a1ff;color:#151126;width:76px;height:76px;font-size:30px}.dialog-toolbar{background:var(--bg)}.dialog-bottom .button{border-radius:40px}.button{border-radius:40px}.demo-dashboard{background:#101628}.demo-dashboard .demo-tabs button[aria-pressed=true]{background:#b5a1ff;color:#151126}.demo-bars>div{background:#b5a1ff}.demo-bars>div:nth-child(2n){background:#7d72b5}.demo-bars>div:hover{background:#ded2ff}.demo-metric em,.table-status{color:#b5a1ff}.table-status{background:#b5a1ff18}.demo-bars>div span{background:#b5a1ff;color:#151126}
html[lang=en] .studio-hero #hero-title{font-size:clamp(35px,4vw,66px);line-height:1.25;letter-spacing:-.045em;word-spacing:0}html[lang=en] .studio-description{max-width:325px}html[lang=en] .studio-description p{font-size:12px;line-height:1.9}html[lang=en] .project-caption h3{font-size:16px}html[lang=en] .project-data .project-caption h3{font-size:34px}html[lang=en] .manifesto h2{font-size:4vw;line-height:1.4}html[lang=en] .contact h2{line-height:1.25;letter-spacing:-.05em;word-spacing:0}html[lang=en] .contact h2 em:after{margin-top:5px}
@media(min-width:1500px){.studio-hero.hero{padding-top:45px}.studio-stage{height:650px}.project-scene{height:550px}.project-data .project-scene{height:520px}.dashboard-preview{top:95px}.dash-chart svg{height:140px}}
@media(max-width:1100px){.studio-heading-grid{gap:25px}.studio-hero #hero-title{font-size:4.9vw}.studio-description{max-width:290px}.studio-description p{font-size:12px}.studio-stage{height:470px}.studio-modes button{font-size:12px;padding:10px 17px;gap:10px}.manifesto{gap:45px;grid-template-columns:.55fr 2fr}.manifesto-content:before{inset-inline-start:-60px;font-size:50px}.manifesto h2{font-size:4.7vw}.manifesto-bottom{grid-template-columns:30px 1fr;gap:20px}.manifesto-bottom .text-link{grid-column:2}.project-scene{height:420px}.arch-headline h3{font-size:42px}.forme-headline h3{font-size:34px}.project-caption h3{font-size:16px}.project-data{padding:25px;gap:35px}.project-data .project-caption h3{font-size:30px}.project-data .project-scene{height:420px}.dash-main{padding:14px}.dash-stats strong{font-size:16px}.dash-chart svg{height:90px}.dash-sidebar{width:34px;font-size:14px}.dashboard-preview{left:6%;right:6%;top:80px}.dash-sidebar b{font-size:22px}.dash-heading h3{font-size:16px}.dash-stats>div>span{font-size:5px}.dash-stats>div{padding:10px 6px}.data-scene .project-open{bottom:57px}.dash-heading small{font-size:4px}.dash-range{font-size:6px;padding:5px 7px}.dash-chart>div small{font-size:5px}.dash-footer{font-size:5px}.contact{margin-inline:16px}.contact-arrow{font-size:140px}.about-name{font-size:54px}.process-step{padding:23px}.services{gap:7%}.section{padding-block:95px}.work-section{padding-top:40px}}
@media(max-width:800px){.header{height:80px;padding-inline:var(--gutter)}.header.stuck{height:70px}.header nav{top:80px;padding-block:30px}.header.stuck nav{top:70px}.header nav.open{gap:0}.header nav a{font-size:25px;border-bottom:1px solid var(--line);padding:17px 0;color:var(--ink)}.header nav a:after{display:none}.header-actions{gap:7px}.brand-copy b{font-size:16px}.header-contact{display:none}.studio-hero.hero{padding-top:25px}.studio-heading{margin-bottom:30px}.studio-heading-grid{align-items:start}.studio-hero #hero-title{font-size:5.7vw}.studio-description{padding-top:10px;max-width:235px}.studio-description p{font-size:11px}.hero-kicker{font-size:10px;margin-bottom:17px}.studio-contact{font-size:11px;gap:15px;margin-top:14px}.studio-contact>span:last-child{width:27px;height:27px;font-size:18px}.studio-stage{height:420px;border-radius:18px}.stage-top{top:22px;left:22px;right:22px}.stage-label{font-size:7px;letter-spacing:1px}.stage-live{font-size:8px}.stage-hint{bottom:24px;inset-inline-start:22px;font-size:9px}.stage-coordinate{display:none}.stage-pagination{bottom:18px;inset-inline-end:20px}.stage-pagination button{width:29px;height:29px;font-size:15px}.stage-pagination>span{font-size:8px}.studio-controls{gap:20px;margin-top:20px}.studio-modes{padding:5px;gap:3px}.studio-modes button{font-size:10px;padding:9px 14px;gap:8px}.mode-number{font-size:7px}.stage-explore{font-size:10px;gap:12px}.stage-explore>span:last-child{font-size:22px}.studio-meta{font-size:7px;gap:15px;margin-top:15px}.studio-meta .mono{font-size:6px;gap:7px}.discipline-strip{margin-top:25px;font-size:8px}.section{padding-block:80px}.manifesto{display:block}.manifesto-content:before{display:none}.manifesto .section-label{padding-top:0}.manifesto h2{font-size:6.2vw}.manifesto-bottom{grid-template-columns:30px 1fr auto}.manifesto-bottom .text-link{grid-column:auto}.manifesto-bottom p{font-size:12px}.section-heading{flex-direction:row;align-items:end;gap:30px}.section-heading h2{font-size:4.3vw}.heading-aside{max-width:245px}.heading-aside p{font-size:11px}.small-note{font-size:7px}.projects{gap:30px 20px}.project-commerce{margin-top:75px}.project-scene{height:360px;border-radius:12px}.scene-top{padding:17px}.scene-brand{font-size:22px}.concept-chip{font-size:6px;padding:4px 8px}.arch-headline{inset-inline-end:23px;top:28%}.arch-headline h3{font-size:35px}.arch-headline .mono{font-size:6px}.forme-headline{left:22px;top:27%}.forme-headline h3{font-size:29px}.forme-headline .mono{font-size:5px;letter-spacing:1px}.fragrance-note{font-size:5px;letter-spacing:1px}.project-open,.project-commerce .project-open{bottom:64px;inset-inline-start:22px;font-size:9px;gap:10px}.project-commerce .project-open{left:22px;right:auto}.circle{width:36px;height:36px;font-size:19px}.scene-bottom{left:17px;right:17px;bottom:20px;font-size:4px;letter-spacing:.6px;padding-top:12px}.project-caption h3{font-size:13px}.project-caption>span{font-size:8px;padding-inline-start:22px}.project-caption>div{gap:9px}.project-number{font-size:7px}.project-caption>.plain-arrow{width:31px;height:31px;font-size:19px}.project-data{padding:20px;gap:25px;grid-template-columns:1.6fr 1fr}.project-data .project-scene{height:375px}.project-data .project-caption h3{font-size:23px}.project-data .project-caption>span{font-size:9px}.project-data .plain-arrow{width:42px;height:42px;font-size:24px}.dashboard-preview{top:80px;left:5%;right:5%}.dash-main{padding:12px 9px}.dash-sidebar{width:28px;gap:12px;padding-top:14px}.dash-sidebar b{font-size:18px;margin-bottom:12px}.dash-sidebar>span{font-size:12px}.dash-stats{gap:5px;margin-top:13px}.dash-stats strong{font-size:12px}.dash-stats>div{padding:8px 5px}.dash-stats>div>span{font-size:4px}.dash-stats strong small{font-size:4px}.dash-stats em{font-size:4px;margin-top:7px}.dash-heading h3{font-size:14px}.dash-heading small{font-size:3px;letter-spacing:.6px}.dash-range{font-size:4px;padding:5px}.dash-chart svg{height:75px}.dash-chart>div:first-child{font-size:5px;margin-bottom:10px}.dash-chart>div small{font-size:3px}.dash-footer{font-size:3px}.chart-axis{font-size:4px!important}.project-data .scene-top{padding:16px}.project-data .scene-brand{font-size:21px}.data-scene .project-open{bottom:52px;font-size:8px}.data-scene .circle{width:28px;height:28px;font-size:16px}.data-scene .scene-bottom{font-size:3px;bottom:15px}.services{grid-template-columns:1fr;gap:35px}.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:15px}.services-intro h2{font-size:4.5vw}.services-intro>p{font-size:12px;align-self:end}.services-foot{display:none}.service-item summary{font-size:22px}.about-grid{grid-template-columns:1fr;gap:35px}.about-title{display:flex;align-items:center;justify-content:space-between;gap:35px}.about-name{font-size:44px}.about-title h2{font-size:20px}.about-body .about-lead{font-size:21px}.about-body>p{font-size:13px}.process-track{grid-template-columns:repeat(2,1fr)}.process-step{padding:25px}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.process-step:nth-child(2){border-inline-end:0}.process-step h3{font-size:18px}.process-step p{font-size:11px}.faq{gap:40px;grid-template-columns:1fr 1.5fr}.faq h2{font-size:35px}.faq-list summary{font-size:14px}.contact{border-radius:22px;padding-block:65px;margin-inline:12px}.contact .shell{width:calc(100% - 9vw)}.contact h2{font-size:9vw}.contact h2 em:after{margin-top:-6px}.contact-arrow{font-size:110px}.contact-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}.contact form{padding-top:30px;border-color:#24213a30}.contact-copy>p{font-size:17px}.contact .form-next{width:auto;min-width:250px}.contact-channel>span{font-size:22px}.footer-wordmark{letter-spacing:-5px}.footer-bottom{font-size:9px}.footer-bottom button{font-size:9px}.footer-bottom>div{gap:20px}html[lang=en] .studio-hero #hero-title{font-size:4.7vw}html[lang=en] .studio-description{max-width:235px}html[lang=en] .studio-description p{font-size:10px}html[lang=en] .manifesto h2{font-size:5.7vw}html[lang=en] .project-caption h3{font-size:12px}html[lang=en] .project-data .project-caption h3{font-size:24px}}
@media(max-width:540px){:root{--gutter:5vw}.header{height:74px;gap:10px}.brand{gap:11px}.monogram{font-size:39px;letter-spacing:-6px}.brand-copy b{font-size:14px}.header-actions{gap:6px}.language-toggle{font-size:10px;min-width:31px;padding-inline:8px}.header .icon-button{width:32px;height:32px;padding:7px}.header .icon-button svg{width:17px;height:17px}.header nav{top:74px}.studio-hero.hero{padding-top:24px;padding-bottom:15px}.hero-kicker{font-size:9px;margin-bottom:17px;gap:8px}.studio-heading-grid{display:block}.studio-hero #hero-title{font-size:9.4vw;line-height:1.52;font-weight:500}.studio-hero #hero-title .hero-word{font-size:1.03em}.studio-hero #hero-title em:after{height:1px;bottom:1px}.studio-description{display:flex;align-items:end;justify-content:space-between;gap:15px;max-width:none;padding:0;margin-top:18px}.studio-description p{font-size:10px;line-height:1.9;max-width:210px}.studio-contact{font-size:10px;gap:9px;margin:0;white-space:nowrap}.studio-contact>span:last-child{width:26px;height:26px;font-size:18px}.studio-heading{margin-bottom:24px}.studio-stage{width:calc(100% - 6vw);height:360px;border-radius:16px}.stage-top{top:19px;left:16px;right:16px}.stage-label{font-size:5px;letter-spacing:.8px;gap:6px}.stage-label i{width:3px;height:3px}.stage-live{font-size:6px}.stage-hint{bottom:21px;inset-inline-start:16px;font-size:7px;gap:7px}.stage-hint svg{width:17px;height:17px}.stage-pagination{bottom:16px;inset-inline-end:13px;gap:11px}.stage-pagination button{width:26px;height:26px;font-size:13px}.stage-pagination>span{font-size:7px}.studio-controls{display:block;margin-top:18px}.studio-modes{width:100%;justify-content:space-between;padding:4px;gap:0}.studio-modes button{padding:10px 13px;font-size:10px;gap:7px;flex:1;justify-content:center}.mode-number{font-size:6px}.stage-explore{font-size:10px;margin-top:15px;justify-content:center;width:100%;gap:15px}.stage-explore>span:last-child{font-size:20px}.studio-meta{margin-top:13px;font-size:6px;gap:15px}.studio-meta>span:first-child{max-width:165px}.studio-meta .mono{font-size:5px;gap:5px;white-space:nowrap}.studio-meta>a{display:none}.stage-fallback{inset:70px 0}.fallback-browser{width:85%;height:75%;border-width:3px}.fallback-browser>span{font-size:9px}.discipline-strip{margin-top:25px;padding-block:20px;gap:18px}.discipline-strip span{font-size:7px;letter-spacing:1px}.discipline-strip i{font-size:16px}.section{padding-block:65px}.section-label{font-size:10px;margin-bottom:23px}.manifesto h2{font-size:8.1vw;line-height:1.65}.manifesto-bottom{grid-template-columns:25px 1fr;gap:20px;margin-top:25px}.manifesto-bottom .text-link{grid-column:2;font-size:10px}.manifesto-bottom p{font-size:12px}.asterisk{font-size:32px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:8.3vw;line-height:1.6}.heading-aside{max-width:none;margin-top:25px}.heading-aside p{font-size:12px;line-height:1.9;margin-bottom:14px}.small-note{font-size:8px}.work-section{padding-top:20px}.projects{display:block}.project-commerce{margin-top:32px}.project-data{display:block;padding:18px;margin-top:35px;border-radius:15px}.project-scene{height:420px;border-radius:14px}.scene-top{padding:20px}.scene-brand{font-size:25px}.concept-chip{font-size:7px}.arch-headline{inset-inline-end:26px;top:28%}.arch-headline h3{font-size:43px}.arch-headline .mono{font-size:6px}.forme-headline{left:25px;top:27%}.forme-headline h3{font-size:36px}.forme-headline .mono{font-size:6px}.fragrance-note{font-size:5px}.project-open,.project-commerce .project-open{font-size:10px;bottom:66px;inset-inline-start:25px}.project-commerce .project-open{left:25px;right:auto}.circle{width:40px;height:40px;font-size:21px}.scene-bottom{left:20px;right:20px;bottom:22px;font-size:5px}.project-caption{padding:19px 0;gap:8px 10px}.project-caption h3{font-size:15px}.project-caption>span{font-size:9px;padding-inline-start:23px}.project-caption>.plain-arrow{width:35px;height:35px;font-size:21px}.project-data .project-scene{height:360px;border-radius:10px}.project-data .project-caption{display:grid;grid-template-columns:1fr auto;gap:14px 15px;padding:25px 0 3px}.project-data .project-caption>div{grid-column:1;grid-row:1}.project-data .project-number{margin-bottom:14px;font-size:8px}.project-data .project-caption h3{font-size:23px;max-width:240px;line-height:1.5}.project-data .project-caption>span{grid-row:2;grid-column:1;font-size:9px}.project-data .plain-arrow{grid-column:2;grid-row:1/3;margin:0;width:40px;height:40px;font-size:25px}.project-data .scene-top{padding:14px}.project-data .scene-brand{font-size:21px}.dashboard-preview{top:76px;transform:none}.dash-main{padding:12px 9px}.dash-chart svg{height:72px}.data-scene .project-open{bottom:46px;inset-inline-start:16px;font-size:8px}.data-scene .scene-bottom{font-size:3px;bottom:14px;left:16px;right:16px;padding-top:8px}.data-scene .circle{width:25px;height:25px;font-size:14px}.dash-sidebar{width:27px}.dash-stats strong{font-size:12px}.dash-stats>div>span{font-size:4px}.dash-stats strong small{font-size:4px}.dash-heading h3{font-size:13px}.dash-range{font-size:4px}.dash-chart>div:first-child{font-size:5px}.dash-chart>div small{font-size:3px}.dash-footer{font-size:3px}.services{gap:20px;padding-top:30px}.services-intro{display:block}.services-intro h2{font-size:8.3vw;line-height:1.6}.services-intro>p{font-size:12px;margin-top:20px}.service-item summary{font-size:19px;padding:23px 0;gap:16px}.service-item summary .plus{font-size:24px}.service-detail p{font-size:12px}.service-detail{padding-inline-start:30px}.service-pills span{font-size:8px;padding:5px 10px}.about-title{display:block}.about-name{font-size:47px;line-height:1.1;letter-spacing:-2px}.about-name>span{font-size:22px;right:-35px}.about-title h2{font-size:22px;line-height:1.7;margin-top:25px}.about-body .about-lead{font-size:19px}.about-body>p{font-size:12px}.about-values span{font-size:8px;padding:6px 12px}.process-header{margin-top:45px;margin-bottom:25px;font-size:13px}.process-header .mono{font-size:6px}.process-track{border-radius:11px}.process-step{padding:21px 17px}.process-step>span{font-size:26px}.process-step h3{font-size:17px;margin-top:20px}.process-step p{font-size:10px;line-height:1.9}.faq{display:block}.faq h2{font-size:34px}.faq-list summary{font-size:13px;padding:20px 0}.faq-list details>p{font-size:12px}.contact{margin-inline:8px;border-radius:19px;padding-block:50px}.contact .section-label{font-size:9px;margin-bottom:25px}.contact .shell{width:calc(100% - 9vw)}.contact h2{font-size:11.7vw;line-height:1.5}.contact-arrow{font-size:62px;margin:0}.contact h2 em:after{margin-top:-4px;height:1px;width:95%}.contact-copy>p{font-size:15px;margin-bottom:20px}.contact-grid{gap:25px;margin-top:35px}.contact-channel>span{font-size:19px}.contact-channel small{font-size:9px}.contact-channel>i{font-size:24px}.contact form{padding-top:25px}.form-top h3{font-size:19px}.contact .form-next{width:100%;min-width:0}.service-choice span{font-size:10px;padding:9px 12px}.contact .button{font-size:11px}.contact .form-note{font-size:8px}.footer{padding-top:35px}.footer-wordmark{font-size:11.3vw;letter-spacing:-2px}.footer-bottom{font-size:8px;gap:17px;padding-block:20px 25px;margin-top:18px}.footer-bottom button{font-size:8px}.footer-bottom>div{gap:18px}.dialog-bottom .button{font-size:10px}html[lang=en] .studio-hero #hero-title{font-size:8.2vw;line-height:1.3;letter-spacing:-.04em}html[lang=en] .studio-description{max-width:none}html[lang=en] .studio-description p{font-size:9px;max-width:210px;line-height:1.8}html[lang=en] .studio-contact{font-size:9px;white-space:normal;max-width:100px;gap:8px}html[lang=en] .studio-contact>span:last-child{flex-shrink:0}html[lang=en] .studio-modes button{font-size:8px;padding-inline:8px;gap:6px}html[lang=en] .manifesto h2{font-size:7.9vw;line-height:1.4}html[lang=en] .section-heading h2{font-size:7.8vw;line-height:1.35}html[lang=en] .project-caption h3{font-size:13px}html[lang=en] .project-data .project-caption h3{font-size:23px}html[lang=en] .services-intro h2{font-size:8vw;line-height:1.3}html[lang=en] .contact h2{font-size:11.5vw;line-height:1.3}html[lang=en] .contact h2 em:after{margin-top:3px}}
@media(min-width:801px){.studio-hero.hero{padding-top:22px}.studio-heading{margin-bottom:26px}.studio-hero #hero-title{font-size:clamp(38px,3.6vw,60px);line-height:1.35}.hero-kicker{margin-bottom:15px}.studio-stage{height:clamp(380px,34vw,540px)}.studio-description p{font-size:13px}.studio-controls{margin-top:19px}.studio-meta{margin-top:15px}html[lang=en] .studio-hero #hero-title{font-size:clamp(34px,3.5vw,57px);line-height:1.2}}
body{padding-top:92px}.header{position:absolute;top:0}
#stage-motion{width:29px;height:29px;flex-shrink:0;border:1px solid #ffffff29;border-radius:50%;display:grid;place-items:center;font:11px Manrope;color:#a0a6ce;pointer-events:auto;transition:background .2s}#stage-motion:hover{background:#ffffff12}.stage-live{margin-left:auto}.stage-top{gap:15px}#stage-motion:disabled{opacity:.4;cursor:default}
html[dir=rtl] .stage-pagination{left:25px;right:auto;inset-inline-end:auto}
@media(max-width:800px){body{padding-top:80px}html[dir=rtl] .stage-pagination{left:20px;right:auto;inset-inline-end:auto}}
@media(max-width:540px){body{padding-top:74px}html[dir=rtl] .stage-pagination{left:13px;right:auto;inset-inline-end:auto}}
@media(prefers-reduced-motion:reduce){.studio-stage canvas{cursor:default}.project-scene,.stage-fallback{transition:none}.process-step:after{transition:none}}