/* tokens - light version (5 Oct 2026). Dark tokens archived in tokens-dark-archive.css */
:root{
  --text-page: 64px;  --text-page-s: 44px;  --text-card-l: 15px;  --text-index: 34px;  --text-work-h1: 46px;
  --btn-w-l: 340px;  --text-body-l: 18px;  --text-lead: 26px;  --text-entry: 26px;  --text-quote-s: 24px;
  --text-year: 40px;  --text-tl: 26px;  --text-feature: 52px;  --measure: 680px;  --text-article: 22px;
  --color-error: #A63A2A;  --color-ok: #3D6E37;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-120: 120px;
  --space-160: 160px;
  --container: 1360px;
  --pad-x: 32px;
  --font-serif: 'Cormorant Garamond', 'Garamond', 'Times New Roman', serif;
  --font-sans: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --text-hero: 72px;
  --ls-hero: 0.12em;
  --text-tagline: 32px;
  --text-tagline-s: 24px;
  --text-h2: 30px;
  --ls-heading: 0.08em;
  --text-kicker: 24px;
  --text-principle: 42px;
  --text-closing: 30px;
  --text-card: 13px;
  --text-post: 26px;
  --ls-card: 0.16em;
  --text-line: 17px;
  --text-quote: 36px;
  --text-body: 16px;
  --lh-body: 1.65;
  --text-small: 14px;
  --text-label: 11px;
  --ls-label: 0.2em;
  --text-nav: 11px;
  --text-wordmark: 19px;
  --ls-wordmark: 0.2em;
  --btn-w: 240px;
  --card-ratio: 190 / 210;
  --exh-ratio: 16 / 9;
  --artist-h: 480px;
  --dur-base: 250ms;
  --dur-slow: 400ms;
  --dur-slower: 600ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-rise: 12px;
  --color-bg: #F4F3F0;
  --color-gap: #E6E4DF;
  --color-surface: #F8F7F4;
  --color-placeholder: #ECEAE6;
  --color-text: #1E1C19;
  --color-text-2: #4A4540;
  --color-muted: #66615A;
  --color-line: #DCD9D3;
  --color-quiet-line: #8E8981;
  --color-brass: #84642B;
  --color-on-brass: #FFFFFF;
  --color-wordmark-y: #1E1C19;
  --color-field-light: #FFFFFF;
  --color-field-mid: #EFEEEA;
  --color-field-edge: #E3E1DC;
  --color-floor: rgba(233,231,227,0.85);
  --color-header: rgba(246,245,242,0.84);
  --color-header-open: #F6F5F2;
  --color-veil: rgba(246,245,242,0.80);
  --tex-opacity: 1;
  --tex-opacity-closing: 0.95;
  --smoke-bright: 1;
  --smoke-tint: 120,114,106;
  --exh-bright: 1;
  --color-lb: #F4F3F0;
}
@media (max-width:1100px){
:root{
  --text-page: 52px;  --text-feature: 42px;  --text-work-h1: 40px;
  --pad-x: 24px;
  --text-hero: 56px;
  --text-tagline: 28px;
  --text-principle: 34px;
  --text-quote: 30px;
  --artist-h: 420px;
}
}
@media (max-width:767px){
:root{
  --text-page: 38px;  --text-page-s: 30px;  --text-index: 24px;  --text-work-h1: 32px;  --text-feature: 32px;  --text-article: 20px;  --text-year: 30px;  --text-tl: 22px;  --text-entry: 22px;  --text-lead: 22px;
  --pad-x: 20px;
  --text-hero: 40px;
  --ls-hero: 0.08em;
  --text-tagline: 26px;
  --text-tagline-s: 20px;
  --text-h2: 24px;
  --text-kicker: 18px;
  --text-principle: 30px;
  --text-quote: 28px;
  --text-closing: 22px;
  --text-wordmark: 14px;
  --ls-wordmark: 0.14em;
  --motion-rise: 8px;
  --artist-h: 380px;
  --btn-w: 0px;
}
}
/* VECTO - Khachatur Balbabyan - direction E (client design). Values from tokens. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--space-80);background:var(--color-bg)}
body.vd-body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
ul{list-style:none;margin:0;padding:0}
figure,blockquote,p,h1,h2,h3{margin:0}
button{font:inherit;color:inherit}
:focus-visible{outline:1px solid var(--color-brass);outline-offset:4px}
.vd-skip{position:absolute;left:var(--space-16);top:calc(-1 * var(--space-80));background:var(--color-text);color:var(--color-bg);padding:var(--space-12) var(--space-16);z-index:200}
.vd-skip:focus{top:var(--space-16)}
.vd-wide{width:100%;max-width:calc(var(--container) + 2 * var(--pad-x));margin:0 auto;padding:0 var(--pad-x)}

/* Shared type */
.vd-label{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;line-height:1.6}
.vd-muted{color:var(--color-muted)}
.vd-italic{font-family:var(--font-serif);font-style:italic;font-size:var(--text-line)}
.vd-h2{font-family:var(--font-serif);font-weight:400;font-size:var(--text-h2);letter-spacing:var(--ls-heading);text-transform:uppercase;line-height:1.15;color:var(--color-text)}
.vd-text{font-size:var(--text-body);line-height:var(--lh-body);color:var(--color-text-2);max-width:52ch}
.vd-rule{display:block;width:var(--space-32);height:1px;background:var(--color-brass)}
.vd-rule-s{width:var(--space-24);margin-top:var(--space-8)}
.vd-wordmark-y{color:var(--color-wordmark-y)}
.vd-label-link{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;color:var(--color-text);padding:var(--space-12) 0;transition:color var(--dur-base) var(--ease-out)}
.vd-label-link:hover{color:var(--color-brass)}

/* Buttons */
.vd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-24);min-height:var(--space-48);min-width:var(--btn-w);padding:var(--space-12) var(--space-24);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;color:var(--color-text);border:1px solid transparent;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}
.vd-btn-gold{border-color:var(--color-brass)}
.vd-btn-gold:hover{background:var(--color-brass);color:var(--color-on-brass)}
.vd-btn-quiet{border-color:var(--color-quiet-line)}
.vd-btn-quiet:hover{border-color:var(--color-text)}
.vd-arrow{transition:transform var(--dur-base) var(--ease-out)}
.vd-btn:hover .vd-arrow{transform:translateX(4px)}

/* Header */
.vd-header{position:fixed;inset:0 0 auto 0;z-index:50;border-bottom:1px solid transparent;transition:background-color var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out),opacity var(--dur-slower) var(--ease-out)}
.vd-header.is-solid{background:var(--color-header);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--color-line)}
.vd-header-inner{max-width:calc(var(--container) + 2 * var(--pad-x));margin:0 auto;padding:var(--space-12) var(--pad-x);display:flex;align-items:center;justify-content:space-between;gap:var(--space-32)}
.vd-wordmark{font-family:var(--font-serif);font-size:var(--text-wordmark);letter-spacing:var(--ls-wordmark);text-decoration:none;color:var(--color-text);white-space:nowrap}
.vd-nav{display:flex;align-items:center;gap:var(--space-24)}
.vd-nav-list{display:flex;gap:var(--space-32)}
.vd-nav-link{font-size:var(--text-nav);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;color:var(--color-text);padding:var(--space-12) 0;background-image:linear-gradient(var(--color-brass),var(--color-brass));background-size:0 1px;background-repeat:no-repeat;background-position:0 80%;transition:background-size var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}
.vd-nav-link:hover,.vd-nav-link.is-current{background-size:100% 1px}
.vd-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--space-48);height:var(--space-48);border:0;background:transparent;cursor:pointer;color:var(--color-text);padding:0}
.vd-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}
.vd-icon-dot{fill:currentColor;stroke:none}
.vd-menu-btn{display:none}

/* home-01 Hero - the sculpture on a lit dark field */
.vd-hero{position:relative;min-height:100svh;display:flex;overflow:hidden;background:var(--color-field-edge)}
.vd-hero-field{position:absolute;inset:0;background:radial-gradient(ellipse 42% 62% at 62% 46%,var(--color-field-light) 0%,var(--color-field-mid) 48%,var(--color-field-edge) 100%)}
.vd-hero-field::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(to bottom,transparent,var(--color-floor))}
.vd-hero-inner{position:relative;width:100%;max-width:calc(var(--container) + 2 * var(--pad-x));margin:0 auto;padding:var(--space-96) var(--pad-x) 0;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center}
.vd-hero-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-24);padding-left:var(--space-48);padding-bottom:var(--space-96)}
.vd-hero-name{display:flex;flex-direction:column;font-family:var(--font-serif);font-size:var(--text-hero);line-height:1.05;letter-spacing:var(--ls-hero);color:var(--color-text);white-space:nowrap}
.vd-hero-tagline{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:var(--text-tagline);line-height:1.2;color:var(--color-text);max-width:21ch}
.vd-hero-kicker{color:var(--color-text-2)}
.vd-hero-actions{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-8)}
.vd-hero-work{position:relative;align-self:end;display:flex;justify-content:center}
.vd-hero-open{width:auto;position:relative}
.vd-hero-open::after{content:"";position:absolute;left:12%;right:12%;bottom:-2%;height:9%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%);z-index:-1}
.vd-hero-img{width:auto;max-width:100%;max-height:calc(100svh - var(--space-120))}
.vd-hero-label{position:absolute;right:var(--pad-x);top:48%;display:flex;flex-direction:column;z-index:2;padding-right:var(--space-24)}
.vd-scroll{position:absolute;right:calc(var(--pad-x) + var(--space-48));bottom:var(--space-24);display:flex;flex-direction:column;align-items:center;gap:var(--space-8);text-decoration:none;color:var(--color-text-2);z-index:2}
.vd-scroll-line{display:block;width:1px;height:var(--space-64);background:var(--color-quiet-line)}

