:root{--paper:#f7f6f2;--ink:#252521;--muted:#85847b;--line:#d5d4cd}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;scrollbar-gutter:stable}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
::selection{background:#d9ddce}
p{line-height:1.7}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
a:hover{color:#777a6a}
.nav{height:82px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:rgba(247,246,242,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.wordmark{font-size:23px;font-weight:700;letter-spacing:-1.5px}
.wordmark span{font-size:12px;letter-spacing:1px;margin-left:10px;font-weight:400}
.nav nav{display:flex;gap:40px;font-size:12px}
.nav nav span{margin-left:9px}
.hero{padding:40px 4.2% 90px}
.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.8px;line-height:1.5}
.hero-top{display:flex;justify-content:space-between;margin-bottom:32px}
.hero h1{font-size:clamp(60px,11.7vw,200px);letter-spacing:-.075em;font-weight:500;line-height:.88;position:relative;z-index:2}
.name-dot{color:#95988b}
.hero-bottom{display:grid;grid-template-columns:1fr 1.75fr 36px;gap:30px;margin-top:42px;align-items:end}
.hero-note{padding-bottom:30px}
.hero-note p{font-family:Georgia,serif;font-size:clamp(25px,2.7vw,42px);line-height:1.2;letter-spacing:-1px}
.text-link{display:inline-flex;gap:46px;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-top:58px;font-size:11px}
.hero-visual img{display:block;width:100%;height:420px;object-fit:cover;object-position:50% 50%}
.hero-visual figcaption{display:flex;justify-content:space-between;font-size:12px;padding-top:12px;color:#6a6b61}
.hero-side{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;font-size:12px}
.section{padding:90px 4.2%;border-top:1px solid var(--line)}
.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}
.tiny{font-size:11px;color:#74746d}
.about{display:grid;grid-template-columns:1fr 3fr;gap:5%}
.about .section-label{align-items:start}
.about .section-label .tiny{display:none}
h2{font-size:clamp(40px,5vw,78px);font-weight:400;line-height:1.05;letter-spacing:-.055em}
.muted{color:var(--muted)}
.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:42px}
.about-columns p{font-size:15px;margin-bottom:18px;color:#62635b}
.about-columns .lead{font-size:19px;line-height:1.55;color:var(--ink)}
.biography h3{font-weight:400;margin:5px 0 24px}
.source-label{color:var(--muted);font-size:12px}
.editorial-quote{display:flex;gap:25px;margin-top:50px;border-top:1px solid var(--line);padding-top:32px}
.editorial-quote>span{font-family:Georgia,serif;font-size:65px;line-height:1}
.editorial-quote p{font-family:Georgia,serif;font-size:22px;line-height:1.5;max-width:650px}
.works-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:85px}
.works-title h2{font-size:clamp(64px,8vw,120px)}
em{font-family:Georgia,serif;font-weight:400}
.works-title p{font-size:12px;color:#73746b;margin-right:5%;margin-bottom:10px}
.collection{margin-top:90px}
.collection-heading{border-top:1px solid var(--ink);padding-top:20px;display:grid;grid-template-columns:1fr 3fr auto;align-items:baseline;margin-bottom:45px}
.collection-heading h3{font-size:clamp(32px,4vw,60px);font-weight:400;letter-spacing:-.04em}
.count{font-size:12px;color:var(--muted)}
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 8%}
.art-image{display:block;width:100%;border:0;padding:0;position:relative;cursor:zoom-in;background:#eeede8;overflow:hidden}
.art-image img{display:block;width:100%;height:auto;transition:transform .65s}
.art-image:hover img{transform:scale(1.018)}
.image-action{position:absolute;bottom:18px;right:18px;background:rgba(247,246,242,.92);padding:9px 13px;font-size:12px;opacity:0;transition:opacity .2s}
.art-image:hover .image-action,.art-image:focus-visible .image-action{opacity:1}
.art-caption{display:grid;grid-template-columns:26px 1fr;gap:10px;padding-top:25px}
.art-number{font-size:12px;color:var(--muted);padding-top:2px}
.art-caption .eyebrow{font-size:12px;color:#797a70;letter-spacing:1.3px}
h4{font-weight:400;font-size:26px;letter-spacing:-.7px;margin:10px 0 13px}
.details{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.description{font-size:15px;color:#696a61;margin:18px 0}
.enquire{font-size:12px;display:inline-flex;gap:25px;border-bottom:1px solid #bbbdb2;padding-bottom:6px}
.art-2{margin-top:165px}
.art-3{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:9%;margin-top:15px}
.art-3 .art-image img{aspect-ratio:1.24;object-fit:cover}
.art-3 .art-caption{padding-right:15%}
.collection-ii{margin-top:120px}
.art-5{margin-top:175px}
.collection-iii{margin-top:120px}
.art-6 .art-image img,.art-7 .art-image img{aspect-ratio:1;object-fit:cover}
.art-7{margin-top:90px}
.size-note{font-size:12px;color:var(--muted);margin-top:65px}
.philosophy{background:#eaece4;padding-top:65px;padding-bottom:65px}
.philosophy blockquote{font-size:clamp(32px,5.3vw,82px);line-height:1.15;letter-spacing:-.045em;max-width:1160px;margin:55px 0}
.statement-bottom{display:flex;justify-content:space-between;gap:35px;align-items:start}
.statement-bottom p{font-size:15px;max-width:420px;color:#62675c}
.contact-main{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;padding:20px 0 60px}
.contact-main h2{font-size:clamp(42px,5.4vw,82px)}
.contact-info>p{font-size:15px;color:#66685f;margin-bottom:28px}
.email{font-size:clamp(19px,2.2vw,34px);letter-spacing:-.7px;display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--ink)}
.social-links{display:flex;gap:50px;margin-top:26px}
.social-links a{font-size:12px}
.social-links .eyebrow{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}
footer{padding:35px 4.2% 25px;background:#24251f;color:var(--paper)}
.footer-name{font-size:min(7.55vw,145px);letter-spacing:-.06em;white-space:nowrap;font-weight:400;line-height:1.3}
footer a:focus-visible{outline-color:currentColor}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #4a4c42;padding-top:25px;margin-top:25px;font-size:12px;color:#b8bbae}
.lightbox{border:0;background:var(--paper);padding:55px 20px 20px;width:min(1000px,94vw);max-height:96dvh;text-align:center}
.lightbox::backdrop{background:#181a17d9;backdrop-filter:blur(5px)}
.lightbox img{height:75dvh;max-width:100%;object-fit:contain}
.lightbox p{font-size:12px;margin-top:12px}
.close-lightbox{position:absolute;top:15px;right:20px;background:none;border:0;cursor:pointer;padding:8px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:99;background:var(--ink);color:white;padding:15px}
.skip-link:focus{top:10px}
body.modal-open{overflow:hidden}
@media(min-width:1600px){body{max-width:1920px;margin:auto}
.hero-visual img{height:560px}
}
@media(max-width:900px){.about{grid-template-columns:1fr}
.about .section-label{margin-bottom:5px}
.about .section-label .tiny{display:block}
.hero-visual img{height:330px}
.hero-bottom{grid-template-columns:1fr 1.6fr;gap:25px}
.hero-side{display:none}
.collection-grid{gap:60px 5%}
.art-3 .art-caption{padding-right:0}
.contact-main{gap:5%}
.social-links{gap:25px}
.about-columns{gap:30px}
.section{padding-top:65px;padding-bottom:65px}
}
@media(max-width:600px){html{scroll-padding-top:75px}
.nav{height:66px;padding:0 6%}
.nav nav{gap:23px;font-size:11px}
.wordmark{font-size:21px}
.wordmark span{display:none}
.hero{padding:28px 6% 55px}
.hero-top{font-size:12px;letter-spacing:1px;margin-bottom:35px}
.hero-top>span:last-child{display:none}
.hero h1{font-size:11.2vw;letter-spacing:-.065em;line-height:.97}
.hero-bottom{display:flex;flex-direction:column;align-items:stretch;margin-top:30px;gap:25px}
.hero-visual{order:-1}
.hero-visual img{height:auto;aspect-ratio:1.05;object-fit:cover}
.hero-visual figcaption{font-size:12px}
.hero-note{display:flex;align-items:end;justify-content:space-between;padding:10px 0 0}
.hero-note p{font-size:24px}
.text-link{font-size:12px;gap:16px;margin-top:0}
.section{padding:50px 6%}
.section-label{margin-bottom:40px;gap:15px}
.eyebrow{font-size:12px}
.tiny{font-size:12px}
.about{gap:30px}
.about-columns{grid-template-columns:1fr;gap:25px;margin-top:30px}
.about-columns p{font-size:15px}
.about-columns .lead{font-size:19px}
.editorial-quote{margin-top:30px;gap:12px}
.editorial-quote p{font-size:20px}
.works-title{display:block;margin-bottom:50px}
.works-title h2{font-size:66px}
.works-title p{margin-top:22px}
.collection{margin-top:55px}
.collection-heading{grid-template-columns:1fr auto;gap:12px;margin-bottom:28px}
.collection-heading>.eyebrow{grid-column:1/-1}
.collection-heading h3{font-size:35px}
.collection-grid{display:block}
.artwork{margin:0 0 55px}
.art-3{display:block}
.art-2 .art-image,.art-5 .art-image{width:88%;margin-left:auto}
.art-3 .art-image img{aspect-ratio:1.2}
.art-caption{padding-top:20px;gap:7px;grid-template-columns:20px 1fr}
h4{font-size:25px}
.description{font-size:15px}
.details{font-size:12px}
.art-6 .art-image img,.art-7 .art-image img{aspect-ratio:1}
.size-note{margin-top:5px;max-width:290px}
.philosophy blockquote{font-size:37px;margin:35px 0}
.statement-bottom{display:block}
.statement-bottom p{margin-top:24px}
.contact-main{display:block;padding:0 0 15px}
.contact-main h2{font-size:46px}
.contact-info{margin-top:35px}
.email{font-size:23px}
.social-links{justify-content:space-between;gap:15px}
.footer-name{font-size:7.25vw}
footer{padding:25px 6%}
.footer-bottom{flex-wrap:wrap;gap:20px;font-size:12px}
.footer-bottom>span:nth-child(2){display:none}
.lightbox img{height:auto;max-height:74dvh}
.image-action{opacity:1;font-size:12px;padding:7px 9px;bottom:12px;right:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}


.hero-visual img{height:auto;aspect-ratio:1.08;object-fit:cover}
@media(min-width:901px){.hero-bottom{grid-template-columns:1fr 1.3fr 36px}
.hero-visual{max-width:760px}
}


.exhibition-note{margin-top:22px;color:#74746d;font-size:12px;letter-spacing:1.6px}@media(max-width:600px){.exhibition-note{margin-top:18px;font-size:12px;letter-spacing:1.2px}}

/* Comfortable hit areas without button backgrounds or new visual elements. */
.nav nav a,.wordmark{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.enquire,.text-link{min-height:44px;align-items:center;padding-top:10px;padding-bottom:10px}
.footer-bottom{align-items:center;flex-wrap:wrap;gap:16px}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.close-lightbox{min-height:44px;min-width:44px}
.social-links a{display:block;min-height:44px}
.section-label,.hero-visual figcaption{flex-wrap:wrap;gap:12px}
.details{flex-wrap:wrap;row-gap:8px}
@media(max-width:600px){
.nav nav{gap:16px;font-size:12px}
.hero-note{flex-wrap:wrap;gap:20px}
.hero-top{gap:12px;flex-wrap:wrap}
.social-links{flex-wrap:wrap;gap:24px}
.exhibition-note{letter-spacing:1px}
}