.portfolio-page{background:#0c0e10;color:#fff}.portfolio-intro{padding:145px 0 48px;background:radial-gradient(ellipse at top right,#18234b66,transparent 65%)}.portfolio-intro h1{font-size:clamp(42px,6vw,82px);line-height:1.03;letter-spacing:-.055em;margin:26px 0 32px}.portfolio-intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.portfolio-intro-bottom>p{max-width:590px;color:#bfc4cf;font-size:17px;line-height:1.8;margin:0}.portfolio-disclaimer{font-size:12px;line-height:1.7;color:#9da4b3;border-left:2px solid #ffce32;padding-left:14px;flex-shrink:0}.portfolio-gallery{padding:20px 0 90px}.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0}.portfolio-filters button{background:transparent;color:#c1c6cf;border:1px solid #34373e;padding:11px 19px;border-radius:50px;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,color .2s}.portfolio-filters button[aria-pressed=true]{background:#ffce32;border-color:#ffce32;color:#111623;font-weight:800}.portfolio-count{font-size:12px;color:#8c94a4;margin:0 0 22px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.portfolio-card{min-width:0;background:#151719;border:1px solid #2b2e34;border-radius:20px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.portfolio-card:hover{transform:translateY(-6px);border-color:#ffce3270;box-shadow:0 22px 45px #0004}.portfolio-card[hidden]{display:none}.portfolio-photo{width:100%;padding:0;display:block;position:relative;aspect-ratio:16/10;border:0;background:#1a1e25;overflow:hidden;cursor:pointer;text-align:left}.portfolio-photo>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;filter:brightness(.8)}.portfolio-photo:hover img{transform:scale(1.045)}.portfolio-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#0009)}.portfolio-category{position:absolute;left:20px;top:20px;background:#10141dc9;color:#fff;backdrop-filter:blur(8px);padding:7px 11px;border-radius:50px;font-size:12px;z-index:1}.portfolio-open{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:13px;font-weight:700;z-index:1}.portfolio-open>span{background:#ffce32;color:#111623;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:25px}.portfolio-card-copy{padding:25px}.portfolio-service{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#ffce32}.portfolio-card h2{font-size:25px;line-height:1.25;margin:10px 0 13px;letter-spacing:-.03em}.portfolio-card p{font-size:14px;line-height:1.8;color:#b6bdc9;margin:0 0 19px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:6px}.portfolio-tags>span{font-size:11px;border:1px solid #ffffff14;color:#c4c9d1;padding:5px 8px;border-radius:6px}.portfolio-example{display:block;font-size:10px;color:#8c94a1;margin-top:18px}.portfolio-dialog{width:min(850px,calc(100% - 30px));max-height:90svh;border:1px solid #3e424b;border-radius:20px;padding:0;background:#151719;color:#fff;overflow:auto}.portfolio-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.portfolio-dialog>img{width:100%;height:clamp(190px,35vh,360px);object-fit:cover;display:block}.portfolio-close{position:absolute;top:12px;right:12px;border:1px solid #ffffff40;border-radius:50%;width:42px;height:42px;background:#0c0e10c9;color:white;font-size:28px;cursor:pointer}.portfolio-dialog-copy{padding:28px}.portfolio-dialog-copy h2{font-size:30px;margin:12px 0}.portfolio-dialog-copy p,.portfolio-dialog-copy li{font-size:16px;color:#c6cbd5;line-height:1.8}.portfolio-dialog-copy small{display:block;color:#8e97a7;margin:20px 0;font-size:12px}.portfolio-filters button:focus-visible,.portfolio-photo:focus-visible,.portfolio-close:focus-visible{outline:3px solid #ffce32;outline-offset:3px}@media(max-width:720px){.portfolio-intro{padding:110px 0 28px}.portfolio-intro-bottom{display:block}.portfolio-disclaimer{display:block;margin-top:20px}.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-intro h1{font-size:44px}.portfolio-card-copy{padding:22px}.portfolio-filters{gap:7px}.portfolio-filters button{font-size:12px;padding:10px 13px}.portfolio-dialog-copy{padding:22px}}@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-photo>img{transition:none}.portfolio-card:hover{transform:none}}