/* Work buttons: open the viewer. Images never transform. */
.vd-work-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.vd-cutout{width:100%;height:auto}

/* home-02 Selected works */
.vd-works{padding:var(--space-24) 0 var(--space-48);background:var(--color-surface)}
.vd-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);margin-bottom:var(--space-16)}
.vd-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-12)}
.vd-card{display:flex;flex-direction:column;align-items:center;text-align:center}
.vd-card-media{position:relative;aspect-ratio:var(--card-ratio);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-24) var(--space-16) var(--space-16);background:radial-gradient(ellipse 70% 70% at 50% 42%,var(--color-field-light) 0%,var(--color-field-mid) 50%,var(--color-field-edge) 100%);overflow:hidden;margin-bottom:var(--space-16);transition:box-shadow var(--dur-slow) var(--ease-out)}
.vd-card-media::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(to bottom,transparent,var(--color-floor));pointer-events:none}
.vd-card-media .vd-cutout{position:relative;z-index:1;width:auto;max-width:92%;max-height:94%;object-fit:contain}
.vd-card:hover .vd-card-media,.vd-card:focus-within .vd-card-media{box-shadow:inset 0 0 0 1px var(--color-brass)}
.vd-card-title{font-family:var(--font-sans);font-weight:400;font-size:var(--text-card);letter-spacing:var(--ls-card);text-transform:uppercase;color:var(--color-text);transition:color var(--dur-base) var(--ease-out)}
.vd-card:hover .vd-card-title{color:var(--color-brass)}
.vd-card-year{margin-top:var(--space-4);font-size:var(--text-label);letter-spacing:var(--ls-label);color:var(--color-muted)}
.vd-card-line{margin-top:var(--space-16);font-family:var(--font-serif);font-style:italic;font-size:var(--text-line);line-height:1.35;color:var(--color-text-2);max-width:22ch}

/* home-03 Principles */
.vd-principles{position:relative;overflow:hidden;padding:var(--space-48) var(--pad-x);background:var(--color-bg);text-align:center}
.vd-tex{position:absolute;top:0;height:100%;width:40%;object-fit:cover;opacity:var(--tex-opacity)}
.vd-tex-left{left:0;-webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.4) 45%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.4) 45%,transparent 100%)}
.vd-tex-right{right:0;transform:scaleX(-1);-webkit-mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.4) 45%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,rgba(0,0,0,.4) 45%,transparent 100%)}
.vd-principles-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-24)}
.vd-principles-kicker{font-family:var(--font-serif);font-weight:400;font-size:var(--text-kicker);letter-spacing:var(--ls-heading);text-transform:uppercase;color:var(--color-text)}
.vd-principles-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-16) var(--space-64)}
.vd-principle{font-family:var(--font-serif);font-size:var(--text-principle);letter-spacing:var(--ls-heading);text-transform:uppercase;line-height:1.1;color:var(--color-text)}
.vd-principles-line{font-family:var(--font-serif);font-style:italic;font-size:var(--text-tagline-s);color:var(--color-text-2)}

/* home-04 Artist */
.vd-artist{display:grid;grid-template-columns:minmax(0,47fr) minmax(0,40fr) minmax(0,13fr);align-items:stretch;background:var(--color-surface);border-top:1px solid var(--color-line)}
.vd-artist-media{display:flex;align-items:flex-end;justify-content:center;min-height:var(--artist-h);background:radial-gradient(ellipse 60% 70% at 50% 40%,var(--color-field-light) 0%,var(--color-field-mid) 55%,var(--color-field-edge) 100%);padding-top:var(--space-40)}
.vd-artist-img{width:auto;max-height:var(--artist-h);max-width:80%}
.vd-artist-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-24);padding:var(--space-48) var(--space-40)}
.vd-quote p{font-family:var(--font-serif);font-style:italic;font-size:var(--text-quote);line-height:1.2;color:var(--color-text);max-width:20ch}
.vd-artist-tex{overflow:hidden}
.vd-tex-slice{width:100%;height:100%;object-fit:cover;opacity:var(--tex-opacity)}

/* home-05 Exhibitions */
.vd-exh{padding:var(--space-24) 0 var(--space-48);background:var(--color-surface)}
.vd-exh-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-24)}
.vd-exh-media{aspect-ratio:var(--exh-ratio);display:flex;align-items:center;justify-content:center;background:var(--color-placeholder);border:1px solid var(--color-line);margin-bottom:var(--space-16)}
.vd-exh-ph{font-size:var(--text-small);color:var(--color-muted);padding:0 var(--space-16);text-align:center}
.vd-exh-kicker{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text);padding-left:var(--space-4)}
.vd-exh-title,.vd-exh-meta{font-size:var(--text-small);color:var(--color-text-2);padding-left:var(--space-4);margin-top:var(--space-4)}

/* home-06 Closing */
.vd-closing{position:relative;overflow:hidden;padding:var(--space-48) var(--pad-x) var(--space-64);text-align:center;background:var(--color-bg)}
.vd-closing-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--tex-opacity-closing)}
.vd-closing::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 50% 50%,var(--color-veil) 0%,transparent 100%);z-index:1}
.vd-closing-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-24)}
.vd-closing-statement{font-family:var(--font-serif);font-size:var(--text-closing);line-height:1.35;letter-spacing:var(--ls-heading);text-transform:uppercase;color:var(--color-text)}

/* Footer */
.vd-footer{padding:var(--space-48) 0 var(--space-32);background:var(--color-bg);border-top:1px solid var(--color-line)}
.vd-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-24)}
.vd-footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-32)}
.vd-footer-link{font-size:var(--text-nav);letter-spacing:var(--ls-label);text-transform:uppercase;text-decoration:none;padding:var(--space-12) 0;transition:color var(--dur-base) var(--ease-out)}
.vd-footer-link:hover{color:var(--color-brass)}
.vd-footer-legal{width:100%;padding-top:var(--space-24);border-top:1px solid var(--color-line);font-size:var(--text-small);color:var(--color-muted)}

/* Lightbox */
.vd-lb{position:fixed;inset:0;z-index:300;background:var(--color-lb);color:var(--color-text);display:flex;flex-direction:column}
.vd-lb[hidden]{display:none}
.vd-lb-stage{flex:1 1 auto;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-64) var(--space-80) var(--space-16);cursor:zoom-in;touch-action:none;background:radial-gradient(ellipse 50% 60% at 50% 50%,var(--color-field-light) 0%,var(--color-lb) 100%)}
.vd-lb-stage.is-zoomed{cursor:grab;padding:0}
.vd-lb-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.vd-lb-stage.is-zoomed .vd-lb-img{max-width:none;max-height:none;position:absolute;left:0;top:0}
.vd-lb-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding:var(--space-16) var(--space-32) var(--space-24)}
.vd-lb-title{font-size:var(--text-card);letter-spacing:var(--ls-card);text-transform:uppercase}
.vd-lb-meta{font-size:var(--text-label);letter-spacing:var(--ls-label);color:var(--color-muted)}
.vd-lb-hint{font-size:var(--text-small);color:var(--color-muted);text-align:center}
.vd-lb-controls{display:flex;align-items:center;gap:var(--space-8)}
.vd-lb-count{font-size:var(--text-label);letter-spacing:var(--ls-label);color:var(--color-muted);min-width:4em;text-align:center}
.vd-lb-btn,.vd-lb-close{width:var(--space-48);height:var(--space-48);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-quiet-line);background:transparent;color:var(--color-text);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out)}
.vd-lb-btn:hover,.vd-lb-close:hover{border-color:var(--color-brass)}
.vd-lb-close{position:absolute;top:var(--space-16);right:var(--space-16);z-index:2}
.vd-lb-open{overflow:hidden}

