.work-showcase{--work-gutter:clamp(20px, 2.6vw, 56px);--work-ease:cubic-bezier(.86, 0, .07, 1);z-index:3;color:#f6f5f1;font-family:var(--font-ui);background:0 0;padding:0;scroll-margin-top:80px;position:relative}.work-intro{padding:110px var(--work-gutter) 100px;grid-template-columns:1fr 2fr;gap:32px;display:grid}.work-eyebrow{text-transform:uppercase;letter-spacing:.06em;margin:9px 0 0;font-size:12px}.work-eyebrow span{margin-right:12px}.work-intro h2{font:300 clamp(38px, 4.5vw, 76px)/1.04 var(--font-display);letter-spacing:-.045em;max-width:950px;margin:0}.work-intro-note{color:#949c9f;grid-column:2;margin:0;font-size:18px;line-height:1.4}.work-projects{background:#101315}.work-project{padding:36px var(--work-gutter);isolation:isolate;border-top:1px solid #ffffff24;position:relative}.work-project:before{content:"";background:var(--project-color);opacity:0;z-index:-1;transition:opacity .8s var(--work-ease);position:absolute;inset:0}.work-project-summary{grid-template-columns:1fr 1.45fr .55fr;gap:32px;min-height:140px;transition:color .5s;display:grid}.work-project-title{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:26px;display:flex}.work-project-title h3{letter-spacing:-.025em;margin:0;font-size:clamp(26px,2.2vw,38px);font-weight:400;line-height:1.08}.work-project-trigger{font:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.work-expand{display:none}.work-project-description{letter-spacing:-.015em;max-width:370px;margin:0;font-size:clamp(17px,1.28vw,21px);line-height:1.4}.work-project-meta{text-transform:uppercase;letter-spacing:.025em;flex-direction:column;justify-content:space-between;gap:32px;font-size:11px;line-height:1.3;display:flex}.work-project-meta ul{margin:0;padding:0;list-style:none}.work-project-meta>span{max-width:190px}.work-project-link{opacity:0;visibility:hidden;min-width:150px;transition:opacity .3s ease, transform .5s var(--work-ease), visibility .3s;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:32px;padding:0 0 8px;font-size:14px;display:flex;transform:translateY(8px)}.work-link-arrow{width:18px;height:18px;position:relative;overflow:hidden}.work-link-arrow span{transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.work-link-arrow span+span{transform:translate(-100%,100%)}.work-project-link:hover .work-link-arrow span:first-child{transform:translate(100%,-100%)}.work-project-link:hover .work-link-arrow span+span{transform:translate(0)}.work-project-reveal{max-height:0;transition:max-height .8s var(--work-ease);display:grid;overflow:hidden}.work-project-gallery{grid-template-columns:1.85fr 1fr 1fr;align-items:start;gap:16px;min-height:0;display:grid;overflow:hidden}.work-preview{min-width:0;display:block}.work-preview-image{background:#0000001f;border-radius:5px;overflow:hidden}.work-preview img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .85s cubic-bezier(.16,1,.3,1);display:block}.work-preview:not(:first-child) img{aspect-ratio:4/3;object-position:top}.work-preview:hover img{transform:scale(1.035)}.work-preview-caption{opacity:.8;justify-content:space-between;gap:12px;padding:12px 0 0;font-size:11px;line-height:1.35;display:flex}.work-project:is(:hover,[data-keyboard-focus=true],[data-initial]){color:var(--project-ink)}.work-project:is(:hover,[data-keyboard-focus=true],[data-initial]):before{opacity:1}.work-project:is(:hover,[data-keyboard-focus=true],[data-initial]) .work-project-reveal{max-height:24.75rem}.work-project:is(:hover,[data-keyboard-focus=true],[data-initial]) .work-project-link{opacity:1;visibility:visible;transform:translateY(0)}.work-project :focus-visible{outline-offset:6px;outline:2px solid}@media (width<=900px){.work-intro{grid-template-columns:1fr;gap:24px;padding-top:70px;padding-bottom:60px}.work-intro-note{grid-column:1}.work-project{padding-top:28px;padding-bottom:28px}.work-project-summary{grid-template-columns:1fr 1.4fr;gap:24px;min-height:160px}.work-project-meta{flex-direction:row;grid-column:2;gap:20px;font-size:10px}.work-project-description{font-size:16px}.work-project-title{grid-row:span 2}.work-project-gallery{gap:12px}}@media (width<=600px){.work-intro h2{font-size:38px}.work-intro-note{font-size:16px}.work-project-summary{grid-template-columns:1fr;gap:20px;min-height:0}.work-project-title{grid-row:auto;display:contents}.work-project-title h3{font-size:28px}.work-project-trigger{justify-content:space-between;align-items:center;width:100%;display:flex}.work-expand{transition:transform .5s var(--work-ease);font-size:26px;font-weight:300;display:block}.work-project:is(:hover,[data-keyboard-focus=true],[data-initial]) .work-expand{transform:rotate(45deg)}.work-project-link{opacity:1;visibility:visible;grid-row:4;justify-self:start;transform:none}.work-project-meta{grid-column:1}.work-project-description{max-width:440px;font-size:17px}.work-project-gallery{grid-template-columns:1fr 1fr;gap:16px 10px}.work-preview:first-child{grid-column:span 2}.work-project:is(:hover,[data-keyboard-focus=true],[data-initial]) .work-preview{margin-top:0}.work-project:is(:hover,[data-keyboard-focus=true],[data-initial]) .work-preview:first-child{margin-top:24px}.work-preview-caption{padding-top:8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.work-project:before,.work-project *{transition:none!important}}@media (width>=991px) and (hover:hover) and (pointer:fine){.work-project-gallery{box-sizing:border-box;height:24.75rem;padding-top:2.25rem}.work-preview:first-child img{height:22.5rem}.work-preview-caption{display:none}}@media (width<=990px),(hover:none),(pointer:coarse){.work-project{color:var(--project-ink)}.work-project:before{opacity:1}.work-project .work-project-reveal,.work-project:is(:hover,[data-keyboard-focus=true],[data-initial]) .work-project-reveal{max-height:none}.work-project-gallery{padding-top:24px;display:block}.work-preview:not(:first-child){display:none}.work-preview{margin-top:0!important}.work-project-link{opacity:1;visibility:visible;transform:none}.work-expand{display:none}}.client-card-flight{z-index:1;perspective:1000px;pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.client-card-position{perspective:1000px;width:380px;height:530px;transform-style:preserve-3d;will-change:transform;margin:-265px 0 0 -190px;position:absolute;top:50%;left:50%}.holo-card{--foil-x:50%;--foil-y:50%;--foil-angle:105deg;--tilt-x:0deg;--tilt-y:0deg;--reflect:.495;--grain:.25;--glare:0;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1);pointer-events:auto;cursor:pointer;background:#15151c;border-radius:12px;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000052}.holo-card[data-active=true]{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(1.03);transition:transform 80ms ease-out;box-shadow:0 28px 60px #00000073,0 8px 20px #0000004d}.holo-artwork,.holo-foil,.holo-grain,.holo-glare,.holo-edge{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.holo-artwork{color:var(--project-ink);background:linear-gradient(145deg, var(--project-color) 0%, color-mix(in srgb,var(--project-color) 78%,black) 38%, var(--project-color) 70%, color-mix(in srgb,var(--project-color) 88%,black) 100%);flex-direction:column;justify-content:space-between;padding:25px;display:flex}.holo-card-top,.holo-card-bottom{font:11px/1.4 var(--font-body);letter-spacing:.025em;justify-content:space-between;gap:16px;display:flex}.holo-card-top{text-transform:uppercase;border-bottom:1px solid color-mix(in srgb,var(--project-ink) 22%,transparent);padding-bottom:14px}.holo-card-bottom{border-top:1px solid color-mix(in srgb,var(--project-ink) 22%,transparent);padding-top:14px}.holo-card-bottom span:first-child{max-width:75%}.holo-card-bottom span:last-child{white-space:nowrap}.client-logo{flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.client-logo img{object-fit:contain;width:100%;height:auto;max-height:160px}.client-logo-hyper img{width:82%}.client-logo-hyper img,.client-logo-sourcewise img{filter:brightness(0)invert()}.client-logo-shiimain img{width:94%}.client-logo-sourcewise .sourcewise-symbol{width:64px;height:72px}.holo-foil{background:linear-gradient(var(--foil-angle),color-mix(in srgb,var(--project-color) 55%,#ff4d8d) 0%,color-mix(in srgb,var(--project-color) 55%,#4dd2ff) 38%,color-mix(in srgb,var(--project-color) 55%,#b14dff) 62%,color-mix(in srgb,var(--project-color) 55%,#ff4d8d) 100%);background-size:260% 260%;background-position:var(--foil-x) var(--foil-y);mix-blend-mode:color-dodge;opacity:calc(var(--reflect) * .4);pointer-events:none;transition:opacity .4s}.holo-grain{mix-blend-mode:overlay;opacity:var(--grain);pointer-events:none;transition:opacity .4s;overflow:hidden}.holo-glare{background:radial-gradient(circle at var(--foil-x) var(--foil-y),#ffffff73 0%,transparent 45%);opacity:var(--glare);mix-blend-mode:soft-light;pointer-events:none;transition:opacity .3s}.holo-edge{pointer-events:none;box-shadow:inset 0 1.5px #ffffff8c,inset 0 -1px #00000059,inset 1px 0 #ffffff2e,inset -1px 0 #0000002e,inset 0 0 12px #ffffff0f}@media (prefers-reduced-motion:reduce){.holo-card,.holo-card[data-active=true]{transition:none;transform:none}}.client-logo-superame img{mix-blend-mode:multiply}@media (width<=700px){.client-card-position{width:250px;height:349px;margin:-174.5px 0 0 -125px}.holo-artwork{padding:18px}.holo-card-top,.holo-card-bottom{gap:10px;font-size:9px}.client-logo-sourcewise .sourcewise-symbol{width:44px;height:50px}}