.portfolio{grid-template-columns:1fr 1fr;gap:65px 36px;padding-bottom:100px;display:grid}.portfolio-feature{background:var(--surface);border-radius:5px;grid-column:1/-1;grid-template-columns:1.5fr 1fr;display:grid;overflow:hidden}.portfolio-image{background:var(--surface-accent);border-radius:4px;display:block;position:relative;overflow:hidden}.portfolio-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.portfolio-image:hover img{transform:scale(1.035)}.portfolio-feature>.portfolio-image{min-height:520px}.portfolio-arrow{background:var(--background);border-radius:50%;place-items:center;width:50px;height:50px;transition:background .2s,color .2s;display:grid;position:absolute;bottom:22px;right:22px}.portfolio-image:hover .portfolio-arrow{background:var(--primary);color:#fff}.portfolio-feature>.portfolio-copy{padding:42px}.portfolio-copy h2{margin-block:18px}.portfolio-strapline{color:var(--text-soft);margin-bottom:14px}.portfolio-copy .text-link{margin-top:14px}.portfolio-copy .rich-copy p{font-size:15px}.portfolio-card>.portfolio-image{height:350px;margin-bottom:25px}.portfolio-card h2{margin-block:12px}.project-typography{background:var(--surface-accent);height:100%;min-height:350px;color:var(--text-strong);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:38px;display:flex}.project-typography>span{max-width:420px;font-family:inherit;font-size:48px;font-weight:700;line-height:1.15}.project-typography>small{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.05em;font-size:12px}.portfolio-card:nth-child(6) .project-typography{background:var(--surface-accent);color:var(--text-strong)}.case-intro{padding-block:34px 52px}.case-intro>.text-link{border:0;margin-bottom:50px;padding-top:0}.case-intro h1{max-width:1170px}.case-intro .case-strapline{letter-spacing:-.025em;margin-top:28px;font-size:23px}.case-hero{border-radius:5px;height:590px;margin-bottom:clamp(32px,5vw,64px);overflow:hidden}.case-hero>img{object-fit:cover;width:100%;height:100%}.case-body{grid-template-columns:1fr 1.6fr;gap:13%;padding-block:80px;display:grid}.case-body aside h2{margin-top:22px}.case-body aside .text-link{margin-top:30px}.case-chapter+.case-chapter{border-top:1px solid var(--border);margin-top:36px;padding-top:36px}.case-chapter h2{margin-block:15px 22px}.case-chapter p{font-size:18px;line-height:1.8}.case-subchapter{margin-top:30px}.case-subchapter h3{margin-bottom:14px}.case-chapter-image{margin:30px 0 0}.case-chapter-image img{border-radius:5px;width:100%;height:auto;display:block}.case-statement{background:var(--surface-accent);border-radius:5px;align-items:center;gap:35px;padding:60px;display:flex}.case-statement p{color:var(--text-strong);font-family:inherit;font-size:40px;font-weight:700}.case-gallery{margin-bottom:60px}.case-gallery img{object-fit:contain;background:var(--surface);border-radius:4px;width:100%;max-height:700px}.case-gallery figcaption{color:var(--text-soft);margin-top:13px;font-size:12px}.case-testimonial{padding-bottom:clamp(45px,6vw,70px)}@media (max-width:1100px){.portfolio-feature>.portfolio-copy{padding:30px}.portfolio-card>.portfolio-image{height:280px}}@media (max-width:800px){.portfolio{grid-template-columns:1fr;gap:42px;padding-bottom:60px}.portfolio-feature{grid-template-columns:1fr}.portfolio-feature>.portfolio-image{height:330px;min-height:0}.portfolio-feature>.portfolio-copy{padding:27px}.portfolio-card>.portfolio-image{height:320px}.project-typography{min-height:320px;padding:30px}.project-typography>span{font-size:44px}.case-intro{padding-block:24px 35px}.case-intro>.text-link{margin-bottom:35px}.case-intro .case-strapline{font-size:19px}.case-hero{height:340px;margin-bottom:32px}.case-body{grid-template-columns:1fr;gap:40px;padding-block:45px}.case-body aside{display:none}.case-chapter p{font-size:16px}.case-statement{flex-direction:column;align-items:start;gap:20px;padding:35px}.case-statement p{font-size:32px}}[data-case-study=sysco-f1] .project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px)}[data-case-study=sysco-f1] .project-gallery-grid figure>div{border-radius:12px}[data-case-study=sysco-f1] .project-gallery-grid .case-image-trigger{aspect-ratio:16/10}[data-case-study=sysco-f1] .project-gallery-grid img{object-fit:cover;height:100%}[data-case-study=sysco-f1] .project-gallery-grid video{aspect-ratio:16/9;max-height:none}.case-hero{background:var(--surface);height:auto}.case-hero>img{object-fit:contain;height:auto;max-height:760px;display:block}.work-hero{min-height:var(--page-hero-min-height);flex-direction:column;padding-block:28px 0;display:flex}.work-hero-grid{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(32px,3vw,48px);padding-block:32px 48px;display:grid}.work-hero-copy h1{margin:0}.work-hero-copy>p{max-width:560px;margin-top:32px;font-size:17px;line-height:1.75}.work-metrics{--metric-depth:28px;isolation:isolate;grid-template-columns:1.45fr 1fr;grid-template-areas:"projects projects""relationship reach""partnership reach""rating rating";gap:12px;margin:0 12px 0 0;padding:0;list-style:none;display:grid;position:relative;transform:perspective(1400px)rotateY(-10deg)skewY(-7deg)}.work-metric{--metric-face:var(--background);--metric-lighting:linear-gradient(145deg, #c8e5f50f, transparent 48%, #00080e24);--metric-line:color-mix(in srgb, var(--foreground) 36%, transparent);--metric-corner:color-mix(in srgb, var(--foreground) 80%, transparent);border:1px dashed var(--metric-line);background:linear-gradient(var(--metric-corner), var(--metric-corner)) top left / 8px 1px, linear-gradient(var(--metric-corner), var(--metric-corner)) top left / 1px 8px, linear-gradient(var(--metric-corner), var(--metric-corner)) top right / 8px 1px, linear-gradient(var(--metric-corner), var(--metric-corner)) top right / 1px 8px, linear-gradient(var(--metric-corner), var(--metric-corner)) bottom left / 8px 1px, linear-gradient(var(--metric-corner), var(--metric-corner)) bottom left / 1px 8px, linear-gradient(var(--metric-corner), var(--metric-corner)) bottom right / 8px 1px, linear-gradient(var(--metric-corner), var(--metric-corner)) bottom right / 1px 8px, var(--metric-lighting), var(--metric-face);background-repeat:no-repeat;min-width:0;padding:17px 22px 19px;position:relative;box-shadow:inset 0 1px #dcf2ff21,inset 1px 0 #dcf2ff0f,6px 10px 12px -6px #01090f80,16px 24px 32px -14px #01090f80}.work-metric:before,.work-metric:after{content:"";pointer-events:none;position:absolute}.work-metric:before{width:var(--metric-depth);border-top:1px solid var(--metric-line);border-bottom:1px solid var(--metric-line);border-right:1px solid color-mix(in srgb, var(--metric-line) 45%, transparent);transform-origin:0 0;background:linear-gradient(90deg,#28495de6,#102a38b3);height:calc(100% + 2px);top:-1px;left:100%;transform:skewY(20deg);box-shadow:inset 1px 0 #dbf1ff24;-webkit-mask-image:linear-gradient(90deg,#000 30%,#0009);mask-image:linear-gradient(90deg,#000 30%,#0009)}.work-metric:after{width:calc(100% + 2px);height:calc(var(--metric-depth) * .364);border-left:1px solid var(--metric-line);border-bottom:1px solid color-mix(in srgb, var(--metric-line) 35%, transparent);transform-origin:0 0;background:linear-gradient(#030d16e6,#081c27a6);top:100%;left:-1px;transform:skew(70deg);-webkit-mask-image:linear-gradient(#000 25%,#0008);mask-image:linear-gradient(#000 25%,#0008)}.work-metric-projects{grid-area:projects}.work-metric-relationship{grid-area:relationship}.work-metric-partnership{grid-area:partnership}.work-metric-reach{--metric-face:#183040;--metric-lighting:none;flex-direction:column;grid-area:reach;justify-content:center;display:flex}.work-metric-rating{--metric-line:var(--primary);--metric-corner:var(--primary);--metric-face:color-mix(in srgb, var(--primary) 3%, var(--background));grid-area:rating}.work-metric-value{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.work-metric-value strong{letter-spacing:-.045em;font-family:inherit;font-size:clamp(36px,3.5vw,52px);font-weight:700;line-height:1}.work-metric-value>span{color:var(--text-soft);font-size:15px}.work-metric>p{margin-top:9px;font-size:14px;line-height:1.5}.work-metric-rating .work-metric-value{color:var(--accent-text)}.work-page .portfolio-card{flex-direction:column;min-width:0;display:flex}.work-page .portfolio-copy{flex-direction:column;flex:1;align-items:flex-start;display:flex}.work-page .portfolio-copy>.text-link{margin-top:auto;padding-top:14px}.work-page .portfolio-card>.portfolio-image{flex-shrink:0}.work-page .project-typography{min-height:0}@media (max-width:1050px){.work-hero-grid{gap:40px}.work-metric{padding-inline:16px}}@media (max-width:800px){.work-hero{min-height:auto;padding-top:22px}.work-hero-grid{grid-template-columns:1fr;gap:32px;padding-block:32px 36px}.work-hero-copy>p{max-width:560px;margin-top:26px;font-size:16px}.work-metrics{--metric-depth:20px;justify-self:center;width:calc(100% - 12px);max-width:540px;margin-right:12px}.work-metric-value strong{font-size:44px}}@media (max-width:480px){.work-metrics{--metric-depth:14px;grid-template-columns:1fr;grid-template-areas:"projects""relationship""partnership""reach""rating";gap:10px;width:100%;margin:0;transform:perspective(1400px)rotateY(-6deg)skewY(-4deg)}.work-metric{padding:18px 20px}}