@font-face{font-family:Poppins;src:url('brand/poppins-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('brand/poppins-black.ttf') format('truetype');font-weight:900;font-display:swap}@font-face{font-family:GeorgiaLocal;src:url('brand/georgia-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
:root{--editorial:GeorgiaLocal,Georgia,'Times New Roman',serif}
.prototype-note{background:var(--lime);border-bottom:1px solid #000;padding:.42rem var(--pad);font-size:.72rem;font-weight:900;letter-spacing:.07em;text-align:center;text-transform:uppercase}
.story-block{position:relative;z-index:2}.portfolio-index{position:sticky;top:73px;z-index:15;display:flex;gap:1.4rem;align-items:center;overflow-x:auto;padding:.85rem var(--pad);background:var(--lime);border-block:1px solid #000;white-space:nowrap;scrollbar-width:none}.portfolio-index::-webkit-scrollbar{display:none}.portfolio-index span{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.portfolio-index a{font-size:.82rem;text-decoration:none;border-bottom:1px solid transparent}.portfolio-index a:hover{border-color:#000}
.portfolio-section{overflow:hidden}.portfolio-heading{padding-bottom:3rem}.portfolio-heading h2{max-width:65rem}.portfolio-heading .lead{max-width:42rem}.section-number{font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2.2rem}
.art-collage,.photo-collage{padding:0 var(--pad) 7rem}.masonry{columns:4 220px;column-gap:clamp(.7rem,1.4vw,1.4rem)}.gallery-item{position:relative;display:block;width:100%;margin:0 0 clamp(.7rem,1.4vw,1.4rem);break-inside:avoid;overflow:hidden;background:transparent}.gallery-item img,.gallery-item video{display:block;width:100%;height:auto}.gallery-item.fade-item{opacity:0;transform:translateY(34px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.gallery-item.fade-item.in-view{opacity:1;transform:none}
.design-section{background:#fff}.masonry-design{columns:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.7rem,1.4vw,1.4rem);align-items:start}.masonry-design .gallery-item{grid-column:span 3;margin:0;aspect-ratio:4/5;transition-duration:.5s}.masonry-design .gallery-item img{width:100%;height:100%;object-fit:cover}
.motion-work{background:#000;color:#fff}.video-collage{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:clamp(.7rem,1.3vw,1.25rem);padding:0 var(--pad) 7rem;align-items:start}.video-collage .gallery-item{margin:0}.video-collage .gallery-item.is-horizontal{grid-column:span 6}.video-collage .gallery-item.is-vertical{grid-column:span 3}.video-collage video{width:100%;height:auto;object-fit:contain}.video-collage .gallery-item.motion-opticalia{aspect-ratio:5/9}.video-collage .gallery-item.motion-opticalia video{height:100%;object-fit:cover}.motion-stack{grid-column:span 6;display:grid;grid-template-columns:1fr;gap:clamp(.7rem,1.3vw,1.25rem);align-content:start}.video-collage .motion-stack .gallery-item{grid-column:1}.motion-stack .motion-porsche{background:#000}
.portraits-section{background:#f5f5f5}.masonry-portraits{columns:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.8rem,1.5vw,1.5rem)}.masonry-portraits .gallery-item{grid-column:span 4;margin:0}.masonry-portraits .gallery-item.is-landscape{grid-column:span 8}.masonry-portraits .gallery-item.hero-shot{grid-column:1/-1;margin-bottom:clamp(2rem,6vw,6rem)}.masonry-portraits .gallery-item.hero-shot img{width:100%;height:auto}.masonry-portraits .gallery-item.is-landscape:nth-child(6n+1){grid-column:1/-1}.masonry-portraits .gallery-item.end-shot{grid-column:2/12;margin-top:clamp(2rem,5vw,5rem)}
.color-section{background:var(--lime);color:#000}.color-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.5rem);padding:0 var(--pad) 7rem;align-items:start}.color-collage .gallery-item{margin:0;aspect-ratio:3/4}.color-collage .gallery-item.color-pair-1{aspect-ratio:3/2}.color-collage .gallery-item img{width:100%;height:100%;object-fit:cover}
.product-section{background:#000;color:#fff}.masonry-products{columns:4 220px}
.landscape-section{background:#fff}.landscape-collage{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(.8rem,1.5vw,1.5rem);padding:0 var(--pad) 7rem;align-items:start}.landscape-collage .gallery-item{margin:0}.landscape-collage .gallery-item.is-horizontal{grid-column:1/-1}.landscape-collage .gallery-item.is-vertical{grid-column:span 6}.landscape-collage .gallery-item img{width:100%;height:auto}
.documentary-section{background:#000;color:#fff;padding-bottom:7rem}.documentary-frame{position:relative;width:min(1200px,calc(100% - 2 * var(--pad)));margin:0 auto;border:1px solid #555;background:#111;box-shadow:clamp(8px,1.5vw,18px) clamp(8px,1.5vw,18px) 0 var(--lime)}.documentary-frame video{display:block;width:100%;aspect-ratio:16/9;background:#000}.documentary-frame>span{display:inline-block;padding:.8rem 1rem;color:var(--lime);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.portfolio-index{top:72px}.masonry-design .gallery-item{grid-column:span 6}.video-collage .gallery-item.is-horizontal{grid-column:span 8}.video-collage .gallery-item.is-vertical{grid-column:span 4}.motion-stack{grid-column:span 8}}
@media(max-width:600px){.prototype-note{font-size:.62rem}.portfolio-index{top:69px;padding-inline:1rem}.portfolio-heading{padding-bottom:2rem}.art-collage,.photo-collage,.video-collage,.color-collage,.landscape-collage{padding-inline:1rem;padding-bottom:4rem}.masonry{columns:2 130px}.masonry-design{columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.masonry-design .gallery-item{grid-column:span 1}.masonry-portraits{columns:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.masonry-portraits .gallery-item,.masonry-portraits .gallery-item.is-landscape{grid-column:span 1}.masonry-portraits .gallery-item.hero-shot,.masonry-portraits .gallery-item.is-landscape:nth-child(6n+1),.masonry-portraits .gallery-item.end-shot{grid-column:1/-1}.video-collage,.color-collage,.landscape-collage{gap:.7rem}.video-collage .gallery-item.is-horizontal{grid-column:1/-1}.video-collage .gallery-item.is-vertical{grid-column:span 6}.motion-stack{grid-column:1/-1;gap:.7rem}.color-collage{grid-template-columns:repeat(2,minmax(0,1fr))}.landscape-collage .gallery-item.is-horizontal,.landscape-collage .gallery-item.is-vertical{grid-column:1/-1}.documentary-section{padding-bottom:4rem}.documentary-frame{width:calc(100% - 2rem);box-shadow:8px 8px 0 var(--lime)}}
@media(prefers-reduced-motion:reduce){.gallery-item.fade-item{opacity:1;transform:none;transition:none}.gallery-item video[autoplay]{animation:none}}