/* Inertial scroll, softly dissolving hero, expanding film tile. */
.desktop-nav .roll-link{padding-block:0;margin-block:8px}
:root{--ease-out:cubic-bezier(.22,1,.36,1);--accent:#bd9260}html{scroll-behavior:auto}body{overflow-x:clip}html.lenis,html.lenis body{height:auto}.hero-scroll{height:175svh;min-height:1100px;position:relative}.hero{position:sticky;top:0;min-height:620px;height:100svh}.hero-media{transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1));will-change:transform}.hero-copy{transform:translate3d(0,var(--copy-y,0px),0);filter:blur(var(--hero-blur,0px));opacity:var(--copy-opacity,1);will-change:transform,filter}.hero-transition{position:absolute;inset:-1px;pointer-events:none;z-index:4;background:linear-gradient(0deg,var(--paper) 0%,rgba(238,239,236,.97) 18%,rgba(238,239,236,.1) 78%,transparent 100%);transform:translate3d(0,var(--mist-y,110%),0);opacity:var(--mist-opacity,0);will-change:transform,opacity}.hero-bottom{z-index:5;opacity:var(--bottom-opacity,1)}.hero-scroll+.vision{position:relative;z-index:5}.desktop-nav{gap:28px;margin-right:22px}.roll-link{display:inline-flex;overflow:hidden;vertical-align:middle;line-height:1.5}.roll-link>span,.menu-label>span{position:relative;display:block;transition:transform .55s var(--ease-out)}.roll-link>span:after,.menu-label>span:after{content:attr(data-label);position:absolute;top:110%;left:0;white-space:nowrap;color:var(--accent)}.roll-link:is(:hover,:focus-visible)>span{transform:translateY(-110%)}.desktop-nav a:hover{border-color:transparent}
.portfolio-trigger{display:block;position:relative;isolation:isolate;border:0;background:transparent;padding:0;color:white;min-height:52px}.portfolio-hero{position:absolute;right:4.5%;top:49%;width:190px;transform:translateY(-50%);z-index:6;opacity:var(--portfolio-opacity,1)}.portfolio-thumbnail{position:absolute;inset:-80px 0;overflow:hidden;clip-path:inset(80px 0);border-radius:3px;opacity:0;transition:clip-path .7s var(--ease-out),opacity .45s;z-index:-1;background:#242822}.portfolio-thumbnail:after{content:'';position:absolute;inset:0;background:#0003}.portfolio-thumbnail img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform 1s var(--ease-out)}.portfolio-label{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:18px 25px;border-block:1px solid #ffffff55;font-size:14px;transition:border-color .4s}.play-icon{font-size:12px;transition:transform .5s var(--ease-out)}.portfolio-trigger:is(:hover,:focus-visible) .portfolio-thumbnail{clip-path:inset(0);opacity:1}.portfolio-trigger:is(:hover,:focus-visible) img{transform:scale(1)}.portfolio-trigger:is(:hover,:focus-visible) .portfolio-label{border-color:transparent}.portfolio-trigger:is(:hover,:focus-visible) .play-icon{transform:translateX(5px)}
.menu{display:grid;grid-template-columns:1.5fr 1fr;column-gap:9%;overflow-y:auto;opacity:0;clip-path:inset(0 0 100%);transition:opacity .4s,clip-path .65s var(--ease-out);padding:155px 8% 50px}.menu.is-open{opacity:1;clip-path:inset(0)}.menu nav{align-self:start}.menu nav a{display:flex;align-items:center;font-size:clamp(34px,4.5vw,70px);line-height:1.2;padding:23px 0;gap:20px;transform:translateY(35px);opacity:0;transition:transform .75s var(--ease-out),opacity .4s,border-color .4s}.menu.is-open nav a{transform:translateY(0);opacity:1;transition-delay:calc(var(--menu-order,0)*65ms + 100ms)}.menu nav a:nth-child(2){--menu-order:1}.menu nav a:nth-child(3){--menu-order:2}.menu nav a:nth-child(4){--menu-order:3}.menu small{font:12px Arial;margin-right:0;color:#9da397}.menu-label{overflow:hidden;display:block;padding-bottom:.08em}.menu nav a:is(:hover,:focus-visible) .menu-label>span{transform:translateY(-110%)}.menu-arrow{font-family:Arial;font-size:26px;margin-left:auto;opacity:0;transform:translate(-15px,10px);transition:transform .55s var(--ease-out),opacity .4s}.menu nav a:is(:hover,:focus-visible) .menu-arrow{opacity:1;transform:translate(0,0)}.menu-preview{padding-top:15px;align-self:start;opacity:0;transform:translateY(35px);transition:transform .8s var(--ease-out),opacity .6s}.menu.is-open .menu-preview{opacity:1;transform:none;transition-delay:.2s}.menu-preview-image{aspect-ratio:4/3;overflow:hidden}.menu-preview img{width:100%;height:100%;object-fit:cover;transition:object-position 1.2s var(--ease-out),transform 1.2s var(--ease-out);transform:scale(1.08)}.menu-preview>span{display:block;font-size:11px;letter-spacing:.15em;margin-top:25px;color:#a5ada1}.menu .menu-preview-copy{font-size:16px;line-height:1.8;margin-top:18px}.menu .menu-credit{grid-column:1/-1;align-self:end;font-size:12px;color:#a5ada1}.menu-open .header{background:#161916}.menu-button[aria-expanded=true] i{border-bottom:0;height:1px;transform:rotate(45deg)}.menu-button[aria-expanded=true] i:after{content:'';display:block;width:28px;height:1px;background:currentColor;transform:rotate(90deg);margin-top:-1px}
.interlude>img{transform:translate3d(0,var(--interlude-y,0px),0) scale(1.4);will-change:transform}.vision-statement{transform:translate3d(var(--statement-x,0px),0,0);will-change:transform}
.site-footer{min-height:100svh;background:var(--paper);color:var(--ink);padding:40px 4.5% 25px;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:65px;overflow:hidden;border-top:0}.site-footer:before{content:'';position:absolute;inset:0 4.5%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(90deg,#10111012 0px,#10111012 1px,transparent 1px,transparent 25%);border-right:1px solid #10111012}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7%;padding:20px 0;position:relative}.footer-intro .eyebrow{font-size:11px;letter-spacing:.13em;margin:0 0 25px}.footer-intro>p:nth-child(2){font-size:22px;font-weight:300;margin:0 0 25px}.footer-intro>span{font-size:13px;color:#64695f}.footer-heading{font:400 24px var(--display);margin:0 0 20px}.footer-top nav{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-top nav .roll-link{font-size:15px;color:#64695f}.footer-film{align-self:start}.portfolio-footer{width:100%;height:150px}.portfolio-footer .portfolio-thumbnail{inset:0;clip-path:inset(0);opacity:1}.portfolio-footer .portfolio-label{position:absolute;inset:0;justify-content:center;border:0}.portfolio-footer .portfolio-thumbnail img{transform:scale(1)}.portfolio-footer:is(:hover,:focus-visible) .portfolio-thumbnail img{transform:scale(1.12)}.footer-film>p{font-size:11px;color:#64695f;line-height:1.8;letter-spacing:.05em}.footer-logo-window{overflow:hidden;margin-top:auto;padding-top:25px}.site-footer .footer-logo{max-width:none;width:100%;margin:0;transform:translate3d(0,var(--footer-logo-y,0px),0);opacity:var(--footer-logo-opacity,1);will-change:transform,opacity}.site-footer .footer-bottom{padding-top:22px;border-top:1px solid #10111025;color:#64695f;position:relative}.site-footer .footer-bottom>span:nth-child(2){font:400 18px var(--display)}
.film-open{overflow:hidden}.film-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;padding:0;margin:0;background:#0b0d0c;color:white;overflow:auto;opacity:0;transition:opacity .3s}.film-dialog[open].is-visible{opacity:1}.film-dialog::backdrop{background:#0b0d0cf2}.film-shell{min-height:100%;display:flex;flex-direction:column;padding:28px 3% 35px;gap:22px}.film-bar{display:flex;justify-content:space-between;align-items:center;gap:30px}.film-bar h2{font:400 28px var(--display);margin:0}.film-close{display:flex;align-items:center;gap:20px;border:0;background:none;padding:15px;font-size:14px}.close-cross{width:25px;height:25px;position:relative;transition:transform .45s var(--ease-out)}.close-cross:before,.close-cross:after{content:'';width:25px;height:1px;background:currentColor;position:absolute;top:12px;left:0;transform:rotate(45deg)}.close-cross:after{transform:rotate(-45deg)}.film-close:hover .close-cross{transform:rotate(90deg)}.film-stage{position:relative;width:100%;flex:1;min-height:0;display:grid;place-items:center;transform:translateY(25px) scale(.96);transition:transform .7s var(--ease-out);background:#080a09;overflow:hidden}.is-visible .film-stage{transform:none}.portfolio-video,.portfolio-embed{width:100%;height:100%;max-height:calc(100dvh - 140px);aspect-ratio:16/9;border:0;object-fit:contain}.film-stage [hidden]{display:none}.film-message{padding:65px 25px;text-align:center;font-size:20px;line-height:1.8}.film-message .eyebrow{font-size:11px;color:#a5ada1}
@media(max-width:1100px){.desktop-nav{gap:18px;margin-right:0;font-size:12px}.brand{width:175px}.portfolio-hero{width:165px}.menu{gap:6%}.menu nav a{font-size:42px}}
@media(max-width:800px){.desktop-nav{display:none}.menu{grid-template-columns:1fr;padding-top:125px}.menu-preview{display:none}.menu nav a{font-size:clamp(31px,7vw,55px)}.menu-credit{margin-top:40px}.footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-film{grid-column:1/-1;max-width:420px;width:100%}.site-footer{min-height:100svh}.portfolio-hero{right:7%;top:auto;bottom:140px;transform:none;width:165px}.hero-copy{bottom:35%}.hero-scroll{height:160svh;min-height:1030px}}
@media(max-width:600px){.hero{min-height:660px}.hero-copy{bottom:36%;left:7%}.hero-copy h1{font-size:clamp(62px,15.8vw,94px)}.portfolio-hero{bottom:140px;left:7%;right:auto;width:190px}.portfolio-thumbnail{inset:-45px 0;clip-path:inset(45px 0)}.portfolio-label{padding:16px 20px}.hero-bottom{bottom:27px}.site-footer{padding:40px 7% 25px;gap:55px}.footer-top{gap:30px}.footer-intro .eyebrow{font-size:10px}.footer-intro>p:nth-child(2){font-size:18px;line-height:1.7}.footer-top nav .roll-link{font-size:14px}.footer-heading{font-size:22px}.portfolio-footer{height:140px}.footer-film{max-width:none}.site-footer .footer-bottom>span:nth-child(2){display:none}.film-shell{padding:15px 4% 25px}.film-bar h2{font-size:25px}.film-message{font-size:16px}.portfolio-video,.portfolio-embed{max-height:calc(100dvh - 110px)}.film-stage{align-self:stretch}.menu nav a{padding:22px 0;gap:15px}}
@media(hover:none){.portfolio-hero .portfolio-thumbnail{inset:0;clip-path:inset(0);opacity:1}.portfolio-hero{min-height:70px}.portfolio-label{border-color:transparent}}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto;min-height:0}.hero{position:relative}.hero-transition{display:none}.hero-media,.hero-copy,.interlude>img,.vision-statement,.site-footer .footer-logo{transform:none!important;filter:none!important;opacity:1!important}.menu,.menu nav a,.menu-preview,.menu-preview img,.menu-label>span,.menu-arrow,.roll-link>span,.portfolio-thumbnail,.portfolio-thumbnail img,.film-dialog,.film-stage,.close-cross{transition:none!important}.hero-bottom,.portfolio-hero{opacity:1!important}}