@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}a,button,[role=button],label,input,select,textarea{-webkit-tap-highlight-color:transparent}button{-webkit-touch-callout:none}body{font-family:Vazirmatn,sans-serif;background:#fff3e6;color:#381932;direction:rtl}body.dark{background:#381932;color:#fff3e6}.page{display:flex;height:100vh;height:100dvh;padding:12px;gap:12px;overflow:hidden}.col-brand{position:relative}.menu-circles{display:flex;flex-direction:column;gap:8px;padding-top:clamp(24px,2.5vw,40px);position:absolute;top:0;right:100%;margin-right:-22px;z-index:5}.icon-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background:#fff3e6;color:#381932b3;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #00000014;position:relative}.icon-circle:hover{background:#fff;color:#381932;box-shadow:0 4px 12px #0000001f}.icon-circle:before{content:"";position:absolute;top:50%;left:calc(100% + 2px);transform:translateY(-50%) translate(-4px);opacity:0;width:0;height:0;border-style:solid;border-width:6px 8px 6px 0;border-color:transparent #5c2d3e transparent transparent;pointer-events:none;transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1);z-index:1}body.dark .icon-circle:before{border-color:transparent #7a3d52 transparent transparent}.icon-circle:after{content:attr(data-tooltip);position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%) translate(-6px);opacity:0;padding:7px 14px;border-radius:12px;background:linear-gradient(145deg,#5c2d3e,#3e1f2e);color:#f5e6d3;font-family:Vazirmatn,sans-serif;font-size:.75rem;font-weight:400;white-space:nowrap;pointer-events:none;border:1px solid rgba(212,175,55,.3);box-shadow:0 4px 20px #0000004d,inset 0 1px 1px #d4af3726;transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1)}body.dark .icon-circle:after{background:linear-gradient(145deg,#7a3d52,#4a2838);color:#f5e6d3;border-color:#d4af3759;box-shadow:0 6px 24px #0006,inset 0 1px 1px #d4af371f}.icon-circle:hover:before{opacity:1;transform:translateY(-50%) translate(0)}.icon-circle:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.icon-svg{width:20px;height:20px;display:inline-block}.content{flex:1;display:flex;gap:clamp(8px,.8vw,12px);min-height:0}.col-brand{width:33.333%;display:flex;flex-direction:column;padding:clamp(24px,3vw,44px) clamp(16px,2.2vw,36px) clamp(24px,2.8vw,40px);padding-right:calc(clamp(16px,2.2vw,36px) + 13px);position:relative;overflow:visible;min-height:0;height:100%}.col-brand .logo-wrap{text-align:center}.col-brand .brand-label{font-family:Kanit,sans-serif;font-size:clamp(.65rem,.8vw,1.1rem);font-weight:400;color:#381932;line-height:1;margin-top:8px;letter-spacing:clamp(2px,.3vw,5px);text-align:center;padding:0 clamp(2px,.3vw,5px)}body.dark .col-brand .brand-label{color:#fff3e6}.col-brand .about{color:#381932;font-size:clamp(.78rem,1.2vw,.95rem);line-height:2;font-weight:300;text-align:justify;letter-spacing:.5px;margin-top:48px;opacity:.75;flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,243,230,.2) transparent;scrollbar-gutter:stable;padding-left:15px}.col-brand .about::-webkit-scrollbar{width:4px}.col-brand .about::-webkit-scrollbar-track{background:transparent}.col-brand .about::-webkit-scrollbar-thumb{background:#fff3e633;border-radius:4px}body.dark .col-brand .about{color:#fff3e6;opacity:.75}body.dark .col-brand .about::-webkit-scrollbar-thumb{background:#fff3e633}.col-brand .about p+p{margin-top:1.2em}.col-brand .about strong{display:inline-block;padding:2px 12px;border-radius:20px;font-weight:600;background:#381932;color:#fff3e6}body.dark .col-brand .about strong{background:#fff3e6;color:#381932}.logo-svg{height:min(14vw,200px);width:auto;display:inline-block}.logo-svg path{fill:currentColor}body.dark .logo-svg{color:#fff3e6}.logo-wrap .logo-svg{animation:logo-float 5s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stats{display:flex;flex-direction:column;gap:6px;margin-top:24px;flex-shrink:0}.stat-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:#3819320a;border-right:4px solid var(--stat-color);position:relative}body.dark .stat-item{background:#fff3e60a}.stat-label{font-size:.7rem;color:#3819328c;font-weight:400}body.dark .stat-label{color:#fff3e68c}.stat-num{font-family:Vazirmatn,sans-serif;font-size:1.2rem;font-weight:700;color:#381932;line-height:1}body.dark .stat-num{color:#fff3e6}.stat-item:nth-child(3) .stat-num{color:#c44536;font-weight:900}body.dark .stat-item:nth-child(3) .stat-num{color:#e87a6a}.stat-bar{height:4px;background:#3819320f;border-radius:2px;overflow:hidden;position:absolute;bottom:0;left:14px;right:14px;box-shadow:inset 0 1px 2px #0000000d}body.dark .stat-bar{background:#fff3e60f}.stat-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#e74c3c,#f39c12);transition:width .6s ease;position:relative}body.dark .stat-fill{background:linear-gradient(90deg,#e87a6a,#f1c40f)}.stat-fill.complete,body.dark .stat-fill.complete{background:linear-gradient(90deg,#2ecc71,#27ae60)}.stat-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#2ecc71;color:#fff;font-size:12px;margin-right:6px;vertical-align:middle}body.dark .stat-check{background:#2ecc71}.col-cards{flex:1;background:#381932;padding:clamp(24px,2.5vw,40px) clamp(16px,2.2vw,36px);display:flex;flex-direction:column;border-radius:20px;gap:clamp(12px,1.2vw,20px);overflow-y:auto;scrollbar-width:thin;margin-right:calc(15px + clamp(4px,.4vw,6px))}.col-cards::-webkit-scrollbar{width:4px}.col-cards::-webkit-scrollbar-track{background:transparent}.col-cards::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}body.dark .col-cards{background:#fff3e6}body.dark .col-cards::-webkit-scrollbar-thumb{background:#38193240}.col-cards .top-label{font-family:Rubik,sans-serif;font-size:.72em;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#fffc;margin-bottom:20px}body.dark .col-cards .top-label{color:#381932d9}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:1fr;gap:16px;flex:1}.grid .card{animation:card-in .45s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * 55ms)}.card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:flex-end}@media(hover:hover)and (pointer:fine){.card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}}@media(hover:none)and (pointer:coarse){.card:active{transform:scale(.98)}}.card .card-badge{position:absolute;top:12px;left:12px;z-index:5;padding:4px 12px;border-radius:20px;font-family:Vazirmatn,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000040}.card-bg{position:absolute;inset:0;background-image:var(--img),linear-gradient(135deg,#5b6299,#3b4279);background-size:cover,auto;background-position:center,center;z-index:0}.card:nth-child(1) .card-bg{background-image:var(--img),linear-gradient(135deg,#c44536,#8a2e22)}.card:nth-child(2) .card-bg{background-image:var(--img),linear-gradient(135deg,#2c7a68,#1a4d41)}.card:nth-child(3) .card-bg{background-image:var(--img),linear-gradient(135deg,#b67c3c,#7a5328)}.card:nth-child(4) .card-bg{background-image:var(--img),linear-gradient(135deg,#5b6299,#3b4279)}.card:nth-child(5) .card-bg{background-image:var(--img),linear-gradient(135deg,#7a5c8a,#4e3a5a)}.card:nth-child(6) .card-bg{background-image:var(--img),linear-gradient(135deg,#3a7a8a,#1e4d56)}.card-logo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none;opacity:.2}.card-pastel{justify-content:center;align-items:stretch;gap:0;height:100%}.card-pastel .card-bg-pastel{position:absolute;inset:0;background:var(--pastel);z-index:0}.card-pastel .card-section{position:relative;z-index:2}.card-pastel .card-section-top{flex:1;display:flex;align-items:center;justify-content:center}.card-pastel .card-section-btm{flex-shrink:0;padding-bottom:20px}.card-pastel .card-logo{position:relative;inset:auto;opacity:1;display:flex;align-items:center;justify-content:center;width:100%}.card-pastel .card-logo img{filter:none;width:75%;max-height:240px;object-fit:contain}.card-pastel .card-overlay{z-index:1}.card-pastel .card-body{padding:8px 16px 20px;text-align:center}.card-pastel .card-body .num{color:#ffffff80}.card-pastel .card-body h3{color:#fff}.card-pastel .card-body p{color:#ffffffb3}.card-overlay{position:absolute;inset:33.333% 0 0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.15) 70%,transparent 100%);z-index:1}.card-body{position:relative;z-index:2;padding:4px 16px 58px}.card-body .num{font-family:Cairo,sans-serif;font-size:.6rem;font-weight:900;letter-spacing:1px;color:#ffffff80;margin-bottom:2px}.card-body h3{font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700;color:#fff;margin-bottom:2px}body.dark .card-body h3{color:#fff3e6}.card-body p{font-size:.7rem;color:#ffffffbf;line-height:1.6;font-weight:300}body.dark .card-body p{color:#fff3e6d9}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--modal-ol);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.35s}.modal-overlay.open{opacity:1;visibility:visible}.modal-box{position:relative;background:var(--modal-bg);color:var(--modal-txt);border-radius:18px;padding:40px 36px 32px;max-width:400px;width:100%;box-shadow:0 24px 64px #0000001f;text-align:center;direction:rtl;transform:scale(.85) translateY(20px);opacity:0;transition:.5s cubic-bezier(.34,1.56,.64,1);transition-delay:0s}.modal-overlay.open .modal-box{transform:scale(1) translateY(0);opacity:1}.modal-box .mimg{width:44px;margin:0 auto 12px;display:block;opacity:.5}.modal-box .mimg path{fill:currentColor}.modal-box h2{font-family:Cairo,sans-serif;font-size:1.15rem;font-weight:700}.modal-box .msub{font-size:.8rem;opacity:.65;margin:2px 0 12px}.modal-box .mdiv{width:28px;height:2px;background:#c44536;margin:0 auto 12px;border-radius:2px}.modal-box p{font-size:.84rem;line-height:2;opacity:.75}.modal-box .modal-close{position:absolute;top:12px;left:12px;width:30px;height:30px;border-radius:10px;border:none;background:#ffffff1a;color:#fff3e6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s}.modal-box .modal-close:hover{background:#ffffff2e}body.dark .modal-box .modal-close{background:#3819321a;color:#381932}body.dark .modal-box .modal-close:hover{background:#3819322e}.modal-box .modal-close svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.modal-ol{display:none;position:fixed;inset:0;background:#0009;z-index:1000;justify-content:center;align-items:center;backdrop-filter:blur(4px)}.modal-ol.open{display:flex}.modal{background:linear-gradient(145deg,#2d142c,#1f0d1e);color:#fff3e6;border-radius:20px;padding:36px 28px 24px;min-width:290px;max-width:340px;position:relative;box-shadow:0 24px 64px #0006;border:1px solid rgba(255,255,255,.06)}.modal .modal-close{position:absolute;top:12px;left:14px;width:32px;height:32px;border-radius:50%;background:#fff3e6;border:none;font-size:16px;font-weight:700;cursor:pointer;color:#381932;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #00000026}.modal .modal-close:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}body.dark .modal .modal-close{background:#fff3e6;color:#381932;box-shadow:0 2px 8px #00000026}body.dark .modal .modal-close:hover{box-shadow:0 4px 12px #00000040}.modal-header{text-align:center;margin-bottom:24px}.modal-icon{font-size:32px;width:32px;height:32px;color:#e87a6a;margin-bottom:8px}.modal-icon.icon-svg{width:48px;height:48px;padding:10px;background:#fff3e6;color:#381932b3;border-radius:50%;display:block;margin:0 auto 8px;box-shadow:0 2px 8px #00000014}.modal-title{font-size:1.05rem;font-weight:700;letter-spacing:.5px}.modal-sub{font-size:.75rem;color:#fff6;margin-top:4px}.modal-body{display:flex;flex-direction:column;gap:8px}.modal-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#ffffff0a;color:#fff3e6;text-decoration:none;font-size:.9rem;transition:background .25s,transform .2s;border:1px solid rgba(255,255,255,.04);position:relative}.modal-link:hover{background:#ffffff14;border-color:#ffffff1a;transform:translate(-4px)}.ml-icon{font-size:22px!important;width:22px;height:22px;color:#e87a6a!important;flex-shrink:0}.ml-text{flex:1;font-weight:500}.ml-arrow{font-size:18px!important;width:18px;height:18px;color:#fff3!important;transition:color .2s}.modal-link:hover .ml-arrow{color:#ffffff80!important}.project-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;direction:rtl;background:#381932}body.dark .project-page{background:#381932}.project-card{max-width:800px;width:100%;background:#fff3e60a;border:1px solid rgba(255,243,230,.08);border-radius:24px;padding:clamp(24px,4vw,48px) clamp(20px,3.5vw,44px);padding-bottom:clamp(32px,5vw,56px);box-shadow:0 24px 80px #0000004d;max-height:calc(100dvh - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(196,69,54,.25) transparent}.project-card::-webkit-scrollbar{width:3px}.project-card::-webkit-scrollbar-track{background:transparent}.project-card::-webkit-scrollbar-thumb{background:#c4453640;border-radius:3px}.project-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.toolbar-actions{display:flex;gap:6px}.toolbar-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,243,230,.08);background:#fff3e60a;color:#fff3e699;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,color .2s,transform .2s;position:relative}.toolbar-btn:hover{background:#fff3e61a;color:#fff3e6;transform:scale(1.05)}.toolbar-btn:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(-4px);opacity:0;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#fff3e6 transparent transparent transparent;pointer-events:none;transition:opacity .3s,transform .3s;z-index:10}.toolbar-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px);opacity:0;padding:7px 14px;border-radius:12px;background:#fff3e6;color:#381932;font-family:Vazirmatn,sans-serif;font-size:.7rem;font-weight:500;white-space:nowrap;pointer-events:none;border:1px solid rgba(56,25,50,.08);box-shadow:0 4px 16px #0000001a;transition:opacity .3s,transform .3s;z-index:10}.toolbar-btn:hover:before,.toolbar-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.toolbar-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.back-link{display:inline-flex;align-items:center;gap:6px;color:#fff3e68c;text-decoration:none;font-size:.85rem;transition:color .2s,transform .2s;position:relative}.back-link:hover{color:#fff3e6;transform:translate(-3px)}.back-link:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(-4px);opacity:0;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#fff3e6 transparent transparent transparent;pointer-events:none;transition:opacity .35s,transform .35s;z-index:10}.back-link:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px);opacity:0;padding:7px 14px;border-radius:12px;background:#fff3e6;color:#381932;font-family:Vazirmatn,sans-serif;font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;border:1px solid rgba(56,25,50,.08);box-shadow:0 4px 16px #0000001a;transition:opacity .35s,transform .35s;z-index:10}.back-link:hover:before,.back-link:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.back-icon{width:18px;height:18px;color:currentColor}.project-header{text-align:center;margin-bottom:28px}.project-header h1{font-family:Cairo,sans-serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;margin-bottom:6px;letter-spacing:2px;color:#fff3e6}.project-header:after{content:"";display:block;width:0;height:3px;margin:12px auto 0;border-radius:2px;background:#c44536;animation:shimmer .8s ease both;animation-delay:.5s}.project-tagline{font-size:.95rem;color:#c44536;margin-top:8px;font-weight:500;opacity:.85}body.dark .project-tagline{color:#e87a6a}.project-content{font-size:1rem;line-height:2.2;text-align:justify;opacity:.85;color:#fff3e6;transition:font-size .3s}.project-content h2{font-family:Cairo,sans-serif;font-size:clamp(1.3rem,2.5vw,1.6rem);font-weight:700;margin:28px 0 12px;color:#c44536}body.dark .project-content h2{color:#e87a6a}.project-content h3{font-size:1.1rem;font-weight:600;margin:20px 0 8px;color:#c44536;opacity:.85}body.dark .project-content h3{color:#e87a6a;opacity:.85}.project-content p{margin-bottom:1em}.project-content ul{padding-right:20px;margin-bottom:1em}.project-content li{margin-bottom:4px}.project-download{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding:20px 24px;background:linear-gradient(135deg,#fff3e60f,#fff3e608);border:1px solid rgba(255,243,230,.08);border-radius:16px}.project-download h4{font-size:1rem;font-weight:700;color:#fff3e6;margin-bottom:4px}.project-download p{font-size:.8rem;color:#fff3e68c}.download-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;background:#c44536;color:#fff;font-family:Vazirmatn,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .25s,transform .2s,box-shadow .2s;box-shadow:0 4px 16px #c445364d}.download-btn:hover{background:#b03e30;transform:translateY(-2px);box-shadow:0 6px 20px #c4453666}.download-btn:active{transform:scale(.97)}.download-icon{width:18px;height:18px;color:#fff}.project-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}.project-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff3e60d;color:#fff3e6;text-decoration:none;border:1px solid rgba(255,243,230,.08);transition:background .25s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative}.project-link:hover{background:#fff3e61f;transform:scale(1.12);box-shadow:0 4px 20px #c4453633}.project-link:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(-4px);opacity:0;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#fff3e6 transparent transparent transparent;pointer-events:none;transition:opacity .35s,transform .35s;z-index:1}.project-link:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-6px);opacity:0;padding:7px 14px;border-radius:12px;background:#fff3e6;color:#381932;font-family:Vazirmatn,sans-serif;font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;border:1px solid rgba(56,25,50,.08);box-shadow:0 4px 16px #0000001a;transition:opacity .35s,transform .35s;z-index:1}.project-link:hover:before,.project-link:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.pl-icon{width:20px;height:20px;color:#e87a6a}.project-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:14px;border:1px solid rgba(255,243,230,.08);background:#fff3e60d;color:#fff3e6;font-family:Vazirmatn,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .25s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;white-space:nowrap}.action-btn:hover{background:#fff3e61a;transform:translateY(-2px);box-shadow:0 6px 20px #c4453626}.action-btn:active{transform:scale(.96)}.action-icon{width:20px;height:20px;color:#e87a6a}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{width:0}to{width:60px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.project-card{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) both}.project-toolbar{animation:fadeIn .4s ease both;animation-delay:.15s}.project-header{animation:fadeSlideUp .6s ease both;animation-delay:.2s}.project-content{animation:fadeSlideUp .6s ease both;animation-delay:.3s}.project-content h2,.project-content h3{animation:slideInRight .5s ease both;animation-delay:.4s}.project-download{animation:fadeSlideUp .5s ease both;animation-delay:.45s}.project-links{animation:fadeSlideUp .5s ease both;animation-delay:.5s}.project-actions{animation:fadeSlideUp .5s ease both;animation-delay:.55s}.project-page{position:relative}.scroll-top-btn{position:absolute;bottom:40px;right:calc(50% - 460px);width:48px;height:48px;border-radius:50%;border:none;background:#c44536d9;color:#fff3e6;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:opacity .4s cubic-bezier(.22,1,.36,1),visibility .4s,transform .4s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s;z-index:100;box-shadow:0 4px 16px #00000040}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-top-btn:hover{background:#c44536;box-shadow:0 6px 24px #c4453673;transform:translateY(-3px) scale(1.08)}.scroll-top-btn:active{transform:translateY(0) scale(.95)}.scroll-top-btn svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}.scroll-top-btn:hover svg{transform:translateY(-2px)}@media print{.scroll-top-btn{display:none!important}}@media(max-width:640px){.project-page{padding:12px;height:100dvh;height:100vh;min-height:unset;align-items:stretch;overflow:clip}.project-card{padding:20px 20px 48px;height:100%;border-radius:18px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.project-header h1{font-size:1.5rem}.scroll-top-btn{position:fixed;bottom:20px;right:20px}.project-download{flex-direction:column;text-align:center}.project-link:before,.project-link:after{display:none}.toolbar-btn:before,.toolbar-btn:after{display:none}.back-link:before,.back-link:after{display:none}}@media(max-width:640px){.page{gap:6px;padding:6px}.content{flex-direction:column;overflow:hidden;height:100dvh}.col-brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:14px 16px;width:100%;padding:16px;overflow:visible;align-items:start;position:relative;height:auto}.col-brand .logo-wrap{grid-column:1;grid-row:1}.col-brand .brand-label{display:block;font-size:.55rem;letter-spacing:2px;margin-top:4px;color:inherit}.col-brand .about{grid-column:2;grid-row:1/4;margin:10px 0 0;font-size:.78rem;line-height:1.7;max-height:330px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,243,230,.2) transparent;scrollbar-gutter:stable;padding-left:15px}.col-brand .about::-webkit-scrollbar{width:3px}.col-brand .about::-webkit-scrollbar-track{background:transparent}.col-brand .about::-webkit-scrollbar-thumb{background:#fff3e633;border-radius:3px}.col-brand .stats{grid-column:1;grid-row:2;margin-top:0;gap:4px;flex-shrink:0}.col-brand .menu-circles{grid-column:1;grid-row:3;justify-self:center}.col-brand .menu-circles .icon-circle:before,.col-brand .menu-circles .icon-circle:after{display:none}.col-brand .logo-wrap svg{height:82px}.stat-item{flex-direction:column;gap:2px;padding:6px 8px}.stat-label{font-size:.45rem}.stat-num{font-size:.85rem}.stat-bar{left:8px;right:8px;height:1.5px}.stat-item:nth-child(3) .stat-num{font-size:.85rem}.col-cards{width:100%;flex:1;min-height:0;overflow-y:auto;padding:20px;margin-right:0;scrollbar-width:thin;scrollbar-color:rgba(255,243,230,.2) transparent}.col-cards::-webkit-scrollbar{width:3px}.col-cards::-webkit-scrollbar-track{background:transparent}.col-cards::-webkit-scrollbar-thumb{background:#fff3e633;border-radius:3px}body.dark .col-cards{scrollbar-color:rgba(255,243,230,.2) transparent}body.dark .col-cards::-webkit-scrollbar-thumb{background:#fff3e633}.menu-circles{position:static;flex-direction:row;justify-content:flex-start;width:fit-content;gap:8px;margin-right:0;padding:0}.icon-circle{width:36px;height:36px}.grid{grid-template-columns:1fr;gap:10px}.card-pastel{height:auto;flex-direction:row;align-items:stretch;justify-content:flex-start}.card-pastel .card-section-top{flex:none;width:33%;display:flex;align-items:center;justify-content:center;padding:12px}.card-pastel .card-logo{padding:0;width:100%}.card-pastel .card-logo img{width:100%;height:auto;max-height:none;max-width:100px}.card-pastel .card-section-btm{flex:1;display:flex;align-items:center}.card-pastel .card-body{padding:12px 8px 12px 12px;text-align:start}.card-pastel .card-body .num{color:#ffffff80}.card-pastel .card-body h3{color:#fff;font-size:.95rem}.card-pastel .card-body p{color:#ffffffb3;font-size:.7rem}}@media print{.project-page{background:#fff!important;padding:0!important}.project-card{box-shadow:none!important;border:none!important;max-height:none!important;border-radius:0!important;padding:0!important;animation:none!important;background:#fff!important}.project-toolbar,.project-actions,.project-links,.project-download{display:none!important}.project-content{color:#000!important;opacity:1!important;animation:none!important}.project-header{animation:none!important}.project-header h1{color:#000!important}.project-header:after{display:none!important}.project-tagline{color:#666!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}