@font-face{font-family:Vazirmatn;src:url('assets/arabic.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-padding-top:30px;scrollbar-color:#858585 #161719}body{margin:0;background:#161719;color:#f1f0e9;font:16px/1.8 Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff7746;outline-offset:6px}h1,h2,h3,p{margin:0}header,footer{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:25px}.logo{font-size:36px;font-weight:850;display:flex;align-items:center;gap:8px;line-height:1}.logo-dot{width:9px;height:9px;background:#ff7746;border-radius:50%}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a:hover{color:#ff7746}.nav-contact{border-bottom:1px solid #777;padding-bottom:7px}.arrow{margin-inline-start:20px}.skip{position:absolute;top:-100px;background:#ff7746;color:#161719;padding:15px;z-index:10}.skip:focus{top:0}.hero{position:relative;min-height:780px;isolation:isolate;margin:0 2%;overflow:hidden;border-top:1px solid #3b3c3d}.hero-top{display:flex;justify-content:space-between;font-size:11px;padding:22px 3%;position:relative;z-index:2;color:#bdbdb8}.hero-top i{width:6px;height:6px;background:#ff7746;display:inline-block;border-radius:50%;margin-inline-end:8px}.hero-copy{position:relative;z-index:2;padding:100px 3% 130px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;color:#aaa9a4;display:block;margin-bottom:25px}.hero h1{font-size:clamp(58px,7.5vw,118px);line-height:1.5;font-weight:700;letter-spacing:-4px}.outline{font-weight:300}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#161719b5,transparent 80%);pointer-events:none}.hero-bottom{display:flex;align-items:center;gap:55px;margin-top:35px}.hero-bottom p{font-size:14px;color:#d5d4cf}.round-link{width:62px;height:62px;border-radius:50%;border:1px solid #8c8c88;display:grid;place-items:center;font-size:30px}.round-link:hover{background:#ff7746;color:#161719;border-color:#ff7746}.solar svg{width:26px;height:26px;vertical-align:middle}.hero-caption{position:absolute;bottom:25px;inset-inline:3%;display:flex;justify-content:space-between;font-size:11px;color:#c0bfb8}.section{padding:110px 5%}.statement{border-bottom:1px solid #3b3c3d}.statement h2{font-size:clamp(27px,3.7vw,58px);font-weight:450;line-height:1.8;max-width:1050px}.statement h2 span{color:#8c8d8d}.statement-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:50px}.tiny-label{font-size:11px;color:#999}.statement-bottom p{max-width:460px;color:#b2b2ad;font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:50px}.section-head h2{font-size:clamp(30px,4vw,56px);font-weight:500;line-height:1.5}.section-head p{font-size:12px;color:#aaa}.orange{color:#ff7746}.work-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:65px 35px}.project-image{overflow:hidden;position:relative;aspect-ratio:1.12;background:#242527}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.035)}.project-open{position:absolute;bottom:20px;left:20px;display:grid;place-items:center;width:42px;height:42px;background:#f1f0e9;color:#161719;border-radius:50%;font-size:23px;transition:transform .25s}.project:hover .project-open{transform:rotate(-45deg)}.project-info{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.project-info h3{font-size:17px;font-weight:500}.project-info p{font-size:11px;color:#aaa;margin-top:4px}.tag{font-size:10px;padding:4px 10px;border:1px solid #5e5f60;border-radius:20px;white-space:nowrap}.project-type{padding-top:100px}.type-poster{background:#ff7746;color:#241b17;display:flex;flex-direction:column;justify-content:space-between;padding:35px}.poster-small,.poster-bottom{font-size:12px}.type-poster strong{font-size:clamp(90px,15vw,240px);font-weight:850;line-height:1.3;align-self:center}.project-space{grid-column:1/-1;width:70%;margin-inline-start:auto}.space-poster{aspect-ratio:1.8;background:#c8c8b6;color:#252923;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.space-poster p{font-size:clamp(25px,4vw,62px);font-weight:300}.space-poster>span:not(.project-open){font-size:12px}.services{background:#202123}.services .section-head{margin-bottom:60px}details{border-top:1px solid #545556}summary{list-style:none;display:flex;align-items:center;gap:25px;padding:27px 0;font-size:23px}summary::-webkit-details-marker{display:none}.service-no{font-size:12px;color:#aaa;margin-inline-end:20px}.plus{margin-inline-start:auto;color:#ff7746}details[open] .plus{transform:rotate(45deg)}.detail-content{padding:0 65px 30px;max-width:850px;color:#bebeb9;font-size:14px}.detail-content span{display:block;margin-top:22px;color:#91928f;font-size:11px}.contact{padding-top:100px;background:#ff7746;color:#201d1b}.contact .eyebrow{color:#4e342a}.contact h2{font-size:clamp(45px,7vw,105px);line-height:1.5;font-weight:500;letter-spacing:-2px}.contact h2 em{font-style:normal;border-bottom:3px solid #201d1b}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:50px}.contact-bottom p{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#201d1b;color:#fff3e8;padding:18px 28px;min-height:52px;border:0;border-radius:2px;font-size:14px}.button:hover{background:#3b302a}.button:active{transform:translateY(1px)}.contact .button:focus-visible{outline-color:#201d1b}.contact details{margin-top:45px;border-color:#a75233}.contact summary{font-size:17px}form{max-width:640px;padding:10px 0 25px}label{display:block;font-size:14px;margin-bottom:7px}input,textarea{width:100%;padding:13px;border:1px solid #79412f;background:#ffffffb8;color:#201d1b;border-radius:3px}textarea{resize:none;min-height:150px}input:focus-visible,textarea:focus-visible{outline-color:#201d1b}.error{min-height:30px;color:#5b1e12;font-size:12px}#form-status{font-size:13px;margin-top:15px}footer{padding-block:35px}footer p,footer>a:last-child{font-size:11px;color:#aaa}.word{display:inline-block}img{max-width:100%}@media(max-width:700px){header{padding-block:22px}.logo{font-size:30px}nav{gap:17px;font-size:11px}.nav-contact .arrow{display:none}.hero{min-height:740px}.hero-top{font-size:9px}.edition{display:none}.hero-copy{padding-top:60px}.hero h1{font-size:clamp(43px,10vw,68px);letter-spacing:-1.5px}.hero-art{object-position:28% center}.hero::after{background:linear-gradient(180deg,#16171999,transparent 85%)}.hero-bottom{margin-top:25px;gap:30px}.hero-bottom p{font-size:12px}.hero-caption{font-size:9px}.section{padding-block:70px}.statement h2{font-size:27px}.statement-bottom{flex-direction:column;gap:20px;margin-top:25px}.section-head{align-items:start;flex-direction:column;gap:13px;margin-bottom:30px}.work-grid{grid-template-columns:1fr;gap:40px}.project-type{padding-top:0}.project-space{width:100%;grid-column:auto}.project-info h3{font-size:15px}.type-poster strong{font-size:170px}.space-poster{padding:28px;aspect-ratio:1.2}.space-poster p{font-size:34px}summary{font-size:17px;gap:13px}.service-no{margin-inline-end:0}.detail-content{padding-inline:25px}.contact h2{font-size:48px}.contact-bottom{align-items:start;flex-direction:column}.contact .button{width:100%}footer{flex-wrap:wrap}footer p{order:3;width:100%;font-size:10px}.round-link{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;transition:none!important;animation:none!important}}
.logo{white-space:nowrap}.portfolio-note{align-self:center;padding:1rem}.portfolio-note h3{font-size:clamp(2rem,4vw,3.5rem);line-height:1.5;margin:1rem 0}.portfolio-note p{max-width:28rem;margin-bottom:1.5rem}.portfolio-note .button{border:1px solid #ff7746}.project-image img{object-position:top}.work-grid{grid-template-columns:minmax(0,1fr)}header{flex-wrap:wrap;gap:1rem}header nav{width:100%;justify-content:space-between;gap:.5rem}nav a{min-height:48px;display:flex;align-items:center;font-size:.875rem}.hero h1{font-size:clamp(2rem,9vw,6.5rem);line-height:1.5}.hero-top,.hero-caption{font-size:.875rem}.hero{min-height:42rem}.hero-bottom p{font-size:1rem}.hero::after{background:linear-gradient(180deg,#161719cc,#16171977 70%,#16171955)}.project-info{flex-wrap:wrap;gap:.75rem}.project-info p,.tag,.eyebrow,.tiny-label,footer p,footer>a:last-child{font-size:.875rem}.button,input,textarea,summary{min-height:48px}input,textarea{font-size:1rem}textarea{resize:vertical}.contact h2{font-size:clamp(2.5rem,8vw,6rem)}footer>a{min-height:48px;display:flex;align-items:center}.section{padding-inline:5%}.hero-caption{gap:1rem}.hero-copy{padding-top:3rem}
@media(min-width:701px){header{flex-wrap:nowrap}header nav{width:auto;gap:2rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:49rem}.hero-copy{padding-top:5rem}.hero::after{background:linear-gradient(270deg,#161719bb,transparent 80%)}}
.hero-art{opacity:.12}.hero::after{pointer-events:none}.hero-copy,.hero-top,.hero-caption{z-index:3;position:relative}#orbit-stage{position:relative;width:100%;height:22rem;z-index:2;isolation:isolate}#orbit-stage canvas{display:block;width:100%;height:100%}.orbit-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}#orbit-stage[data-ready=true] .orbit-fallback{visibility:hidden}#orbit-toggle{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);background:#161719;color:#f1f0e9;border:1px solid #777;padding:.6rem 1.2rem;border-radius:2rem;min-height:48px;white-space:nowrap}.hero{height:auto}.hero-caption{position:relative;margin-top:1rem;bottom:auto}.hero-copy{pointer-events:none}.hero-copy a{pointer-events:auto}@media(min-width:701px){#orbit-stage{position:absolute;left:0;top:12%;width:55%;height:75%}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(3rem,6vw,6rem)}.hero-caption{position:absolute;bottom:2rem}.hero{min-height:49rem}}
.hero{background:#111315;border:1px solid #292c30;border-radius:1.5rem;overflow:hidden}.hero-art{visibility:hidden}.hero::after{display:none}#orbit-stage{background:radial-gradient(ellipse at center,#33261c55,transparent 65%)}.hero h1{letter-spacing:-.04em}.hero .eyebrow{color:#ffad7f}.hero-bottom p{color:#c1c4c7}#orbit-toggle{font-size:.8rem;border-color:#42464b;background:#191c20}.hero-top{color:#afb4ba}.hero-caption{color:#939a9f}.hero-copy{padding-bottom:1rem}@media(min-width:701px){.hero-copy{padding-top:7rem}.hero h1{font-size:clamp(3rem,5.4vw,5.5rem)}#orbit-stage{width:48%;left:2%}.hero{min-height:46rem}}
#orbit-stage canvas{cursor:grab;touch-action:pan-y}#orbit-stage canvas.dragging{cursor:grabbing}#orbit-stage canvas:focus-visible{outline:2px solid #ff7746;outline-offset:-4px}
.hero-art{visibility:visible;opacity:.34}.hero::after{display:block;background:linear-gradient(270deg,#111315cc,transparent 80%)}@media(max-width:700px){.hero::after{background:linear-gradient(180deg,#111315bb,#11131544)}}


/* Compact mobile layout; desktop composition remains above. */
@media(max-width:700px){
header{padding:1rem 5% .5rem;gap:.5rem}header .logo{font-size:1.65rem;min-height:44px}header nav{border-top:1px solid #34363a;padding-top:.25rem}header nav a{font-size:.875rem;min-height:48px}.nav-contact{padding-bottom:0;border-bottom:0}
.hero{margin:.5rem 3% 0;border-radius:1.25rem;min-height:0}.hero-top{padding:1rem 6% 0;font-size:.875rem}.hero-copy{padding:1.5rem 6% .5rem}.hero .eyebrow{font-size:.875rem;margin-bottom:.75rem}.hero h1{font-size:clamp(1.9rem,8.3vw,3.5rem);line-height:1.55;letter-spacing:-.025em}.hero-bottom{gap:1rem;margin-top:1rem;justify-content:space-between}.hero-bottom p{font-size:.9375rem;line-height:1.9}.round-link{width:48px;height:48px;flex-shrink:0}
#orbit-stage{height:clamp(21rem,96vw,29rem);width:100%;margin-top:.5rem;padding-bottom:3.5rem}#orbit-stage canvas{height:100%;width:100%}#orbit-toggle{bottom:.25rem;font-size:.875rem;min-height:48px;padding:.6rem 1.3rem}.hero-caption{inset-inline:auto;padding:1rem 6% 1.25rem;margin-top:0;font-size:.75rem;gap:.5rem;flex-wrap:wrap}.hero-art{object-position:35% center}.hero::after{background:linear-gradient(180deg,#111315ee 0%,#11131599 40%,#11131544 75%,#111315cc)}
.section{padding:3.5rem 6%}.section-head{gap:.75rem;margin-bottom:1.5rem}.section-head p,.statement-bottom p,.detail-content{font-size:1rem;line-height:1.9}.statement h2{font-size:clamp(1.4rem,5.8vw,1.9rem);line-height:1.8}.statement-bottom{gap:1rem;margin-top:1.5rem}.work-grid{gap:2rem}.project-image{border-radius:.75rem;aspect-ratio:1.25}.project-info h3{font-size:1.125rem}.project-info p{line-height:1.8}.portfolio-note{padding:1.5rem 0 0;border-top:1px solid #45474a}.portfolio-note h3{font-size:1.8rem}.portfolio-note .button{width:100%;justify-content:center}.services .section-head{margin-bottom:2rem}summary{font-size:1rem;padding:1.25rem 0;gap:.75rem;align-items:baseline}.detail-content{padding:0 0 1.5rem}.detail-content span{font-size:.875rem}.contact h2{font-size:2.6rem}.contact-bottom{margin-top:1.5rem;gap:1.25rem}.contact-bottom p{font-size:1rem}.contact details{margin-top:2rem}label{font-size:1rem}footer{padding:1.5rem 6%;gap:1rem}footer .logo{font-size:1.5rem}
}
@media(max-width:700px){.reveal-heading{transform:none!important}.services .section-head{align-items:stretch}.section-head h2{margin-bottom:.5rem}}


.round-link{line-height:1;padding:0}.round-link .solar{display:flex;align-items:center;justify-content:center;width:26px;height:26px;line-height:0}.round-link .solar svg{display:block;flex:none;vertical-align:initial}
.hero h1>span{display:inline-block}.button,.round-link,.project-open{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.round-link .solar{transition:transform .25s ease}.plus{transition:transform .25s ease}nav a{transition:color .2s ease}.project-image img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.round-link:hover .solar{transform:translateX(-3px)}.button:hover{box-shadow:0 5px 18px #0002}.project:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){details[open]>.detail-content{animation:detail-reveal .3s ease-out}@keyframes detail-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
#work .project-info{align-items:flex-start}#work .project-info p{max-width:34ch;line-height:1.8}#work .project-image{aspect-ratio:1.5}#work .project-info .tag{margin-top:.25rem}#work .project{min-width:0}
/* Show each project screenshot at its original proportions. */
#work .project-image{aspect-ratio:auto;height:auto}#work .project-image img{display:block;width:100%;height:auto;object-fit:contain}#work .project:hover img{transform:none}