.portfolio-page{box-sizing:border-box;color:#243c37;direction:rtl;width:min(100%,1160px);margin:0 auto;padding:14px 20px 50px;font-family:Heebo,Arial,sans-serif;line-height:1.65}.portfolio-page *,.portfolio-page :before,.portfolio-page :after{box-sizing:border-box}.portfolio-page a{color:inherit}.portfolio-page .portfolio-hero{text-align:center;max-width:780px;margin:58px auto 48px;padding:0 15px}.portfolio-page .portfolio-eyebrow{color:#708a9c;letter-spacing:.13em;direction:ltr;margin-bottom:12px;font:600 11px Inter,sans-serif;display:inline-block}.portfolio-page .portfolio-hero h1{letter-spacing:-.045em;color:#192d40;margin:0 0 18px;font-size:clamp(40px,5.5vw,64px);font-weight:600;line-height:1.15}.portfolio-page .portfolio-hero p{color:#61748b;max-width:680px;margin:0 auto;font-size:16px;line-height:1.85}.portfolio-page .portfolio-jump{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.portfolio-page .portfolio-jump a{background:#fff;border:1px solid #5a736e29;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 6px 20px #1e37320a}.portfolio-page .portfolio-jump a:first-child{color:#365a40;background:#e8f5e7}.portfolio-page .portfolio-jump a:last-child{color:#75475d;background:#faeaf1}.portfolio-page .portfolio-section{border-radius:28px;margin:22px auto 34px;padding:42px 38px 46px;scroll-margin-top:105px;position:relative}.portfolio-page .portfolio-web{--gold:#c9a86a;--gold-dark:#a77f39;background:radial-gradient(circle at 85% 2%,#dcefdc,#0000 43%),linear-gradient(140deg,#f4faf2,#eaf5e8);border:1px solid #557e5e2b}.portfolio-page .portfolio-landing{--gold:#c9a86a;--gold-dark:#a77f39;background:radial-gradient(circle at 86% 4%,#f5dce7,#0000 43%),linear-gradient(140deg,#fff8fc,#fbeaf2);border:1px solid #ad6f8c29}.portfolio-page .portfolio-section h2{margin:0 0 8px;font-size:clamp(25px,3.6vw,34px);font-weight:600;line-height:1.3}.portfolio-page .portfolio-web h2{color:#355341}.portfolio-page .portfolio-landing h2{color:#604050}.portfolio-page .portfolio-section>p{max-width:720px;margin:0;font-size:14px;font-weight:300;line-height:1.8}.portfolio-page .portfolio-web>p{color:#627d69}.portfolio-page .portfolio-landing>p{color:#856a7a}.portfolio-page .portfolio-end{text-align:center;background:linear-gradient(125deg,#eaf3ff,#f7faff);border:1px solid #d7e5f5;border-radius:24px;margin-top:34px;padding:40px 18px}.portfolio-page .portfolio-end h2{color:#263b59;margin:0 0 10px;font-size:25px}.portfolio-page .portfolio-end p{color:#61748b;margin:0 auto 20px;font-size:14px}.portfolio-page .portfolio-end a{color:#fff;background:#294b79;border-radius:12px;padding:11px 24px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.portfolio-page .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.portfolio-page .project-logo-card{background:#ffffff9e;border:1px solid #557e5e1f;border-radius:20px;flex-direction:column;justify-content:space-between;gap:18px;min-height:190px;padding:18px;text-decoration:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #3c5a430d}.portfolio-page .project-logo-card:before{content:"";pointer-events:none;border:1px solid #c9a86a26;border-radius:50%;width:180px;height:180px;transition:transform .4s;position:absolute;inset:auto -70px -90px auto}.portfolio-page .project-logo-card:hover{border-color:#c9a86a57;transform:translateY(-5px);box-shadow:0 22px 48px #3a56401c}.portfolio-page .project-logo-card:hover:before{transform:scale(1.08)}.portfolio-page .project-logo-card.alpha{background:radial-gradient(circle at 86% 14%,#c4e0c2b8,#0000 40%),#ffffffad}.portfolio-page .project-logo-card.prive{background:radial-gradient(circle at 86% 14%,#e5d8cd8c,#0000 40%),#ffffffad}.portfolio-page .project-logo-card.mitos{background:radial-gradient(circle at 85% 14%,#c1dceb99,#0000 42%),#ffffffad}.portfolio-page .project-logo{place-items:center;min-height:102px;display:grid;position:relative}.portfolio-page .alpha-logos{justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.portfolio-page .alpha-logos img{object-fit:contain;background:#ffffffe0;border:1px solid #c9a86a33;border-radius:17px;width:76px;height:76px;padding:9px;transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 24px #3d554117}.portfolio-page .project-logo-card:hover .alpha-logos img:first-child{transform:translateY(-4px)rotate(3deg)}.portfolio-page .project-logo-card:hover .alpha-logos img:last-child{transform:translateY(3px)rotate(-3deg)}.portfolio-page .wordmark-prive{color:#4a433d;letter-spacing:.08em;direction:ltr;font-family:Georgia,Times New Roman,serif;font-size:38px;transition:letter-spacing .3s,transform .3s}.portfolio-page .project-logo-card:hover .wordmark-prive{letter-spacing:.12em;transform:translateY(-2px)}.portfolio-page .wordmark-mitos{text-align:center;direction:ltr}.portfolio-page .wordmark-mitos strong{color:#2e5367;letter-spacing:.08em;font-family:Inter,sans-serif;font-size:32px;line-height:1;display:block}.portfolio-page .wordmark-mitos span{color:#597988;letter-spacing:0;direction:rtl;margin-top:8px;font-family:Heebo,Arial,sans-serif;font-size:12px;display:block}.portfolio-page .wordmark-mitos:before{content:"✈";color:var(--gold);margin-bottom:3px;font-size:18px;transition:transform .3s;display:block;transform:rotate(-8deg)}.portfolio-page .project-logo-card:hover .wordmark-mitos:before{transform:translate(8px,-4px)rotate(-8deg)}.portfolio-page .project-bottom{z-index:2;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:relative}.portfolio-page .project-name{min-width:0}.portfolio-page .project-name strong{color:#334f3c;font-size:14px;font-weight:600;display:block}.portfolio-page .project-name small{color:#819087;letter-spacing:.05em;direction:ltr;margin-top:2px;font-family:Inter,sans-serif;font-size:8.5px;display:block}.portfolio-page .project-arrow{color:var(--gold-dark);direction:ltr;flex:none;font-family:Inter,sans-serif;font-size:16px;transition:transform .22s}.portfolio-page .project-logo-card:hover .project-arrow{transform:translate(-4px,-3px)}.portfolio-page .landing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.portfolio-page .landing-card{background:#ffffff9e;border:1px solid #ad6f8c1f;border-radius:20px;flex-direction:column;justify-content:space-between;gap:18px;min-height:210px;padding:20px;text-decoration:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #76465d0d}.portfolio-page .landing-card:before{content:"";pointer-events:none;border:1px solid #c9a86a26;border-radius:50%;width:180px;height:180px;transition:transform .4s;position:absolute;inset:auto -70px -90px auto}.portfolio-page .landing-card:hover{border-color:#c9a86a57;transform:translateY(-5px);box-shadow:0 22px 48px #76465d1c}.portfolio-page .landing-card:hover:before{transform:scale(1.08)}.portfolio-page .landing-card.mitos{background:radial-gradient(circle at 86% 14%,#d2e5efb3,#0000 42%),#ffffffad}.portfolio-page .landing-card.alpha-landing{background:radial-gradient(circle at 86% 14%,#e8d6b1b8,#0000 42%),#fffcf6b8}.portfolio-page .landing-preview{z-index:1;place-items:center;min-height:114px;display:grid;position:relative}.portfolio-page .landing-wordmark{text-align:center;direction:ltr;transition:transform .28s}.portfolio-page .landing-card:hover .landing-wordmark{transform:translateY(-3px)}.portfolio-page .landing-wordmark strong{color:#604050;letter-spacing:.08em;font-family:Inter,sans-serif;font-size:32px;line-height:1;display:block}.portfolio-page .landing-wordmark span{color:#806978;letter-spacing:0;direction:rtl;margin-top:9px;font-family:Heebo,Arial,sans-serif;font-size:12px;display:block}.portfolio-page .landing-wordmark.alpha-mark strong{color:#8a6a3f;letter-spacing:.06em;font-size:28px}.portfolio-page .landing-bottom{z-index:2;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:relative}.portfolio-page .landing-name{min-width:0}.portfolio-page .landing-name strong{color:#563847;font-size:14px;font-weight:600;display:block}.portfolio-page .landing-name small{color:#8c7783;letter-spacing:.05em;direction:ltr;margin-top:2px;font-family:Inter,sans-serif;font-size:8.5px;display:block}.portfolio-page .landing-arrow{color:var(--gold-dark);direction:ltr;flex:none;font-family:Inter,sans-serif;font-size:16px;transition:transform .22s}.portfolio-page .landing-card:hover .landing-arrow{transform:translate(-4px,-3px)}@media (max-width:820px){.portfolio-page .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.portfolio-page .landing-grid{grid-template-columns:1fr}}@media (max-width:560px){.portfolio-page{padding:10px 12px 35px}.portfolio-page .portfolio-hero{margin:45px auto 35px}.portfolio-page .portfolio-section{border-radius:22px;padding:27px 18px 30px}.portfolio-page .project-grid{grid-template-columns:1fr}.portfolio-page .project-logo-card{min-height:170px}.portfolio-page .alpha-logos img{width:68px;height:68px}.portfolio-page .wordmark-prive{font-size:34px}.portfolio-page .wordmark-mitos strong{font-size:29px}}@media (prefers-reduced-motion:reduce){.portfolio-page *{transition:none!important;animation:none!important}}
