@font-face{font-family:Rotor Overlay;src:url(/assets/rotor-Variable_overlay-BezrzXfF.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Monstera;src:url(/assets/Monstera-Bold-BqOs6WaJ.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}:root{--color-bg: #F5F4ED;--color-ink: #2B1810;--color-orpiment: #EEBD34;--color-ink-soft: rgb(43 24 16 / .6);--color-rule: rgb(43 24 16 / .16);--color-block: var(--color-orpiment);--color-on-block: var(--color-ink);--color-on-block-soft: rgb(43 24 16 / .62);--color-block-rule: rgb(43 24 16 / .2);--color-menu: var(--color-ink);--color-on-menu: var(--color-orpiment);--color-on-menu-soft: rgb(238 189 52 / .6);--color-menu-rule: rgb(238 189 52 / .2);--font-display: "Helvetica Neue", Helvetica, "Futura", Arial, sans-serif;--font-text: "Rotor Overlay", ui-monospace, monospace;--display-weight: 500;--display-tracking: -.035em;--font-logo: "Monstera", var(--font-display);--step--2: .6875rem;--step--1: .8125rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: clamp(1.5rem, 1.1rem + 1.4vw, 2.25rem);--step-3: clamp(2rem, 1.2rem + 3vw, 3.75rem);--step-4: clamp(3rem, 1rem + 7vw, 8.5rem);--step-5: clamp(4.5rem, 1rem + 15vw, 17rem);--corner: clamp(3.75rem, 3rem + 2vw, 5.25rem);--block-h: clamp(4rem, 3rem + 3vw, 6.5rem);--gutter: clamp(1rem, .5rem + 2vw, 2.5rem);--inset: calc(var(--corner) + var(--gutter));--col-gap: clamp(.75rem, .4rem + 1vw, 1.5rem);--section-gap: clamp(6rem, 3rem + 9vw, 12rem);--max-width: 120rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1);--t-slow: 1.1s;--t-med: .7s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-text);font-size:var(--step-0);line-height:1.55;font-weight:350;-webkit-font-smoothing:antialiased}body.is-locked{overflow:hidden}img,svg,video,canvas{display:block;max-width:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.25em}a:hover{text-decoration-color:var(--color-orpiment)}::selection{background:var(--color-orpiment);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-orpiment);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter)}.section{margin-top:var(--section-gap)}.eyebrow{font-family:var(--font-text);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);margin:0}.display{font-family:var(--font-display);font-weight:var(--display-weight);line-height:1;letter-spacing:var(--display-tracking);margin:0}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.band{display:inline-flex;align-items:center;height:1.75rem;padding:0 .75rem;background:var(--color-block);color:var(--color-on-block);font-family:var(--font-text);font-size:var(--step--2);letter-spacing:.08em;font-variant-numeric:tabular-nums}.band-rule{border-top:.25rem solid var(--color-block)}.band-rule>.band:first-child{margin-top:-2rem}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--color-block);color:var(--color-on-block);display:grid;align-items:center;padding-inline:var(--inset);cursor:pointer;transition:transform var(--t-slow) var(--ease-in-out)}.intro.is-leaving{transform:translateY(-100%)}.intro__est,.intro__count{position:absolute;top:calc(var(--corner) / 2);transform:translateY(-50%);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-block-soft)}.intro__est{left:var(--inset)}.intro__count{right:var(--inset);font-variant-numeric:tabular-nums}.intro__word{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-5);line-height:1;letter-spacing:var(--display-tracking);white-space:nowrap;animation:intro-word 1.3s var(--ease-out) both}.intro__word--last{animation-name:intro-word-last;animation-duration:1.5s}@keyframes intro-word{0%{opacity:0;transform:translateY(.12em)}35%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.06em)}}@keyframes intro-word-last{0%{opacity:0;transform:translateY(.12em)}40%{opacity:1;transform:none}to{opacity:1;transform:none}}.corner-block{position:fixed;top:0;z-index:50;width:var(--corner);height:var(--corner);display:grid;place-items:center;background:var(--color-block);color:var(--color-on-block);border:0;padding:0;font-family:var(--font-text);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.corner-block--left{left:0}.corner-block--right{right:0}.corner-block:hover{background:var(--color-ink);color:var(--color-orpiment)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-rows:1fr auto;padding:calc(var(--corner) + 2rem) var(--inset) 2rem;background:var(--color-menu);color:var(--color-on-menu);clip-path:inset(0 100% 0 0);visibility:hidden;transition:clip-path var(--t-med) var(--ease-in-out),visibility 0s linear var(--t-med)}.menu-overlay.is-open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path var(--t-med) var(--ease-in-out),visibility 0s}.menu-overlay__nav{align-self:center;display:flex;flex-direction:column}.menu-overlay__nav a{display:flex;align-items:baseline;gap:1.5rem;padding:.6rem 0;border-top:1px solid var(--color-menu-rule);text-decoration:none;font-size:var(--step-4)}.menu-overlay__nav a:last-child{border-bottom:1px solid var(--color-menu-rule)}.menu-overlay__nav a:hover{color:var(--color-bg)}.menu-overlay__num{font-size:var(--step--2);letter-spacing:.08em;color:var(--color-on-menu-soft);min-width:2.5em}.menu-overlay__foot{display:flex;flex-wrap:wrap;gap:.5rem 2.5rem;font-size:var(--step--1);color:var(--color-on-menu-soft)}.menu-overlay__foot a{text-decoration:none}.menu-overlay__foot a:hover{color:var(--color-bg)}@media (prefers-reduced-motion: reduce){.menu-overlay{transition:none}}.block-row{--line: .25rem;--band: 1.75rem;--row-h: calc(var(--block-h) * .9);display:flex;align-items:flex-end;height:var(--row-h);margin-left:calc(-1 * var(--gutter))}.block-cell{display:flex;align-items:center;margin:0;color:var(--color-ink);text-decoration:none}.block-cell--index{height:var(--band);gap:.5em;padding:0 .75rem 0 var(--gutter);background:var(--color-block);color:var(--color-on-block);font-family:var(--font-text);font-size:var(--step--2);letter-spacing:.08em;font-variant-numeric:tabular-nums}.block-cell__of{opacity:.55}.block-cell--title{align-self:stretch;align-items:flex-end;padding:0 clamp(1.5rem,1rem + 2vw,3rem) .55rem;border-bottom:var(--line) solid var(--color-block);font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--step-2);letter-spacing:var(--display-tracking);line-height:1;white-space:nowrap}.block-cell--action{position:relative;align-self:flex-start;height:var(--band);padding:0 clamp(1.5rem,1rem + 2vw,3rem);background:var(--color-block);color:var(--color-on-block);font-family:var(--font-text);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.block-cell--title:has(+.block-cell--action){border-right:var(--line) solid var(--color-block)}a.block-cell--action:hover{background:var(--color-ink);color:var(--color-orpiment)}@media (max-width: 40rem){.block-row{max-width:100vw}.block-cell--title{padding:0 1rem .45rem}.block-cell--action{padding:0 .75rem;min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}}.slide-card{position:relative;flex:1 1 auto;max-width:44rem;height:clamp(10.5rem,8rem + 5vw,13.5rem);background:var(--color-bg);color:var(--color-ink);padding:1rem 1.5rem 2.25rem}.slide-card__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:1.25rem;animation:slide-card-in var(--t-med) var(--ease-out) both}.slide-card__num{font-size:var(--step-3);letter-spacing:var(--display-tracking);justify-self:end;align-self:start}.slide-card__title{padding-top:clamp(1rem,.5rem + 1.2vw,1.75rem)}.slide-card__title h2,.slide-card__line{font-size:clamp(1.25rem,.9rem + .9vw,1.875rem);line-height:1.08}.slide-card__line{color:var(--color-ink-soft)}.slide-card__meta{position:absolute;right:1.5rem;bottom:.9rem}.slide-card__more{position:absolute;left:1.5rem;bottom:.9rem;font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.slide-card__more:hover{color:var(--color-ink-soft)}.slide-card__progress{position:absolute;left:0;bottom:0;height:.25rem;width:calc(var(--p) * 100%);background:var(--color-orpiment);transition:width var(--t-slow) var(--ease-in-out)}@keyframes slide-card-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media (max-width: 40rem){.slide-card{padding:.9rem 1rem 2.5rem;height:auto;min-height:10rem}.slide-card__body{grid-template-columns:auto 1fr}.slide-card__num{font-size:var(--step-2)}.slide-card__title{padding-top:0}.slide-card__title h2,.slide-card__line{font-size:var(--step-1)}.slide-card__more{left:1rem}.slide-card__meta{display:none}}.slide-nav{display:flex;background:var(--color-bg);border-left:1px solid var(--color-rule)}.slide-nav__btn{width:clamp(3rem,2.5rem + 1.5vw,4rem);height:clamp(3rem,2.5rem + 1.5vw,4rem);display:grid;place-items:center;background:transparent;border:0;color:var(--color-ink)}.slide-nav__btn+.slide-nav__btn{border-left:1px solid var(--color-rule)}.slide-nav__btn svg{width:.875rem;height:.875rem;fill:none;stroke:currentColor;stroke-width:1.25}.slide-nav__btn:hover{background:var(--color-block);color:var(--color-on-block)}.project-slider{position:relative;overflow:hidden;background:var(--color-ink)}.project-slider__photo{position:absolute;top:0;right:0;bottom:0;left:0}.project-slider__photo img{width:100%;height:100%;object-fit:cover}.project-slider__photo.is-idle{visibility:hidden}.project-slider__photo.is-previous{z-index:1}.project-slider__photo.is-active,.project-slider__photo.is-entering{z-index:2}.project-slider__photo.is-entering{animation:slider-wipe-next var(--t-slow) var(--ease-in-out) both}.project-slider[data-direction="-1"] .project-slider__photo.is-entering{animation-name:slider-wipe-prev}.project-slider__photo.is-entering img{animation:slider-settle calc(var(--t-slow) * 1.4) var(--ease-out) both}@keyframes slider-wipe-next{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes slider-wipe-prev{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes slider-settle{0%{transform:scale(1.06)}to{transform:none}}.project-slider__ui{position:absolute;z-index:3;left:clamp(1rem,.5rem + 3vw,5rem);right:clamp(1rem,.5rem + 2vw,2rem);bottom:clamp(1rem,.5rem + 3vw,3.5rem);display:flex;align-items:flex-start}@media (prefers-reduced-motion: reduce){.project-slider__photo.is-entering,.project-slider__photo.is-entering img{animation-duration:1ms}}.stage{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,11fr);height:100vh;height:100svh;min-height:36rem}.stage__panel{position:relative;display:grid;grid-template-rows:var(--corner) 1fr auto 1fr auto;padding:0 var(--gutter) clamp(1.5rem,1rem + 2vw,3rem);border-right:1px solid var(--color-rule)}.stage__name{grid-row:1;align-self:center;padding-left:calc(var(--corner));font-size:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);letter-spacing:var(--display-tracking)}.stage__blocks{grid-row:3}.stage__foot{grid-row:5;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-left:var(--corner)}.stage__disciplines{display:flex;flex-direction:column;font-size:var(--step-3);line-height:1.02}.stage__lede{margin:0;max-width:24ch;font-size:var(--step--1);line-height:1.5;color:var(--color-ink-soft)}@media (max-width: 56rem){.stage{grid-template-columns:1fr;grid-template-rows:var(--corner) minmax(22rem,68svh) auto;height:auto;min-height:0}.stage__panel{display:contents}.stage__name{grid-row:1;padding:0 var(--corner);font-size:var(--step-1);text-align:center}.project-slider{grid-row:2}.stage__blocks{grid-row:3;margin:2.5rem 0 0}.stage__foot{grid-row:4;flex-direction:column;align-items:flex-start;gap:1.5rem;padding:3rem var(--gutter) 0}}.section-head{grid-column:1 / -1;margin-bottom:clamp(2.5rem,1.5rem + 3vw,5rem)}.section-head__title{font-size:var(--step-5);letter-spacing:var(--display-tracking);margin-top:clamp(2.5rem,1.5rem + 3vw,5rem);padding-left:var(--corner);margin-left:calc(-1 * var(--gutter))}@media (max-width: 40rem){.section-head__title{padding-left:0;margin-left:0;font-size:var(--step-4)}}.facts{margin:0;font-size:var(--step--1)}.facts__row{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:.8rem 0;border-top:1px solid var(--color-ink)}.facts__row+.facts__row{border-top-color:var(--color-rule)}.facts__row:last-child{border-bottom:1px solid var(--color-rule)}.facts dt{padding-top:.15rem}.facts dd{margin:0}.exhibit{grid-column:1 / -1;margin:clamp(4.5rem,3rem + 5vw,9rem) 0 0}.exhibit__stage{position:relative;aspect-ratio:16 / 9;background:var(--color-ink);color:var(--color-bg)}.exhibit__stage canvas{cursor:grab}.exhibit__stage canvas:active{cursor:grabbing}.exhibit__notice{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;font-size:var(--step--1)}.exhibit__forms{position:absolute;left:0;bottom:0;display:flex;background:var(--color-bg)}.exhibit__form{background:transparent;border:0;color:var(--color-ink);height:3.25rem;padding:0 1.5rem;font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;position:relative}.exhibit__form+.exhibit__form{border-left:1px solid var(--color-rule)}.exhibit__form:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.25rem;background:var(--color-orpiment);transform:scaleX(0);transform-origin:left;transition:transform var(--t-med) var(--ease-in-out)}.exhibit__form[aria-pressed=true]:after{transform:none}.exhibit__form:hover{background:var(--color-block);color:var(--color-on-block)}.exhibit__caption{margin-top:.75rem}@media (max-width: 40rem){.exhibit__stage{aspect-ratio:4 / 5}}.media-figure{margin:0}.media-figure--portrait{grid-column:span 3}.media-figure--landscape{grid-column:span 6}.media-figure__frame{background:color-mix(in srgb,var(--color-ink) 6%,var(--color-bg))}.media-figure--portrait .media-figure__frame{aspect-ratio:9 / 19.5}.media-figure__media{width:100%;height:100%;object-fit:cover}.media-figure--landscape .media-figure__media{height:auto}.media-figure__caption{margin-top:.5rem}@media (max-width: 60rem){.media-figure--portrait{grid-column:span 4}.media-figure--landscape{grid-column:span 12}}@media (max-width: 40rem){.media-figure--portrait{grid-column:span 6}}@media (min-width: 75rem){.media-figure--portrait{grid-column:span 2}}.chapter{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:2rem;padding-top:1.25rem;border-top:.25rem solid var(--color-block);margin-top:clamp(4.5rem,3rem + 5vw,9rem)}.chapter__num{grid-column:1 / span 1;justify-self:start;align-self:start;margin:-3.25rem 0 0}.chapter__title{grid-column:2 / span 5;font-size:var(--step-4);letter-spacing:var(--display-tracking)}.chapter__body{grid-column:8 / span 5;margin:0;max-width:52ch;padding-top:.5rem}.chapter__media{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;row-gap:2rem;margin-top:1rem;align-items:start}@media (max-width: 60rem){.chapter__num,.chapter__title,.chapter__body{grid-column:1 / -1}}.case-study{scroll-margin-top:0}.case-study__cover{margin:0}.case-study__cover img{width:100%;height:min(88svh,56.25vw);object-fit:cover}.case-study__cover figcaption{padding:.75rem var(--inset)}.case-study__lead{margin-top:clamp(3rem,2rem + 4vw,7rem);align-items:start}.case-study__intro{grid-column:1 / span 7;font-size:var(--step-2);line-height:1.35;letter-spacing:-.01em;padding-left:calc(var(--corner) - var(--gutter))}.case-study__facts{grid-column:9 / -1}@media (max-width: 60rem){.case-study__intro,.case-study__facts{grid-column:1 / -1;padding-left:0}.case-study__facts{margin-top:2.5rem}}.work-index__head,.work-index__row{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:baseline}.work-index__head{padding-bottom:.75rem;border-bottom:1px solid var(--color-ink)}.work-index__list{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;list-style:none;margin:0;padding:0}.work-index__row{padding:1.1rem 0;border-bottom:1px solid var(--color-rule)}.work-index__num{grid-column:1 / span 1;font-size:var(--step--2);letter-spacing:.08em;color:var(--color-ink-soft)}.work-index__title{grid-column:2 / span 5;font-size:var(--step-2);letter-spacing:var(--display-tracking)}.work-index__title a{text-decoration:none}.work-index__arrow{font-size:.5em;margin-left:.5em;vertical-align:.6em;color:var(--color-ink-soft)}.work-index__title a:hover .work-index__arrow{color:var(--color-orpiment)}.work-index__what{grid-column:7 / span 2;font-size:var(--step--1)}.work-index__client{grid-column:9 / span 3;font-size:var(--step--1);color:var(--color-ink-soft)}.work-index__year{grid-column:12 / span 1;font-size:var(--step--1);text-align:right;font-variant-numeric:tabular-nums}.work-index__head .work-index__num,.work-index__head .work-index__title,.work-index__head .work-index__what,.work-index__head .work-index__client,.work-index__head .work-index__year{font-family:var(--font-text);font-size:var(--step--2);letter-spacing:.08em;color:var(--color-ink-soft)}@media (max-width: 50rem){.work-index__head{display:none}.work-index__row{row-gap:.25rem}.work-index__num{grid-column:1 / span 2}.work-index__title{grid-column:3 / span 7}.work-index__year{grid-column:10 / -1}.work-index__what,.work-index__client{grid-column:3 / -1}}@media (max-width: 50rem){.work-index__num,.work-index__title,.work-index__year{grid-row:1}.work-index__client.is-empty{display:none}}.services{row-gap:3.5rem}.services__item{grid-column:span 3;padding-top:1rem;border-top:.25rem solid var(--color-block);min-height:16rem;display:flex;flex-direction:column}.services__num{margin:-3rem 0 0;align-self:flex-start}.services__title{font-size:var(--step-2);letter-spacing:var(--display-tracking);line-height:1.05;margin:1.5rem 0 auto;max-width:11ch}.services__body{margin:2rem 0 0;font-size:var(--step--1);max-width:34ch;color:var(--color-ink-soft)}.services__sound{grid-column:1 / -1;margin:0;padding-top:1rem;border-top:1px solid var(--color-rule);font-size:var(--step--1);color:var(--color-ink-soft)}@media (max-width: 60rem){.services__item{grid-column:span 6;min-height:12rem}}@media (max-width: 40rem){.services__item{grid-column:1 / -1;min-height:0}}.studio{row-gap:3rem;align-items:start}.studio__first{grid-column:1 / span 9;font-size:clamp(1.75rem,1.2rem + 2vw,3rem);line-height:1.3;letter-spacing:-.01em;margin:0;padding-left:calc(var(--corner) - var(--gutter))}.studio__rest{grid-column:2 / span 5;font-size:var(--step-0)}.studio__rest p{margin:0 0 1.25rem;max-width:52ch}.studio__side{grid-column:9 / -1;font-size:var(--step--1)}.studio__list{list-style:none;margin:.75rem 0 0;padding:0}.studio__list li{padding:.6rem 0;border-top:1px solid var(--color-rule)}.studio__list li:first-child{border-top-color:var(--color-ink)}.studio__list li:last-child{border-bottom:1px solid var(--color-rule)}@media (max-width: 60rem){.studio__first,.studio__rest,.studio__side{grid-column:1 / -1;padding-left:0}}.logo{font-family:var(--font-logo);line-height:.8;letter-spacing:-.02em;display:inline-block}.logo--sm{font-size:1.75rem}.logo--lg{font-size:clamp(7rem,4rem + 16vw,20rem);line-height:1;color:var(--color-ink)}.site-footer{background:var(--color-block);color:var(--color-on-block);padding:clamp(3rem,2rem + 4vw,6rem) 0 1.5rem}.site-footer__grid{row-gap:3rem;align-items:end}.site-footer__logo{grid-column:1 / span 6}.site-footer__contact{grid-column:7 / -1;padding-bottom:1rem}.site-footer__label{color:var(--color-on-block-soft)}.site-footer__email{display:inline-block;margin-top:.75rem;font-size:var(--step-3);letter-spacing:var(--display-tracking);text-decoration:none;word-break:break-word}.site-footer__email:hover{color:var(--color-bg)}.site-footer__meta{grid-column:1 / -1;display:flex;justify-content:space-between;gap:1rem;margin:0;padding-top:1rem;border-top:1px solid var(--color-block-rule);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-block-soft)}.site-footer__meta a{text-decoration:none}.site-footer__meta a:hover{color:var(--color-bg)}@media (max-width: 50rem){.site-footer__logo,.site-footer__contact{grid-column:1 / -1}}