/* Hero background: smoke image + live WebGL smoke + floor + vignette */
.vd-hero-bg{position:absolute;inset:0;overflow:hidden}
.vd-hero-smoke{position:absolute;inset:-6%;width:112%;height:112%;max-width:none;object-fit:cover;filter:brightness(var(--smoke-bright))}
.vd-smoke-gl{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.vd-hero-floor{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(to bottom,transparent,var(--color-floor) 70%)}
.vd-hero-floor::before{content:"";position:absolute;left:0;right:0;top:30%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,240,220,.07),transparent)}
.vd-hero-vig{position:absolute;inset:0;background:radial-gradient(ellipse 80% 80% at 60% 45%,transparent 40%,rgba(0,0,0,.55) 100%);opacity:.6}
.vd-hero-open::after{background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 70%)}

/* Card smoke: two drifting layers behind each still sculpture */
.vd-card-media{background:var(--color-field-edge)}
.vd-card-media::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 65% at 50% 40%,var(--color-field-light) 0%,transparent 75%);opacity:.75;z-index:0}
.vd-smoke{position:absolute;inset:-25%;background:var(--img-smoke-card) center/cover;opacity:.55;filter:brightness(var(--smoke-bright));z-index:0;will-change:transform;animation:vd-drift 38s ease-in-out infinite alternate;animation-play-state:paused}
.is-live .vd-smoke{animation-play-state:running}
.vd-smoke-b{opacity:.32;transform:scaleX(-1);animation:vd-drift-b 52s ease-in-out infinite alternate}
@keyframes vd-drift{from{transform:translate3d(-6%,3%,0) scale(1)}to{transform:translate3d(6%,-4%,0) scale(1.12)}}
@keyframes vd-drift-b{from{transform:scaleX(-1) translate3d(5%,-3%,0) scale(1.1)}to{transform:scaleX(-1) translate3d(-7%,4%,0) scale(1)}}
.vd-card:hover .vd-smoke{opacity:1}
.vd-card-media .vd-cutout{z-index:2}
.vd-card-media::after{z-index:1}

/* Generated background textures */
.vd-bgwrap{position:absolute;inset:0;overflow:hidden}
.vd-bgimg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:var(--tex-opacity);will-change:transform}
.vd-principles::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 75% at 50% 50%,var(--color-veil) 0%,transparent 100%);pointer-events:none}
.vd-principles-inner{z-index:2}
.vd-closing .vd-bgimg{opacity:var(--tex-opacity-closing)}
.vd-artist-tex{position:relative}
.vd-tex-slice{will-change:transform}

/* Exhibition images */
.vd-exh-media{overflow:hidden;border:0}
.vd-exh-img{width:100%;height:100%;object-fit:cover;filter:brightness(var(--exh-bright))}

/* Progress, grain, cursor */
.vd-progress{position:fixed;left:0;right:0;top:0;height:1px;z-index:60;pointer-events:none}
.vd-progress-bar{display:block;height:100%;background:var(--color-brass);transform:scaleX(0);transform-origin:left}
.vd-grain{position:fixed;inset:-50%;z-index:70;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");will-change:transform;animation:vd-grain 1.2s steps(6) infinite}
@keyframes vd-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.vd-cursor{display:none}
.vd-has-cursor .vd-cursor{display:block}
.vd-has-cursor,.vd-has-cursor a,.vd-has-cursor button,.vd-has-cursor .vd-work-open{cursor:none}
.vd-cursor-ring,.vd-cursor-dot{position:fixed;left:0;top:0;z-index:400;pointer-events:none;opacity:0;transition:opacity .3s}
.vd-cursor.is-on .vd-cursor-ring,.vd-cursor.is-on .vd-cursor-dot{opacity:1}
.vd-cursor-dot{width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--color-brass)}
.vd-cursor-ring{width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;transition:width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),margin .45s cubic-bezier(.22,1,.36,1),background-color .45s,border-color .45s,opacity .3s}
.vd-cursor-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-on-brass);opacity:0;transition:opacity .3s}
.vd-cursor.is-link .vd-cursor-ring{width:54px;height:54px;margin:-27px 0 0 -27px;border-color:var(--color-brass)}
.vd-cursor.is-view .vd-cursor-ring{width:88px;height:88px;margin:-44px 0 0 -44px;background:var(--color-brass);border-color:var(--color-brass)}
.vd-cursor.is-view .vd-cursor-label{opacity:1}
.vd-lb-open .vd-cursor{display:none}
.vd-lb-open,.vd-lb-open *{cursor:auto}

/* Split text */
.vd-w{display:inline-block;white-space:nowrap}
.vd-c{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.vd-ci{display:inline-block;will-change:transform}
.vd-line{display:block;overflow:hidden;padding-bottom:.06em}
.vd-line-i{display:block}
.vd-header.is-hidden{transform:translateY(-100%)}
.vd-header{transition:transform .6s cubic-bezier(.22,1,.36,1),background-color var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out)}

/* Initial states: hidden only while JS runs; GSAP reveals. Fallback shows all. */
.vd-js:not(.vd-static) [data-a],.vd-js:not(.vd-static) .vd-hero-bg,.vd-js:not(.vd-static) .vd-header{visibility:hidden}
.vd-static [data-a],.vd-static .vd-hero-bg,.vd-static .vd-header{visibility:visible!important;opacity:1!important}
@media (prefers-reduced-motion:reduce){.vd-smoke,.vd-grain{animation:none}}

/* Tablet */
@media (max-width:1100px){
  .vd-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-32) var(--space-16)}
  .vd-exh-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-32) var(--space-24)}
  .vd-artist{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .vd-artist-tex{display:none}
  .vd-hero-text{padding-left:0}
  .vd-hero-label{display:none}
}
@media (max-width:960px){
  .vd-nav-list{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--color-header-open);padding:var(--space-8) var(--pad-x) var(--space-24);border-bottom:1px solid var(--color-line)}
  .vd-nav-list.is-open{display:flex}
  .vd-nav-link{display:block;font-size:var(--text-small)}
  .vd-menu-btn{display:inline-flex}
  .vd-nav{gap:0}
}
/* Phone */
@media (max-width:767px){
  .vd-hero{flex-direction:column}
  .vd-hero-inner{grid-template-columns:1fr;padding-top:var(--space-96);gap:var(--space-24)}
  .vd-hero-text{padding-bottom:0}
  .vd-hero-field{background:radial-gradient(ellipse 80% 40% at 50% 74%,var(--color-field-light) 0%,var(--color-field-mid) 50%,var(--color-field-edge) 100%)}
  .vd-hero-img{max-height:56svh}
  .vd-hero-actions,.vd-hero-actions .vd-btn{width:100%}
  .vd-scroll{display:none}
  .vd-works,.vd-exh{padding:var(--space-48) 0 var(--space-64)}
  .vd-section-head{margin-bottom:var(--space-24)}
  .vd-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-32) var(--space-12)}
  .vd-principles{padding:var(--space-64) var(--pad-x)}
  .vd-principles-list{flex-direction:column;gap:var(--space-8)}
  .vd-tex{width:60%}
  .vd-artist{grid-template-columns:1fr}
  .vd-artist-text{padding:var(--space-48) var(--pad-x)}
  .vd-exh-list{grid-template-columns:1fr}
  .vd-closing{padding:var(--space-80) var(--pad-x)}
  .vd-lb-stage{padding:var(--space-64) var(--space-16) var(--space-8)}
  .vd-lb-bar{flex-wrap:wrap;padding:var(--space-12) var(--space-16) var(--space-16)}
  .vd-lb-hint{order:3;width:100%;text-align:left}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Section rhythm: separate blocks with a dark gap, as in the client design */
html,body.vd-body{background:var(--color-gap)}
.vd-works{background:var(--color-surface)}
.vd-principles,.vd-artist,.vd-exh,.vd-writings,.vd-closing{margin-top:var(--space-12)}
.vd-footer{margin-top:var(--space-12);background:var(--color-bg)}
.vd-artist{gap:var(--space-12);background:var(--color-gap);border-top:0}
.vd-artist-text{background:var(--color-surface)}
.vd-artist-tex{background:var(--color-bg)}
.vd-artist-media{position:relative;overflow:hidden;background:var(--color-field-edge)}
.vd-artist-media::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 65% at 50% 40%,var(--color-field-light) 0%,transparent 75%);opacity:.8;z-index:0}
.vd-artist-media .vd-smoke{inset:-15%}
.vd-artist-img{position:relative;z-index:2}
.vd-principles,.vd-closing{background:var(--color-bg)}

