:root{--paper:#eeeae2;--ink:#11110f;--red:#d8492f;--line:rgba(17,17,15,.2);--mono:'DM Mono',monospace;--sans:'Noto Sans SC',sans-serif;--serif:'Playfair Display',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}button,a{color:inherit}.nav{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:700;text-decoration:none;letter-spacing:-2px}.brand span{font:9px var(--mono);vertical-align:top;margin-left:3px}.nav nav{display:flex;gap:32px}.nav nav a,.nav-contact{font:12px var(--mono);text-decoration:none}.nav-contact{justify-self:end;border-bottom:1px solid}.hero{padding:9vh 3vw 6vw;min-height:calc(100vh - 84px);position:relative}.eyebrow,.section-index{font:11px var(--mono);text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(64px,10.4vw,166px);line-height:.83;letter-spacing:-.07em;margin:4vh 0 8vh;font-weight:500}.hero h1 span{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--red)}.hero-meta{display:flex;gap:6vw;font:12px/1.7 var(--mono);margin-left:50%}.hero-frame{margin-top:7vh;height:62vw;max-height:760px;position:relative;overflow:hidden;background:linear-gradient(135deg,#242b2c,#5f7776 38%,#dca16f 60%,#2d3030);isolation:isolate}.hero-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 66% 30%,rgba(255,229,174,.9),transparent 13%),linear-gradient(104deg,transparent 48%,rgba(8,14,15,.7) 49%,transparent 53%);mix-blend-mode:screen}.frame-light{position:absolute;width:42%;height:120%;left:18%;top:-10%;transform:skew(-17deg);background:linear-gradient(90deg,transparent,rgba(255,222,166,.75),transparent);filter:blur(25px)}.image-label,.image-note{position:absolute;z-index:2;font:10px var(--mono);color:#fff;top:20px}.image-label{left:20px}.image-note{right:20px}.scroll-note{position:absolute;right:3vw;top:50vh;writing-mode:vertical-rl;font:10px var(--mono)}.scroll-note span{margin-top:10px}.section-pad{padding:13vw 3vw}.statement{display:grid;grid-template-columns:1fr 3fr;border-top:1px solid var(--line)}.statement-text{font-size:clamp(30px,5vw,74px);line-height:1.25;letter-spacing:-.04em;margin:0}.serif{font-family:var(--serif);font-style:italic}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5vw}.section-head h2{font:500 clamp(48px,8vw,120px)/.9 var(--serif);font-style:italic;margin:1rem 0 0;letter-spacing:-.05em}.filters{display:flex;gap:20px}.filters button{background:none;border:0;padding:5px 0;font:11px var(--mono);cursor:pointer;opacity:.45}.filters button.active{opacity:1;border-bottom:1px solid}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:1.2vw}.work-card{border:0;min-height:32vw;position:relative;overflow:hidden;cursor:pointer;text-align:left;transition:transform .45s,opacity .3s;background:#555}.work-card:before,.lightbox-art:before{content:"";position:absolute;inset:0;transition:transform .7s;background:var(--art)}.work-card:hover:before{transform:scale(1.04)}.work-card.tall{grid-column:span 5;min-height:58vw}.work-card.wide{grid-column:span 7}.work-card.square{grid-column:span 5}.work-card:nth-child(4){grid-column:span 7}.work-card:nth-child(5){grid-column:6/span 5}.tone-1{--art:linear-gradient(150deg,#301e19,#b56f4a 42%,#e3ba8e 43%,#49504b 72%,#171918)}.tone-2{--art:linear-gradient(112deg,#223641 0 28%,#bbd0d2 29% 49%,#9f5938 50% 59%,#292c30 60%)}.tone-3{--art:radial-gradient(circle at 55% 40%,#f1d79b 0 13%,#a44826 14% 29%,#262a22 30% 48%,#c5b995 49%)}.tone-4{--art:linear-gradient(95deg,#10100f 0 38%,#c6aa8d 39% 57%,#501d1a 58% 76%,#d6c8aa 77%)}.tone-5{--art:linear-gradient(160deg,#9dbcc0 0 45%,#e5d7b9 46% 56%,#354a42 57% 68%,#b56548 69%)}.work-no{position:absolute;top:15px;left:15px;font:10px var(--mono);color:white}.work-info{position:absolute;left:0;right:0;bottom:0;padding:4rem 1rem 1rem;color:white;background:linear-gradient(transparent,rgba(0,0,0,.55));display:flex;justify-content:space-between;align-items:end}.work-info b{font-size:22px;font-weight:400}.work-info em{font:10px var(--mono);font-style:normal}.demo-note{font:10px/1.6 var(--mono);opacity:.55;margin-top:20px}.films{background:#10110f;color:#e9e5dc}.section-head.light>p{font:11px var(--mono);opacity:.55}.film-feature{display:grid;grid-template-columns:2.2fr 1fr;width:100%;background:transparent;border:0;color:inherit;padding:0;text-align:left;cursor:pointer}.film-visual{height:47vw;max-height:650px;position:relative;background:linear-gradient(172deg,#212d2e 0 32%,#9c6748 33% 43%,#263136 44% 67%,#080909 68%);overflow:hidden}.film-visual:after{content:"";position:absolute;width:45%;height:130%;left:42%;top:-15%;background:rgba(239,177,104,.3);filter:blur(30px);transform:skew(-20deg)}.film-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.9);color:#111;display:grid;place-items:center;padding-left:4px}.film-time{position:absolute;right:15px;bottom:15px;font:10px var(--mono)}.film-caption{padding:0 0 0 3vw;display:flex;flex-direction:column}.film-caption>span{font:10px var(--mono);opacity:.5}.film-caption h3{font-size:clamp(32px,4vw,64px);font-weight:400;line-height:1.05;margin:auto 0}.film-caption h3 i{font:italic 500 .8em var(--serif)}.film-caption p{font:11px/1.8 var(--mono);opacity:.55}.film-list{margin-top:8vw;border-top:1px solid rgba(255,255,255,.25)}.film-row{width:100%;display:grid;grid-template-columns:1fr 4fr 3fr 1fr;padding:28px 0;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.25);text-align:left;cursor:pointer}.film-row span,.film-row em,.film-row i{font:10px var(--mono);font-style:normal;opacity:.55}.film-row b{font-weight:400}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-portrait{height:62vw;max-height:790px;background:linear-gradient(150deg,#b8aa99,#5b4a40 46%,#252421 47% 63%,#92725e 64%);position:relative}.about-portrait:after{content:"";position:absolute;inset:20% 24% 0;border-radius:45% 45% 0 0;background:linear-gradient(#201c19,#886854 45%,#151514 46%)}.about-portrait span{position:absolute;z-index:2;left:15px;bottom:15px;font:10px var(--mono);color:white}.about-copy{padding-top:5vw}.about-copy h2{font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.05em;font-weight:400;margin:5vw 0}.about-copy>p{max-width:550px;font-size:16px;line-height:1.9;margin:0 0 1.5rem}.about-details{display:grid;grid-template-columns:1fr 1fr;margin:4vw 0;padding:2vw 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-details span{font:10px var(--mono);opacity:.55}.about-details p{font-size:13px;line-height:1.7}.text-link{display:inline-flex;gap:80px;border-bottom:1px solid;padding-bottom:8px;text-decoration:none;font:12px var(--mono)}.contact{background:var(--red);color:#f1eee7;padding:8vw 3vw 3vw}.contact h2{font-size:clamp(58px,11vw,160px);line-height:.9;letter-spacing:-.07em;font-weight:400;margin:8vw 0 5vw}.email{display:flex;justify-content:space-between;text-decoration:none;border-bottom:2px solid;padding-bottom:10px;font-size:clamp(20px,3vw,44px)}.contact-foot{margin-top:12vw;display:flex;justify-content:space-between;font:10px var(--mono)}.lightbox{border:0;padding:0;background:#10110f;color:white;width:94vw;max-width:none;height:92vh}.lightbox::backdrop{background:rgba(0,0,0,.82)}.lightbox-close{position:absolute;z-index:3;right:20px;top:10px;color:#fff;background:none;border:0;font-size:36px;cursor:pointer}.lightbox-art{position:absolute;left:0;top:0;bottom:0;width:72%;overflow:hidden}.lightbox-caption{position:absolute;left:76%;bottom:5%}.lightbox-caption h3{font-size:28px;font-weight:400}.lightbox-caption p{font:11px var(--mono);opacity:.5}.film-modal{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.93);color:white;display:grid;place-items:center}.film-modal[hidden]{display:none}.film-modal>button{position:absolute;right:3vw;top:2vw;background:none;color:#fff;border:0;font-size:40px}.film-modal>div{text-align:center}.film-modal span{display:grid;place-items:center;margin:auto;width:90px;height:90px;border:1px solid;border-radius:50%}.film-modal p{font-size:24px}.film-modal small{font:10px var(--mono);opacity:.5}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.cursor-dot{width:9px;height:9px;background:var(--red);border-radius:50%;position:fixed;z-index:999;pointer-events:none;transform:translate(-50%,-50%)}@media(max-width:760px){.cursor-dot{display:none}.nav{height:68px}.nav nav{display:none}.hero{padding-top:7vh}.hero h1{font-size:20vw;margin:4vh 0 7vh}.hero-meta{margin-left:0;justify-content:space-between}.hero-frame{height:110vw;margin-top:5vh}.scroll-note{display:none}.section-pad{padding:24vw 5vw}.statement{display:block}.statement .section-index{margin-bottom:12vw}.statement-text br{display:none}.section-head{display:block}.filters{margin-top:30px;overflow:auto}.gallery{display:block}.work-card,.work-card.tall,.work-card.wide,.work-card.square,.work-card:nth-child(4),.work-card:nth-child(5){width:100%;min-height:115vw;margin-bottom:4vw}.work-card.wide{min-height:70vw}.film-feature{display:block}.film-visual{height:75vw}.film-caption{padding:30px 0}.film-caption h3{margin:30px 0}.film-row{grid-template-columns:1fr 4fr 2fr}.film-row i{display:none}.about{display:block}.about-portrait{height:125vw}.about-copy{padding-top:18vw}.about-details{padding:7vw 0}.contact{padding:20vw 5vw 6vw}.contact-foot{display:block;line-height:2}.lightbox{width:100vw;height:100vh}.lightbox-art{width:100%;height:75%;bottom:auto}.lightbox-caption{left:20px;bottom:4%}}
