@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f5f5f7;--ink:#1d1d1f;--muted:#747479;--blue:#0066e6;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #087cfb;outline-offset:6px}header{position:sticky;top:0;z-index:30;height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#f5f5f7d9;backdrop-filter:blur(24px);border-bottom:1px solid #0000000a}.brand{display:flex;align-items:center;gap:13px;font-weight:700;font-size:16px}.monogram{font-family:Arial,sans-serif;font-size:23px;letter-spacing:-3px;direction:ltr;padding-right:4px}.monogram span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-left:5px}nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav-contact{border:1px solid #d5d5d8;padding:9px 17px;border-radius:30px}.nav-contact span{margin-right:14px}.hero{min-height:790px;height:calc(100svh - 76px);max-height:1080px;position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:30px 8% 100px;overflow:hidden}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--muted);margin:0 0 24px}.hero-copy{z-index:2}.hero h2{font-size:clamp(52px,6.5vw,98px);line-height:1.45;letter-spacing:-4px;font-weight:900;margin:0 0 22px}.hero h2 span{background:linear-gradient(110deg,#1e286b,#027cf1 70%,#55acfe);color:transparent;background-clip:text}.lead{font-size:15px;color:var(--muted);line-height:2.1;max-width:370px}.pill{display:inline-flex;align-items:center;gap:35px;padding:15px 25px;background:var(--blue);color:#fff;border-radius:40px;font-size:13px;margin-top:20px;transition:transform .3s,background .3s}.pill:hover{transform:translateY(-3px);background:#0057c5}.stage{height:530px;position:relative;perspective:1100px;direction:ltr;display:grid;place-items:center}.orb-glow{position:absolute;width:100%;height:90%;background:radial-gradient(ellipse,#c7deff88,transparent 67%);filter:blur(15px)}.lens{width:360px;height:360px;position:relative;transform-style:preserve-3d;transform:rotateX(calc(14deg + var(--progress)*24deg)) rotateY(calc(-25deg + var(--progress)*55deg)) rotateZ(-18deg) translateY(calc(var(--progress)*-50px));will-change:transform}.lens-body{position:absolute;inset:-8px;border-radius:50%;background:repeating-conic-gradient(#30333b 0deg 1deg,#14151b 1deg 2deg);box-shadow:8px 8px #1c1d21,16px 16px #33353a,24px 24px #191a1e,32px 32px #303138,40px 40px 15px #18191d;transform:translateZ(-35px)}.lens-rim{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#05070e 54%,#181b22 55%,#373b45 58%,#101117 60%,#272a30 69%,#5d6572 70%,#0c0c10 71%);box-shadow:inset 3px 3px 6px #ffffff65,0 20px 45px #0003;display:grid;place-items:center}.lens-type,.lens-bottom{position:absolute;font:7px Arial,sans-serif;letter-spacing:2px;color:#b9bcc4;top:35px}.lens-bottom{top:auto;bottom:36px;font-size:7px}.lens-glass{width:68%;height:68%;border-radius:50%;overflow:hidden;position:relative;background:radial-gradient(ellipse at 65% 30%,#4969b8 0%,#1d285e 17%,#112137 35%,#080c1b 58%,#264353 63%,#010309 66%);box-shadow:0 0 0 3px #020408,0 0 0 6px #474650,0 0 0 8px #020308,inset 0 0 30px #000;transform:translateZ(10px)}.aperture{position:absolute;inset:26%;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#020514;box-shadow:inset 0 0 20px blue;transform:rotate(calc(var(--progress)*100deg));border:14px solid #183148}.reflection{position:absolute;inset:0;background:linear-gradient(135deg,#adddff55,transparent 40%,transparent 65%,#906bdf55);border-radius:50%}.float-tag{position:absolute;z-index:4;white-space:nowrap;background:#ffffffb8;backdrop-filter:blur(16px);border:1px solid #fff;padding:15px 19px;border-radius:15px;font:10px Arial;letter-spacing:1.5px;box-shadow:0 12px 35px #1f44751a;transform:translateZ(90px) rotateZ(18deg)}.tag-one{top:7px;right:-40px}.tag-one i{display:inline-block;width:6px;height:6px;background:#0075ff;border-radius:50%;margin-right:8px}.tag-two{bottom:0;left:-45px;letter-spacing:0}.stage-shadow{position:absolute;bottom:10px;width:65%;height:30px;background:#12274428;border-radius:50%;filter:blur(18px)}.hero-bottom{position:absolute;bottom:35px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1px}.scroll-arrow{display:inline-block;margin-right:15px;animation:down 2s infinite}@keyframes down{50%{transform:translateY(6px)}}.section{padding:120px 8%}.perspective{height:1400px;background:#080a0e;color:#f5f5f7;position:relative;overflow:clip}.perspective-inner{position:sticky;top:76px;min-height:760px;height:calc(100svh - 76px);padding:80px 8%;overflow:hidden;text-align:center}.perspective h2,.section h2{font-size:clamp(38px,5vw,70px);line-height:1.45;letter-spacing:-2px;margin:0;font-weight:800}.perspective h2 span{color:#8a9ab7}.perspective p:not(.eyebrow){font-size:15px;line-height:2;color:#89919e}.frames{height:290px;position:relative;perspective:1000px;max-width:850px;margin:35px auto 0;direction:ltr}.frame{position:absolute;top:0;left:calc(50% - 155px);width:310px;height:200px;border:1px solid #ffffff25;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#202a3b,#090b10);box-shadow:0 30px 80px #0008;transform-style:preserve-3d}.frame>span{position:absolute;bottom:17px;left:20px;font:9px Arial;letter-spacing:3px;z-index:2;color:#9daec9}.frame-a{transform:translateX(calc(-235px - var(--scene,0)*80px)) rotateY(25deg) rotateZ(-12deg)}.frame-b{z-index:2;transform:translateY(calc(var(--scene,0)*-40px)) rotateX(calc(8deg + var(--scene,0)*15deg))}.frame-c{transform:translateX(calc(235px + var(--scene,0)*80px)) rotateY(-25deg) rotateZ(12deg)}.light-line{position:absolute;width:250px;height:3px;background:#a1cfff;top:80px;left:25px;transform:rotate(-35deg);box-shadow:0 0 25px 8px #087cfb,0 0 60px 30px #0758aa55}.motion-sphere{width:125px;height:125px;border-radius:50%;margin:20px auto;background:radial-gradient(circle at 28% 20%,#eef6ff,#859bc2 28%,#273248 50%,#06070b 75%);box-shadow:15px 20px 30px #0009}.emotion-ring{width:130px;height:130px;border:18px solid #7388b5;border-radius:50%;margin:22px auto;transform:rotateY(40deg) rotateX(-20deg);box-shadow:inset 5px 5px 10px #000,6px 7px 0 #283656,15px 15px 25px #0008}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2 span{color:#929296}.section-heading>p{color:var(--muted);line-height:2;font-size:14px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}.filter{border:1px solid #dedee2;background:transparent;padding:11px 23px;border-radius:30px;color:#64646b;transition:.25s}.filter[aria-pressed=true]{background:#1d1d1f;color:white;border-color:#1d1d1f}.filter:hover{border-color:#1d1d1f}.projects{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project{border:0;background:#fff;padding:0;overflow:hidden;border-radius:24px;text-align:right;box-shadow:0 6px 25px #00000003;transition:transform .4s,box-shadow .4s}.project:hover{transform:translateY(-7px);box-shadow:0 20px 45px #14264514}.project-cover{aspect-ratio:16/10;background:linear-gradient(140deg,#dbe5f3,#bac9db);position:relative;overflow:hidden}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.04)}.play{position:absolute;bottom:22px;left:22px;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#ffffffdc;color:#15171c;backdrop-filter:blur(15px);font-family:Arial;transition:transform .3s}.project:hover .play{transform:scale(1.12)}.project-info{padding:22px 26px}.project-info small{color:var(--muted);font-size:11px}.project-info h3{font-size:21px;margin:8px 0}.empty{grid-column:1/-1;text-align:center;padding:70px 25px;background:#fff;border:1px solid #e6e6eb;border-radius:24px;color:#747479}.empty strong{display:block;color:#343439;font-size:20px;margin:0 0 12px}.empty p{font-size:14px}.about{background:white;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.about h2{font-size:45px}.about #intro{font-size:18px;line-height:2.4;color:var(--muted);max-width:540px}.about-symbol{display:grid;place-items:center;position:relative;height:350px;perspective:700px}.about-symbol>span{font:150px Arial;letter-spacing:-18px;color:#e3e6ec;text-shadow:2px 3px #bec4ce,5px 7px #a4aebd,20px 30px 35px #16203328;transform:rotateY(-20deg) rotateX(10deg)}.about-symbol i{width:30px;height:30px;background:linear-gradient(145deg,#8bc2ff,#0055cf);border-radius:50%;position:absolute;left:20%;bottom:75px;box-shadow:0 15px 20px #0066e644}.skills{display:flex;gap:10px;flex-wrap:wrap}.skills span{font-size:12px;border:1px solid #dedee2;border-radius:30px;padding:8px 16px}.contact{text-align:center;padding:140px 8%;background:radial-gradient(ellipse at bottom,#d9e8ff,transparent 65%)}.contact h2 span{color:#7a879d}footer{display:flex;justify-content:space-between;padding:30px 8%;border-top:1px solid #dddde1;font-size:10px;color:var(--muted)}dialog{width:min(1000px,94vw);max-height:92svh;border:1px solid #ffffff20;border-radius:24px;background:#12151c;color:#fff;padding:25px}dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.viewer-bar h2{font-size:22px;margin:0}.viewer-bar p{font-size:12px;color:#99a1b3;margin:0 0 5px}#close-viewer{width:42px;height:42px;border:0;border-radius:50%;background:#ffffff15;color:#fff}#viewer-media{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}#viewer-media iframe,#viewer-media img{width:100%;height:100%;border:0;object-fit:contain}#viewer-description{color:#a7afbd;font-size:14px;line-height:2}.skip{position:fixed;top:-100px;z-index:50;background:white;padding:12px}.skip:focus{top:0}#load-status{font-size:13px;color:#747479}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1500px){.hero,.section{padding-inline:max(8%,calc((100vw - 1280px)/2))}}@media(max-width:800px){header{padding:0 5%;height:66px}.brand{font-size:13px}nav{gap:18px;font-size:11px}nav a:nth-child(2){display:none}.nav-contact{padding:7px 10px}.hero{min-height:890px;height:auto;grid-template-columns:1fr;text-align:center;padding:65px 6% 85px}.hero h2{font-size:58px;letter-spacing:-2px}.lead{margin-inline:auto;font-size:13px}.stage{height:370px;margin-top:25px}.lens{width:250px;height:250px}.lens-type,.lens-bottom{font-size:5px;letter-spacing:1px;top:24px}.lens-bottom{top:auto;bottom:24px}.float-tag{font-size:8px;padding:12px}.hero-bottom{font-size:8px;left:6%;right:6%}.hero-bottom>span{max-width:170px;text-align:left;line-height:1.8}.section{padding:80px 6%}.perspective{height:1100px}.perspective-inner{top:66px;padding:75px 6%;min-height:650px}.perspective h2{font-size:44px}.frames{transform:scale(.65);transform-origin:50% 0;margin-top:60px;width:650px;left:50%;margin-left:-325px;direction:ltr}.section-heading>p{font-size:11px}.section-heading h2{font-size:42px}.filters{gap:7px}.filter{padding:9px 16px;font-size:12px}.projects{gap:17px}.project-info{padding:17px}.project-info h3{font-size:17px}.project-cover{aspect-ratio:4/3}.about{grid-template-columns:1fr;gap:15px}.about-symbol{height:220px}.about-symbol>span{font-size:120px}.about h2{font-size:37px}.about #intro{font-size:16px}.about-symbol i{left:27%;bottom:30px}.contact h2{font-size:48px}footer{gap:20px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(max-width:480px){.projects{grid-template-columns:1fr}.hero h2{font-size:53px}.section-heading{gap:10px}.section-heading>p{max-width:120px}.monogram{font-size:20px}.frames{transform:scale(.5)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.lens{transform:rotateY(-15deg) rotateZ(-10deg);will-change:auto}.perspective{height:auto}.perspective-inner{position:relative;top:0;height:auto;min-height:700px}}

