:root{--ink:#161610;--paper:#f1efe9;--sand:#d4c4af;--line:rgba(22,22,16,.18);--light:#f7f5ef;--serif:"Playfair Display",Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5}.grain{pointer-events:none;z-index:10;position:fixed;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.nav{align-items:center;display:flex;justify-content:space-between;padding:25px 3.6vw;position:absolute;top:0;left:0;width:100%;z-index:5;color:#fff}.wordmark{font-family:var(--mono);font-size:14px;letter-spacing:.11em}.wordmark span{font-size:9px;letter-spacing:.16em;margin-left:3px}.nav nav{align-items:center;display:flex;gap:29px;font-size:12px}.nav-cta{border:1px solid rgba(255,255,255,.55);border-radius:30px;padding:10px 16px}.nav-cta span,.button span{margin-left:15px}.menu-toggle{display:none;background:transparent;border:0;color:#fff;font:inherit}.hero{color:#fff;display:flex;min-height:100svh;overflow:hidden;position:relative;align-items:flex-end}.hero-media{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero-shade{background:linear-gradient(90deg,rgba(5,5,4,.68) 0%,rgba(5,5,4,.26) 51%,rgba(5,5,4,.08)),linear-gradient(0deg,rgba(5,5,4,.45),transparent 45%);inset:0;position:absolute}.hero-copy{max-width:850px;padding:0 7vw 12vh;position:relative;z-index:1}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.13em;margin:0 0 27px;text-transform:uppercase}.eyebrow span{background:currentColor;display:inline-block;height:1px;margin:0 9px 4px 0;width:22px}.on-dark{color:#f8f5ef}.hero h1,h2{font-family:var(--serif);font-size:clamp(53px,7.1vw,116px);font-weight:500;letter-spacing:-.055em;line-height:.91;margin:0}.hero h1 em,h2 em{font-weight:500}.hero-text{font-size:15px;line-height:1.6;max-width:435px;margin:31px 0}.hero-actions{align-items:center;display:flex;gap:27px}.button{border:1px solid transparent;display:inline-block;font-size:12px;padding:15px 19px;transition:.3s ease}.button-light{background:#f6f3eb;color:#14140f}.button:hover{transform:translateY(-2px)}.text-link{border-bottom:1px solid currentColor;font-size:12px;padding:6px 0}.text-link span{margin-left:16px}.hero-meta{bottom:29px;display:flex;font:9px var(--mono);justify-content:space-between;left:3.6vw;letter-spacing:.12em;position:absolute;right:3.6vw;text-transform:uppercase;z-index:2}.section-wrap{padding-left:7vw;padding-right:7vw}.intro{padding-bottom:156px;padding-top:158px}.intro-grid{display:grid;gap:9vw;grid-template-columns:1.25fr .75fr}.intro h2{font-size:clamp(45px,5vw,80px)}.large-copy{font-size:18px;line-height:1.6;margin:2px 0 32px;max-width:450px}.transform{background:var(--ink);color:#f4f1e9;padding-bottom:100px;padding-top:105px}.transform-heading h2{font-size:clamp(44px,5.4vw,87px)}.transform-frame{height:min(60vw,740px);margin-top:64px;overflow:hidden;position:relative}.transform-frame img,.transform-film{height:100%;object-fit:cover;position:absolute;width:100%}.transform-film{opacity:0;transition:opacity 1s ease}.transform-frame.playing .transform-film{opacity:1}.transform-overlay{align-items:flex-end;bottom:25px;display:flex;justify-content:space-between;left:25px;position:absolute;right:25px;z-index:2}.transform-overlay>span{background:rgba(15,15,13,.65);backdrop-filter:blur(8px);font:9px var(--mono);letter-spacing:.11em;padding:10px 12px;text-transform:uppercase}.play-control{background:#f7f5ef;border:0;border-radius:24px;color:#14140f;cursor:pointer;font:10px var(--sans);padding:12px 15px}.play-control span{font-size:9px;margin-right:7px}.transform-rule{background:#f3f0e9;bottom:0;cursor:ew-resize;left:50%;position:absolute;top:0;width:1px;z-index:3}.transform-rule span{background:#f3f0e9;border-radius:100%;height:10px;left:-5px;position:absolute;top:50%;width:10px}.transform-caption{display:flex;font:9px var(--mono);justify-content:space-between;letter-spacing:.11em;margin-top:16px;text-transform:uppercase}.section-top{align-items:baseline;display:flex;justify-content:space-between}.section-top>p:last-child{font-size:12px}.portfolio{padding-bottom:150px;padding-top:142px}.portfolio-grid{display:grid;gap:85px 24px;grid-template-columns:1fr 1fr;margin-top:66px}.project-wide{grid-column:span 2}.project-image{height:47vw;max-height:670px;overflow:hidden;position:relative}.project:not(.project-wide) .project-image{height:38vw;max-height:530px}.project-image img{height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1);width:100%}.project:hover img{transform:scale(1.045)}.project-mark{background:var(--paper);font:10px var(--mono);padding:9px;position:absolute;right:0;top:0}.project-info{align-items:baseline;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:15px 0}.project-info h3{font:500 24px var(--serif);letter-spacing:-.025em;margin:0}.project-info p{font:9px var(--mono);letter-spacing:.1em;margin:0;text-transform:uppercase}.benefits{background:#dfd3c1;padding-bottom:128px;padding-top:116px}.benefit-list{margin-top:58px}.benefit{border-top:1px solid rgba(22,22,16,.33);display:grid;grid-template-columns:.17fr 1fr .65fr;padding:25px 0 54px}.benefit span{font:10px var(--mono)}.benefit h3{font:500 clamp(30px,3.7vw,58px)/.98 var(--serif);letter-spacing:-.045em;margin:0}.benefit p{font-size:13px;max-width:270px;margin:3px 0}.partnerships{background:#1a1a14;color:var(--light);display:grid;gap:6vw;grid-template-columns:1fr 1.1fr;padding-bottom:115px;padding-top:125px}.partnership-copy h2{font-size:clamp(42px,4.3vw,70px)}.partnership-cards{display:grid;gap:1px;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.3);align-self:end}.partnership-cards article{background:#1a1a14;display:flex;flex-direction:column;min-height:340px;padding:26px}.partnership-cards span{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.partnership-cards h3{font:500 35px/.98 var(--serif);letter-spacing:-.04em;margin:68px 0 17px}.partnership-cards p{color:#d1cec3;font-size:12px;line-height:1.55;margin:0;max-width:230px}.partnership-cards a{border-bottom:1px solid #99978f;font-size:11px;margin-top:auto;padding-bottom:8px}.partnership-cards a span{float:right}.process{padding-bottom:139px;padding-top:129px}.process ol{list-style:none;margin:60px 0 0;padding:0}.process li{border-top:1px solid var(--line);display:grid;grid-template-columns:.17fr 1fr 1fr;padding:23px 0 33px}.process li>span{font:10px var(--mono)}.process h3{font:500 clamp(31px,3.6vw,54px)/.95 var(--serif);letter-spacing:-.04em;margin:0}.process p{font-size:13px;line-height:1.6;margin:2px 0;max-width:320px}.inquiry{background:#171712;color:#f6f4ed;display:grid;grid-template-columns:.9fr 1.1fr}.inquiry-image{min-height:920px;overflow:hidden}.inquiry-image img{height:100%;object-fit:cover;width:100%;filter:brightness(.72) saturate(.8)}.inquiry-panel{padding:112px 9vw 105px}.inquiry h2{font-size:clamp(44px,4.9vw,75px)}.inquiry-lede{color:#d0cec5;font-size:13px;margin:28px 0 40px}.field-row{display:grid;gap:14px;grid-template-columns:1fr 1fr}form label{display:block;font-size:10px;letter-spacing:.08em;margin:0 0 18px;text-transform:uppercase}input,select,textarea{background:transparent;border:0;border-bottom:1px solid rgba(246,244,237,.4);border-radius:0;color:#fff;display:block;font:13px var(--sans);margin-top:7px;outline:none;padding:8px 0;width:100%}select option{color:#161610}textarea{resize:vertical}.consent{align-items:flex-start;display:flex;gap:10px;font-size:10px!important;letter-spacing:0!important;text-transform:none!important}.consent input{appearance:none;border:1px solid rgba(246,244,237,.7);height:14px;margin:2px 0 0;width:14px;flex:0 0 auto}.consent input:checked{background:#f6f4ed;box-shadow:inset 0 0 0 3px #171712}.button-dark{background:#f5f2ea;color:#14140f;cursor:pointer;margin-top:7px}.form-note,.form-success{color:#b9b7af;font-size:10px;line-height:1.5;margin:17px 0 0}.form-success{color:#f7f4ec;min-height:16px}footer{align-items:center;background:#10100d;color:#f6f4ed;display:grid;gap:25px;grid-template-columns:1fr 2fr 1fr;padding:29px 3.6vw}footer p,footer a{font-size:11px;margin:0}footer>a{text-align:right}footer small{font:8px var(--mono);grid-column:1/-1;opacity:.65;text-transform:uppercase;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:700px){.nav{padding:20px 20px}.menu-toggle{display:block;font:10px var(--mono);text-transform:uppercase}.nav nav{background:#171712;display:none;flex-direction:column;left:0;padding:25px 20px;position:absolute;top:64px;width:100%;align-items:flex-start}.nav nav.open{display:flex}.hero-copy{padding:0 24px 105px}.hero h1{font-size:52px}.hero-text{font-size:13px;max-width:330px}.hero-meta{bottom:21px;left:20px;right:20px}.section-wrap{padding-left:24px;padding-right:24px}.intro{padding-bottom:90px;padding-top:95px}.intro-grid,.partnerships{display:block}.intro h2{font-size:44px;margin-bottom:28px}.large-copy{font-size:16px}.transform{padding-bottom:55px;padding-top:76px}.transform-heading h2{font-size:40px}.transform-frame{height:80vw;margin-top:40px}.transform-overlay{align-items:flex-start;gap:10px;flex-direction:column;left:13px;right:13px;bottom:13px}.transform-caption{font-size:7px}.portfolio{padding-bottom:92px;padding-top:84px}.section-top{align-items:flex-start;flex-direction:column}.section-top>p:last-child{margin:0}.portfolio-grid{display:block;margin-top:39px}.project{margin-bottom:46px}.project-wide{grid-column:auto}.project-image,.project:not(.project-wide) .project-image{height:84vw}.project-info h3{font-size:21px}.project-info p{font-size:7px}.benefits{padding-bottom:74px;padding-top:72px}.benefit{display:grid;grid-template-columns:45px 1fr;padding-bottom:28px}.benefit h3{font-size:35px}.benefit p{grid-column:2;margin-top:15px}.partnerships{padding-bottom:24px;padding-top:78px}.partnership-copy h2{font-size:40px;margin-bottom:48px}.partnership-cards{display:block}.partnership-cards article{border-bottom:1px solid rgba(255,255,255,.3);min-height:280px}.partnership-cards h3{margin-top:48px}.process{padding-bottom:76px;padding-top:76px}.process ol{margin-top:39px}.process li{grid-template-columns:45px 1fr;padding-bottom:24px}.process p{grid-column:2;margin-top:15px}.process h3{font-size:36px}.inquiry{display:block}.inquiry-image{min-height:66vw}.inquiry-panel{padding:74px 24px}.inquiry h2{font-size:42px}.field-row{display:block}footer{align-items:start;display:flex;flex-direction:column;padding:28px 20px}footer>a{text-align:left}footer small{margin-top:20px}.reveal{opacity:1;transform:none}}
/* Interactive comparison and film studies */
.study-wide{grid-column:span 2}.study-frame{height:38vw;max-height:530px;overflow:hidden;position:relative}.study-wide .study-frame{height:47vw;max-height:670px}.study-frame>img,.study-frame video{height:100%;object-fit:cover;position:absolute;width:100%}.study-film{clip-path:inset(0 0 0 var(--split));height:100%;inset:0;position:absolute}.study-film video{display:block}.study-line{background:#f5f2eb;bottom:0;left:var(--split);position:absolute;top:0;width:1px;z-index:2}.study-line::after{background:#f5f2eb;border-radius:50%;content:"";height:12px;left:-6px;position:absolute;top:50%;width:12px}.study-label{background:rgba(18,18,15,.7);bottom:14px;color:#f5f2eb;font:9px var(--mono);letter-spacing:.1em;padding:8px 10px;position:absolute;text-transform:uppercase;z-index:4}.source-label{left:14px}.film-label{right:14px}.study-range{appearance:none;background:transparent;border:0;cursor:ew-resize;height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:3}.study-range::-webkit-slider-thumb{appearance:none;background:transparent;border:0;height:42px;width:42px}.study-range::-moz-range-thumb{background:transparent;border:0;height:42px;width:42px}@media(max-width:700px){.study{margin-bottom:46px}.study-wide{grid-column:auto}.study-frame,.study-wide .study-frame{height:84vw}.study-label{font-size:7px;padding:7px}.film-label{display:none}}
.transform-overlay{z-index:7!important}
.transform-frame img,.transform-film{height:100%;object-fit:cover;position:absolute;width:100%}.transform-film-wrap{clip-path:inset(0 0 0 var(--split));height:100%;inset:0;position:absolute}.transform-film{display:block;opacity:1}.transform-overlay{z-index:5}.after-label{margin-left:auto;margin-right:12px}.transform-rule{cursor:ew-resize;left:var(--split);z-index:4}.transform-rule span{height:13px;left:-6px;width:13px}.compare-range{appearance:none;background:transparent;border:0;cursor:ew-resize;height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:6}.compare-range::-webkit-slider-thumb{appearance:none;background:transparent;border:0;height:45px;width:45px}.compare-range::-moz-range-thumb{background:transparent;border:0;height:45px;width:45px}.project{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.project-image{display:block}.project-image video{height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .45s ease;width:100%}.project:hover .project-image video,.project:focus-visible .project-image video{opacity:1}.project-play{background:#f4f0e8;bottom:14px;color:#151510;font:9px var(--mono);left:14px;letter-spacing:.08em;opacity:0;padding:9px 11px;position:absolute;text-transform:uppercase;transform:translateY(4px);transition:.3s ease}.project:hover .project-play,.project:focus-visible .project-play{opacity:1;transform:none}.project-play b{font-size:12px;margin-left:7px}.project-info{width:100%}.project-title{font:500 24px var(--serif);letter-spacing:-.025em}.project-info>span:last-child{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.film-modal{background:#151510;border:0;color:#f5f2ea;max-height:100vh;max-width:100vw;padding:0;width:100vw}.film-modal::backdrop{background:rgba(8,8,7,.85);backdrop-filter:blur(8px)}.modal-content{margin:auto;max-width:1080px;padding:9vh 4vw 7vh}.modal-content h2{font-size:clamp(48px,7vw,92px);margin-bottom:38px}.modal-content video{background:#000;display:block;max-height:69vh;width:100%}.modal-content>p:last-child{color:#bbb9af;font-size:11px;margin-top:16px}.modal-close{background:none;border:0;color:#f4f1e9;cursor:pointer;font:10px var(--mono);letter-spacing:.1em;position:absolute;right:4vw;top:28px;text-transform:uppercase;z-index:2}.modal-close span{font-size:17px;margin-left:8px}@media(max-width:700px){.after-label{display:none}.transform-overlay{align-items:flex-start;gap:10px;flex-direction:column;left:13px;right:13px;bottom:13px}.play-control{align-self:flex-end}.project-info{align-items:flex-start;gap:7px;flex-direction:column}.project-title{font-size:21px}.project-play{opacity:1;transform:none}.modal-content{padding:90px 20px 35px}.modal-close{right:20px}.modal-content h2{font-size:47px}}