:root{--paper:#f4f2ed;--ink:#171817;--muted:#777973;--line:#d8d7d0;--lime:#d7f36a;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 20px Manrope,sans-serif;letter-spacing:-1.1px}.brand span{font-weight:400}.nav{display:flex;align-items:center;gap:36px;font-size:13px}.nav a{transition:opacity .2s}.nav a:hover{opacity:.55}.nav-right{display:flex;align-items:center;gap:24px}.lang{border:0;background:none;padding:8px 0;font-size:12px;cursor:pointer}.lang b{font-weight:700}.lang span{color:#999}.menu-button{display:none;border:0;background:none;font-size:24px}.hero{min-height:670px;padding:114px 0 78px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#a8bf52;margin:0 10px 1px 0}.hero h1{font:500 clamp(62px,10.6vw,144px)/.94 Manrope,sans-serif;letter-spacing:-.095em;max-width:1110px;margin:44px 0 52px}.hero h1 em,.section h2 em,.contact-title em{font:italic 500 1em var(--serif);letter-spacing:-.09em}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}.hero-copy{max-width:370px;color:#555851;font-size:15px;line-height:1.7}.round-link{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid var(--ink);padding:0 0 10px;font-size:13px}.round-link .arrow{font-size:18px;transition:transform .2s}.round-link:hover .arrow{transform:translate(4px,-4px)}.hero-art{height:150px;width:150px;border-radius:50%;background:var(--lime);display:grid;place-items:center;position:relative;margin-right:5%;transform:rotate(-14deg)}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid #181a17;border-radius:50%;inset:16px}.hero-art:after{inset:31px}.hero-art span{font:500 11px Manrope;letter-spacing:.08em;text-transform:uppercase;text-align:center;z-index:1}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;white-space:nowrap;color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.marquee span{display:inline-block;padding:0 32px}.marquee i{color:#a8bf52;font-style:normal}.section{padding:112px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px}.section h2{font:500 clamp(42px,6vw,76px)/1.02 Manrope;letter-spacing:-.075em;margin:0;max-width:700px}.section-label{padding-top:9px}
.work{padding:108px 0 0;background:#eae8e1}.work-head{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:44px}.work-head h2{font:500 clamp(52px,8vw,104px)/.95 Manrope;letter-spacing:-.09em;margin:26px 0 0}.work-head p{max-width:260px;color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 6px}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;width:100%;padding:0 2px 2px}.project-card{position:relative;grid-column:span 6;min-width:0;overflow:hidden;background:#d9d8d1;color:var(--ink);display:flex;flex-direction:column}.project-card:nth-child(4n+1),.project-card:nth-child(4n+4){grid-column:span 7}.project-card:nth-child(4n+2),.project-card:nth-child(4n+3){grid-column:span 5}.project-visual{position:relative;overflow:hidden;aspect-ratio:1.35;background:#c9cac2}.project-card:nth-child(4n+2) .project-visual,.project-card:nth-child(4n+3) .project-visual{aspect-ratio:1.06}.project-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-visual img{transform:scale(1.035)}.project-fallback{position:absolute;inset:0;display:grid;place-items:center;background:var(--tone,#d7f36a);overflow:hidden}.project-fallback:before,.project-fallback:after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;width:42%;aspect-ratio:1;opacity:.45}.project-fallback:after{width:65%}.project-fallback span{font:500 clamp(32px,7vw,96px)/.9 Manrope;letter-spacing:-.09em;position:relative;z-index:1;text-align:center}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:19px 20px 22px}.project-title{font:500 clamp(19px,2.3vw,27px) Manrope;letter-spacing:-.045em;margin:0}.project-type{font-size:11px;color:#64655f;margin:5px 0 0}.project-year{font-size:11px;color:#64655f;white-space:nowrap}.work-empty{grid-column:1/-1;min-height:285px;border-top:1px solid #cfcec6;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 7.5%;background:#f0eee8}.work-empty h3{font:500 clamp(28px,4vw,46px) Manrope;letter-spacing:-.06em;margin:0}.work-empty p{max-width:390px;color:var(--muted);font-size:13px;line-height:1.7;margin:0}.work-empty .asterisk{font:40px Georgia;color:#9eb743}
.about{background:var(--ink);color:var(--paper)}.about .section-label{color:#aaa}.about-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:12%}.about h2{font-size:clamp(45px,6vw,82px)}.about-copy{padding-top:8px;font-size:18px;line-height:1.7;color:#c2c3bc;max-width:570px}.about-copy p{margin:0 0 24px}.about-more{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #f4f2ed;padding:0 0 10px;margin-top:34px;font-size:13px}.about-more span{font-size:17px;transition:transform .2s}.about-more:hover span{transform:translate(4px,-4px)}.about .placeholder{color:#aebd7b;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.insight{background:#dedfd5}.insight-card{border-top:1px solid #bcbeb3;border-bottom:1px solid #bcbeb3;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.insight-card h3{font:500 clamp(26px,4vw,44px) Manrope;letter-spacing:-.06em;margin:0}.insight-card p{font-size:13px;color:var(--muted);line-height:1.65;max-width:390px;margin:0}.contact{padding:120px 0 82px}.contact .contact-title{font:500 clamp(54px,9vw,120px)/.95 Manrope;letter-spacing:-.09em;margin:32px 0 46px}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:54px}.contact-note{max-width:310px;color:var(--muted);font-size:14px;line-height:1.65}.contact-link{font:500 22px Manrope;border-bottom:1px solid;padding-bottom:8px}.contact-link span{font-size:15px;margin-left:20px}.footer{display:flex;align-items:center;justify-content:space-between;padding:27px 0 35px;color:var(--muted);font-size:11px}.footer-links{display:flex;gap:24px}.footer a:hover{color:var(--ink)}.disclaimer{font-size:10px;color:#85867f}
@media(max-width:760px){html{scroll-padding-top:70px}.wrap{width:calc(100% - 40px)}.topbar{height:70px}.nav{display:none;position:absolute;z-index:5;top:70px;left:0;right:0;background:var(--paper);padding:24px 20px 30px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:22px}.nav.open{display:flex}.menu-button{display:block}.nav-right{gap:17px}.hero{min-height:640px;padding:96px 0 54px}.hero h1{margin:42px 0 40px;font-size:clamp(60px,15vw,106px)}.hero-bottom{align-items:flex-start}.hero-art{height:104px;width:104px;flex-shrink:0;margin:30px 0 0 12px}.hero-art:before{inset:11px}.hero-art:after{inset:23px}.hero-art span{font-size:8px}.hero-copy{font-size:14px}.section{padding:82px 0}.about-more{margin-top:23px}.work{padding-top:80px}.work-head{display:block;padding-bottom:32px}.work-head h2{margin-top:20px}.work-head p{margin-top:18px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.project-card,.project-card:nth-child(n){grid-column:span 1}.project-card:nth-child(3n+1){grid-column:span 2}.project-visual,.project-card:nth-child(n) .project-visual{aspect-ratio:1.05}.project-card:nth-child(3n+1) .project-visual{aspect-ratio:1.45}.project-meta{padding:14px 12px 17px;display:block}.project-year{display:block;margin-top:8px}.work-empty{min-height:300px;padding:34px 22px;display:block}.work-empty .asterisk{display:block;margin-bottom:22px}.work-empty p{margin-top:14px}.section-head{display:block;margin-bottom:35px}.section-label{margin-bottom:23px}.about-layout{grid-template-columns:1fr;gap:24px}.about-copy{font-size:16px}.insight-card{display:block}.insight-card p{margin-top:15px}.contact{padding:86px 0 62px}.contact-bottom{display:block;padding-bottom:38px}.contact-note{margin-bottom:30px}.contact-link{font-size:19px}.footer{align-items:flex-start;gap:20px;flex-wrap:wrap}.footer-links{gap:16px}.disclaimer{width:100%}}@media(max-width:390px){.hero-art{width:78px;height:78px}.hero-art span{font-size:7px}.hero h1{font-size:58px}.work-grid{grid-template-columns:1fr}.project-card:nth-child(n){grid-column:span 1}.project-card:nth-child(n) .project-visual{aspect-ratio:1.15}.project-meta{display:flex}.project-year{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Scroll reveals */
.reveal-active .reveal{opacity:0;transform:translate3d(0,28px,0);filter:blur(4px);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}
.reveal-active .reveal.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
.work-more{display:flex;justify-content:flex-end;padding:24px max(32px,calc((100vw - 1280px)/2)) 34px}
.work-more a{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid var(--ink);padding:0 0 9px;font-size:13px}
.work-more a span{font-size:17px;transition:transform .2s}
.work-more a:hover span{transform:translate(4px,-4px)}
.project-card{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s ease}
.project-card:hover{z-index:2;transform:perspective(1000px) translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 20px 40px #17181720}
.project-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff30 48%,transparent 66%);transform:translateX(-120%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.project-card:hover .project-visual:after{transform:translateX(120%)}
@media(max-width:760px){.work-more{padding:22px 20px 30px}.project-card:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.reveal-active .reveal,.project-card,.project-visual:after{transition:none!important}.reveal-active .reveal{opacity:1!important;transform:none!important;filter:none!important}}
.reveal-active .project-card.is-visible:hover{z-index:2;transform:perspective(1000px) translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));box-shadow:0 20px 40px #17181720}.work-page-intro h1 em{font:italic 500 1em var(--serif);letter-spacing:-.09em}
/* Three-column portfolio rhythm; the image stays in place while its artwork moves. */
.work-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
.project-card,.project-card:hover{display:block;transform:none;box-shadow:none;transition:none}
.project-card:nth-child(6n+1){grid-column:span 5}
.project-card:nth-child(6n+2){grid-column:span 4}
.project-card:nth-child(6n+3){grid-column:span 3}
.project-card:nth-child(6n+4){grid-column:span 3}
.project-card:nth-child(6n+5){grid-column:span 4}
.project-card:nth-child(6n+6){grid-column:span 5}
.project-card:nth-child(6n+1) .project-visual,.project-card:nth-child(6n+6) .project-visual{aspect-ratio:1.2}
.project-card:nth-child(6n+2) .project-visual,.project-card:nth-child(6n+5) .project-visual{aspect-ratio:1}
.project-card:nth-child(6n+3) .project-visual,.project-card:nth-child(6n+4) .project-visual{aspect-ratio:.84}
.project-visual img,.project-fallback{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.project-card:hover .project-visual img,.project-card:focus-visible .project-visual img{transform:scale(1.075)}
.project-card:hover .project-fallback,.project-card:focus-visible .project-fallback{transform:scale(1.045)}
.project-meta{position:absolute;inset:auto 0 0;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:45px 20px 20px;color:#fff;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .4s cubic-bezier(.2,.7,.2,1);pointer-events:none;background:linear-gradient(transparent,#1119)}
.project-type,.project-year{color:#ffffffd4}
.project-card:hover .project-meta,.project-card:focus-visible .project-meta{opacity:1;transform:translateY(0)}
@media(max-width:760px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:nth-child(n){grid-column:span 1}.project-card:nth-child(n) .project-visual{aspect-ratio:1}.project-meta{padding:38px 12px 14px}}
@media(max-width:480px){.work-grid{grid-template-columns:1fr}.project-card:nth-child(n){grid-column:span 1}.project-card:nth-child(n) .project-visual{aspect-ratio:1.1}}
@media(hover:none){.project-meta{opacity:1;transform:none;position:absolute;color:#fff;background:linear-gradient(transparent,#000b);padding:40px 12px 17px}.project-title,.project-type,.project-year{color:#fff}.project-card:hover .project-meta{opacity:1;transform:none}.project-card:hover .project-visual img,.project-card:hover .project-fallback{transform:none}}
@media(prefers-reduced-motion:reduce){.project-visual img,.project-fallback,.project-meta{transition:none!important}}
.reveal-active .project-card.is-visible:hover{transform:none;box-shadow:none}
.video-band{width:100%;background:#191a18;overflow:hidden}
.video-frame{position:relative;width:100%;aspect-ratio:16/7;min-height:260px;max-height:720px;overflow:hidden;background:#191a18}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-pending{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;color:#e8e8e3;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:radial-gradient(ellipse at 50% 115%,#353832,#191a18 70%)}
.video-pending-mark{width:38px;height:38px;border:1px solid #73766b;border-radius:50%;display:grid;place-items:center;color:var(--lime);font:500 14px Manrope}
@media(max-width:760px){.video-frame{aspect-ratio:1.35;min-height:220px}}

.hero-stage{position:relative;isolation:isolate;overflow:hidden;display:block;padding:0;background:#171817;color:var(--paper)}
.hero-inner{position:relative;z-index:1;min-height:inherit;padding:114px 0 78px;display:flex;flex-direction:column;justify-content:space-between}
.hero-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#171817}
.hero-backdrop iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hero-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#10110fc2,#10110f59 58%,#10110f66),linear-gradient(0deg,#10110f52,#10110f1f)}
.hero-stage .eyebrow,.hero-stage .hero-copy{color:#f4f2edcf}
.hero-stage .round-link{color:var(--paper);border-color:#f4f2ed}
@media(max-width:760px){.hero-inner{min-height:640px;padding:96px 0 54px}}
.topbar{position:sticky;top:0;z-index:100;background:var(--paper)}.hero-backdrop iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:100vh;min-width:100%;min-height:56.25vw;max-width:none;transform:translate(-50%,-50%);border:0}
/* Full-width navigation that settles into a centered bar while scrolling. */
.topbar{width:100%;height:auto;margin:0;display:block;border-bottom:1px solid var(--line);transition:background .35s,border-color .35s}
.topbar-inner{height:84px;display:flex;align-items:center;justify-content:space-between;transition:height .4s cubic-bezier(.2,.7,.2,1)}
.topbar-inner .brand{max-width:220px;overflow:hidden;white-space:nowrap;transition:opacity .3s,max-width .45s,margin .45s}
.topbar-inner .nav{margin-left:auto;margin-right:0;transition:margin .45s cubic-bezier(.2,.7,.2,1),gap .35s}
.topbar.is-scrolled{background:#f4f2edeF;backdrop-filter:blur(14px)}
.topbar.is-scrolled .topbar-inner{height:66px;justify-content:center}
.topbar.is-scrolled .topbar-inner .brand{max-width:0;margin:0;opacity:0;pointer-events:none}
.topbar.is-scrolled .topbar-inner .nav{margin:0 auto;gap:42px}
@media(max-width:760px){.topbar-inner{height:70px}.topbar.is-scrolled .topbar-inner{height:64px}.topbar.is-scrolled .nav{top:64px;gap:22px}}
.insight .section-head{align-items:flex-end;gap:40px}.insight-intro{max-width:410px;color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 6px}.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:50px}.insight-tile{border-top:1px solid #bcbeb3;padding:18px 0 4px}.insight-tile>span{font-size:10px;letter-spacing:.12em;color:#898c7e}.insight-tile h3{font:500 clamp(19px,2vw,25px) Manrope;letter-spacing:-.045em;margin:28px 0 10px}.insight-tile p{font-size:13px;line-height:1.65;color:var(--muted);margin:0;max-width:260px}.contact-note strong{font:500 15px Manrope;color:var(--ink)}.contact-socials{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px;font-size:11px;color:var(--muted)}.contact-socials a:hover{color:var(--ink)}@media(max-width:760px){.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.insight .section-head{display:block}.insight-intro{margin-top:22px}.contact-socials{gap:18px}}
/* Keep every cover flush with its crop, then open the case study over the gallery. */
.project-visual{position:relative;overflow:hidden}
.project-visual img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.project-visual.image-unavailable{background:#d7d8d1}
body.case-open{overflow:hidden}
.case-overlay{position:fixed;inset:0;z-index:1000;display:none}
.case-overlay.is-open{display:block;animation:caseFadeIn .32s ease both}
@keyframes caseFadeIn{from{opacity:0}to{opacity:1}}
.case-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#111310c8;backdrop-filter:blur(7px);cursor:default}
.case-dialog{position:relative;width:min(100%,1520px);height:100dvh;margin:0 auto;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);box-shadow:0 0 80px #0004;scroll-behavior:smooth}
.case-toolbar{position:sticky;top:0;z-index:5;height:68px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:#f4f2edee;backdrop-filter:blur(16px);border-bottom:1px solid #d8d7d0}
.case-close{border:0;background:none;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:13px}
.case-close span{font-size:24px;font-weight:300}
.case-video{position:relative;width:100%;aspect-ratio:16/9;max-height:84vh;overflow:hidden;background:#171817}
.case-video iframe,.case-video img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.case-content{padding:clamp(34px,6vw,86px) clamp(22px,9vw,136px) 76px}
.case-meta{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.8;margin:0 0 24px;max-width:920px}
.case-title{font:500 clamp(44px,8vw,104px)/.98 Manrope;letter-spacing:-.085em;margin:0 0 27px;max-width:1000px}
.case-description{font-size:clamp(15px,1.6vw,19px);line-height:1.75;color:#565850;white-space:pre-line;max-width:760px;margin:0}
.case-gallery{margin:56px calc(-1 * clamp(22px,9vw,136px)) 0;background:#171817}
.case-gallery-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:78vh;overflow:hidden;display:grid;place-items:center}
.case-gallery-stage img{width:100%;height:100%;object-fit:contain}
.case-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid #ffffff80;border-radius:50%;background:#1118;color:#fff;font-size:19px;cursor:pointer;transition:background .2s}
.case-gallery-arrow:hover{background:#111}
.case-gallery-arrow.previous{left:clamp(14px,3vw,42px)}.case-gallery-arrow.next{right:clamp(14px,3vw,42px)}
.case-gallery-counter{position:absolute;right:clamp(18px,3vw,44px);bottom:17px;color:#fff;font-size:10px;letter-spacing:.14em}

.case-navigation{display:flex;justify-content:space-between;gap:22px;border-top:1px solid var(--line);margin-top:72px;padding-top:25px}
.case-navigation button{border:0;background:none;padding:8px 0;cursor:pointer;font:500 13px Manrope}
.case-navigation button:hover{opacity:.6}
@media(max-width:760px){.case-toolbar{height:60px}.case-video{aspect-ratio:1.15;max-height:none}.case-content{padding:35px 22px 56px}.case-gallery{margin:42px -22px 0}.case-gallery-stage{aspect-ratio:1.08}.case-gallery-stage img{object-fit:contain}.case-navigation{margin-top:48px}}
@media(prefers-reduced-motion:reduce){.case-overlay.is-open{animation:none}.project-visual img{transition:none!important}}

/* Dark, full-width navigation and footer. */
.topbar{background:var(--ink);color:var(--paper);border-bottom:1px solid #ffffff24}
.topbar.is-scrolled{background:#171817ed;color:var(--paper)}
.topbar .nav a,.topbar .brand{color:var(--paper)}
.topbar .menu-button{color:var(--paper)}
.topbar .nav.open{background:var(--ink);border-color:#ffffff24}
.logo-brand{display:flex;align-items:center;justify-content:flex-start}
.logo-brand img{display:block;width:172px;height:auto;max-height:46px;object-fit:contain;object-position:left center}.case-toolbar .logo-brand img{filter:none}@media(max-width:760px){.logo-brand img{width:142px;max-height:38px}}
.topbar .logo-brand img,.footer .logo-brand img{filter:brightness(0) invert(1)}
.footer{display:block;width:100%;margin:0;padding:0;background:var(--ink);color:var(--paper)}
.footer-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:16px;padding-bottom:16px}
.footer .footer-links{color:#ddded8}
.footer .footer-links a:hover{color:#fff}
.footer .disclaimer{color:#9c9e97}
.work-grid{grid-auto-rows:clamp(320px,34vw,620px);align-items:stretch}
.project-card{height:100%;min-height:0;align-self:stretch;aspect-ratio:auto}
.project-visual{position:absolute;inset:0;height:auto;min-height:0;aspect-ratio:auto!important}.project-card:last-child:nth-child(6n+4){grid-column:span 12}

@media(max-width:760px){.topbar .nav{background:var(--ink);border-bottom:1px solid #ffffff24}.footer-inner{min-height:0;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-top:25px;padding-bottom:28px}.work-grid{grid-auto-rows:clamp(260px,48vw,440px)}.project-card{height:100%;aspect-ratio:auto}.project-card:last-child:nth-child(6n+4){grid-column:span 1}}
@media(max-width:480px){.project-card{aspect-ratio:auto}}
.case-toolbar-meta{max-width:calc(100% - 112px);font-size:10px;line-height:1.5;letter-spacing:.035em;color:#51534d}
@media(max-width:760px){.case-toolbar{height:auto;min-height:60px;padding:8px 18px;gap:14px}.case-toolbar-meta{max-width:calc(100% - 86px);font-size:9px;line-height:1.4}.case-close{white-space:nowrap}}
.work-more{justify-content:center;padding:34px 20px 48px;background:#eae8e1}.work-more a{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 24px;border:1px solid #171817;background:#171817;color:#f4f2ed;font-size:12px;letter-spacing:.02em;transition:background .25s,color .25s,transform .25s}.work-more a:hover{background:transparent;color:#171817;transform:translateY(-2px)}.work-more a span{font-size:19px}@media(max-width:760px){.work-more{padding:24px 20px 34px}.work-more a{width:min(100%,360px);padding:16px 19px}}