@font-face{font-family:Plex;src:url('assets/plex-arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('assets/plex-arabic-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Plex;src:url('assets/plex-arabic-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--bg:#101211;--panel:#191c19;--ink:#f3f3ed;--muted:#959b91;--line:#ffffff24;--accent:#d5ff70;--on-accent:#17200c;--header:rgba(16,18,17,.9);--ease:cubic-bezier(.22,.68,0,1.01);color-scheme:dark;--gutter:4.4vw}
:root[data-theme=light]{--bg:#f1f0e9;--panel:#e6e7de;--ink:#172018;--muted:#646c60;--line:#1720182b;--accent:#466b09;--on-accent:#fff;--header:rgba(241,240,233,.93);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.7 Plex,Arial,sans-serif;transition:background .3s,color .3s;overflow-x:clip}html[lang=en] body{font-family:Manrope,Plex,Arial,sans-serif}::selection{background:var(--accent);color:var(--on-accent)}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(36px,4.4vw,70px);line-height:1.42;letter-spacing:-1.6px}html[lang=en] h1,html[lang=en] h2{font-weight:400;line-height:1.14;letter-spacing:-3px}p{color:var(--muted)}em{font-style:normal;color:var(--accent)}svg{display:block}[hidden]{display:none!important}.shell{width:calc(100% - var(--gutter)*2);max-width:1600px;margin-inline:auto}.section{padding-block:128px}.muted{color:var(--muted)}.mono{font-family:Manrope,Arial,sans-serif;direction:ltr;font-size:11px;letter-spacing:1.5px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;background:var(--accent);color:var(--on-accent);z-index:100;padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--accent);z-index:90;transform-origin:right;transform:scaleX(0)}.cursor-label{position:fixed;left:0;top:0;z-index:20;width:92px;height:92px;background:#d5ff70;color:#17200c;border-radius:50%;display:grid;place-items:center;pointer-events:none;font:36px Manrope;opacity:0;transition:opacity .18s;transform:translate(-200px,-200px)}.cursor-label.active{opacity:1}
/* Navigation */
.header{height:100px;position:absolute;top:0;left:0;width:100%;z-index:40;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gutter);gap:30px;color:#fff;border-bottom:1px solid #ffffff26;transition:background .25s,box-shadow .25s}.header.stuck{position:fixed;height:80px;background:var(--header);color:var(--ink);border-color:var(--line);backdrop-filter:blur(20px);box-shadow:0 4px 25px #00000006;animation:headerIn .3s var(--ease)}.brand{display:flex;align-items:center;gap:17px}.monogram{font:bold 50px/.8 Manrope,Arial;letter-spacing:-8px;direction:ltr;display:block;padding-inline-end:9px}.monogram span{font-weight:400}.monogram i{color:#d5ff70;font-style:normal}.brand-copy b{font-size:19px;font-weight:500;display:block;line-height:1.5}.brand-copy small{font:7px Manrope;letter-spacing:1.1px;display:block;margin-top:3px}.header nav{display:flex;align-items:center;gap:34px}.header nav a{font-size:14px;position:relative;padding:9px 0}.header nav a:after{content:'';position:absolute;bottom:0;inset-inline-start:0;width:0;height:1px;background:currentColor;transition:width .3s}.header nav a:hover:after,.header nav a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:18px}.language-toggle{font-size:12px;padding:10px 5px;min-width:32px;letter-spacing:1px}.icon-button{height:40px;width:40px;display:grid;place-items:center;padding:9px}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.moon{display:none!important}[data-theme=light] .moon{display:block!important}[data-theme=light] .sun{display:none!important}.header-contact{display:flex;align-items:center;gap:24px;border:1px solid #ffffff55;border-radius:50px;padding:9px 21px;font-size:13px;transition:background .2s,color .2s}.header.stuck .header-contact{border-color:var(--line)}.header-contact:hover{background:var(--accent);color:var(--on-accent);border-color:transparent}.header-contact span:last-child{font:24px Manrope}.menu-toggle{display:none}
/* Cinematic opening */
.hero{position:relative;min-height:900px;height:min(100svh,1160px);color:#fff;background:#171e24;isolation:isolate;overflow:hidden}.hero-image-wrap{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 58%;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07101699 0%,#0710163b 36%,#07101622 48%,#071016b3 82%,#071016cc),linear-gradient(90deg,transparent 20%,#07101644)}.hero-grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.hero-content{padding-top:140px;padding-bottom:34px;height:100%;display:flex;flex-direction:column}.hero-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:24px}.hero-meta>span:first-child{display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.hero .status-dot{background:#d5ff70;box-shadow:0 0 0 4px #d5ff7015}.hero-title-row{display:flex;align-items:center;justify-content:space-between;margin-top:50px}.hero h1{font-size:clamp(70px,8.2vw,132px);font-weight:500;letter-spacing:-4px;line-height:1.22}.hero h1 .line{display:block;animation:titleIn 1.15s var(--ease) both}.hero h1 .line:nth-child(2){animation-delay:.13s}.hero .hero-em{color:#d5ff70;font-size:1.13em}.period{color:#fff}.hero-side{align-self:flex-start;display:flex;align-items:center;gap:18px;direction:ltr;padding-top:22px}.side-line{width:72px;height:1px;background:#ffffff80}.hero-side .mono{font-size:10px;letter-spacing:2px}.hero-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-top:30px;gap:30px}.hero-intro p{color:#e0e2df;font-size:18px;line-height:1.9;max-width:480px;text-shadow:0 1px 10px #0005}.round-link{display:flex;align-items:center;gap:18px;font-size:13px}.round-icon{display:grid;place-items:center;width:74px;height:74px;border:1px solid #ffffff77;border-radius:50%;font:34px Manrope;transition:background .25s,color .25s,transform .3s}.round-link:hover .round-icon{background:#d5ff70;color:#17200c;border-color:#d5ff70;transform:rotate(-45deg)}.hero-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;border-top:1px solid #ffffff3d;padding-top:25px;gap:24px}.hero-tag{display:flex;gap:15px;align-items:center}.hero-tag b{font-size:14px;font-weight:400}.hero-tag small{display:block;color:#bdc4c6;font-size:10px}.tag-cross{font:40px/1 Manrope;font-weight:400}.hero-cta{background:#d5ff70;color:#17200c;padding:13px 26px;display:flex;align-items:center;gap:52px;border-radius:2px;font-size:15px;transition:background .2s,transform .3s}.hero-cta span:last-child{font:30px Manrope}.hero-cta:hover{background:#e3ff9f;transform:translateY(-4px)}.hero-scroll{display:flex;gap:15px;align-items:center;font-size:9px;letter-spacing:.5px}.hero-scroll i{height:36px;width:1px;display:block;background:#ffffff6e;position:relative;overflow:hidden}.hero-scroll i:after{content:'';position:absolute;inset:0;background:#d5ff70;animation:scrollCue 2s ease-in-out infinite}html[lang=en] .hero h1{font-size:clamp(74px,8.1vw,130px);line-height:1.1;letter-spacing:-7px}html[lang=en] .hero-intro p{font-size:17px;line-height:1.7}html[lang=en] .hero-title-row{margin-top:65px}
.discipline-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px var(--gutter);border-bottom:1px solid var(--line);font:12px Manrope;letter-spacing:3px;overflow:hidden;white-space:nowrap;direction:ltr}.discipline-strip i{font:24px Manrope;color:var(--accent);font-style:normal}.discipline-strip span:last-of-type{font-family:Plex;letter-spacing:0}
/* Editorial statement */
.section-label{display:flex;align-items:center;gap:17px;font-size:12px;margin-bottom:30px}.section-label>span:first-child{font:10px Manrope;letter-spacing:1px;color:var(--muted);direction:ltr}.manifesto{display:grid;grid-template-columns:1fr 2.2fr;gap:50px}.manifesto h2{font-size:clamp(40px,4.9vw,78px);line-height:1.5;letter-spacing:-2.3px}.manifesto-bottom{display:grid;grid-template-columns:45px 1fr auto;gap:40px;align-items:center;margin-top:50px}.asterisk{font:54px Manrope;color:var(--accent)}.manifesto-bottom p{max-width:460px;line-height:1.9;font-size:15px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:8px;white-space:nowrap}.text-link span:last-child{font:23px Manrope}.text-link:hover{color:var(--accent)}
/* Full-size interactive showcase */
.work-section{padding-top:40px}.section-heading{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:64px}.heading-aside{max-width:350px}.heading-aside p{font-size:15px;margin-bottom:24px}.small-note{font-size:10px;display:flex;align-items:center;gap:9px;color:var(--muted)}.small-note .status-dot{width:4px;height:4px}.projects{display:flex;flex-direction:column;gap:90px}.project{position:relative;--scale:1}.project-scene{height:600px;position:relative;isolation:isolate;overflow:hidden;background:#1b211e;color:#fff;border-radius:4px}.project-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease);transform:scale(1.015)}.project-scene:hover>img{transform:scale(1.05)}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05101988,transparent 25%,#05101933 65%,#051019aa);z-index:-1}.scene-top{display:flex;align-items:center;justify-content:space-between;padding:30px 40px;gap:20px}.concept-chip{font-size:10px;border:1px solid #ffffff45;border-radius:20px;padding:5px 12px;letter-spacing:.3px}.scene-brand{font:700 33px Manrope;letter-spacing:4px;direction:ltr}.scene-brand>span{font:12px Manrope;vertical-align:top;letter-spacing:0}.scene-type{font-size:12px}.arch-headline{position:absolute;inset-inline-end:6%;top:32%}.arch-headline .mono{font-size:9px;letter-spacing:2px}.arch-headline h3{font-size:66px;line-height:1.28;margin-top:15px;letter-spacing:-1px}.project-open{position:absolute;bottom:90px;inset-inline-start:40px;display:flex;align-items:center;gap:20px;font-size:14px}.circle{display:grid;place-items:center;border:1px solid #ffffff66;border-radius:50%;width:60px;height:60px;font:27px Manrope;transition:transform .3s,background .3s,color .3s}.project-open:hover .circle{background:#fff;color:#101211;transform:rotate(45deg)}.scene-bottom{position:absolute;bottom:28px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;font:9px Manrope;letter-spacing:1.5px;direction:ltr;border-top:1px solid #ffffff30;padding-top:18px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.project-caption>div{display:flex;gap:22px;align-items:center}.project-number{font:10px Manrope;color:var(--muted)}.project-caption h3{font-size:21px;font-weight:400}.project-caption>span{color:var(--muted);font-size:12px;margin-inline-start:auto}.plain-arrow{font:28px Manrope;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;transition:background .2s,color .2s}.plain-arrow:hover{background:var(--accent);color:var(--on-accent)}.project-commerce .scene-shade{background:linear-gradient(90deg,#180b0770,transparent 60%),linear-gradient(180deg,#180b0760,transparent 30%,transparent 60%,#180b07aa)}.forme{font-family:Georgia,serif;font-weight:400;letter-spacing:7px;font-size:30px;text-align:center}.forme span{font:8px Manrope;display:block;letter-spacing:6px;margin-top:3px}.forme-headline{position:absolute;left:6%;top:31%;direction:ltr}.forme-headline h3{font-size:57px;line-height:1.5;letter-spacing:-1px;text-align:left}.forme-headline .mono{font-size:8px;letter-spacing:3px}.fragrance-note{font:8px Manrope;letter-spacing:3px;display:block;margin-top:20px}.project-commerce .project-open{inset-inline-start:auto;left:6%;bottom:82px}.project-data .project-scene{height:650px;background:#202a21;background-image:radial-gradient(ellipse at 50% 80%,#56734c70,transparent 65%)}.project-data .scene-brand{font-size:32px;letter-spacing:-1.5px}.pulse>span{color:#d5ff70;font-size:30px;vertical-align:baseline;margin-left:3px}.dashboard-preview{position:absolute;top:117px;left:18%;right:18%;background:#111813;border:1px solid #ffffff26;border-radius:10px;box-shadow:0 35px 65px #0006;display:flex;transform:perspective(1400px) rotateX(6deg);transform-origin:bottom;transition:transform .8s var(--ease);color:#eef1ea}.project-data:hover .dashboard-preview{transform:perspective(1400px) rotateX(0)}.dash-sidebar{width:58px;flex-shrink:0;border-right:1px solid #ffffff13;display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px 0;font-family:Manrope}.dash-sidebar b{font-size:26px;line-height:1;margin-bottom:20px;color:#d5ff70}.dash-sidebar>span{font-size:19px;color:#778174}.dash-sidebar .selected{color:#d5ff70;background:#ffffff0c;padding:3px 7px;border-radius:4px}.dash-sidebar .dash-settings{margin-top:auto}.dash-main{padding:24px 28px;flex:1;min-width:0;font-family:Manrope}.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small{font-size:6px;letter-spacing:1.6px;color:#9aa894}.dash-heading h3{font-size:25px;font-weight:400;margin-top:2px}.dash-heading h3 span{color:#d5ff70;margin-left:10px}.dash-range{font-size:8px;color:#acb5a5;border:1px solid #ffffff26;padding:7px 12px;border-radius:3px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;gap:12px}.dash-stats>div{background:#ffffff04;border:1px solid #ffffff16;padding:15px 12px;border-radius:4px}.dash-stats>div>span{font-size:8px;color:#abb3a4;display:block}.dash-stats strong{font-weight:400;display:block;font-size:23px;margin-top:9px;line-height:1}.dash-stats strong small{font-size:8px;color:#95a18b}.dash-stats em{font-size:7px;color:#c3ef8f;display:block;margin-top:10px}.dash-chart{padding:20px 0 0}.dash-chart>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:20px}.dash-chart>div small{font-size:6px;color:#9aa894;display:flex;align-items:center;gap:5px}.dash-chart i,.dash-footer i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#d5ff70}.dash-chart svg{width:100%;height:125px;overflow:visible}.chart-grid{stroke:#ffffff16;stroke-width:1;fill:none;stroke-dasharray:3 4}.chart-line{fill:none;stroke:#c5f46a;stroke-width:2.7;stroke-linejoin:round}.chart-axis{display:flex;justify-content:space-between!important;color:#85957d;font-size:6px!important;margin-top:12px;margin-bottom:0!important;direction:ltr}.dash-footer{display:flex;align-items:center;justify-content:space-between;font-size:6px;color:#8f9c89;border-top:1px solid #ffffff15;padding-top:14px;margin-top:18px}.dash-footer span:first-child{display:flex;align-items:center;gap:7px}.data-scene .project-open{bottom:90px}.data-scene .scene-top{padding-bottom:0}
/* Services */
.services{display:grid;grid-template-columns:1fr 1.12fr;gap:110px;border-top:1px solid var(--line)}.services-intro{position:sticky;top:135px;align-self:start}.services-intro h2{font-size:clamp(36px,3.8vw,60px)}.services-intro>p{max-width:370px;font-size:15px;margin-top:32px}.services-foot{display:flex;align-items:center;justify-content:space-between;margin-top:48px}.services-foot .mono{font-size:8px;letter-spacing:1px}.huge-arrow{font:100px/1 Manrope;color:var(--accent)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}.service-item summary{padding:29px 0;font-size:23px;line-height:1.5}.service-item summary .service-number{font:10px Manrope;color:var(--muted)}.service-item summary .service-name{flex:1}.service-item summary .plus{font:30px Manrope;color:var(--muted);transition:transform .3s}.service-item[open] summary .plus{transform:rotate(45deg);color:var(--accent)}.service-item[open] summary .service-name{color:var(--accent)}.service-detail{padding-inline-start:37px;padding-bottom:27px;animation:fadeIn .4s}.service-detail p{font-size:14px;line-height:1.9}.service-pills{display:flex;flex-wrap:wrap;gap:7px;margin-block:20px}.service-pills span{font-size:10px;border:1px solid var(--line);padding:5px 12px;border-radius:30px}.service-detail .text-link{color:var(--ink);font-size:12px}
/* About and process */
.about{background:var(--panel);border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;margin-top:50px}.about-name{font-size:56px;letter-spacing:-2px;line-height:1.05;display:block;font-weight:700;margin-bottom:32px;direction:ltr;width:max-content;position:relative}.about-name>span{font-size:16px;position:absolute;top:2px;right:-30px;color:var(--accent)}.about-title h2{font-size:26px;line-height:1.6;letter-spacing:0}.about-body .about-lead{font-size:23px;line-height:1.8;color:var(--ink);margin-bottom:24px}.about-body>p{font-size:15px;line-height:2}.about-values{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.about-values span{border:1px solid var(--line);border-radius:40px;padding:7px 18px;font-size:11px}.process-header{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:40px;margin-top:100px;margin-bottom:32px;font-size:17px}.process-header .mono{font-size:9px}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:45px}.process-step{position:relative;padding-top:25px;border-top:1px solid var(--line)}.process-step:before{content:'';position:absolute;top:-3px;inset-inline-start:0;width:5px;height:5px;background:var(--accent);border-radius:50%}.process-step>span{font:11px Manrope;color:var(--muted)}.process-step h3{font-size:21px;margin:14px 0 12px}.process-step p{font-size:13px;line-height:1.9}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:120px}.faq-list summary{padding:24px 0;justify-content:space-between;line-height:1.7;font-size:17px}.faq-list summary>span:last-child{font:22px Manrope;color:var(--muted)}.faq-list details[open] summary>span:last-child{transform:rotate(45deg)}.faq-list details>p{font-size:14px;padding:0 0 24px;line-height:1.9;max-width:630px}
/* Contact */
.contact{background:#d5ff70;color:#17200c}.contact .section-label>span:first-child,.contact p{color:#546735}.contact .section-label{margin-bottom:35px}.contact-title-row{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:clamp(54px,8vw,130px);line-height:1.27;letter-spacing:-3px}.contact h2>span{font-size:.8em}.contact h2 em{color:#17200c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:18px}.contact-arrow{font:190px/1 Manrope;padding-inline-end:7vw}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:85px}.contact-copy>p{font-size:20px;line-height:1.8;margin-bottom:35px}.contact-channel{border-bottom:1px solid #17200c40;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;padding:18px 0}.contact-channel small{grid-column:1;font-size:11px;color:#546735}.contact-channel>span{grid-column:1;font:24px Manrope;width:max-content;max-width:100%;overflow-wrap:anywhere;line-height:1.6}.contact-channel>i{grid-column:2;grid-row:1 / 3;font:30px Manrope;font-style:normal}.contact-channel:hover>span{text-decoration:underline;text-underline-offset:7px}.form-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.form-top h3{font-size:24px;font-weight:500}.form-top .mono{font-size:10px}fieldset{border:0;margin:0;padding:0;min-width:0}legend{padding:0;font-size:13px;margin-bottom:18px;color:#435b23}.service-choices{display:flex;flex-wrap:wrap;gap:10px}.service-choice{position:relative}.service-choice input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.service-choice span{display:block;padding:10px 18px;border:1px solid #17200c55;border-radius:50px;font-size:12px;cursor:pointer;transition:background .2s,color .2s}.service-choice input:checked+span{color:#e4ffc0;background:#17200c;border-color:#17200c}.service-choice input:focus-visible+span{outline:2px solid #17200c;outline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px;padding:15px 23px;background:var(--accent);color:var(--on-accent);border-radius:2px;transition:transform .25s,background .25s}.button>span:last-child{font:25px/1 Manrope}.button:hover{transform:translateY(-3px)}.contact .button{background:#17200c;color:#e4ffc0}.form-next{width:100%;margin-top:25px}.contact label:not(.service-choice){display:block;font-size:12px;margin-bottom:8px}.contact input:not([type=radio]),.contact textarea{width:100%;border:0;border-bottom:1px solid #17200c70;border-radius:0;padding:9px 0;background:transparent;color:#17200c;font-size:16px;resize:vertical;margin-bottom:24px}.contact input::placeholder,.contact textarea::placeholder{color:#546735;opacity:.8}.contact input:focus,.contact textarea:focus{outline:0;border-color:#17200c;box-shadow:0 1px #17200c}.contact :focus-visible{outline-color:#17200c}.form-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-back{font-size:13px;text-decoration:underline;text-underline-offset:6px}.form-note{font-size:10px;margin-top:15px}.contact fieldset{animation:fadeIn .35s}.footer{padding-top:50px}.footer-wordmark{font:700 clamp(50px,11.2vw,180px)/1.3 Manrope;letter-spacing:-8px;display:flex;justify-content:space-between;align-items:center;direction:ltr}.footer-wordmark>span{font-weight:400;font-size:1.2em;color:var(--accent);line-height:.8;transition:transform .3s}.footer-wordmark:hover>span{transform:translate(8px,-8px)}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;margin-top:25px;font-size:10px;color:var(--muted)}.footer-bottom>div{display:flex;align-items:center;gap:25px}.footer-bottom button{font-size:10px;padding:5px 0}.footer-bottom button:hover,.footer-bottom a:hover{color:var(--ink)}
/* Demo overlays */
dialog{width:min(1120px,94vw);max-height:92svh;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);overscroll-behavior:contain;box-shadow:0 40px 160px #0009}dialog::backdrop{background:#050a08cc;backdrop-filter:blur(10px)}dialog[open]{animation:dialogIn .4s var(--ease)}body.dialog-open{overflow:hidden}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.dialog-badge{font-size:11px;color:var(--muted)}.dialog-close{font:30px Manrope}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 30px;border-top:1px solid var(--line)}.dialog-bottom>p{font-size:10px}.dialog-bottom .button{font-size:12px;padding:12px 20px}.demo-arch{position:relative;min-height:520px;background:#172026;color:#fff;isolation:isolate;overflow:hidden}.demo-arch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s,object-position .7s}.demo-arch:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061016aa,#06101615),linear-gradient(0deg,#061016dd,transparent 60%);z-index:-1}.demo-arch.view-detail img{transform:scale(1.35);object-position:80% center}.demo-arch.view-material img{transform:scale(1.8);object-position:100% 70%}.demo-arch-top{display:flex;align-items:center;justify-content:space-between;padding:25px 35px;gap:20px}.demo-arch-top>strong{font:32px Manrope;letter-spacing:4px}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap}.demo-tabs button{border:1px solid #ffffff50;padding:8px 15px;border-radius:30px;font-size:11px;transition:background .2s}.demo-tabs button[aria-pressed=true]{background:#fff;color:#172026}.demo-arch-content{padding:70px 40px 35px;max-width:650px}.demo-arch h2{font-size:62px;margin:10px 0 20px}.demo-arch p{color:#e0e5e6;font-size:14px;max-width:420px}.arch-facts{display:flex;gap:40px;margin-top:40px;border-top:1px solid #ffffff40;padding-top:18px}.arch-facts div>span{display:block;color:#a5b8bd;font-size:10px}.arch-facts div>b{font-size:14px;font-weight:400}.demo-store{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#eee9df;color:#2b2017}.demo-store-image{position:relative;min-height:420px;overflow:hidden;background:#22140b}.demo-store-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:75% center;transition:transform .6s}.demo-store-image:hover img{transform:scale(1.08)}.demo-store-image>span{position:absolute;top:25px;left:25px;font:22px Georgia;color:#fff;letter-spacing:5px}.demo-store-info{padding:35px;display:flex;flex-direction:column}.store-eyebrow{font:8px Manrope;letter-spacing:3px;color:#7d6b5b}.demo-store h2{font:44px/1.2 Georgia;letter-spacing:-1px;margin-block:22px 10px}.demo-store-info>p{color:#7d6b5b;font-size:13px;line-height:1.9}.store-notes{display:flex;gap:8px;margin:18px 0}.store-notes span{border:1px solid #2b20172c;border-radius:30px;padding:4px 11px;font-size:10px}.store-price{font:28px Manrope;margin-top:auto;margin-bottom:15px}.store-price small{font:10px Plex;color:#7d6b5b}.store-sizes{display:flex;gap:10px;margin-bottom:20px}.store-sizes button{font:11px Manrope;padding:10px 20px;border:1px solid #2b20174d;border-radius:2px}.store-sizes button[aria-pressed=true]{color:#eee9df;background:#2b2017}.store-add{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:#2b2017;color:#eee9df;font-size:12px}.cart-status{margin-top:12px;font-size:11px;color:#466b09;min-height:20px}.store-reset{align-self:start;font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#7d6b5b}.demo-dashboard{padding:35px;background:#121a15;color:#f4f4e9}.demo-dash-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.demo-dash-head h2{font-size:30px;letter-spacing:-1px}.demo-dash-head .pulse{font:30px Manrope;font-weight:700}.demo-dashboard .demo-tabs button{border-color:#ffffff30}.demo-dashboard .demo-tabs button[aria-pressed=true]{background:#d5ff70;color:#17200c}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-metric{border:1px solid #ffffff20;background:#ffffff03;border-radius:6px;padding:20px}.demo-metric small{display:block;font-size:11px;color:#93a28e}.demo-metric strong{display:block;font:34px Manrope;margin-top:10px;direction:ltr;text-align:start}.demo-metric em{font-size:10px;color:#b8e488}.demo-chart{margin-top:25px;border:1px solid #ffffff1f;border-radius:6px;padding:25px}.demo-chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:12px}.demo-chart-head span:last-child{font-size:9px;color:#93a28e}.demo-bars{height:150px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:end;direction:ltr}.demo-bars>div{height:var(--height);background:#bade7f;border-radius:4px 4px 0 0;min-height:3px;transition:height .6s var(--ease);position:relative}.demo-bars>div:nth-child(2n){background:#85a65c}.demo-bars>div:hover{background:#e6ffb5}.demo-bars>div span{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#d5ff70;color:#17200c;padding:2px 6px;border-radius:3px;font:9px Manrope;opacity:0;pointer-events:none}.demo-bars>div:hover span,.demo-bars>div:focus span{opacity:1}.demo-chart .chart-axis{font-size:9px!important}.demo-table{width:100%;margin-top:20px;border-collapse:collapse;text-align:start;font-size:11px}.demo-table th{font-weight:400;color:#93a28e}.demo-table th,.demo-table td{padding:13px 5px;border-bottom:1px solid #ffffff14;text-align:start}.demo-table td:nth-child(2){font-family:Manrope}.table-status{background:#bade7f18;color:#bade7f;padding:3px 9px;border-radius:30px;font-size:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:100;background:var(--ink);color:var(--bg);box-shadow:0 5px 30px #0005;padding:12px 24px;border-radius:4px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;bottom:0;left:0;right:0;z-index:60;padding:18px;background:#d5ff70;color:#17200c;text-align:center}
/* Motion: native scrolling stays in control */
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}.project-scene .arch-headline,.project-scene .forme-headline{transition:translate .4s var(--ease)}@keyframes titleIn{from{opacity:0;transform:translateY(40px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes headerIn{from{transform:translateY(-100%)}to{transform:none}}@keyframes dialogIn{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes scrollCue{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.motion-paused .reveal{opacity:1;transform:none}html.motion-paused .hero-image{transform:none!important}html.motion-paused .cursor-label{display:none}html.motion-paused{scroll-behavior:auto}
@media(min-width:1400px){.hero-title-row{margin-top:65px}.hero-intro{margin-top:35px}.hero{min-height:950px}.project-scene{height:680px}.project-data .project-scene{height:710px}.dashboard-preview{top:130px;left:20%;right:20%;}.dash-chart svg{height:160px}}
@media(max-width:1100px){:root{--gutter:4vw}.header{gap:20px}.header nav{gap:22px}.header-actions{gap:12px}.brand-copy small{font-size:6px}.brand-copy b{font-size:17px}.hero{min-height:850px}.hero h1{font-size:9.5vw}.hero-title-row{margin-top:65px}.hero-side{display:none}.hero-intro{margin-top:40px}.hero-scroll{display:none}.manifesto{grid-template-columns:1fr 2.4fr;gap:30px}.manifesto-bottom{grid-template-columns:35px 1fr;gap:25px}.manifesto-bottom .text-link{grid-column:2;justify-self:start}.services{gap:60px}.project-scene{height:540px}.project-caption h3{font-size:18px}.project-caption>span{font-size:10px}.dashboard-preview{left:12%;right:12%;top:120px}.project-data .project-scene{height:640px}.about-grid{gap:55px}.process-track{gap:25px}.contact-arrow{font-size:150px}.footer-wordmark{letter-spacing:-5px}.faq{gap:60px}.section{padding-block:100px}}
@media(max-width:800px){.header{height:84px}.header.stuck{height:70px}.header nav{position:fixed;top:84px;left:0;right:0;display:none;background:var(--bg);color:var(--ink);padding:30px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:10px}.header nav.open{display:flex}.header.stuck nav{top:70px}.header nav a{font-size:23px;padding:14px 0}.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px}.menu-toggle i{width:20px;height:1px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}.brand{gap:13px}.brand-copy small{font-size:5px}.brand-copy b{font-size:16px}.monogram{font-size:44px}.header-actions{gap:7px}.hero-content{padding-top:120px}.hero-meta .mono{font-size:8px}.hero-meta>span:first-child{font-size:11px}.hero h1{font-size:11.4vw;letter-spacing:-2px}.hero-title-row{margin-top:60px}.hero-intro{margin-top:35px;align-items:start}.hero-intro p{font-size:16px}.round-link{flex-direction:column;gap:10px;align-items:start;max-width:135px;font-size:11px}.round-icon{width:60px;height:60px;font-size:28px}.hero{min-height:800px;height:100svh;max-height:1000px}.hero-bottom{padding-top:20px}.hero-tag small{font-size:9px}.hero-tag b{font-size:12px}.hero-cta{font-size:13px;gap:30px}.discipline-strip{justify-content:center;font-size:10px;letter-spacing:2px;gap:25px}.discipline-strip span:last-of-type,.discipline-strip i:last-of-type{display:none}.section{padding-block:80px}.manifesto{display:block}.manifesto h2{font-size:7.3vw}.manifesto-bottom{grid-template-columns:35px 1fr auto;margin-top:35px}.manifesto-bottom .text-link{grid-column:auto}.section-heading{gap:35px;align-items:start;flex-direction:column;margin-bottom:40px}.heading-aside{max-width:480px}.heading-aside p{font-size:14px;margin-bottom:15px}.project-scene{height:500px}.scene-top{padding:25px;gap:10px}.scene-brand{font-size:27px}.scene-type{font-size:10px}.scene-bottom{left:25px;right:25px;font-size:7px}.arch-headline h3{font-size:55px}.forme-headline h3{font-size:46px}.project-open{inset-inline-start:25px;bottom:75px}.circle{width:48px;height:48px;font-size:24px}.project-caption{gap:15px}.project-caption>div{gap:12px}.project-caption>span{display:none}.plain-arrow{margin-inline-start:auto;flex-shrink:0}.projects{gap:55px}.dashboard-preview{left:8%;right:8%;top:120px}.project-data .project-scene{height:600px}.services{grid-template-columns:1fr;gap:35px}.services-intro{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.services-intro .section-label{grid-column:1 / -1;margin-bottom:5px}.services-intro>p{margin-top:0;align-self:center}.services-foot{display:none}.service-item summary{font-size:23px}.about-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.about-title{display:flex;align-items:center;justify-content:space-between;gap:30px}.about-name{font-size:45px;margin-bottom:0}.about-title h2{font-size:22px}.about-body{max-width:600px}.process-header{margin-top:65px}.process-track{grid-template-columns:repeat(2,1fr);gap:35px}.faq{grid-template-columns:1fr 1.6fr;gap:35px}.faq-list summary{font-size:15px}.contact h2{font-size:9.6vw}.contact-arrow{font-size:120px;padding:0}.contact-grid{gap:50px;grid-template-columns:1fr;margin-top:60px}.contact-copy{max-width:100%}.contact-copy>p{font-size:18px}.contact-channel{max-width:100%}.contact form{border-top:1px solid #17200c40;padding-top:35px}.contact .form-next{width:auto;min-width:250px}.footer-wordmark{letter-spacing:-4px}.footer-bottom{flex-wrap:wrap}.footer-credit{display:none}.demo-store-info{padding:25px}.demo-store h2{font-size:35px}.dialog-bottom{padding:20px;gap:20px}.dialog-bottom .button{flex-shrink:0}.demo-metric strong{font-size:27px}.demo-bars{gap:8px}}
@media(max-width:540px){:root{--gutter:6vw}html{scroll-padding-top:86px}.header{gap:10px}.brand-copy small{display:none}.brand-copy b{font-size:14px}.brand{gap:10px}.monogram{font-size:38px;letter-spacing:-6px;padding-inline-end:7px}.header-actions{gap:3px}.language-toggle{font-size:10px;min-width:28px}.icon-button{width:34px;height:36px;padding:7px}.hero{min-height:790px;height:100svh;max-height:950px}.hero-content{padding-top:112px;padding-bottom:28px}.hero-meta{align-items:start;gap:10px}.hero-meta>span:first-child{max-width:200px;font-size:10px;gap:8px}.hero-meta .mono{font-size:6px;letter-spacing:.7px;white-space:nowrap}.hero-title-row{margin-top:56px}.hero h1{font-size:13.5vw;line-height:1.35;letter-spacing:-2.2px}.hero .hero-em{font-size:1.12em}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(180deg,#071016b0,#07101655 40%,#07101633 55%,#071016bb 85%,#071016dd)}.hero-intro{display:block;margin-top:30px}.hero-intro p{font-size:14px;line-height:1.9;max-width:90%}.round-link{display:inline-flex;flex-direction:row;align-items:center;max-width:none;margin-top:25px;font-size:10px;gap:12px}.round-icon{width:45px;height:45px;font-size:22px}.hero-bottom{gap:15px;align-items:center}.tag-cross{display:none}.hero-tag b{font-size:10px}.hero-tag small{font-size:8px;max-width:130px;line-height:1.8}.hero-cta{font-size:11px;padding:12px 16px;gap:23px;white-space:nowrap}.hero-cta span:last-child{font-size:23px}.discipline-strip{padding-block:20px;gap:18px;justify-content:start}.discipline-strip span{font-size:8px;letter-spacing:1.3px}.discipline-strip i{font-size:17px}.discipline-strip span:nth-of-type(3){white-space:nowrap}.section{padding-block:65px}.section-label{font-size:11px;gap:12px;margin-bottom:25px}.section-label>span:first-child{font-size:8px}h2{font-size:36px;letter-spacing:-1px}.manifesto h2{font-size:9vw;line-height:1.65;letter-spacing:-1px}.manifesto-bottom{grid-template-columns:25px 1fr;gap:20px;margin-top:25px}.asterisk{font-size:36px}.manifesto-bottom p{font-size:13px;line-height:2}.manifesto-bottom .text-link{grid-column:2;font-size:11px}.work-section{padding-top:15px}.section-heading{gap:25px;margin-bottom:32px}.heading-aside p{font-size:13px}.small-note{font-size:9px;align-items:start}.small-note .status-dot{margin-top:7px}.project-scene{height:440px;border-radius:3px}.scene-top{padding:18px 17px;align-items:start}.concept-chip{font-size:7px;padding:4px 9px}.scene-brand{font-size:22px}.scene-brand>span{font-size:8px}.scene-type{display:none}.scene-top .scene-brand{margin-inline-start:auto}.arch-headline{inset-inline-end:24px;top:28%}.arch-headline h3{font-size:46px;line-height:1.45}.arch-headline .mono{font-size:7px}.project-scene>img{object-position:62% center}.project-open{bottom:66px;inset-inline-start:20px;font-size:11px;gap:12px}.circle{height:42px;width:42px;font-size:21px}.scene-bottom{left:18px;right:18px;bottom:20px;font-size:5.5px;letter-spacing:.7px;padding-top:13px}.project-caption{padding:18px 0}.project-caption h3{font-size:15px;line-height:1.7}.project-number{font-size:8px}.plain-arrow{width:36px;height:36px;font-size:23px}.project-caption>div{gap:10px}.projects{gap:38px}.project-commerce .project-scene>img{object-position:68% center;filter:brightness(.75)}.forme{font-size:20px}.forme span{font-size:5px;letter-spacing:4px}.forme-headline{left:24px;top:26%}.forme-headline h3{font-size:39px;line-height:1.6}.forme-headline .mono{font-size:6px;letter-spacing:1.6px}.fragrance-note{font-size:6px;letter-spacing:1.6px;margin-top:14px}.project-commerce .project-open{left:24px;bottom:66px}.project-data .project-scene{height:470px}.project-data .scene-brand{font-size:25px}.dashboard-preview{left:6%;right:6%;top:95px;border-radius:5px;transform:none}.dash-sidebar{width:29px;gap:13px;padding:18px 0}.dash-sidebar b{font-size:19px;margin-bottom:11px}.dash-sidebar>span{font-size:13px}.dash-sidebar .selected{padding:1px 4px}.dash-main{padding:14px 11px}.dash-heading small{font-size:4px;letter-spacing:.8px}.dash-heading h3{font-size:16px}.dash-range{font-size:5px;padding:4px}.dash-stats{gap:5px;margin-top:15px}.dash-stats>div{padding:9px 6px}.dash-stats>div>span{font-size:5px}.dash-stats strong{font-size:13px;margin-top:6px}.dash-stats strong small{font-size:5px}.dash-stats em{font-size:5px;margin-top:7px}.dash-chart{padding-top:14px}.dash-chart>div:first-child{font-size:6px;margin-bottom:14px}.dash-chart>div small{font-size:4px}.dash-chart svg{height:85px}.chart-axis{font-size:4px!important;margin-top:7px}.dash-footer{font-size:4px;margin-top:12px;padding-top:9px}.data-scene .project-open{bottom:65px}.services-intro{display:block}.services-intro>p{margin-top:22px;max-width:100%;font-size:13px}.services{gap:20px}.service-item summary{padding:23px 0;font-size:21px;gap:15px}.service-number{font-size:8px!important}.service-detail{padding-inline-start:29px}.service-detail p{font-size:12px}.service-pills span{font-size:9px}.service-detail .text-link{font-size:11px}.about-title{display:block}.about-name{font-size:48px;margin-bottom:24px}.about-title h2{font-size:23px}.about-grid{gap:25px}.about-body .about-lead{font-size:20px;margin-bottom:20px}.about-body>p{font-size:13px}.about-values{gap:6px;margin-top:20px}.about-values span{font-size:9px;padding:6px 13px}.process-header{margin-top:45px;padding-top:26px;margin-bottom:28px;font-size:13px;gap:15px}.process-header .mono{font-size:6px;letter-spacing:.5px}.process-track{gap:28px 22px}.process-step{padding-top:18px}.process-step>span{font-size:9px}.process-step h3{font-size:17px;margin:12px 0 10px}.process-step p{font-size:11px}.faq{display:block}.faq h2{font-size:34px;margin-bottom:25px}.faq h2 br{display:none}.faq-list summary{font-size:14px;padding:21px 0}.faq-list details>p{font-size:12px}.contact .section-label{margin-bottom:35px}.contact h2{font-size:12vw;letter-spacing:-1px;line-height:1.5}.contact h2 em{text-underline-offset:10px}.contact-arrow{font-size:70px;align-self:end;margin-bottom:12px}.contact-title-row{gap:10px}.contact-grid{margin-top:40px;gap:35px}.contact-copy>p{font-size:16px;margin-bottom:20px}.contact-channel>span{font-size:20px}.contact-channel small{font-size:10px}.contact-channel>i{font-size:26px}.contact-channel{padding-block:16px}.form-top h3{font-size:21px}.form-top .mono{font-size:9px}.service-choice span{font-size:11px;padding:9px 14px}.service-choices{gap:8px}.contact .form-next{width:100%;margin-top:25px}.contact .button{font-size:12px;padding:14px 20px}.form-note{font-size:9px;line-height:1.8}.footer{padding-top:32px}.footer-wordmark{font-size:11.2vw;letter-spacing:-2.5px}.footer-bottom{gap:18px;padding:22px 0 28px;margin-top:20px;font-size:9px}.footer-bottom>div{gap:22px;width:100%;justify-content:space-between}.footer-bottom button{font-size:9px}.dialog-toolbar{padding:10px 17px}.dialog-badge{font-size:9px}.dialog-bottom{display:block;padding:18px}.dialog-bottom>p{font-size:9px;margin-bottom:15px}.dialog-bottom .button{width:100%;font-size:11px}.demo-arch{min-height:500px}.demo-arch-top{padding:20px;align-items:start}.demo-arch-top>strong{font-size:22px}.demo-tabs{gap:5px}.demo-tabs button{font-size:9px;padding:6px 10px}.demo-arch-content{padding:80px 25px 25px}.demo-arch h2{font-size:43px}.demo-arch p{font-size:12px}.arch-facts{gap:25px;margin-top:30px}.arch-facts div>span{font-size:8px}.arch-facts div>b{font-size:11px}.demo-store{grid-template-columns:1fr}.demo-store-image{min-height:240px;height:240px}.demo-store-info{padding:25px}.demo-store h2{font-size:37px;margin-top:14px}.demo-store-info>p{font-size:12px}.store-price{margin-top:12px;font-size:26px}.demo-dashboard{padding:22px 16px}.demo-dash-head{gap:15px;margin-bottom:22px;align-items:start}.demo-dash-head h2{font-size:22px}.demo-dash-head .pulse{font-size:23px}.demo-metrics{gap:7px}.demo-metric{padding:13px 8px}.demo-metric small{font-size:8px}.demo-metric strong{font-size:20px;margin-top:8px}.demo-metric em{font-size:8px}.demo-chart{padding:17px 12px}.demo-chart-head{font-size:10px;gap:10px}.demo-chart-head span:last-child{font-size:7px}.demo-bars{height:120px;gap:7px}.demo-chart .chart-axis{font-size:7px!important}.demo-table{font-size:9px}.table-status{font-size:7px}.demo-table th,.demo-table td{padding:12px 3px}.cursor-label{display:none}html[lang=en] h2{letter-spacing:-1.4px;line-height:1.2}html[lang=en] .hero h1{font-size:13.1vw;letter-spacing:-2.9px;line-height:1.17}html[lang=en] .hero .hero-em{font-size:1em}html[lang=en] .hero-title-row{margin-top:70px}html[lang=en] .hero-intro{margin-top:35px}html[lang=en] .hero-intro p{font-size:13px}html[lang=en] .hero-meta>span:first-child{font-size:9px;max-width:210px}html[lang=en] .manifesto h2{font-size:8.2vw;line-height:1.4}html[lang=en] .arch-headline h3{font-size:42px}html[lang=en] .forme-headline h3{font-size:35px}html[lang=en] .project-caption h3{font-size:12px}html[lang=en] .service-item summary{font-size:18px}html[lang=en] .about-name{letter-spacing:-2px}html[lang=en] .about-title h2{font-size:25px;line-height:1.35}html[lang=en] .contact h2{font-size:11.8vw;line-height:1.3}html[lang=en] .contact-copy>p{font-size:15px}html[lang=en] .service-choice span{font-size:9px}html[lang=en] .form-top h3{font-size:19px}}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] .arch-headline h3,html[lang=ar] .forme-headline h3{letter-spacing:0;word-spacing:.03em}
html[lang=en] .hero h1{letter-spacing:-.045em;word-spacing:.12em}html[lang=en] h2{letter-spacing:-.035em;word-spacing:.1em}.hero-intro p{color:#fff}
.demo-metric em{display:block;margin-top:9px;line-height:1.8}
@media(max-width:540px){.hero-shade{background:linear-gradient(180deg,#071016aa,#07101655 40%,#07101633 55%,#071016bb 85%,#071016dd),linear-gradient(90deg,#07101611,#07101655)}.demo-metric em{font-size:7px}}
.project-scene{cursor:pointer}.demo-store h2{direction:ltr}.store-sizes{direction:ltr;justify-content:flex-end}html[lang=en] .store-sizes{justify-content:flex-start}.demo-metric strong{text-align:inherit}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.hero-image{transform:none!important}.cursor-label{display:none}}
