@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&family=Instrument+Serif:ital@0;1&family=Newsreader:ital,opsz,wght@0,6..72,200..500;1,6..72,200..500&family=Syne:wght@400..600&family=IBM+Plex+Mono:wght@400;500&display=swap');
/* "Hero" theme — wide full-bleed hero, bog-oak dark ground, bone type, cinnabar accent. Scoped to .hx; remaps system tokens so every page follows. */
.hx{--hx-bg:#17120F;--hx-bg-2:#211A16;--hx-deep:#0F0C0A;--hx-bone:#ECE4D6;--hx-mute:#A39686;--hx-line:rgba(236,228,214,.16);--hx-accent:#D0603F;
--bg:var(--hx-bg);--bg-alt:var(--hx-bg-2);--bg-raised:var(--hx-bg-2);--text:var(--hx-bone);--text-secondary:var(--hx-mute);--border:var(--hx-line);--rule:1px solid var(--hx-line);--rule-strong:1px solid var(--hx-bone);
--interactive:var(--hx-bone);--interactive-hover:var(--hx-accent);--interactive-pressed:var(--hx-accent);--focus-ring:var(--hx-accent);--accent:var(--hx-accent);--accent-soft:#3A1F17;--placeholder:var(--hx-bg-2);--selection:#4A2418;
--font-sans:'Syne',system-ui,sans-serif;--font-serif:'Spectral',Georgia,serif;--hx-red:#5545FF;--hx-mono:'IBM Plex Mono',ui-monospace,monospace;
background:var(--bg);color:var(--text);min-height:100vh}
body.hx-body{background:#17120F}
.hx [data-theme="dark"]{--bg:var(--hx-deep);--text:var(--hx-bone)}
.hx .mp-header__name{font-family:var(--font-serif);font-weight:300;font-size:20px;text-transform:none;letter-spacing:-0.005em}
.hx-mono{font-family:var(--hx-mono);font-size:11px;line-height:1.45;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}
.hx-mono--ink{color:var(--text)}
.hx-pad{padding-inline:var(--margin);max-width:var(--max-width);margin-inline:auto}
.hx-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}

/* hero */
.hx-hero{position:relative;height:clamp(560px,92vh,1000px);overflow:hidden;isolation:isolate}
.hx-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;z-index:-2;filter:brightness(.58) contrast(1.06) saturate(.9);transform:scale(1.04);transition:transform 1800ms var(--ease-out)}
.hx-hero.is-in .hx-hero__img{transform:none}
.hx-hero__img .fl__img{object-position:50% 22%;}
.hx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in oklab,var(--hx-bg) 80%,transparent) 0%,transparent 45%,color-mix(in oklab,var(--hx-bg) 45%,transparent) 100%);z-index:-1}
.hx-hero__grid{position:absolute;inset:0;pointer-events:none;padding-inline:var(--margin)}
.hx-hero__grid i{border-left:1px solid rgba(236,228,214,.14)}
.hx-hero__grid i:last-child{border-right:1px solid rgba(236,228,214,.14)}
.hx-name{position:absolute;left:0;right:0;margin:0;padding-inline:calc(var(--margin) - .04em);font-family:var(--font-serif);font-weight:300;font-style:normal;text-transform:none;font-size:clamp(58px,14vw,272px);line-height:.84;letter-spacing:-0.025em;color:var(--hx-bone)}
.hx-name > span:last-child{font-style:italic}
.hx-name > span{display:block;transition:transform var(--dur-reveal) var(--ease-out),opacity var(--dur-slow) var(--ease-out)}
.hx-name > span:last-child{text-align:right;transition-delay:120ms}
.hx-hero.is-pending .hx-name > span{transform:translateY(24%);opacity:0}
.hx-name{bottom:-.09em}
.hx-name > span:first-child{margin-bottom:.06em}
.hx-hero__note{position:absolute;right:var(--margin);top:38%;max-width:30ch;text-align:right;color:var(--hx-bone)}
.hx-hero__badge{position:absolute;left:var(--margin);top:calc(var(--margin) * .9);display:flex;gap:10px;align-items:center;color:var(--hx-bone)}
.hx-plus{font-family:var(--hx-mono);font-size:13px;line-height:1;color:var(--text)}
@media (max-width:639px){.hx-hero{height:clamp(520px,88svh,760px)}.hx-name{font-size:19.5vw}.hx-hero__note{top:auto;bottom:calc(19.5vw * 1.9);left:var(--margin);right:var(--margin);text-align:left}.hx-hero__grid{grid-template-columns:repeat(2,1fr)}.hx .hx-name{font-size:17.6vw}.hx-hero__grid i:nth-child(n+3){display:none}}

