/* Portfolio: calm gallery, clear discovery controls, and readable project cards. */
.portfolio-hero{padding:64px 0 54px;background:radial-gradient(circle at 50% 0%,#28220f 0%,#101112 42%,#0a0a0a 78%)}
.portfolio-hero .gradient-gold{background:linear-gradient(120deg,#f7e4af,#d4af37);background-clip:text;-webkit-background-clip:text}
.portfolio-hero h1{letter-spacing:-.065em;line-height:1.02}
.portfolio-hero p{color:#c7c7c2;line-height:1.65}
.portfolio-browse-link{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:12px 20px;border:1px solid #d4af37;border-radius:999px;color:#f5dc96;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.portfolio-browse-link:hover{background:#d4af37;color:#111}
.portfolio-featured{padding:60px 0 38px;background:#0a0a0a}
.portfolio-featured-grid>:not([data-featured-choice]){display:none!important}
.portfolio-featured-grid .project-card{height:100%;border-color:#ffffff24;border-radius:22px;box-shadow:0 16px 44px #0005}
.portfolio-featured-grid .project-card:hover{transform:translateY(-4px);border-color:#d4af3780;box-shadow:0 20px 50px #0007}
.portfolio-featured-grid .project-card::before{display:none}
.portfolio-featured-grid .featured-badge{animation:none;box-shadow:none}
.portfolio-catalog{padding:66px 0 88px;scroll-margin-top:88px;background:linear-gradient(180deg,#111214 0%,#0a0a0a 100%)}
.portfolio-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.portfolio-catalog-head h2{letter-spacing:-.04em}
.portfolio-catalog-head p{margin:10px 0 0;color:#b8b8b7;font-size:15px;line-height:1.6}
.portfolio-result-count{color:#f0d184;font-size:14px;white-space:nowrap}
.portfolio-controls{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:end;gap:14px;margin:0 0 28px;padding:20px;border:1px solid #ffffff24;border-radius:20px;background:#18191b}
.portfolio-controls label{display:block;margin:0 0 8px;color:#e8e4d9;font-size:13px;font-weight:700}
.portfolio-search-input-wrap{position:relative}
.portfolio-search-input-wrap svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:#d4af37;pointer-events:none}
.portfolio-controls input,.portfolio-controls select{width:100%;height:50px;border:1px solid #ffffff38;border-radius:12px;background:#101113;color:#fff;font:inherit;font-size:15px;outline:none}
.portfolio-controls input{padding:0 16px 0 48px}
.portfolio-controls input::placeholder{color:#999b9e}
.portfolio-controls select{padding:0 38px 0 14px;cursor:pointer}
.portfolio-controls input:focus,.portfolio-controls select:focus{border-color:#e8c66e;box-shadow:0 0 0 3px #d4af3726}
.portfolio-clear,.portfolio-empty button{height:50px;padding:0 18px;border:1px solid #d4af3780;border-radius:12px;background:#262318;color:#f5dc96;font-size:14px;font-weight:700;cursor:pointer}
.portfolio-clear:hover,.portfolio-empty button:hover{background:#d4af37;color:#111}
.portfolio-clear[hidden],.portfolio-empty[hidden]{display:none!important}
#projects-grid .project-card{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff22;border-radius:18px;background:#1b1c1f;box-shadow:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
#projects-grid .project-card:hover{transform:translateY(-4px);border-color:#d4af3780;box-shadow:0 18px 34px #0006}
#projects-grid .project-card::before{display:none}
#projects-grid .project-image-container{height:190px;flex:none;background:#22252b}
#projects-grid .project-image{object-fit:cover;transition:transform .35s ease}
#projects-grid .project-card:hover .project-image{transform:scale(1.035)}
#projects-grid .project-card>div:last-child:not(.project-image-container),#projects-grid .portfolio-card-copy{flex:1;background:#1b1c1f!important}
#projects-grid .project-card>div:last-child:not(.project-image-container){display:flex;flex-direction:column;padding:20px}
#projects-grid .project-card p{color:#c2c3c7!important;line-height:1.55}
#projects-grid .project-card a{margin-top:auto;color:#eed082!important;font-weight:700;text-decoration:none}
#projects-grid .project-card a:hover{text-decoration:underline;text-underline-offset:4px}
#projects-grid [data-aos]{opacity:1!important;transform:none!important}
.portfolio-card-copy{display:flex;flex-direction:column;gap:10px;padding:20px}
.portfolio-card-copy h3{color:#fff;font-size:19px;line-height:1.25;font-weight:700}
.portfolio-card-copy p{margin:0 0 5px;font-size:14px}
.portfolio-image-label{position:absolute;right:12px;top:12px;padding:6px 10px;border:1px solid #ffffff36;border-radius:999px;background:#111b;color:#fff;font-size:11px;font-weight:700;z-index:7}
.portfolio-empty{padding:50px 20px;margin-top:24px;border:1px dashed #d4af376b;border-radius:18px;text-align:center;background:#18191b}
.portfolio-empty h3{color:#fff;font-size:24px;margin:0 0 8px}
.portfolio-empty p{color:#c2c3c7;margin:0 0 22px}
.portfolio-featured .new-badge,#projects-grid .new-badge{animation:none}
.portfolio-catalog :is(a,button,input,select):focus-visible,.portfolio-browse-link:focus-visible{outline:3px solid #f5d78e;outline-offset:3px}
@media(max-width:800px){.portfolio-hero{padding:48px 0}.portfolio-featured{padding:44px 0 18px}.portfolio-catalog-head{display:block}.portfolio-result-count{margin-top:12px}.portfolio-controls{grid-template-columns:1fr 1fr}.portfolio-search-field{grid-column:1/-1}.portfolio-clear{align-self:end}}
@media(max-width:560px){.portfolio-hero h1{font-size:clamp(42px,11vw,58px)}.portfolio-hero p{font-size:16px;margin-bottom:24px}.portfolio-controls{grid-template-columns:1fr;padding:16px}.portfolio-search-field{grid-column:auto}.portfolio-catalog{padding:48px 0 72px}.portfolio-catalog-head{margin-bottom:20px}.portfolio-featured-grid .project-image-container{height:225px}}
@media(prefers-reduced-motion:reduce){.portfolio-browse-link,.portfolio-featured .project-card,#projects-grid .project-card,#projects-grid .project-image{transition:none!important}#projects-grid .project-card:hover,.portfolio-featured-grid .project-card:hover{transform:none}}