@font-face{font-family:Framae Horizon;src:url(/fonts/horizon-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Framae Helvetica;src:url(/fonts/helvetica-roman.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Framae Helvetica;src:url(/fonts/helvetica-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,figure,ol,ul,dl,dd{margin:0}ol,ul{padding:0;list-style:none}img,video{max-width:100%}button,input,textarea,select{font:inherit}a{color:inherit}[hidden]{display:none!important}}@layer foundation{:root{--paper:#f0eeeb;--paper-deep:var(--paper);--ink:#292927;--oxide:#7c2c23;--line:color-mix(in srgb, currentColor 24%, transparent);--sans:"Framae Helvetica", "Helvetica Neue", Arial, sans-serif;--logo:"Framae Horizon", "Arial Black", sans-serif;--gutter:clamp(1rem, 2vw, 2rem);--section-space:clamp(5rem, 8vw, 8rem);--header-height:4.5rem;--ease:cubic-bezier(.22, 1, .36, 1)}html{min-width:20rem;scroll-padding-top:calc(var(--header-height) + 1rem);background:var(--paper);color:var(--ink);font-family:var(--sans)}body{text-rendering:optimizelegibility;min-width:20rem;font-size:clamp(.82rem,.79rem + .12vw,.94rem);line-height:1.42;overflow-x:clip}h1,h2,h3,h4{font-weight:400}::selection{background:var(--oxide);color:var(--paper)}:focus-visible{outline-offset:4px;outline:2px solid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-placeholder{background:var(--paper-deep);place-items:center;min-height:100%;display:grid}.media-placeholder span{max-width:10ch;font:700 clamp(1.3rem, 3vw, 2.5rem)/.9 var(--logo);color:var(--oxide);text-align:center;padding:1rem}.section-label,.page-heading>p,.section-header>p{letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}}@layer shell{.skip-link{z-index:200;background:var(--ink);color:var(--paper);padding:.65rem .8rem;position:fixed;inset:.7rem auto auto .7rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{z-index:100;min-height:var(--header-height);padding:.8rem var(--gutter);background:0 0;border-bottom:1px solid #0000;grid-template-columns:auto 1fr;align-items:center;transition:background-color .32s,border-color .32s,backdrop-filter .32s;display:grid;position:fixed;top:0;left:0;right:0}.site-header.is-scrolled,.site-header[data-menu-open]{background:color-mix(in srgb, var(--paper) 94%, transparent);border-bottom-color:color-mix(in srgb, var(--ink) 18%, transparent);backdrop-filter:blur(14px)}.is-contact .site-header:not(.is-scrolled):not([data-menu-open]),.is-contact .site-header:not(.is-scrolled):not([data-menu-open]) .wordmark{color:var(--paper)}.site-header nav{justify-self:end;gap:clamp(1.2rem,2.3vw,2.7rem);font-size:clamp(.8rem,.76rem + .12vw,.9rem);display:flex}.site-header nav a{padding-block:.25rem;text-decoration:none;position:relative}.site-header nav a:after{content:"";transform-origin:100%;height:1px;transition:transform .28s var(--ease);background:currentColor;position:absolute;inset:auto 0 -.1rem;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after,.site-header nav a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.wordmark{color:var(--oxide);font:700 clamp(1.45rem, 2.2vw, 2.45rem)/.82 var(--logo);letter-spacing:-.02em;white-space:nowrap;justify-self:start;text-decoration:none}.menu-toggle{color:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;padding:0;font-size:.85rem;display:none}.site-footer{padding:1.2rem var(--gutter);border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr auto;gap:1rem;font-size:.67rem;display:grid}.site-footer a{text-underline-offset:.22em}body:not(.is-home):not(.is-contact) main{padding-top:var(--header-height)}body.is-contact{flex-direction:column;min-height:100svh;display:flex}body.is-contact main{flex:1;display:flex}}@layer home{.home-hero{background:var(--ink);height:100svh;min-height:34rem;position:relative;overflow:hidden}.home-hero-media,.home-hero-media>picture,.home-hero-media>.media-placeholder,.home-hero-media img{width:100%;height:100%;position:absolute;inset:0}.home-hero-media img{object-fit:cover;object-position:var(--image-position,50% 50%);animation:hero-in 1.1s var(--ease) both}.home-about,.home-work,.home-services{padding:var(--section-space) var(--gutter)}.home-work{padding-top:0}.landing-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1rem;display:flex}.landing-section-head :is(h1,h2){letter-spacing:-.045em;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.9}.about-page .landing-section-head :is(h1,h2),.contact-page .landing-section-head :is(h1,h2){font-size:clamp(2rem,3vw,3.35rem)}.landing-section-head p{letter-spacing:.08em;font-size:.68rem}.home-about-feature{grid-template-columns:minmax(0,1fr) minmax(20rem,.85fr);align-items:start;gap:clamp(3rem,8vw,9rem);padding-top:clamp(2.5rem,5vw,5rem);display:grid}.home-about-body{flex-direction:column;display:flex}.home-about-body :is(h2,h3){max-width:18ch;color:var(--oxide);letter-spacing:-.04em;font-size:clamp(2.2rem,3.8vw,4.2rem);line-height:.98}.home-about-copy{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(2rem,4vw,4rem);display:grid}.home-about-copy p{max-width:31ch}.about-values{border-top:1px solid var(--line);color:var(--oxide);grid-template-columns:1fr;margin-top:clamp(2rem,4vw,4rem);display:grid}.about-values li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.8rem 0;font-size:clamp(.9rem,1.15vw,1.1rem);display:flex}.about-values li+li{border-top:0}.about-values span{font-size:.6rem}.home-about-image{aspect-ratio:4/5;background:var(--paper-deep);overflow:hidden}.home-about-image>picture,.home-about-image>.media-placeholder,.home-about-image img{width:100%;height:100%}.home-about-image img{object-fit:cover;object-position:var(--image-position,50% 50%)}.home-work .work-grid{margin-top:0}.original-services-list{max-width:76rem}.original-services-list li+li{margin-top:clamp(1.35rem,2.5vw,2.2rem)}.about-services{margin-top:var(--section-space)}.about-services>header{margin-bottom:clamp(2.5rem,5vw,5rem)}.about-services>header p{text-transform:uppercase}.original-services-list :is(h3,h4){color:var(--oxide);font-size:clamp(1rem,1.4vw,1.3rem);font-style:italic;font-weight:700;line-height:1.1}.original-services-list p{max-width:78ch;margin-top:.18rem;font-size:clamp(.92rem,1.28vw,1.16rem);line-height:1.22}.contact{padding:var(--section-space) var(--gutter) 2rem;background:var(--oxide);color:var(--paper)}.landing-section-head--light{color:var(--paper)}.contact-body{gap:3rem var(--gutter);grid-template-columns:1fr 1fr;padding-top:clamp(3rem,6vw,6rem);display:grid}.contact-body :is(h2,h3){letter-spacing:-.035em;text-wrap:balance;max-width:10ch;font-size:clamp(2.25rem,3.8vw,4rem);line-height:.94}.contact-page{width:100%;min-height:0;padding-top:calc(var(--header-height) + clamp(2rem, 3vw, 3rem));flex:1;padding-bottom:clamp(2.5rem,4vw,4rem)}.contact-page .contact-body{padding-top:clamp(2.5rem,4vw,4rem)}.contact-links{border-top:1px solid var(--line);align-self:end}.contact-links a{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.85rem 0;font-size:clamp(.95rem,1.25vw,1.25rem);text-decoration:none;display:flex}.contact-links a span{transition:transform .25s var(--ease)}.contact-links a:hover span{transform:translate(.2rem,-.2rem)}.contact-location{text-transform:uppercase;grid-column:2;margin-top:1rem;font-size:.68rem}@keyframes hero-in{0%{opacity:.55;scale:1.035}to{opacity:1;scale:1}}}@layer archive{.work-grid{columns:3;column-gap:clamp(.45rem,.8vw,.8rem);display:block}.work-card{break-inside:avoid;min-width:0;margin-bottom:clamp(.45rem,.8vw,.8rem)}.work-card a{text-decoration:none;display:block}.work-card-image{aspect-ratio:var(--card-ratio,.8);background:var(--paper-deep);position:relative;overflow:hidden}.work-card-image>picture,.work-card-image>.media-placeholder,.work-card-image img{width:100%;height:100%}.work-card-image img{object-fit:cover;object-position:var(--image-position,50% 50%);filter:saturate(.93);transition:scale .65s var(--ease), filter .4s ease}.work-card a:hover img,.work-card a:focus-visible img{filter:saturate();scale:1.035}.work-card-meta{background:linear-gradient(transparent 42%, color-mix(in srgb, var(--ink) 72%, transparent));color:var(--paper);opacity:0;transition:opacity .28s ease, transform .4s var(--ease);flex-direction:column;justify-content:flex-end;padding:.8rem;display:flex;position:absolute;inset:0;transform:translateY(.35rem)}.work-card a:hover .work-card-meta,.work-card a:focus-visible .work-card-meta{opacity:1;transform:none}.work-card-meta h3{margin:.16rem 0 .24rem;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.05}.work-card-meta p{letter-spacing:.04em;text-transform:uppercase;font-size:.58rem}.work-page{padding:clamp(1.5rem, 3vw, 3rem) var(--gutter) var(--section-space)}.page-heading{gap:var(--gutter);grid-template-columns:1fr 2fr;align-items:end;padding-bottom:clamp(2.5rem,5vw,5rem);display:grid}.page-heading h1{letter-spacing:-.05em;grid-column:2;font-size:clamp(3.8rem,7vw,7.5rem);line-height:.85}.work-filters{z-index:30;top:var(--header-height);background:var(--paper);justify-content:center;gap:0;margin-bottom:1rem;padding:.8rem 0;display:flex;position:sticky;overflow-x:auto}.work-filters button{color:inherit;letter-spacing:.025em;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:.65rem;padding:.15rem .5rem;font-size:clamp(.8rem,.76rem + .13vw,.9rem);font-weight:400;transition:color .22s,font-weight .22s;display:inline-flex}.work-filters button+button:before{content:"·";color:color-mix(in srgb, var(--ink) 34%, transparent);margin-right:.15rem;font-weight:400}.work-filters button:hover,.work-filters button:focus-visible,.work-filters button[aria-pressed=true]{color:var(--oxide)}.work-filters button[aria-pressed=true]{font-weight:700}@media (hover:none){.work-card-meta{opacity:1;transform:none}}}@layer pages{.about-page,.studio-page,.services-page{padding:clamp(3.5rem, 7vw, 7rem) var(--gutter) var(--section-space)}.studio-page-heading>p:last-child{grid-column:2;margin-top:1.5rem}.studio-page-intro{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,9rem);padding:clamp(3rem,6vw,6rem) 0;display:grid}.studio-page-intro h2{max-width:16ch;color:var(--oxide);letter-spacing:-.04em;font-size:clamp(2.3rem,4vw,4.5rem);line-height:.98}.studio-page-intro>div{gap:var(--gutter);grid-template-columns:1fr 1fr;align-self:end;display:grid}.studio-page-intro>div p:last-child{grid-column:1/-1;max-width:46rem}.studio-page-image{height:min(72vh,50rem);overflow:hidden}.studio-page-image>picture,.studio-page-image img{width:100%;height:100%}.studio-page-image img{object-fit:cover;object-position:var(--image-position,50% 50%)}.studio-page-values{padding-top:var(--section-space)}.studio-page-values>h2{border-bottom:1px solid var(--line);padding-bottom:1rem;font-size:2rem}.studio-page-values ol{grid-template-columns:repeat(3,1fr);display:grid}.studio-page-values li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:14rem;padding:1rem}.studio-page-values li:first-child{border-left:1px solid var(--line)}.studio-page-values span{font-size:.64rem}.studio-page-values h3{color:var(--oxide);margin-top:2rem;font-size:1.5rem}.studio-page-values p{max-width:27ch;margin-top:3rem}.services-page-heading{border-top:1px solid var(--oxide);color:var(--oxide);justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:clamp(2.5rem,5vw,5rem);padding-top:1rem;display:flex}.services-page-heading h1{font:700 clamp(2.6rem, 5vw, 5.6rem)/.88 var(--logo);text-transform:uppercase}.services-page-heading p{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.services-page-list{max-width:76rem;color:var(--oxide)}.services-page-list li{padding:0}.services-page-list li+li{margin-top:clamp(1.5rem,3vw,2.5rem)}.services-page-list h2{font-size:clamp(1.05rem,1.5vw,1.35rem);font-style:italic;font-weight:700;line-height:1.1}.services-page-list li>p{max-width:78ch;margin-top:.18rem;font-size:clamp(.95rem,1.35vw,1.2rem);line-height:1.23}.services-page-cta{margin-top:var(--section-space);border-top:1px solid var(--line);justify-content:space-between;gap:2rem;padding-top:1rem;display:flex}.services-page-cta p{max-width:32rem}}@layer project{.project-header{padding:clamp(1.25rem, 2.5vw, 2.5rem) var(--gutter) clamp(1.5rem, 2.5vw, 2.5rem)}.project-back{margin-bottom:clamp(3rem,6vw,6rem);font-size:.68rem;text-decoration:none;display:inline-block}.project-back span{transition:transform .25s var(--ease);margin-right:.35rem;display:inline-block}.project-back:hover span{transform:translate(-.2rem)}.project-overline{color:var(--oxide);text-transform:uppercase;font-size:.68rem}.project-header h1{max-width:18ch;color:var(--oxide);letter-spacing:-.035em;font-size:clamp(1.9rem,3vw,3.25rem);line-height:.96}.project-intro{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:start;gap:clamp(2rem,8vw,10rem);margin:clamp(1.5rem,2.5vw,2.5rem) 0 0;display:grid}.project-lede{max-width:37ch;font-size:clamp(1.05rem,1.5vw,1.45rem)}.project-intro dl{grid-template-columns:minmax(5rem,.4fr) 1fr;display:grid}.project-intro dt,.project-intro dd{border-top:1px solid var(--line);padding:.45rem 0}.project-intro dt{text-transform:uppercase;font-size:.62rem}.project-hero{height:min(76vh,58rem);margin-inline:var(--gutter);background:var(--paper-deep);overflow:hidden}.project-hero>picture,.project-hero>.media-placeholder,.project-hero img{width:100%;height:100%}.project-hero img{object-fit:cover;object-position:var(--image-position,50% 50%)}.project-gallery{padding:clamp(.75rem, 1.5vw, 1.5rem) var(--gutter) clamp(4rem, 8vw, 8rem);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(.45rem,.8vw,.8rem);display:grid}.project-gallery-column{flex-direction:column;gap:clamp(.45rem,.8vw,.8rem);min-width:0;display:flex}.gallery-item{width:100%}.gallery-item picture,.gallery-item img{width:100%;height:auto;display:block}.project-films{padding:0 var(--gutter) var(--section-space)}.credits{gap:var(--gutter);padding:clamp(4rem, 7vw, 7rem) var(--gutter);background:var(--ink);color:var(--paper);grid-template-columns:.6fr 1fr 1fr;display:grid}.credits h2{font-size:clamp(2.2rem,4vw,4.2rem)}.credits dl{grid-template-columns:minmax(8rem,.5fr) 1fr;align-self:end;display:grid}.credits dt,.credits dd{border-top:1px solid var(--line);padding:.5rem 0}.credits dt{text-transform:uppercase;font-size:.62rem}.project-end{gap:var(--gutter);padding:clamp(4rem, 8vw, 8rem) var(--gutter);grid-template-columns:.5fr 2fr;display:grid}.project-end>p{text-transform:uppercase;font-size:.66rem}.project-end>a{justify-content:space-between;font-size:clamp(2.2rem,4.5vw,4.8rem);line-height:.95;text-decoration:none;display:flex}.related-projects{border-top:1px solid var(--line);grid-column:2;grid-template-columns:1fr 2fr;margin-top:3rem;display:grid}.related-projects>*{border-bottom:1px solid var(--line);padding:.65rem 0}}@layer utilities{.not-found{min-height:75vh;padding:var(--gutter);text-align:center;place-content:center;gap:1rem;display:grid}.not-found h1{color:var(--oxide);font-size:clamp(3rem,7vw,7rem)}}@media (width<=68rem){.project-gallery,.project-gallery-column{gap:.5rem}}@media (width<=48rem){:root{--gutter:1rem;--header-height:4rem}.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block}.wordmark{font-size:clamp(1.25rem,6vw,1.8rem)}.site-header nav{z-index:-1;padding:calc(var(--header-height) + 1rem) var(--gutter) 1.2rem;background:var(--paper);border-bottom:1px solid var(--ink);opacity:0;visibility:hidden;transition:opacity .2s ease, transform .28s var(--ease), visibility .2s;gap:0;display:grid;position:absolute;inset:0 0 auto;transform:translateY(-1rem)}.site-header nav a{border-top:1px solid var(--line);padding:.6rem 0;font-size:1rem}.site-header[data-menu-open] nav{opacity:1;visibility:visible;transform:none}.site-footer{grid-template-columns:1fr 1fr}.site-footer>:nth-child(2n){text-align:right;justify-self:end}.home-hero{height:72svh;min-height:30rem}.home-about-feature{grid-template-columns:1fr;gap:3rem}.home-about-body :is(h2,h3){font-size:clamp(2.35rem,11vw,4rem)}.home-about-copy{grid-template-columns:1fr}.home-about-image{max-height:70svh}.about-services>header{flex-direction:column;align-items:flex-start}.work-grid{columns:2;column-gap:.5rem}.work-card{margin-bottom:.5rem}.work-card-meta{padding:.6rem}.work-card-meta h3{font-size:.95rem}.contact-body{grid-template-columns:1fr}.contact-location{grid-column:1}.contact-body :is(h2,h3){font-size:clamp(2.35rem,11vw,3.8rem)}.contact-location{margin-top:2rem}.page-heading{grid-template-columns:1fr}.page-heading h1{grid-column:1;margin-top:2rem;font-size:clamp(3.6rem,17vw,5.8rem)}.work-filters{justify-content:flex-start;gap:1.1rem}.studio-page-heading>p:last-child{grid-column:1}.studio-page-intro,.studio-page-intro>div{grid-template-columns:1fr}.studio-page-intro>div p:last-child{grid-column:1}.studio-page-image{height:62svh}.studio-page-values ol{grid-template-columns:1fr}.studio-page-values li{border-left:1px solid var(--line);min-height:11rem}.services-page-heading,.services-page-cta{flex-direction:column;align-items:flex-start}.project-header h1{font-size:clamp(2rem,9vw,3.2rem)}.project-intro{grid-template-columns:1fr;margin-left:0}.project-hero{height:68svh}.project-gallery,.credits{grid-template-columns:1fr}.credits h2{margin:1.5rem 0 2rem}.project-end{grid-template-columns:1fr}.project-end>a{margin-top:2rem}.related-projects{grid-column:1;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}