/* info strip */
.hx-info{border-bottom:var(--rule);position:relative}
.hx-info__cell{padding:28px 16px 30px 0;display:flex;flex-direction:column;gap:8px;border-left:var(--rule);padding-left:14px;position:relative}
.hx-info__cell:last-child{border-right:var(--rule)}
.hx-info__cell .hx-plus{position:absolute;left:-5px;top:-7px}
@media (max-width:639px){.hx-info .hx-cols{grid-template-columns:1fr 1fr}.hx-info__cell:nth-child(2n){border-right:var(--rule)}.hx-info__cell{border-bottom:var(--rule)}}

/* about */
.hx-about{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);padding-block:clamp(80px,10vw,160px);align-items:start}
.hx-about__label{grid-column:1/-1;margin-bottom:var(--space-6);display:flex;gap:10px}
.hx-about__p{grid-column:1/span 8;margin:0;font-family:var(--font-sans);font-weight:700;text-transform:uppercase;font-size:clamp(26px,3.3vw,56px);line-height:1;letter-spacing:-0.03em;text-wrap:balance}
.hx-about__p em{font-family:var(--font-serif);font-style:italic;font-weight:300;text-transform:none;letter-spacing:-0.01em;color:var(--hx-accent)}
.hx-about__side{grid-column:10/span 3;display:flex;flex-direction:column;gap:14px}
.hx-about__side img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:var(--placeholder)}
@media (max-width:899px){.hx-about__p{grid-column:1/-1}.hx-about__side{grid-column:7/-1;margin-top:var(--space-8)}}
@media (max-width:639px){.hx-about__side{grid-column:3/-1}}

/* works */
.hx-sechead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:14px;border-top:var(--rule);border-bottom:var(--rule)}
.hx-wide{display:block;position:relative;color:var(--hx-bone);overflow:hidden;margin-top:var(--gutter)}
.hx-wide:hover{color:var(--hx-bone)}
.hx-wide img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block;background:var(--placeholder);transition:transform 1400ms var(--ease-out)}
.hx-wide:hover img,.hx-card:hover img{transform:scale(1.025)}
.hx-wide::after{content:"";position:absolute;inset:50% 0 0 0;background:linear-gradient(to top,color-mix(in oklab,var(--hx-deep) 70%,transparent),transparent)}
.hx-wide__cap{position:absolute;z-index:1;left:var(--margin);right:var(--margin);bottom:clamp(16px,2.4vw,36px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.hx-wide__cap .hx-mono{color:var(--hx-bone)}
.hx-title{font-family:var(--font-sans);font-weight:900;text-transform:uppercase;line-height:.84;letter-spacing:-0.05em;margin:0}
.hx-wide .hx-title{font-size:clamp(48px,9vw,168px)}
.hx-pair{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--space-8);margin-top:var(--gutter)}
.hx-card{display:flex;flex-direction:column;gap:14px;color:var(--text)}
.hx-card:hover{color:var(--text)}
.hx-card__f{overflow:hidden;background:var(--placeholder)}
.hx-card__f img{width:100%;display:block;object-fit:cover;transition:transform 1400ms var(--ease-out)}
.hx-card:nth-child(1){grid-column:1/span 7}.hx-card:nth-child(1) img{aspect-ratio:4/3}
.hx-card:nth-child(2){grid-column:9/span 4;align-self:end}.hx-card:nth-child(2) img{aspect-ratio:3/4}
.hx-card .hx-title{font-size:clamp(32px,3.6vw,64px);transition:color var(--dur-fast)}
.hx-card:hover .hx-title{color:var(--hx-accent)}
.hx-card__m{display:flex;justify-content:space-between;gap:16px;border-top:var(--rule);padding-top:10px}
@media (max-width:639px){.hx-wide img{aspect-ratio:4/5}.hx-card:nth-child(n){grid-column:1/-1}.hx-wide__cap{flex-direction:column;align-items:flex-start}}

/* statement */
.hx-say{padding-block:clamp(120px,16vw,260px);text-align:center}
.hx-say q{display:block;quotes:none;max-width:22ch;margin:0 auto;font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:clamp(40px,5.6vw,104px);line-height:1;letter-spacing:-0.02em;text-wrap:balance}
.hx-say .hx-mono{display:block;margin-top:var(--space-6)}

/* index */
.hx-row{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) 80px;gap:var(--gutter);align-items:baseline;padding-block:18px;border-bottom:var(--rule);color:var(--text);transition:color var(--dur-fast),padding var(--dur-base) var(--ease-out)}
.hx-row:hover{color:var(--hx-accent);padding-left:12px}
.hx-row__t{font-family:var(--font-sans);font-weight:800;text-transform:uppercase;font-size:clamp(22px,2.4vw,40px);line-height:.95;letter-spacing:-0.035em}
.hx-row .hx-mono:last-child{text-align:right}
@media (max-width:639px){.hx-row{grid-template-columns:40px 1fr 56px}.hx-row__c{display:none}}

