/* Dark, typographic project index. All imagery remains inside individual case studies. */
.portfolio-listing-page .portfolio-hero--listing{min-height:86vh}.listing-intro{padding:8rem 0 5rem}.listing-intro__copy{margin-top:4rem;display:grid;grid-template-columns:1.3fr .6fr;gap:9vw;align-items:end}.listing-intro h2{margin:0;font:clamp(3.4rem,7vw,7.4rem)/.9 var(--ff-display);letter-spacing:-.07em}.listing-intro h2 em,.cinematic-case h3 em{color:var(--c-accent);font-style:normal}.listing-intro p{margin:0;color:var(--c-text-2);line-height:1.8}
.cinematic-cases{padding:2rem 0 10rem}.cinematic-case-row,.campaign-grid,.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-border);border:1px solid var(--c-border)}.cinematic-case-row{margin:0;border-top:0}.cinematic-case{position:relative;display:flex;min-height:360px;padding:1.6rem;overflow:hidden;background:#101010;color:#fff;flex-direction:column;justify-content:flex-end;isolation:isolate;transition:background .45s var(--ease-out-expo),transform .45s var(--ease-out-expo)}.cinematic-case--wide{min-height:410px;border:1px solid var(--c-border)}.cinematic-case:before,.campaign-card:before,.products-grid>a:before{content:"";position:absolute;width:240px;height:240px;right:-150px;top:-150px;border:1px solid rgba(249,116,22,.4);border-radius:50%;box-shadow:0 0 0 32px rgba(249,116,22,.025),0 0 0 70px rgba(249,116,22,.014);transition:transform .7s var(--ease-out-expo),border-color .35s;z-index:-1}.cinematic-case:after,.campaign-card:after,.products-grid>a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--c-accent);transition:right .55s var(--ease-out-expo)}.cinematic-case__meta{position:absolute;inset:1.5rem 1.6rem auto;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-3)}.cinematic-case__meta span:first-child{color:var(--c-accent)}.cinematic-case__title p{margin:0 0 .85rem;color:var(--c-text-3);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.cinematic-case h3{margin:0;font:clamp(3rem,6vw,6.8rem)/.85 var(--ff-display);letter-spacing:-.075em}.cinematic-case-row .cinematic-case h3{font-size:clamp(2.5rem,4vw,4.7rem)}.cinematic-case:hover,.campaign-card:hover,.products-grid>a:hover{background:#17130f;transform:translateY(-4px)}.cinematic-case:hover:before,.campaign-card:hover:before,.products-grid>a:hover:before{transform:translate(-25px,25px) scale(1.08);border-color:var(--c-accent)}.cinematic-case:hover:after,.campaign-card:hover:after,.products-grid>a:hover:after{right:0}
.campaign-index{padding:8rem 0;background:var(--c-bg-2);border-block:1px solid var(--c-border)}.campaign-grid{margin-top:4rem}.campaign-card{position:relative;isolation:isolate;min-height:330px;overflow:hidden;background:#101010;color:#fff;padding:1.5rem;display:flex;align-items:flex-end;transition:background .45s var(--ease-out-expo),transform .45s var(--ease-out-expo)}.campaign-card>span{position:absolute;top:1.4rem;left:1.4rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--c-accent)}.campaign-card div{position:relative;z-index:1}.campaign-card p{margin:0 0 .55rem;color:var(--c-text-3);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase}.campaign-card h3{margin:0;font:clamp(1.9rem,2.8vw,3rem)/.95 var(--ff-display);letter-spacing:-.055em}.campaign-card small{display:block;margin-top:1rem;color:var(--c-text-3);font-size:.65rem;letter-spacing:.08em;transition:color .25s}.campaign-card:hover small{color:var(--c-accent)}
.portfolio-listing-page .digital-work{padding-top:8rem}.portfolio-listing-page .products-grid{margin-top:4rem}.portfolio-listing-page .products-grid>a{position:relative;min-height:300px;padding:1.6rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#101010;transition:background .45s var(--ease-out-expo),transform .45s var(--ease-out-expo)}.portfolio-listing-page .products-grid>a>span{position:absolute;left:1.6rem;top:1.5rem;color:var(--c-accent);font-size:.68rem;letter-spacing:.14em}.portfolio-listing-page .products-grid small{position:absolute;right:1.6rem;top:1.5rem;color:var(--c-text-3);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.portfolio-listing-page .products-grid h3{margin:0;font:clamp(2rem,3vw,3.2rem)/.95 var(--ff-display);letter-spacing:-.055em}.portfolio-listing-page .products-grid p{margin:.7rem 0 0;color:var(--c-text-3);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.portfolio-listing-page .products-grid i{margin-top:1.4rem;color:var(--c-text-3);font-size:.68rem;font-style:normal;transition:color .25s}.portfolio-listing-page .products-grid>a:hover i{color:var(--c-accent)}
@media(max-width:900px){.listing-intro__copy{grid-template-columns:1fr;gap:2rem}.cinematic-case-row,.campaign-grid,.products-grid{grid-template-columns:1fr 1fr}.cinematic-case--wide{min-height:380px}}
@media(max-width:600px){.portfolio-listing-page .portfolio-hero--listing{min-height:78vh}.listing-intro{padding:6rem 0 3rem}.cinematic-cases{padding-bottom:6rem}.cinematic-case-row,.campaign-grid,.products-grid{grid-template-columns:1fr}.cinematic-case,.cinematic-case--wide{min-height:310px}.campaign-index{padding:6rem 0}.campaign-grid{margin-top:2.5rem}.campaign-card{min-height:285px}.cinematic-case__meta{font-size:.57rem}.cinematic-case h3,.cinematic-case-row .cinematic-case h3{font-size:3.2rem}}