.portfolio-section{padding:86px 0;background:linear-gradient(145deg,#12121c,#161322);border-block:1px solid #ffffff18;scroll-margin-top:28px}.portfolio-heading{display:flex;justify-content:space-between;gap:38px;align-items:end;margin-bottom:38px}.portfolio-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.08}.portfolio-heading>p{max-width:360px;color:#c5c1d2;font-size:17px;line-height:1.7;margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.portfolio-card{min-width:0;background:#1b1a27;border:1px solid #ffffff25;border-radius:16px;overflow:hidden;box-shadow:0 16px 36px #0002}.portfolio-preview{display:block;width:100%;padding:0;border:0;background:#0b0d16;color:#fff;text-align:left}.portfolio-preview>img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:contain;transition:filter .2s}.portfolio-preview:hover>img{filter:brightness(1.08)}.portfolio-preview>span{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;background:#282435;color:#d8ff3e;font-size:12px;letter-spacing:.6px;font-weight:800}.portfolio-preview:focus-visible{outline-offset:-5px}.portfolio-copy{padding:24px}.portfolio-type{color:#bca3ff;font-size:12px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;margin:0 0 12px}.portfolio-copy h3{font-size:22px;line-height:1.3;margin:0 0 14px;letter-spacing:-.5px}.portfolio-copy>p:last-child{font-size:15px;line-height:1.75;color:#c2bece;margin:0}.portfolio-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:35px}.portfolio-footer p{font-size:20px;font-weight:700}.portfolio-dialog{width:min(1160px,94vw);max-height:92dvh;padding:0;border:1px solid #8e71c5;border-radius:14px;color:white;background:#14131e;box-shadow:0 25px 100px #000a}.portfolio-dialog::backdrop{background:#07060dec;backdrop-filter:blur(5px)}.portfolio-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px}.portfolio-dialog h2{font-size:20px;letter-spacing:0;line-height:1.3}.portfolio-close{flex-shrink:0;border:1px solid #aaa0bb;border-radius:8px;padding:10px 16px;background:#292534;color:#fff;font-size:15px}.portfolio-dialog>img{display:block;width:100%;height:auto}.portfolio-dialog[open]{animation:portfolio-appear .15s ease-out}@keyframes portfolio-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-heading{align-items:start}.portfolio-heading>p{max-width:290px}}@media(max-width:650px){.portfolio-section{padding:54px 0}.portfolio-heading{display:block}.portfolio-heading>p{margin-top:24px;max-width:none}.portfolio-grid{grid-template-columns:1fr;gap:25px}.portfolio-footer{align-items:start;flex-direction:column;gap:8px}.portfolio-footer .btn{font-size:12px;max-width:100%;white-space:normal}.portfolio-dialog-header{padding:15px}.portfolio-dialog h2{font-size:17px}.portfolio-close{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.portfolio-dialog[open]{animation:none}.portfolio-preview>img{transition:none}}