:root{--pnavy:#061127;--pblue:#087cf0;--pmuted:#67758c;--pborder:#dfe6f0}*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#10213f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.portfolio-top{min-height:74px;padding:12px clamp(18px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#061127;color:#fff}.portfolio-top>div{display:flex;align-items:center;gap:14px}.portfolio-top a{color:inherit;text-decoration:none}.portfolio-brand{display:flex;align-items:center;gap:10px;font-weight:900}.portfolio-brand img{width:48px;height:42px;object-fit:contain}.portfolio-page,.project-page{max-width:1240px;margin:auto;padding:56px 22px 80px}.portfolio-hero{max-width:780px}.portfolio-hero h1,.project-head h1{font-size:clamp(2.3rem,6vw,5.4rem);letter-spacing:-.055em;line-height:.98;margin:.15em 0}.portfolio-hero p{font-size:1.08rem;color:var(--pmuted)}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0}.portfolio-filters a{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--pborder);text-decoration:none}.portfolio-filters a.active{background:var(--pnavy);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-card{background:#fff;border:1px solid var(--pborder);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(10,31,65,.07)}.portfolio-image{display:block;aspect-ratio:16/10;background:#eaf0f8}.portfolio-image img{width:100%;height:100%;object-fit:cover}.portfolio-placeholder{height:100%;display:grid;place-items:center;font-weight:1000;letter-spacing:.18em;color:#8191aa}.portfolio-copy{padding:20px}.portfolio-copy>span{font-size:.76rem;text-transform:uppercase;color:var(--pblue);font-weight:900}.portfolio-copy h2{font-size:1.25rem;margin:8px 0}.portfolio-copy h2 a{text-decoration:none;color:inherit}.portfolio-copy p{color:var(--pmuted)}.portfolio-meta{display:flex;justify-content:space-between;gap:10px;margin:15px 0}.portfolio-empty{padding:50px;border:1px dashed #becadd;border-radius:20px;text-align:center}.project-breadcrumb{color:var(--pmuted);margin-bottom:24px}.project-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.project-rating{font-size:1.2rem;font-weight:900;background:#fff;border:1px solid var(--pborder);padding:13px 18px;border-radius:999px}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px 0}.project-gallery figure{margin:0;background:#fff;border:1px solid var(--pborder);border-radius:20px;overflow:hidden}.project-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover}.project-gallery figcaption{padding:12px;color:var(--pmuted)}.project-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.project-description{background:#fff;border:1px solid var(--pborder);border-radius:22px;padding:28px;line-height:1.75}.project-content aside{display:grid;gap:12px;background:#07152d;color:#fff;border-radius:22px;padding:22px}.project-content aside div{display:grid;gap:4px}.project-content aside span{color:#8da5c7;font-size:.78rem}.project-content aside .btn{width:100%}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.project-content{grid-template-columns:1fr}.project-content aside{order:-1}.project-head{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.portfolio-grid,.project-gallery{grid-template-columns:1fr}.portfolio-top{align-items:flex-start}.portfolio-top>div{flex-wrap:wrap;justify-content:flex-end}.project-page,.portfolio-page{padding-top:36px}.project-description{padding:20px}}