/* home-06 Writings */
.vd-writings{padding:var(--space-24) 0 var(--space-64);background:var(--color-surface)}
.vd-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--color-line)}
.vd-post{border-right:1px solid var(--color-line)}
.vd-post:last-child{border-right:0}
.vd-post-link{display:flex;flex-direction:column;gap:var(--space-16);height:100%;padding:var(--space-40) var(--space-32) var(--space-32);text-decoration:none;position:relative}
.vd-post-link::before{content:"";position:absolute;left:var(--space-32);top:-1px;width:0;height:1px;background:var(--color-brass);transition:width var(--dur-slower) var(--ease-out)}
.vd-post-link:hover::before{width:var(--space-64)}
.vd-post-kicker{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted)}
.vd-post-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-post);line-height:1.2;color:var(--color-text);transition:color var(--dur-base) var(--ease-out)}
.vd-post-link:hover .vd-post-title{color:var(--color-brass)}
.vd-post-line{font-family:var(--font-serif);font-style:italic;font-size:var(--text-line);line-height:1.45;color:var(--color-text-2);flex:1}
.vd-post-more{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text)}
@media (max-width:1100px){.vd-posts{grid-template-columns:1fr}.vd-post{border-right:0;border-bottom:1px solid var(--color-line)}}
@media (max-width:1100px){.vd-artist{gap:var(--space-12)}}
/* VECTO - Khachatur Balbabyan - inner-page components. Values from tokens. */
[hidden]{display:none!important}
button.vd-btn{background:transparent;cursor:pointer;font-family:var(--font-sans)}
button.vd-btn-gold:hover{background:var(--color-brass)}
.vd-main-inner{background:var(--color-gap)}
.vd-block{background:var(--color-surface);margin-top:var(--space-12);padding:var(--space-64) 0}
.vd-block-tight{padding:var(--space-40) 0}
.vd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Page head */
.vd-phead{position:relative;overflow:hidden;background:var(--color-field-edge);padding:calc(var(--space-120) + var(--space-16)) 0 var(--space-64)}
.vd-phead-bg{position:absolute;inset:-10% 0 0 0;background:radial-gradient(ellipse 50% 70% at 70% 40%,var(--color-field-light) 0%,transparent 70%),var(--img-smoke-hero) center/cover;filter:brightness(var(--smoke-bright));opacity:.85}
.vd-phead::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,var(--color-field-edge));pointer-events:none}
.vd-phead-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-16);align-items:flex-start}
.vd-crumbs{display:flex;flex-wrap:wrap;gap:var(--space-8);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted)}
.vd-crumbs a{text-decoration:none;color:var(--color-text-2);transition:color var(--dur-base) var(--ease-out)}
.vd-crumbs a:hover{color:var(--color-brass)}
.vd-crumbs [aria-current]{color:var(--color-text)}
.vd-phead-kicker{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-brass)}
.vd-phead-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-page);line-height:1.05;letter-spacing:var(--ls-hero);text-transform:uppercase;color:var(--color-text);max-width:18ch}
.vd-phead-title-s{font-size:var(--text-page-s);max-width:24ch;letter-spacing:var(--ls-heading)}
.vd-phead-intro{font-family:var(--font-serif);font-style:italic;font-size:var(--text-tagline-s);line-height:1.35;color:var(--color-text-2);max-width:42ch}
.vd-phead-meta{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-24);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted)}
.vd-phead-actions{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-top:var(--space-8)}
.vd-phead .vd-rule{margin:var(--space-8) 0}

/* Tabs / filter bar */
.vd-tabs{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-32);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-40)}
.vd-tab{position:relative;display:inline-flex;align-items:baseline;gap:var(--space-8);padding:var(--space-16) 0;border:0;background:none;cursor:pointer;font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-2);transition:color var(--dur-base) var(--ease-out)}
.vd-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--color-brass);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-slow) var(--ease-out)}
.vd-tab:hover{color:var(--color-text)}
.vd-tab.is-active{color:var(--color-text)}
.vd-tab.is-active::after{transform:scaleX(1)}
.vd-tab-count{font-size:10px;color:var(--color-muted)}
.vd-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-24);flex-wrap:wrap}
.vd-bar .vd-tabs{flex:1 1 auto}
.vd-count{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted);padding-bottom:var(--space-16)}

/* Works archive */
.vd-cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-48) var(--space-16)}
.vd-cards-3 .vd-card-media{aspect-ratio:4 / 5}
.vd-cards-3 .vd-card-title{font-size:var(--text-card-l)}
.vd-card-link{text-decoration:none;color:inherit;display:inline-block}
.vd-card-link:hover .vd-card-title{color:var(--color-brass)}
.vd-card-more{margin-top:var(--space-16);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text);text-decoration:none;opacity:.8;transition:opacity var(--dur-base),color var(--dur-base)}
.vd-card-more:hover{opacity:1;color:var(--color-brass)}
.vd-works-wrap[data-mode="grid"] .vd-index{display:none}
.vd-works-wrap[data-mode="index"] .vd-cards-3{display:none}
.vd-index{border-top:1px solid var(--color-line)}
.vd-index-row{display:grid;grid-template-columns:var(--space-80) minmax(0,1fr) auto auto;gap:var(--space-24);align-items:baseline;padding:var(--space-24) 0;border-bottom:1px solid var(--color-line);text-decoration:none;color:inherit;transition:padding var(--dur-slow) var(--ease-out)}
.vd-index-row:hover{padding-left:var(--space-16)}
.vd-index-n{font-size:var(--text-label);letter-spacing:var(--ls-label);color:var(--color-muted)}
.vd-index-t{font-family:var(--font-serif);font-size:var(--text-index);letter-spacing:var(--ls-heading);text-transform:uppercase;line-height:1.1;transition:color var(--dur-base)}
.vd-index-row:hover .vd-index-t{color:var(--color-brass)}
.vd-index-y{font-size:var(--text-label);letter-spacing:var(--ls-label);color:var(--color-muted)}
.vd-index-go{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase}

/* Single work */
.vd-work-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-12);background:var(--color-gap)}
.vd-stage{position:relative;overflow:hidden;min-height:calc(100svh - var(--space-12));display:flex;align-items:flex-end;justify-content:center;padding:var(--space-120) var(--space-48) var(--space-48);background:var(--color-field-edge)}
.vd-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 45%,var(--color-field-light) 0%,transparent 75%);z-index:0}
.vd-stage::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;background:linear-gradient(transparent,var(--color-floor));z-index:1}
.vd-stage .vd-work-open{position:relative;z-index:2;display:flex;justify-content:center;width:auto}
.vd-stage .vd-cutout{width:auto;max-width:100%;max-height:calc(100svh - var(--space-160) - var(--space-40))}
.vd-stage-hint{position:absolute;z-index:3;left:var(--space-24);bottom:var(--space-24);display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-2)}
.vd-stage-hint svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3}
.vd-work-info{background:var(--color-surface);padding:calc(var(--space-120) + var(--space-16)) var(--space-48) var(--space-48)}
.vd-work-info-in{position:sticky;top:var(--space-96);display:flex;flex-direction:column;gap:var(--space-24);align-items:flex-start}
.vd-work-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-work-h1);letter-spacing:var(--ls-heading);text-transform:uppercase;line-height:1.08;color:var(--color-text)}
.vd-work-line{font-family:var(--font-serif);font-style:italic;font-size:var(--text-tagline-s);line-height:1.35;color:var(--color-text-2);max-width:26ch}
.vd-dl{width:100%;margin:0;border-top:1px solid var(--color-line)}
.vd-dl-row{display:grid;grid-template-columns:var(--space-120) minmax(0,1fr);gap:var(--space-16);padding:var(--space-12) 0;border-bottom:1px solid var(--color-line);font-size:var(--text-small)}
.vd-dl dt{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted);padding-top:2px}
.vd-dl dd{margin:0;color:var(--color-text)}
.vd-note-s{font-size:var(--text-small);color:var(--color-muted);max-width:40ch}
.vd-actions-col{display:flex;flex-direction:column;gap:var(--space-12);width:100%}
.vd-actions-col .vd-btn{width:100%;max-width:var(--btn-w-l)}

.vd-split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-48);align-items:start}
.vd-split-label{font-family:var(--font-serif);font-size:var(--text-h2);letter-spacing:var(--ls-heading);text-transform:uppercase;line-height:1.1}
.vd-prose{display:flex;flex-direction:column;gap:var(--space-24);max-width:62ch}
.vd-prose p{font-size:var(--text-body-l);line-height:1.75;color:var(--color-text-2)}
.vd-prose .vd-lead{font-family:var(--font-serif);font-style:italic;font-size:var(--text-lead);line-height:1.4;color:var(--color-text)}
.vd-placeholder-note{border-left:1px solid var(--color-brass);padding-left:var(--space-16);font-size:var(--text-small);color:var(--color-muted)}

.vd-prints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16)}
.vd-print-fig{display:flex;flex-direction:column;gap:var(--space-12)}
.vd-print{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:var(--color-placeholder)}
.vd-print img{width:100%;height:100%;object-fit:cover}
.vd-print-wide{aspect-ratio:16 / 10}
.vd-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4) var(--space-16);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-2)}
.vd-credit{color:var(--color-muted);text-transform:none;letter-spacing:0.02em;font-size:var(--text-small)}

