.archive-main{width:min(var(--content-max), calc(100% - var(--gutter) * 2));margin-inline:auto}.archive-services{background:var(--ink);color:var(--cream);padding:clamp(42px,5vw,72px) 0 0;overflow:hidden}.archive-service{border-top:1px solid color-mix(in srgb, var(--service-color) 72%, transparent);grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr);gap:clamp(40px,6vw,96px);padding:clamp(44px,5vw,70px) 0;display:grid;position:relative}.archive-service:before{background:var(--service-color);content:"";width:72px;height:5px;position:absolute;top:-3px;left:0}.archive-service-shield{object-fit:contain;width:58px;height:66px;margin-bottom:20px}.archive-service-link{border-radius:var(--radius-4);background:var(--service-color);min-height:44px;color:var(--service-ink);font-size:var(--text-11);text-transform:uppercase;align-items:center;gap:14px;margin-top:24px;padding:0 16px;font-weight:700;transition:filter .2s,transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.archive-service-link svg{width:17px;height:17px}.archive-service-link:is(:hover,:focus-visible){filter:brightness(1.08);transform:translateY(-2px)}.archive-page:has(dialog[open]){overflow:hidden}.archive-service-link:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media (width<=980px){.archive-service{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:42px}}@media (width<=700px){.archive-main{width:calc(100% - var(--gutter) * 2)}.archive-services{margin-inline:-18px;padding:40px 18px 0}.archive-service{grid-template-columns:1fr;gap:34px;padding:44px 0 50px}}@media (prefers-reduced-motion:reduce){.archive-service-link{transition:none}}.archive-page .archive-services{padding-bottom:clamp(54px,6vw,86px)}.archive-page .archive-service{border-top:1px solid color-mix(in srgb, var(--service-color) 72%, transparent);padding:0;display:block}.archive-page .archive-service+.archive-service{margin-top:clamp(70px,8vw,116px)}.archive-page .archive-service:before{width:clamp(72px,8vw,120px);top:-3px}.archive-service-header{grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);align-items:end;gap:clamp(42px,7vw,110px);padding:clamp(48px,5vw,74px) 0 clamp(42px,5vw,68px);display:grid}.archive-service-title{align-items:center;gap:22px;display:flex}.archive-page .archive-service-shield{flex:none;width:66px;height:76px;margin:0}.archive-service-title p{color:var(--service-on-ink,var(--service-color));font-size:var(--text-11);text-transform:uppercase;margin:0 0 7px;font-weight:700}.archive-service-title h2{max-width:480px;font:clamp(var(--text-34), 3.5vw, var(--text-54)) / 1.02 var(--font-display);letter-spacing:normal;text-wrap:balance;margin:0}.archive-service-intro{max-width:590px}.archive-service-intro>p{max-width:58ch;font-size:clamp(var(--text-16), 1.45vw, var(--text-19));text-wrap:pretty;margin:0;line-height:1.55}@media (width<=980px){.archive-service-header{grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:38px}}@media (width<=700px){.archive-service-header{grid-template-columns:1fr;gap:28px}.archive-service-title{align-items:flex-start}.archive-page .archive-service+.archive-service{margin-top:78px}}.archive-page{background:var(--ink);color:var(--cream)}.archive-page .site-header.studio-navigation{opacity:1;transform:none}.archive-page .site-header.studio-navigation.is-hero-navigation>.brand{visibility:visible;opacity:1;pointer-events:auto}.archive-page .site-header.studio-navigation.is-hero-navigation .wordmark{color:var(--cream);font-size:clamp(var(--text-40), 3.2vw, var(--text-48))}.archive-page .site-header.studio-navigation.is-hero-navigation>.nav-control{border-color:var(--cream);color:var(--cream);background:0 0}.archive-page .site-header.studio-navigation.is-hero-navigation>.nav-control :is(.letter-reveal,.button-letter,.nav-label-top,.nav-label-scroll,.contact-label-long,.contact-label-short,.menu-kit-icon,svg){color:var(--cream)}.archive-page .site-header.studio-navigation.is-hero-navigation>.nav-control:is(:hover,:focus-visible){border-color:var(--yellow);background:var(--yellow);color:var(--ink)}.archive-page .archive-services{padding-top:0}@media (width<=700px){.archive-page .site-header.studio-navigation.is-hero-navigation .wordmark{font-size:clamp(var(--text-27), 7.5vw, var(--text-32))}.archive-page .archive-services{padding-top:0}}.archive-page .archive-service[hidden],.archive-page [data-archive-panel][hidden],.archive-project-card[hidden]{display:none}.archive-page .archive-service.is-first-visible{margin-top:0}.archive-project-card a:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.archive-projects-view{padding:38px 0 clamp(72px,8vw,118px)}.archive-project-count{color:color-mix(in srgb, var(--cream) 72%, transparent);font:600 var(--text-12)/1.4 var(--font-reading);margin:0 0 22px}.archive-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3vw,48px) clamp(16px,2vw,28px);display:grid}.archive-project-card{min-width:0}.archive-project-card-media{aspect-ratio:1;border-radius:var(--radius-4);background:var(--project-background);display:block;overflow:hidden}.archive-project-card-media picture,.archive-project-card-media img{width:100%;height:100%;display:block}.archive-project-card-media img{object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.archive-project-card-media:is(:hover,:focus-visible) img{transform:scale(1.035)}.archive-project-card-copy{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;padding-top:15px;display:flex}.archive-project-card-copy h2{font:clamp(var(--text-22), 2vw, var(--text-30))/1.15 var(--font-display);margin:0}.archive-project-card-copy h2 a{color:inherit}.archive-project-card-copy p{color:color-mix(in srgb, var(--cream) 72%, transparent);font:500 var(--text-11)/1.4 var(--font-reading);margin:0}@media (width<=1100px){.archive-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.archive-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.archive-projects-view{padding-inline:0}}@media (width<=520px){.archive-project-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.archive-project-card-media img{transition:none}}html.is-archive-filtering::view-transition-old(root),html.is-archive-filtering::view-transition-new(root){animation:none}html.is-archive-filtering::view-transition-group(*){animation-duration:.42s;animation-timing-function:var(--motion-out)}.archive-heading{border-bottom:1px solid color-mix(in srgb, var(--cream) 15%, transparent);padding:150px 0 40px}.archive-top{justify-content:space-between;align-items:end;gap:32px;display:flex}.archive-eyebrow{color:var(--yellow);font:650 var(--font-label)/1.5 var(--font-reading);letter-spacing:.05em;text-transform:uppercase;margin:0 0 14px}.archive-heading h1{max-width:18ch;color:var(--white);font:400 clamp(var(--text-44), 4.6vw, var(--text-76))/1.05 var(--font-display);margin:0}.archive-lead{color:color-mix(in srgb, var(--paper-warm) 80%, transparent);font:400 var(--text-17)/1.6 var(--font-reading);margin:18px 0 0}.archive-art{width:clamp(120px,12vw,190px);height:auto}.archive-showreel{margin-top:40px}.archive-bar{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:44px;display:flex}.archive-tabs{flex-wrap:wrap;gap:4px 28px;margin-right:auto;display:flex}.archive-tabs button{color:color-mix(in srgb, var(--cream) 70%, transparent);font:400 clamp(var(--text-22), 1.8vw, var(--text-28))/1.1 var(--font-display);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:baseline;gap:7px;padding:8px 0;display:inline-flex}.archive-tabs button span{color:color-mix(in srgb, var(--cream) 50%, transparent);font:500 var(--text-12)/1 var(--font-reading)}.archive-tabs button:hover{color:var(--cream)}.archive-tabs button[aria-pressed=true]{border-bottom-color:var(--service-color,var(--yellow));color:var(--cream)}.archive-sector select{border:1px solid color-mix(in srgb, var(--cream) 20%, transparent);border-radius:var(--radius-pill);min-height:44px;color:var(--cream);font:600 var(--text-14)/1 var(--font-reading);appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f8f4ec' stroke-width='1.6'/%3E%3C/svg%3E") right 16px center no-repeat;padding:8px 40px 8px 16px}.archive-sector select option{background:var(--ink);color:var(--cream)}.archive-views{border:1px solid color-mix(in srgb, var(--cream) 20%, transparent);border-radius:var(--radius-pill);padding:4px;display:inline-flex}.archive-views button{border-radius:var(--radius-pill);min-height:38px;color:color-mix(in srgb, var(--cream) 70%, transparent);font:600 var(--text-14)/1 var(--font-reading);cursor:pointer;background:0 0;border:0;padding:6px 18px}.archive-views button[aria-pressed=true]{background:var(--cream);color:var(--ink)}:is(.archive-tabs button,.archive-sector select,.archive-views button):focus-visible{outline:2px solid var(--yellow);outline-offset:3px}@media (width<=700px){.archive-heading{padding:120px 0 28px}.archive-heading h1{font-size:clamp(var(--text-38), 10vw, var(--text-52))}.archive-art{width:96px}.archive-showreel{margin-top:28px}.archive-bar{gap:14px;margin-top:28px}.archive-tabs{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;flex:100%;gap:22px;overflow-x:auto}.archive-tabs::-webkit-scrollbar{display:none}.archive-tabs button{font-size:var(--text-22);flex:none}}.archive-page .project-showcase-row[hidden]{display:none}.archive-empty{text-align:center;padding:72px 0}.archive-empty[hidden]{display:none}.archive-empty p{color:var(--cream);font:400 clamp(var(--text-26), 2.4vw, var(--text-36))/1.2 var(--font-display);margin:0 0 20px}.archive-empty button{border:1px solid var(--cream);border-radius:var(--radius-pill);min-height:44px;color:var(--cream);font:600 var(--text-14)/1 var(--font-reading);cursor:pointer;background:0 0;padding:8px 20px}.archive-empty button:is(:hover,:focus-visible){border-color:var(--yellow);background:var(--yellow);color:var(--ink)}@media (width<=700px){.archive-top{display:block;position:relative}.archive-top .archive-art{width:64px;position:absolute;top:-18px;right:0}.archive-eyebrow{padding-right:80px}.archive-sector{flex:140px;min-width:0}.archive-sector select{text-overflow:ellipsis;background-position:right 12px center;width:100%;padding-inline:14px 34px}.archive-views{flex:none}.archive-views button{padding-inline:13px}}