.entry{padding-top:65px;padding-bottom:65px;background:#f5f5f7}.entry-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.entry h1{font-size:clamp(45px,5vw,75px);line-height:1.4;letter-spacing:-2px;margin:0;font-weight:900}.entry h1 span{color:#85858c}.entry-heading p{color:#747479;font-size:14px;line-height:2.2}.category-entry{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-entry>a{display:flex;align-items:flex-start;flex-direction:column;position:relative;min-height:205px;padding:25px 20px;background:#fff;border:1px solid #e9e9ed;border-radius:22px;transition:transform .4s,box-shadow .4s;overflow:hidden}.category-entry>a:hover{transform:translateY(-8px);box-shadow:0 20px 40px #12274412}.category-entry .category-icon{font:52px Arial;color:#4976b6;text-shadow:2px 3px #c2d5ef;display:block;height:82px;transition:transform .5s}.category-entry>a:hover .category-icon{transform:rotateY(30deg) rotateZ(-10deg)}.category-number{position:absolute;left:18px;top:22px;font:9px Arial;color:#999}.category-entry strong{font-size:19px}.category-entry small{font:8px Arial;letter-spacing:1.5px;margin-top:8px;color:#999}.category-arrow{position:absolute;bottom:24px;left:20px;color:#999}.entry-note{font-size:11px;color:#8a8a90;margin:25px 0 0}.projects{display:block}.category-group{scroll-margin-top:100px;padding:40px 0 60px;border-top:1px solid #dcdce1}.category-group-heading{display:flex;align-items:center;gap:20px;margin-bottom:28px}.category-group-heading span{font:12px Arial;color:#999}.category-group h3{font-size:32px;margin:0}.category-group-heading p{margin-right:auto;color:#84848c;font-size:12px}.category-projects{display:grid;gap:28px}.project{display:grid;grid-template-columns:1.3fr 1fr;width:100%;align-items:center}.project-info{padding:35px}.project-info p{line-height:2.1;color:#747479;font-size:14px;white-space:pre-line}.project-info h4{font-size:26px;margin:10px 0}.project-cover{width:100%;aspect-ratio:16/10}.project-info .project-action{display:block;color:#0066e6;font-size:12px;margin-top:22px}.hero{background:#eef0f4}.aperture{transform:rotate(calc(var(--progress)*100deg)) scale(calc(.35 + var(--progress)*.9));transition:transform .1s linear}
@media(max-width:1000px){.category-entry{grid-template-columns:repeat(3,1fr)}.category-entry>a{min-height:170px}.category-entry .category-icon{height:65px;font-size:44px}}@media(max-width:800px){.entry{padding-top:45px;padding-bottom:40px}.entry-heading{display:block}.entry h1{font-size:48px}.entry-heading p{font-size:12px;margin-top:20px}.category-entry{display:grid;gap:9px}.category-entry>a{padding:17px 13px;min-height:150px}.category-entry>a:nth-child(2){display:flex}.category-entry strong{font-size:16px}.category-entry small{font-size:7px;letter-spacing:.8px}.category-number{left:13px;top:16px}.category-arrow{left:13px;bottom:18px}.category-group-heading{gap:12px}.category-group-heading p{font-size:10px}.category-group h3{font-size:26px}.project{grid-template-columns:1fr}.project-info{padding:23px}.project-info h4{font-size:23px}.project-info p{font-size:13px}}@media(prefers-reduced-motion:reduce){.aperture{transform:scale(.75)}}