.vd-entry{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--space-48);align-items:center}
.vd-entry-text{display:flex;flex-direction:column;gap:var(--space-16);align-items:flex-start}
.vd-entry-kicker{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-brass)}
.vd-entry-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-entry);letter-spacing:var(--ls-heading);text-transform:uppercase;line-height:1.15}
.vd-entry-meta{font-size:var(--text-small);color:var(--color-text-2)}
.vd-blockquote{margin:var(--space-8) 0 0;padding-left:var(--space-24);border-left:1px solid var(--color-brass)}
.vd-blockquote p{font-family:var(--font-serif);font-style:italic;font-size:var(--text-quote-s);line-height:1.4;color:var(--color-text)}
.vd-ph-tile{position:relative;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-field-edge)}
.vd-ph-tile::before{content:"";position:absolute;inset:-20%;background:var(--img-smoke-card) center/cover;opacity:.55;filter:brightness(var(--smoke-bright))}
.vd-ph-tile span{position:relative;font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-2);border:1px solid var(--color-quiet-line);padding:var(--space-12) var(--space-16)}

/* Enquiry form */
.vd-form-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-64);align-items:start}
.vd-form-intro{display:flex;flex-direction:column;gap:var(--space-16)}
.vd-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24) var(--space-24)}
.vd-field{display:flex;flex-direction:column;gap:var(--space-8)}
.vd-field-full{grid-column:1 / -1}
.vd-field label,.vd-field .vd-flabel{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-2)}
.vd-req{color:var(--color-brass)}
.vd-input{width:100%;min-height:var(--space-48);padding:var(--space-12) 0;background:transparent;border:0;border-bottom:1px solid var(--color-quiet-line);border-radius:0;color:var(--color-text);font:inherit;font-size:var(--text-body);transition:border-color var(--dur-base) var(--ease-out)}
.vd-input::placeholder{color:var(--color-muted)}
.vd-input:hover{border-bottom-color:var(--color-text-2)}
.vd-input:focus{outline:0;border-bottom-color:var(--color-brass)}
.vd-input:focus-visible{outline:1px solid var(--color-brass);outline-offset:4px}
textarea.vd-input{min-height:140px;resize:vertical;line-height:1.6}
select.vd-input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-2) 50%),linear-gradient(135deg,var(--color-text-2) 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--space-32)}
select.vd-input option{background:var(--color-surface);color:var(--color-text)}
.vd-input:disabled{opacity:.45;cursor:not-allowed}
.vd-field.is-error .vd-input{border-bottom-color:var(--color-error)}
.vd-field-msg{display:none;font-size:var(--text-small);color:var(--color-error)}
.vd-field.is-error .vd-field-msg{display:block}
.vd-pill{display:inline-flex;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);border:1px solid var(--color-brass);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text)}
.vd-pill-k{color:var(--color-muted)}
.vd-check{display:flex;gap:var(--space-12);align-items:flex-start;font-size:var(--text-small);color:var(--color-text-2);cursor:pointer}
.vd-check input{appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;border:1px solid var(--color-quiet-line);background:transparent;cursor:pointer;display:grid;place-content:center;transition:border-color var(--dur-base)}
.vd-check input::before{content:"";width:10px;height:10px;background:var(--color-brass);transform:scale(0);transition:transform var(--dur-base) var(--ease-out)}
.vd-check input:checked{border-color:var(--color-brass)}
.vd-check input:checked::before{transform:scale(1)}
.vd-check a{color:var(--color-text)}
.vd-form-foot{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-24)}
.vd-form-status{font-size:var(--text-small);min-height:1.5em}
.vd-form-status.is-ok{color:var(--color-ok)}
.vd-form-status.is-error{color:var(--color-error)}
.vd-btn[disabled]{opacity:.45;pointer-events:none}
.vd-btn.is-loading{pointer-events:none;color:transparent;position:relative}
.vd-btn.is-loading::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:1px solid var(--color-brass);border-top-color:transparent;border-radius:50%;animation:vd-spin .8s linear infinite}
@keyframes vd-spin{to{transform:rotate(360deg)}}

/* About */
.vd-bio-top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--space-12);background:var(--color-gap)}
.vd-bio-top .vd-artist-media{min-height:calc(100svh - var(--space-12))}
.vd-bio-top .vd-artist-img{max-height:calc(100svh - var(--space-96))}
.vd-bio-head{background:var(--color-surface);padding:calc(var(--space-120) + var(--space-16)) var(--space-48) var(--space-48);display:flex;flex-direction:column;justify-content:center;gap:var(--space-24)}
.vd-timeline{border-top:1px solid var(--color-line)}
.vd-tl-row{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--space-48);padding:var(--space-48) 0;border-bottom:1px solid var(--color-line)}
.vd-tl-year{font-family:var(--font-serif);font-size:var(--text-year);line-height:1;color:var(--color-brass);letter-spacing:0.04em}
.vd-tl-mark{display:block;width:var(--space-32);height:1px;background:var(--color-brass);margin-top:var(--space-24)}
.vd-tl-body{display:flex;flex-direction:column;gap:var(--space-16)}
.vd-tl-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-tl);letter-spacing:var(--ls-heading);text-transform:uppercase;line-height:1.15}
.vd-tl-body p{font-size:var(--text-body-l);line-height:1.75;color:var(--color-text-2);max-width:66ch}
.vd-poem{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-24)}
.vd-poem p{font-family:var(--font-serif);font-style:italic;font-size:var(--text-quote);line-height:1.35;color:var(--color-text)}
.vd-poem cite{font-style:normal;font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted)}

/* Exhibitions archive */
.vd-exh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-48) var(--space-16)}
.vd-exh-grid .vd-exh-card{border:0;padding:0;gap:var(--space-8)}
.vd-exh-grid .vd-exh-media{aspect-ratio:16 / 9;margin-bottom:var(--space-12)}
.vd-exh-grid .vd-exh-title{font-family:var(--font-serif);font-size:var(--text-entry);letter-spacing:var(--ls-heading);text-transform:uppercase;color:var(--color-text);line-height:1.15;padding-left:0}
.vd-exh-grid .vd-exh-kicker,.vd-exh-grid .vd-exh-meta{padding-left:0}
.vd-exh-link{display:flex;flex-direction:column;gap:var(--space-8);text-decoration:none;color:inherit}
.vd-exh-link:hover .vd-exh-title{color:var(--color-brass)}
.vd-badge{display:inline-flex;align-items:center;gap:var(--space-8);align-self:flex-start;padding:var(--space-4) var(--space-12);border:1px solid var(--color-quiet-line);font-size:10px;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-2)}
.vd-badge-gold{border-color:var(--color-brass);color:var(--color-brass)}
.vd-exh-go{margin-top:var(--space-8);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text)}
.vd-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-80) var(--space-24);text-align:center;border:1px solid var(--color-line)}
.vd-empty p{font-family:var(--font-serif);font-style:italic;font-size:var(--text-tagline-s);color:var(--color-text-2)}
.vd-empty[hidden]{display:none}
.vd-pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);background:var(--color-gap);margin-top:var(--space-12)}
.vd-pager a{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-40) var(--space-48);background:var(--color-surface);text-decoration:none;color:inherit;transition:background-color var(--dur-slow)}
.vd-pager a:hover{background:var(--color-bg)}
.vd-pager a:last-child{text-align:right;align-items:flex-end}
.vd-pager-k{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted)}
.vd-pager-t{font-family:var(--font-serif);font-size:var(--text-tl);letter-spacing:var(--ls-heading);text-transform:uppercase;line-height:1.15}
.vd-pager a:hover .vd-pager-t{color:var(--color-brass)}

/* Writings */
.vd-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-48);padding-bottom:var(--space-48);border-bottom:1px solid var(--color-line);text-decoration:none;color:inherit;align-items:end}
.vd-feature-title{font-family:var(--font-serif);font-weight:400;font-size:var(--text-feature);line-height:1.1;color:var(--color-text);transition:color var(--dur-base)}
.vd-feature:hover .vd-feature-title{color:var(--color-brass)}
.vd-feature-side{display:flex;flex-direction:column;gap:var(--space-16)}
.vd-post-rows{border-top:0}
.vd-post-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,2fr);gap:var(--space-32);align-items:baseline;padding:var(--space-32) 0;border-bottom:1px solid var(--color-line);text-decoration:none;color:inherit;transition:padding var(--dur-slow) var(--ease-out)}
.vd-post-row:hover{padding-left:var(--space-16)}
.vd-post-row .vd-post-title{font-size:var(--text-tl)}
.vd-post-row:hover .vd-post-title{color:var(--color-brass)}
.vd-post-row .vd-post-line{flex:none}
.vd-post-row .vd-post-kicker{text-align:right}
.vd-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-48)}
.vd-page{min-width:var(--space-48);height:var(--space-48);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-line);font-size:var(--text-label);letter-spacing:var(--ls-label);color:var(--color-text-2);text-decoration:none;background:none;cursor:pointer;transition:border-color var(--dur-base),color var(--dur-base)}
.vd-page:hover{border-color:var(--color-brass);color:var(--color-text)}
.vd-page[aria-current="page"]{border-color:var(--color-brass);color:var(--color-text)}
.vd-page[aria-disabled="true"]{opacity:.35;pointer-events:none}

