.showcase-intro{background:var(--bg);padding:72px clamp(24px,5vw,88px) 64px}.showcase-intro h1{letter-spacing:0;margin:18px 0 24px;font-size:56px;font-weight:600;line-height:1.3}.showcase-intro h1 em,.showcase-work h2 em,.showcase-cta h2 em{color:var(--teal);font-style:normal}.showcase-intro>p:last-child{max-width:630px;color:var(--muted);margin-bottom:0;font-size:17px;line-height:1.9}.showcase-work{background:var(--bg);border-top:1px solid var(--line)}.showcase-work h2{letter-spacing:0;font-size:44px;line-height:1.35}.showcase-gallery{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px 18px;display:flex}.showcase-item{flex:none;width:210px;margin:0}.showcase-item.is-portrait{width:150px}.showcase-image-button{border:1px solid var(--line);background:var(--surface);aspect-ratio:4/5;border-radius:8px;width:100%;height:auto;padding:0;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.showcase-item.is-portrait .showcase-image-button{aspect-ratio:9/16}.showcase-image-button:hover{border-color:var(--teal);background:var(--surface);transform:translateY(-4px)}.showcase-image-button img,.showcase-image-button video{object-fit:contain;width:100%;height:100%}.showcase-cta{background:var(--surface2);border-top:1px solid var(--line)}.showcase-cta h2{letter-spacing:0;margin:0 0 30px;font-size:48px;line-height:1.3}.showcase-dialog{border:1px solid var(--line);background:var(--bg);color:var(--cream);width:calc(100% - 32px);max-width:960px;max-height:94dvh;padding:16px}.showcase-dialog header{justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;display:flex}.showcase-dialog>button:last-child{display:none}.showcase-dialog h3{letter-spacing:0;margin:0;font-size:15px;line-height:1.6}.showcase-dialog-media{object-fit:contain;max-width:100%;max-height:75dvh;margin:auto;display:block}.showcase-dialog-actions{justify-content:space-between;padding-top:12px;display:flex}.showcase-icon-button{background:var(--surface2);color:var(--cream);border:1px solid var(--line);flex:none;width:40px;height:40px}.showcase-icon-button:hover{background:var(--surface);color:var(--teal)}@media (width<=760px){.showcase-intro{padding-top:48px;padding-bottom:40px}.showcase-intro h1{font-size:38px}.showcase-intro>p:last-child{font-size:15px}.showcase-work h2{font-size:32px}.showcase-cta h2{font-size:36px}.showcase-gallery{gap:20px 12px}.showcase-item{width:calc(50% - 6px);max-width:210px}.showcase-item.is-portrait{width:calc(50% - 6px);max-width:150px}}@media (prefers-reduced-motion:reduce){.showcase-image-button{transition:none}.showcase-image-button:hover{transform:none}}.creative-heading{text-align:center;max-width:760px;margin:0 auto 52px}.creative-heading h2{margin:0 0 16px}.creative-heading p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.creative-wall{grid-template-columns:repeat(var(--creative-columns),minmax(0,1fr));isolation:isolate;direction:ltr;gap:14px;max-width:1440px;margin:0 auto;padding:4px 0 80px;display:grid;position:relative}.creative-column{min-width:0;padding-top:var(--column-offset);opacity:0;transition:opacity .85s,transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:var(--column-delay);transform:translateY(110px)}.has-entered .creative-column{opacity:1;transform:translateY(0)}.creative-column-drift{transform:translate3d(0,var(--column-drift),0);will-change:transform;flex-direction:column;gap:14px;display:flex}.creative-wall .showcase-item,.creative-wall .showcase-item.is-portrait{flex:none;width:100%;max-width:none;margin:0}.creative-wall .showcase-image-button{background:#11181a;border-radius:10px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 8px 24px #0002}.creative-wall .showcase-image-button:hover{border-color:var(--teal);transform:translateY(-5px);box-shadow:0 12px 35px #0004}.creative-wall .showcase-image-button img,.creative-wall .showcase-image-button video{pointer-events:none;display:block}.creative-wall:after{content:"";background:linear-gradient(transparent,var(--bg));pointer-events:none;z-index:2;height:70px;position:absolute;bottom:0;left:-2px;right:-2px}@media (width<=999px){.creative-wall,.creative-column-drift{gap:12px}.creative-column{padding-top:calc(var(--column-offset)*.7)}}@media (width<=639px){.creative-heading{margin-bottom:32px}.creative-heading p{font-size:13px}.creative-wall{gap:10px;padding-bottom:32px}.creative-column-drift{gap:10px}.creative-column{padding-top:calc(var(--column-offset)*.5)}.creative-wall:after{height:32px}.creative-wall .showcase-image-button{border-radius:7px}}@media (prefers-reduced-motion:reduce){.creative-column{transition:opacity .6s;transform:none}.creative-column-drift{will-change:transform}}.creative-wall{padding-top:8px;padding-bottom:100px;overflow:clip}.creative-column,.has-entered .creative-column{opacity:1;transform:translate3d(0,var(--column-arrival),0);will-change:transform;transition:transform .12s linear}.creative-column-drift{will-change:auto;transform:none}@media (width<=639px){.creative-wall{padding-bottom:40px}.creative-column{transition-duration:.1s}}@media (prefers-reduced-motion:reduce){.creative-column,.has-entered .creative-column{transition-duration:.2s}}.creative-wall .showcase-item.is-square .showcase-image-button{aspect-ratio:1}

/* Balanced media wall: 18 items / 6, 3 or 2 equal columns. */
.creative-column{padding-top:0!important}
.creative-wall .showcase-image-button,.creative-wall .showcase-item.is-portrait .showcase-image-button,.creative-wall .showcase-item.is-square .showcase-image-button{aspect-ratio:4/5}
.creative-wall .showcase-image-button img,.creative-wall .showcase-image-button video{object-fit:contain;object-position:center}
.creative-wall{padding-bottom:24px}
.creative-wall:after{display:none}
@media(prefers-reduced-motion:reduce){.creative-column,.has-entered .creative-column{transform:none!important;transition:none;will-change:auto}}

/* Continuous opposing conveyor loops; no scroll dependency. */
.creative-wall{height:clamp(420px,45vw,720px);padding:0;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent)}
.creative-column,.has-entered .creative-column{height:100%;overflow:hidden;transform:none!important;transition:none!important;will-change:auto;padding:0!important}
.creative-column-drift{animation:parrots-gears 28s linear infinite!important;will-change:transform;gap:14px}
.creative-column:nth-child(even) .creative-column-drift{animation-direction:reverse!important}
@keyframes parrots-gears{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - 7px),0)}}
@media(width<=1199px){.creative-wall{height:760px}.creative-column-drift{gap:12px;animation-duration:48s!important}@keyframes parrots-gears{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - 6px),0)}}}
@media(width<=639px){.creative-wall{height:660px}.creative-column-drift{gap:10px;animation-duration:60s!important}@keyframes parrots-gears{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - 5px),0)}}}


.creative-motion-toggle{position:absolute;z-index:5;bottom:38px;right:16px;border:1px solid #51d5bb;background:#081316ed;color:#f8f5e9;padding:10px 16px;border-radius:999px;font:600 13px inherit;cursor:pointer}.creative-motion-toggle:focus-visible{outline:3px solid #51d5bb;outline-offset:3px}.creative-wall.is-paused .creative-column-drift{animation-play-state:paused!important}

.creative-motion-toggle{display:none!important}
