@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Italiana';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/italiana-400.ttf) format('truetype');
}
:root{--paper:#eeede8;--ink:#262723;--muted:#77786f;--line:#cccdc4;--dark:#22241f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 'DM Sans',Arial,sans-serif}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #9b7b48;outline-offset:6px}button{border:0;background:none}img{max-width:100%;display:block}p{margin:0 0 24px}h1,h2,h3{font-weight:400;margin:0;line-height:1.08}h2{font-size:clamp(40px,4.4vw,70px);letter-spacing:-.055em}h3{font-size:22px;letter-spacing:-.025em}em{font-family:'Italiana',Georgia,serif;font-weight:400}::selection{background:#7a7e69;color:white}.eyebrow{font-size:12px;letter-spacing:.15em;line-height:1.6}.fine-print{font-size:13px;line-height:1.65;color:#707167}.muted{color:#8a8c80}.section{padding:110px 6%}.pill{display:inline-flex;gap:28px;align-items:center;justify-content:center;padding:15px 26px;border-radius:40px;background:#f5f5f0;color:var(--ink);font-size:14px;line-height:1.5;transition:background .25s,transform .25s;white-space:nowrap}.pill:hover{background:#d6d8cc;transform:translateY(-2px)}.pill.dark{color:var(--paper);background:var(--ink)}.pill.dark:hover{background:#535748}.pill[hidden]{display:none}.text-link{display:inline-flex;justify-content:space-between;gap:28px;border-bottom:1px solid;padding:10px 0;font-size:14px}.text-link:hover{color:#777e69}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip{position:fixed;z-index:100;top:5px;left:5px;padding:10px 20px;background:white;transform:translateY(-150%)}.skip:focus{transform:none}
header{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:120px;padding:0 3.2%;color:white}.brand{position:absolute;left:50%;transform:translateX(-50%);letter-spacing:.3em;font-size:13px;white-space:nowrap}.menu-button{width:50px;height:50px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-button span{height:1px;width:18px;background:#333;transition:width .2s}.menu-button:hover span{width:24px}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#535b50 url('assets/mountains.jpg') center/cover;color:white;padding:130px 3.2% 35px;display:flex;flex-direction:column;justify-content:center}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6);pointer-events:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#12231935 0%,#10211815 30%,#08100990 100%)}.hero-center{position:relative;text-align:center;margin:auto;width:100%;padding:30px 0}.hero-center .eyebrow{margin-bottom:22px;font-size:11px;letter-spacing:.2em}.hero h1{font-family:'DM Sans',Arial,sans-serif;font-weight:700;font-size:clamp(100px,17vw,270px);font-style:italic;line-height:1.02;letter-spacing:-.075em;padding-right:.09em}.hero-tagline{font-size:18px;letter-spacing:.01em;margin:18px 0 24px}.hero-cta{font-size:13px;border-bottom:1px solid #ffffff80;padding-bottom:8px;display:inline-block}.hero-cta span{margin-left:16px}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:end;gap:30px;width:100%;font-size:13px}.hero-bottom p{margin:0;line-height:1.7}.hero-control{display:flex;align-items:center;gap:20px;margin-left:auto}.demo-tag{font-size:10px;letter-spacing:.12em;opacity:.7}.hero-control button{border:1px solid #ffffff60;color:white;padding:9px 16px;border-radius:30px;font-size:12px;min-width:155px}.scroll-link{width:46px;height:46px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:21px}.intro{display:grid;grid-template-columns:1fr 2fr;padding-top:135px;padding-bottom:130px}.intro h2{font-size:clamp(50px,6vw,96px);margin-bottom:40px}.intro>div>p{max-width:580px;font-size:19px;line-height:1.7}.intro>.eyebrow{padding-top:13px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading .fine-print{margin:0 0 6px}.work{padding-top:20px}.filters{display:flex;gap:28px;flex-wrap:wrap;margin:50px 0 38px;border-bottom:1px solid var(--line);padding-bottom:18px}.filters button{font-size:14px;padding:6px 0;color:var(--muted);position:relative}.filters button.active{color:var(--ink)}.filters button.active:after{content:'';height:2px;position:absolute;bottom:-19px;left:0;right:0;background:var(--ink)}sup{font-size:10px;margin-left:4px;vertical-align:top}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:65px 32px;align-items:start}.project{padding:0;text-align:left;grid-column:span 7;min-width:0}.project.portrait{grid-column:span 5}.project:nth-child(2){margin-top:110px}.project:nth-child(4){margin-top:110px}.project.full{grid-column:span 12}.project[hidden]{display:none}.work-grid.filtered .project{grid-column:span 6;margin-top:0}.project-image{height:480px;overflow:hidden;position:relative;background:#d1d2c8}.portrait .project-image{height:620px}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.project:hover img{transform:scale(1.035)}.project-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0001 70%,#0003);pointer-events:none}.mono img{filter:grayscale(1)}.image-label{position:absolute;top:22px;left:22px;color:white;font-size:11px;letter-spacing:.12em;z-index:1;text-shadow:0 1px 8px #000}.view-project{position:absolute;right:20px;bottom:20px;z-index:1;background:#f4f3ecd9;padding:10px 17px;border-radius:24px;font-size:13px;opacity:0;transform:translateY(10px);transition:all .3s}.project:hover .view-project,.project:focus-visible .view-project{opacity:1;transform:none}.project-meta{margin-top:20px;display:flex;align-items:start;justify-content:space-between;gap:15px}.project-meta h3{font-size:20px;line-height:1.3}.project-meta>span{font-size:10px;letter-spacing:.08em;white-space:nowrap;padding-top:6px}.product-image{height:550px;background:#8fa640}.product-image img{object-position:50% 53%}
.reel{background:var(--dark);color:var(--paper);padding:100px 6% 50px}.reel-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:35px;align-items:start;margin-bottom:60px}.reel-heading h2{font-size:clamp(40px,4.4vw,70px)}.reel-heading>p:last-child{align-self:end;font-size:15px;color:#b8bbb0;margin:0}.reel-screen{position:relative;background:#161813;aspect-ratio:16/8;overflow:hidden}.reel-screen video{width:100%;height:100%;object-fit:cover}.reel-screen.playing{aspect-ratio:16/9}.reel-screen.playing video{object-fit:contain}#play-reel{position:absolute;inset:0;color:white;background:#0003;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:14px}#play-reel span{display:grid;place-items:center;width:90px;height:90px;font-size:36px;background:#f8f7ef;color:#333;border-radius:50%;padding-left:5px;transition:transform .3s}#play-reel:hover span{transform:scale(1.09)}#play-reel[hidden]{display:none}.reel-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;gap:15px;margin-top:20px;color:#b8bbb0}#video-status{margin:10px 0 0;font-size:14px}.services{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:140px;padding-bottom:140px}.service-intro{max-width:390px;margin-top:30px;color:#64665b}.service-list details{border-top:1px solid var(--line);padding:25px 0}.service-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:24px;font-size:25px;letter-spacing:-.04em}summary::-webkit-details-marker{display:none}summary span{font-size:12px;color:#8b8c82;letter-spacing:0}summary b{font-weight:400;margin-left:auto;font-size:25px}details[open] summary b{transform:rotate(45deg)}details p{margin:25px 0 15px 40px;color:#64665b}details small{display:block;margin-left:40px;font-size:10px;letter-spacing:.1em}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#ddded5;align-items:center;padding-top:110px;padding-bottom:110px}.about-picture{position:relative}.about-picture img{width:100%;height:680px;object-fit:cover;filter:grayscale(1)}.about-copy h2{margin-bottom:35px}.about-copy>p:not(.eyebrow){color:#606357}.about-copy .large-copy{font-size:21px;color:var(--ink)!important}.about-copy .text-link{margin-top:10px}.references{text-align:center;padding-top:85px;padding-bottom:75px;border-bottom:1px solid var(--line)}.logos{display:flex;gap:35px;align-items:center;justify-content:space-around;margin:45px 0 35px;font-size:24px;letter-spacing:.04em;font-weight:600;color:#676a5f}.serif-logo{font:italic 30px Georgia,serif}.thin-logo{font-weight:400}.references .fine-print{margin:0}.testimonials{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding-top:110px;padding-bottom:100px}.testimonials h2{font-size:42px}.quote{position:relative}.quote-mark{font:80px/1 Georgia,serif;color:#939782}.quote blockquote{font-size:29px;line-height:1.45;letter-spacing:-.025em;margin:0 0 25px}.quote>p{font-size:10px;letter-spacing:.1em;color:#777b6d}
.contact{background:#dfe2d5;padding-top:100px;padding-bottom:95px}.contact-top{text-align:center;margin-bottom:80px}.contact-top h2{font-size:clamp(64px,9vw,145px);margin:30px 0}.contact-top>p:last-child{color:#5b6052}.contact-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:12%;border-top:1px solid #b8bdad;padding-top:60px}.contact-note h3{font-size:30px;line-height:1.25;margin-bottom:20px}.contact-note>p{max-width:280px;color:#646c59}.contact-note .fine-print{display:block;margin-top:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}label{display:block;font-size:13px;color:#444c3a;margin-bottom:25px}label>span{color:#717966}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #a9b19d;background:transparent;padding:12px 0;color:#29301f;border-radius:0;font-size:16px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#747d69}.form-note{font-size:12px;color:#626a57;max-width:510px;margin-bottom:26px}#form-status{font-size:13px;margin-top:10px}footer{background:var(--dark);color:var(--paper);padding:55px 6% 25px}.footer-top{display:flex;align-items:center;gap:35px;border-bottom:1px solid #45493c;padding-bottom:45px}.footer-brand{font-size:clamp(22px,3vw,45px);letter-spacing:-.045em}.social{margin-left:auto;display:flex;gap:25px;font-size:13px}.social button{padding:8px 0}.back-top{width:45px;height:45px;border:1px solid #676b5f;border-radius:50%;display:grid;place-items:center}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#a9ae9f;padding-top:22px}.footer-bottom>div{display:flex;gap:20px}.footer-bottom button{font-size:11px;padding:5px 0}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-height:90svh;max-width:1000px;width:90%;overflow:auto}dialog::backdrop{background:#10130be6;backdrop-filter:blur(7px)}.close{position:absolute;top:20px;right:20px;width:45px;height:45px;font-size:29px;line-height:1;display:grid;place-items:center;background:var(--paper);border-radius:50%;z-index:10}.menu-dialog{width:min(650px,94%);padding:55px;max-height:94svh}.menu-dialog nav{display:flex;flex-direction:column;gap:16px;margin-top:40px}.menu-dialog nav a{font-size:clamp(30px,5vw,55px);line-height:1.3;letter-spacing:-.04em}.menu-dialog nav a:hover{color:#8a907e}.menu-dialog sup{font-size:12px;letter-spacing:0;margin-left:12px;vertical-align:middle}#detail-image{width:100%;max-height:65svh;object-fit:contain;background:#23261f}.detail-copy{padding:35px 45px}.detail-copy h2{font-size:40px;margin-bottom:25px}.detail-copy>p{max-width:700px}.info-dialog{max-width:720px;padding:55px}.info-dialog h2{font-size:42px;margin-bottom:30px;padding-right:20px}.info-dialog a:not(.pill){text-decoration:underline}.info-dialog li{margin-bottom:10px}.info-dialog label{margin-top:20px}.info-dialog textarea{padding:15px;border:1px solid var(--line);font-size:14px;background:#e6e7df}.info-dialog .pill{margin-top:10px}.info-dialog #copy-status{font-size:13px;margin-top:20px}
@media(min-width:1600px){.section,.reel{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}.project-image{height:590px}.portrait .project-image{height:730px}}
@media(max-width:1000px){.section{padding:85px 5%}.project-meta{flex-direction:column;gap:2px}.project-meta>span{padding-top:0}.project-image{height:360px}.portrait .project-image{height:480px}.reel-heading{grid-template-columns:1fr 2fr}.reel-heading>p:last-child{grid-column:2}.services,.about{gap:6%}.about-picture img{height:600px}.about-copy .large-copy{font-size:18px}.about-copy p{font-size:15px}.intro{grid-template-columns:1fr 2fr}.logos{font-size:19px}.serif-logo{font-size:24px}.footer-bottom>span:nth-child(2){display:none}.testimonials{gap:6%}.contact-layout{gap:7%}}
@media(max-width:700px){html{scroll-padding-top:20px}header{height:90px;padding:0 5%}.menu-button{width:42px;height:42px}.brand{font-size:10px;letter-spacing:.12em}header .pill{padding:12px 14px;font-size:11px;gap:6px}header .pill span{display:none}.hero{height:100svh;min-height:640px;padding:100px 6% 25px}.hero h1{font-size:28vw}.hero-center .eyebrow{font-size:9px;letter-spacing:.1em}.hero-tagline{font-size:16px}.hero-bottom{font-size:11px;align-items:center;gap:15px}.hero-control{gap:5px;flex-direction:column}.hero-control button{font-size:10px;min-width:135px;padding:8px 10px}.demo-tag{font-size:8px}.scroll-link{display:none}.section{padding:70px 6%}.eyebrow{font-size:10px}h2{font-size:43px}.intro{display:block;padding-top:80px;padding-bottom:65px}.intro>.eyebrow{margin-bottom:35px}.intro h2{font-size:55px}.intro>div>p{font-size:17px}.section-heading{display:block}.section-heading .fine-print{margin-top:25px;font-size:12px}.work{padding-top:15px}.filters{gap:13px 20px;margin-top:30px;margin-bottom:25px}.filters button{font-size:12px}.work-grid{display:block}.project,.project.portrait,.project.full,.project:nth-child(2),.project:nth-child(4){width:100%;margin:0 0 36px}.project-image{height:auto;aspect-ratio:1.15}.portrait .project-image{height:auto;aspect-ratio:4/5}.project-meta{flex-direction:row}.project-meta h3{font-size:17px}.project-meta>span{font-size:8px;max-width:100px;white-space:normal;text-align:right;padding-top:3px}.view-project{opacity:1;transform:none;font-size:11px;padding:8px 13px}.image-label{top:15px;left:15px;font-size:9px}.product-image{height:auto;aspect-ratio:1}.product-image img{object-position:center}.reel{padding:65px 6% 35px}.reel-heading{display:block;margin-bottom:35px}.reel-heading h2{font-size:46px;margin:30px 0}.reel-heading>p:last-child{font-size:14px}.reel-screen{aspect-ratio:4/3}.reel-caption{flex-direction:column;font-size:9px;gap:6px}#play-reel span{height:65px;width:65px;font-size:27px}.services{display:block}.service-list{margin-top:40px}summary{font-size:23px}.service-intro{font-size:16px}.about{display:flex;flex-direction:column;padding-top:55px;padding-bottom:65px;gap:45px}.about-picture{width:100%}.about-picture img{height:auto;aspect-ratio:4/5}.about-copy p{font-size:16px}.about-copy .large-copy{font-size:20px}.references{padding-top:55px;padding-bottom:45px}.logos{display:grid;grid-template-columns:1fr 1fr;gap:35px 20px;margin:35px 0;font-size:20px}.references .fine-print{font-size:11px}.testimonials{display:block}.testimonials h2{font-size:40px}.quote{margin-top:30px}.quote blockquote{font-size:24px}.quote>p{font-size:9px}.contact-top{text-align:left;margin-bottom:45px}.contact-top h2{font-size:64px;margin:25px 0}.contact-top>p:last-child{font-size:16px}.contact-top br{display:none}.contact-layout{display:block;padding-top:35px}.contact-note h3{font-size:26px}.contact-note .fine-print{margin-top:15px;margin-bottom:35px}.form-row{gap:20px;grid-template-columns:1fr}.form-row label{margin-bottom:22px}.contact label{font-size:13px}.contact textarea{min-height:110px}.contact .pill{width:100%}footer{padding:40px 6% 25px}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:30px}.footer-brand{font-size:29px;width:calc(100% - 70px)}.social{order:3;margin:0;font-size:12px}.back-top{margin-left:auto;order:2}.footer-bottom{flex-direction:column;align-items:start;gap:10px}.footer-bottom>div{gap:20px}.detail-copy{padding:30px 22px}.detail-copy h2{font-size:32px}.info-dialog{width:94%;padding:65px 25px 30px}.info-dialog h2{font-size:35px}.menu-dialog{padding:55px 30px 40px}.menu-dialog nav a{font-size:39px}.close{top:12px;right:12px}.work-grid.filtered .project{width:100%;margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.about-picture>img{height:auto;aspect-ratio:1;object-fit:cover;filter:none}.behind-scenes{position:relative;width:58%;margin:-65px -20px 0 auto;border:9px solid #ddded5}.behind-scenes img{height:auto;width:100%;aspect-ratio:4/5;object-fit:cover;filter:none}.behind-scenes figcaption{font-size:12px;letter-spacing:.1em;padding:12px 0 0;text-align:right;color:#606357}@media(max-width:700px){.about-picture>img{aspect-ratio:1;height:auto}.behind-scenes{width:55%;margin:-45px -8px 0 auto;border-width:7px}.behind-scenes img{height:auto;aspect-ratio:4/5}}

.logo-brand{width:180px;height:70px;overflow:hidden;display:block;mix-blend-mode:screen}.logo-brand img{width:300px;max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.logo-footer{position:relative;width:245px;height:105px;overflow:hidden;mix-blend-mode:screen}.logo-footer img{width:390px;max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media(max-width:700px){.logo-brand{width:118px;height:55px}.logo-brand img{width:195px}.logo-footer{width:230px;height:100px}}
.logo-brand{height:100px}.logo-footer{height:125px}@media(max-width:700px){.logo-brand{height:70px}.logo-footer{height:125px}}

.work-grid .project{grid-column:span 6;margin-top:0}.work-grid .project .project-image{height:470px}.work-grid .real-project .project-image{height:670px}.project-meta{flex-wrap:wrap}.project-meta>span{font-size:12px;white-space:normal}.image-label,.demo-tag,.eyebrow,.reel-caption,.quote>p,.filters button,details small,.hero-center .eyebrow{font-size:12px}#gallery-controls{display:flex;align-items:center;justify-content:center;gap:35px;padding:18px;background:#23261f;color:white}#gallery-controls[hidden]{display:none}#gallery-controls button{width:44px;height:44px;border:1px solid #767d6d;border-radius:50%;font-size:24px}#gallery-counter{font-size:14px;min-width:50px;text-align:center}#gallery-thumbs{display:flex;gap:8px;padding:15px;overflow-x:auto;background:#23261f}#gallery-thumbs:empty{display:none}#gallery-thumbs button{padding:0;flex:0 0 65px;opacity:.55;border:2px solid transparent}#gallery-thumbs button[aria-pressed="true"]{opacity:1;border-color:white}#gallery-thumbs img{height:80px;width:100%;object-fit:cover}@media(max-width:700px){.work-grid .project .project-image{height:auto;aspect-ratio:4/5}.project-meta>span{font-size:12px;max-width:none;text-align:left}.project-meta{flex-direction:column;gap:7px}.hero-center .eyebrow{font-size:12px}.hero-control .demo-tag{font-size:10px}}

.business{background:#e4e3dc}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:55px}.package{padding:38px;background:var(--paper);display:flex;flex-direction:column;border-top:1px solid #9d9c91}.package h3{font-size:36px}.package-price{font-size:43px;line-height:1.2;letter-spacing:-.04em;margin:25px 0 18px;color:#956c4b}.package ul{padding-left:19px;margin:0 0 28px;flex:1}.package li{margin-bottom:12px;font-size:16px;line-height:1.55}.package .text-link{align-self:start}.retainer{margin-top:35px;padding:45px;background:var(--dark);color:var(--paper);display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.retainer h3{font-size:30px;margin-bottom:20px}.retainer>div>p:last-child{margin-bottom:0}.retainer .package-price{color:#d2ab85;margin-top:0}.retainer small{font-size:18px;letter-spacing:0}.price-note{margin:25px 0 0}@media(max-width:700px){.package-grid{grid-template-columns:1fr;gap:24px;margin-top:35px}.package{padding:28px 22px}.package h3{font-size:30px}.package-price{font-size:38px}.retainer{grid-template-columns:1fr;gap:28px;padding:30px 24px}.retainer h3{font-size:26px}}
/* Horizontal project strip, based on the supplied gallery reference. */
.work{background:#080908;color:#f5f5ef;padding:65px 2% 85px}.work .section-heading{align-items:center}.work .section-heading>div{display:flex;align-items:center;gap:28px;width:100%}.work .section-heading>div:after{content:'';height:1px;background:#292b26;flex:1}.work .section-heading h2,.work .section-heading>.fine-print{display:none}.work .eyebrow{margin:0;font-size:12px;letter-spacing:.3em;white-space:nowrap}.work .filters{border-color:#292b26;gap:28px;margin:22px 0 30px;padding-bottom:12px}.work .filters button{color:#a8aca0;font-size:13px}.work .filters button.active{color:white}.work .filters button.active:after{background:white;bottom:-13px}.work-grid,.work-grid.filtered{display:flex;gap:5px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#5c6152 #171915;padding-bottom:18px}.work-grid .project,.work-grid.filtered .project{position:relative;flex:0 0 calc((100% - 25px)/6);min-width:225px;margin:0;scroll-snap-align:start;color:white;isolation:isolate;overflow:hidden}.work-grid .project .project-image,.work-grid .real-project .project-image{height:520px;aspect-ratio:auto}.work-grid .project .project-image:after{background:linear-gradient(180deg,#0003,#0004 45%,#000b);z-index:1}.work-grid .project:hover .project-image:after{background:linear-gradient(180deg,#0001,#0002 45%,#0009)}.work-grid .project-meta{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:28px;z-index:2;pointer-events:none;text-align:center}.work-grid .project-meta h3{font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-.04em;text-wrap:balance}.work-grid .project-meta>span{font-size:11px;letter-spacing:.1em;line-height:1.5;text-align:center;max-width:180px;color:#ddd;margin-top:13px}.work-grid .image-label{font-size:10px;top:22px;left:20px;right:20px;letter-spacing:.12em;opacity:.8;z-index:2}.work-grid .view-project{left:20px;right:20px;bottom:24px;padding:0;background:none;border-radius:0;color:white;opacity:1;transform:none;font-size:11px;letter-spacing:.18em;text-transform:uppercase;z-index:3}.work-grid .project[hidden]{display:none}.work-grid .project:focus-visible{outline:2px solid white;outline-offset:-3px}.work-grid .project img{object-position:50% 40%}@media(min-width:1900px){.work-grid .project .project-image{height:580px}}@media(max-width:1000px){.work-grid .project,.work-grid.filtered .project{flex-basis:31%;min-width:235px}.work-grid .project .project-image{height:460px}}@media(max-width:700px){.work{padding:45px 5% 55px}.work .section-heading>div{gap:16px}.work .eyebrow{font-size:10px;letter-spacing:.17em}.work .filters{gap:12px 22px;margin-top:20px}.work .filters button{font-size:12px}.work-grid .project,.work-grid.filtered .project{flex:0 0 78%;min-width:0;width:auto;margin:0}.work-grid .project .project-image{height:440px;aspect-ratio:auto}.work-grid .project-meta{padding:25px}.work-grid .project-meta h3{font-size:30px}.work-grid .project-meta>span{font-size:12px}.work-grid .view-project{font-size:12px}.work-grid .image-label{font-size:11px}}

/* Portrait film: retain the complete composition. */
.reel-screen,.reel-screen.playing{aspect-ratio:16/9;max-height:80vh}.reel-screen video{object-fit:contain;background:#080808}@media(max-width:700px){.reel-screen,.reel-screen.playing{aspect-ratio:9/16;max-height:none}}