.vd-article{max-width:var(--measure);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-24)}
.vd-article p{font-family:var(--font-serif);font-size:var(--text-article);line-height:1.62;color:var(--color-text-2)}
.vd-article>p:first-of-type::first-letter{float:left;font-size:4.2em;line-height:.82;padding:.08em .1em 0 0;color:var(--color-brass)}
.vd-article h3{font-family:var(--font-serif);font-weight:400;font-size:var(--text-tl);letter-spacing:var(--ls-heading);text-transform:uppercase;color:var(--color-text);margin-top:var(--space-24)}
.vd-article-end{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-16);padding-top:var(--space-32);border-top:1px solid var(--color-line);margin-top:var(--space-24)}
.vd-share{display:flex;gap:var(--space-24);font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase}
.vd-share a{text-decoration:none;color:var(--color-text-2)}
.vd-share a:hover{color:var(--color-brass)}

/* Contact */
.vd-contact-list{display:flex;flex-direction:column;border-top:1px solid var(--color-line)}
.vd-contact-item{display:grid;grid-template-columns:var(--space-120) minmax(0,1fr);gap:var(--space-16);padding:var(--space-20,20px) 0;border-bottom:1px solid var(--color-line)}
.vd-contact-item dt{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted)}
.vd-contact-item dd{margin:0;color:var(--color-text)}
.vd-contact-item a{color:var(--color-text);text-decoration:none}
.vd-contact-item a:hover{color:var(--color-brass)}

/* Toast */
.vd-toast{position:fixed;left:50%;bottom:var(--space-32);transform:translate(-50%,20px);z-index:500;padding:var(--space-16) var(--space-24);background:var(--color-surface);border:1px solid var(--color-brass);font-size:var(--text-small);color:var(--color-text);opacity:0;pointer-events:none;transition:opacity var(--dur-slow),transform var(--dur-slow) var(--ease-out)}
.vd-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* Design system page */
.vd-ds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-16)}
.vd-ds-sw{display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--text-small)}
.vd-ds-chip{height:var(--space-80);border:1px solid var(--color-line)}
.vd-ds-k{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted)}
.vd-ds-row{display:flex;flex-wrap:wrap;gap:var(--space-16);align-items:center}
.vd-ds-type{display:grid;grid-template-columns:var(--space-160) minmax(0,1fr);gap:var(--space-24);align-items:baseline;padding:var(--space-16) 0;border-bottom:1px solid var(--color-line)}
.vd-ds-block{display:flex;flex-direction:column;gap:var(--space-24)}
.vd-ds-h{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-brass);margin-bottom:var(--space-8)}
.vd-is-hover{background:var(--color-brass)!important;color:var(--color-on-brass)!important}
.vd-is-focus{outline:1px solid var(--color-brass);outline-offset:4px}

/* Tablet */
@media (max-width:1100px){
  .vd-cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd-work-top,.vd-bio-top{grid-template-columns:1fr}
  .vd-stage{min-height:80svh}
  .vd-bio-top .vd-artist-media{min-height:70svh}
  .vd-work-info,.vd-bio-head{padding:var(--space-48) var(--space-32)}
  .vd-work-info-in{position:static}
  .vd-split,.vd-entry,.vd-form-wrap,.vd-feature{grid-template-columns:1fr;gap:var(--space-32)}
  .vd-ds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Phone */
@media (max-width:767px){
  .vd-phead{padding:var(--space-120) 0 var(--space-48)}
  .vd-block{padding:var(--space-48) 0}
  .vd-cards-3,.vd-exh-grid,.vd-prints{grid-template-columns:1fr}
  .vd-stage{padding:var(--space-96) var(--space-16) var(--space-32)}
  .vd-form{grid-template-columns:1fr}
  .vd-tl-row{grid-template-columns:1fr;gap:var(--space-16);padding:var(--space-32) 0}
  .vd-index-row{grid-template-columns:var(--space-40) minmax(0,1fr) auto}
  .vd-index-go{display:none}
  .vd-post-row{grid-template-columns:1fr;gap:var(--space-8)}
  .vd-post-row .vd-post-kicker{text-align:left;order:-1}
  .vd-pager{grid-template-columns:1fr}
  .vd-pager a{padding:var(--space-32) var(--space-20,20px)}
  .vd-pager a:last-child{text-align:left;align-items:flex-start}
  .vd-ds-type{grid-template-columns:1fr;gap:var(--space-8)}
}

/* Two-line name: BALBABYAN stretches to the width of KHACHATUR */
.vd-name{display:inline-grid !important;grid-template-columns:max-content;justify-items:stretch}
.vd-name-line{display:flex;justify-content:space-between}
.vd-hero-name.vd-name{white-space:nowrap}
.vd-bio-head .vd-name{max-width:none}

/* Footer: Get notified */
.vd-footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-32) var(--space-48)}
.vd-footer-inner > .vd-wordmark{grid-column:1;grid-row:1;align-self:start}
.vd-sub{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:var(--space-12);min-width:min(420px,100%)}
.vd-sub-title{font-family:var(--font-serif);font-size:var(--text-tl);letter-spacing:var(--ls-heading);text-transform:uppercase;color:var(--color-dark-text)}
.vd-sub-form{display:flex !important;flex-wrap:wrap;align-items:flex-end;gap:var(--space-16)}
.vd-sub-field{flex:1 1 220px}
.vd-sub-form .vd-form-status{flex-basis:100%;margin:0}
.vd-footer-nav{grid-column:1;grid-row:2}
.vd-footer-legal{grid-column:1 / -1}
@media (max-width:767px){.vd-footer-inner{grid-template-columns:1fr}.vd-sub{grid-column:1;grid-row:auto}.vd-footer-nav{grid-row:auto}}

