@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#090a0b;--ink-2:#111216;--ink-3:#191a1f;--paper:#f5f1e8;--text:#f5f2ea;--muted:#a8a7a1;--gold:#f3c955;--gold-hi:#ffe29a;--line:rgba(255,255,255,.13);--gold-line:rgba(243,201,85,.42);--sans:Vazirmatn,Arial,sans-serif;--display:Georgia,'Times New Roman',serif}.attariani-block{overflow:hidden;background:var(--ink);color:var(--text);font-family:var(--sans);direction:rtl}.attariani-block *{box-sizing:border-box}.attariani-block a{color:inherit;text-decoration:none}.attariani-block button{font:inherit}.attariani-block .container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.attariani-block .light-section{background:var(--ink-2)}.attariani-block .section-space{padding-block:118px}.attariani-block .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:1.8px}.attariani-block .eyebrow:before{content:'';display:block;width:32px;height:1px;background:currentColor}.attariani-block .highlight,.attariani-block .lime{color:var(--gold)}.attariani-block .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;padding:12px 22px;border:1px solid var(--gold);background:var(--gold);color:#12100b;font-size:12px;font-weight:700;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.attariani-block .button:hover{background:var(--gold-hi);transform:translateY(-3px);box-shadow:0 13px 28px rgba(243,201,85,.18)}.attariani-block .text-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--gold-line);padding-bottom:5px;color:var(--gold-hi);font-size:12px;transition:gap .25s ease}.attariani-block .text-link:hover{gap:13px}.attariani-block .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.55fr);gap:70px;align-items:end;margin-bottom:45px;padding-bottom:29px;border-bottom:1px solid var(--line)}.attariani-block .section-heading h2,.attariani-block .about h2{margin:0;font-family:var(--display);font-size:clamp(39px,4.1vw,62px);font-weight:400;line-height:1.22;letter-spacing:-2.6px}.attariani-block .serif-word{font-style:italic}.attariani-block .heading-star{display:inline-block;margin-inline:9px;color:var(--gold);font-size:.74em;vertical-align:top}.attariani-block .section-intro,.attariani-block .work-intro p{margin:0;color:var(--muted);font-size:13px;line-height:2.15}.attariani-block .site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(9,10,11,.9);backdrop-filter:blur(16px)}.attariani-block .header-inner{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:28px}.attariani-block .brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.attariani-block .brand-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold-line);color:var(--gold-hi);font-family:var(--display);font-size:24px;letter-spacing:-3px}.attariani-block .brand-name{display:flex;flex-direction:column;color:var(--text);font-size:12px;font-weight:700;line-height:1.3}.attariani-block .brand-name>span{margin-top:4px;color:var(--muted);font-size:8px;font-weight:400;letter-spacing:1.45px}.attariani-block .header-actions{display:flex;align-items:center;gap:16px}.attariani-block .main-nav{display:flex;align-items:center;gap:22px}.attariani-block .main-nav>a{position:relative;padding:9px 0;color:#c6c4bd;font-size:11px;white-space:nowrap;transition:color .2s ease}.attariani-block .main-nav>a:after{content:'';position:absolute;right:0;bottom:2px;width:0;height:1px;background:var(--gold);transition:width .25s ease}.attariani-block .main-nav>a:hover,.attariani-block .main-nav>a[aria-current]{color:var(--gold-hi)}.attariani-block .main-nav>a:hover:after,.attariani-block .main-nav>a[aria-current]:after{width:100%}.attariani-block .main-nav .nav-contact{padding:8px 14px;border:1px solid var(--gold-line);color:var(--gold-hi)}.attariani-block .main-nav .nav-contact:after{display:none}.attariani-block .main-nav .nav-contact:hover{background:rgba(243,201,85,.1)}.attariani-block .main-nav .nav-contact span{margin-inline-start:5px;color:var(--gold);font-size:17px;line-height:0}.attariani-block .header-language{border-inline-start:1px solid var(--line);padding-inline-start:16px}.attariani-block .header-language-button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--gold-line);color:var(--gold-hi);font-size:10px;letter-spacing:.7px;transition:background .2s ease,transform .2s ease}.attariani-block .header-language-button:hover{background:rgba(243,201,85,.12);transform:translateY(-2px)}.attariani-block .header-language-button span:first-child{color:var(--gold);font-size:15px}.attariani-block .menu-toggle{display:none;width:39px;height:39px;border:1px solid var(--gold-line);background:transparent;color:var(--gold-hi)}.attariani-block .menu-toggle span{display:block;width:17px;height:1px;margin:4px auto;background:currentColor}.attariani-block .hero{position:relative;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(365px,.86fr);gap:clamp(48px,7vw,114px);align-items:center;min-height:655px;padding-block:75px 83px}.attariani-block .hero:before{content:'';position:absolute;z-index:0;top:0;right:22%;width:1px;height:100%;background:linear-gradient(transparent,rgba(243,201,85,.22),transparent)}.attariani-block .hero-copy{position:relative;z-index:1;max-width:690px}.attariani-block .hero-copy:after{content:'01';position:absolute;top:-23px;right:-54px;color:rgba(243,201,85,.26);font:12px/1 Arial,sans-serif;letter-spacing:2px}.attariani-block .hero .eyebrow{margin-bottom:17px}.attariani-block .hero-name{margin:0 0 9px;color:var(--gold);font-size:15px;font-weight:700;letter-spacing:.3px}.attariani-block .hero h1{max-width:700px;margin:0;font-family:var(--display);font-size:clamp(46px,5.1vw,76px);font-weight:400;line-height:1.18;letter-spacing:-3.5px}.attariani-block .hero-role{display:block}.attariani-block .hero-description{max-width:570px;margin:27px 0 0;color:#cac8c0;font-size:14px;line-height:2.25}.attariani-block .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}.attariani-block .hero-note{display:flex;align-items:center;gap:9px;margin:28px 0 0;color:#898982;font-size:10px}.attariani-block .hero-note:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(243,201,85,.1)}
.attariani-block .hero-visual{position:relative;z-index:1;width:min(100%,455px);height:532px;justify-self:end;isolation:isolate}.attariani-block .hero-visual:before{content:'';position:absolute;z-index:-2;inset:23px -14px -14px 23px;border:1px solid var(--gold-line);background:linear-gradient(135deg,rgba(243,201,85,.13),transparent 44%)}.attariani-block .hero-visual:after{content:'';position:absolute;z-index:-3;top:-42px;left:-54px;width:148px;height:148px;border:1px solid rgba(243,201,85,.3);border-radius:50%;box-shadow:0 0 0 22px rgba(243,201,85,.025),0 0 0 44px rgba(243,201,85,.018)}.attariani-block .portrait-grid{position:absolute;z-index:-1;left:-29px;bottom:58px;width:101px;height:101px;background-image:radial-gradient(rgba(243,201,85,.55) 1px,transparent 1px);background-size:9px 9px;opacity:.55}.attariani-block .portrait-shape{position:absolute;z-index:-1;top:4px;right:-12px;width:82%;height:85%;border:1px solid rgba(255,255,255,.1)}.attariani-block .portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.04) saturate(.9)}.attariani-block .portrait-label{position:absolute;z-index:2;right:-28px;bottom:81px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--gold-line);background:#0c0d0f;color:var(--gold-hi);font-size:9px;letter-spacing:1.15px;writing-mode:vertical-rl}.attariani-block .portrait-label:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold)}.attariani-block .portrait-caption{position:absolute;z-index:2;bottom:0;left:-36px;max-width:230px;padding:13px 17px 14px;border-inline-start:2px solid var(--gold);background:#111217;color:#c6c4be;font-size:10px;line-height:1.85}.attariani-block .portrait-index{position:absolute;z-index:2;top:11px;left:13px;color:var(--gold-hi);font:13px/1 Arial,sans-serif;letter-spacing:2px}.attariani-block .hero-spark{position:absolute;z-index:3;right:-39px;top:44px;color:var(--gold);font-size:25px;animation:attariani-float 5s ease-in-out infinite}.attariani-block .scroll-cue{position:absolute;bottom:24px;left:0;display:flex;align-items:center;gap:11px;color:#888780;font-size:9px;letter-spacing:1.6px}.attariani-block .scroll-cue:after{content:'';display:block;width:45px;height:1px;background:var(--gold-line)}.attariani-block .tool-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d0e10}.attariani-block .tool-inner{display:flex;min-height:108px;align-items:center;gap:40px}.attariani-block .tool-label{flex:0 0 auto;padding-inline-start:21px;border-inline-start:2px solid var(--gold);color:var(--gold-hi);font-size:10px;font-weight:700;letter-spacing:1px}.attariani-block .tool-list{display:flex;align-items:center;justify-content:space-between;gap:28px;flex:1}.attariani-block .tool-item{display:flex;align-items:center;gap:10px;color:#9c9b96;font-size:11px;white-space:nowrap}.attariani-block .tool-item:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold)}.attariani-block .expertise{position:relative}.attariani-block .expertise:before{content:'CAPABILITIES';position:absolute;top:54px;left:-48px;color:rgba(255,255,255,.025);font:700 105px/1 Arial,sans-serif;letter-spacing:15px;writing-mode:vertical-rl;pointer-events:none}.attariani-block .expertise-list{border-top:1px solid var(--line)}.attariani-block .expertise-row{display:grid;grid-template-columns:70px minmax(230px,.8fr) minmax(300px,1.2fr) 58px;gap:28px;align-items:center;min-height:130px;padding:22px 0;border-bottom:1px solid var(--line);transition:padding .28s ease,background .28s ease}.attariani-block .expertise-row:hover{padding-inline:19px;background:rgba(243,201,85,.045)}.attariani-block .expertise-index{color:var(--gold);font:12px/1 Arial,sans-serif;letter-spacing:1px}.attariani-block .expertise-title h3{margin:0;color:var(--text);font-size:21px;font-weight:700}.attariani-block .expertise-title>span{display:block;margin-top:8px;color:#898882;font-size:10px;letter-spacing:.35px}.attariani-block .expertise-row p{max-width:505px;margin:0;color:var(--muted);font-size:12px;line-height:2.1}.attariani-block .row-icon{display:grid;place-items:center;width:54px;height:54px;justify-self:end;border:1px solid var(--gold-line);color:var(--gold);transition:background .25s ease,transform .25s ease}.attariani-block .expertise-row:hover .row-icon{background:var(--gold);color:#14120d;transform:rotate(-8deg)}.attariani-block .row-icon svg{width:21px;height:21px}.attariani-block .work{position:relative;overflow:hidden;background:linear-gradient(135deg,#121317,#0c0d0f 69%)}.attariani-block .work:before{content:'';position:absolute;top:-300px;left:-185px;width:690px;height:690px;border:1px solid rgba(243,201,85,.14);border-radius:50%;box-shadow:0 0 0 65px rgba(243,201,85,.018),0 0 0 130px rgba(243,201,85,.012)}.attariani-block .work .container{position:relative}.attariani-block .filter-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:32px}.attariani-block .filter{padding:8px 13px;border:1px solid transparent;background:transparent;color:#a8a7a0;font-size:11px;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.attariani-block .filter:hover,.attariani-block .filter.active{border-color:var(--gold-line);background:rgba(243,201,85,.09);color:var(--gold-hi)}.attariani-block .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 23px}.attariani-block .project-card{min-width:0;border-top:1px solid var(--line);padding-top:12px;transition:transform .3s ease}.attariani-block .project-card:hover{transform:translateY(-8px)}.attariani-block .project-open{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:pointer}.attariani-block .project-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.34;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#eae7de}.attariani-block .project-image:after{content:'↗';position:absolute;left:13px;bottom:13px;display:grid;place-items:center;width:34px;height:34px;background:var(--gold);color:#17140d;font:20px/1 Arial,sans-serif;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.attariani-block .project-card:hover .project-image:after{opacity:1;transform:none}.attariani-block .project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.attariani-block .project-card:hover .project-image img{transform:scale(1.035)}.attariani-block .project-image.palette-dark{background:#17181b}.attariani-block .image-index{position:absolute;top:10px;right:10px;z-index:1;padding:5px 7px;background:rgba(10,11,13,.82);color:var(--gold-hi);font:9px/1 Arial,sans-serif;letter-spacing:1px}.attariani-block .project-meta{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:15px 1px 1px}.attariani-block .project-category{display:block;margin-bottom:6px;color:var(--gold);font-size:9px;letter-spacing:.65px}.attariani-block .project-meta strong{display:block;color:var(--text);font-size:15px;line-height:1.55}.attariani-block .project-arrow{color:var(--gold);font:25px/1 Arial,sans-serif;transition:transform .25s ease}.attariani-block .project-card:hover .project-arrow{transform:translateX(-5px)}.attariani-block .work-footnote{margin-top:46px;padding-top:22px;border-top:1px solid var(--line);color:#a5a49d;font-size:11px;line-height:2}.attariani-block .show-more-wrap{text-align:center;margin-top:37px}.attariani-block .show-more{min-width:185px;background:transparent;color:var(--gold-hi)}.attariani-block .show-more:hover{background:rgba(243,201,85,.12)}
.attariani-block .about{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.76fr);gap:clamp(52px,7vw,108px);padding:clamp(35px,5vw,72px) 0}.attariani-block .about-story{position:relative}.attariani-block .about-story:after{content:'';position:absolute;top:4px;left:-39px;width:1px;height:122px;background:linear-gradient(var(--gold),transparent)}.attariani-block .about h2{margin-bottom:24px}.attariani-block .about-lead{max-width:600px;margin:0;color:#dbd8d0;font-size:16px;line-height:2.15}.attariani-block .about-story>p:not(.about-lead):not(.eyebrow){max-width:595px;margin:20px 0 0;color:var(--muted);font-size:12px;line-height:2.22}.attariani-block .about .text-link{margin-top:27px}.attariani-block .signature{margin:32px 0 0;color:var(--gold-hi);font-family:var(--display);font-size:22px;font-style:italic}.attariani-block .experience{padding:6px 0 0;border-top:1px solid var(--gold-line)}.attariani-block .experience-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:22px;color:var(--gold-hi);font-size:12px}.attariani-block .experience-heading span{color:#85847e;font:10px/1 Arial,sans-serif;letter-spacing:1px}.attariani-block .timeline{list-style:none;margin:0;padding:0}.attariani-block .timeline>li{position:relative;padding:0 22px 27px 0;border-inline-start:1px solid var(--line)}.attariani-block .timeline>li:before{content:'';position:absolute;right:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--gold)}.attariani-block .timeline>li:last-child{padding-bottom:0;border-color:transparent}.attariani-block .timeline time{display:block;margin-bottom:7px;color:var(--gold);font:10px/1 Arial,sans-serif;letter-spacing:1px}.attariani-block .timeline h3{margin:0;color:var(--text);font-size:14px}.attariani-block .timeline p{margin:6px 0 0;color:#94938e;font-size:11px;line-height:1.8}.attariani-block .certificates{position:relative;background:#101116}.attariani-block .certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.attariani-block .certificate-card{overflow:hidden;border:1px solid var(--line);background:#15161a;transition:transform .3s ease,border-color .3s ease}.attariani-block .certificate-card:hover{border-color:var(--gold-line);transform:translateY(-6px)}.attariani-block .certificate-image{position:relative;display:block;width:100%;aspect-ratio:1.48;overflow:hidden;border-bottom:1px solid var(--line);background:#e7e5de;cursor:zoom-in}.attariani-block .certificate-image img{display:block;width:100%;height:100%;object-fit:contain}.attariani-block .certificate-zoom{position:absolute;bottom:11px;left:11px;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--gold-line);background:#101116;color:var(--gold);font-size:17px}.attariani-block .certificate-info{padding:16px}.attariani-block .certificate-info span{display:block;margin-bottom:6px;color:var(--gold);font-size:9px;letter-spacing:.65px}.attariani-block .certificate-info strong{font-size:13px;line-height:1.7}.attariani-block .contact{position:relative;padding-top:118px;padding-bottom:118px}.attariani-block .contact-shell{position:relative;isolation:isolate;overflow:hidden;padding:clamp(38px,6vw,86px);border:1px solid var(--gold-line);background:linear-gradient(130deg,#171511,#0e0f12 60%)}.attariani-block .contact-shell:before{content:'';position:absolute;z-index:-1;top:-195px;left:-151px;width:505px;height:505px;border:1px solid rgba(243,201,85,.3);border-radius:50%;box-shadow:0 0 0 44px rgba(243,201,85,.035),0 0 0 88px rgba(243,201,85,.02)}.attariani-block .contact-shell:after{content:'LET’S WORK';position:absolute;z-index:-1;left:-8px;bottom:-23px;color:rgba(243,201,85,.055);font:700 clamp(50px,8vw,132px)/1 Arial,sans-serif;letter-spacing:-5px;white-space:nowrap}.attariani-block .contact-top{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:41px;border-bottom:1px solid rgba(255,255,255,.16)}.attariani-block .contact .eyebrow{margin-bottom:14px}.attariani-block .contact h2{max-width:690px;margin:0;font-family:var(--display);font-size:clamp(40px,5.3vw,77px);font-weight:400;line-height:1.16;letter-spacing:-3px}.attariani-block .contact-spark{flex:0 0 auto;color:var(--gold);font-size:43px;animation:attariani-float 5s ease-in-out infinite reverse}.attariani-block .contact-bottom{display:grid;grid-template-columns:minmax(0,.8fr) minmax(450px,1.2fr);gap:50px;align-items:end;margin-top:42px}.attariani-block .contact-bottom>p{max-width:330px;margin:0;color:#bbb9b1;font-size:13px;line-height:2.15}.attariani-block .contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.attariani-block .contact-card{display:flex;min-height:112px;flex-direction:column;justify-content:space-between;padding:15px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.14);transition:background .25s ease,transform .25s ease,border-color .25s ease}.attariani-block .contact-card:hover{border-color:var(--gold-line);background:rgba(243,201,85,.1);transform:translateY(-4px)}.attariani-block .contact-card svg{width:20px;height:20px;color:var(--gold)}.attariani-block .contact-card span{color:#d9d6cc;font-size:11px;word-break:break-word}.attariani-block .contact-card small{display:block;margin-top:4px;color:#85847e;font-size:9px}.attariani-block .copy-email{margin-top:14px;padding:0;border:0;background:none;color:var(--gold-hi);font-size:11px;cursor:pointer}.attariani-block .site-footer{border-top:1px solid var(--line);background:#090a0b}.attariani-block .footer-inner{display:flex;min-height:91px;align-items:center;justify-content:space-between;gap:20px;color:#8f8e88;font-size:10px}.attariani-block .footer-links{display:flex;gap:20px}.attariani-block .footer-links a:hover{color:var(--gold-hi)}.attariani-block .toast{position:fixed;z-index:90;bottom:20px;left:20px;padding:12px 15px;background:var(--gold);color:#16130c;font-size:12px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.3)}.attariani-block .detail-dialog{width:min(900px,calc(100% - 32px));border:1px solid var(--gold-line);padding:0;background:#111216;color:var(--text)}.attariani-block .detail-dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.attariani-block .detail-dialog img{display:block;width:100%;max-height:78vh;object-fit:contain;background:#eceae2}.attariani-block .detail-dialog .dialog-content{padding:18px}.attariani-block .dialog-close{float:left;border:1px solid var(--gold-line);background:transparent;color:var(--gold);cursor:pointer}.attariani-block .svg-definitions{position:absolute;width:0;height:0;overflow:hidden}@keyframes attariani-float{50%{transform:translateY(-12px) rotate(8deg)}}
@media(max-width:1080px){.attariani-block .container{width:min(100% - 56px,1240px)}.attariani-block .main-nav{gap:15px}.attariani-block .hero{grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:48px;min-height:600px}.attariani-block .hero h1{font-size:clamp(45px,5vw,62px)}.attariani-block .hero-visual{width:100%;height:460px}.attariani-block .expertise-row{grid-template-columns:50px minmax(180px,.85fr) minmax(230px,1.15fr) 48px}.attariani-block .contact-bottom{grid-template-columns:1fr}.attariani-block .contact-bottom>p{max-width:440px}}
@media(max-width:830px){.attariani-block .container{width:min(100% - 40px,1240px)}.attariani-block .header-inner{min-height:73px}.attariani-block .main-nav{position:absolute;top:72px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 20px;border-bottom:1px solid var(--gold-line);background:#111216}.attariani-block .main-nav.is-open{display:flex}.attariani-block .main-nav>a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.attariani-block .main-nav>a:after{display:none}.attariani-block .main-nav .nav-contact{margin-top:13px;padding:11px 14px;text-align:center}.attariani-block .menu-toggle{display:block}.attariani-block .header-actions{gap:10px}.attariani-block .header-language{margin-inline-start:auto;padding-inline-start:0;border:0}.attariani-block .section-space{padding-block:88px}.attariani-block .section-heading{grid-template-columns:1fr;gap:17px;margin-bottom:34px;padding-bottom:22px}.attariani-block .section-heading h2,.attariani-block .about h2{font-size:47px}.attariani-block .hero{grid-template-columns:1.05fr .8fr;gap:26px;min-height:0;padding-block:63px}.attariani-block .hero h1{font-size:clamp(39px,5vw,49px);letter-spacing:-2.5px}.attariani-block .hero-description{font-size:12px;line-height:2.1}.attariani-block .hero-visual{height:385px}.attariani-block .portrait-caption{left:-17px;max-width:185px;padding:9px 11px;font-size:9px}.attariani-block .portrait-label{right:-18px}.attariani-block .scroll-cue{display:none}.attariani-block .tool-inner{min-height:88px;gap:24px}.attariani-block .tool-list{gap:18px;overflow:auto}.attariani-block .tool-item{font-size:10px}.attariani-block .expertise-row{grid-template-columns:34px minmax(150px,.8fr) minmax(180px,1.1fr) 43px;gap:16px;min-height:113px}.attariani-block .expertise-row p{font-size:11px}.attariani-block .row-icon{width:43px;height:43px}.attariani-block .project-grid,.attariani-block .certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attariani-block .about{grid-template-columns:1fr;gap:55px}.attariani-block .contact{padding-top:88px;padding-bottom:88px}.attariani-block .contact-bottom{gap:31px}.attariani-block .contact-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:590px){.attariani-block .container{width:calc(100% - 32px)}.attariani-block .section-space{padding-block:67px}.attariani-block .header-inner{min-height:66px;gap:10px}.attariani-block .brand-symbol{width:35px;height:35px;font-size:20px}.attariani-block .brand-name{font-size:10px}.attariani-block .brand-name>span{font-size:7px}.attariani-block .header-language-button{min-height:31px;padding:6px 8px;font-size:9px}.attariani-block .menu-toggle{width:34px;height:34px}.attariani-block .main-nav{top:65px}.attariani-block .hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-block:45px 54px}.attariani-block .hero:before{right:auto;left:11px;height:55%}.attariani-block .hero-copy:after{top:-14px;right:auto;left:0}.attariani-block .hero h1{font-size:clamp(40px,11vw,48px);line-height:1.22;letter-spacing:-2.6px}.attariani-block .hero-name{font-size:13px}.attariani-block .hero-description{margin-top:19px;font-size:12px;line-height:2.1}.attariani-block .hero-actions{gap:17px;margin-top:25px}.attariani-block .hero-note{margin-top:22px}.attariani-block .button{min-height:45px;padding:10px 16px}.attariani-block .hero-visual{order:2;width:calc(100% - 22px);height:400px;margin:43px 0 0 auto}.attariani-block .hero-visual:before{inset:15px -10px -10px 15px}.attariani-block .hero-visual:after{top:-29px;left:-30px;width:100px;height:100px}.attariani-block .portrait-label{right:-15px;bottom:67px;padding:7px 8px;font-size:8px}.attariani-block .portrait-caption{bottom:-1px;left:-15px;max-width:205px;font-size:8px}.attariani-block .portrait-index{top:9px;left:9px}.attariani-block .hero-spark{right:-23px;top:23px}.attariani-block .tool-inner{min-height:74px;gap:15px}.attariani-block .tool-label{padding-inline-start:11px;font-size:8px}.attariani-block .tool-list{gap:17px}.attariani-block .tool-item{font-size:9px}.attariani-block .section-heading{display:block;margin-bottom:28px;padding-bottom:17px}.attariani-block .section-heading h2,.attariani-block .about h2{font-size:37px;letter-spacing:-1.8px}.attariani-block .section-intro,.attariani-block .work-intro p{margin-top:15px;font-size:11px;line-height:2}.attariani-block .expertise:before{display:none}.attariani-block .expertise-row{grid-template-columns:20px 1fr 39px;gap:12px;min-height:0;padding:19px 0}.attariani-block .expertise-row:hover{padding-inline:8px}.attariani-block .expertise-title h3{font-size:16px}.attariani-block .expertise-row p{grid-column:2 / 4;margin-top:-2px;font-size:10px;line-height:2}.attariani-block .row-icon{width:39px;height:39px}.attariani-block .work{padding-inline:0}.attariani-block .work .container{width:calc(100% - 32px)}.attariani-block .filter-bar{gap:6px;margin-bottom:24px}.attariani-block .filter{padding:7px 9px;font-size:10px}.attariani-block .project-grid,.attariani-block .certificate-grid{grid-template-columns:1fr;gap:25px}.attariani-block .project-image{aspect-ratio:1.43}.attariani-block .project-meta strong{font-size:14px}.attariani-block .work-footnote{margin-top:31px;font-size:10px}.attariani-block .about{display:block;padding-block:0}.attariani-block .about-story:after{left:-16px}.attariani-block .about-lead{font-size:14px}.attariani-block .experience{margin-top:42px}.attariani-block .certificate-info{padding:14px}.attariani-block .contact{padding-block:67px}.attariani-block .contact-shell{margin-inline:-16px;padding:35px 20px}.attariani-block .contact-top{display:block;padding-bottom:29px}.attariani-block .contact h2{font-size:40px;letter-spacing:-2px}.attariani-block .contact-spark{display:none}.attariani-block .contact-bottom{margin-top:29px}.attariani-block .contact-links{grid-template-columns:1fr;gap:8px}.attariani-block .contact-card{min-height:86px;flex-direction:row;align-items:center;gap:16px}.attariani-block .contact-card div{flex:1}.attariani-block .footer-inner{min-height:80px;flex-direction:column;justify-content:center}.attariani-block .footer-links{gap:14px}}
@media(prefers-reduced-motion:no-preference){html.attariani-motion-ready .attariani-block.motion-enabled .motion-item{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}html.attariani-motion-ready .attariani-block.motion-enabled .motion-item.motion-revealed{opacity:1;transform:none}.attariani-block .project-card,.attariani-block .certificate-card,.attariani-block .contact-card{will-change:transform}}@media(prefers-reduced-motion:reduce){.attariani-block *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{body.attariani-page,.attariani-block{background:#fff!important;color:#111!important}.attariani-block .site-header,.attariani-block .hero-visual,.attariani-block .hero-actions,.attariani-block .tool-strip,.attariani-block .scroll-cue,.attariani-block .filter-bar,.attariani-block .project-grid,.attariani-block .show-more-wrap,.attariani-block .contact-spark,.attariani-block .contact-bottom .button,.attariani-block .site-footer,.attariani-block .svg-definitions,.attariani-block .toast,.attariani-block .detail-dialog,.attariani-block .copy-email{display:none!important}.attariani-block .container{width:100%}.attariani-block .section-space{padding-block:20px}.attariani-block .hero{display:block;min-height:0;padding-block:10px}.attariani-block .hero h1{font-size:32px}.attariani-block .hero-name,.attariani-block .highlight{color:#72580d}.attariani-block .hero-description,.attariani-block .expertise-row p,.attariani-block .about-story>p,.attariani-block .timeline p{color:#333}.attariani-block .work,.attariani-block .certificates{display:none}.attariani-block .expertise-row{grid-template-columns:25px 1fr 2fr 30px}.attariani-block .contact{padding-block:20px}.attariani-block .contact-shell{padding:0;border:0;background:none}.attariani-block .contact h2{font-size:29px}.attariani-block .contact-links{margin-top:20px}}

/* Motion visibility fallback: blocks receive the reveal state, while items remain readable at every stage. */
.hero{direction:ltr}.hero-copy,.hero-visual{direction:rtl}
@media(prefers-reduced-motion:no-preference){
  html.attariani-motion-ready .attariani-block.motion-enabled.motion-pending .motion-item{opacity:1;transform:none}
  html.attariani-motion-ready .attariani-block.motion-enabled.motion-revealed .motion-item{opacity:1;transform:none}
  .attariani-block .project-card.motion-item:hover,.attariani-block .certificate-card.motion-item:hover,.attariani-block .contact-card.motion-item:hover{transform:translateY(-6px)}
}


/* Professional portfolio refinement — 2026-10 */
:root {
  --ink: #08090c;
  --ink-2: #101116;
  --ink-3: #191a20;
  --paper: #f8f5ed;
  --text: #f8f5ed;
  --muted: #b7b5ae;
  --gold: #f6cb4d;
  --gold-hi: #fff0af;
  --gold-line: rgba(246, 203, 77, .52);
  --line: rgba(255, 248, 230, .12);
}

.attariani-block .container { width: min(1320px, calc(100% - 112px)); }
.attariani-block .section-space { padding-block: 104px; }
.attariani-block .site-header {
  position: sticky; top: 0; z-index: 80;
  border-bottom: 1px solid rgba(246, 203, 77, .17);
  background: rgba(8, 9, 12, .84); backdrop-filter: blur(18px);
}
.attariani-block .header-inner { min-height: 78px; }
.attariani-block .main-nav {
  gap: 4px; padding: 6px; border: 1px solid rgba(255, 248, 230, .10);
  border-radius: 999px; background: rgba(255,255,255,.025);
}
.attariani-block .main-nav a { padding: 8px 13px; border-radius: 999px; font-size: 12px; }
.attariani-block .main-nav a:hover,
.attariani-block .main-nav a:focus-visible { color: var(--ink); background: var(--gold); }
.attariani-block .header-language { padding: 0; border: 0; }
.attariani-block .header-language-button {
  min-height: 38px; padding: 0 14px; border: 1px solid var(--gold-line);
  border-radius: 999px; color: var(--gold-hi); background: linear-gradient(135deg, rgba(246,203,77,.16), rgba(246,203,77,.035));
  box-shadow: inset 0 0 0 1px rgba(255,240,175,.05);
}
.attariani-block .header-language-button:hover { background: var(--gold); color: var(--ink); transform: translateY(-1px); }

.attariani-block .hero {
  direction: ltr; grid-template-areas: "copy visual"; grid-template-columns: minmax(0, 1.13fr) minmax(360px, .87fr);
  gap: clamp(44px, 7vw, 122px); min-height: calc(100svh - 79px); padding-block: 58px 82px;
}
.attariani-block .hero-copy { grid-area: copy; direction: rtl; align-self: center; max-width: 735px; text-align: right; }
.attariani-block .hero-visual {
  grid-area: visual; direction: rtl; justify-self: end; width: min(100%, 470px); height: 570px;
  border-radius: 236px 236px 20px 20px; box-shadow: 28px 34px 0 rgba(246,203,77,.10), 0 34px 90px rgba(0,0,0,.48);
}
.attariani-block .hero-visual::after { border-color: rgba(246,203,77,.54); }
.attariani-block .hero h1 { margin: 16px 0 22px; max-width: 715px; font-family: var(--sans); font-weight: 800; letter-spacing: -.055em; line-height: 1.02; }
.attariani-block .hero-name { display: block; margin-bottom: 14px; color: var(--gold); font-family: var(--mono); font-size: 12px; font-weight: 500; letter-spacing: .08em; }
.attariani-block .hero-headline { display: block; color: var(--text); font-size: clamp(43px, 4.35vw, 70px); }
.attariani-block .hero-role { display: block; margin-top: 15px; color: var(--muted); font-size: clamp(23px, 2.35vw, 37px); line-height: 1.18; letter-spacing: -.035em; }
.attariani-block .hero .highlight { color: var(--gold-hi); }
.attariani-block .hero-description { max-width: 610px; margin-block: 0 30px; color: #cbc8bf; font-size: clamp(15px, 1.12vw, 17px); line-height: 2; }
.attariani-block .hero-actions { gap: 13px; }
.attariani-block .hero-note { margin-top: 25px; color: #a9a69e; }
.attariani-block .scroll-cue { bottom: 23px; color: var(--gold); }

.attariani-block .button-primary {
  border-color: var(--gold); color: #11100c; background: linear-gradient(135deg, var(--gold-hi), var(--gold));
  box-shadow: 0 10px 30px rgba(246,203,77,.18);
}
.attariani-block .button-primary:hover { box-shadow: 0 15px 36px rgba(246,203,77,.30); transform: translateY(-3px); }
.attariani-block .button-secondary { border-color: rgba(246,203,77,.42); color: var(--gold-hi); }
.attariani-block .button-secondary:hover { border-color: var(--gold); background: rgba(246,203,77,.10); }

.attariani-block .section-heading { grid-template-columns: minmax(0, 1.28fr) minmax(260px, .72fr); gap: 38px; margin-bottom: 40px; }
.attariani-block .section-heading h2,
.attariani-block .contact h2 { font-family: var(--sans); font-weight: 800; letter-spacing: -.05em; }
.attariani-block .section-heading h2 { font-size: clamp(35px, 4vw, 62px); line-height: 1.06; }
.attariani-block .section-heading p { max-width: 410px; font-size: 15px; line-height: 1.95; }
.attariani-block .eyebrow { color: var(--gold); font-weight: 600; letter-spacing: .08em; }

.attariani-block .work { background: radial-gradient(circle at 78% 8%, rgba(246,203,77,.10), transparent 25%), var(--ink-2); }
.attariani-block .project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 27px 22px; }
.attariani-block .project-card {
  overflow: hidden; border: 1px solid rgba(255,248,230,.12); border-radius: 15px;
  background: linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
  box-shadow: 0 15px 35px rgba(0,0,0,.16); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.attariani-block .project-card:hover { border-color: var(--gold-line); box-shadow: 0 24px 52px rgba(0,0,0,.32); transform: translateY(-7px); }
.attariani-block .project-image {
  aspect-ratio: 4 / 3; padding: 12px; border: 0; border-bottom: 1px solid rgba(255,248,230,.10);
  background: linear-gradient(145deg, #0b0d11, #151821); overflow: hidden;
}
.attariani-block .project-image::before { inset: 12px; border: 1px solid rgba(246,203,77,.18); background: transparent; }
.attariani-block .project-image img {
  position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; object-position: center;
  border-radius: 5px; background: #090a0d; transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease;
}
.attariani-block .project-card:hover .project-image img { transform: scale(1.035); filter: brightness(1.07); }
.attariani-block .project-open { display: none; }
.attariani-block .image-index { top: 23px; right: 23px; z-index: 2; background: rgba(8,9,12,.76); backdrop-filter: blur(8px); }
.attariani-block .project-meta { min-height: 116px; padding: 19px 20px 21px; }
.attariani-block .project-meta h3 { font-size: 18px; }
.attariani-block .project-meta p { font-size: 12px; }

.attariani-block .expertise-list { border-top-color: rgba(246,203,77,.28); }
.attariani-block .expertise-row { padding-block: 27px; }
.attariani-block .expertise-row:hover { padding-right: 15px; background: linear-gradient(90deg, transparent, rgba(246,203,77,.07)); }
.attariani-block .expertise-name { font-family: var(--sans); font-weight: 700; }

.attariani-block .certificate-card,
.attariani-block .tool-card { border-color: rgba(255,248,230,.12); background: rgba(255,255,255,.025); }
.attariani-block .certificate-card:hover,
.attariani-block .tool-card:hover { border-color: var(--gold-line); }

.attariani-block .contact { background: var(--ink); }
.attariani-block .contact-shell {
  padding: clamp(35px, 5.2vw, 74px); border: 1px solid rgba(246,203,77,.35); border-radius: 20px;
  background: radial-gradient(circle at 88% 8%, rgba(246,203,77,.17), transparent 24%), linear-gradient(135deg, #15171c, #0b0c10 70%);
  box-shadow: 0 28px 80px rgba(0,0,0,.30);
}
.attariani-block .contact h2 { max-width: 850px; margin-top: 22px; font-size: clamp(36px, 5vw, 74px); line-height: 1.05; }
.attariani-block .contact h2 span { color: var(--gold-hi); }
.attariani-block .contact-bottom { align-items: end; gap: 35px; margin-top: 34px; }
.attariani-block .contact-bottom p { max-width: 550px; font-size: 16px; line-height: 1.95; }
.attariani-block .contact-links { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 48px; border: 1px solid rgba(255,248,230,.11); border-radius: 14px; overflow: hidden; }
.attariani-block .contact-card { min-height: 142px; padding: 22px; border: 0; border-left: 1px solid rgba(255,248,230,.10); background: rgba(255,255,255,.025); }
.attariani-block .contact-card:last-child { border-left: 0; }
.attariani-block .contact-card:hover { background: rgba(246,203,77,.10); }
.attariani-block .contact-card-label { color: var(--gold); font-family: var(--mono); font-size: 10px; letter-spacing: .07em; }
.attariani-block .contact-card-value { margin-top: 15px; font-size: 14px; font-weight: 600; }

@media (prefers-reduced-motion: no-preference) {
  .attariani-block .hero-visual { animation: attariani-portrait-float 7s ease-in-out infinite; }
  .attariani-block .contact-shell { animation: attariani-contact-glow 5s ease-in-out infinite alternate; }
}
@keyframes attariani-portrait-float { 50% { transform: translateY(-9px); } }
@keyframes attariani-contact-glow { to { box-shadow: 0 32px 88px rgba(0,0,0,.38), 0 0 42px rgba(246,203,77,.08); } }

@media (max-width: 980px) {
  .attariani-block .container { width: min(100% - 52px, 1320px); }
  .attariani-block .hero { grid-template-columns: minmax(0, 1fr) minmax(305px, .78fr); gap: 38px; }
  .attariani-block .hero-visual { height: 485px; }
  .attariani-block .project-grid { gap: 18px; }
  .attariani-block .contact-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .attariani-block .contact-card:nth-child(2) { border-left: 0; }
  .attariani-block .contact-card:nth-child(n+3) { border-top: 1px solid rgba(255,248,230,.10); }
}
@media (max-width: 760px) {
  .attariani-block .container { width: min(100% - 34px, 1320px); }
  .attariani-block .section-space { padding-block: 72px; }
  .attariani-block .main-nav { border: 0; background: transparent; }
  .attariani-block .hero { grid-template-areas: "copy" "visual"; grid-template-columns: 1fr; min-height: auto; padding-block: 38px 65px; }
  .attariani-block .hero-copy { max-width: none; }
  .attariani-block .hero-visual { justify-self: center; width: min(100%, 390px); height: 470px; }
  .attariani-block .hero-headline { font-size: clamp(39px, 11vw, 57px); }
  .attariani-block .hero-role { font-size: clamp(22px, 6.5vw, 31px); }
  .attariani-block .section-heading { grid-template-columns: 1fr; gap: 16px; }
  .attariani-block .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .attariani-block .hero-visual { height: 410px; }
  .attariani-block .hero-description { font-size: 14px; }
  .attariani-block .project-grid { grid-template-columns: 1fr; gap: 18px; }
  .attariani-block .contact-shell { padding: 28px 21px; }
  .attariani-block .contact-links { grid-template-columns: 1fr; }
  .attariani-block .contact-card,
  .attariani-block .contact-card:nth-child(2) { min-height: 112px; border-top: 1px solid rgba(255,248,230,.10); border-left: 0; }
  .attariani-block .contact-card:first-child { border-top: 0; }
}