.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:clamp(2rem,5vw,4rem);display:grid}.portfolio-card{background:linear-gradient(145deg,#18242bc7,#0b1115d6);border:1px solid #b9c5cb2b;overflow:hidden}.portfolio-card-image{aspect-ratio:16/10;background:#080b0d;display:block;position:relative;overflow:hidden}.portfolio-card-image:after{content:"";border:1px solid #0000;transition:border-color .2s;position:absolute;inset:0}.portfolio-card-image img{object-fit:cover;transition:transform .35s}.portfolio-card-image:hover img{transform:scale(1.02)}.portfolio-card-image:hover:after{border-color:#43e6da8c}.portfolio-card-copy{padding:clamp(1.25rem,3vw,2rem)}.portfolio-card-copy .subheading{margin:.75rem 0}.portfolio-motion-label{color:#f5d7a7;letter-spacing:.12em;text-transform:uppercase;margin-top:1rem;font-size:.68rem;font-weight:800;display:inline-block}.portfolio-card-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.portfolio-experience-link{color:var(--soft-teal);font-size:.8rem;font-weight:750}.portfolio-card-meta,.portfolio-project-meta{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem 1rem;font-size:.67rem;font-weight:800;display:flex}.portfolio-card-meta span+span:before,.portfolio-project-meta span+span:before{content:"/";color:var(--steel);margin-right:1rem}.portfolio-featured-section{background:radial-gradient(circle at 18% 18%, #43e6da1a, transparent 28rem), var(--graphite)}.portfolio-section-actions{justify-content:flex-end;margin-top:2rem;display:flex}.portfolio-actions{justify-content:center}.portfolio-project-hero{padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,6vw,5rem);overflow:hidden}.portfolio-project-heading{z-index:1;margin-bottom:clamp(2rem,5vw,4rem);position:relative}.portfolio-project-heading .display{max-width:15ch;margin:1.25rem 0}.portfolio-back{color:var(--soft-teal);margin-bottom:2rem;font-size:.82rem;font-weight:700;display:inline-block}.portfolio-back:before{content:"← "}.portfolio-project-visual{position:relative}.portfolio-project-visual:before{content:"";pointer-events:none;border:1px solid #43e6da38;position:absolute;inset:-1rem}.portfolio-project-visual img,.portfolio-walkthrough-video{border:1px solid #b9c5cb33;width:100%;height:auto;display:block}.portfolio-walkthrough-video{aspect-ratio:16/9;object-fit:cover;background:#050708}.portfolio-hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.portfolio-preview-note{max-width:62rem;color:var(--steel);margin:1rem 0 0;font-size:.8rem}.portfolio-experience-shell{background:#050708;min-height:100vh}.portfolio-experience-bar{background:#10181d;border-bottom:1px solid #43e6da47;justify-content:space-between;align-items:center;gap:2rem;padding:1rem clamp(1rem,4vw,3rem);display:flex}.portfolio-experience-bar h1{color:var(--white);margin-left:.8rem;font-size:1rem;display:inline-block}.portfolio-experience-bar p{max-width:72rem;color:var(--steel);margin:.5rem 0 0;font-size:.78rem}.portfolio-experience-frame{background:#080b0d;border:0;width:100%;height:min(82vh,920px);display:block}.portfolio-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);display:grid}.portfolio-story-grid article{border-top:1px solid #43e6da59;padding-top:1.5rem}.portfolio-story-grid .subheading{margin-bottom:1rem}.portfolio-capability-section{background:radial-gradient(circle at 75% 30%, #43e6da1a, transparent 28rem), var(--graphite)}.portfolio-capability-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,7vw,7rem);display:grid}.portfolio-capability-list{margin:0;padding:0;list-style:none}.portfolio-capability-list li{color:var(--soft-silver);border-top:1px solid #b9c5cb2b;padding:1rem 0}.portfolio-capability-list li:before{content:"✓";color:var(--cyan);margin-right:.8rem}.portfolio-gallery-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);align-items:end;gap:2rem;margin-bottom:clamp(2rem,5vw,4rem);display:grid}.portfolio-gallery{grid-template-columns:minmax(0,1fr) minmax(15rem,.38fr);align-items:start;gap:1.25rem;display:grid}.portfolio-gallery figure{margin:0}.portfolio-gallery img{background:#080b0d;border:1px solid #b9c5cb33;width:100%;height:auto;display:block}.portfolio-gallery figcaption{color:var(--steel);letter-spacing:.1em;text-transform:uppercase;padding-top:.65rem;font-size:.72rem}.portfolio-gallery-mobile{justify-self:end;max-width:24rem}.portfolio-disclosure{border-left:2px solid var(--cyan);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);padding-left:clamp(1rem,3vw,2rem);display:grid}.portfolio-disclosure .subheading{margin-bottom:.75rem}.portfolio-adult-note{color:#f5d7a7;margin:1rem 0 0}@media (max-width:900px){.portfolio-story-grid,.portfolio-capability-layout,.portfolio-gallery-heading{grid-template-columns:1fr}}@media (max-width:720px){.portfolio-grid,.portfolio-gallery{grid-template-columns:1fr}.portfolio-card-meta,.portfolio-project-meta{flex-direction:column;gap:.35rem}.portfolio-card-meta span+span:before,.portfolio-project-meta span+span:before{content:none}.portfolio-gallery-mobile{justify-self:center;width:min(82vw,22rem)}.portfolio-disclosure{grid-template-columns:1fr}.portfolio-section-actions{justify-content:stretch}.portfolio-section-actions .btn{width:100%}.portfolio-experience-bar{flex-direction:column;align-items:stretch}.portfolio-experience-bar h1{margin:.75rem 0 0;display:block}.portfolio-experience-frame{height:76vh}}@media (prefers-reduced-motion:reduce){.portfolio-card-image img{transition:none}}