/* New portrait fills its panel; the photo's own edges meet the panel edges */
.vd-artist-media{padding-top:0}
.vd-artist-media .vd-artist-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 16%;z-index:2}
/* Bridge: Elementor wrappers around the vd- design markup. Values from tokens. */
.e-con.vd-flow,.e-con[class*="vd-"]{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--width:100%}
.e-con.vd-flow{display:block}
.e-con.vd-block{--padding-top:var(--space-64);--padding-bottom:var(--space-64);padding-top:var(--space-64);padding-bottom:var(--space-64)}
.e-con.vd-wide{max-width:calc(var(--container) + 2 * var(--pad-x));margin-left:auto;margin-right:auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}
.elementor-widget-shortcode,.elementor-widget-html,.vd-flow > .elementor-widget{width:100%;margin:0}
.elementor-shortcode > section:first-child{margin-top:0}
.elementor-location-header{position:relative;z-index:50}
.elementor-editor-active [data-a],.elementor-editor-active .vd-header,.elementor-editor-active .vd-hero-bg{visibility:visible!important;opacity:1!important;transform:none!important}
/* Native widgets inherit the vd- type set on their wrapper */
.elementor-widget[class*="vd-"] .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;margin:0}
.elementor-widget.vd-text,.elementor-widget.vd-prose{color:var(--color-text-2)}
.elementor-widget.vd-tl-year,.elementor-widget.vd-tl-title,.elementor-widget.vd-split-label,.elementor-widget.vd-phead-intro,.elementor-widget.vd-sub-title{display:block}
.elementor-widget.vd-tl-text p,.elementor-widget.vd-text p{margin:0 0 var(--space-16)}
.elementor-widget.vd-tl-text p:last-child,.elementor-widget.vd-text p:last-child{margin-bottom:0}
.elementor-widget.vd-tl-text p{font-size:var(--text-body-l);line-height:1.75;color:var(--color-text-2);max-width:66ch}
.elementor-widget.vd-poem{text-align:center}
.elementor-widget.vd-poem p{font-family:var(--font-serif);font-style:italic;font-size:var(--text-quote);line-height:1.35;color:var(--color-text);margin:0 0 var(--space-24)}
.elementor-widget.vd-poem cite{font-style:normal;font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-muted)}
.elementor-widget.vd-prose p{font-size:var(--text-body-l);line-height:1.75;margin:0 0 var(--space-16)}
.elementor-widget.vd-prose .vd-lead{font-family:var(--font-serif);font-style:italic;font-size:var(--text-lead);line-height:1.4;color:var(--color-text)}
.e-con.vd-tl-row{display:grid}
.e-con.vd-bio-top,.e-con.vd-work-top{display:grid}
.e-con.vd-split,.e-con.vd-form-wrap{display:grid}
.e-con.vd-footer-inner{display:grid}
.e-con.vd-sub{display:flex}
.vd-bio-top > .elementor-widget-shortcode{height:100%}
.vd-bio-top .elementor-shortcode,.vd-bio-top .vd-artist-media{height:100%}
.e-con.vd-bio-head{--padding-top:calc(var(--space-120) + var(--space-16));--padding-right:var(--space-48);--padding-bottom:var(--space-48);--padding-left:var(--space-48);padding:calc(var(--space-120) + var(--space-16)) var(--space-48) var(--space-48);display:flex;flex-direction:column;justify-content:center;gap:var(--space-24)}
/* Footer grid with Elementor children */
.vd-footer-inner > .vd-f-brand{grid-column:1;grid-row:1}
.vd-footer-inner > .vd-sub{grid-column:2;grid-row:1 / span 2}
.vd-footer-inner > .vd-f-nav{grid-column:1;grid-row:2}
.vd-footer-inner > .vd-f-legal{grid-column:1 / -1}
@media (max-width:767px){.vd-footer-inner > .vd-sub,.vd-footer-inner > .vd-f-brand,.vd-footer-inner > .vd-f-nav{grid-column:1;grid-row:auto}}
/* Elementor Pro forms in the vd look */
.vd-el-form .elementor-form-fields-wrapper{margin:0 calc(var(--space-12) * -1);row-gap:var(--space-24)}
.vd-el-form .elementor-field-group{padding:0 var(--space-12);margin-bottom:var(--space-24)}
.vd-el-form .elementor-field-label{font-size:var(--text-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-text-2);margin-bottom:var(--space-8)}
.vd-el-form .elementor-mark-required .elementor-field-label:after{color:var(--color-brass)}
.vd-el-form .elementor-field-textual,.vd-el-form .elementor-field-group .elementor-field{background:transparent!important;border:0!important;border-bottom:1px solid var(--color-quiet-line)!important;border-radius:0!important;color:var(--color-text)!important;font-family:var(--font-sans);font-size:var(--text-body);padding:var(--space-12) 0!important;min-height:var(--space-48)}
.vd-el-form .elementor-field-textual:focus{border-bottom-color:var(--color-brass)!important;box-shadow:none!important;outline:0}
.vd-el-form .elementor-field::placeholder{color:var(--color-muted)}
.vd-el-form select.elementor-field option{background:var(--color-surface);color:var(--color-text)}
.vd-el-form .elementor-select-wrapper .select-caret-down-wrapper{color:var(--color-text-2)}
.vd-el-form .elementor-field-type-acceptance .elementor-field-subgroup label{font-size:var(--text-small);color:var(--color-text-2)}
.vd-el-form .elementor-field-type-acceptance input{accent-color:var(--color-brass)}
.vd-el-form .elementor-button{background:transparent!important;border:1px solid var(--color-brass)!important;border-radius:0!important;color:var(--color-text)!important;font-family:var(--font-sans)!important;font-size:var(--text-label)!important;letter-spacing:var(--ls-label)!important;text-transform:uppercase;padding:var(--space-12) var(--space-24)!important;min-height:var(--space-48);transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}
.vd-el-form .elementor-button:hover{background:var(--color-brass)!important;color:var(--color-on-brass)!important}
.vd-el-form .elementor-message{font-size:var(--text-small);margin-top:var(--space-12)}
.vd-el-form .elementor-message-success{color:var(--color-ok)}
.vd-el-form .elementor-message-danger,.vd-el-form .elementor-error .elementor-field{color:var(--color-error)}
.vd-el-form .elementor-error .elementor-field-textual{border-bottom-color:var(--color-error)!important}
.vd-el-sub .elementor-form-fields-wrapper{flex-wrap:nowrap;align-items:flex-end}
.vd-el-sub .elementor-field-group:not(.elementor-field-type-submit){flex:1 1 auto}
.vd-el-sub .elementor-field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.vd-el-sub .elementor-field-type-submit{width:auto!important;flex:0 0 auto}

/* QA 5 Oct - neutralise the Hello theme reset on our controls (pink buttons, blue links, white focus ring) */
body.vd-body a{color:inherit}
body.vd-body a:hover,body.vd-body a:active,body.vd-body a:focus{color:var(--color-brass)}
body.vd-body a.vd-btn-gold:hover,body.vd-body a.vd-btn-gold:focus-visible{color:var(--color-on-brass)}
body.vd-body a.vd-btn-quiet:hover,body.vd-body a.vd-btn-quiet:focus{color:var(--color-text)}
body.vd-body a.vd-nav-link.is-current{color:var(--color-text)}
body.vd-body a.vd-nav-link:hover{color:var(--color-brass)}
body.vd-body button,body.vd-body [type=button],body.vd-body [type=submit]{border-radius:0}
body.vd-body button:hover,body.vd-body button:focus,body.vd-body [type=button]:hover,body.vd-body [type=button]:focus,body.vd-body [type=submit]:hover,body.vd-body [type=submit]:focus{background-color:transparent;color:inherit;text-decoration:none}
body.vd-body button.vd-btn-gold:hover,body.vd-body button.vd-btn-gold:focus-visible{background-color:var(--color-brass);color:var(--color-on-brass)}
body.vd-body button.vd-btn-quiet:hover{color:var(--color-text)}
body.vd-body .vd-tab:hover,body.vd-body .vd-tab:focus,body.vd-body .vd-tab.is-active{color:var(--color-text);background:none}
body.vd-body .vd-lb-btn:hover,body.vd-body .vd-lb-close:hover,body.vd-body .vd-lb-btn:focus,body.vd-body .vd-lb-close:focus{background:transparent;color:var(--color-text);border-color:var(--color-brass)}
body.vd-body .vd-work-open:hover,body.vd-body .vd-work-open:focus{background-color:transparent}
body.vd-body .vd-card-media:hover,body.vd-body .vd-card-media:focus{background-color:var(--color-field-edge)}
body.vd-body .vd-stage .vd-work-open,body.vd-body .vd-stage .vd-work-open:hover,body.vd-body .vd-stage .vd-work-open:focus{background:none;border:0;color:inherit}
body.vd-body :focus-visible,body.vd-body a:focus-visible,body.vd-body button:focus-visible,body.vd-body input:focus-visible,body.vd-body select:focus-visible,body.vd-body textarea:focus-visible{box-shadow:none!important;outline:1px solid var(--color-brass)!important;outline-offset:4px}
body.vd-body a:focus:not(:focus-visible),body.vd-body button:focus:not(:focus-visible){outline:none}

/* QA 5 Oct - footer: Get notified takes a third, the field grows */
.e-con.vd-footer-inner{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.vd-footer-inner > .vd-sub{min-width:0;width:100%}
.vd-el-sub .elementor-form-fields-wrapper{flex-wrap:nowrap}
.vd-el-sub .elementor-field-group:not(.elementor-field-type-submit){flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0}
.vd-el-sub .elementor-field-group:not(.elementor-field-type-submit) .elementor-field{width:100%}
.vd-footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-8) var(--space-24)}
@media (max-width:767px){.e-con.vd-footer-inner{grid-template-columns:1fr}}

/* QA 5 Oct - forms: one font, aligned consent, no double line under the select */
.vd-el-form,.vd-el-form *{font-family:var(--font-sans)}
.vd-el-form .elementor-select-wrapper{border:0!important;padding:0!important;min-height:0!important;background:none!important}
.vd-el-form .elementor-field-type-acceptance > .elementor-field-label{display:none}
.vd-el-form .elementor-field-subgroup .elementor-field-option{display:flex;align-items:flex-start;gap:var(--space-12)}
.vd-el-form .elementor-field-option label{display:inline;line-height:1.5;font-size:var(--text-small);color:var(--color-text-2);letter-spacing:0;text-transform:none}
.vd-el-form .elementor-field-option input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;border:1px solid var(--color-quiet-line);border-radius:0;background:transparent;display:grid;place-content:center;cursor:pointer}
.vd-el-form .elementor-field-option input[type=checkbox]::before{content:"";width:10px;height:10px;background:var(--color-brass);transform:scale(0);transition:transform var(--dur-base) var(--ease-out)}
.vd-el-form .elementor-field-option input[type=checkbox]:checked{border-color:var(--color-brass)}
.vd-el-form .elementor-field-option input[type=checkbox]:checked::before{transform:scale(1)}

