:root{--ink:#171612;--paper:#e9e4d9;--sand:#c9b89d;--line:rgba(23,22,18,.2);--display:"Playfair Display",Georgia,serif;--sans:"DM Sans",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);overflow-x:hidden}.site-header{height:76px;position:absolute;top:0;left:0;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#fff}.brand{color:inherit;text-decoration:none;font:700 16px/1 var(--sans);letter-spacing:-.8px}.brand em{font-family:var(--display);font-weight:500}.brand span{display:block;margin-top:5px;font:9px var(--mono);letter-spacing:1.5px}.site-header nav{display:flex;gap:33px}.site-header nav a,footer a{font:10px var(--mono);letter-spacing:1.1px;color:inherit;text-decoration:none;text-transform:uppercase}.menu-button{display:none}.hero{height:min(875px,100vh);min-height:640px;background:#302f27;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,7,.55),rgba(8,8,7,.05) 65%),linear-gradient(0deg,rgba(8,8,7,.32),transparent 35%)}.hero-copy{position:absolute;z-index:1;left:10vw;bottom:12vh;color:#fff}.eyebrow,.section-number{font:10px var(--mono);letter-spacing:1.35px;line-height:1.5}.hero h1{font:500 clamp(54px,7.8vw,118px)/.94 var(--display);letter-spacing:-.06em;margin:17px 0 32px}.hero h1 i,h2 i{font-weight:500}.text-link{font:11px var(--mono);letter-spacing:1px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding:0 0 8px}.text-link span{font-size:18px;margin-left:17px}.hero-credit{position:absolute;bottom:25px;right:5vw;color:#fff;font:9px var(--mono);letter-spacing:1px;transform-origin:right;writing-mode:vertical-rl}.section{padding:130px 10vw}.intro{display:grid;grid-template-columns:25% 1fr;gap:4vw}.section-number{margin:4px 0;color:rgba(23,22,18,.68)}h2{font:500 clamp(40px,5.3vw,77px)/1 var(--display);letter-spacing:-.055em;margin:0}.intro .lead{width:min(530px,100%);font-size:16px;line-height:1.75;margin:36px 0}.outline-link{display:inline-flex;gap:34px;border:1px solid var(--ink);padding:15px 18px;color:var(--ink);text-decoration:none;font:10px var(--mono);letter-spacing:.8px}.outline-link span{font-size:15px;margin-top:-3px}.work{padding-top:35px}.section-heading{display:grid;grid-template-columns:25% 1fr 130px;align-items:end;margin-bottom:58px}.work-count{font:10px var(--mono);letter-spacing:1px;margin:0;text-align:right}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.work-card{position:relative;overflow:hidden;background:#5f5c51;min-height:360px;cursor:zoom-in}.work-card:nth-child(1){grid-column:span 7;aspect-ratio:1.25}.work-card:nth-child(2){grid-column:span 5;aspect-ratio:.8;margin-top:12vw}.work-card:nth-child(3){grid-column:3/span 4;aspect-ratio:.74;margin-top:4vw}.work-card:nth-child(4){grid-column:7/span 6;aspect-ratio:1.18;margin-top:-7vw}.work-card:nth-child(5){grid-column:1/span 5;aspect-ratio:1.1;margin-top:2vw}.work-card:nth-child(6){grid-column:6/span 7;aspect-ratio:1.45;margin-top:11vw}.work-card img{height:100%;width:100%;object-fit:cover;display:block;filter:grayscale(1);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}.work-card:hover img{transform:scale(1.04);filter:grayscale(.25)}.card-info{position:absolute;inset:auto 0 0;padding:50px 24px 22px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.7));transform:translateY(100%);transition:transform .35s}.work-card:hover .card-info{transform:translateY(0)}.card-info b{display:block;font:500 19px var(--display)}.card-info span{font:9px var(--mono);letter-spacing:1px}.photo-mark{position:absolute;right:12px;top:12px;font:8px var(--mono);letter-spacing:.7px;color:rgba(255,255,255,.82);text-shadow:0 1px 4px #000}.manifesto{background:var(--ink);color:var(--paper);text-align:center;padding:145px 15vw}.manifesto .section-number{color:var(--sand)}blockquote{font:500 clamp(40px,5.7vw,80px)/1.1 var(--display);letter-spacing:-.055em;margin:42px auto;max-width:1050px}.signature{font:italic 22px var(--display);margin:0}.signature span{font:9px var(--mono);font-style:normal;letter-spacing:1px;margin-left:10px}.contact{display:grid;grid-template-columns:1fr 1fr;padding:0}.contact-image{height:680px;background:#777}.contact-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.contact-copy{padding:115px 8vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.mail-link{font:500 clamp(21px,3vw,39px) var(--display);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);margin:45px 0}.mail-link span{font-family:var(--sans)}.contact-copy>p:last-child{font:10px/1.7 var(--mono);letter-spacing:1px}footer{display:flex;justify-content:space-between;gap:20px;padding:23px 5vw;background:var(--ink);color:var(--paper);font:9px var(--mono);letter-spacing:.85px}.studio{position:fixed;z-index:10;top:0;right:0;width:min(460px,100%);height:100%;overflow:auto;background:#f2eee5;padding:35px;box-shadow:-10px 0 40px rgba(0,0,0,.3);transform:translateX(105%);transition:transform .35s ease}.studio.open{transform:translateX(0)}.studio-head{display:flex;align-items:flex-start;justify-content:space-between}.studio h2{font-size:37px}.close-studio{border:0;background:transparent;font:42px/1 var(--display);cursor:pointer}.studio-note{font-size:13px;line-height:1.6;margin:30px 0;color:#5b574f}.studio label{display:block;font:10px var(--mono);letter-spacing:.55px;margin:20px 0}.studio input{display:block;width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:11px 0 9px;font:14px var(--sans);outline:0}.file-label{border:1px dashed var(--ink);padding:16px!important}.file-label input{border:0;padding:10px 0 0}.or{position:relative;text-align:center;margin:25px 0;font:10px var(--mono);letter-spacing:1px}.or:before,.or:after{content:"";position:absolute;top:50%;width:42%;border-top:1px solid var(--line)}.or:before{left:0}.or:after{right:0}.or span{background:#f2eee5;padding:0 6px;position:relative;z-index:1}.upload-button{width:100%;border:0;background:var(--ink);color:var(--paper);padding:16px;font:10px var(--mono);letter-spacing:1px;cursor:pointer}.studio-actions{display:flex;justify-content:space-between;margin-top:30px}.studio-actions button{border:0;background:transparent;text-decoration:underline;font:10px var(--mono);cursor:pointer}.toast{position:fixed;z-index:20;left:50%;bottom:25px;transform:translate(-50%,150%);background:var(--ink);color:#fff;padding:13px 18px;font:11px var(--sans);transition:transform .3s;box-shadow:0 6px 16px rgba(0,0,0,.2)}.toast.show{transform:translate(-50%,0)}.reveal{animation:rise .8s both}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-width:700px){.site-header{height:63px;padding:0 6vw}.site-header nav{display:none;position:absolute;top:63px;left:0;width:100%;padding:20px 6vw;background:var(--ink);flex-direction:column;gap:20px}.site-header nav.open{display:flex}.menu-button{display:flex;align-items:center;gap:4px;background:transparent;border:0;color:#fff;padding:7px;cursor:pointer}.menu-button span{display:block;width:14px;border-top:1px solid}.menu-button b{font:9px var(--mono);letter-spacing:1px;margin-left:6px}.hero{min-height:620px;height:92vh}.hero-copy{left:7vw;bottom:11vh}.hero h1{font-size:57px}.section{padding:78px 7vw}.intro{display:block}.intro .section-number{margin-bottom:32px}.intro .lead{font-size:15px}.section-heading{display:block;margin-bottom:37px}.section-heading .section-number{margin-bottom:25px}.work-count{text-align:left;margin-top:25px}.gallery{gap:10px}.work-card{min-height:0!important;margin-top:0!important}.work-card:nth-child(1),.work-card:nth-child(4),.work-card:nth-child(6){grid-column:span 12}.work-card:nth-child(2),.work-card:nth-child(3),.work-card:nth-child(5){grid-column:span 6}.work-card:nth-child(1){aspect-ratio:1}.work-card:nth-child(2),.work-card:nth-child(3),.work-card:nth-child(5){aspect-ratio:.66}.work-card:nth-child(4),.work-card:nth-child(6){aspect-ratio:1.15}.card-info{transform:none;padding:45px 14px 13px}.card-info b{font-size:16px}.manifesto{padding:90px 7vw}blockquote{font-size:40px;margin:32px 0}.contact{display:block}.contact-image{height:400px}.contact-copy{padding:75px 7vw}.mail-link{font-size:24px;margin:35px 0}footer{flex-wrap:wrap;padding:22px 7vw}.hero-credit{right:4vw}.studio{padding:25px}}