*{box-sizing:border-box}
:root{--ink:#111;--muted:#6d6d6d;--paper:#f5f3ef;--line:rgba(17,17,17,.14);--accent:#8b2d83}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;background:linear-gradient(var(--paper),rgba(245,243,239,.02));backdrop-filter:blur(8px)}
.brand{color:inherit;text-decoration:none;font-size:13px;letter-spacing:.18em;font-weight:500}.brand span{color:var(--accent)}
nav{display:flex;gap:30px}nav a{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.menu-toggle{display:none;border:0;background:none;font-size:24px}
.hero{min-height:100vh;display:grid;grid-template-columns:45% 55%;align-items:center;padding:110px 5vw 50px;gap:5vw}
.hero-copy{max-width:540px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500;margin:0 0 22px;color:var(--muted)}
h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;line-height:.98;margin:0}
h1{font-size:clamp(60px,8vw,126px);letter-spacing:-.04em}h1 em,h2 em{font-style:italic}
.hero-text{max-width:410px;color:#555;line-height:1.7;margin:32px 0}
.button{display:inline-flex;gap:35px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ink);color:inherit;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.hero-art{height:78vh;display:flex;justify-content:center;align-items:center}.hero-art img{max-height:100%;max-width:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.section{padding:130px 5vw}.section-heading{display:grid;grid-template-columns:1fr 1.2fr .9fr;gap:5vw;align-items:end;margin-bottom:65px}.section-heading h2{font-size:clamp(55px,7vw,100px)}.section-heading>p:last-child{color:#666;line-height:1.7;max-width:350px}
.gallery{display:grid;grid-template-columns:1.25fr .75fr;gap:4vw;align-items:start}.work-card{margin:0}.image-button{position:relative;padding:0;border:0;background:none;display:block;width:100%;cursor:pointer;overflow:hidden}.image-button img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1);mix-blend-mode:multiply}.image-button:hover img{transform:scale(1.025)}.view{position:absolute;right:18px;bottom:18px;background:rgba(245,243,239,.92);padding:11px 14px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.35s}.image-button:hover .view{opacity:1;transform:none}.contextual{margin-top:130px}.work-meta{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:baseline;padding-top:14px;border-top:1px solid var(--line)}.work-meta span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.work-meta h3{font-family:"Playfair Display",serif;font-weight:400;font-size:24px;margin:0}
.statement{background:#111;color:#f5f3ef;padding:140px 12vw;display:grid;grid-template-columns:120px 1fr;gap:4vw}.statement .eyebrow{color:#aaa}.statement h2{font-size:clamp(55px,7vw,105px)}.large-copy{font-family:"Playfair Display",serif;font-size:clamp(25px,3vw,42px);line-height:1.25;max-width:900px;margin:55px 0 25px}.small-copy{color:#aaa;line-height:1.8;max-width:620px}.statement-number{font-size:11px;letter-spacing:.15em;color:#777}
.artist{display:grid;grid-template-columns:50% 50%;min-height:90vh}.artist-image{background:#ddd;display:flex;align-items:center;justify-content:center;overflow:hidden}.artist-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.artist-copy{padding:12vw 8vw;display:flex;flex-direction:column;justify-content:center}.artist-copy h2{font-size:clamp(55px,6vw,90px)}.artist-copy>p:not(.eyebrow){color:#666;line-height:1.8;max-width:510px;margin:38px 0}.facts{border-top:1px solid var(--line);max-width:510px}.facts div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0}.facts span{font-size:10px;letter-spacing:.12em;color:#777}.facts strong{font-size:12px;font-weight:500}
.contact{padding:150px 5vw;text-align:center}.contact h2{font-size:clamp(65px,10vw,150px)}.contact>p:not(.eyebrow){color:#666;margin:35px auto;line-height:1.7;max-width:450px}.contact-link{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:8px;font-size:13px;letter-spacing:.08em}
footer{display:flex;justify-content:space-between;padding:30px 5vw;border-top:1px solid var(--line);font-size:10px;letter-spacing:.1em;color:#777;text-transform:uppercase}
.modal{display:none;position:fixed;inset:0;z-index:50}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.85);backdrop-filter:blur(8px)}.modal-panel{position:absolute;inset:5vh 5vw;display:grid;grid-template-columns:65% 35%;background:var(--paper);overflow:auto}.modal-panel>img{width:100%;height:100%;object-fit:contain;background:#eee;mix-blend-mode:multiply}.modal-info{padding:8vw 5vw;align-self:center}.modal-info h2{font-size:clamp(40px,5vw,80px)}.modal-info p:last-child{color:#666;line-height:1.8}.modal-close{position:absolute;z-index:2;right:15px;top:10px;border:0;background:none;font-size:36px;cursor:pointer}
@media(max-width:800px){.site-header{padding:18px 6vw}.menu-toggle{display:block}nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--paper);padding:25px 6vw;flex-direction:column;gap:20px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:110px 6vw 60px;gap:40px}.hero-art{height:58vh;order:-1}.hero-copy{text-align:left}h1{font-size:60px}.section{padding:90px 6vw}.section-heading{grid-template-columns:1fr;gap:25px}.section-heading h2{font-size:60px}.gallery{grid-template-columns:1fr;gap:70px}.contextual{margin-top:0}.statement{padding:90px 8vw;grid-template-columns:1fr}.statement-number{display:none}.artist{grid-template-columns:1fr}.artist-image{height:70vh}.artist-copy{padding:90px 8vw}.contact{padding:100px 6vw}.contact h2{font-size:65px}footer{padding:25px 6vw;gap:20px;flex-direction:column}.modal-panel{inset:3vh 3vw;display:block}.modal-panel>img{height:60vh}.modal-info{padding:35px}.modal-info h2{font-size:48px}}
