@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond.woff) format("woff");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-italic.woff) format("woff");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url(fonts/manrope.woff) format("woff");font-weight:200 800;font-style:normal;font-display:swap}
:root{--ink:#000000;--ink2:#0E0E0E;--ivory:#FFFFFF;--stone:#D9D9D9;--gold:#FFFFFF;--gold-l:#BDBDBD;--gold-d:#4D4D4D;--line-d:#2B2B2B;--line-l:#D4D4D4;--mut-d:#B3B3B3;--mut-l:#595959;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Manrope",Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:clip;margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-size:18px;line-height:1.65}
img,svg{max-width:100%}
a{color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.skip{position:absolute;left:-999px;top:0;background:var(--ivory);color:var(--ink);padding:12px 18px;z-index:99}
.skip:focus{left:12px;top:12px}
:focus-visible{outline:3px solid var(--gold-l);outline-offset:3px}
/* header */
.site-head{border-bottom:1px solid var(--line-d);background:var(--ink);position:relative;z-index:20}
.brand-row{display:flex;align-items:center;gap:28px;padding:22px 0 14px;border-bottom:1px solid var(--line-d)}
.brand{display:flex;align-items:center;gap:26px;text-decoration:none}
.wm{font-family:var(--serif);font-weight:700;font-size:62px;line-height:.9;letter-spacing:.03em}
.brand-sub{border-left:1px solid var(--line-d);padding-left:24px;font-size:17px;line-height:1.35}
.brand-sub small{display:block;font-size:14px;letter-spacing:.08em;margin-top:6px;color:var(--mut-d)}
.site-head .nav-toggle{display:none;margin-left:auto;width:auto}
.nav{display:flex;align-items:center;gap:6px 26px;flex-wrap:wrap;padding:14px 0}
.nav a,.nav button.dd{font:inherit;font-size:16px;color:var(--ivory);background:none;border:0;padding:10px 0;text-decoration:none;cursor:pointer;border-bottom:2px solid transparent}
.nav a:hover,.nav button.dd:hover,.nav a[aria-current=page]{border-bottom-color:var(--gold-l)}
.nav .has-dd{position:relative}
.nav button.dd::after{content:"";display:inline-block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);margin-left:10px}
.dd-menu{display:none;position:absolute;left:-18px;top:100%;min-width:290px;background:var(--ink2);border:1px solid var(--line-d);border-radius:8px;padding:10px 18px;box-shadow:0 20px 40px #000a;z-index:30}
.has-dd.open .dd-menu{display:block}
.dd-menu a{display:block;padding:11px 0;border-bottom:1px solid var(--line-d)}
.dd-menu a:last-child{border-bottom:0}
.nav .spacer{flex:1}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:17px 28px;border-radius:8px;border:2px solid var(--ivory);background:var(--ivory);color:var(--ink);box-shadow:0 4px 0 #8a8a8a;cursor:pointer;transition:transform .12s,box-shadow .12s;line-height:1.2}
.btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 #8a8a8a}
.btn:active{transform:translateY(4px);box-shadow:0 0 0 #8a8a8a}
.btn::after{content:"\2192";font-size:18px;letter-spacing:0}
.btn.ghost{background:transparent;color:var(--ivory);box-shadow:0 4px 0 #6f6a61}
.btn.gold{background:#fff;border-color:#fff;color:#000;box-shadow:0 4px 0 #8a8a8a}
.btn.sm{padding:12px 20px;font-size:14px}
.light .btn{background:var(--ink);color:var(--ivory);border-color:var(--ink);box-shadow:0 4px 0 #777}
.light .btn.ghost{background:transparent;color:var(--ink);box-shadow:0 4px 0 #a9a294}
.light .btn.gold{background:#000;border-color:#000;color:#fff;box-shadow:0 4px 0 #777}
.btn-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px;align-items:center}
.btn-row .mail{font-size:18px}
/* type */
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0}
h1{font-size:clamp(46px,7vw,96px);letter-spacing:-.01em}
h2{font-size:clamp(34px,4.4vw,58px)}
h3{font-size:28px;line-height:1.2}
h1 em,h2 em{color:#fff;font-style:italic;font-weight:300}
.light h1 em,.light h2 em{color:#000}
.eyebrow{display:flex;align-items:center;gap:16px;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-l);font-weight:600;margin-bottom:26px}
.eyebrow::before{content:"";width:36px;height:1px;background:currentColor}
.light .eyebrow{color:var(--gold-d)}
.lede{font-size:clamp(19px,2vw,23px);line-height:1.6;color:#E6E6E6;max-width:720px}
p{margin:0 0 1.1em}
/* sections */
section.band{padding:104px 0}
section.band.light{background:var(--ivory);color:var(--ink)}
section.band.dark2{background:var(--ink2)}
.band .cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px 80px;align-items:start}
.band .body{max-width:780px}
.band .body>*:last-child{margin-bottom:0}
.band h2{margin-bottom:8px}
.light p,.light li{color:#1a1a1a}
.body ul{padding-left:0;list-style:none;margin:0 0 1.2em}
.body ul li{padding:14px 0 14px 30px;border-bottom:1px solid var(--line-d);position:relative}
.light .body ul li{border-color:var(--line-l)}
.body ul li::before{content:"";position:absolute;left:2px;top:27px;width:12px;height:1px;background:var(--gold-l)}
.light .body ul li::before{background:var(--gold-d)}
.body a{color:var(--gold-l);text-underline-offset:4px}
.light .body a{color:var(--gold-d)}
.body a.btn{color:var(--ink)}.body a.btn.ghost{color:var(--ivory)}.body a.btn.gold{color:#000}.light .body a.btn.gold{color:#fff}.light .body a.btn{color:var(--ivory)}.light .body a.btn.ghost{color:var(--ink)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin:8px 0 1.2em}
.card{border:1px solid var(--line-d);border-radius:10px;padding:28px;background:#ffffff06}
.light .card{border-color:var(--line-l);background:#fafafa}
.card h3{margin-bottom:10px}
.card p{margin:0;font-size:17px}
ol.steps{list-style:none;padding:0;margin:8px 0 1.2em;counter-reset:s}
ol.steps li{display:grid;grid-template-columns:72px 1fr;gap:8px 20px;padding:24px 0;border-top:1px solid var(--line-d)}
.light ol.steps li{border-color:var(--line-l)}
ol.steps .n{font-family:var(--serif);font-size:48px;line-height:.9;color:var(--gold-l)}
.light ol.steps .n{color:var(--gold-d)}
ol.steps h3{margin-bottom:6px}
ol.steps p{margin:0;font-size:17px}
.table-wrap{overflow-x:auto;margin:8px 0 1.4em;border:1px solid var(--line-d);border-radius:10px}
.light .table-wrap{border-color:var(--line-l)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:16px}
th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line-d);vertical-align:top}
.light th,.light td{border-color:var(--line-l)}
th{font-size:14px;letter-spacing:.1em;text-transform:uppercase}
tr:last-child td{border-bottom:0}
mark.tbc{background:#E9D8B4;color:#3a2c12;padding:1px 7px;border-radius:4px;font-size:.92em;font-style:normal}
.note{border:1px solid #999;border-radius:8px;padding:16px 20px;font-size:16px;margin:0 0 28px;background:#00000008}
details.faq{border-top:1px solid var(--line-d);padding:6px 0}
.light details.faq{border-color:var(--line-l)}
details.faq summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:27px;line-height:1.25;padding:18px 44px 18px 0;position:relative}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-family:var(--sans);font-size:28px;color:var(--gold-d)}
details.faq[open] summary::after{content:"\2212"}
details.faq .a{padding:0 0 20px;max-width:760px}
/* page hero */
.page-hero{padding:86px 0 78px;background:radial-gradient(900px 480px at 78% 0%,#1b1b1b 0%,var(--ink) 70%);border-bottom:1px solid var(--line-d)}
.crumb{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-d);margin-bottom:30px}
.crumb a{text-decoration:none}
.page-hero h1{font-size:clamp(44px,6.2vw,84px);max-width:980px}
.page-hero .lede{margin-top:22px}
/* home hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(1000px 700px at 78% 30%,#202020 0%,var(--ink) 62%)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:min(760px,92vh);padding-top:64px;padding-bottom:84px}
.hero h1{margin-bottom:28px}.hero .wrap>div:first-child{position:relative;z-index:3}
.stage{perspective:1400px;height:560px;position:relative}
.ring{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.frame{position:absolute;left:50%;top:50%;width:330px;height:440px;margin:-220px 0 0 -165px;background:#f2f2f2;border:9px solid #fafafa;box-shadow:0 40px 80px #000,0 0 0 1px #3a3a3a;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s;overflow:hidden}
.frame img{width:100%;height:100%;object-fit:cover;display:block}
.floor{position:absolute;left:-30%;right:-30%;bottom:-60px;height:240px;background:linear-gradient(#0000,#0009);transform:rotateX(74deg);pointer-events:none}
.hero-cap{position:absolute;left:0;right:0;bottom:-6px;display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line-d);padding-top:12px;font-size:14px;color:var(--mut-d);letter-spacing:.06em}
.car-ctrl{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:22px}
.car-ctrl button{width:56px;height:56px;border-radius:50%;border:2px solid var(--ivory);background:var(--ink);color:var(--ivory);font-size:22px;cursor:pointer;box-shadow:0 4px 0 #6f6a61}
.car-ctrl span{font-size:15px;color:var(--mut-d);min-width:70px;text-align:center}
.viewing{background:radial-gradient(900px 500px at 50% 40%,#1b1b1b 0%,var(--ink) 70%);padding:90px 0 70px;overflow:hidden}
.viewing .stage{height:520px;max-width:900px;margin:30px auto 0}
/* strips, listings, people */
.glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);list-style:none;padding:0;margin:0}
.glance li{padding:34px 26px;border-right:1px solid var(--line-d);font-family:var(--serif);font-size:25px;line-height:1.25}
.glance li:last-child{border-right:0}
.listing{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:48px;padding:44px 0;border-top:1px solid var(--line-l);align-items:start}
.plate{background:#ededed;border:6px solid #111;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#4d4d4d;box-shadow:0 24px 40px #0002}
.plate.sq{aspect-ratio:1/1}
dl.facts{margin:18px 0 0;border-top:1px solid var(--line-l)}
dl.facts div{display:grid;grid-template-columns:210px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line-l);font-size:17px}
dl.facts dt{color:var(--mut-l);font-size:15px;letter-spacing:.04em}
dl.facts dd{margin:0}
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.person{border:1px solid var(--line-l);border-radius:10px;padding:26px;background:#fafafa;display:flex;flex-direction:column;gap:14px}
.person .plate{aspect-ratio:16/10;border-width:5px;box-shadow:none}
.person dl.facts div{grid-template-columns:140px 1fr;font-size:16px;padding:10px 0}
.tag{align-self:flex-start;font-size:13px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold-d);color:var(--gold-d);border-radius:99px;padding:5px 12px;font-weight:600}
/* forms */
form.enquiry{display:grid;gap:22px;max-width:760px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
label.f{display:grid;gap:8px;font-size:15px;font-weight:600;letter-spacing:.04em}
input[type=text],input[type=email],input[type=tel],select,textarea{font:inherit;font-size:17px;padding:15px 16px;border:2px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);width:100%}
textarea{min-height:150px;resize:vertical}
fieldset{border:1px solid var(--line-l);border-radius:8px;padding:18px 20px;margin:0}
legend{font-size:15px;font-weight:600;padding:0 8px}
.opts{display:flex;flex-wrap:wrap;gap:10px 22px}
.opts label,.ticks label{display:flex;gap:10px;align-items:flex-start;font-size:16px;min-height:32px}
input[type=radio],input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold-d);flex:none;margin-top:3px}
.ticks{display:grid;gap:10px}
.form-msg{font-size:16px;color:var(--mut-l)}
.news{display:flex;flex-wrap:wrap;gap:14px;max-width:640px}
.news input{flex:1;min-width:240px}
/* footer */
.site-foot{background:#000;border-top:1px solid var(--line-d);padding:84px 0 40px;font-size:15px;color:#cfcfcf}
.foot-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:end;padding-bottom:52px;border-bottom:1px solid var(--line-d)}
.foot-wm{font-family:var(--serif);font-weight:700;font-size:clamp(84px,13vw,170px);line-height:.8;letter-spacing:.03em;color:var(--ivory)}
.foot-wm i{font-style:normal;color:var(--gold-l)}
.foot-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px 32px;padding:36px 0;border-bottom:1px solid var(--line-d)}
.foot-nav a{text-decoration:none;padding:7px 0;display:inline-block}
.foot-nav a:hover{color:var(--gold-l)}
.foot-legal{padding:28px 0;display:grid;gap:14px;max-width:980px;line-height:1.7}
.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:22px;border-top:1px solid var(--line-d);color:var(--mut-d)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
@media (max-width:980px){
 body{font-size:17px}
 .wrap{padding:0 22px}
 .wm{font-size:44px}.brand-sub{font-size:13px;padding-left:14px;white-space:nowrap}.brand-sub small{font-size:12px;margin-top:3px}.brand{gap:14px}.brand-row{gap:12px}
 .site-head .nav-toggle{display:inline-flex;padding:11px 15px;font-size:13px;flex:none}.site-head .nav-toggle::after{content:none}.brand{min-width:0}
 .nav{display:none;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 18px}
 .site-head.open .nav{display:flex}
 .nav a,.nav button.dd{padding:15px 0;border-bottom:1px solid var(--line-d);text-align:left;width:100%;font-size:18px}
 .dd-menu{position:static;display:none;border:0;box-shadow:none;background:none;padding:0 0 0 18px;min-width:0}
 .nav .btn{margin-top:18px;justify-content:center;border-bottom:2px solid var(--gold-l);width:100%}
 .hero .wrap{grid-template-columns:1fr;min-height:0;padding-top:48px;padding-bottom:70px}
 .stage{height:430px}.frame{width:240px;height:320px;margin:-160px 0 0 -120px}
 section.band{padding:68px 0}
 .band .cols{grid-template-columns:1fr;gap:22px}
 .listing{grid-template-columns:1fr;gap:26px}
 dl.facts div,.person dl.facts div{grid-template-columns:1fr;gap:2px}
 .foot-top{grid-template-columns:1fr}
 .glance li{border-right:0;border-bottom:1px solid var(--line-d)}
 ol.steps li{grid-template-columns:52px 1fr}
 .btn{width:100%;justify-content:center}
 .car-ctrl button{width:56px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* cinematic touches */
.hero::before,.page-hero::before,.viewing::before{content:"";position:absolute;inset:-20% -40%;background:linear-gradient(105deg,#fff0 42%,#ffffff12 50%,#fff0 58%);transform:translateX(-60%);animation:sweep 9s ease-in-out infinite;pointer-events:none}
.page-hero,.viewing{position:relative;overflow:hidden}
.hero h1,.page-hero h1{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}
.hero .lede,.page-hero .lede,.hero .btn-row{animation:rise 1.1s .18s cubic-bezier(.2,.7,.2,1) both}
.hero .eyebrow,.crumb{animation:rise 1s both}
.stage .ring{animation:float 9s ease-in-out infinite}
@keyframes sweep{0%,20%{transform:translateX(-60%)}60%,100%{transform:translateX(60%)}}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media (prefers-reduced-motion:reduce){.hero::before,.page-hero::before,.viewing::before,.stage .ring,.hero h1,.page-hero h1,.hero .lede,.page-hero .lede,.hero .btn-row,.hero .eyebrow,.crumb{animation:none}}

/* v3: closer to a white-cube gallery look */
h1,h2,h3{font-family:var(--sans);font-weight:500;letter-spacing:-.03em;line-height:1.04}
h1{font-size:clamp(40px,6.2vw,86px)}.page-hero h1{font-size:clamp(36px,5.2vw,70px)}
h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.025em}h3{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:0;font-size:1.08em}
.lede{font-weight:300}
.statement{font-size:clamp(24px,3vw,40px);line-height:1.22;letter-spacing:-.025em;font-weight:400;max-width:1060px;margin:0}
.nav{gap:6px 30px}.nav a,.nav button.dd{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.head-cta{margin-left:auto}.nav .nav-cta{display:none}
.eyebrow{font-size:12px;letter-spacing:.22em}.crumb{font-size:12px;letter-spacing:.18em}
section.band{padding:120px 0}.band.light+.band.light{border-top:1px solid var(--line-l)}
.btn,.card,.person,.table-wrap,.dd-menu,fieldset,.tag,.note,input[type=text],input[type=email],input[type=tel],select,textarea,.car-ctrl button{border-radius:0}
.btn,.btn:hover,.btn:active,.light .btn,.light .btn.ghost,.btn.gold,.light .btn.gold,.btn.ghost,.car-ctrl button{box-shadow:none;transform:none}
.btn{letter-spacing:.14em;font-size:13px;padding:19px 30px}.btn.sm{font-size:12px;padding:14px 20px}
.btn:hover,.body a.btn:hover,.btn.gold:hover,.body a.btn.gold:hover{background:#000;color:#fff}
.btn.ghost:hover,.body a.btn.ghost:hover{background:#fff;color:#000}
.light .btn:hover,.light .body a.btn:hover,.light .btn.gold:hover,.light .body a.btn.gold:hover{background:#fff;color:#000}
.light .btn.ghost:hover,.light .body a.btn.ghost:hover{background:#000;color:#fff}
.card{background:none;padding:30px 28px}.light .card{background:none}
.person{background:none}
ol.steps .n{font-family:var(--sans);font-weight:300;font-size:38px;letter-spacing:-.03em;color:inherit}.light ol.steps .n{color:inherit}
.glance li{font-family:var(--sans);font-size:20px;font-weight:500;letter-spacing:-.01em}
details.faq summary{font-family:var(--sans);font-size:20px;font-weight:500;letter-spacing:-.01em}
details.faq summary::after{color:inherit;font-weight:300}
.tag{font-size:11px;letter-spacing:.18em;border-color:currentColor;color:inherit}
.frame{border-width:0;box-shadow:0 50px 90px #000}
.article{max-width:740px}.article p{font-size:19px;line-height:1.75}.article h2{font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin:56px 0 18px;line-height:1.5}
.article blockquote{margin:36px 0;padding-left:24px;border-left:2px solid #000;font-size:24px;line-height:1.4;letter-spacing:-.015em}
.article a{color:#000;text-underline-offset:4px}
.ilist a{display:grid;grid-template-columns:70px minmax(0,1fr) 190px;gap:28px;padding:34px 0;border-top:1px solid var(--line-l);text-decoration:none;color:inherit;align-items:start}
.ilist a:hover strong{text-decoration:underline;text-underline-offset:5px}
.ilist .n{font-size:15px;letter-spacing:.1em;color:var(--mut-l)}.ilist strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.ilist .s{display:block;margin-top:10px;font-size:16px;color:var(--mut-l);max-width:700px}.ilist .m{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut-l);text-align:right;line-height:1.9}
.body .ilist a{color:inherit}
@media (max-width:980px){section.band{padding:72px 0}.head-cta{display:none}.nav .nav-cta{display:inline-flex}.ilist a{grid-template-columns:1fr;gap:10px}.ilist .m{text-align:left}.ilist strong{font-size:22px}.nav a,.nav button.dd{font-size:14px}}

/* ===== Dark gallery theme (Nov 2026): no white pages, abstract art, defined buttons ===== */
section.band.light{background:#000;color:#fff}
.band.light+.band.light{border-top:1px solid #1f1f1f}
.light p,.light li,.light td,.light th,.light dd{color:#c9c9c9}
.light h1,.light h2,.light h3,.light h1 em,.light h2 em{color:#fff}
.light .eyebrow{color:#9a9a9a}
.light .card{background:linear-gradient(160deg,#0d0c0a,#000);border-color:#2a2a2a}
.light .body a{color:#fff}
.light .body ul li,.light ol.steps li,.light .table-wrap,.light th,.light td,.light details.faq{border-color:#2a2a2a}
.light .body ul li::before{background:#fff}
.light ol.steps .n{color:#9a9a9a}
h1,h2,h3{font-family:var(--serif);font-weight:400}
.page-hero h1{font-weight:300}
/* buttons: solid and clear everywhere */
.btn,.light .btn,.light .btn.gold,.btn.gold{background:#fff;color:#000;border:1.5px solid #fff;border-radius:4px;box-shadow:0 10px 30px -10px rgba(255,255,255,.25);text-transform:none;letter-spacing:.06em;font-weight:600}
.btn.ghost,.light .btn.ghost{background:transparent;color:#fff;border:1.5px solid #fff;box-shadow:none}
.light .body a.btn,.body a.btn,.light .body a.btn.gold{color:#000}
.light .body a.btn.ghost,.body a.btn.ghost{color:#fff}
.btn:hover,.light .btn:hover,.light .body a.btn:hover,.light .btn.gold:hover,.light .body a.btn.gold:hover{background:transparent;color:#fff}
.btn.ghost:hover,.light .btn.ghost:hover,.light .body a.btn.ghost:hover{background:#fff;color:#000}
.brand-sub{color:#f2f2f2;font-size:16px}
/* abstract Chagall lines behind every page title */
.page-hero{position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;top:-30%;right:-4%;width:46%;height:180%;background:url(art/chagall-lines.png) center/contain no-repeat;opacity:.22;transform:rotate(-4deg);pointer-events:none}
.page-hero.has-art::after{background:var(--art) center/cover;opacity:.55;top:0;right:0;width:55%;height:100%;transform:none;-webkit-mask:linear-gradient(90deg,transparent,#000 45%);mask:linear-gradient(90deg,transparent,#000 45%)}
.page-hero .wrap{position:relative;z-index:1}
/* insights list with artwork */
.ilist a{display:grid;grid-template-columns:200px auto 1fr auto;gap:24px;align-items:center}
.ilist .thumb{width:200px;aspect-ratio:16/10;object-fit:cover;border:1px solid #2a2a2a}
@media (max-width:820px){.ilist a{grid-template-columns:1fr}.ilist .thumb{width:100%}.page-hero::after{width:80%;opacity:.16}}
mark.tbc{background:none;color:inherit;padding:0}
.art-banner{margin:0;border-bottom:1px solid #1f1f1f}
.art-banner img{display:block;width:100%;height:clamp(220px,38vw,520px);object-fit:cover}
@media (max-width:820px){.brand-sub{font-size:12px;padding-left:12px}.wm{font-size:44px}.brand{gap:12px}}
.plate-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin-bottom:16px}
.aud-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}
.aud-strip img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
@media (max-width:820px){.aud-strip{grid-template-columns:1fr 1fr}}