/*
Theme Name: Benxin Art Collection
Description: Bespoke blue and gold gallery, eight collections, connected catalogue and enquiries.
Version: 1.0.0
Author: Benxin Art Collection
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;450;500;600&display=swap');
:root{--paper:#faf9f6;--ink:#252823;--muted:#686b62;--line:#d9dbd2;--accent:#777052;--serif:'Cormorant Garamond',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);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}.announcement{text-align:center;background:#292e28;color:#eeeede;font-size:11px;letter-spacing:.2em;padding:9px 18px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:30px}.brand{font-family:var(--serif);font-size:39px;line-height:1;letter-spacing:.12em;display:inline-block}.brand span{display:block;font-family:var(--sans);font-size:9px;font-weight:500;letter-spacing:.35em;text-align:center;margin-top:10px}.header nav{display:flex;gap:36px;font-size:14px}.header nav a{position:relative;padding:10px 0}.header nav a.active:after{content:'';position:absolute;height:1px;background:var(--ink);bottom:2px;left:0;right:0}.header-cta{font-size:14px;border-bottom:1px solid var(--ink);padding:7px 0}.header-cta span{margin-left:32px}.menu-toggle{display:none}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:500;text-transform:uppercase;display:block}.hero{display:grid;grid-template-columns:43% 57%;min-height:630px;max-width:1800px;margin:auto;padding:38px 3% 38px 5%;gap:0}.hero-copy{padding:58px 35px 48px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,6.5vw,112px);line-height:.99;letter-spacing:-.045em;margin:30px 0 26px}.hero h1 em{font-weight:400;color:var(--accent)}.hero-copy p{max-width:335px;color:var(--muted);margin:0 0 30px;font-size:15px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:#2e332c;color:white;padding:15px 24px;border:1px solid #2e332c;font-size:13px;min-height:52px;transition:background .2s}.button:hover{background:#515a48}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.button.light:hover{background:#eeeee7}.hero-bottom{font-size:11px;letter-spacing:.12em;margin-top:53px;display:flex;align-items:center;gap:16px}.hero-bottom:before{content:'';width:33px;height:1px;background:#8d917e}.hero-visual{position:relative;background:#e3e2dc;min-height:600px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;color:white;font-size:12px;z-index:1;gap:15px}.hero-caption span{max-width:70%}.hero-visual:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008)}.hero-caption a{border-bottom:1px solid #fff9}.values{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:23px 8%;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.values span:not(:first-child):before{content:'✦';font-size:10px;color:#95977f;margin-right:35px}.section{padding:94px 5%;max-width:1800px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:37px;gap:24px}h2{font:400 clamp(40px,4.2vw,67px)/1.08 var(--serif);letter-spacing:-.025em;margin:17px 0 0}h2 em{font-weight:400}p{line-height:1.8}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:7px;white-space:nowrap}.text-link span{margin-left:25px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}.product-card .image-wrap{position:relative;overflow:hidden;background:#e6e6df;aspect-ratio:1/1.08}.product-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.product-card:hover img{transform:scale(1.025)}.product-card .image-wrap .view{position:absolute;right:15px;bottom:15px;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:var(--paper);font-size:20px}.product-meta{display:flex;justify-content:space-between;gap:12px;margin-top:17px;align-items:baseline}.product-meta h3{font:400 27px/1.2 var(--serif);margin:0}.product-meta span{font-size:11px;color:var(--muted)}.product-card .sub{font-size:12px;color:var(--muted);margin-top:7px;display:flex;justify-content:space-between;gap:10px}.story{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#eeeee7;margin:0 5%;max-width:none}.story-image{min-height:570px}.story-image img{width:100%;height:100%;object-fit:cover}.story-copy{padding:80px 13%;display:flex;flex-direction:column;align-items:start;justify-content:center}.story-copy h2{margin-bottom:27px}.story-copy p{color:var(--muted);font-size:15px;max-width:400px;margin:0 0 30px}.spaces{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.space{position:relative;height:410px;overflow:hidden;background:#ddd}.space img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.space:hover img{transform:scale(1.025)}.space:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}.space-label{position:absolute;bottom:27px;left:27px;right:27px;z-index:1;color:white;display:flex;align-items:center;justify-content:space-between;font:400 34px var(--serif)}.invitation{text-align:center;background:#2b3029;color:#f9f8f1;padding:85px 24px}.invitation .eyebrow{color:#bcc0ad}.invitation h2{margin:20px 0 24px;font-size:clamp(42px,5vw,74px)}.invitation p{color:#d0d3c5;font-size:15px;margin:0 auto 28px;max-width:470px}.invitation .button{background:#efeee5;color:#272b22;border-color:#efeee5}.invitation .button:hover{background:#d2d4c2}footer{padding:65px 5% 0}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:45px;padding-bottom:60px}.footer-top>.brand{align-self:start}.footer-top p{font:400 26px/1.35 var(--serif);margin:0}.footer-top>div{display:flex;flex-direction:column;align-items:start;gap:9px;font-size:13px}.footer-top .eyebrow{margin-bottom:12px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.page-intro{padding:70px 5% 45px}.page-intro h1{font:400 clamp(54px,6vw,88px)/1.05 var(--serif);letter-spacing:-.04em;margin:20px 0}.page-intro p{max-width:630px;color:var(--muted);font-size:15px}.catalog-section{padding-top:10px}.filters{display:flex;gap:12px;border-block:1px solid var(--line);padding:20px 0;margin-bottom:32px;align-items:center;flex-wrap:wrap}.filters input,.filters select{background:transparent;border:1px solid var(--line);padding:11px 13px;font-size:14px;min-width:200px;color:var(--ink)}.filters input{flex:1}.result-count{font-size:12px;color:var(--muted);margin-bottom:22px}.pagination{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:50px}.pagination button{padding:10px 24px;border:1px solid var(--line);background:none}.pagination button:disabled{opacity:.35}.pagination span{font-size:13px}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:45px 5% 90px}.detail .detail-image{width:100%;height:auto;max-height:850px;object-fit:contain;background:#e9e9e2}.detail-content{padding:45px 0}.detail-content h1{font:400 clamp(45px,5vw,72px)/1.1 var(--serif);margin:20px 0}.detail-content p{color:var(--muted)}.specs{margin:32px 0}.specs div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;gap:20px}.specs dt{color:var(--muted)}.specs dd{margin:0;text-align:right}.breadcrumb{padding:25px 5% 0;font-size:12px;color:var(--muted)}.thumbs{display:flex;gap:12px;margin-top:16px}.thumbs button{width:85px;border:1px solid var(--line);padding:0;background:none}.thumbs img{aspect-ratio:1;object-fit:cover}.about-opening{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:0}.about-opening img{width:100%;max-height:680px;object-fit:cover}.about-opening p{color:var(--muted)}.about-opening h2{margin-bottom:30px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;padding-block:30px 0}.principles article{border-top:1px solid var(--line);padding-top:25px}.principles h3{font:400 30px var(--serif)}.principles p{font-size:14px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;padding:0 5% 90px}.contact-aside h2{font-size:40px;margin-top:0}.contact-aside p{font-size:15px;color:var(--muted)}.contact-aside details{border-top:1px solid var(--line);padding:20px 0;font-size:14px}.contact-aside summary{cursor:pointer}.contact-aside details p{font-size:13px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:26px}.field{display:flex;flex-direction:column;gap:9px;font-size:13px}.field input,.field select,.field textarea{border:0;border-bottom:1px solid #a8ad9c;background:transparent;padding:12px 0;color:var(--ink);border-radius:0;width:100%;font-size:15px}.field textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.consent{font-size:12px;display:flex;gap:12px;align-items:start;color:var(--muted)}.consent input{margin-top:4px;accent-color:#2b3029}.contact-form .button{justify-self:start}.form-status{font-size:14px;padding:15px;background:#eeeede;margin:0}.form-status:empty{display:none}.privacy{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.empty{padding:70px 0;text-align:center}.skip{position:absolute;top:-80px;left:20px;background:white;padding:10px;z-index:99}.skip:focus{top:10px}
@media(min-width:1600px){.hero{min-height:750px}.hero-visual{min-height:680px}}@media(max-width:1000px){.header{height:96px}.header nav{gap:20px}.hero{grid-template-columns:45% 55%;min-height:540px}.hero-copy{padding-top:30px}.hero h1{font-size:73px}.hero-visual{min-height:530px}.hero-bottom{margin-top:30px}.hero-caption{left:15px;right:15px;bottom:16px}.hero-caption a{white-space:nowrap}.values{padding:22px 5%;font-size:10px}.values span:not(:first-child):before{margin-right:12px}.story-image{min-height:480px}.story-copy{padding:50px 10%}.space{height:340px}.footer-top{gap:28px}.contact-layout{gap:7%}}
@media(max-width:700px){.announcement{font-size:9px}.header{height:88px;padding:0 6%}.brand{font-size:33px}.brand span{font-size:8px}.header-cta{display:none}.menu-toggle{display:flex;align-items:center;gap:20px;border:0;background:none;font-size:13px;padding:10px 0}.header nav{display:none;position:absolute;top:121px;left:0;right:0;background:var(--paper);padding:25px 6%;z-index:5;border-bottom:1px solid var(--line);flex-direction:column;gap:7px}.header nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:0 6% 24px}.hero-copy{padding:40px 0 32px}.hero h1{font-size:clamp(56px,19vw,76px);margin:20px 0}.hero-copy p{max-width:360px;font-size:14px;margin-bottom:24px}.hero-bottom{display:none}.hero-visual{min-height:0;aspect-ratio:1.03}.hero-caption{font-size:10px}.values{flex-wrap:wrap;justify-content:center;gap:12px 20px;font-size:9px;padding:20px 6%}.values span:not(:first-child):before{display:none}.section{padding:62px 6%}.section-head{align-items:start;gap:18px}.section-head h2{font-size:43px}.section-head>.text-link{font-size:11px;margin-top:15px}.section-head>.text-link span{margin-left:5px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.featured-grid .product-card:last-child{display:none}.product-card .image-wrap{aspect-ratio:.78}.product-meta{display:block;margin-top:12px}.product-meta h3{font-size:23px}.product-meta>span{display:none}.product-card .sub{font-size:10px;flex-direction:column;gap:0}.product-card .view{display:none!important}.story{display:flex;flex-direction:column;margin:0 6%}.story-image{min-height:0;aspect-ratio:1.1;overflow:hidden}.story-copy{padding:38px 9% 43px}.story-copy h2{font-size:44px}.spaces{gap:14px;grid-template-columns:1fr}.space{height:360px}.space-label{font-size:35px}.invitation{padding:65px 7%}.footer-top{grid-template-columns:1fr 1fr;gap:42px 28px}.footer-top p{font-size:24px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:12px}.footer-bottom span:nth-child(2){display:none}footer{padding:50px 6% 0}.page-intro{padding:45px 6% 30px}.page-intro h1{font-size:60px}.catalog-section{padding-top:0}.filters{gap:10px}.filters input{width:100%;flex-basis:100%}.filters select{min-width:0;flex:1;width:40%;font-size:12px}.detail{display:block;padding:28px 6% 60px}.detail-content{padding-top:35px}.detail-content h1{font-size:50px}.breadcrumb{padding-inline:6%}.about-opening{display:flex;flex-direction:column;gap:35px;padding-top:0}.principles{grid-template-columns:1fr;gap:25px}.contact-layout{display:flex;flex-direction:column-reverse;gap:60px;padding:0 6% 60px}.contact-form{gap:25px 20px}.contact-form .field{grid-column:1/-1}.pagination{gap:15px}.pagination button{padding:10px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Benxin — The imagined gallery. Original 2026 art direction. */
.home-page{--paper:#f5f4f0;--ink:#232522;--accent:#8a7854}.home-page .announcement{display:none}.home-page .header{position:absolute;inset:0 0 auto;z-index:5;color:#f7f5ef;border-bottom:1px solid #ffffff35;height:108px;background:linear-gradient(#090d1090,transparent)}.home-page .header nav a.active:after{background:#fff}.home-page .header-cta{border-color:#fff9}.home-page .menu-toggle{color:#fff}.exhibition-hero{height: min(960px,100svh);min-height:720px;position:relative;isolation:isolate;overflow:hidden;background:#10151b;color:#fbf8ed}.exhibition-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;z-index:-3;animation:gallery-arrive 1.7s ease both}.exhibition-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080d1488 0%,#080d1422 45%,transparent 80%),linear-gradient(0deg,#080d14aa,transparent 25%)}.exhibition-copy{position:absolute;left:6%;top:29%;max-width:65%}.exhibition-overline{font-size:11px;letter-spacing:.24em;display:block}.exhibition-copy h1{font-family:var(--serif);font-size:clamp(80px,8.5vw,152px);line-height:.88;font-weight:400;letter-spacing:-.035em;margin:33px 0 28px}.exhibition-copy h1 em{font-weight:400;color:#d8c39a}.exhibition-copy p{font-size:15px;line-height:1.8;color:#e2e0d9;margin:0 0 30px}.exhibition-button{display:inline-flex;align-items:center;gap:45px;font-size:13px;border-bottom:1px solid #e8e3d5;padding:10px 0 14px}.exhibition-button span{font-size:24px;transition:transform .25s}.exhibition-button:hover span{transform:translate(3px,-3px)}.exhibition-footer{position:absolute;bottom:33px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:end;font-size:10px;letter-spacing:.16em}.scroll-cue{display:flex;align-items:center;gap:17px}.scroll-cue>span{border:1px solid #ffffff55;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:18px}.concept-caption{text-align:right;font-size:10px}.concept-caption i{font-style:normal;margin-left:28px;color:#d8c39a}.concept-caption small{display:block;font-size:10px;letter-spacing:.035em;color:#d0cec6;margin-top:8px}.exhibition-side{position:absolute;right:24px;top:43%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#d9d5ca}.gallery-intro{display:grid;grid-template-columns:1fr 2.2fr auto;gap:40px;align-items:start;padding:100px 6% 105px;border-bottom:1px solid var(--line)}.gallery-intro>.eyebrow{padding-top:13px}.gallery-intro h2{font-size:clamp(45px,4.7vw,78px);margin:0;line-height:1.07}.gallery-intro h2 em{color:#8a8068}.gallery-intro p{font-size:14px;color:var(--muted);margin:25px 0 0}.round-link{border:1px solid #a9aa9e;width:77px;height:77px;border-radius:50%;display:grid;place-items:center;font-size:32px;align-self:center;transition:background .25s}.round-link:hover{background:#e5e3db}.series-section{padding:95px 6% 100px;scroll-margin-top:25px}.series-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:45px}.series-heading h2{font-size:clamp(48px,5.4vw,83px);margin-top:18px}.heading-period{color:#997e4c}.series-heading>.text-link{margin-bottom:10px}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 27px}.series-card{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;isolation:isolate;background:#eeede8;transition:transform .3s}.series-card:hover{transform:translateY(-5px)}.series-photo{height:auto;aspect-ratio:1.03;overflow:hidden}.series-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.series-card:hover img{transform:scale(1.035)}.series-label{position:relative;background:linear-gradient(135deg,#dfdedb,#fcfcfa 85%);border-radius:0 25px 0 0;margin-top:-44px;z-index:1;padding:22px 25px 19px;min-height:164px}.series-kicker{font-size:9px;letter-spacing:.17em;color:#686b65}.series-label h3{font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.05;margin:8px 0}.series-label p{font-size:11px;line-height:1.5;color:#74766f;margin:7px 0 13px}.series-bottom{display:flex;align-items:center;gap:12px}.series-bottom>span:first-child{font-size:10px;letter-spacing:.07em;color:#6a6c64}.series-number{font-family:var(--serif);font-style:italic;font-size:26px;margin-left:auto;line-height:1}.series-arrow{font-size:20px;margin-left:3px}.edit-section{background:#e8e7e0;padding:85px 6%;display:grid;grid-template-columns:1fr 2fr;gap:7%}.edit-heading{padding-top:30px}.edit-heading h2{font-size:clamp(48px,4.7vw,72px);margin-top:25px}.edit-heading p{font-size:14px;color:var(--muted);margin:27px 0}.edit-works{display:grid;grid-template-columns:1fr 1fr;gap:24px}.edit-works .product-card:nth-child(2){padding-top:90px}.edit-works .product-card .image-wrap{aspect-ratio:.87}.brand-statement{padding:105px 6%;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:50px;align-items:center}.brand-statement h2{font-size:clamp(44px,4.4vw,66px);margin:0}.brand-statement p{font-size:15px;color:var(--muted);margin:0 0 25px}.home-page .invitation{background:#141f2a;padding:95px 24px}.home-page .invitation .button{background:#d8c39a;border-color:#d8c39a}.home-page .invitation h2 em{color:#d8c39a}.home-page .invitation p{color:#c6cbd1}.home-page footer{background:#f5f4f0}@keyframes gallery-arrive{from{transform:scale(1.035);opacity:.5}to{transform:scale(1);opacity:1}}
@media(min-width:1700px){.exhibition-copy{left:8%;top:27%}.exhibition-copy h1{font-size:155px}}@media(max-width:1050px){.exhibition-copy h1{font-size:110px}.gallery-intro{grid-template-columns:1fr 2fr;gap:25px}.round-link{display:none}.series-label{padding:20px}.series-label h3{font-size:30px}.series-grid{gap:22px}.brand-statement{grid-template-columns:1fr 1.4fr}.brand-statement>.eyebrow{grid-column:1/-1}.edit-section{gap:4%}.series-label p{font-size:11px}}
@media(max-width:700px){.home-page .header{height:91px;padding:0 6%}.home-page .header nav{top:91px;background:#101820;color:white;border-color:#fff3}.exhibition-hero{height:90svh;min-height:680px;max-height:850px}.exhibition-image{object-position:62% center}.exhibition-shade{background:linear-gradient(90deg,#050b14ba,#050b1444 85%),linear-gradient(0deg,#050b14aa,transparent 30%)}.exhibition-copy{left:7%;top:28%;max-width:90%}.exhibition-overline{font-size:8px;letter-spacing:.19em}.exhibition-copy h1{font-size:clamp(64px,17.5vw,115px);margin:30px 0 27px;line-height:.97}.exhibition-copy p{font-size:14px}.exhibition-button{font-size:12px;gap:32px}.exhibition-footer{bottom:26px;left:7%;right:7%;align-items:center}.scroll-cue{font-size:8px;gap:9px}.scroll-cue>span{width:30px;height:30px}.concept-caption{font-size:8px;letter-spacing:.08em}.concept-caption i{display:none}.concept-caption small{font-size:8px;max-width:130px;letter-spacing:0}.exhibition-side{display:none}.gallery-intro{display:block;padding:53px 7%}.gallery-intro>.eyebrow{font-size:9px;margin-bottom:22px;padding-top:0}.gallery-intro h2{font-size:44px}.gallery-intro p{font-size:13px}.gallery-intro br+p{margin-top:15px}.gallery-intro p br{display:none}.series-section{padding:54px 6% 60px}.series-heading{display:block;margin-bottom:28px}.series-heading h2{font-size:48px;margin:14px 0 20px}.series-heading>.text-link{font-size:12px;display:inline-block}.series-heading .eyebrow{font-size:9px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.series-card{border-radius:17px}.series-photo{aspect-ratio:.8}.series-label{margin-top:-30px;padding:14px 12px 12px;border-radius:0 19px 0 0;min-height:127px}.series-kicker{font-size:7px;letter-spacing:.11em}.series-label h3{font-size:24px;line-height:1.02;margin:9px 0;min-height:49px}.series-label p{display:none}.series-bottom{gap:3px}.series-bottom>span:first-child{font-size:8px;letter-spacing:0}.series-number{font-size:23px}.series-arrow{display:none}.edit-section{display:block;padding:53px 6%}.edit-heading{padding:0;margin-bottom:33px}.edit-heading h2{font-size:53px;margin-top:18px}.edit-heading h2 br{display:none}.edit-heading p{font-size:13px;margin:20px 0}.edit-works{gap:15px}.edit-works .product-card:nth-child(2){padding-top:47px}.edit-works .product-card .image-wrap{aspect-ratio:.74}.brand-statement{padding:60px 7%;display:block}.brand-statement>.eyebrow{margin-bottom:24px}.brand-statement h2{font-size:50px;margin-bottom:26px}.brand-statement p{font-size:14px}.home-page .invitation{padding:65px 7%}.home-page .invitation h2{font-size:45px}}@media(prefers-reduced-motion:reduce){.exhibition-image{animation:none}.series-card:hover{transform:none}}

.home-page .header{background:linear-gradient(#080d14b8,#080d1488)}

/* Eight collections, two columns at every screen size. */
.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-intro{max-width:1160px;margin:auto;padding:65px 5% 25px}.series-page{max-width:1160px;margin:auto;padding:20px 5% 90px}.series-page .series-grid{gap:35px}.series-page .series-photo{aspect-ratio:1.2}.series-page .series-label{margin-top:-55px;min-height:170px;padding:26px 30px}.series-page .series-label h3{font-size:40px}.series-page .series-number{font-size:32px}.home-editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;padding:90px 6% 110px;background:#edece6}.home-editorial figure{margin:0}.home-editorial img{width:100%;aspect-ratio:1.05;object-fit:cover}.home-editorial figcaption{font-size:10px;letter-spacing:.13em;color:#686b62;padding-top:14px}.home-editorial h2{font-size:clamp(50px,5vw,78px);margin:25px 0}.home-editorial h2 em{color:#8a7854}.home-editorial p{font-size:15px;color:#686b62;max-width:340px}.editorial-signature{display:block;font:italic 27px var(--serif);margin-top:35px}.home-page .footer-top{grid-template-columns:1fr 1fr 1fr}
@media(max-width:700px){.series-intro{padding:42px 6% 23px}.series-intro h1{font-size:58px}.series-page{padding:10px 6% 60px}.series-page .series-grid{gap:20px 16px}.series-page .series-photo{aspect-ratio:.8}.series-page .series-label{margin-top:-30px;padding:14px 12px 12px;min-height:127px}.series-page .series-label h3{font-size:24px}.series-page .series-number{font-size:23px}.home-editorial{display:flex;flex-direction:column;align-items:stretch;gap:37px;padding:45px 7% 60px}.home-editorial h2{font-size:52px}.home-editorial p{font-size:14px}.home-page .footer-top{grid-template-columns:1fr 1fr}.home-page .footer-top>div{grid-column:1/-1}}
.catalog-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-section{max-width:1160px}.catalog-section .product-card{border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#e3e2df,#fff)}.catalog-section .product-card .image-wrap{aspect-ratio:1.15}.catalog-section .product-meta{margin:0;padding:22px 23px 8px}.catalog-section .product-card .sub{padding:0 23px 22px;margin:0}.page-intro>.text-link{display:inline-block;margin-bottom:25px}@media(max-width:700px){.catalog-section .product-card .image-wrap{aspect-ratio:.82}.catalog-section .product-meta{padding:15px 12px 8px}.catalog-section .product-card .sub{padding:0 12px 15px}.catalog-section .product-meta h3{font-size:23px}}

.editorial-reverse{background:#faf9f6;grid-template-columns:1fr 1.1fr}.editorial-reverse figure{grid-column:2;grid-row:1}.editorial-reverse>div{grid-column:1;grid-row:1}.editorial-reverse img,.editorial-entry img{aspect-ratio:4/5;object-fit:cover}.editorial-entry{background:#e9e8e1}.home-editorial+.home-editorial{border-top:1px solid #d9dbd255}.series-page .series-label h3{font-size:clamp(25px,3vw,40px)}
@media(max-width:700px){.editorial-reverse{display:flex}.series-page .series-label h3{font-size:23px;min-height:72px}.series-page .series-label{min-height:151px}.home-editorial .editorial-signature{font-size:24px}.header nav a{font-size:14px}}
/* Persistent navigation and an eight-piece gallery rhythm. */
.header{position:sticky;top:0;z-index:50;background:rgba(250,249,246,.96);backdrop-filter:blur(16px);box-shadow:0 5px 25px #10182008}
.home-page .header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(10,17,25,.91);backdrop-filter:blur(16px)}
.header nav{z-index:51}
html{scroll-padding-top:125px}
.filters,#our-world{scroll-margin-top:125px}
.art-browse #main{background:linear-gradient(110deg,rgba(12,23,33,.94),rgba(16,29,40,.82)),url('/uploads/benxin/gallery-hero-v2.png') center top / cover fixed;color:#f3efe4;min-height:70vh;padding-bottom:1px}
.art-browse .page-intro{max-width:1640px;margin:auto;padding:48px 5% 30px}
.art-browse .page-intro h1{font-size:clamp(48px,4.8vw,72px);margin:17px 0 20px}
.art-browse .page-intro h1 em{color:#d8c39a}
.art-browse .page-intro p{color:#d4d8d8}
.art-browse .page-intro>.eyebrow{color:#d8c39a}
.art-browse .text-link{border-color:#d8c39a;color:#f3efe4}
.art-browse .series-page,.art-browse .catalog-section{max-width:1640px;padding:15px 5% 75px;margin:auto}
.series-page .series-grid,.catalog-section .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}
.series-page .series-card,.catalog-section .product-card{color:var(--ink);box-shadow:0 12px 32px #0002}
.series-page .series-photo{aspect-ratio:1.1}
.series-page .series-label{padding:20px 20px 18px;min-height:185px;margin-top:-30px;display:flex;flex-direction:column;justify-content:space-between}
.series-page .series-label h3{font-size:clamp(24px,2.1vw,32px);min-height:68px;line-height:1.08}
.series-page .series-label p{min-height:33px}
.series-page .series-number{font-size:27px}
.catalog-section .product-card .image-wrap{aspect-ratio:1}
.catalog-section .product-meta{padding:18px 18px 8px;display:block}
.catalog-section .product-meta h3{font-size:25px;line-height:1.15;min-height:58px}
.catalog-section .product-meta>span{display:none}
.catalog-section .product-card .sub{padding:0 18px 18px;flex-wrap:wrap}
.art-browse .filters{border-color:#ffffff35;padding:18px 0;margin-bottom:23px}
.art-browse .filters input,.art-browse .filters select{background:#faf9f6;color:#252823;border-color:#faf9f6;min-height:48px}
.art-browse .result-count{color:#d4d8d8}
.art-browse .pagination button{color:#f5efdf;border-color:#d8c39a88;min-height:44px;background:#14233388}
.art-browse .pagination button:hover:not(:disabled){background:#d8c39a;color:#17202a}
.art-browse .pagination button:disabled{opacity:.42}
.art-browse .pagination{margin-top:38px}
.art-browse .invitation{background:#121e29e8;border-top:1px solid #ffffff1c}
@media(max-width:1050px) and (min-width:701px){.series-page .series-grid,.catalog-section .product-grid{gap:15px}.series-page .series-label{padding:17px 13px;min-height:190px}.series-page .series-label h3{font-size:24px;min-height:80px}.series-page .series-label p{font-size:10px}.series-kicker{font-size:8px}.catalog-section .product-meta{padding:15px 12px 8px}.catalog-section .product-meta h3{font-size:22px;min-height:77px}.catalog-section .product-card .sub{padding:0 12px 15px;font-size:10px;flex-direction:column}}
@media(max-width:700px){.header nav,.home-page .header nav{top:100%}.header,.home-page .header{height:88px}html{scroll-padding-top:103px}.filters,#our-world{scroll-margin-top:103px}.art-browse #main{background-attachment:scroll}.art-browse .page-intro{padding:35px 6% 24px}.art-browse .page-intro h1{font-size:48px}.art-browse .series-page,.art-browse .catalog-section{padding:8px 6% 50px}.series-page .series-grid,.catalog-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.series-page .series-photo{aspect-ratio:.85}.series-page .series-label{padding:15px 12px;min-height:152px;margin-top:-25px}.series-page .series-label h3{font-size:23px;min-height:88px}.series-page .series-label p{display:none}.series-page .series-number{font-size:23px}.catalog-section .product-card .image-wrap{aspect-ratio:.82}.catalog-section .product-meta{padding:15px 12px 8px}.catalog-section .product-meta h3{font-size:22px;min-height:76px}.catalog-section .product-card .sub{padding:0 12px 15px;font-size:10px}.art-browse .filters input,.art-browse .filters select{font-size:13px;padding:10px;min-width:0}.art-browse .filters input{flex-basis:100%}}

/* Let the opening gallery flow behind the navigation. */
.home-page .header{background:transparent;backdrop-filter:none;box-shadow:none;border-bottom-color:#ffffff20;transition:background .3s,backdrop-filter .3s}
.home-page .header.past-gallery{background:rgba(10,17,25,.86);backdrop-filter:blur(16px)}
.home-page .exhibition-hero{height:min(1020px,calc(100svh + 60px));min-height:780px}
.home-page .exhibition-image{height:calc(100% + 64px);object-position:58% 28%}
.home-page .exhibition-shade{background:linear-gradient(180deg,#080d1466,transparent 22%),linear-gradient(90deg,#080d1488 0%,#080d1422 45%,transparent 80%),linear-gradient(0deg,#080d14aa,transparent 25%)}
@media(max-width:700px){.home-page .exhibition-hero{height:calc(90svh + 30px);min-height:710px;max-height:900px}.home-page .exhibition-image{height:calc(100% + 30px);object-position:62% center}}

/* A quiet canvas for the enquiry page. */
#main:has(.contact-layout){position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 3% 65%,#aebcc077 0,transparent 48%),radial-gradient(ellipse at 91% 12%,#d6bd8a77 0,transparent 48%),linear-gradient(125deg,#f4f1e9,#f9f7f2 48%,#eee8dc)}
#main:has(.contact-layout)::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:650px;height:850px;border:1px solid #aa8e5650;border-radius:50%;top:-340px;right:-100px;transform:rotate(-32deg);box-shadow:0 0 0 48px #aa8e560a,0 0 0 49px #aa8e5620,0 0 0 108px #aa8e5606,0 0 0 109px #aa8e561c}
#main:has(.contact-layout)::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.32;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#82725208 3px 4px),repeating-linear-gradient(90deg,transparent 0 3px,#82725208 3px 4px)}
#main:has(.contact-layout) .page-intro{padding-bottom:48px}
#main:has(.contact-layout) .page-intro h1 em{color:#8d7852}
.contact-layout .contact-form{padding:38px;background:#fffdf9d9;border:1px solid #ffffffd9;box-shadow:0 20px 70px #51452c0b;border-radius:3px;backdrop-filter:blur(12px)}
.contact-layout .contact-aside{padding-top:24px}
.contact-layout .contact-aside details{border-color:#a89b7f45}
.contact-layout .contact-form input:focus,.contact-layout .contact-form textarea:focus,.contact-layout .contact-form select:focus{border-color:#927b4e}
@media(max-width:700px){#main:has(.contact-layout)::before{width:380px;height:520px;top:-270px;right:-190px}.contact-layout .contact-form{padding:26px 20px}.contact-layout .contact-aside{padding-top:0}#main:has(.contact-layout) .page-intro{padding-bottom:30px}}