.portfolio-hero{position:relative;overflow:hidden;padding:calc(58px + clamp(4rem,10vw,8rem)) 0 clamp(3rem,7vw,6rem);background:radial-gradient(ellipse 900px 520px at 55% 22%, rgba(52,19,144,.3), rgba(0,0,0,0) 68%),radial-gradient(ellipse 680px 420px at 12% 70%, rgba(29,78,216,.16), rgba(0,0,0,0) 68%),#05050f}.portfolio-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), rgba(124,58,237,.35), rgba(0,0,0,0))}.portfolio-hero__inner{max-width:860px}.hero-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.25rem;color:#a78bfa;font-size:.78rem;font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase}.hero-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff4500;box-shadow:0 0 10px #ff4500;flex-shrink:0}.portfolio-hero h1{max-width:820px;margin-bottom:1.35rem;font-size:clamp(3rem,2rem + 4vw,4.5rem);line-height:1.02}.hero-desc{max-width:680px;color:rgba(238,238,255,.7);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.75;text-wrap:balance}.portfolio-exhibit{position:relative;z-index:2;padding-block:clamp(3rem,7vw,6rem) clamp(4rem,9vw,8rem);background:linear-gradient(180deg, rgba(5,4,18,.96), rgba(11,9,32,.72)),#05050f;overflow:hidden}.portfolio-exhibit::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px, rgba(0,0,0,0) 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, rgba(0,0,0,0) 1px);background-size:92px 92px;mask-image:linear-gradient(to bottom, rgba(0,0,0,0), #000 8rem, #000 calc(100% - 8rem), rgba(0,0,0,0));-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0), #000 8rem, #000 calc(100% - 8rem), rgba(0,0,0,0))}.featured-work,.work-piece,.portfolio-cta{position:relative;z-index:1}.featured-work{display:grid;grid-template-columns:minmax(0, 1fr);align-items:center;margin-bottom:clamp(4rem,10vw,8rem)}.featured-work__media,.work-piece__media{display:block}.featured-work__media{grid-area:1/1;aspect-ratio:16/9;min-height:clamp(420px,52vw,680px);border-radius:clamp(1rem,2.5vw,1.8rem)}.featured-work__media img,.work-piece__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transition:transform .55s cubic-bezier(.22, 1, .36, 1),filter .35s}.featured-work__media:hover img,.work-piece__media:hover img{transform:scale(1.035);filter:saturate(1.06) contrast(1.04)}.featured-work__content{grid-area:1/1;align-self:center;justify-self:end;width:min(460px,42%);margin:clamp(1rem,3vw,2rem);padding:clamp(1.2rem,3vw,2rem);border-color:rgba(255,255,255,.12);border-radius:clamp(.9rem,2vw,1.25rem);background:linear-gradient(180deg, rgba(11,9,32,.84), rgba(5,4,18,.74));box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.work-kicker{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem;color:#a78bfa;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.work-kicker span:first-child{color:#ff6a2f}.featured-work h2,.work-piece h2{margin-bottom:1rem}.featured-work h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05}.featured-work h2 a,.work-piece h2 a{color:inherit}.featured-work__content>p,.work-piece__content>p{color:rgba(238,238,255,.7);line-height:1.75}.work-facts{display:grid;gap:.85rem;margin:clamp(1.3rem,3vw,2rem) 0}.work-facts div{padding-block:.85rem;border-top:1px solid rgba(255,255,255,.1)}.work-facts div:last-child{border-bottom:1px solid rgba(255,255,255,.1)}.work-facts dt{margin-bottom:.25rem;color:rgba(238,238,255,.5);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.work-facts dd{color:#eef;line-height:1.45}.work-result{padding:1rem 1.1rem;border-left:3px solid #ff4500;background:rgba(255,69,0,.08);color:rgba(238,238,255,.84) !important}.work-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.3rem}.work-tags span{display:inline-flex;align-items:center;min-height:1.7rem;padding:.25rem .65rem;border:1px solid rgba(124,58,237,.3);border-radius:999rem;background:rgba(124,58,237,.11);color:#a78bfa;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.work-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:clamp(1.25rem,3vw,2rem);color:#ff6a2f;font-weight:800}.work-link::after{content:"→";transition:transform .2s}.work-link:hover::after{transform:translateX(.3rem)}.works-runway{display:grid;gap:clamp(3rem,8vw,7rem)}.work-piece{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.work-piece--reverse{grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr)}.work-piece--reverse .work-piece__media{order:2}.work-piece__media{aspect-ratio:16/10;border-radius:clamp(.85rem,2vw,1.35rem)}.work-piece__content{max-width:520px}.work-piece--reverse .work-piece__content{justify-self:end}.work-piece h2{font-size:clamp(1.7rem,3.4vw,3.3rem);line-height:1.08}.portfolio-cta{max-width:760px;margin:clamp(4rem,10vw,8rem) auto 0;padding-top:clamp(2rem,5vw,3.5rem);border-top:1px solid rgba(124,58,237,.18);text-align:center}.portfolio-cta p{margin-bottom:1.5rem;color:rgba(238,238,255,.7);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.btn-primary{display:inline-block;padding:.8rem 2rem;border:1px solid rgba(255,255,255,.15);border-bottom-color:rgba(0,0,0,.25);border-radius:.75rem;background:linear-gradient(180deg, #e04000 0%, #b53000 100%);box-shadow:0 2px 8px rgba(181,48,0,.35),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.02em;transition:background .2s,transform .15s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(180deg, #cc3700 0%, #a02800 100%);box-shadow:0 4px 14px rgba(181,48,0,.4),inset 0 1px 0 rgba(255,255,255,.2)}@media (max-width: 980px){.featured-work,.work-piece,.work-piece--reverse{grid-template-columns:1fr}.featured-work__media,.featured-work__content{grid-area:auto}.featured-work__content{width:auto;max-width:680px;margin:0;padding:1.25rem 0 0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.work-piece--reverse .work-piece__media{order:0}.work-piece__content,.work-piece--reverse .work-piece__content{max-width:680px;justify-self:start}}@media (max-width: 640px){.portfolio-hero h1{font-size:clamp(2.25rem,13vw,4rem)}.featured-work__media,.work-piece__media{border-radius:.9rem}.work-facts{gap:0}}