:root{--fx-yellow:#ffcc00;--fx-black:#050505;--fx-panel:#111;--fx-muted:#b8b8b8;--fx-line:rgba(255,255,255,.13)}
.portfolio-hero{min-height:520px;display:flex;align-items:center;padding:92px 6%;background:radial-gradient(circle at 78% 30%,rgba(255,204,0,.18),transparent 28%),linear-gradient(105deg,#000 0%,#080808 55%,#181300 100%);border-bottom:1px solid rgba(255,204,0,.3)}
.portfolio-hero>div{max-width:920px}.portfolio-hero h1{font-size:clamp(52px,7vw,92px);line-height:.91;letter-spacing:-.055em;margin:0 0 28px}.portfolio-hero h1 span{display:block;color:var(--fx-yellow)}
.portfolio-hero p:not(.eyebrow){max-width:760px;color:#e2e2e2;font-size:20px;line-height:1.65;margin:0 0 30px}
.portfolio-shell{padding:96px 6%;background:#050505}.portfolio-heading{max-width:850px}.portfolio-heading h2,.portfolio-cta h2{font-size:clamp(38px,5vw,66px);line-height:.98;letter-spacing:-.045em;margin:0 0 20px}.portfolio-heading>p:last-child{color:var(--fx-muted);font-size:18px;line-height:1.65}
.portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin:38px 0}.portfolio-filters button{border:1px solid var(--fx-line);background:#111;color:#fff;border-radius:999px;padding:12px 17px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.portfolio-filters button:hover,.portfolio-filters button.is-active{color:#000;background:var(--fx-yellow);border-color:var(--fx-yellow)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{min-width:0;border:1px solid var(--fx-line);background:var(--fx-panel)}.project-card.is-hidden{display:none}.project-card.is-featured:first-child{grid-column:span 2}.project-open{width:100%;padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer;font:inherit}.project-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#181818}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.project-open:hover .project-image img{transform:scale(1.035);filter:brightness(1.08)}.project-copy{display:flex;flex-direction:column;align-items:flex-start;padding:24px;min-height:230px}.project-kicker{color:var(--fx-yellow);text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em}.project-copy strong{font-size:25px;line-height:1.1;margin:10px 0}.project-copy>span:nth-child(3){color:var(--fx-muted);line-height:1.55}.project-copy em{margin-top:auto;padding-top:20px;color:var(--fx-yellow);font-style:normal;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.portfolio-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--fx-yellow);color:#000;padding:64px 6%}.portfolio-cta h2{margin:0}.eyebrow.black{color:#000}.black-btn{background:#000;color:#fff}
.portfolio-modal[hidden]{display:none}.portfolio-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:28px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}.modal-panel{position:relative;width:min(1080px,100%);max-height:92vh;overflow:auto;background:#0a0a0a;border:1px solid rgba(255,204,0,.38);padding:42px}.modal-panel h2{font-size:clamp(34px,5vw,62px);line-height:1;margin:10px 0 16px}.modal-panel>p:not(.project-kicker){color:var(--fx-muted);line-height:1.65;max-width:760px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#fff;font-size:42px;cursor:pointer}.modal-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.modal-gallery figure{margin:0;background:#141414;border:1px solid #292929}.gallery-photo{display:block;width:100%;padding:0;border:0;background:#181818;cursor:zoom-in}.modal-gallery img{display:block;width:100%;height:clamp(240px,34vw,430px);object-fit:contain;background:#0b0b0b}.modal-gallery figcaption{padding:12px 14px;color:#fff;font-size:13px;line-height:1.45;border-top:2px solid var(--fx-yellow)}
.photo-viewer[hidden]{display:none}.photo-viewer{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:22px}.photo-viewer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.96)}.photo-viewer-panel{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;align-items:center;width:min(1500px,100%);height:min(94vh,1000px);margin:0}.photo-viewer-panel img{grid-column:2;display:block;width:100%;height:100%;min-height:0;object-fit:contain}.photo-viewer-panel figcaption{grid-column:1/-1;padding:14px 58px 0;color:#fff;text-align:center;line-height:1.45}.photo-viewer-close{position:absolute;z-index:2;right:0;top:-8px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:38px;line-height:1;cursor:pointer}.photo-viewer-nav{width:50px;height:70px;border:0;background:rgba(255,204,0,.92);color:#000;font-size:48px;line-height:1;cursor:pointer}.photo-viewer-prev{grid-column:1}.photo-viewer-next{grid-column:3}
body.modal-open{overflow:hidden}
@media(max-width:960px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card.is-featured:first-child{grid-column:span 2}}
@media(max-width:680px){.portfolio-hero{min-height:auto;padding:68px 6%}.portfolio-hero h1{font-size:45px}.project-grid{grid-template-columns:1fr}.project-card.is-featured:first-child{grid-column:span 1}.portfolio-cta{align-items:flex-start;flex-direction:column}.portfolio-modal{padding:10px}.modal-panel{padding:32px 12px 22px}.modal-gallery{grid-template-columns:1fr}.modal-gallery img{height:auto;max-height:70vh}.photo-viewer{padding:8px}.photo-viewer-panel{grid-template-columns:42px minmax(0,1fr) 42px}.photo-viewer-nav{width:40px;height:58px;font-size:38px}.photo-viewer-panel figcaption{padding:10px 8px 0;font-size:13px}}