@font-face{font-family:Space;src:url(assets/regular.ttf)}@font-face{font-family:Space;src:url(assets/light.ttf);font-weight:300}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#f6f4f0;color:#292725;font-family:Space,Arial,sans-serif}body.locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}button:focus-visible,a:focus-visible{outline:2px solid #63514f;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}p{line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300;letter-spacing:-.045em;line-height:1.08}h2{font-size:clamp(38px,4.4vw,68px)}h3{font-size:28px}.eyebrow,.section-label{font-size:12px;letter-spacing:.13em;line-height:1.5}.section-label{color:#63514f}.section-pad{padding:105px max(5vw,24px)}.text-link{display:inline-flex;gap:36px;align-items:center;min-height:44px;border-bottom:1px solid #63514f;padding:7px 0;font-size:16px}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.light{border-color:#f6f4f0}.intro{position:fixed;inset:0;z-index:100;background:#211f1d;display:grid;place-items:center;transition:opacity .8s,visibility .8s}.intro.off{opacity:0;visibility:hidden;pointer-events:none}.intro video{width:100%;height:100%;object-fit:contain}.intro-bottom{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:white;font-size:12px;letter-spacing:.13em}.intro-bottom button{min-height:44px;border-bottom:1px solid white;display:flex;gap:35px;align-items:center}header{height:84px;position:sticky;top:0;z-index:20;background:#f6f4f0ee;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:0 5vw;border-bottom:1px solid #29272512}.brand{width:152px;height:40px}.brand img{object-fit:contain}header nav{display:flex;gap:60px}header nav a{font-size:14px;min-height:44px;display:grid;place-items:center;position:relative}header nav a:after{content:'';height:1px;background:#63514f;width:0;position:absolute;bottom:7px;left:0;transition:width .3s}header nav a:hover:after{width:100%}.menu-toggle{display:none;min-height:44px}.hero{height:calc(100svh - 84px);min-height:540px;max-height:1000px;position:relative;color:white;overflow:hidden}.hero>img{object-position:center 47%}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#0009 100%)}.hero-caption{position:absolute;left:5vw;bottom:58px}.hero h1{font-size:clamp(58px,7.2vw,112px);margin:24px 0 22px;line-height:1.02}.hero-credit{position:absolute;right:5vw;bottom:35px;font-size:11px;letter-spacing:.1em}.statement>.section-label{margin-bottom:44px}.statement-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:10vw}.statement h2{font-size:clamp(38px,4vw,60px)}.intro-copy{font-size:20px;max-width:680px;margin-top:28px}.statement aside{border-left:1px solid #9dadab;padding-left:24px;align-self:center;color:#63514f}.statement aside p+p{margin-top:24px;font-size:16px}.actions{display:flex;align-items:center;gap:40px;margin-top:36px}.solid-link{background:#63514f;color:#fff;min-height:56px;display:flex;justify-content:space-between;gap:55px;align-items:center;padding:14px 24px}.solid-link:hover{background:#403634}.approach{display:flex;gap:30px;justify-content:space-between;border-top:1px solid #29272525;margin-top:70px;padding-top:25px;color:#63514f;font-size:15px;scroll-margin-top:120px}.projects{padding:36px 2.3vw 90px}.project-intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:4vw;align-items:start;padding:30px 2.7vw 50px}.project-intro h2{font-size:clamp(38px,3.6vw,54px)}.project-intro p{font-size:14px}.project-stage{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px}.project-image{height:clamp(480px,47vw,760px);position:relative;overflow:hidden}.project-image img{transition:opacity .25s,transform 1s}.project-image img.switching{opacity:0;transform:scale(1.02)}.image-open{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px}.image-open span{background:#f6f4f0ee;padding:12px 18px;font-size:13px;opacity:0;transform:translateY(6px);transition:.3s}.image-open:hover span,.image-open:focus-visible span{opacity:1;transform:none}.project-copy{display:flex;flex-direction:column;justify-content:space-between;padding:8px 0 24px}.project-copy h3{font-size:30px;margin:24px 0}.project-copy p:not(.eyebrow){font-size:14px;color:#63514f}.perspectives{display:flex;flex-direction:column;gap:2px}.perspectives button{min-height:44px;display:flex;gap:14px;align-items:center;text-align:left;border-bottom:1px solid #29272520;font-size:12px;color:#63514f}.perspectives button[aria-selected=true]{color:#292725;border-bottom:2px solid #63514f}.perspectives button[aria-selected=true] span{font-weight:bold}.perspectives button span{font-size:10px}.project-meta{display:flex;align-items:center;gap:32px;padding:20px 0 42px}.project-name{font-size:24px;letter-spacing:-.025em;min-height:44px;margin-right:auto}.project-name span{font-size:16px;margin-left:16px}.project-meta>span{font-size:14px;color:#63514f}.project-meta .text-link{font-size:14px}.other-projects{display:grid;grid-template-columns:1fr 1fr;gap:32px}.other-image{height:450px;position:relative;width:100%;overflow:hidden;display:block}.other-image img{transition:transform .8s}.other-image:hover img{transform:scale(1.035)}.other-image span{position:absolute;bottom:24px;right:24px;padding:12px 18px;background:#f6f4f0}.other-caption{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.other-caption p{font-size:12px;color:#63514f}.around{background:#f2efe8}.film-scroll{height:190svh;position:relative}.film-sticky{position:sticky;top:84px;height:calc(100svh - 84px);min-height:550px;overflow:hidden;display:grid;place-items:center}.film-title{text-align:center;z-index:1}.film-title h2{font-size:clamp(80px,12vw,180px);line-height:.88;letter-spacing:-.075em;margin-top:20px}.film-cover{position:absolute;z-index:2;width:30%;height:25%;top:7%;overflow:hidden;will-change:width,height,top}.film-cover img{height:100%;width:100%;object-fit:cover}.film-cover button{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:white;opacity:0;pointer-events:none;background:#0002;font-size:11px;letter-spacing:.17em}.film-cover.ready button{opacity:1;pointer-events:auto;transition:opacity .5s}.play-icon{width:76px;height:76px;background:#f6f4f0;color:#292725;border-radius:50%;display:grid;place-items:center;font-size:25px;padding-left:5px}.scroll-hint{position:absolute;bottom:35px;font-size:11px;letter-spacing:.18em}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:7vw;font-size:20px;padding-top:80px}.manifesto .text-link{margin-top:24px}.collaborators>h2{margin:24px 0 50px}.collaboration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.collaboration-grid img{height:340px}.collaboration-grid h3{font-size:23px;letter-spacing:-.025em;margin:22px 0 7px}.collaboration-grid p{font-size:14px;color:#63514f}footer{background:#242421;color:#f6f4f0;padding:80px 6vw 0}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.footer-logo{height:48px;width:184px;object-fit:contain;filter:brightness(0) invert(1)}.footer-top h2{margin:24px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6vw;margin:85px 0 65px}.footer-grid>p{font-size:22px}.footer-grid nav,.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:14px}.footer-grid a,.footer-grid button{min-height:32px}.footer-grid .eyebrow{color:#b9b9aa}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding:22px 0;font-size:11px;letter-spacing:.04em}.footer-bottom a{min-height:44px;display:grid;place-items:center}dialog{border:0;background:#242421;color:#fff;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:24px 4vw}dialog::backdrop{background:#000c}.dialog-top,.gallery-bottom{display:flex;align-items:center;justify-content:space-between;min-height:55px;font-size:14px}.close-dialog{min-height:44px;padding:10px}.gallery-view{height:calc(100dvh - 180px);display:grid;grid-template-columns:44px 1fr 44px;gap:18px;align-items:center}.gallery-view img{object-fit:contain;min-height:0;max-height:100%}.gallery-view button{min-height:60px;font-size:26px}#storyDialog video{width:100%;height:calc(100dvh - 110px);object-fit:contain}.mobile-menu{position:fixed;inset:84px 0 0;z-index:19;background:#f6f4f0;padding:40px 6vw}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{display:flex;justify-content:space-between;font-size:36px;padding:23px 0;border-bottom:1px solid #29272530}.mobile-menu p{margin-top:50px;font-size:14px;color:#63514f}@media(min-width:1800px){main{max-width:2000px;margin:auto}}@media(max-width:900px){header nav{gap:25px}.project-intro{grid-template-columns:1fr 2fr}.project-intro p{grid-column:2}.project-stage{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.other-caption{display:block}.other-caption p{margin-top:8px}.statement-grid{gap:6vw}.hero-credit{display:none}.collaboration-grid img{height:250px}.project-meta>span{display:none}}@media(max-width:600px){html{scroll-padding-top:72px}header{height:72px;padding:0 24px}.brand{width:124px;height:34px}header nav{display:none}.menu-toggle{display:flex;gap:25px;align-items:center;font-size:14px}.mobile-menu{top:72px}.hero{height:calc(100svh - 72px);min-height:520px}.hero>img{object-position:60% center}.hero-caption{left:24px;right:24px;bottom:42px}.hero h1{font-size:clamp(52px,12.5vw,76px);margin-top:22px}.eyebrow,.section-label{font-size:11px}.section-pad{padding:65px 24px}.statement>.section-label{margin-bottom:28px}.statement-grid{grid-template-columns:1fr;gap:36px}.statement h2{font-size:42px}.intro-copy{font-size:17px;margin-top:24px}.statement aside{font-size:15px}.actions{gap:22px;margin-top:28px;flex-wrap:wrap}.solid-link{gap:26px;padding:12px 18px}.actions .text-link{font-size:14px}.approach{margin-top:36px;flex-direction:column;gap:15px;padding-top:24px}.projects{padding:10px 16px 60px}.project-intro{display:block;padding:20px 8px 30px}.project-intro h2{font-size:42px;margin:24px 0 18px}.project-intro p{font-size:15px}.project-stage{display:flex;flex-direction:column;gap:0}.project-image{height:460px}.image-open span{opacity:1;transform:none;font-size:12px}.project-copy{padding:24px 8px 0}.project-copy>div:first-child{min-height:147px}.project-copy h3{margin:14px 0;font-size:29px}.project-copy p:not(.eyebrow){font-size:15px}.perspectives{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:24px}.perspectives button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:10px;gap:4px;padding:7px 0;min-height:58px}.project-meta{padding:22px 8px 35px;gap:10px;flex-wrap:wrap;justify-content:space-between}.project-name{font-size:23px}.project-meta .text-link{font-size:13px}.other-projects{gap:30px;grid-template-columns:1fr}.other-image{height:370px}.other-image img{object-position:center 48%}.other-projects article:last-child .other-image{height:280px}.other-caption{padding:18px 8px 0}.film-scroll{height:160svh}.film-sticky{top:72px;height:calc(100svh - 72px);min-height:500px}.film-cover{width:60%;height:23%}.film-title h2{font-size:clamp(65px,18vw,100px)}.film-title{padding:0 20px}.manifesto{grid-template-columns:1fr;font-size:18px;gap:25px}.collaborators>h2{font-size:38px;margin-bottom:32px}.collaboration-grid{grid-template-columns:1fr;gap:32px}.collaboration-grid img{height:260px}.collaboration-grid h3{margin-top:16px}.footer-top{grid-template-columns:1fr;gap:45px}.footer-top h2{font-size:50px}.footer-logo{width:160px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px;margin:50px 0 35px}.footer-grid>p{grid-column:1/-1;font-size:20px}.footer-grid a,.footer-grid button{font-size:14px;min-height:36px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:10px}.footer-bottom>span:nth-child(2){display:none}footer{padding:55px 24px 0}.intro-bottom{left:24px;right:24px;bottom:24px}.intro-bottom>span{font-size:10px}.intro-bottom button{font-size:12px;gap:16px}dialog{padding:16px}.gallery-view{grid-template-columns:32px 1fr 32px;gap:4px}.gallery-bottom{gap:20px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.film-scroll{height:auto}.film-sticky{position:relative;top:0;height:70svh}.film-cover{width:100%!important;height:100%!important;top:0!important}.film-title,.scroll-hint{display:none}.film-cover button{opacity:1;pointer-events:auto}}
.gallery-view img{grid-column:2;grid-row:1}.gallery-view #prevImg{grid-column:1;grid-row:1}.gallery-view #nextImg{grid-column:3;grid-row:1}
/* Faithful restoration of the approved Figma homepage. */
header nav{gap:70px}.brand img{filter:grayscale(1) brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(322%) hue-rotate(103deg) brightness(91%) contrast(87%)}
.hero{height:850px;min-height:0;max-height:none}.hero>img{object-position:center}.hero-shade{background:#000;opacity:.35}.hero-caption{left:4.444%;bottom:0;right:4.444%}.hero h1{font-size:100px;line-height:1.25;margin:28px 0 18px}.hero .text-link{border:0;font-size:16px}.hero .eyebrow{letter-spacing:0}.statement{padding:110px 4.444% 114px}.statement>.section-label{letter-spacing:0;margin-bottom:44px}.statement-grid{grid-template-columns:minmax(0,2.06fr) minmax(0,1fr);gap:8.3vw}.statement h2{font-size:50px;font-weight:400;letter-spacing:-.03em;line-height:1.12}.intro-copy{font-size:20px;line-height:1.5;max-width:none;margin-top:38px}.statement aside{padding-left:22px;align-self:center}.statement aside .eyebrow{font-size:11px;letter-spacing:0}.statement .actions{margin-top:42px;gap:44px}.statement .solid-link{min-width:230px;min-height:60px;justify-content:space-between;font-weight:bold}.statement .text-link{font-size:16px}.projects{padding:48px 2.222% 32px}.project-intro{padding:0 0 50px;grid-template-columns:194px 1fr 240px;gap:42px;align-items:start}.project-intro .section-label{font-size:11px;letter-spacing:0}.project-intro h2{font-size:48px}.project-intro p{font-size:13px;line-height:1.6}.portfolio-link{display:inline-block;min-height:44px;padding:8px 0;font-size:13px;text-decoration:underline}.project-stage{grid-template-columns:minmax(0,1fr) 200px;gap:32px}.project-image{height:auto;aspect-ratio:1144/680}.project-copy{padding:8px 0 24px}.project-copy .eyebrow{font-size:10px;letter-spacing:0}.project-copy h3{font-size:28px;font-weight:400;line-height:1.15;margin:25px 0}.project-copy p:not(.eyebrow){font-size:13px;line-height:1.65}.selected-perspective{font-size:11px!important;margin-bottom:4px}.perspectives{flex-direction:row;gap:8px}.perspectives button{min-height:44px;flex:1;border-top:2px solid #292725;border-bottom:0;justify-content:center;text-align:center;font-size:11px;padding-top:8px}.perspectives button[aria-selected=true]{border-top-color:#63514f;border-bottom:0}.project-meta{padding:16px 232px 24px 0;min-height:72px;gap:25px}.project-name{font-size:22px;color:#63514f;letter-spacing:0}.project-meta>span{font-size:13px;display:block}.project{margin-bottom:32px}.project:last-child{margin-bottom:0}.image-open span{font-size:12px}.film-title h2{font-weight:700;font-size:clamp(95px,12.78vw,184px);letter-spacing:-.075em}.film-title .eyebrow{letter-spacing:.45em;font-size:10px}.film-cover{top:26%;height:17%;width:27%}.film-title{transform:translateY(20%)}.scroll-hint{top:48%;bottom:auto;color:#63514f;font-size:10px}.manifesto{padding:65px 9.444% 100px;gap:7.6vw}.manifesto p{font-size:20px;line-height:1.55}.collaborators{padding:85px 9.444% 110px;background:#f2efe8}.collaborators>.section-label{font-size:11px;letter-spacing:.3em}.collaborators>h2{font-size:42px;margin:24px 0 50px;letter-spacing:-.04em;font-weight:400}.collaboration-grid{gap:7.5vw}.collaboration-grid img{height:auto;aspect-ratio:296/394;filter:grayscale(1)}.collaboration-grid h3{font-size:18px;font-weight:400;letter-spacing:0;margin:23px 0 0}footer{padding:80px 5.97% 0}.footer-top .eyebrow{font-size:11px;letter-spacing:.22em}.footer-top h2{font-size:64px}.footer-top .text-link{font-size:21px}.footer-grid .eyebrow{font-size:11px}.footer-grid .social-placeholders{font-size:14px}.footer-grid .contact-disclosure{font-size:11px;color:#b9b9aa}.footer-grid>div{gap:12px}.footer-bottom{margin-top:70px}.footer-bottom button{font-size:11px;min-height:44px}
@media(max-width:1000px) and (min-width:601px){header nav{gap:26px}.hero h1{font-size:76px;line-height:1.12}.hero-caption{bottom:32px}.statement h2{font-size:36px}.statement-grid{grid-template-columns:1.5fr 1fr;gap:5vw}.intro-copy{font-size:18px}.project-intro{grid-template-columns:110px 1fr 180px;gap:20px}.project-intro h2{font-size:38px}.project-stage{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.project-image{min-height:450px;aspect-ratio:auto}.project-meta{padding-right:200px}.project-meta>span{font-size:11px}.project-name{font-size:20px}.project-copy h3{font-size:24px}.manifesto,.collaborators{padding-left:6vw;padding-right:6vw}.collaboration-grid{gap:30px}.footer-top h2{font-size:55px}}
@media(max-width:600px){header nav{display:none}.hero{height:620px;min-height:0}.hero-caption{left:24px;right:24px;bottom:30px}.hero h1{font-size:48px;line-height:1.25;margin:18px 0 12px}.hero .eyebrow{font-size:11px}.hero .text-link{font-size:15px}.statement{padding:60px 24px}.statement h2{font-size:34px;line-height:1.16}.statement-grid{grid-template-columns:1fr;gap:32px}.intro-copy{font-size:17px;line-height:1.58;margin-top:28px}.statement .actions{margin-top:30px;gap:25px}.statement .solid-link{width:100%;min-height:56px}.statement aside p+p{font-size:15px}.projects{padding:35px 16px 32px}.project-intro{display:block;padding:0 8px 32px}.project-intro h2{font-size:38px;margin:24px 0 18px}.project-intro p{font-size:14px}.project-stage{display:flex;flex-direction:column;gap:0}.project-image{height:390px;aspect-ratio:auto}.project-copy{padding:20px 8px 0}.project-copy>div:first-child{min-height:130px}.project-copy h3{font-size:27px;margin:15px 0}.project-copy .eyebrow{font-size:11px}.project-copy p:not(.eyebrow){font-size:14px}.perspectives{display:flex;gap:10px;margin-top:5px}.perspectives button{flex-direction:row;align-items:center;justify-content:center;font-size:12px;min-height:44px}.selected-perspective{margin-top:8px}.project-meta{padding:16px 8px 8px;min-height:65px;gap:12px}.project-name{font-size:20px}.project-meta>span{display:block;font-size:11px}.project{margin-bottom:40px}.film-title{transform:translateY(28%)}.film-title h2{font-size:20vw}.film-cover{width:60%;height:20%;top:15%}.scroll-hint{top:41%;font-size:10px}.manifesto{padding:55px 24px 60px;gap:28px}.manifesto p{font-size:17px}.collaborators{padding:60px 24px 65px}.collaborators>h2{font-size:36px}.collaboration-grid{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.collaboration-grid article{min-width:75%;scroll-snap-align:start}.collaboration-grid img{aspect-ratio:296/394;height:auto}.collaboration-grid h3{font-size:17px}footer{padding:55px 24px 0}.footer-top h2{font-size:50px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid p{font-size:14px}.footer-grid>p{font-size:20px}.footer-bottom{margin-top:35px}.footer-bottom button{display:none}}
.film-title{position:absolute;top:58%;left:0;right:0;transform:none}@media(max-width:600px){.film-title{top:54%;transform:none}}


/* Homepage review changes. */
.hero > img {
  object-position: 50% 6%;
}

.hero-shade {
  background: linear-gradient(90deg, #17121199, transparent 73%), linear-gradient(0deg, #17121159, transparent 65%);
  opacity: 1;
}
.hero {
  height: clamp(430px, calc(100svh - var(--site-header-height)), 850px);
}

.hero-caption {
  bottom: clamp(34px, 7vh, 86px);
}

.statement-grid {
  align-items: start;
}

.statement aside {
  align-self: start;
}

.projects {
  padding-inline: 0;
}

.project-intro {
  margin-inline: max(2.222%, 16px);
}

.project-intro-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-self: start;
  text-align: left;
}

.projects > .project {
  margin: 0;
  padding: clamp(20px, 3vw, 48px) max(2.222%, 16px) 0;
  background: #ede8e1;
}

.projects > .project + .project {
  background: #e5e8e3;
}

.projects > .project + .project + .project {
  background: #ece1db;
}

.project-image {
  background: #ded8d0;
  touch-action: pan-y pinch-zoom;
}

.project-image .project-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

.project-image .project-slide.is-current {
  z-index: 1;
  opacity: 1;
}

.project-image .image-open {
  z-index: 2;
}

.project-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  transform: translateY(-50%);
  border: 1px solid #ffffff95;
  border-radius: 50%;
  background: #f6f4f0ed;
  color: #51403d;
  transition: background 180ms ease, color 180ms ease;
}

.project-arrow-prev {
  left: 16px;
}

.project-arrow-next {
  right: 16px;
}

.project-arrow > span {
  width: 9px;
  height: 9px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
}

.project-arrow-prev > span {
  transform: translateX(2px) rotate(-135deg);
}

.project-arrow-next > span {
  transform: translateX(-2px) rotate(45deg);
}

.project-arrow:hover,
.project-arrow:focus-visible {
  background: #51403d;
  color: #fff;
}

.perspectives button {
  border-top: 1px solid #a59a93;
  border-bottom: 0;
  color: #63514f;
}

.perspectives button[aria-selected="true"] {
  border-top: 4px solid #51403d;
  border-bottom: 0;
  padding-top: 5px;
  color: #332624;
  font-weight: 700;
}

.selected-perspective {
  font-weight: 700;
  color: #332624;
}

.film-sticky {
  top: var(--site-header-offset);
  height: calc(100svh - var(--site-header-offset));
  transition: top var(--site-header-transition), height var(--site-header-transition);
}

.partner-logos {
  --partner-mark-height: clamp(19px, 2.4vw, 28px);
  margin-top: clamp(36px, 5vw, 64px);
  padding-block: 6px 12px;
  overflow-x: auto;
}

.partner-logo-row {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: clamp(10px, 1.7vw, 26px);
  min-width: 690px;
  margin-inline: auto;
}

.partner-logo-row + .partner-logo-row {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  width: 87.5%;
  min-width: 604px;
  margin-top: 22px;
}

.partner-logo-row > div {
  display: grid;
  place-items: center;
  min-height: 38px;
}

.partner-logo {
  display: block;
  width: min(100%, calc(var(--logo-ratio) * var(--partner-mark-height)));
  aspect-ratio: var(--logo-ratio);
  background: #aaa9a6;
  mask-image: url("assets/partner-logos.png");
  mask-size: var(--logo-size);
  mask-position: var(--logo-position);
  mask-repeat: no-repeat;
  transition: background 200ms ease;
}

@media (hover: hover) {
  .partner-logo:hover {
    background: #846363;
  }
}

@media (max-width: 600px) {
  .hero {
    height: clamp(410px, calc(100svh - var(--site-header-height)), 650px);
  }

  .hero > img {
    object-position: 46% center;
  }

  .hero-caption {
    bottom: clamp(36px, 8vh, 62px);
  }

  .project-arrow-prev {
    left: 10px;
  }

  .project-arrow-next {
    right: 10px;
  }

  .projects > .project {
    padding-bottom: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .film-sticky {
    top: 0;
    height: 70svh;
  }
}