.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:9999;transform:translateY(-160%);background:#11141b;color:#fff;padding:.7rem 1rem;border-radius:999px;text-decoration:none;font-size:.75rem;transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}
:root{--ivory:#eee7dd;--paper:#f5f0e9;--ink:#11141b;--muted:#696964;--gold:#a77a45;--gold-soft:#d7b98c;--line:rgba(17,20,27,.16);--pad:clamp(1.25rem,4.2vw,4.5rem);--radius:1.5rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ivory)}body{margin:0;color:var(--ink);background:var(--ivory);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body.fa{font-family:Vazirmatn,Manrope,sans-serif}.page-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);transition:.35s}.topbar.scrolled{height:4.5rem;background:rgba(239,232,223,.8);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{font-size:1.35rem;letter-spacing:.16em;font-weight:500;color:var(--ink);text-decoration:none}.main-nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2.25rem)}.main-nav a{position:relative;color:#25272b;text-decoration:none;font-size:.7rem;font-weight:600;padding:.8rem 0}.main-nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:.35rem;background:var(--ink);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.top-actions{display:flex;align-items:center;gap:1.6rem}.lang{display:flex;align-items:center;gap:.55rem;border:0;background:none;font:600 .68rem Manrope;color:#8b867f;cursor:pointer}.lang i{height:.8rem;width:1px;background:#777}.lang .selected{color:var(--ink)}.talk-pill{display:flex;align-items:center;gap:1.5rem;padding:.85rem 1.35rem;border-radius:999px;background:var(--ink);color:white;text-decoration:none;font-size:.7rem;font-weight:700}.talk-pill b{font-size:1rem}.menu-toggle{display:none;background:none;border:0;width:2.5rem}.menu-toggle i{display:block;height:1px;background:var(--ink);margin:.5rem}body.nav-open{overflow:hidden}.mobile-nav{position:fixed;z-index:45;inset:4.5rem 0 auto;background:rgba(245,240,233,.97);padding:1rem var(--pad) 2rem;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;color:var(--ink);text-decoration:none;padding:1rem 0;border-bottom:1px solid var(--line);font-weight:600}
.hero{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 69% 43%,#fffaf3 0,#eee5d9 42%,#e8dfd4 100%);padding:8rem var(--pad) 3rem;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(239,232,223,.97) 0,rgba(239,232,223,.88) 24%,rgba(239,232,223,.08) 47%,transparent 73%);z-index:-1;pointer-events:none}.hero-media{position:absolute;z-index:-2;inset:0 0 0 24%}.hero-media video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.media-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(167,122,69,.05));mix-blend-mode:soft-light}.hero-copy{position:relative;z-index:4;width:min(37rem,42vw);padding-top:clamp(2rem,5vh,5rem)}.micro-label{display:flex;align-items:center;gap:.75rem;font-size:.58rem;letter-spacing:.16em;color:#6e655b;margin-bottom:1.7rem}.micro-label i{width:1.2rem;height:1px;background:var(--gold)}.hero h1{display:flex;flex-direction:column;margin:0;font-size:clamp(3.2rem,5.4vw,6.5rem);line-height:.89;letter-spacing:-.065em}.hero h1 span{font-weight:750}.hero h1 .thin{font-weight:300}.fa-line{font:400 clamp(1.05rem,1.5vw,1.4rem)/1.7 Vazirmatn;margin:1.8rem 0 .6rem;color:#494742}.hero-description{font-size:.78rem;line-height:1.7;color:#77716a;max-width:25rem;margin:0}.hero-buttons{display:flex;gap:.8rem;margin:1.8rem 0 2.1rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.7rem;min-height:2.8rem;padding:.8rem 1.3rem;border-radius:999px;text-decoration:none;font:700 .68rem Manrope;border:1px solid rgba(17,20,27,.18);cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(63,47,30,.12)}.button.dark{background:var(--ink);border-color:var(--ink);color:#fff}.button.light{color:var(--ink);background:rgba(255,255,255,.12);backdrop-filter:blur(12px)}.signature{display:flex;flex-direction:column}.signature strong{font:400 2.2rem Allura,cursive;transform:rotate(-2deg)}.signature span{font-size:.52rem;line-height:1.6;letter-spacing:.08em}.glass-panels{position:absolute;z-index:5;inset:0;pointer-events:none}.glass-card{pointer-events:auto;position:absolute;width:clamp(13rem,18vw,18rem);min-height:9rem;padding:1.2rem 1.3rem;color:white;text-decoration:none;border:1px solid rgba(255,255,255,.7);border-radius:.9rem;background:linear-gradient(135deg,rgba(255,255,255,.36),rgba(255,255,255,.12));box-shadow:inset 0 0 20px rgba(255,255,255,.18),0 25px 80px rgba(111,79,44,.12);backdrop-filter:blur(7px);overflow:hidden;transition:.3s}.glass-card:hover{transform:translateY(-5px) scale(1.015);background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.17))}.glass-card>span{font-size:1.45rem;font-weight:300}.glass-card p{font-size:.65rem;line-height:1.5;margin:.35rem 0;color:rgba(255,255,255,.9)}.glass-card>b{display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid rgba(255,255,255,.65);border-radius:50%;font-size:.65rem}.card-ai{top:16%;right:18%}.card-web{top:18%;right:1.8%}.card-3d{top:51%;right:4%}.card-seo{bottom:10%;right:15%}.mesh{position:absolute;right:1rem;top:1.1rem;width:4.5rem;height:4.5rem;border:1px solid rgba(255,255,255,.5);border-radius:50%}.mesh:before,.mesh:after{content:"";position:absolute;inset:.7rem;border:1px solid rgba(255,255,255,.42);transform:rotate(45deg)}.mesh-window{border-radius:.5rem;width:5rem}.mesh-orb:before{border-radius:50%;transform:none}.bars{position:absolute;right:1rem;top:1rem;width:5rem;height:4.4rem;display:flex;align-items:end;gap:.35rem}.bars em{width:.55rem;background:linear-gradient(#fff,rgba(255,255,255,.24));box-shadow:0 0 14px white}.bars em:nth-child(1){height:22%}.bars em:nth-child(2){height:36%}.bars em:nth-child(3){height:53%}.bars em:nth-child(4){height:72%}.bars em:nth-child(5){height:100%}.scroll-cue{position:absolute;right:1.4rem;top:72%;display:flex;align-items:center;gap:.7rem;transform:rotate(90deg);font-size:.55rem}.scroll-cue i{width:2.4rem;height:1px;background:var(--ink)}.hero-pages{position:absolute;right:4.5rem;bottom:1.9rem;display:flex;align-items:center;gap:1rem;font-size:.58rem;color:#a59d93}.hero-pages b{color:var(--ink)}.hero-pages span{width:1.2rem;height:1px;background:var(--ink)}
.strip{padding:1.8rem var(--pad);border-block:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:2rem}.strip p{font-size:.72rem;color:#605a53;margin:0}.strip div{display:flex;gap:1.3rem;align-items:center;font-size:.55rem;letter-spacing:.11em;color:#756d63}.strip i{color:var(--gold);font-style:normal}.section{padding:clamp(6rem,10vw,10rem) var(--pad)}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:end;margin-bottom:3.5rem}.eyebrow{font-size:.62rem;letter-spacing:.16em;color:#80766c}.section-head h2,.about h2,.contact h2{font-size:clamp(2.6rem,5.7vw,6.2rem);line-height:.96;letter-spacing:-.06em;margin:.8rem 0 0;font-weight:500}.section-head p{color:#6f6860;line-height:1.85;font-size:.88rem;max-width:32rem;margin:0}.projects{background:var(--paper)}.feature-project{display:grid;grid-template-columns:1.2fr .8fr;background:#e7ddd0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:35rem}.project-image{overflow:hidden;position:relative;min-height:22rem;background:#ddd2c5}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.feature-project:hover img,.project-card:hover img{transform:scale(1.035)}.project-info{padding:clamp(1.5rem,3vw,3.5rem);display:flex;flex-direction:column;justify-content:center}.project-info>span{font-size:.56rem;letter-spacing:.14em;color:#8a765d}.project-info h3{font-size:clamp(1.8rem,3.6vw,3.8rem);line-height:1.02;letter-spacing:-.05em;margin:1rem 0}.project-info p{font-size:.83rem;color:#6d665f;line-height:1.8;margin:0}.project-info ul{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:2rem 0 0;list-style:none}.project-info li{font-size:.56rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:999px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.project-card{background:#ebe2d7;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.project-card .project-info{min-height:15rem}.project-card .project-info h3{font-size:2.3rem}
.services{background:
radial-gradient(circle at 50% -20%,rgba(194,145,83,.16),transparent 34%),
linear-gradient(180deg,#191817 0%,#111214 72%,#151515 100%);color:#f4efe8;overflow:hidden}.services .eyebrow,.services .section-head p{color:#aaa29a}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.015);box-shadow:0 28px 80px rgba(0,0,0,.18)}.service-card{min-height:34rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));position:relative;overflow:hidden;isolation:isolate;transition:background .35s,transform .35s}.service-card:last-child{border-right:0}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--sx,50%) var(--sy,34%),rgba(225,183,119,.15),transparent 34%);opacity:0;transition:opacity .35s;z-index:-1}.service-card:hover:before,.service-card.is-active:before{opacity:1}.service-card:hover{background:linear-gradient(180deg,rgba(215,185,140,.075),rgba(255,255,255,.012))}.service-index{font-size:.55rem;letter-spacing:.12em;color:#777;padding:.35rem .45rem 0}.service-visual{position:relative;margin:0;width:100%;aspect-ratio:4/3;border-radius:1.05rem;overflow:hidden;background:#0e0f10;border:1px solid rgba(223,185,127,.16);box-shadow:0 18px 45px rgba(0,0,0,.22);transform:translateZ(0)}.service-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 28%,transparent 70%,rgba(214,171,107,.08));pointer-events:none}.service-visual img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.015) translate3d(var(--vx,0),var(--vy,0),0);transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .45s;filter:saturate(.9) contrast(1.02)}.service-card:hover .service-visual img{transform:scale(1.075) translate3d(var(--vx,0),var(--vy,0),0);filter:saturate(1.08) contrast(1.04)}.service-badge{position:absolute;left:1rem;bottom:1rem;display:grid;place-items:center;min-width:3.7rem;height:3.7rem;padding:0 .65rem;border:1px solid rgba(241,210,163,.52);border-radius:999px;background:rgba(14,14,15,.54);backdrop-filter:blur(12px);font-style:normal;font-weight:400;font-size:.78rem;letter-spacing:.08em;color:#f0cf9a;box-shadow:inset 0 0 22px rgba(211,170,108,.08)}.service-copy{padding:.35rem .45rem .7rem;margin-top:auto}.service-card h3{font-size:clamp(1.12rem,1.45vw,1.42rem);line-height:1.25;margin:.2rem 0 .8rem;letter-spacing:-.025em}.service-card p{font-size:.74rem;line-height:1.75;color:#aaa49e;margin:0;max-width:23rem}.service-card:nth-child(2) .service-visual{transform:translateY(.35rem)}.service-card:nth-child(3) .service-visual{transform:translateY(-.2rem)}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:6rem;background:var(--ivory);align-items:center}.about-mark{font-size:clamp(9rem,22vw,25rem);font-weight:300;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(167,122,69,.45);letter-spacing:-.12em}.about-mark span{color:var(--gold);-webkit-text-stroke:0}.about h2{font-size:clamp(3rem,6vw,7rem);margin:1rem 0 2.5rem}.about-content>p{max-width:45rem;color:#68615a;line-height:1.9}.values{display:flex;gap:2rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}.values span{font-size:.7rem}.contact{text-align:center;background:#e1d5c6;padding-bottom:2rem}.contact h2{margin:1.5rem auto}.contact>p{max-width:38rem;margin:0 auto;color:#665e55;line-height:1.8}.contact-actions{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2.5rem 0 7rem}.button.large{padding:1rem 1.6rem}.contact-actions>a{color:var(--ink);text-decoration:none;font-size:.7rem;border-bottom:1px solid var(--ink);padding-bottom:.3rem}.contact footer{display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.62rem;color:#71695f}.contact footer a{color:inherit;text-decoration:none}
dialog{width:min(42rem,calc(100% - 2rem));border:1px solid var(--line);border-radius:1.5rem;background:var(--paper);color:var(--ink);padding:clamp(1.5rem,4vw,3rem);box-shadow:0 30px 100px rgba(52,39,25,.2)}dialog::backdrop{background:rgba(35,28,21,.45);backdrop-filter:blur(8px)}dialog h2{font-size:2.4rem;letter-spacing:-.04em}dialog p{color:var(--muted)}.dialog-close{position:absolute;top:1rem;right:1rem;border:1px solid var(--line);background:none;border-radius:50%;width:2.3rem;height:2.3rem;font-size:1.2rem}.brief-types{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:2rem 0}.brief-types button{padding:1rem;text-align:left;background:#ece3d8;border:1px solid var(--line);border-radius:.8rem;cursor:pointer}.brief-types button:hover{border-color:var(--gold)}.brief-result textarea{width:100%;min-height:9rem;resize:vertical;border:1px solid var(--line);border-radius:.8rem;background:#faf6f0;padding:1rem;font:400 .8rem/1.7 Manrope;margin-bottom:1rem}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.main-nav{display:none}.menu-toggle{display:block}.hero-copy{width:min(30rem,48vw)}.glass-card{width:13rem}.card-ai{right:17%}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}.about{gap:2rem}}
@media(max-width:760px){.topbar{height:4.5rem}.logo{font-size:1rem}.talk-pill{display:none}.hero{min-height:auto;padding-top:6.5rem;padding-bottom:5rem;display:flex;flex-direction:column}.hero:after{background:linear-gradient(180deg,rgba(239,232,223,.98) 0,rgba(239,232,223,.78) 38%,rgba(239,232,223,.1) 70%)}.hero-media{position:relative;inset:auto;width:calc(100% + 2 * var(--pad));height:36rem;margin:-6rem calc(-1 * var(--pad)) -2rem;order:2}.hero-media video{object-fit:cover;object-position:58% center}.hero-copy{width:100%;padding:0;order:1}.hero h1{font-size:clamp(3rem,14.5vw,5rem)}.hero-description{max-width:21rem}.signature{display:none}.glass-panels{position:relative;order:3;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;inset:auto}.glass-card{position:relative!important;inset:auto!important;width:auto;min-height:8rem;background:rgba(255,255,255,.27);color:var(--ink)}.glass-card p{color:#555}.glass-card>span{font-size:1rem}.glass-card .mesh,.glass-card .bars{opacity:.35}.scroll-cue,.hero-pages{display:none}.strip{display:block;overflow:hidden}.strip p{margin-bottom:1rem}.strip div{width:max-content}.section-head{grid-template-columns:1fr;gap:1.5rem}.feature-project{grid-template-columns:1fr}.project-pair{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{min-height:19rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)!important}.about{grid-template-columns:1fr}.about-mark{font-size:11rem}.values{flex-direction:column;gap:.8rem}.contact-actions{flex-direction:column;margin-bottom:5rem}.brief-types{grid-template-columns:1fr}.contact footer{flex-direction:column;align-items:center;gap:1rem}.fa-line{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.hero-media{will-change:transform}.glass-card{will-change:transform;transform:translate3d(var(--mx,0),var(--my,0),0)}.glass-panels.reveal .glass-card{opacity:0;filter:blur(8px)}.glass-panels.reveal.visible .glass-card{opacity:1;filter:none;transition:opacity .65s cubic-bezier(.2,.75,.25,1),filter .65s cubic-bezier(.2,.75,.25,1),transform .25s cubic-bezier(.2,.75,.25,1),background .3s}.glass-panels.reveal.visible .glass-card:nth-child(2){transition-delay:.08s}.glass-panels.reveal.visible .glass-card:nth-child(3){transition-delay:.16s}.glass-panels.reveal.visible .glass-card:nth-child(4){transition-delay:.24s}.button b,.glass-card>b{transition:transform .25s}.button:hover b,.glass-card:hover>b{transform:translate(3px,-1px)}.project-image:after{content:"";position:absolute;inset:0;background:var(--gold-soft);transform-origin:right;transform:scaleX(1);transition:transform .95s cubic-bezier(.2,.75,.25,1)}.visible .project-image:after{transform:scaleX(0)}.reveal{transition-timing-function:cubic-bezier(.2,.75,.25,1)}
@media(max-width:760px){.hero-media,.glass-card{will-change:auto}.glass-card{transform:none!important}.glass-panels.reveal .glass-card{filter:none}}
@media(prefers-reduced-motion:reduce){.hero-media,.glass-card{will-change:auto}.glass-panels.reveal .glass-card{opacity:1;filter:none}.project-image:after{display:none}}
@media(min-width:761px){.glass-card{width:clamp(12.5rem,15.5vw,15rem);min-height:8.25rem;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.09));backdrop-filter:blur(5px)}.card-ai{top:13%;right:1.8%}.card-web{top:32%;right:1.8%}.card-3d{top:51%;right:1.8%}.card-seo{top:70%;right:1.8%;bottom:auto}}
.hero-media{inset:0}.hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(min-width:761px){.glass-panels{display:none}}
@media(max-width:760px){.hero-media{inset:auto}.hero-media img{object-fit:cover;object-position:center}}

.portfolio-curation{min-height:22rem;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.5rem,4vw,4rem);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1.5rem,4vw,5rem);overflow:hidden;background:linear-gradient(120deg,#e9dfd2 0%,#f4ede5 52%,#e5d7c7 100%);position:relative}
.portfolio-curation:before{content:"";position:absolute;inset:-40% auto auto 48%;width:24rem;height:24rem;border:1px solid rgba(167,133,91,.24);border-radius:50%;box-shadow:0 0 0 4rem rgba(255,255,255,.08),0 0 0 8rem rgba(255,255,255,.05)}
.portfolio-curation>div{position:relative;max-width:46rem}
.portfolio-curation h3{font-size:clamp(2rem,4.8vw,5.2rem);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:0 0 1rem}
.portfolio-curation p{max-width:38rem;color:#70675f;line-height:1.8;margin:0;font-size:.9rem}
.curation-index{align-self:start;font-size:.58rem;letter-spacing:.14em;color:#8b7963}
.curation-mark{font-size:clamp(5rem,12vw,11rem);font-weight:300;letter-spacing:-.12em;color:rgba(17,20,27,.1);position:relative}
@media(max-width:760px){.portfolio-curation{min-height:25rem;grid-template-columns:1fr;align-content:space-between}.curation-mark{position:absolute;right:1.5rem;bottom:.25rem}.portfolio-curation>div{z-index:1}.portfolio-curation p{max-width:18rem}}

/* ROZNEX motion system */
body{--scroll-progress:0;--hero-progress:0}
.scroll-progress{position:fixed;z-index:120;top:0;left:0;right:0;height:2px;pointer-events:none}
.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8f673d,#e5c99d,#8f673d);transform:scaleX(var(--scroll-progress));transform-origin:left center;box-shadow:0 0 14px rgba(167,122,69,.5)}
body.fa .scroll-progress i{transform-origin:right center}
.hero-copy,.hero-copy.reveal.visible{transform:translate3d(0,calc(var(--hero-progress) * -22px),0);opacity:calc(1 - var(--hero-progress) * .35);will-change:transform,opacity}
.reveal{opacity:0;transform:translate3d(0,38px,0) scale(.985);filter:blur(9px);transition:opacity .9s cubic-bezier(.2,.75,.25,1),transform .9s cubic-bezier(.2,.75,.25,1),filter .9s cubic-bezier(.2,.75,.25,1)}
.reveal.visible{opacity:1;transform:none;filter:none}
.section-head.reveal h2{clip-path:inset(0 0 100% 0);transform:translateY(18px);transition:clip-path 1s cubic-bezier(.2,.75,.25,1),transform 1s cubic-bezier(.2,.75,.25,1)}
.section-head.reveal.visible h2{clip-path:inset(0);transform:none}
.service-card.reveal:nth-child(2){transition-delay:.08s}.service-card.reveal:nth-child(3){transition-delay:.16s}.service-card.reveal:nth-child(4){transition-delay:.24s}
.service-card:hover{transform:translateY(-8px)}
.portfolio-curation:before{transform:translate3d(calc(var(--hero-progress) * 20px),calc(var(--hero-progress) * -12px),0);transition:transform .15s linear}

/* Persian composition: copy stays in the calm left zone, typography remains RTL. */
body.fa .hero{direction:ltr}
body.fa .hero:after{background:linear-gradient(90deg,rgba(239,232,223,.995) 0,rgba(239,232,223,.95) 30%,rgba(239,232,223,.2) 53%,transparent 73%)}
body.fa .hero-copy{direction:rtl;text-align:right;width:min(30rem,36vw);padding:clamp(2rem,4vh,4rem) clamp(.5rem,1vw,1rem) 1.5rem 0}
body.fa .hero-copy:before{content:"";position:absolute;z-index:-1;inset:1rem -2rem 0 -2rem;border-radius:2rem;background:linear-gradient(110deg,rgba(246,240,232,.72),rgba(246,240,232,.18));backdrop-filter:blur(2px);mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.88) 68%,transparent 100%)}
body.fa .micro-label,body.fa .hero-buttons{justify-content:flex-start}
body.fa .hero h1{align-items:flex-start;font-size:clamp(3rem,5vw,6rem);line-height:1.02;letter-spacing:-.045em}
body.fa .hero-description{margin-right:0;margin-left:auto;font-size:.9rem;line-height:1.9}
body.fa .fa-line{font-size:clamp(1.15rem,1.55vw,1.5rem);line-height:1.9}
body.fa .signature{align-items:flex-start;text-align:left;direction:ltr}
body.language-switching .hero-copy.reveal.visible{opacity:.25;transform:translate3d(-12px,calc(var(--hero-progress) * -22px),0)}

@media(max-width:760px){body.fa .hero:after{background:linear-gradient(180deg,rgba(239,232,223,.995) 0,rgba(239,232,223,.94) 40%,rgba(239,232,223,.12) 74%)}body.fa .hero-copy{width:100%;padding:0;direction:rtl;text-align:right}body.fa .hero-copy:before{inset:-1rem calc(-1 * var(--pad)) -1.25rem;background:linear-gradient(180deg,rgba(246,240,232,.88),rgba(246,240,232,.42));mask-image:none;border-radius:0}body.fa .hero h1{font-size:clamp(2.8rem,12.5vw,4.4rem)}.hero-copy{transform:none;opacity:1}.service-card.reveal{transition-delay:0s!important}}
@media(prefers-reduced-motion:reduce){.hero-copy{will-change:auto;transform:none!important;opacity:1!important}.scroll-progress{display:none}.section-head.reveal h2{clip-path:none;transform:none}}

/* Completion pass: process, conversion paths, and responsive polish */
.process{background:#f4eee6;overflow:hidden}.process-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:2.4rem}.process-track:before{content:"";position:absolute;top:3.05rem;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft) 8%,var(--gold-soft) 92%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.75,.25,1)}.process:has(.process-step.visible) .process-track:before{transform:scaleX(1)}.process-step{position:relative;padding:0 clamp(1rem,2.5vw,2.4rem) 1rem;border-left:1px solid var(--line);min-height:18rem}.process-step:first-child{border-left:0}.process-step>span{display:block;font-size:.58rem;letter-spacing:.14em;color:#8b7963;margin-bottom:1.65rem}.process-dot{position:relative;z-index:1;width:.7rem;height:.7rem;border:2px solid #f4eee6;border-radius:50%;background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 0 .45rem rgba(167,122,69,.08);margin:0 0 3rem}.process-step h3{font-size:clamp(1.55rem,2.7vw,2.5rem);font-weight:500;letter-spacing:-.04em;margin:0 0 1rem}.process-step p{font-size:.78rem;line-height:1.8;color:#716960;max-width:18rem;margin:0}.process-step:nth-child(2){transition-delay:.08s}.process-step:nth-child(3){transition-delay:.16s}.process-step:nth-child(4){transition-delay:.24s}.process-step:hover .process-dot{transform:scale(1.3);box-shadow:0 0 0 1px var(--gold),0 0 0 .8rem rgba(167,122,69,.1)}.process-dot{transition:.3s}
.contact-actions .quote-cta{border-bottom:1px solid rgba(17,20,27,.18);padding:1rem 1.6rem}.contact-actions .text-link{border-bottom:1px solid var(--ink);padding-bottom:.3rem}.contact footer nav{display:flex;gap:1.5rem}.contact footer nav a{color:inherit;text-decoration:none}.main-nav a[href="./quote/"]:after{background:var(--gold)}
body.fa .section-head,body.fa .about-content,body.fa .process-step{text-align:right}body.fa .process-track:before{transform-origin:right}body.fa .process-step{border-left:0;border-right:1px solid var(--line)}body.fa .process-step:first-child{border-right:0}body.fa .contact-actions{direction:rtl}
@media(max-width:760px){.process-track{grid-template-columns:1fr;padding:0 0 0 1.4rem}.process-track:before{top:.7rem;bottom:.7rem;left:.32rem;right:auto;width:1px;height:auto;transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,transparent,var(--gold-soft) 8%,var(--gold-soft) 92%,transparent)}.process:has(.process-step.visible) .process-track:before{transform:scaleY(1)}.process-step{min-height:auto;border-left:0;padding:0 0 3.5rem 2rem}.process-step>span{margin-bottom:.6rem}.process-dot{position:absolute;left:-1.4rem;top:.45rem;margin:0}.process-step h3{margin-bottom:.65rem}.process-step:nth-child(n){transition-delay:0s}.contact-actions{gap:1rem}.contact footer nav{flex-direction:column;gap:.8rem}body.fa .process-track{padding:0 1.4rem 0 0}body.fa .process-track:before{right:.32rem;left:auto}body.fa .process-step{border-right:0;padding:0 2rem 3.5rem 0}body.fa .process-dot{right:-1.4rem;left:auto}}
@media(max-width:380px){.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .button{width:100%}.top-actions{gap:.5rem}.lang{gap:.35rem}}

/* Service visual motion — ROZNEX */
@media(max-width:1100px){.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:31rem}.service-card:nth-child(2){border-right:0}.service-card:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:1rem;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.service-card:last-child{border-bottom:0!important}.service-card:nth-child(2) .service-visual,.service-card:nth-child(3) .service-visual{transform:none}.service-visual{aspect-ratio:16/10}.service-copy{padding:.4rem .35rem 1rem}.service-card h3{font-size:1.35rem}.service-card p{font-size:.78rem}.service-badge{width:auto;min-width:3.4rem;height:3.4rem}}
@media(prefers-reduced-motion:reduce){.service-visual img,.service-card{transform:none!important;transition:none!important}}
body.fa .service-copy{text-align:right}body.fa .service-badge{left:auto;right:1rem}


/* Visual portfolio showcase — ROZNEX */
.project-showcase{display:grid;gap:1rem}
.project-feature,.project-tile{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#e9dfd3;transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s}
.project-feature:hover,.project-tile:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(65,50,34,.12)}
.project-media{position:relative;display:block;overflow:hidden;background:#171717;color:#fff;text-decoration:none;isolation:isolate}
.project-feature .project-media{height:clamp(26rem,56vw,48rem)}
.project-tile .project-media{height:clamp(20rem,34vw,31rem)}
.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(10,10,11,.54) 100%);z-index:1;pointer-events:none}
.project-media:before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:inherit;pointer-events:none}
.project-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .9s cubic-bezier(.2,.75,.25,1),filter .5s}
.project-roznex img{object-position:center}
.project-industrial img,.project-seo img{object-fit:cover;transform:scale(1.02)}
.project-feature:hover .project-media img,.project-tile:hover .project-media img{transform:scale(1.045)}
.project-status{position:absolute;z-index:3;left:1.25rem;top:1.25rem;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(17,18,19,.38);backdrop-filter:blur(14px);font-size:.54rem;letter-spacing:.12em;color:#f6eee4}
.project-open{position:absolute;z-index:3;right:1.25rem;top:1.25rem;width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:50%;background:rgba(246,239,229,.92);color:#11141b;font-size:1rem;transition:transform .35s}
.project-feature:hover .project-open,.project-tile:hover .project-open{transform:rotate(45deg)}
.project-meta{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,4vw,5rem);align-items:end;padding:clamp(1.35rem,3vw,3rem)}
.project-meta.compact{grid-template-columns:1fr;gap:1.1rem;align-items:start}
.project-kicker{display:block;font-size:.54rem;letter-spacing:.13em;color:#8b7963;margin-bottom:.8rem}
.project-meta h3{font-size:clamp(2rem,4vw,4.5rem);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:0}
.project-meta.compact h3{font-size:clamp(1.65rem,2.7vw,2.8rem)}
.project-meta p{max-width:42rem;color:#6c645d;font-size:.8rem;line-height:1.85;margin:0}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.project-tile:nth-child(1){background:#e5d9ca}.project-tile:nth-child(2){background:#ece4da}
body.fa .project-meta{text-align:right;direction:rtl}
body.fa .project-status{left:auto;right:1.25rem}
body.fa .project-open{right:auto;left:1.25rem}
@media(max-width:760px){
  .project-grid{grid-template-columns:1fr}
  .project-feature .project-media,.project-tile .project-media{height:24rem}
  .project-meta{grid-template-columns:1fr;gap:1rem}
  .project-meta h3{font-size:2.15rem}
  .project-feature:hover,.project-tile:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.project-feature,.project-tile,.project-media img,.project-open{transition:none!important;transform:none!important}}


/* ROZNEX visual completion pass — projects / about / contact */
.project-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-card-dark{background:#17191b;color:#f3ece2}
.project-card-dark .project-meta p{color:#bfb6ac}
.project-card-dark .project-kicker{color:#bb9567}
.project-media-caption{position:absolute;z-index:3;left:1.25rem;right:1.25rem;bottom:1.15rem;display:flex;justify-content:space-between;align-items:end;gap:1rem;color:#f8f1e8}
.project-media-caption span{font-size:.58rem;letter-spacing:.14em}
.project-media-caption strong{font-size:.62rem;letter-spacing:.12em;font-weight:500}
.project-industrial-photo img{object-position:center 58%}
.project-tile-seo .project-media img{object-fit:cover;background:linear-gradient(145deg,#0d1114,#2a2622);padding:clamp(1.5rem,3vw,3rem)}
.project-tile-roznex .project-media img{object-position:55% center}
.project-tile .project-media{min-height:22rem}
.project-media{cursor:pointer}
.project-media img{filter:saturate(.92) contrast(1.02)}
.project-feature:hover .project-media img,.project-tile:hover .project-media img{filter:saturate(1.04) contrast(1.04)}
.project-feature,.project-tile{box-shadow:0 1px 0 rgba(255,255,255,.32) inset}
.project-tile:nth-child(3),.project-tile:nth-child(4){margin-top:.15rem}

.about{grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,7rem);background:linear-gradient(135deg,#eee6dc 0%,#f5efe7 52%,#e7d9c9 100%)}
.about-visual{position:relative;min-height:clamp(34rem,55vw,52rem);border-radius:var(--radius);overflow:hidden;background:#111;border:1px solid rgba(17,20,27,.1);box-shadow:0 35px 100px rgba(58,43,29,.14)}
.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,11,12,.72) 100%)}
.about-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transform:scale(1.025);transition:transform 1.2s cubic-bezier(.2,.75,.25,1),filter .8s}
.about-visual:hover img{transform:scale(1.055);filter:saturate(1.05)}
.about-visual-overlay{position:absolute;z-index:2;left:1.5rem;right:1.5rem;bottom:1.5rem;color:#f6eee4;display:flex;justify-content:space-between;gap:1.5rem;align-items:end;border-top:1px solid rgba(255,255,255,.25);padding-top:1rem}
.about-visual-overlay span{font-size:.55rem;letter-spacing:.14em}
.about-visual-overlay strong{font-size:clamp(1rem,2vw,1.55rem);font-weight:500;text-align:right;max-width:18rem}
.about-content{padding-block:2rem}
.about h2{font-size:clamp(3.2rem,6vw,6.8rem);line-height:.94}
.values span{padding:.65rem .85rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.34)}
body.fa .about-visual-overlay{direction:rtl}
body.fa .about-visual-overlay strong{text-align:left}

.contact{position:relative;overflow:hidden;text-align:left;background:#191817;color:#f4ede4;padding-bottom:2rem}
.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(177,132,80,.18),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.025),transparent 55%);pointer-events:none}
.contact-shell{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2rem,6vw,7rem);align-items:center;min-height:42rem}
.contact-copy{max-width:42rem}
.contact .eyebrow{color:#c9a374}
.contact h2{margin:1.5rem 0;font-size:clamp(3.5rem,7vw,7.5rem);line-height:.92}
.contact>p,.contact-copy>p{max-width:36rem;margin:0;color:#c9c0b6;line-height:1.9}
.contact-actions{justify-content:flex-start;margin:2.5rem 0 0}
.contact-actions .button.dark{background:#f0e7dc;color:#171717}
.contact-actions .button.light{color:#f3ece4;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.04)}
.contact-actions>a{border-bottom:0}
.contact-visual{position:relative;height:clamp(31rem,48vw,46rem);perspective:1200px}
.contact-card{position:absolute;width:58%;aspect-ratio:1.28/1;border-radius:1.4rem;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 80px rgba(0,0,0,.36);background:#292724}
.contact-card img{width:100%;height:100%;object-fit:cover;display:block}
.contact-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.42))}
.contact-card-a{left:5%;top:6%;transform:rotate(-6deg) translateZ(20px)}
.contact-card-b{right:2%;top:28%;transform:rotate(5deg) translateZ(60px)}
.contact-card-c{left:18%;bottom:2%;transform:rotate(-1deg) translateZ(100px)}
.contact-orbit{position:absolute;width:18rem;height:18rem;border:1px solid rgba(206,158,99,.34);border-radius:50%;right:10%;top:12%;box-shadow:0 0 0 4rem rgba(206,158,99,.035),0 0 0 8rem rgba(206,158,99,.02)}
.contact-core{position:absolute;right:20%;top:28%;z-index:5;width:4.5rem;height:4.5rem;display:grid;place-items:center;border-radius:50%;background:#e9dfd3;color:#151515;font-size:1.4rem;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.contact footer{position:relative;z-index:2;color:#aaa096;border-color:rgba(255,255,255,.14)}
.contact footer nav{display:flex;gap:1.5rem}
body.fa .contact{text-align:right}
body.fa .contact-shell{direction:rtl}
body.fa .contact-actions{justify-content:flex-start}

@media(max-width:980px){
  .about,.contact-shell{grid-template-columns:1fr}
  .about-visual{min-height:34rem}
  .contact-shell{min-height:auto}
  .contact-visual{height:34rem}
}
@media(max-width:760px){
  .project-grid-rich{grid-template-columns:1fr}
  .project-tile .project-media{min-height:0}
  .project-media-caption{flex-direction:column;align-items:flex-start}
  .about{gap:2rem}
  .about-visual{min-height:30rem}
  .about-visual-overlay{flex-direction:column;align-items:flex-start}
  .about-visual-overlay strong{text-align:left}
  .contact{padding-top:5.5rem}
  .contact h2{font-size:clamp(3rem,13vw,5.5rem)}
  .contact-actions{align-items:stretch}
  .contact-visual{height:27rem;margin-top:1rem}
  .contact-card{width:64%;border-radius:1rem}
  .contact-card-a{left:0;top:3%}
  .contact-card-b{right:0;top:28%}
  .contact-card-c{left:12%;bottom:0}
  .contact-orbit{width:12rem;height:12rem;right:4%;top:14%}
  .contact-core{right:17%;top:28%;width:3.7rem;height:3.7rem}
  .contact footer nav{flex-wrap:wrap;justify-content:center}
  body.fa .about-visual-overlay strong{text-align:right}
}

/* Private control entry */
.contact footer .control-link{display:inline-flex;align-items:center;gap:.35rem;opacity:.42;transition:opacity .2s ease,color .2s ease}
.contact footer .control-link:hover,.contact footer .control-link:focus-visible{opacity:1;color:var(--ink)}
.contact footer .control-link>span:first-child{font-size:.78rem;line-height:1}
@media(max-width:760px){.contact footer .control-link{opacity:.58}}

/* Projects published from the owner dashboard */
.dashboard-project-grid{margin-bottom:1rem}
.dashboard-project-grid[hidden]{display:none!important}
.dashboard-project-tile{outline:1px solid rgba(167,122,69,.14);outline-offset:-1px}
.dashboard-project-client{display:inline-flex;margin-top:.9rem;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#8b7963}
body.fa .dashboard-project-client{text-transform:none;letter-spacing:0}

/* Hero cursor reveal — preserves the existing ROZNEX palette and robot artwork. */
.hero-cursor-reveal{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:0;
  -webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);
  mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:110px 140px;
  mask-size:110px 140px;
  -webkit-mask-position:-200px -200px;
  mask-position:-200px -200px;
  transition:opacity .4s ease-out;
  will-change:opacity,-webkit-mask-position,mask-position;
}
.hero-cursor-reveal img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transform:translateZ(0);
  filter:sepia(.28) saturate(1.08) brightness(1.03) contrast(1.02);
  mix-blend-mode:soft-light;
}
.hero-media>.media-wash{z-index:2;pointer-events:none}
@media (hover:none),(pointer:coarse),(max-width:760px){
  .hero-cursor-reveal{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-cursor-reveal{display:none}
}


/* Robot face interaction — visible only while the pointer is over the face. */
.hero{--face-x:68%;--face-y:39%;--face-glow:0}
.hero-media:before{
  content:"";
  position:absolute;
  z-index:3;
  left:var(--face-x);
  top:var(--face-y);
  width:clamp(150px,16vw,250px);
  aspect-ratio:.82;
  transform:translate(-50%,-50%) scale(calc(.94 + var(--face-glow) * .06));
  border-radius:48% 48% 44% 44%;
  pointer-events:none;
  opacity:var(--face-glow);
  background:
    radial-gradient(circle at 39% 43%,rgba(255,236,193,.72) 0 3px,rgba(210,155,82,.32) 5px,transparent 14px),
    radial-gradient(circle at 61% 43%,rgba(255,236,193,.72) 0 3px,rgba(210,155,82,.32) 5px,transparent 14px),
    radial-gradient(ellipse at center,rgba(213,166,103,.18) 0 34%,rgba(255,244,222,.09) 52%,transparent 72%);
  box-shadow:0 0 38px rgba(196,143,78,.24),inset 0 0 34px rgba(255,240,207,.12);
  mix-blend-mode:screen;
  transition:opacity .24s ease,transform .35s cubic-bezier(.2,.75,.25,1);
}
.hero.face-active .hero-media>img{
  filter:saturate(1.06) contrast(1.035) brightness(1.015);
}
.hero.face-active .hero-media:before{--face-glow:1}
@media (hover:none),(pointer:coarse),(max-width:760px),(prefers-reduced-motion:reduce){
  .hero-media:before{display:none}
}


/* Responsive 2026 pass — mobile-first polish without changing ROZNEX desktop identity */
@media (min-width:761px) and (max-width:1100px){
  .hero-copy{width:min(31rem,46vw)}
  .hero h1{font-size:clamp(2.8rem,5vw,4.4rem);line-height:.91}
  .section{padding-inline:clamp(1.5rem,4vw,3rem)}
  .project-meta{gap:2rem}
}

@media (max-width:760px){
  :root{--pad:clamp(1rem,4.8vw,1.35rem);--radius:1.1rem}
  html{scroll-padding-top:5rem}
  body{overflow-x:hidden}

  .topbar{
    height:4.5rem;
    padding-left:max(var(--pad),env(safe-area-inset-left));
    padding-right:max(var(--pad),env(safe-area-inset-right));
    background:rgba(239,232,223,.86);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(17,20,27,.08)
  }
  .topbar.scrolled{height:4.5rem;background:rgba(239,232,223,.94)}
  .top-actions{gap:.55rem}
  .lang{font-size:.62rem;gap:.38rem;padding:.5rem .2rem}
  .menu-toggle{display:block;width:2.75rem;height:2.75rem;padding:.45rem;border-radius:999px}
  .menu-toggle i{margin:.42rem .2rem}
  .mobile-nav{
    inset:5rem .75rem auto;
    padding:.5rem 1rem .75rem;
    border:1px solid rgba(17,20,27,.1);
    border-radius:1rem;
    background:rgba(248,243,236,.97);
    box-shadow:0 24px 70px rgba(45,34,23,.16);
    max-height:calc(100dvh - 6rem);
    overflow:auto
  }
  .mobile-nav a{padding:.95rem .1rem;font-size:.86rem}

  .hero{
    min-height:auto;
    padding:5.75rem var(--pad) 2.4rem;
    display:flex;
    flex-direction:column;
    gap:0
  }
  .hero:after{
    background:linear-gradient(180deg,rgba(239,232,223,.995) 0,rgba(239,232,223,.98) 38%,rgba(239,232,223,.58) 52%,rgba(239,232,223,.08) 72%,transparent 100%)
  }
  .hero-copy,
  body.fa .hero-copy{
    width:100%;
    max-width:none;
    order:1;
    padding:1rem 0 0!important;
    transform:none!important;
    opacity:1!important
  }
  body.fa .hero-copy:before{display:none}
  .micro-label{margin-bottom:1rem;font-size:.52rem;letter-spacing:.13em}
  .hero h1,
  body.fa .hero h1{
    font-size:clamp(2rem,10.2vw,3.15rem);
    line-height:.93;
    letter-spacing:-.055em;
    max-width:100%
  }
  .hero h1 span{white-space:nowrap}
  .fa-line,
  body.fa .fa-line{font-size:.92rem;line-height:1.7;margin:1.2rem 0 .4rem}
  .hero-description,
  body.fa .hero-description{max-width:100%;font-size:.76rem;line-height:1.75;margin:0}
  .hero-buttons{display:grid;grid-template-columns:1fr;gap:.55rem;margin:1.25rem 0 0}
  .hero-buttons .button{width:100%;min-height:3.05rem;padding:.85rem 1rem;justify-content:space-between}
  .signature{display:none}

  .hero-media{
    position:relative;
    inset:auto;
    order:2;
    width:calc(100% + 2 * var(--pad));
    height:clamp(23rem,104vw,29rem);
    margin:1.5rem calc(-1 * var(--pad)) 0;
    overflow:hidden
  }
  .hero-media img{object-fit:cover;object-position:63% center}
  .hero-cursor-reveal{display:none!important}
  .media-wash{background:linear-gradient(180deg,rgba(239,232,223,.08),rgba(167,122,69,.04))}
  .hero-media:before{display:none!important}

  .glass-panels{
    position:relative;
    inset:auto;
    order:3;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.55rem;
    margin-top:.8rem
  }
  .glass-card{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    min-height:6.3rem;
    padding:.85rem;
    border-radius:.85rem;
    color:var(--ink);
    background:rgba(250,246,240,.68);
    border:1px solid rgba(17,20,27,.1);
    backdrop-filter:blur(8px);
    box-shadow:none;
    transform:none!important
  }
  .glass-card>span{font-size:.92rem}
  .glass-card p{font-size:.56rem;line-height:1.4;color:#625d56;margin:.3rem 0}
  .glass-card>b{width:1.35rem;height:1.35rem;font-size:.58rem}
  .glass-card .mesh,.glass-card .bars{display:none}
  .scroll-cue,.hero-pages{display:none}

  .strip{padding:1.3rem var(--pad);display:block}
  .strip p{font-size:.7rem;line-height:1.65;margin:0 0 .8rem}
  .strip div{width:auto;display:flex;flex-wrap:wrap;gap:.45rem .75rem;font-size:.49rem;line-height:1.5}
  .strip i{opacity:.5}

  .section{padding:4.75rem var(--pad)}
  .section-head{grid-template-columns:1fr;gap:.9rem;margin-bottom:2rem}
  .section-head h2,.about h2,.contact h2{
    font-size:clamp(2.25rem,10.8vw,3.65rem);
    line-height:.98;
    letter-spacing:-.052em
  }
  .section-head p{font-size:.8rem;line-height:1.78;max-width:none}

  .project-showcase{gap:.8rem}
  .project-grid,.project-grid-rich{grid-template-columns:1fr;gap:.8rem}
  .project-feature,.project-tile{border-radius:1rem}
  .project-feature .project-media,
  .project-tile .project-media{
    height:auto;
    min-height:0;
    aspect-ratio:4/3
  }
  .project-industrial-photo img{object-position:center 58%}
  .project-tile-roznex .project-media img{object-position:58% center}
  .project-status{
    left:.8rem;top:.8rem;
    max-width:calc(100% - 4.5rem);
    padding:.45rem .58rem;
    font-size:.47rem;
    line-height:1.35;
    letter-spacing:.08em
  }
  body.fa .project-status{left:auto;right:.8rem}
  .project-open{right:.8rem;top:.8rem;width:2.3rem;height:2.3rem}
  body.fa .project-open{right:auto;left:.8rem}
  .project-media-caption{
    left:.85rem;right:.85rem;bottom:.8rem;
    flex-direction:column;
    align-items:flex-start;
    gap:.3rem
  }
  .project-media-caption span,.project-media-caption strong{font-size:.49rem}
  .project-meta,.project-meta.compact{grid-template-columns:1fr;gap:.7rem;padding:1rem}
  .project-meta h3,.project-meta.compact h3{font-size:clamp(1.65rem,8vw,2.25rem);line-height:1}
  .project-meta p{font-size:.76rem;line-height:1.72}
  .project-kicker{font-size:.49rem;margin-bottom:.55rem}

  .services{padding-left:var(--pad);padding-right:var(--pad)}
  .service-grid{grid-template-columns:1fr;border-radius:1rem}
  .service-card{
    min-height:auto;
    padding:.75rem;
    gap:.7rem;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    transform:none!important
  }
  .service-card:last-child{border-bottom:0!important}
  .service-visual{aspect-ratio:16/10;border-radius:.85rem}
  .service-copy{padding:.25rem .25rem .85rem}
  .service-card h3{font-size:1.35rem;line-height:1.1}
  .service-card p{font-size:.75rem;line-height:1.7}
  .service-badge{left:.8rem;bottom:.8rem;min-width:3rem;height:3rem;font-size:.72rem}
  body.fa .service-badge{left:auto;right:.8rem}

  .process-track{padding-left:1.05rem}
  body.fa .process-track{padding-left:0;padding-right:1.05rem}
  .process-step{padding-bottom:2.8rem}
  .process-step h3{font-size:1.55rem}
  .process-step p{font-size:.76rem;line-height:1.72;max-width:none}

  .about{
    display:flex;
    flex-direction:column;
    gap:1.7rem;
    padding-top:4.75rem
  }
  .about-content{order:1;padding:0}
  .about-visual{
    order:2;
    min-height:0;
    width:100%;
    aspect-ratio:4/5;
    border-radius:1rem
  }
  .about-visual-overlay{left:1rem;right:1rem;bottom:1rem;gap:.55rem}
  .about-visual-overlay strong{font-size:1rem;max-width:14rem}
  .about-content>p{font-size:.8rem;line-height:1.82}
  .values{
    flex-direction:row;
    flex-wrap:wrap;
    gap:.55rem;
    margin-top:1.5rem;
    padding-top:1.1rem
  }
  .values span{font-size:.62rem;padding:.55rem .7rem}

  .contact{padding-top:4.75rem;padding-bottom:1.25rem}
  .contact-shell{grid-template-columns:1fr;gap:1.5rem;min-height:auto}
  .contact-copy{max-width:none}
  .contact h2{margin:1rem 0}
  .contact-copy>p{font-size:.8rem;line-height:1.8}
  .contact-actions{display:grid;grid-template-columns:1fr;gap:.55rem;margin:1.6rem 0 0}
  .contact-actions .button{width:100%;justify-content:space-between}
  .contact-visual{height:22rem;margin-top:.75rem}
  .contact-card{width:68%;border-radius:.9rem}
  .contact-card-a{left:0;top:3%;transform:rotate(-4deg)}
  .contact-card-b{right:0;top:27%;transform:rotate(4deg)}
  .contact-card-c{left:15%;bottom:1%;transform:rotate(-1deg)}
  .contact-orbit{width:10rem;height:10rem;right:5%;top:14%}
  .contact-core{right:17%;top:28%;width:3.3rem;height:3.3rem;font-size:1rem}
  .contact footer{
    flex-direction:column;
    align-items:stretch;
    gap:1rem;
    text-align:center;
    padding-top:1.2rem
  }
  .contact footer nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.75rem 1rem;
    justify-items:center
  }
  body.fa .contact footer nav{direction:rtl}
}

@media (max-width:390px){
  .hero h1,body.fa .hero h1{font-size:clamp(1.95rem,9.8vw,2.55rem)}
  .glass-panels{grid-template-columns:1fr}
  .glass-card{min-height:5.6rem}
  .contact footer nav{grid-template-columns:1fr}
}

/* ROZNEX Insights */
.home-insights{background:#f4eee6}.home-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-insight-card{position:relative;min-height:21rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#eee3d6,#f8f3ed);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}.home-insight-card:hover{transform:translateY(-5px);box-shadow:0 24px 65px rgba(62,47,31,.1)}.home-insight-card>span{font-size:.54rem;letter-spacing:.13em;color:#8b7963}.home-insight-card h3{font-size:clamp(1.7rem,3vw,3rem);line-height:1;letter-spacing:-.045em;margin:1rem 0}.home-insight-card p{font-size:.78rem;line-height:1.75;color:#6d655e;margin:0;max-width:28rem}.home-insight-card b{margin-top:auto;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:50%;font-weight:500}.home-insights-more{display:flex;justify-content:flex-end;margin-top:1rem}
@media(max-width:900px){.home-insights-grid{grid-template-columns:1fr 1fr}.home-insight-card:last-child{grid-column:1/-1}}
@media(max-width:620px){.home-insights-grid{grid-template-columns:1fr}.home-insight-card,.home-insight-card:last-child{grid-column:auto;min-height:16rem}.home-insight-card h3{font-size:2rem}.home-insights-more .button{width:100%;justify-content:space-between}}

.service-detail-link{display:inline-flex;margin-top:.9rem;width:max-content;color:inherit;text-decoration:none;font-size:.64rem;border-bottom:1px solid currentColor;padding-bottom:.22rem;opacity:.78}.service-detail-link:hover{opacity:1}@media(max-width:760px){.service-detail-link{font-size:.68rem}}

.about-profile-link{display:inline-flex;margin:.65rem 0 .2rem;width:max-content;color:inherit;text-decoration:none;font-size:.62rem;letter-spacing:.06em;border-bottom:1px solid currentColor;padding-bottom:.2rem;opacity:.7}.about-profile-link:hover{opacity:1}@media(max-width:760px){.about-profile-link{font-size:.66rem;margin:.55rem 0 .1rem}}


/* Studio polish — clarity, trust, accessibility */
:where(a,button,input,select,textarea):focus-visible{
  outline:2px solid #8e6537;
  outline-offset:3px
}
.mobile-start{font-weight:750!important;margin-top:.35rem}
.proof-band{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-bottom:1px solid var(--line);
  background:#e8dfd4
}
.proof-band>a{
  min-height:10rem;
  padding:1.2rem var(--pad);
  border-right:1px solid var(--line);
  color:var(--ink);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  gap:.7rem;
  position:relative;
  transition:background .25s ease
}
.proof-band>a:last-child{border-right:0}
.proof-band>a:hover{background:#f0e8de}
.proof-band span{font-size:.52rem;letter-spacing:.13em;color:#8a755e}
.proof-band strong{font-size:.78rem;line-height:1.65;font-weight:600;max-width:22rem}
.proof-band b{margin-top:auto;font-size:.9rem;font-weight:400}
body.fa .proof-band>a{border-right:0;border-left:1px solid var(--line)}
body.fa .proof-band>a:last-child{border-left:0}

@media(max-width:1100px){
  .main-nav{gap:clamp(.75rem,1.3vw,1.3rem)}
  .main-nav a{font-size:.64rem}
}
@media(max-width:900px){
  .proof-band{grid-template-columns:1fr 1fr}
  .proof-band>a{min-height:8.5rem;border-bottom:1px solid var(--line)}
  .proof-band>a:nth-child(2n){border-right:0}
  body.fa .proof-band>a:nth-child(2n){border-left:0}
}
@media(max-width:560px){
  .proof-band{grid-template-columns:1fr}
  .proof-band>a,.proof-band>a:nth-child(2n){
    min-height:0;
    padding:1rem var(--pad);
    border-right:0;
    border-left:0!important
  }
  .proof-band strong{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1!important;transform:none!important}
}

.contact-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1rem}.contact-next span{display:flex;align-items:center;gap:.55rem;padding:.7rem .8rem;border:1px solid rgba(17,20,27,.13);border-radius:999px;background:rgba(255,255,255,.14)}.contact-next b{font-size:.52rem;letter-spacing:.08em;color:#8a755e}.contact-next em{font-style:normal;font-size:.62rem;color:#615a53}@media(max-width:760px){.contact-next{grid-template-columns:1fr}.contact-next span{border-radius:.8rem;justify-content:flex-start}}


/* Editorial typography pass — ROZNEX */
.section-head{
  position:relative;
  padding-top:1.15rem;
  border-top:1px solid var(--line)
}
.section-head::before,
.about-content[data-index]::before,
.contact-copy[data-index]::before{
  content:attr(data-index);
  position:absolute;
  right:0;
  top:-.6rem;
  font:300 clamp(3.4rem,7vw,7.5rem)/.82 Manrope,Arial,sans-serif;
  letter-spacing:-.08em;
  color:rgba(17,20,27,.07);
  pointer-events:none;
  user-select:none
}
.services .section-head::before{color:rgba(255,255,255,.075)}
.section-head>div{position:relative;z-index:1}
.section-head h2{
  max-width:11.5ch;
  text-wrap:balance;
  font-weight:470
}
.section-head p{
  position:relative;
  z-index:1;
  max-width:29rem
}
.eyebrow{font-weight:650;letter-spacing:.18em}
body.fa .section-head h2{max-width:15ch;letter-spacing:-.035em}

.about-content[data-index],
.contact-copy[data-index]{
  position:relative;
  padding-top:1.15rem;
  border-top:1px solid var(--line)
}
.about-content[data-index]::before,
.contact-copy[data-index]::before{
  color:rgba(17,20,27,.065)
}
.about-content h2{
  max-width:10ch;
  text-wrap:balance;
  font-weight:470
}
body.fa .about-content h2{max-width:13ch;letter-spacing:-.035em}
.values span{
  padding:.6rem .78rem;
  border:1px solid var(--line);
  border-radius:999px;
  line-height:1.25
}

.process-track{position:relative}
.process-track::before{
  content:"";
  position:absolute;
  left:0;right:0;
  top:1.82rem;
  height:1px;
  background:linear-gradient(90deg,rgba(17,20,27,.18),rgba(17,20,27,.05))
}
.process-step{position:relative}
.process-step>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.2rem;
  height:2.2rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--ivory);
  position:relative;
  z-index:1
}
.process-step h3{
  margin-top:1.5rem;
  font-size:clamp(1.55rem,2.6vw,2.65rem);
  letter-spacing:-.045em
}

.home-insights-grid{
  grid-template-columns:1.35fr .825fr .825fr;
  align-items:stretch
}
.home-insight-card:first-child{
  min-height:27rem;
  background:linear-gradient(145deg,#e5d8c9,#f8f3ed)
}
.home-insight-card:first-child h3{
  font-size:clamp(2.3rem,4.6vw,4.8rem);
  max-width:10ch
}
.home-insight-card h3{text-wrap:balance}
.home-insight-card>span{font-weight:700}
.home-insight-card b{transition:transform .25s ease}
.home-insight-card:hover b{transform:translate(2px,-2px)}

.contact-copy h2{
  max-width:9.5ch;
  text-wrap:balance;
  font-weight:470
}
body.fa .contact-copy h2{max-width:12ch;letter-spacing:-.035em}
.contact-copy>p{max-width:38rem}

@media(max-width:900px){
  .home-insights-grid{grid-template-columns:1fr 1fr}
  .home-insight-card:first-child{grid-column:1/-1;min-height:21rem}
}
@media(max-width:760px){
  .section-head{padding-top:.9rem}
  .section-head::before,
  .about-content[data-index]::before,
  .contact-copy[data-index]::before{
    top:-.25rem;
    font-size:3.5rem
  }
  .section-head h2{max-width:12ch}
  body.fa .section-head h2{max-width:16ch}
  .process-track::before{
    left:1.05rem;right:auto;top:0;bottom:0;width:1px;height:auto;
    background:linear-gradient(180deg,rgba(17,20,27,.2),rgba(17,20,27,.04))
  }
  body.fa .process-track::before{left:auto;right:1.05rem}
  .process-step>span{min-width:2rem;height:2rem}
  .process-step h3{margin-top:.9rem}
  .home-insights-grid{grid-template-columns:1fr}
  .home-insight-card:first-child{grid-column:auto;min-height:18rem}
  .home-insight-card:first-child h3{font-size:2.2rem;max-width:12ch}
}


/* Original founder portrait — user-provided image, no visual editing */
.about-visual img{
  object-fit:cover;
  object-position:center 38%;
  filter:none
}
.about-visual:hover img{
  transform:scale(1.045);
  filter:none
}
@media(max-width:760px){
  .about-visual img{object-position:center 34%}
}


/* Editorial project case-study cards */
.project-meta-editorial{
  align-items:start
}
.project-title-block{
  min-width:0
}
.project-detail-block{
  min-width:0;
  display:grid;
  align-content:start;
  gap:1.15rem
}
.project-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(17,20,27,.14);
  border-bottom:1px solid rgba(17,20,27,.14)
}
.project-meta.compact .project-facts{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.project-facts span{
  min-width:0;
  padding:.78rem .8rem .78rem 0;
  display:grid;
  gap:.22rem
}
.project-facts span+span{
  padding-left:.8rem;
  border-left:1px solid rgba(17,20,27,.12)
}
.project-facts b{
  font-size:.48rem;
  letter-spacing:.14em;
  color:#8a755e;
  font-weight:700
}
.project-facts em{
  font-style:normal;
  font-size:.64rem;
  line-height:1.45;
  color:#403b36
}
.project-case-link{
  width:max-content;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  padding-bottom:.28rem;
  border-bottom:1px solid currentColor;
  color:inherit;
  text-decoration:none;
  font-size:.61rem;
  letter-spacing:.04em
}
.project-case-link b{
  font-size:.86rem;
  font-weight:400;
  transition:transform .25s ease
}
.project-case-link:hover b{transform:translate(3px,-3px)}
.project-card-dark .project-facts{
  border-color:rgba(255,255,255,.14)
}
.project-card-dark .project-facts span+span{
  border-color:rgba(255,255,255,.12)
}
.project-card-dark .project-facts b{color:#bb9567}
.project-card-dark .project-facts em{color:#d5cdc3}
.project-card-dark .project-case-link{color:#f3ece2}

.project-status{
  border-radius:0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.5);
  padding:.32rem 0;
  background:transparent;
  backdrop-filter:none;
  font-weight:650
}
.project-feature,.project-tile{
  position:relative
}
.project-feature::before,.project-tile::before{
  content:attr(data-project-index);
  position:absolute;
  z-index:4;
  right:1.25rem;
  bottom:1rem;
  font:300 clamp(3rem,7vw,7rem)/.8 Manrope,Arial,sans-serif;
  letter-spacing:-.08em;
  color:rgba(17,20,27,.055);
  pointer-events:none
}
.project-card-dark::before{color:rgba(255,255,255,.055)}
body.fa .project-facts span{
  padding:.78rem 0 .78rem .8rem
}
body.fa .project-facts span+span{
  padding-right:.8rem;
  padding-left:0;
  border-left:0;
  border-right:1px solid rgba(17,20,27,.12)
}
body.fa .project-card-dark .project-facts span+span{
  border-right-color:rgba(255,255,255,.12)
}

@media(max-width:980px){
  .project-facts,.project-meta.compact .project-facts{
    grid-template-columns:1fr
  }
  .project-facts span,
  body.fa .project-facts span{
    padding:.65rem 0
  }
  .project-facts span+span{
    padding-left:0;
    border-left:0;
    border-top:1px solid rgba(17,20,27,.1)
  }
  body.fa .project-facts span+span{
    padding-right:0;
    border-right:0;
    border-top:1px solid rgba(17,20,27,.1)
  }
  .project-card-dark .project-facts span+span,
  body.fa .project-card-dark .project-facts span+span{
    border-top-color:rgba(255,255,255,.1)
  }
}
@media(max-width:760px){
  .project-meta-editorial{gap:1.15rem}
  .project-detail-block{gap:.95rem}
  .project-case-link{font-size:.64rem}
}


/* Balanced type scale — keep the editorial feel without oversized headings */
.hero h1{
  font-size:clamp(2.75rem,4.5vw,5.25rem);
  line-height:.94;
  letter-spacing:-.055em
}
.section-head h2,
.about h2{
  font-size:clamp(2.15rem,4vw,4.45rem);
  line-height:1;
  letter-spacing:-.05em
}
.contact h2,
.contact-copy h2{
  font-size:clamp(2.35rem,4.6vw,5rem);
  line-height:.98;
  letter-spacing:-.05em
}
.project-meta h3{
  font-size:clamp(1.8rem,3.15vw,3.45rem);
  line-height:1
}
.project-meta.compact h3{
  font-size:clamp(1.45rem,2.2vw,2.25rem)
}
.process-step h3{
  font-size:clamp(1.35rem,2vw,2rem);
  line-height:1.08
}
.home-insight-card:first-child h3{
  font-size:clamp(1.85rem,3.45vw,3.5rem);
  line-height:1.02
}
.section-head::before,
.about-content[data-index]::before,
.contact-copy[data-index]::before{
  font-size:clamp(2.8rem,5vw,5.4rem)
}
.about-content h2{
  font-size:clamp(2.15rem,4vw,4.45rem)
}

@media(max-width:760px){
  .hero h1{
    font-size:clamp(2.45rem,10.5vw,3.65rem);
    line-height:.96
  }
  .section-head h2,
  .about h2,
  .about-content h2{
    font-size:clamp(2rem,8.5vw,3rem)
  }
  .contact h2,
  .contact-copy h2{
    font-size:clamp(2.15rem,9.5vw,3.35rem)
  }
  .project-meta h3{
    font-size:1.85rem
  }
  .project-meta.compact h3{
    font-size:1.65rem
  }
  .process-step h3{
    font-size:1.45rem
  }
  .home-insight-card:first-child h3{
    font-size:1.9rem
  }
  .section-head::before,
  .about-content[data-index]::before,
  .contact-copy[data-index]::before{
    font-size:2.75rem
  }
}


/* Compact typography — requested smaller, calmer headings */
.hero h1{
  font-size:clamp(2.35rem,3.75vw,4.15rem);
  line-height:.98;
  letter-spacing:-.045em
}
.hero h1 span{font-weight:600}
.hero h1 .thin{font-weight:350}
.fa-line{
  font-size:clamp(.92rem,1.2vw,1.08rem);
  line-height:1.65
}
.section-head h2,
.about h2,
.about-content h2{
  font-size:clamp(1.75rem,3vw,3.15rem);
  line-height:1.06;
  letter-spacing:-.04em;
  font-weight:450
}
.contact h2,
.contact-copy h2{
  font-size:clamp(1.95rem,3.5vw,3.55rem);
  line-height:1.04;
  letter-spacing:-.042em;
  font-weight:450
}
.project-meta h3{
  font-size:clamp(1.55rem,2.45vw,2.65rem);
  line-height:1.04;
  font-weight:480
}
.project-meta.compact h3{
  font-size:clamp(1.35rem,1.85vw,1.9rem)
}
.process-step h3{
  font-size:clamp(1.2rem,1.55vw,1.6rem);
  font-weight:500
}
.home-insight-card:first-child h3{
  font-size:clamp(1.55rem,2.55vw,2.65rem);
  line-height:1.06;
  font-weight:470
}
.home-insight-card h3{
  font-size:clamp(1.15rem,1.55vw,1.55rem);
  line-height:1.18;
  font-weight:520
}
.service-card h3{
  font-size:clamp(1rem,1.18vw,1.22rem);
  font-weight:550
}
.proof-band strong{
  font-size:.72rem;
  font-weight:560
}
.section-head::before,
.about-content[data-index]::before,
.contact-copy[data-index]::before{
  font-size:clamp(2.4rem,4vw,4.25rem)
}
body.fa .hero h1,
body.fa .section-head h2,
body.fa .about h2,
body.fa .contact h2,
body.fa .project-meta h3{
  letter-spacing:-.02em
}

@media(max-width:760px){
  .hero h1{
    font-size:clamp(2.05rem,8.5vw,2.85rem);
    line-height:1.02
  }
  .section-head h2,
  .about h2,
  .about-content h2{
    font-size:clamp(1.7rem,7vw,2.25rem)
  }
  .contact h2,
  .contact-copy h2{
    font-size:clamp(1.85rem,7.8vw,2.55rem)
  }
  .project-meta h3{font-size:1.65rem}
  .project-meta.compact h3{font-size:1.45rem}
  .home-insight-card:first-child h3{font-size:1.7rem}
  .home-insight-card h3{font-size:1.28rem}
  .section-head::before,
  .about-content[data-index]::before,
  .contact-copy[data-index]::before{
    font-size:2.25rem
  }
}


/* Persian editorial refinement */
body.fa{
  text-align:right
}
body.fa h1,
body.fa h2,
body.fa h3{
  letter-spacing:0!important
}
body.fa .eyebrow,
body.fa .project-kicker,
body.fa .project-facts b,
body.fa .micro-label{
  letter-spacing:0!important
}
body.fa .hero-description,
body.fa .section-head p,
body.fa .project-detail-block p,
body.fa .about-content p,
body.fa .contact-copy p{
  line-height:2
}
body.fa .section-head h2,
body.fa .about-content h2,
body.fa .contact-copy h2{
  line-height:1.4!important
}
@media(max-width:760px){
  body.fa .hero h1{
    font-size:clamp(1.95rem,8vw,2.65rem)!important;
    line-height:1.35!important
  }
  body.fa .section-head h2,
  body.fa .about-content h2,
  body.fa .contact-copy h2{
    font-size:clamp(1.65rem,6.8vw,2.15rem)!important;
    line-height:1.45!important
  }
  body.fa .project-meta h3{
    font-size:1.5rem!important;
    line-height:1.4!important
  }
}


/* Unified calm typography — final portfolio scale */
.hero h1{
  font-size:clamp(2.15rem,3.35vw,3.65rem)!important;
  line-height:1.02!important
}
.section-head h2,
.about h2,
.about-content h2{
  font-size:clamp(1.65rem,2.55vw,2.7rem)!important;
  line-height:1.1!important
}
.contact h2,
.contact-copy h2{
  font-size:clamp(1.8rem,2.9vw,3rem)!important;
  line-height:1.08!important
}
.project-meta h3{
  font-size:clamp(1.45rem,2.05vw,2.2rem)!important
}
.project-meta.compact h3{
  font-size:clamp(1.28rem,1.6vw,1.65rem)!important
}
.home-insight-card:first-child h3{
  font-size:clamp(1.45rem,2.05vw,2.15rem)!important
}
.section-head::before,
.about-content[data-index]::before,
.contact-copy[data-index]::before{
  font-size:clamp(2.1rem,3.2vw,3.4rem)!important
}
@media(max-width:760px){
  .hero h1{
    font-size:clamp(1.9rem,7.5vw,2.5rem)!important
  }
  .section-head h2,
  .about h2,
  .about-content h2{
    font-size:clamp(1.55rem,6.3vw,2rem)!important
  }
  .contact h2,
  .contact-copy h2{
    font-size:clamp(1.7rem,6.8vw,2.2rem)!important
  }
  .project-meta h3{font-size:1.45rem!important}
  .project-meta.compact h3{font-size:1.35rem!important}
}


/* ROZNEX spatial motion system — lightweight CSS 3D, no heavy WebGL runtime */
:root{
  --ease-premium:cubic-bezier(.16,1,.3,1)
}
.hero{
  perspective:1200px;
  transform-style:preserve-3d
}
.hero-media{
  transform-origin:70% 48%;
  will-change:transform
}
.hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:translate3d(var(--hero-image-x,0px),var(--hero-image-y,0px),0) scale(1.035);
  transition:transform .55s var(--ease-premium)
}
.hero-copy{
  transform:translate3d(0,var(--hero-copy-y,0px),42px);
  transition:transform .55s var(--ease-premium)
}
.hero-spatial-scene{
  --scene-x:0px;
  --scene-y:0px;
  position:absolute;
  z-index:2;
  width:min(42vw,38rem);
  aspect-ratio:1;
  right:5.5vw;
  top:50%;
  transform:translate3d(var(--scene-x),calc(-50% + var(--scene-y)),0) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg));
  transform-style:preserve-3d;
  pointer-events:none;
  opacity:.76;
  transition:transform .6s var(--ease-premium)
}
.spatial-grid{
  position:absolute;
  inset:12%;
  border-radius:50%;
  transform:rotateX(69deg) translateZ(-58px);
  background:
    linear-gradient(rgba(167,122,69,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,122,69,.12) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:radial-gradient(circle,#000 12%,rgba(0,0,0,.62) 52%,transparent 72%)
}
.spatial-orbit{
  position:absolute;
  inset:18%;
  border:1px solid rgba(117,89,54,.23);
  border-radius:50%;
  box-shadow:0 0 45px rgba(167,122,69,.06);
  transform-style:preserve-3d
}
.orbit-a{transform:rotateX(68deg) rotateZ(12deg) translateZ(48px);animation:orbitTurn 18s linear infinite}
.orbit-b{inset:26%;transform:rotateY(72deg) rotateZ(-8deg) translateZ(80px);animation:orbitTurnReverse 23s linear infinite}
.orbit-c{inset:34%;transform:rotateX(54deg) rotateY(26deg) translateZ(110px);animation:orbitTurn 15s linear infinite}
.spatial-core{
  position:absolute;
  width:18%;
  aspect-ratio:1;
  left:41%;
  top:41%;
  border-radius:50%;
  background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.94),rgba(210,177,132,.28) 28%,rgba(17,20,27,.09) 67%,transparent 72%);
  box-shadow:0 0 70px rgba(190,145,86,.16);
  transform:translateZ(138px)
}
.spatial-particle{
  position:absolute;
  width:.42rem;height:.42rem;border-radius:50%;
  background:#b7864d;
  box-shadow:0 0 20px rgba(183,134,77,.55)
}
.particle-a{left:20%;top:29%;transform:translateZ(115px)}
.particle-b{right:16%;top:48%;transform:translateZ(74px)}
.particle-c{left:44%;bottom:13%;transform:translateZ(150px)}

.glass-card{
  transform:perspective(900px) translate3d(var(--mx,0px),var(--my,0px),70px) rotateX(var(--grx,0deg)) rotateY(var(--gry,0deg));
  transform-style:preserve-3d;
  transition:transform .5s var(--ease-premium),background .3s ease,border-color .3s ease;
  will-change:transform
}
.glass-card:hover{
  transform:perspective(900px) translate3d(var(--mx,0px),var(--hover-my,-8px),95px) rotateX(var(--grx,0deg)) rotateY(var(--gry,0deg))
}
.glass-card>span,.glass-card p,.glass-card>b,.glass-card .mesh,.glass-card .bars{
  transform:translateZ(28px)
}

[data-project-card],
[data-about-visual],
.contact-visual{
  transform:perspective(1150px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);
  transform-style:preserve-3d;
  transition:transform .55s var(--ease-premium);
  backface-visibility:hidden
}
[data-project-card]:hover,
[data-about-visual]:hover,
.contact-visual:hover{
  transform:perspective(1150px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(12px)
}
.project-media,.about-visual img,.contact-card{
  transform-style:preserve-3d
}
.project-open,.project-status,.project-media-caption{
  transform:translateZ(34px)
}

.reveal{
  opacity:0;
  transform:translate3d(0,28px,-20px) rotateX(2deg);
  transform-origin:50% 100%;
  transition:opacity .72s ease,transform .9s var(--ease-premium)
}
.reveal.visible{
  opacity:1;
  transform:translate3d(0,0,0) rotateX(0)
}
.section{
  content-visibility:auto;
  contain-intrinsic-size:900px
}
.home-insights,.about,.contact,.process,.services,.projects{
  transform:translateZ(0)
}
.section-head h2{
  text-wrap:balance
}

/* concise studio typography */
.hero h1{
  font-size:clamp(2rem,3.15vw,3.35rem)!important;
  font-weight:520!important;
  line-height:1.04!important
}
.hero h1 span{font-weight:520!important}
.hero h1 .thin{font-weight:360!important}
.section-head h2,.about h2,.about-content h2{
  font-size:clamp(1.55rem,2.3vw,2.4rem)!important;
  font-weight:470!important
}
.contact h2,.contact-copy h2{
  font-size:clamp(1.7rem,2.55vw,2.65rem)!important;
  font-weight:470!important
}
.project-meta h3{font-size:clamp(1.35rem,1.8vw,1.9rem)!important;font-weight:500!important}
.home-insight-card:first-child h3{font-size:clamp(1.35rem,1.8vw,1.9rem)!important}
.process-step h3{font-size:clamp(1.15rem,1.4vw,1.45rem)!important}

/* performance: expensive effects only where they add visible value */
.page-noise{opacity:.018}
.topbar.scrolled{backdrop-filter:blur(10px)}
.glass-card{backdrop-filter:blur(5px)}
.button.light{backdrop-filter:blur(6px)}
.service-visual img,.project-media img,.about-visual img,.contact-card img{
  backface-visibility:hidden;
  transform:translateZ(0)
}
@keyframes orbitTurn{to{transform:rotateX(68deg) rotateZ(372deg) translateZ(48px)}}
@keyframes orbitTurnReverse{to{transform:rotateY(72deg) rotateZ(-368deg) translateZ(80px)}}

@media(max-width:900px){
  .hero-spatial-scene{width:58vw;right:-12vw;opacity:.46}
  .glass-card{will-change:auto}
}
@media(max-width:760px){
  .hero-spatial-scene{
    width:92vw;
    right:-42vw;
    top:56%;
    opacity:.22
  }
  .hero h1{font-size:clamp(1.85rem,7.2vw,2.35rem)!important}
  .section-head h2,.about h2,.about-content h2{font-size:clamp(1.45rem,6vw,1.9rem)!important}
  .contact h2,.contact-copy h2{font-size:clamp(1.55rem,6.4vw,2.05rem)!important}
  .page-noise{display:none}
  .glass-card,.topbar.scrolled,.button.light{backdrop-filter:none}
  .section{contain-intrinsic-size:1100px}
}
@media(prefers-reduced-motion:reduce){
  .hero-spatial-scene{display:none}
  .spatial-orbit{animation:none!important}
  .hero-media,.hero-media img,.hero-copy,.glass-card,[data-project-card],[data-about-visual],.contact-visual,.reveal{
    transform:none!important;
    transition:none!important
  }
}

/* Performance cleanup after spatial pass */
.page-noise{display:none!important}
.hero-cursor-reveal{display:none!important}
.hero-media{contain:paint}
.project-media,.service-visual,.about-visual,.contact-card{contain:paint}
@media(max-width:1100px){
  .glass-card{box-shadow:inset 0 0 14px rgba(255,255,255,.12),0 16px 42px rgba(111,79,44,.08)}
}

/* Performance: preserve the robot and premium look, limit offscreen GPU work. */
.section{contain-intrinsic-size:auto 900px}
@media(max-width:760px){.section{contain-intrinsic-size:auto 1100px}}
.hero.hero-offscreen .spatial-orbit{animation-play-state:paused!important}
@media(max-width:760px),(hover:none){
  .hero-media,.hero-spatial-scene,.glass-card{will-change:auto}
  .spatial-orbit{animation:none!important}
  .hero-spatial-scene{transform:translate3d(0,-50%,0)}
}
.contact-card img,.project-media img{display:block}

/* Performance: keep original look and robot; avoid blur repaints on mobile. */
@media(max-width:900px),(hover:none){
  .reveal{filter:none!important;transition-property:opacity,transform!important}
  .hero-copy,.reveal.visible,[data-project-card],.about-visual,.contact-visual{will-change:auto!important}
  .hero-spatial-scene{will-change:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .reveal{filter:none!important;transition:none!important}
}