#nt-site.nt-portfolio{--nt-accent:#7d9458}
#nt-site.nt-portfolio .nt-noura-headline h1{font-size:clamp(36px,4.2vw,65px);line-height:1.75;font-weight:800;perspective:900px}
#nt-site.nt-portfolio .nt-hero-create{color:#778b49;display:inline-block;transform:rotate(-5deg);text-shadow:1px 1px #d7dfc4,2px 2px #c9d3b1,3px 3px #b9c79d,4px 5px 0 #dfe5d2}
#nt-site.nt-portfolio .nt-hero-memory{display:inline-block;position:relative;color:#223d30;text-shadow:1px 1px 0 #cad5b9,2px 2px 0 #cad5b9,3px 3px 0 #cad5b9,6px 8px 15px #273e2220;transform:rotateY(-8deg)}
#nt-site.nt-portfolio .nt-hero-memory:after{content:"";position:absolute;inset:auto -3% 7% -3%;height:15%;background:#d7e2bb;z-index:-1;transform:rotate(-2deg);border-radius:50%}
#nt-site.nt-portfolio .nt-noura-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 42px}
#nt-site.nt-portfolio .nt-project-3d{min-width:0;gap:12px}
#nt-site.nt-portfolio .nt-device-scene{perspective:1100px;padding:15px 12px 25px;min-height:0;overflow:visible}
#nt-site.nt-portfolio .nt-device{border:1px solid #a7b49b;border-radius:13px;overflow:hidden;background:#e9eee1;box-shadow:0 15px 0 -8px #aab79b,0 26px 35px -15px #2940274d;transform:rotateX(var(--card-x,5deg)) rotateY(var(--card-y,-5deg));transition:transform .18s ease-out;transform-style:preserve-3d}
#nt-site.nt-portfolio .nt-project-3d:focus-within .nt-device{transform:rotateX(0deg) rotateY(0deg) translateY(-5px)}
#nt-site.nt-portfolio .nt-browser-bar{height:34px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 12px;direction:ltr;gap:12px}
#nt-site.nt-portfolio .nt-browser-bar p{font-family:Vazirmatn,sans-serif;font-size:10px;color:#63715b;margin:0;line-height:1}
#nt-site.nt-portfolio .nt-browser-dots{width:auto;letter-spacing:3px;color:#93a27c}
#nt-site.nt-portfolio .nt-device-screen img{display:block;width:100%;height:285px;object-fit:cover;object-position:top}
#nt-site.nt-portfolio .nt-project-caption{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}
#nt-site.nt-portfolio .nt-project-caption h3{font-size:24px;direction:ltr}
#nt-site.nt-portfolio .nt-project-caption .elementor-button{font-size:13px}
#nt-site.nt-portfolio .nt-active-projects{background:#e9eedf}
#nt-site.nt-portfolio .nt-timeline-empty{border:1px dashed #a4b28d;padding:35px;border-radius:8px;background:#f5f6ef}
#nt-site.nt-portfolio .nt-timeline-empty>span{font-size:30px;letter-spacing:8px;color:#7b9059;display:block;direction:ltr}
#nt-site.nt-portfolio .nt-timeline-empty p{margin:12px 0 0;max-width:680px;color:#52634a;font-size:15px;line-height:2}
#nt-site.nt-portfolio .nt-timeline-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#nt-site.nt-portfolio .nt-timeline-project{border:1px solid #cad3bb;padding:28px;border-radius:10px;background:#f8f8f2}
#nt-site.nt-portfolio .nt-timeline-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap}
#nt-site.nt-portfolio .nt-timeline-heading h3{font-size:22px;margin:0}
#nt-site.nt-portfolio .nt-timeline-heading>span{font-size:12px;color:#5d714d}
#nt-site.nt-portfolio .nt-timeline-project>p{font-size:14px;margin-top:16px}
#nt-site.nt-portfolio .nt-timeline{list-style:none;margin:25px 0 0;padding:0}
#nt-site.nt-portfolio .nt-phase{position:relative;display:flex;gap:15px;padding-bottom:25px;min-height:75px}
#nt-site.nt-portfolio .nt-phase:not(:last-child):before{content:"";position:absolute;top:33px;right:16px;bottom:0;width:1px;background:#c8d2b9}
#nt-site.nt-portfolio .nt-phase-dot{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #c0cbb0;border-radius:50%;background:#f8f8f2;font-size:13px;color:#758568;z-index:1}
#nt-site.nt-portfolio .nt-phase-complete .nt-phase-dot{background:#2d513e;color:#fff;border-color:#2d513e}
#nt-site.nt-portfolio .nt-phase-active .nt-phase-dot{border:2px solid #759144;color:#334b27;box-shadow:0 0 0 5px #e3ebd7}
#nt-site.nt-portfolio .nt-phase-body{padding-top:2px;line-height:1.9}
#nt-site.nt-portfolio .nt-phase-body h4{font-size:16px;margin:0}
#nt-site.nt-portfolio .nt-phase-status{font-size:12px;color:#738268;display:block}
#nt-site.nt-portfolio .nt-phase-active .nt-phase-status{color:#50752f;font-weight:700}
#nt-site.nt-portfolio .nt-phase-date{font-size:11px;display:inline-block;margin-inline-end:15px;color:#7a8472}
#nt-site.nt-portfolio .nt-testimonials{background:#f0f1e8}
#nt-site.nt-portfolio .nt-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#nt-site.nt-portfolio .nt-review{border:1px solid #d5ddc9;padding:27px;gap:20px;background:#f9f9f3;border-radius:3px}
#nt-site.nt-portfolio .nt-sample-badge p{display:inline-block;padding:3px 9px;background:#e4ebd8;border-radius:15px;font-size:11px;color:#546544}
#nt-site.nt-portfolio .nt-review-quote p{font-size:15px;line-height:2.1}
#nt-site.nt-portfolio .nt-review h3{font-size:17px}
#nt-site.nt-portfolio .nt-review-role p{font-size:12px;color:#6c7b63}
#nt-site.nt-portfolio .nt-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
#nt-site.nt-portfolio .nt-article-card{gap:18px}
#nt-site.nt-portfolio .nt-article-card h3{font-size:22px;line-height:1.8}
#nt-site.nt-portfolio .nt-article-card p{font-size:14px}
#nt-site.nt-portfolio .nt-article-art{position:relative;isolation:isolate;overflow:hidden;height:240px;border-radius:6px;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 40%,#e8eddc,#cbd6b8);perspective:700px}
#nt-site.nt-portfolio .nt-art-motion{background:radial-gradient(ellipse at 40% 20%,#dce6da,#779c88)}
#nt-site.nt-portfolio .nt-article-art-label{position:absolute;left:24px;bottom:20px;width:auto;direction:ltr}
#nt-site.nt-portfolio .nt-article-art-label p{font-size:12px;letter-spacing:3px;color:#284433}
#nt-site.nt-portfolio .nt-art-cube{height:90px;width:90px;background:linear-gradient(135deg,#f6f8ec,#718b56);border:1px solid #fff9;box-shadow:18px 20px 0 #839a68,35px 40px 35px #24462938;transform:rotateX(18deg) rotateY(-28deg) rotateZ(-15deg);position:absolute;top:52px;left:calc(50% - 45px)}
#nt-site.nt-portfolio .nt-art-orbit{position:absolute;top:18px;left:calc(50% - 100px);height:190px;width:200px;border:1px solid #4a6b3d55;border-radius:50%;transform:rotateX(50deg) rotateZ(35deg);box-shadow:0 0 0 20px #ffffff21,0 0 0 40px #ffffff16}
#nt-site.nt-portfolio .nt-art-motion .nt-art-cube{border-radius:50%;transform:rotateX(18deg) rotateY(-28deg);box-shadow:15px 16px 0 #52785f,32px 34px 0 #3b655233}
#nt-site.nt-portfolio .nt-order{background:#e8eddf}
#nt-site.nt-portfolio .nt-contact-simple{border-top:1px solid #cbd4bd}
#nt-site.nt-portfolio .nt-contact-copy{gap:20px}
#nt-site.nt-portfolio .nt-contact-copy .nt-address p{font-size:15px}
#nt-site.nt-portfolio .nt-contact-simple h2{font-size:40px}
#nt-site.nt-portfolio .nt-phone a{direction:ltr}
#nt-site.nt-portfolio .nt-article-page{max-width:900px;margin:auto;gap:25px;padding-top:75px;padding-bottom:90px}
#nt-site.nt-portfolio .nt-article-page h1{font-size:clamp(29px,3.6vw,48px);line-height:1.8}
#nt-site.nt-portfolio .nt-article-page h2{font-size:25px;padding-top:20px}
#nt-site.nt-portfolio .nt-article-page p{font-size:16px;line-height:2.3}
#nt-site.nt-portfolio .nt-article-lead p{font-size:19px;color:#637455;border-bottom:1px solid #cfd8c2;padding-bottom:25px}
@media(max-width:767px){
 #nt-site.nt-portfolio .nt-noura-headline h1{font-size:36px;line-height:1.8}
 #nt-site.nt-portfolio .nt-noura-projects,#nt-site.nt-portfolio .nt-review-grid,#nt-site.nt-portfolio .nt-article-grid,#nt-site.nt-portfolio .nt-timeline-projects{grid-template-columns:1fr}
 #nt-site.nt-portfolio .nt-noura-projects{gap:40px}
 #nt-site.nt-portfolio .nt-device-scene{padding:10px 8px 20px}
 #nt-site.nt-portfolio .nt-device-screen img{height:210px}
 #nt-site.nt-portfolio .nt-timeline-project{padding:22px}
 #nt-site.nt-portfolio .nt-timeline-empty{padding:22px}
 #nt-site.nt-portfolio .nt-review{padding:23px}
 #nt-site.nt-portfolio .nt-article-art{height:210px}
 #nt-site.nt-portfolio .nt-article-page{padding-top:35px}
 #nt-site.nt-portfolio .nt-header .nt-nav .elementor-button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#nt-site.nt-portfolio .nt-device{transform:none!important;transition:none}#nt-site.nt-portfolio .nt-hero-create,#nt-site.nt-portfolio .nt-hero-memory{transform:none}}

#nt-site.nt-portfolio{--nt-font:Vazirmatn,Tahoma,Arial,sans-serif;--nt-serif:Vazirmatn,Tahoma,Arial,sans-serif;font-family:Vazirmatn,Tahoma,Arial,sans-serif!important}
#nt-site.nt-portfolio :is(h1,h2,h3,h4,h5,h6,p,a,span,li,label,input,textarea,select,button){font-family:Vazirmatn,Tahoma,Arial,sans-serif!important}