/* writing */
.hx-writing{margin-top:clamp(96px,12vw,200px)}
.hx-wgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gutter)}
.hx-wcard{display:flex;flex-direction:column;gap:14px;padding:22px 0 28px;border-bottom:var(--rule);color:var(--text)}
.hx-wcard:hover{color:var(--hx-accent)}
.hx-wcard__t{font-family:var(--font-serif);font-weight:300;font-size:clamp(24px,2.2vw,34px);line-height:1.08;letter-spacing:-0.01em;text-wrap:balance;transition:color var(--dur-fast)}
@media (max-width:899px){.hx-wgrid{grid-template-columns:1fr}}

/* footer signature — same as hero name */
.hx .mp-footer__sig,.hx .mp-footer__sig *{font-family:var(--font-serif)!important;font-weight:300!important;text-transform:none!important;letter-spacing:-0.04em!important;font-stretch:normal!important}
.hx .mp-footer__sig > * > *:last-child,.hx .mp-footer__sig [class*="line"]:last-child{font-style:italic}

/* fluted glass */
.fl{position:relative;overflow:hidden}
.fl__img{display:block;width:100%;height:100%;object-fit:cover}
.fl__c{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 700ms var(--ease-out)}
.fl.is-gl .fl__c{opacity:1}
.hx-wide .fl__img{aspect-ratio:21/9;height:auto}
@media (max-width:639px){.hx-wide .fl__img{aspect-ratio:4/5}}
.hx-saybg{position:relative;isolation:isolate;overflow:hidden;margin-top:clamp(96px,12vw,200px)}
.hx-saybg__img{position:absolute!important;inset:0;z-index:-1}
.hx-saybg__img .fl__img{filter:brightness(.4) blur(14px);transform:scale(1.1)}
.hx-saybg .hx-mono{color:var(--hx-bone)}

/* transparent header */
.hx .mp-header{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent;text-shadow:0 1px 12px color-mix(in oklab,var(--hx-deep) 50%,transparent)}
.hx .k-main{padding-top:var(--header-h)}
.hx .hx-hero{margin-top:calc(var(--header-h) * -1)}
.hx .hx-hero__badge{top:calc(var(--header-h) + 8px)}

