@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#11120f;--muted:#72736b;--paper:#f4f2ec;--line:#d7d5cc;--accent:#b9d9d5;--serif:Fraunces,Georgia,serif;--sans:'DM Sans',Arial,sans-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}.grain{position:fixed;inset:0;pointer-events:none;opacity:.11;z-index:10;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='.18'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:28rem;height:28rem;left:calc(var(--mx,50vw) - 14rem);top:calc(var(--my,40vh) - 14rem);border-radius:50%;background:radial-gradient(circle,rgba(184,218,213,.3),transparent 65%);pointer-events:none;z-index:-1;transition:left .4s ease,top .4s ease}.sidebar{position:fixed;left:0;top:0;width:220px;height:100vh;padding:34px 30px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:5;background:rgba(244,242,236,.72);backdrop-filter:blur(14px)}.logo{color:var(--ink);text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.06em}.logo span{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid var(--ink);border-radius:50%;margin-right:7px}.availability{font-size:11px;color:var(--muted);line-height:1.4;margin:58px 0 38px}.availability i{display:inline-block;width:7px;height:7px;background:#6dba75;border-radius:50%;margin-right:5px}.sidebar nav{display:grid;gap:17px}.sidebar nav a{display:flex;justify-content:space-between;color:var(--ink);text-decoration:none;font-size:13px}.sidebar nav a:hover{opacity:.5}.sidebar nav b{font-weight:400;color:var(--muted);font-size:10px}.side-bottom{margin-top:auto;color:var(--muted);font-size:11px;line-height:1.5}.side-bottom small{font-size:10px}.section-pad{padding:110px 9vw;max-width:1500px;margin:auto}.hero{min-height:760px;margin-left:220px;display:grid;grid-template-columns:1fr .9fr;gap:7vw;align-items:center;padding-top:130px}.eyebrow,.card-index{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0 0 24px}.hero h1,h2{font:600 clamp(58px,7vw,118px)/.94 var(--serif);letter-spacing:-.065em;margin:0}.hero h1 em,h2 em{font-weight:600}.lead{max-width:450px;color:#4f5049;font-size:18px;line-height:1.55;margin:34px 0}.line-link{display:inline-flex;gap:18px;align-items:center;color:var(--ink);font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:7px}.line-link span{font-size:20px}.hero-art{position:relative;height:500px;transform:translate(var(--px,0),var(--py,0));transition:transform .25s ease}.hero-image{position:absolute;overflow:hidden;background:#d5dfd9;box-shadow:0 24px 55px rgba(38,46,38,.12)}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-image-main{width:72%;height:82%;right:4%;top:8%;transform:rotate(3deg)}.hero-image-float{width:39%;height:48%;left:1%;bottom:3%;transform:rotate(-7deg);border:10px solid var(--paper)}.hero-caption{position:absolute;right:0;bottom:-8px;font:italic 25px/1.05 var(--serif);text-align:right}.hero-caption span{font-style:normal;font-size:18px}.ticker{margin-left:220px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;white-space:nowrap;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.ticker span{display:inline-block;animation:marquee 28s linear infinite}.ticker span+span{margin-left:2rem}.work{margin-left:220px}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:55px}.section-intro h2{font-size:clamp(50px,6vw,92px)}.section-intro>p:last-child{max-width:300px;color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 5px}.filters{display:flex;gap:8px;margin-bottom:30px}.filter{background:none;border:1px solid var(--line);border-radius:99px;padding:9px 14px;font:inherit;font-size:11px;color:var(--muted);cursor:pointer}.filter span{margin-left:10px}.filter.active,.filter:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 22px}.work-card{min-width:0}.card-large{grid-column:span 2}.card-tall .thumb{aspect-ratio:4/5}.card-button{width:100%;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.thumb{position:relative;overflow:hidden;aspect-ratio:4/3;background:#dfe2d8;margin-bottom:16px}.thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.card-button:hover .thumb img{transform:scale(1.045);filter:saturate(1.08)}.play{position:absolute;left:16px;bottom:14px;background:var(--paper);padding:8px 10px;font-size:11px;opacity:0;transform:translateY(8px);transition:.3s}.card-button:hover .play{opacity:1;transform:none}.card-index{margin:0 0 9px;font-size:9px}.work-card h3{font:600 25px/1 var(--serif);letter-spacing:-.04em;margin:0 0 9px}.work-card>button>p:last-child{font-size:12px;color:var(--muted);margin:0}.work-card a{color:inherit}.about{margin-left:220px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px}.about .eyebrow{grid-column:1/-1}.about h2{font-size:clamp(55px,7vw,110px)}.about-text{max-width:330px;align-self:end;line-height:1.65;color:#575850;font-size:14px}.about-tags{grid-column:2;color:var(--muted);font-size:11px}.contact{margin-left:220px;min-height:550px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(65px,9vw,145px);margin-bottom:45px}.contact .eyebrow{margin-bottom:35px}footer{margin-left:220px;border-top:1px solid var(--line);padding-top:26px!important;padding-bottom:35px!important;display:flex;justify-content:space-between;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.modal{position:fixed;inset:0;display:none;place-items:center;padding:5vw;z-index:20}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(17,18,15,.78);backdrop-filter:blur(8px)}.modal-window{position:relative;z-index:1;width:min(1000px,94vw);max-height:92vh;overflow:auto;background:var(--paper);padding:22px}.modal-close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:30px;cursor:pointer;z-index:2}.modal-stage{display:flex;align-items:center;gap:12px;background:#deded7;min-height:350px}.modal-stage img{max-width:calc(100% - 100px);max-height:67vh;width:auto;height:auto;margin:auto;object-fit:contain}.gallery-arrow{border:1px solid rgba(17,18,15,.25);background:var(--paper);width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;flex:none}.gallery-arrow:hover{background:var(--ink);color:var(--paper)}.modal-video-wrap{width:100%;aspect-ratio:16/9}.modal-video-wrap iframe{width:100%;height:100%;border:0}.modal-info{padding:22px 5px 6px;display:grid;grid-template-columns:1fr auto;gap:5px 20px}.modal-info .eyebrow{grid-column:1/-1;margin-bottom:5px}.modal-info h2{font-size:40px}.modal-info p{color:var(--muted);font-size:13px;grid-column:1/-1}.modal-info a{color:var(--ink);font-size:12px}.modal-info #modal-count{color:var(--muted);font-size:12px;align-self:center}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}.work-card[hidden]{display:none}@keyframes marquee{to{transform:translateX(-100%)}}@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto;display:block;padding:20px 22px;border-right:0;border-bottom:1px solid var(--line)}.availability{position:absolute;right:22px;top:15px;margin:0;font-size:10px}.sidebar nav{display:flex;gap:18px;margin-top:22px}.side-bottom{display:none}.hero,.work,.about,.contact,footer,.ticker{margin-left:0}.section-pad{padding:78px 22px}.hero{min-height:auto;display:block;padding-top:80px}.hero h1{font-size:16vw}.hero-art{height:390px;margin-top:55px}.section-intro,.about{display:block}.section-intro h2{margin-bottom:25px}.about h2{margin-bottom:30px}.about-tags{margin-top:30px}.work-grid{grid-template-columns:1fr 1fr;gap:40px 14px}.card-large{grid-column:span 2}.work-card h3{font-size:20px}.modal{padding:12px}.modal-window{padding:10px}.modal-stage{min-height:200px}.modal-info h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