/* Viewer: film and 3D */
.vd-lb-video{max-width:100%;max-height:100%;background:#000}
.vd-lb-model{width:100%;height:100%}
.vd-lb-model model-viewer{width:100%;height:100%;background:transparent;--poster-color:transparent}
.vd-lb-btn[hidden]{display:none!important}
.vd-hero-open{display:block}

/* QA 5 Oct (2) - forms: the select wrapper and the checkbox carry Elementor's .elementor-field class too */
.vd-el-form .elementor-field-group .elementor-select-wrapper.elementor-field{border:0!important;padding:0!important;min-height:0!important;background:none!important}
.vd-el-form .elementor-field-group .elementor-select-wrapper select.elementor-field-textual{padding-right:var(--space-32)!important}
.vd-el-form .elementor-field-group .elementor-field:focus,.vd-el-form .elementor-field-group .elementor-field:focus-visible{outline:none!important;box-shadow:none!important}
.vd-el-form .elementor-field-group .elementor-field-textual:focus{border-bottom-color:var(--color-brass)!important}
.vd-el-form .elementor-field-group .elementor-field-subgroup input[type=checkbox].elementor-field{appearance:none!important;-webkit-appearance:none!important;flex:0 0 18px!important;width:18px!important;height:18px!important;min-height:0!important;max-width:18px!important;margin:3px 0 0!important;padding:0!important;border:1px solid var(--color-text-2)!important;border-radius:0!important;background:transparent!important;display:grid!important;place-content:center;cursor:pointer}
.vd-el-form .elementor-field-group .elementor-field-subgroup input[type=checkbox].elementor-field::before{content:"";width:10px;height:10px;background:var(--color-brass);transform:scale(0);transition:transform var(--dur-base) var(--ease-out)}
.vd-el-form .elementor-field-group .elementor-field-subgroup input[type=checkbox].elementor-field:checked{border-color:var(--color-brass)!important}
.vd-el-form .elementor-field-group .elementor-field-subgroup input[type=checkbox].elementor-field:checked::before{transform:scale(1)}
.vd-el-form .elementor-field-group .elementor-field-subgroup input[type=checkbox].elementor-field:focus-visible{outline:1px solid var(--color-brass)!important;outline-offset:3px}
.vd-el-form .elementor-field-subgroup{width:100%}
.vd-el-form .elementor-field-subgroup .elementor-field-option{display:flex!important;align-items:flex-start;gap:var(--space-12);width:100%}
.vd-el-form .elementor-field-subgroup .elementor-field-option label{display:block!important;margin:0!important;padding:0!important;line-height:1.5;cursor:pointer}
body.vd-body .vd-el-form .elementor-field-textual:focus,body.vd-body .vd-el-form .elementor-field-textual:focus-visible{outline:none!important;box-shadow:none!important;border-bottom-color:var(--color-brass)!important}
/* Light version: colours that were written into the components directly */
.vd-hero-vig{background:radial-gradient(ellipse 80% 80% at 60% 45%,transparent 45%,rgba(214,212,207,.55) 100%)}
.vd-hero-floor::before{background:linear-gradient(90deg,transparent,rgba(30,28,25,.06),transparent)}
.vd-hero-open::after{background:radial-gradient(ellipse at center,rgba(30,28,25,.22),transparent 70%)}
.vd-cursor-ring{border-color:rgba(30,28,25,.35)}
.vd-smoke-gl{opacity:.55}
.vd-grain{opacity:.035}
.vd-lb-video{background:#E3E1DC}
.vd-phead-bg{opacity:1}
/* Elementor's img{max-width:100%;height:auto} was shrinking the hero smoke; the stage smoke sat above the work */
.vd-hero .vd-hero-bg .vd-hero-smoke{max-width:none!important;width:112%!important;height:112%!important;object-fit:cover}
.vd-bgwrap .vd-bgimg{max-width:none!important;height:100%!important}
.vd-stage .vd-work-open .vd-cutout{position:relative;z-index:2}
/* No horizon line across the hero floor */
.vd-hero-floor::before{display:none}
/* Square cards that open the work page; the work page's main image is not clickable */
.vd-cards .vd-card-media,.vd-cards-3 .vd-card-media{aspect-ratio:1 / 1;text-decoration:none;width:100%;display:flex}
.vd-card-media.has-square{padding:0}
.vd-card-media .vd-cutout.vd-card-sq{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;z-index:2}
.vd-stage .vd-work-open{cursor:default}
/* Homepage hero with a full photo (Site settings > Hero image) - the photo never moves, it only fades in */
.vd-hero.has-photo .vd-hero-photo{position:absolute;inset:0;display:block}
.vd-hero.has-photo .vd-hero-photo img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:65% 50%}
.vd-hero.has-photo .vd-hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,243,240,.55) 0%,rgba(244,243,240,.2) 35%,transparent 55%)}
.vd-hero.has-photo .vd-hero-work{display:none}
@media (max-width:767px){
  .vd-hero.has-photo .vd-hero-photo img{object-position:50% 50%}
  .vd-hero.has-photo .vd-hero-veil{background:linear-gradient(180deg,rgba(244,243,240,.7) 0%,rgba(244,243,240,.25) 45%,transparent 65%)}
}
/* Work title and year on the hero - also on tablets and phones (bottom left, on the floor) */
.vd-hero-label-m{display:none}
@media (max-width:1100px){
  .vd-hero .vd-hero-label{display:flex;top:auto;right:auto;left:var(--pad-x);bottom:var(--space-32);padding-right:0}
}
@media (max-width:767px){
  .vd-hero .vd-hero-label{flex-direction:row;align-items:baseline;gap:var(--space-8);bottom:var(--space-12)}
  .vd-hero .vd-hero-label .vd-rule{display:none}
  .vd-hero .vd-hero-label .vd-label{font-size:10px}
}
/* Exhibition images always fill their frame (a theme rule set their height to auto, leaving grey bars) */
.vd-exh-media .vd-exh-img,.vd-print .vd-exh-img,.vd-print img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
/* Artist photo from Site settings: a full photo, framed on the face and the work */
.vd-artist-media.has-photo .vd-artist-img{object-position:50% 34%}
.vd-artist-media.has-photo .vd-smoke{display:none}
.vd-bio-top .vd-artist-media.has-photo .vd-artist-img{object-position:50% 30%}
/* The name in the header and footer keeps one colour on hover */
body.vd-body a.vd-wordmark:hover,body.vd-body a.vd-wordmark:focus{color:var(--color-text)}

/* Exhibition lead image: same 16:9 shape as the cards, so framed images keep their frame */
.vd-print.vd-print-wide{aspect-ratio:16 / 9}

/* Signature (monogram) - homepage artist block, About closing quote, work page hero */
.vd-artist-text{position:relative}
.vd-artist-sign{position:absolute;top:11%;right:9%;width:clamp(120px,15vw,210px);height:auto!important;max-width:none!important;opacity:.95;pointer-events:none}
.vd-stage-sign{position:absolute;right:var(--space-32);bottom:var(--space-24);z-index:3;width:clamp(90px,9vw,150px);height:auto!important;max-width:none!important;opacity:.95;pointer-events:none}
.elementor-widget.vd-poem cite{display:block;width:clamp(150px,16vw,230px);aspect-ratio:700 / 509;margin:var(--space-8) auto 0;background:url(../images/signature-gold.webp) center / contain no-repeat;color:transparent!important;font-size:0!important;line-height:0;overflow:hidden}
@media (max-width:767px){
  .vd-artist-sign{top:var(--space-24);right:var(--space-16);width:96px}
  .vd-stage-sign{right:var(--space-16);bottom:var(--space-16);width:80px}
}

/* Linked 'Shown at' rows on a work page */
.vd-dl-link{color:inherit;text-decoration:underline;text-decoration-color:var(--color-quiet-line);text-underline-offset:3px}
body.vd-body .vd-dl-link:hover{color:var(--color-brass);text-decoration-color:var(--color-brass)}

/* Work gallery with the new landscape photos (3:2, 2400 x 1600): same shape for every work */
.vd-prints--landscape .vd-print{aspect-ratio:3 / 2}
/* Homepage artist block: larger signature, behind the title's right side and the text */
.vd-artist-text > *:not(.vd-artist-sign){position:relative;z-index:1}
.vd-artist-text .vd-artist-sign{top:7%;right:0;width:clamp(260px,34vw,500px);z-index:0;opacity:.55}
@media (max-width:767px){
  .vd-artist-text .vd-artist-sign{top:var(--space-16);right:-6%;width:78%;opacity:.45}
}
/* Homepage signature size and place come from Site settings (same values on every screen) */
.vd-artist-text .vd-artist-sign{width:var(--sig-w,75%);top:var(--sig-top,7%);right:var(--sig-right,0%);opacity:var(--sig-op,.55)}
/* Work page: the featured photo has its own background now, so it fills the left panel (no smoky field, floor or shadow) */
.vd-stage{display:block!important;padding:0!important;background:var(--color-bg)!important}
.vd-stage::before,.vd-stage::after,.vd-stage .vd-smoke{display:none!important}
.vd-stage .vd-work-open{position:absolute!important;inset:0;width:100%!important;height:100%!important;display:block!important}
.vd-stage .vd-work-open .vd-cutout{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover;object-position:50% 50%}
@media (max-width:767px){
  .vd-stage{min-height:0!important;aspect-ratio:1 / 1}
}