/* ---------- Stone palette: greige paper, black ink, hairline geometry ---------- */
body.hx-body.is-laque{background:#1A1A1A}
.hx[data-palette="Ink"]{--bg:#1A1A1A;--bg-alt:#1E1A17;--bg-raised:#211E1B;--text:#E5DFD8;--text-secondary:#9C968F;--border:rgba(229,223,216,.16);--rule:1px solid rgba(229,223,216,.16);--rule-strong:1px solid #E5DFD8;--interactive:#E5DFD8;--interactive-hover:#9C968F;--interactive-pressed:#E5DFD8;--focus-ring:#E5DFD8;--accent:#E5DFD8;--hx-accent:#9C968F;--accent-soft:#1E1A17;--placeholder:#1E1A17;--selection:#3A3530;--hx-deep:#161616;--hx-line:rgba(229,223,216,.16);--hx-bone:#E5DFD8;--hx-red:#5545FF}
.hx[data-palette="Ink"] .mp-header{text-shadow:none}
.hx[data-palette="Ink"] .hx-hero::after{display:none}
.hx[data-palette="Ink"] .hx-hero__img{filter:grayscale(1) brightness(.74) contrast(1.06)}
.hx[data-palette="Ink"] .hx-hero__img .fl__img{filter:grayscale(1) contrast(1.08) brightness(1.04)}
.hx[data-palette="Ink"] .hx-hero__grid i{border-color:rgba(20,17,16,.12)!important}
.hx[data-palette="Ink"] .hx-name,.hx[data-palette="Ink"] .hx-hero__note,.hx[data-palette="Ink"] .hx-hero__badge{color:var(--text)}

.hx-ring{position:absolute;z-index:0;pointer-events:none;right:calc(clamp(140px,14vw,280px) * -1);top:20%;width:clamp(300px,34vw,640px);aspect-ratio:1;border-radius:50%;border:1px solid var(--text);transition:transform 1600ms var(--ease-out),opacity 900ms var(--ease-out)}
.hx-hline{position:absolute;z-index:0;pointer-events:none;left:0;right:0;top:46%;height:1px;background:var(--text);opacity:.6;transform-origin:left;transition:transform 1400ms var(--ease-out)}
.hx-block{position:absolute;z-index:0;pointer-events:none;left:0;top:calc(46% - clamp(40px,4vw,72px));width:clamp(36px,3.4vw,64px);height:clamp(40px,4vw,72px);background:var(--text)}
.hx-vert{position:absolute;z-index:1;right:calc(var(--margin) * .6);top:50%;writing-mode:vertical-rl;color:var(--text)}
.hx-hero.is-pending .hx-ring{transform:scale(.92);opacity:0}.hx-hero.is-pending .hx-hline{transform:scaleX(0)}
@media (max-width:639px){.hx-ring{width:70vw;right:-34vw;top:24%}.hx-vert{display:none}}
.hx[data-palette="Ink"] [data-theme="dark"]{--bg:#161616;background:var(--bg);color:var(--text)}
.hx[data-palette="Ink"] .hx-saybg{color:var(--text)}
.hx[data-palette="Ink"] .hx-saybg__img .fl__img{filter:grayscale(1) brightness(.35) blur(14px)}

/* hero frost — frosted ribbed glass over the left half, edge follows cursor */
.hx-hero__grid{display:none}
.hx-frost{--rib:clamp(52px,5.4vw,100px);position:absolute;top:0;bottom:0;left:0;width:var(--fx,46%);z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(28px) brightness(1.08) saturate(.85);backdrop-filter:blur(28px) brightness(1.08) saturate(.85);background:repeating-linear-gradient(90deg,transparent 0 calc(var(--rib) - 1px),rgba(255,255,255,.2) calc(var(--rib) - 1px) var(--rib)),repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0,rgba(255,255,255,0) calc(var(--rib) * .55),rgba(0,0,0,.05) var(--rib)),rgba(255,255,255,.04);border-right:1px solid rgba(255,255,255,.3)}
@media (max-width:639px){.hx-frost{--rib:44px;width:48%!important}}

/* ultramarine (was Cartier red) — display-size editorial accents only (≥3:1 on #1A1A1A; never small text) */
.hx[data-palette="Ink"] .hx-name > span:last-child{color:var(--hx-red)}
.hx[data-palette="Ink"] .hx-about__p em{color:var(--hx-red)}
.hx[data-palette="Ink"] .k-h1 em,.hx[data-palette="Ink"] .k-bio__h em{color:var(--hx-red)}
.hx[data-palette="Ink"] .hx-title:hover,.hx[data-palette="Ink"] .hx-card:hover .hx-title,.hx[data-palette="Ink"] .hx-row:hover .hx-row__t{color:var(--hx-red)}
.hx[data-palette="Ink"] .hx-say q em{color:var(--hx-red)}
.hx[data-palette="Ink"] .mp-header__item[aria-current="page"] .mp-disc{background:var(--hx-red)}
.hx[data-palette="Ink"] ::selection{background:#5545FF;color:#E5DFD8}

/* hero motion smear (replaces frost) */
.hx-frost{display:none}
.hx-smear{position:absolute;inset:0;width:100%;height:100%;z-index:-2;display:block;opacity:0;transition:opacity 900ms var(--ease-out);filter:brightness(.58) contrast(1.06) saturate(.9)}
.hx-smear.is-on{opacity:1}
.hx[data-palette="Ink"] .hx-smear{filter:grayscale(1) brightness(.74) contrast(1.06)}

/* sharp editorial type — Cormorant (display serif) + Syne (light avant-garde sans), no heavy weights */
.hx .k-h1,.hx .k-bio__h,.hx .k-bioint__lead,.hx .k-tile__t,.hx .hx-say q,.hx .hx-wcard__t,.hx .mp-header__name{font-weight:400!important}
.hx .hx-title{font-family:var(--font-sans);font-weight:400;letter-spacing:-0.03em;line-height:.9}
.hx .hx-about__p{font-family:var(--font-sans);font-weight:400;letter-spacing:-0.02em;line-height:1.04}
.hx .hx-about__p em{font-family:var(--font-serif);font-weight:400}
.hx .hx-row__t{font-family:var(--font-sans);font-weight:400;letter-spacing:-0.02em}
.hx .mp-header__item{font-family:var(--font-sans);font-weight:500;letter-spacing:.06em}
/* red accents in all palettes */
.hx .hx-name > span:last-child,.hx .hx-about__p em,.hx .k-h1 em,.hx .hx-say q em{color:var(--hx-red)}
.hx .hx-card:hover .hx-title,.hx .hx-row:hover .hx-row__t,.hx .hx-wide:hover .hx-title,.hx .k-tile__a:hover .k-tile__t{color:var(--text)}
.hx .mp-header__item[aria-current="page"] .mp-disc{background:var(--hx-red)}
.hx ::selection{background:var(--hx-red);color:#E5DFD8}

/* name — vertical along the left edge, on the blurred side; head stays clear */
.hx .hx-name{left:var(--margin);right:auto;top:calc(var(--header-h) + 24px);bottom:clamp(24px,4vh,48px);padding:0;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(48px,10.5vh,124px);line-height:.9;letter-spacing:-0.01em;white-space:nowrap;display:flex;flex-direction:row;align-items:flex-start;gap:.25em}
.hx .hx-name > span{display:block;margin:0!important;text-align:left!important}
.hx .hx-hero.is-pending .hx-name > span{transform:translateY(-12%)}
@media (max-width:639px){.hx .hx-name{writing-mode:horizontal-tb;transform:none;top:auto;bottom:24px;left:var(--margin);right:var(--margin);font-size:15vw;flex-direction:column;gap:0;line-height:.86}.hx .hx-name > span:last-child{padding-left:18%}}

/* pairing — Syne caps (statement) + Cormorant italic (accent), consistent across pages */
.hx .k-h1{font-family:var(--font-sans)!important;font-style:normal!important;font-weight:400!important;text-transform:uppercase;letter-spacing:-0.03em;line-height:.92}
.hx .k-h1 em{font-family:var(--font-serif);font-style:italic;font-weight:300;text-transform:none;letter-spacing:-0.01em}
.hx .k-bioint__lead{font-family:var(--font-sans);font-weight:400!important;text-transform:uppercase;letter-spacing:-0.02em;line-height:1.08;font-size:clamp(20px,2vw,30px)}
.hx .k-bio__h{font-family:var(--font-serif);font-style:italic;font-weight:300!important;font-size:clamp(28px,2.6vw,40px)}
.hx .hx-name > span:first-child{font-family:var(--font-sans);font-weight:400;text-transform:uppercase;letter-spacing:-0.03em;font-size:.78em}

/* hover = Cartier red everywhere (replaces orange --hx-accent) */
.hx{--interactive-hover:var(--hx-red);--interactive-pressed:var(--hx-red);--hx-accent:var(--hx-red)}
.hx .mp-header__item:hover,.hx .mp-header__item:focus-visible,.hx .mp-langs__item:hover{color:var(--hx-red)}

/* footer — compact single band */
.hx .mp-footer{padding-top:clamp(48px,6vw,96px);border-top:var(--rule)}
.hx .mp-footer__cols{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:var(--space-6);padding-bottom:clamp(28px,3.5vw,52px)}
.hx .mp-footer__col--wide{grid-column:1/span 7}
.hx .mp-footer__mail{font-family:var(--font-sans);font-weight:400;text-transform:uppercase;letter-spacing:-0.03em;font-size:clamp(26px,3.6vw,60px);line-height:.95;transition:color var(--dur-fast)}
.hx .mp-footer__mail:hover{color:var(--hx-red)}
.hx nav.mp-footer__col{grid-column:8/span 3;display:grid;grid-template-columns:1fr 1fr;gap:6px var(--gutter);align-content:end}
.hx nav.mp-footer__col .mp-footer__label{grid-column:1/-1}
.hx .mp-footer__col:last-child{grid-column:11/span 2;align-self:end}
.hx .mp-footer__legal{padding-block:14px}
@media (max-width:899px){.hx .mp-footer__col--wide{grid-column:1/-1}.hx nav.mp-footer__col{grid-column:1/span 7}.hx .mp-footer__col:last-child{grid-column:8/-1}}
@media (max-width:479px){.hx nav.mp-footer__col,.hx .mp-footer__col:last-child{grid-column:1/-1}}

.hx .mp-footer__cols{align-items:start}
.hx .mp-footer__col--wide{grid-column:1/span 6}
.hx .mp-footer__mail{font-size:clamp(22px,2.8vw,48px)}
.hx nav.mp-footer__col{grid-column:8/span 3;align-content:start}
.hx .mp-footer__col:last-child{align-self:start}
.hx nav.mp-footer__col a{white-space:nowrap}
@media (max-width:1199px){.hx .mp-footer__col--wide{grid-column:1/-1}.hx nav.mp-footer__col{grid-column:1/span 6}.hx .mp-footer__col:last-child{grid-column:8/-1}.hx .mp-footer__mail{font-size:clamp(24px,4vw,48px)}}
@media (max-width:479px){.hx nav.mp-footer__col,.hx .mp-footer__col:last-child{grid-column:1/-1}}

.hx .k-h1{font-size:clamp(32px,4.4vw,76px)!important}

.hx[data-serif="Instrument Serif"]{--font-serif:'Instrument Serif',Georgia,serif}
.hx[data-serif="Newsreader"]{--font-serif:'Newsreader',Georgia,serif}

/* hero lede — bottom right */
.hx-hero__lede{position:absolute;z-index:1;right:var(--margin);bottom:clamp(24px,4vh,48px);margin:0;max-width:min(30ch,34vw);text-align:right;font-family:var(--font-sans);font-weight:400;text-transform:uppercase;font-size:clamp(15px,1.35vw,22px);line-height:1.12;letter-spacing:-0.01em;color:var(--hx-bone);text-wrap:balance}
@media (max-width:639px){.hx-hero__lede{left:var(--margin);right:var(--margin);max-width:none;text-align:left;bottom:auto;top:calc(var(--header-h) + 16px);font-size:14px}}

.hx-hero__lede{max-width:min(22ch,50vw);font-size:clamp(26px,3.3vw,56px);line-height:1;letter-spacing:-0.03em;text-wrap:balance}
.hx-hero__lede em{font-family:var(--font-serif);font-style:italic;font-weight:300;text-transform:none;letter-spacing:-0.01em;color:var(--hx-red)}
@media (max-width:639px){.hx-hero__lede{font-size:clamp(22px,6.4vw,30px);max-width:none}}

/* centred page titles */
.hx .k-pagehead > .k-head{justify-content:center;text-align:center}
.hx .k-pagehead > .k-head .k-h1{margin-inline:auto;text-align:center}

.hx-hero__lede{max-width:min(38ch,62vw);text-wrap:pretty}

.hx ::selection{background:#0F00BC;color:#E5DFD8}

.hx-hero__lede{font-size:clamp(21px,2.64vw,45px)}
@media (max-width:639px){.hx-hero__lede{font-size:clamp(18px,5.1vw,24px)}}

/* name lives in the header on every page; hero h1 kept for semantics only */
.hx .hx-name{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.hx .mp-header__name{display:inline-flex;align-items:baseline;gap:.3em;font-family:var(--font-sans)!important;font-weight:400!important;text-transform:uppercase!important;font-size:clamp(18px,1.6vw,26px)!important;letter-spacing:-0.02em!important;line-height:1;color:var(--text);white-space:nowrap}
.hx .mp-header__name em{font-family:var(--font-serif);font-style:italic;font-weight:300;text-transform:none;letter-spacing:-0.01em;font-size:1.12em;color:var(--hx-red)}
.hx .mp-header__name:hover{color:var(--text)}
@media (max-width:1100px){.hx .mp-header__nav--center{left:auto;right:calc(var(--margin) + 190px);transform:none}}

/* header legibility over bright photos */
.hx .mp-header::before{content:"";position:absolute;inset:0 0 -40px 0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(22,22,22,.72),rgba(22,22,22,0))}
.hx .mp-header{isolation:isolate}
.hx .mp-langs__item{color:var(--text);opacity:.72}
.hx .mp-langs__item[aria-current="true"],.hx .mp-langs__item:hover{opacity:1}


.hx .mp-header__name em{font-family:var(--font-sans);font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:-0.02em;font-size:1em;color:var(--text)}

/* every link turns ultramarine on hover */
.hx a:hover,.hx a:focus-visible,.hx a:hover *,.hx .mp-link:hover,.hx .mp-footer a:hover{color:var(--hx-red)!important}
.hx a:hover .mp-link__line,.hx .mp-link:hover::after{background:var(--hx-red)!important}

.hx .mp-header__surname{color:inherit}

/* Light mode — inverted Ink: beige paper, black ink, pigment ultramarine */
body.hx-body.is-light{background:#E5DFD8}
.hx[data-mode="light"]{--bg:#E5DFD8;--bg-alt:#DCD5CD;--bg-raised:#ECE7E1;--text:#1A1A1A;--text-secondary:#5E5953;--border:rgba(26,26,26,.18);--rule:1px solid rgba(26,26,26,.18);--rule-strong:1px solid #1A1A1A;--interactive:#1A1A1A;--interactive-hover:#0F00BC;--interactive-pressed:#0F00BC;--focus-ring:#0F00BC;--accent:#1A1A1A;--accent-soft:#DCD5CD;--placeholder:#DCD5CD;--hx-deep:#1A1A1A;--hx-line:rgba(26,26,26,.18);--hx-red:#0F00BC;background:var(--bg);color:var(--text)}
.hx[data-mode="light"] .mp-header::before{background:linear-gradient(to bottom,rgba(229,223,216,.86),rgba(229,223,216,0))}
.hx[data-mode="light"] .mp-header{text-shadow:none}
.hx[data-mode="light"] .hx-hero__lede{color:#E5DFD8}
.hx[data-mode="light"] .hx-hero__lede em{color:#8F88FF}
.hx[data-mode="light"] [data-theme="dark"]{--bg:#1A1A1A;--text:#E5DFD8;--text-secondary:#9C968F;--border:rgba(229,223,216,.16);--rule:1px solid rgba(229,223,216,.16);--rule-strong:1px solid #E5DFD8;--interactive:#E5DFD8;--hx-red:#8F88FF;background:var(--bg);color:var(--text)}
.hx[data-mode="light"] .hx-saybg{--text:#E5DFD8}

.hx[data-mode="light"] .hx-hero::after{display:block;background:linear-gradient(to top,rgba(26,26,26,.72) 0%,rgba(26,26,26,.35) 32%,transparent 55%)}

/* Accent: Cartier red (default) / ultramarine — set via data-accent */
.hx[data-accent="red"]{--hx-red:#C8303F;--interactive-hover:#C8303F;--interactive-pressed:#C8303F;--focus-ring:#C8303F}
.hx[data-accent="red"][data-mode="light"]{--hx-red:#A6192E;--interactive-hover:#A6192E;--interactive-pressed:#A6192E;--focus-ring:#A6192E}
.hx[data-accent="red"][data-mode="light"] [data-theme="dark"]{--hx-red:#E0566A}
.hx[data-accent="red"][data-mode="light"] .hx-hero__lede em{color:#E8707F}
.hx[data-accent="red"] ::selection{background:#A6192E;color:#E5DFD8}

/* Accent: green / orange / yellow — [dark-ground, light-ground] */
.hx[data-accent="green"]{--hx-red:#2DBE74;--interactive-hover:#2DBE74;--interactive-pressed:#2DBE74;--focus-ring:#2DBE74}
.hx[data-accent="green"][data-mode="light"]{--hx-red:#0B7A43;--interactive-hover:#0B7A43;--interactive-pressed:#0B7A43;--focus-ring:#0B7A43}
.hx[data-accent="green"][data-mode="light"] [data-theme="dark"]{--hx-red:#2DBE74}
.hx[data-accent="green"][data-mode="light"] .hx-hero__lede em{color:#2DBE74}
.hx[data-accent="green"] ::selection{background:#0B7A43;color:#E5DFD8}
.hx[data-accent="orange"]{--hx-red:#FF6B1F;--interactive-hover:#FF6B1F;--interactive-pressed:#FF6B1F;--focus-ring:#FF6B1F}
.hx[data-accent="orange"][data-mode="light"]{--hx-red:#C24700;--interactive-hover:#C24700;--interactive-pressed:#C24700;--focus-ring:#C24700}
.hx[data-accent="orange"][data-mode="light"] [data-theme="dark"]{--hx-red:#FF6B1F}
.hx[data-accent="orange"][data-mode="light"] .hx-hero__lede em{color:#FF6B1F}
.hx[data-accent="orange"] ::selection{background:#C24700;color:#E5DFD8}
.hx[data-accent="yellow"]{--hx-red:#F5C518;--interactive-hover:#F5C518;--interactive-pressed:#F5C518;--focus-ring:#F5C518}
.hx[data-accent="yellow"][data-mode="light"]{--hx-red:#8A6800;--interactive-hover:#8A6800;--interactive-pressed:#8A6800;--focus-ring:#8A6800}
.hx[data-accent="yellow"][data-mode="light"] [data-theme="dark"]{--hx-red:#F5C518}
.hx[data-accent="yellow"][data-mode="light"] .hx-hero__lede em{color:#F5C518}
.hx[data-accent="yellow"] ::selection{background:#8A6800;color:#E5DFD8}

/* hero video */
.hx .hx-hero__video{filter:none!important;transform:none!important;object-fit:cover;object-position:50% 50%;background:#000}

/* video legibility — scrim in both modes */
.hx .hx-hero::after{display:block!important;background:linear-gradient(to top,rgba(22,22,22,.78) 0%,rgba(22,22,22,.38) 35%,transparent 60%,transparent 78%,rgba(22,22,22,.5) 100%)!important}
.hx .hx-hero__lede{text-shadow:0 1px 18px rgba(0,0,0,.45)}
.hx .mp-header::before{background:linear-gradient(to bottom,rgba(22,22,22,.8),rgba(22,22,22,0))}
.hx[data-mode="light"] .mp-header::before{background:linear-gradient(to bottom,rgba(229,223,216,.92),rgba(229,223,216,0))}

/* below hero — calm: three works, one line */
.hx-sel{margin-top:clamp(96px,11vw,180px)}
.hx-sel__grid{margin-top:var(--gutter)}
.hx-sel__grid > li{list-style:none}
.hx-sel__grid .k-exh__item{display:block;color:var(--text)}
.hx-latest{margin-top:clamp(120px,14vw,220px);margin-bottom:clamp(40px,6vw,96px);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.hx-latest h2{margin:0}
.hx-latest__a{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--text)}
.hx-latest__t{font-family:var(--font-sans);font-weight:400;text-transform:uppercase;font-size:clamp(40px,6vw,104px);line-height:.9;letter-spacing:-0.035em;transition:color var(--dur-fast)}
.hx-latest__m{font-family:var(--font-serif);font-style:italic;font-size:clamp(17px,1.4vw,22px);color:var(--text-secondary)}

/* mobile menu — smaller, lighter */
.hx .mp-menu__list{gap:14px}
.hx .mp-menu__item{font-family:var(--font-sans);font-weight:400;font-stretch:100%;font-size:clamp(20px,6vw,26px);line-height:1.15;letter-spacing:0.02em;text-transform:uppercase}

.hx .mp-menu__foot{align-items:center}
.hx .mp-menu__ig{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-11px}
.hx .mp-menu__ig img{width:22px;height:22px;filter:invert(1) sepia(.15);opacity:.85;transition:opacity var(--dur-fast)}
.hx[data-mode="light"] .mp-menu__ig img{filter:none}
.hx .mp-menu__ig:hover img{opacity:1}

/* image tiles keep neutral caption colours on hover (match Exhibitions) */
.hx .k-tile__a:hover,.hx .k-tile__a:hover .k-exh__t,.hx .k-tile__a:hover .k-exh__venue,.hx .k-tile__a:focus-visible .k-exh__t,.hx .k-tile__a:focus-visible .k-exh__venue,.hx .hx-sel__grid a:hover .k-exh__t,.hx .hx-sel__grid a:hover .k-exh__venue{color:var(--text)!important}
.hx .k-tile__a:hover .k-exh__date,.hx .k-tile__a:hover .k-exh__sub,.hx .k-tile__a:focus-visible .k-exh__date,.hx .k-tile__a:focus-visible .k-exh__sub,.hx .hx-sel__grid a:hover .k-exh__date,.hx .hx-sel__grid a:hover .k-exh__sub{color:var(--text-secondary)!important}
