/* Arts Exchange Stage 7.11 — elevated interface system
   One cohesive visual language across public, studio, exhibition,
   provenance and administration surfaces. */

:root{
  --ink:#0a0a09;
  --ink-2:#171715;
  --paper:#f3f0e9;
  --paper-2:#ebe7de;
  --surface:#fbfaf7;
  --surface-strong:#ffffff;
  --night:#080908;
  --night-2:#101110;
  --line:rgba(10,10,9,.14);
  --line-strong:rgba(10,10,9,.3);
  --line-inverse:rgba(255,255,255,.17);
  --muted:#6f6b63;
  --muted-inverse:#aaa69e;
  --accent:#b88942;
  --accent-bright:#d4a95f;
  --accent-soft:#eee0c6;
  --success:#225f3b;
  --success-soft:#deede3;
  --warning:#76520f;
  --warning-soft:#f1e5c9;
  --danger:#842d26;
  --danger-soft:#f2dfdc;
  --sans:"Inter","Roboto","Helvetica Neue",Arial,sans-serif;
  --display:var(--sans);
  --serif:var(--sans);
  --mono:"Roboto Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --radius-xs:4px;
  --radius-sm:7px;
  --radius-md:12px;
  --radius-lg:18px;
  --shadow-soft:0 18px 55px rgba(21,18,12,.06);
  --shadow-dark:0 28px 90px rgba(0,0,0,.28);
  --page-x:clamp(22px,4.8vw,78px);
  --page-max:1600px;
}

*{box-sizing:border-box}
html{background:var(--paper);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-optical-sizing:auto;font-synthesis:none;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
::selection{background:var(--accent-soft);color:var(--ink)}
a,button,input,select,textarea{font:inherit}
img,video{max-width:100%}
code{font-family:var(--mono);font-size:.88em}
.ui-icon{display:block;width:21px;height:21px;overflow:visible;flex:0 0 auto}
.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700;color:inherit}
.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;border-bottom:1px solid currentColor;padding-bottom:3px}
.light-link{color:#fff}

/* Core typography: editorial where it creates meaning, sans for operation. */
.hero-home-copy h1,
.page-hero h1,
.exhibitions-index-copy h1,
.artist-index-hero h1,
.work-info h1,
.profile-intro h1,
.curatorial-stage-copy h2,
.curator-invitation h2{
  font-family:var(--display);
  font-weight:400;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.section-head h2,
.studio-title h1,
.builder-head h1,
.wizard-copy h1,
.panel h2,
.builder-copy h2,
.auth-copy h1,
.request-head h1{
  font-family:var(--sans);
  font-weight:560;
  letter-spacing:-.047em;
  text-wrap:balance;
}
.section-head h2{font-size:clamp(34px,3.7vw,58px);line-height:.98}
.page-hero h1{font-size:clamp(46px,5.3vw,78px);line-height:.96}
.studio-title h1,.builder-head h1{font-size:clamp(38px,4.2vw,60px);line-height:.98}
.wizard-copy h1{font-size:clamp(40px,4.6vw,64px);line-height:.98}

/* Header */
.site-header{
  position:sticky;top:0;z-index:40;
  min-height:72px;padding:14px var(--page-x);
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;
  border-bottom:1px solid var(--line);
  background:rgba(243,240,233,.94);backdrop-filter:blur(22px) saturate(1.2)
}
.site-header .brand img{display:block;width:174px;height:auto}
.site-header .desktop-nav{justify-self:center;display:flex;gap:27px;font-size:13px}
.site-header .desktop-nav a{position:relative;padding:11px 0;color:var(--ink-2)}
.site-header .desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.site-header .desktop-nav a:hover:after,.site-header .desktop-nav a.active:after{transform:scaleX(1)}
.head-actions,.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.studio-link{position:relative}
.studio-link span{min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--danger);color:#fff;display:inline-grid;place-items:center;font-size:10px;margin-left:6px}
body[data-route="home"] .site-header{position:absolute;left:0;right:0;color:#fff;background:linear-gradient(180deg,rgba(4,5,4,.94),rgba(4,5,4,.55));border-color:var(--line-inverse)}
body[data-route="home"] .site-header .brand img{filter:brightness(0) invert(1)}
body[data-route="home"] .site-header .desktop-nav a{color:#fff}
body[data-route="home"] .site-header .button.ghost{color:#fff;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.04)}
body[data-route="home"] .site-header .button.dark{background:#fff;color:#0b0b0a;border-color:#fff}

/* Buttons, controls and forms */
.button{
  min-height:42px;padding:10px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-xs);
  background:transparent;color:inherit;font-size:13px;font-weight:650;line-height:1.2;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease
}
.button:hover{transform:translateY(-1px);border-color:currentColor}
.button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.button.dark:hover{background:#292925}
.button.light{background:#fff;color:var(--ink);border-color:#fff}
.button.ghost{background:transparent}
.button.glass{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.45);backdrop-filter:blur(14px)}
button:disabled,.button[disabled]{opacity:.38;cursor:not-allowed;transform:none}
.status{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border:1px solid var(--line);border-radius:3px;font-size:10px;font-weight:700;line-height:1.2;text-transform:none}
.status.accepted,.status.published{background:var(--success-soft);color:var(--success);border-color:#b9d6c2}
.status.pending,.status.draft,.status.counter,.status.attention{background:var(--warning-soft);color:var(--warning);border-color:#ddc795}
.status.declined,.status.archived{background:var(--danger-soft);color:var(--danger);border-color:#dcb6b1}
.status.scope-warning{background:var(--warning-soft);color:var(--warning);border-color:#d8bd85}
input,textarea,select{
  width:100%;min-height:44px;padding:11px 13px;border:1px solid var(--line-strong);border-radius:var(--radius-xs);
  background:#fff;color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease
}
textarea{min-height:110px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(184,137,66,.14)}
label{color:var(--ink)}
fieldset{border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px}
legend{padding:0 7px;font-size:12px;font-weight:700}

/* Footer */
.site-footer{display:grid;grid-template-columns:1.25fr .9fr .55fr;gap:7vw;padding:72px var(--page-x) 32px;background:var(--night);color:#fff;border:0}
.site-footer img{width:178px;filter:brightness(0) invert(1);margin-bottom:24px}
.site-footer p{margin:0;max-width:470px;color:var(--muted-inverse);line-height:1.55}
.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footer-links>div{display:grid;align-content:start;gap:9px}
.footer-links span,.footer-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777772}
.footer-links a{font-size:13px;color:#fff}
.footer-links a:hover{text-decoration:underline}
.footer-meta{text-align:right;display:grid;align-content:space-between;justify-items:end;gap:30px}
.footer-meta p{font-family:var(--display);font-size:23px;color:#fff}
.footer-legal{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-left:auto}
.footer-legal a{font-size:11px;color:#aaa8a2}
.footer-legal a:hover{color:#fff;text-decoration:underline}

/* Legal pages and account-creation acknowledgement. */
.auth-legal{margin:-2px 0 0;text-align:center;color:var(--muted);font-size:10.5px;line-height:1.5}
.auth-legal a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.auth-legal a:hover{opacity:.68}
.legal-page{max-width:1040px;margin:0 auto;padding:clamp(132px,12vw,170px) var(--page-x) 92px}
.legal-hero{max-width:780px;padding-bottom:46px}
.legal-hero h1{margin:14px 0 20px;font-size:clamp(50px,6vw,76px);line-height:.96;letter-spacing:-.055em}
.legal-hero>p:not(.eyebrow){max-width:720px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.legal-hero>span{display:block;margin-top:20px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.legal-content{border-top:1px solid var(--line)}
.legal-content section{display:grid;grid-template-columns:minmax(200px,.34fr) minmax(0,1fr);gap:clamp(28px,6vw,86px);padding:32px 0;border-bottom:1px solid var(--line)}
.legal-content h2{margin:0;font-size:17px;line-height:1.35;letter-spacing:-.02em}
.legal-content section>p,.legal-content section>ul{grid-column:2;margin:0;color:#5f5d57;font-size:14px;line-height:1.72}
.legal-content section>p+p{margin-top:13px}
.legal-content ul{padding-left:18px}
.legal-content li+li{margin-top:8px}
.legal-content strong{color:var(--ink)}
.legal-note{margin-top:44px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center}
.legal-note strong{font-size:13px}.legal-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.legal-note a{font-size:12px;font-weight:650}

/* Home: artwork-led, full black stage. */
.hero-home-dark{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:760px;max-width:none;margin:0;
  display:grid;grid-template-columns:minmax(380px,.78fr) minmax(620px,1.22fr);gap:clamp(30px,4.5vw,76px);align-items:center;
  padding:clamp(132px,12vw,184px) var(--page-x) clamp(72px,8vw,118px);
  color:#fff;background:var(--night)
}
.hero-home-dark:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 28% 40%,rgba(184,137,66,.12),transparent 31%),linear-gradient(120deg,#050605 0%,#0b0c0b 46%,#070807 100%)}
.hero-home-dark:after{content:"";position:absolute;inset:-20% 47% -30% -8%;z-index:-1;border:1px solid rgba(184,137,66,.14);border-radius:50%;transform:rotate(-15deg);pointer-events:none}
.hero-home-copy{max-width:665px;align-self:center}
.hero-home-copy .eyebrow{color:var(--accent-bright)}
.hero-home-dark .hero-home-copy h1{margin:20px 0 26px;font-size:clamp(58px,6.2vw,92px);line-height:.93}
.hero-home-dark .hero-lead{margin:0 0 30px;max-width:600px;font-size:clamp(17px,1.45vw,20px);line-height:1.52;color:#cfcdc6}
.hero-home-media{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.28fr);gap:22px;align-items:stretch;color:#fff}
.hero-home-media>.hero-artwork,.hero-home-media>img,.hero-home-media>video{display:block;width:100%;height:min(63vh,660px);min-height:470px;object-fit:cover;background:#151613;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm)}
.hero-feature-meta{display:flex!important;flex-direction:column;justify-content:center!important;align-items:flex-start!important;gap:8px!important;padding:26px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:var(--radius-sm)!important;background:rgba(15,16,15,.76)!important;backdrop-filter:blur(16px)}
.hero-feature-meta span{font-size:9px!important;text-transform:uppercase;letter-spacing:.16em;color:#9f9d96!important}
.hero-feature-meta strong{font-family:var(--display)!important;font-size:25px!important;font-weight:400!important;line-height:1.05!important;letter-spacing:-.025em!important}
.hero-feature-meta small{font-size:12px!important;line-height:1.55!important;color:#bbb8b0!important}
.hero-feature-meta em{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:11px;font-style:normal;color:var(--accent-bright)}

/* The four capability modules are diagrams, not explanatory blocks. */
.capability-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 var(--page-x);background:var(--paper);border-bottom:1px solid var(--line)}
.capability-card{min-width:0;min-height:292px;padding:27px 25px 24px;border-left:1px solid var(--line);display:grid;grid-template-rows:auto 1fr auto;color:var(--ink);transition:background .18s ease}
.capability-card:last-child{border-right:1px solid var(--line)}
.capability-card:hover{background:#fff}
.capability-card>header{display:flex;align-items:center;gap:13px}
.capability-card>header>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff}
.capability-card>header .ui-icon{width:20px;height:20px}
.capability-card h2{margin:0;font-size:18px;letter-spacing:-.02em}
.capability-diagram{align-self:center;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:24px 0}
.capability-diagram>span{min-width:0;min-height:70px;display:grid;place-items:center;align-content:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.55)}
.capability-diagram>span .ui-icon{width:25px;height:25px}
.capability-diagram>span small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center}
.capability-diagram>i{width:17px;height:1px;background:var(--line-strong)}
.capability-card>footer{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;padding-top:15px;border-top:1px solid var(--line)}
.capability-card>footer p{margin:0;max-width:250px;color:var(--muted);font-size:12px;line-height:1.48}
.capability-card>footer .ui-icon{width:18px;height:18px}

/* Featured works band */
.featured-work-band{padding:34px var(--page-x) 54px;background:var(--night);color:#fff}
.featured-work-band-head{display:flex;justify-content:space-between;align-items:end;max-width:var(--page-max);margin:0 auto 22px}
.featured-work-band-head .eyebrow{color:#d2cec4}
.featured-work-band-grid{max-width:var(--page-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.featured-work-band .art-card-media{aspect-ratio:16/10;background:#171816;border-color:rgba(255,255,255,.15)}
.featured-work-band .art-card-copy{display:grid;grid-template-columns:1fr auto;gap:2px 18px;padding:13px 0 15px;border-color:rgba(255,255,255,.18)}
.featured-work-band .art-card-copy p{grid-column:1;color:#99968f;font-size:11px}
.featured-work-band .art-card-copy h3{grid-column:1;margin:0;font-family:var(--sans);font-size:14px;font-weight:650;letter-spacing:-.01em}
.featured-work-band .art-card-copy small{grid-column:2;grid-row:1/3;align-self:end;color:#aaa69f;font-size:11px}

/* Shared sections */
.section{padding:clamp(76px,8vw,124px) var(--page-x)}
.section>*{max-width:var(--page-max);margin-left:auto;margin-right:auto}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.section-head h2{margin:10px 0 0}
.current-section{background:#fff}
.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,38px)}
.art-card{display:block;min-width:0}
.art-card-media{display:grid;place-items:center;aspect-ratio:4/3;padding:var(--public-art-mount-pad,18px);box-sizing:border-box;background:var(--public-media-canvas,var(--paper-2));border:0;overflow:hidden}
.art-card-media iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.art-card:hover .art-card-media img,.art-card:hover .art-card-media video{transform:none}
.art-card-copy{padding:15px 0 17px;border-bottom:1px solid var(--line)}
.art-card-copy p{margin:0 0 4px;color:var(--muted);font-size:11px}
.art-card-copy h3{margin:0 0 5px;font-family:var(--sans);font-size:clamp(19px,1.8vw,27px);font-weight:620;letter-spacing:-.03em;line-height:1.1}
.art-card-copy small{font-size:11px;color:var(--muted)}
.curatorial-stage{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(55px,8vw,125px);align-items:center;background:var(--surface)}
.curatorial-stage-copy h2{margin:13px 0 23px;font-size:clamp(44px,5vw,72px);line-height:.96}
.curatorial-stage-copy>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:16px;line-height:1.6}
.curatorial-journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;padding:28px;border:1px solid var(--line);background:var(--paper)}
.curatorial-journey>div{display:grid;place-items:center;gap:12px;text-align:center}
.curatorial-journey>div .ui-icon{width:30px;height:30px}
.curatorial-journey>div span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.curatorial-journey>i{width:30px;color:var(--muted)}
.curator-invitation{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;background:var(--night);color:#fff}
.curator-invitation h2{margin:12px 0 0;font-size:clamp(46px,5.7vw,82px);line-height:.94}
.curator-invitation>div:last-child{align-self:end}
.curator-invitation>div:last-child>p{max-width:580px;color:#c3c0b8;font-size:17px;line-height:1.6}

/* Public page heroes */
.page-hero,.exhibitions-index-hero,.artist-index-hero{border-bottom:1px solid var(--line)}
.page-hero{padding:clamp(72px,8vw,122px) var(--page-x) clamp(52px,6vw,86px)}
.page-hero-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:8vw;align-items:end}
.page-hero h1{margin:15px 0 0}
.page-hero>p,.page-hero-split>p{margin:0 0 5px;max-width:620px;color:var(--muted);font-size:17px;line-height:1.6}
.artist-index-hero,.exhibitions-index-hero{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:clamp(50px,7vw,112px);align-items:center;padding:clamp(68px,7vw,108px) var(--page-x)}
.artist-index-hero h1,.exhibitions-index-copy h1{margin:14px 0 22px;font-size:clamp(48px,5.2vw,76px);line-height:.97}
.artist-index-hero>div:first-child>p:last-of-type,.exhibitions-index-copy>p:not(.eyebrow){max-width:560px;color:var(--muted);font-size:16px;line-height:1.58}
.artist-index-hero-media{height:min(42vh,430px);overflow:hidden;border:1px solid var(--line)}
.artist-index-hero-media img,.artist-index-hero-media video{width:100%;height:100%;object-fit:cover}

/* Filter system: real controls, visually part of the brand. */
.directory-toolbar{display:grid;grid-template-columns:minmax(230px,1.25fr) repeat(3,minmax(140px,.5fr)) auto;gap:10px;align-items:center;margin:0 auto 20px;max-width:var(--page-max)}
.directory-toolbar form{position:relative}
.directory-toolbar form .ui-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.directory-toolbar input{padding-left:42px}
.directory-toolbar select{appearance:none;padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%230a0a09' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 12px center}
.directory-view{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.directory-view span{font-size:11px;color:var(--muted)}
.directory-view button{width:42px;height:42px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer}
.directory-view button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.directory-count{max-width:var(--page-max);margin:0 auto 18px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}

/* Artists directory */
.artists-section,.explore-section,.exhibitions-index-section{padding-top:46px}
.artist-index-grid{max-width:var(--page-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.artist-index-grid.list{grid-template-columns:1fr}
.artist-index-card{display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.52);transition:background .18s ease,transform .18s ease}
.artist-index-card:hover{background:#fff;transform:translateY(-2px)}
.artist-index-card header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:14px}
.artist-index-card .avatar{width:43px;height:43px;background:var(--ink);color:#fff;font-family:var(--sans);font-size:15px}
.artist-index-card h3{margin:0 0 3px;font-size:16px;font-weight:650;letter-spacing:-.02em}
.artist-index-card header p{margin:0;color:var(--muted);font-size:11px}
.artist-index-card .card-mark{color:var(--muted)}
.artist-index-card .card-mark .ui-icon{width:17px;height:17px}
.artist-index-media{height:180px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}
.artist-index-media img,.artist-index-media video{width:100%;height:100%;object-fit:cover}
.artist-index-card footer{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding-top:13px}
.artist-index-card footer span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.artist-index-card footer b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.artist-index-card footer .ui-icon{width:16px;height:16px}
.artist-index-grid.list .artist-index-card{grid-template-columns:250px minmax(0,1fr) auto;grid-template-rows:auto;gap:24px;align-items:center}
.artist-index-grid.list .artist-index-card header{margin:0}.artist-index-grid.list .artist-index-media{height:120px}.artist-index-grid.list .artist-index-card footer{min-width:220px}

/* Works directory */
.explore-directory-grid{max-width:var(--page-max);margin:0 auto}
.explore-directory-grid.list .art-grid{grid-template-columns:1fr}
.explore-directory-grid.list .art-card{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:26px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}
.explore-directory-grid.list .art-card-media{aspect-ratio:16/9}
.explore-directory-grid.list .art-card-copy{border:0;padding:0}

/* Exhibitions */
.exhibitions-index-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.36fr);gap:18px;align-items:stretch}
.exhibitions-index-feature>img,.exhibitions-index-feature>video,.exhibitions-index-feature>.exhibition-index-placeholder{width:100%;height:min(44vh,455px);object-fit:cover;border:1px solid var(--line)}
.exhibitions-index-feature>div:last-child{display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border:1px solid var(--line);background:#fff}
.exhibitions-index-feature>div:last-child span{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}
.exhibitions-index-feature>div:last-child h2{margin:13px 0 8px;font-family:var(--display);font-size:clamp(30px,3vw,45px);font-weight:400;line-height:1}
.exhibitions-index-feature>div:last-child small{color:var(--muted);line-height:1.5}
.programme-visual{display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:center;gap:18px;max-width:1100px!important;margin:0 auto 70px!important;padding:22px;border:1px solid var(--line);background:#fff}
.programme-visual>span{display:grid;place-items:center;gap:9px;min-width:82px}.programme-visual>span .ui-icon{width:28px;height:28px}.programme-visual>span b{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.programme-visual>i{width:32px;height:1px;background:var(--line-strong)}
.public-exhibition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.public-exhibition-card{display:grid;grid-template-columns:1.1fr .9fr;min-height:320px;border:1px solid var(--line);background:#fff}
.public-exhibition-card.featured{grid-column:1/-1;min-height:470px}
.public-exhibition-media{min-height:260px;background:var(--paper-2);overflow:hidden}.public-exhibition-media img,.public-exhibition-media video{width:100%;height:100%;object-fit:cover}
.public-exhibition-copy{display:flex;flex-direction:column;justify-content:space-between;padding:28px}
.public-exhibition-copy p{margin:0;color:var(--muted);font-size:11px}.public-exhibition-copy h3{margin:10px 0;font-family:var(--display);font-size:clamp(30px,3vw,46px);font-weight:400;line-height:1}
.public-exhibition-copy dl{margin:0}.public-exhibition-copy dt,.public-exhibition-copy dd{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.public-exhibition-copy span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.public-exhibition-copy span .ui-icon{width:16px;height:16px}

/* Public artwork and artist profile */
.profile-public{display:grid;grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:clamp(50px,7vw,115px);max-width:var(--page-max);margin:0 auto;padding:clamp(70px,8vw,120px) var(--page-x)}
.profile-intro{position:sticky;top:110px;align-self:start}.profile-intro h1{margin:12px 0 8px;font-family:var(--sans);font-size:clamp(44px,5vw,72px);font-weight:540;letter-spacing:-.06em;line-height:.95}.profile-practice{margin:0 0 24px;color:var(--muted);font-size:14px;font-weight:600;line-height:1.4}.profile-intro>p:not(.eyebrow):not(.profile-practice){max-width:590px;color:var(--muted);font-size:14px;line-height:1.65}.profile-intro>small{display:block;margin-top:14px;color:var(--muted);font-size:11px;line-height:1.4}.profile-intro>.text-link{margin-top:18px}.profile-works .art-grid{grid-template-columns:repeat(2,1fr)}
/* v1.9.237 — public artwork detail: artwork first, public context second.
   One quiet media stage, one information column and optional connected records. */
.work-public{
  display:grid;
  grid-template-columns:minmax(0,860px) minmax(320px,470px);
  justify-content:center;
  gap:clamp(42px,5vw,88px);
  align-items:start;
  width:100%;
  max-width:1600px;
  margin:0 auto;
  padding:clamp(52px,5vw,78px) var(--page-x) clamp(84px,8vw,120px)
}
.work-media{
  position:relative;
  width:100%;
  min-width:0;
  min-height:clamp(400px,54vh,640px);
  max-height:min(70vh,720px);
  display:grid;
  place-items:center;
  padding:clamp(24px,3vw,44px);
  box-sizing:border-box;
  overflow:hidden;
  border:0;
  border-radius:14px;
  background:var(--public-media-canvas,var(--paper-2))
}
.work-media iframe{display:block;width:100%;height:100%;min-height:0;border:0}
.work-media-trigger{cursor:zoom-in;outline:0}
.work-media-expand-cue,.work-media-enlarge{position:absolute;right:14px;bottom:14px;z-index:3;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:rgba(255,255,255,.9);color:var(--ink);cursor:zoom-in;backdrop-filter:blur(8px);transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease}
.work-media-expand-cue{z-index:2;opacity:.76;pointer-events:none}
.work-media-expand-cue svg,.work-media-enlarge svg{width:15px;height:15px}
.work-media-trigger:hover .work-media-expand-cue,.work-media-trigger:focus-visible .work-media-expand-cue{opacity:1;transform:translateY(-1px);background:#fff}
.work-media-trigger:focus-visible{box-shadow:0 0 0 2px var(--ink)}
.work-media-enlarge:hover,.work-media-enlarge:focus-visible{background:#fff;border-color:rgba(0,0,0,.24)}
.work-info{
  position:sticky;
  top:104px;
  min-width:0;
  padding:8px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ink)
}
.work-info-head>.eyebrow{margin:0 0 14px}
.work-info-head>.eyebrow a{border-bottom:1px solid transparent}
.work-info-head>.eyebrow a:hover{border-color:currentColor}
.work-info h1{
  max-width:520px;
  margin:0;
  font-family:var(--sans);
  font-size:clamp(38px,3.4vw,56px);
  font-weight:550;
  line-height:.98;
  letter-spacing:-.05em
}
.work-description{max-width:520px;margin:20px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.work-availability{display:flex;align-items:center;gap:8px;margin:18px 0 0;color:var(--muted);font-size:11px;font-weight:620}
.work-availability .ui-icon{width:15px;height:15px;color:var(--ink)}
.work-facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:26px 0 0!important;
  padding:15px 0!important;
  border:0!important;
  border-top:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0;
  background:transparent
}
.work-facts>div{min-width:0;padding:0 14px;border:0;border-left:1px solid var(--line)}
.work-facts>div:first-child{padding-left:0;border-left:0}
.work-facts>div:last-child{padding-right:0}
.work-facts dt{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.work-facts dd{margin:5px 0 0;font-size:11px;font-weight:560;line-height:1.45}
.work-cta{margin-top:22px}.work-cta .button{min-height:42px}
.work-other-records{margin-top:26px;padding-top:17px;border-top:1px solid var(--line)}
.work-other-records summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;color:var(--ink);font-size:10px;font-weight:650;cursor:pointer}
.work-other-records summary::-webkit-details-marker{display:none}
.work-other-records summary>span{display:flex;align-items:center;gap:8px}
.work-other-records summary>small{margin-left:auto;color:var(--muted);font-size:9px;font-weight:550}
.work-other-records summary::after{content:'+';color:var(--ink);font-size:15px;font-weight:400;line-height:1}
.work-other-records[open] summary::after{content:'−'}
.work-record-list{display:grid;margin-top:13px;border-top:1px solid var(--line)}
.work-record-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.work-record-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.work-record-icon .ui-icon{width:15px;height:15px}
.work-record-copy{display:grid;gap:3px;min-width:0;padding-top:1px}
.work-record-label{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.work-record-copy b{font-size:11px;font-weight:620;line-height:1.4}
.work-record-copy code{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:500 8.5px/1.5 var(--mono)}
.work-record-link{display:inline-flex;align-items:center;gap:5px;align-self:center;color:var(--muted);font-size:9px;font-weight:620;white-space:nowrap}
.work-record-link .ui-icon{width:12px;height:12px}
.work-record-link:hover{color:var(--ink)}
.work-info .record-report-link{margin-top:20px;color:#8a8882;font-weight:550}
.work-media-modal.artsx-lightbox{
  position:relative;
  width:100vw;
  max-width:none;
  height:100vh;
  max-height:100vh!important;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none
}
#modal-root:has(.work-media-modal.artsx-lightbox) .modal-backdrop{
  padding:0;
  background:rgba(17,17,17,.42);
  -webkit-backdrop-filter:blur(18px) saturate(.78);
  backdrop-filter:blur(18px) saturate(.78)
}
.work-media-modal.artsx-lightbox:fullscreen{width:100vw;height:100vh;max-height:100vh!important;border:0;border-radius:0;background:#111}
.work-media-modal.artsx-lightbox>header{position:absolute;inset:0 0 auto 0;z-index:8;min-height:0;padding:0;border:0;background:transparent;pointer-events:none}
.work-media-modal.artsx-lightbox>header h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-media-modal.artsx-lightbox>header button{position:absolute;top:18px;right:18px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(17,17,17,.78);color:#fff;font:300 25px/1 var(--sans);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.work-media-modal.artsx-lightbox>header button:hover,.work-media-modal.artsx-lightbox>header button:focus-visible{background:rgba(35,35,35,.92)}
.work-media-modal.artsx-lightbox .modal-body{position:relative;height:100%;min-height:0;padding:0;background:transparent;overflow:hidden}
.work-lightbox-shell{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:transparent}
.work-lightbox-stage{position:absolute;inset:clamp(62px,7vh,92px) clamp(34px,6vw,118px) clamp(82px,10vh,112px);z-index:2;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;touch-action:none}
.work-lightbox-stage.is-static{touch-action:auto}
.work-lightbox-pan{width:100%;height:100%;display:grid;place-items:center;min-width:0;min-height:0;will-change:transform}
.work-lightbox-media{display:block;width:auto;height:auto;max-width:none;max-height:none;object-fit:contain;object-position:50% 50%;transform-origin:50% 50%;will-change:transform;user-select:none;-webkit-user-drag:none}
.work-lightbox-static-media{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%;background:transparent}
.work-lightbox-stage.is-zoomed{cursor:grab}
.work-lightbox-stage.is-dragging{cursor:grabbing}
.work-lightbox-controls{position:absolute;left:50%;bottom:20px;z-index:7;display:flex;align-items:center;gap:5px;min-height:42px;padding:4px 5px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(17,17,17,.82);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.work-lightbox-controls button{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:7px;background:transparent;color:#fff;font:500 17px/1 var(--sans);cursor:pointer}
.work-lightbox-controls button:hover,.work-lightbox-controls button:focus-visible,.work-lightbox-controls button.is-active{background:rgba(255,255,255,.1)}
.work-lightbox-controls button:disabled{opacity:.32;cursor:default;background:transparent}
.work-lightbox-controls button svg{width:15px;height:15px}
.work-lightbox-controls input[type=range]{width:142px;height:20px;min-height:0;margin:0 2px;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;background:transparent!important;cursor:pointer}
.work-lightbox-controls input[type=range]::-webkit-slider-runnable-track{height:2px;border:0;border-radius:2px;background:rgba(255,255,255,.34)}
.work-lightbox-controls input[type=range]::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%;background:#fff;appearance:none;-webkit-appearance:none}
.work-lightbox-controls input[type=range]::-moz-range-track{height:2px;border:0;border-radius:2px;background:rgba(255,255,255,.34)}
.work-lightbox-controls input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}
.work-lightbox-divider{width:1px;height:20px;margin:0 2px;background:rgba(255,255,255,.16)}
.work-media-enlarged{display:grid;place-items:center;width:100%;height:100%;min-height:0}
.work-media-enlarged iframe{width:100%;height:100%;border:0;background:#fff}
@media(max-width:1100px){
  .public-work-detail{grid-template-columns:minmax(0,820px);justify-content:start;gap:30px}
  .public-work-detail .work-media{min-height:clamp(380px,58vh,620px);max-height:none}
  .public-work-detail .work-info{position:relative;top:auto;max-width:720px;padding-top:0}
}
@media(max-width:620px){
  .public-work-detail{padding-top:34px;padding-bottom:72px;gap:24px}
  .public-work-detail .work-media{min-height:300px;padding:18px;border-radius:12px}
  .work-facts{grid-template-columns:1fr!important;padding:0!important}
  .work-facts>div{padding:12px 0;border-left:0;border-bottom:1px solid var(--line)}
  .work-facts>div:last-child{border-bottom:0}
  .work-record-row{grid-template-columns:30px minmax(0,1fr);gap:10px}
  .work-record-link{grid-column:2;justify-self:start}
  .work-record-copy code{white-space:normal;overflow-wrap:anywhere}
  .work-media-modal.artsx-lightbox{width:100vw;height:100vh;max-height:100vh!important;border-radius:0}
  .work-media-modal.artsx-lightbox>header button{top:10px;right:10px;width:38px;height:38px;border-radius:9px}
  .work-lightbox-stage{inset:54px 12px 72px}
  .work-lightbox-controls{bottom:10px;max-width:calc(100% - 20px)}
  .work-lightbox-controls input[type=range]{width:min(122px,34vw)}
}

/* How / About */
.journey-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:16px;align-items:center}
.journey-map article{min-height:250px;padding:22px;border:1px solid var(--line);background:#fff;display:grid;align-content:start}.journey-map article>span{font-family:var(--mono);font-size:10px;color:var(--muted)}.journey-map article>.ui-icon{margin:42px 0 22px;width:31px;height:31px}.journey-map article h2{margin:0 0 7px;font-size:21px}.journey-map article p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.journey-map>i{color:var(--muted)}
.role-flow,.about-problem,.model-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.role-flow article,.principle-grid article,.definition-grid article{border-top:1px solid var(--line);padding-top:24px}.role-flow h2,.about-problem h2,.model-section h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.045em}.role-flow ul,.definition-grid ul{padding-left:18px;line-height:1.8}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.principle-grid article{padding:28px;background:#fff;border:0}.principle-grid span{font-family:var(--mono);font-size:10px;color:var(--muted)}.principle-grid h3{margin:52px 0 10px;font-size:20px}.principle-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}

/* Authentication */
.auth-wrap{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr minmax(390px,470px);gap:8vw;align-items:center;padding:80px var(--page-x)}
.auth-copy h1{margin:12px 0 22px;font-size:clamp(50px,5.5vw,78px);line-height:.96}.auth-copy p:last-child{max-width:560px;color:var(--muted);font-size:17px;line-height:1.6}.auth-card{padding:34px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);display:grid;gap:17px}

/* Studio shell */
.studio-shell{display:grid;grid-template-columns:238px 1fr;min-height:calc(100vh - 72px)}
.studio-shell>aside{position:sticky;top:72px;height:calc(100vh - 72px);padding:31px 20px;border-right:1px solid rgba(255,255,255,.11);background:var(--night);color:#fff;overflow:auto}
.studio-brand{padding:0 10px 25px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.14)}.studio-brand span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#8f8d87}.studio-brand b{display:block;margin-top:8px;font-size:19px;font-weight:620}
.workspace-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 18px}.workspace-switch button{border:1px solid rgba(255,255,255,.16);background:transparent;color:#aaa79f;padding:9px;font-size:11px;cursor:pointer}.workspace-switch button.active{background:#fff;color:var(--ink)}
.studio-shell>aside nav{display:grid;gap:3px}.studio-shell>aside nav a{padding:11px 12px;border-radius:var(--radius-xs);color:#bdbab2;font-size:13px}.studio-shell>aside nav a:hover,.studio-shell>aside nav a.active{background:#fff;color:var(--ink)}
.studio-main{min-width:0;padding:clamp(44px,5vw,76px) clamp(26px,5vw,76px) 110px}
.studio-title{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.studio-title h1{margin:11px 0 0}.studio-note{max-width:660px;color:var(--muted);font-size:14px;line-height:1.55}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:26px}.metric-grid>div{min-height:125px;padding:21px;background:#fff;border-radius:0}.metric-grid span{font-size:11px;color:var(--muted)}.metric-grid b{display:block;margin-top:30px;font-size:31px;font-weight:560;letter-spacing:-.035em}
.panel{margin:20px 0;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-xs)}.panel h2{margin:0 0 14px;font-size:28px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.panel-head p{color:var(--muted);font-size:12px}
.activity-list,.work-list,.request-list,.display-list{display:grid;gap:8px}.activity-list button,.request-row,.work-row,.display-row{border:1px solid var(--line);background:#fff}.activity-list button:hover,.request-row:hover,.work-row:hover,.display-row:hover{border-color:var(--line-strong);box-shadow:0 12px 32px rgba(0,0,0,.045)}
.curator-command{margin-bottom:28px}.curator-pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.curator-pipeline article{min-height:190px;padding:22px;background:#fff;display:grid;align-content:start}.curator-pipeline .ui-icon{width:27px;height:27px}.curator-pipeline span{margin-top:35px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.curator-pipeline b{margin:7px 0;font-size:26px}.curator-pipeline a,.curator-pipeline small{font-size:11px;color:var(--muted)}
.studio-exhibition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.studio-exhibition-card{border:1px solid var(--line);background:#fff;border-radius:0;overflow:hidden}.studio-exhibition-card.has-scope-issue{box-shadow:inset 4px 0 0 var(--warning)}

/* Work list */
.work-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px}.work-edit{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:center}.work-row .thumb{width:104px;height:78px}.work-row h3{margin:0 0 4px;font-size:21px;letter-spacing:-.03em}.work-row p{margin:0;color:var(--muted);font-size:12px}.work-row-actions{text-align:right}.work-quick-actions{display:flex;gap:13px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}.work-quick-actions a,.work-quick-actions button{font-size:11px}

/* Add work wizard */
.wizard{min-height:calc(100vh - 72px);background:var(--paper);display:grid;grid-template-rows:auto 1fr auto}
.wizard>header{position:sticky;top:72px;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px var(--page-x);border-bottom:1px solid var(--line);background:rgba(243,240,233,.96);backdrop-filter:blur(18px)}
.wizard>header>a{font-size:12px;font-weight:650}.wizard>header>div{display:flex;gap:4px}.wizard>header span{display:flex;align-items:center;gap:7px;padding:9px 11px;color:var(--muted);font-size:10px}.wizard>header span.active{background:var(--ink);color:#fff}.wizard>header span .ui-icon{width:16px;height:16px}.wizard>header span b{font-size:9px}
.wizard-body{display:grid;grid-template-columns:minmax(340px,.74fr) minmax(560px,1.26fr);gap:clamp(50px,7vw,110px);align-items:start;padding:clamp(56px,6vw,90px) var(--page-x)}
.wizard-copy{position:sticky;top:170px;max-width:520px}.wizard-copy h1{margin:12px 0 18px}.wizard-copy>p:not(.eyebrow){max-width:460px;color:var(--muted);font-size:15px;line-height:1.55}
.wizard-preview-large{margin-top:32px;min-height:260px;border:1px solid var(--line);background:var(--paper-2);display:grid;place-items:center;overflow:hidden}.wizard-preview-large img,.wizard-preview-large video{width:100%;height:100%;max-height:400px;object-fit:contain}.wizard-preview-empty{display:grid;place-items:center;gap:12px;color:var(--muted)}.wizard-preview-empty .ui-icon{width:34px;height:34px}
.wizard-form{padding:34px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-soft);display:grid;gap:18px}.wizard-form label{display:grid;gap:8px;font-size:12px;font-weight:650}.upload-zone{min-height:180px;display:grid!important;place-content:center!important;place-items:center!important;gap:10px;border:1px dashed var(--line-strong)!important;background:#f8f6f1!important;text-align:center;cursor:pointer}.upload-zone .ui-icon{width:30px;height:30px}.upload-zone input{max-width:440px;min-height:auto;padding:0;border:0;background:transparent;box-shadow:none}.upload-zone span{font-size:11px;color:var(--muted)}.inline-media-preview:empty{display:none}.availability-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.availability-options .choice{display:block!important;position:relative;border:1px solid var(--line);padding:18px;cursor:pointer}.availability-options .choice input{position:absolute;right:12px;top:12px;width:auto;min-height:auto}.availability-options .choice span{display:grid;gap:8px}.availability-options .choice .ui-icon{width:27px;height:27px}.availability-options .choice b{font-size:13px}.availability-options .choice small{color:var(--muted);line-height:1.45}.wizard>footer{display:flex;justify-content:space-between;padding:16px var(--page-x);border-top:1px solid var(--line);background:#fff}

/* Request and rights surfaces */
.request-row{padding:20px}.request-row h3{font-size:20px}.request-progress{background:#f7f5f0;border:1px solid var(--line)}.progress-step span{border-radius:50%}.funds-panel{border:1px solid var(--line);background:#fff}.funds-grid{gap:1px;background:var(--line)}.funds-grid>div{background:#fff}.agreement-card,.agreement-panel{border-radius:var(--radius-xs)}

/* Exhibition builder */
.builder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:28px;margin-bottom:26px;border-bottom:1px solid var(--line)}.builder-head h1{margin:10px 0 0}.builder-progress-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;padding:14px;border:1px solid var(--line);background:#fff}.builder-progress-map button{min-height:62px;display:flex;align-items:center;gap:11px;padding:10px 13px;border:0;background:transparent;text-align:left;cursor:pointer}.builder-progress-map button span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper)}.builder-progress-map button.current span{background:var(--ink);color:#fff}.builder-progress-map button.done span{background:var(--success-soft);color:var(--success);border-color:#b9d4c1}.builder-progress-map button b{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.builder-progress-map>i{width:26px;height:1px;background:var(--line-strong)}
.builder-copy h2{margin:0 0 9px;font-size:30px}.builder-copy p{max-width:700px;color:var(--muted);line-height:1.55}.builder-form{border:1px solid var(--line);background:#fff}.builder-work-list article,.eligible-request-list article,.rights-row{border-radius:0;background:#fff}.builder-work-list article.out-of-scope,.eligible-request-list article.out-of-scope,.rights-row.out-of-scope{background:linear-gradient(90deg,var(--warning-soft),#fff 45%);border-color:#d6bc86}.blocker-panel{background:var(--warning-soft);border-color:#d7bd86}.readiness-badge{border-radius:3px}

/* Portable identity */
.portable-activation-hero{display:grid;grid-template-columns:minmax(240px,.38fr) minmax(340px,.75fr) minmax(330px,.62fr);min-height:270px;overflow:hidden;border:1px solid #1d1e1d;background:var(--night);color:#fff}.portable-activation-art{min-height:270px;overflow:hidden;background:#171816}.portable-activation-art img,.portable-activation-art video{width:100%;height:100%;object-fit:cover}.portable-activation-copy{display:flex;flex-direction:column;justify-content:center;padding:34px}.portable-activation-copy .eyebrow{color:var(--accent-bright)}.portable-activation-copy h2{margin:14px 0 10px;font-family:var(--display);font-size:clamp(31px,3vw,46px);font-weight:400;line-height:1}.portable-activation-copy p{margin:0;color:#c3c0b8;line-height:1.55}.portable-activation-action{display:grid;align-content:center;padding:32px;border-left:1px solid rgba(255,255,255,.18)}.activation-card{display:grid;gap:12px}.activation-card h3{margin:2px 0;font-family:var(--display);font-size:31px;font-weight:400}.activation-card p,.activation-card small{margin:0;color:#c0bdb5}.activation-card label{color:#fff}.activation-card select,.activation-card textarea{background:#171816;color:#fff;border-color:rgba(255,255,255,.32)}
.portable-process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:0 2px}.portable-process article{position:relative;min-height:176px;padding:18px 20px 20px;border-bottom:1px solid var(--line);text-align:center}.portable-process article:not(:last-child):after{content:"";position:absolute;top:67px;left:calc(50% + 31px);right:calc(-50% + 31px);height:1px;background:var(--line-strong)}.portable-process article b{display:block;margin-bottom:10px;font-family:var(--mono);font-size:10px}.portable-process article>span{position:relative;z-index:1;width:48px;height:48px;margin:0 auto 12px;border:1px solid var(--line);border-radius:50%;background:var(--paper);display:grid;place-items:center}.portable-process article.done>span{border-color:#d3a55a;color:#946817}.portable-process article.current>span{background:var(--ink);color:#fff;border-color:var(--ink)}.portable-process article h3{margin:0 0 6px;font-size:14px}.portable-process article small{display:block;color:var(--muted);font-size:10px}.portable-process article .text-action{margin-top:9px}.portable-dashboard{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(400px,1fr) minmax(380px,1.15fr);gap:12px;margin-top:24px}.portable-work-card,.portable-flow-card,.technical-drawer,.external-record-drawer{border:1px solid var(--line);background:#fff}.portable-work-card,.portable-flow-card{padding:20px}.portable-work-card>div{height:180px;overflow:hidden;background:var(--paper-2)}.portable-work-card>div img,.portable-work-card>div video{width:100%;height:100%;object-fit:contain}.portable-work-card h2{margin:15px 0;font-family:var(--display);font-size:27px;font-weight:400}.portable-work-card dl{display:grid;grid-template-columns:100px 1fr;gap:8px;font-size:11px}.portable-work-card dt{color:var(--muted)}.portable-work-card dd{margin:0}.portable-mini-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:28px 0}.portable-mini-flow span{display:grid;place-items:center;gap:9px;text-align:center}.portable-mini-flow span .ui-icon{width:29px;height:29px}.portable-mini-flow span b{font-size:9px}.portable-mini-flow>i{color:var(--muted)}.portable-links{display:flex;flex-wrap:wrap;gap:13px;font-size:11px}.technical-drawer{padding:0}.technical-drawer summary,.external-record-drawer summary{padding:20px;font-weight:650;cursor:pointer;list-style:none}.technical-drawer summary::-webkit-details-marker,.external-record-drawer summary::-webkit-details-marker{display:none}.technical-drawer[open] summary,.external-record-drawer[open] summary{border-bottom:1px solid var(--line)}.technical-drawer dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px;padding:20px;margin:0;font-size:10px}.technical-drawer dt{color:var(--muted)}.technical-drawer dd{margin:0;overflow-wrap:anywhere}.technical-drawer .portable-links{padding:0 20px 20px}.external-record-drawer{margin-top:14px}.external-record-drawer>div{padding:22px}.external-record-drawer form{display:grid;gap:14px}

/* Modals and feedback */
.modal-backdrop{background:rgba(0,0,0,.64);backdrop-filter:blur(8px)}.modal{border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-dark)}.modal>header{border-bottom:1px solid var(--line)}.modal>header h2{font-size:28px;letter-spacing:-.035em}.modal>header button{border-radius:50%}.toast{border-radius:var(--radius-xs);background:var(--ink);box-shadow:0 16px 42px rgba(0,0,0,.25)}
.empty{border:1px solid var(--line);background:rgba(255,255,255,.5);border-radius:var(--radius-sm)}
.notice{border-radius:var(--radius-xs)}

/* Venue player remains exhibition-first. */
.player-shell{background:#000}.player-chrome{backdrop-filter:blur(16px)}

/* Mobile navigation */
.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;width:42px;height:42px;border:1px solid currentColor;border-radius:var(--radius-xs);display:grid;place-content:center;gap:6px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:19px;height:1px;background:currentColor}.mobile-menu>div{position:fixed;top:72px;left:0;right:0;padding:20px;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 22px 55px rgba(0,0,0,.1)}.mobile-menu nav,.mobile-account{display:grid;gap:4px}.mobile-menu nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:17px;font-weight:620}.mobile-account{grid-template-columns:1fr 1fr;margin-top:18px}.mobile-account .button{width:100%}

@media(max-width:1280px){
  .site-header{grid-template-columns:auto 1fr auto}.site-header .desktop-nav{gap:19px}
  .hero-home-dark{grid-template-columns:minmax(330px,.8fr) minmax(500px,1.2fr)}
  .hero-home-media{grid-template-columns:1fr}.hero-feature-meta{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important}.hero-feature-meta strong{grid-column:1}.hero-feature-meta em{grid-column:2;grid-row:1/4;margin:0;padding:0 0 0 14px;border-top:0;border-left:1px solid rgba(255,255,255,.18)}
  .capability-cards{grid-template-columns:repeat(2,1fr)}.capability-card:nth-child(2){border-right:1px solid var(--line)}
  .artist-index-grid{grid-template-columns:repeat(3,1fr)}
  .directory-toolbar{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(130px,.5fr)) auto}.directory-toolbar select:nth-of-type(3){display:none}
  .portable-dashboard{grid-template-columns:1fr 1fr}.technical-drawer{grid-column:1/-1}
}
@media(max-width:1020px){
  .desktop-nav{display:none!important}.mobile-menu{display:block}.site-header{grid-template-columns:auto 1fr auto}.head-actions{display:none}
  body[data-route="home"] .mobile-menu>div{background:var(--night);color:#fff;border-color:var(--line-inverse)}
  .hero-home-dark,.artist-index-hero,.exhibitions-index-hero,.curatorial-stage,.curator-invitation,.page-hero-split,.role-flow,.about-problem,.model-section{grid-template-columns:1fr}
  .hero-home-dark{padding-top:122px}.hero-home-media>.hero-artwork,.hero-home-media>img,.hero-home-media>video{height:56vh;min-height:370px}
  .artist-index-hero-media{height:360px}.artist-index-grid{grid-template-columns:repeat(2,1fr)}
  .journey-map{grid-template-columns:repeat(5,1fr)}.journey-map>i{display:none}
  .principle-grid{grid-template-columns:repeat(2,1fr)}
  .studio-shell{grid-template-columns:1fr}.studio-shell>aside{position:relative;top:auto;height:auto;display:flex;gap:16px;align-items:center;overflow:auto;padding:13px 20px}.studio-brand{display:none}.workspace-switch{min-width:180px;margin:0}.studio-shell>aside nav{display:flex;gap:4px}.studio-shell>aside nav a{white-space:nowrap}
  .wizard-body{grid-template-columns:1fr}.wizard-copy{position:relative;top:auto;max-width:760px}.wizard-preview-large{max-width:700px}
  .portable-activation-hero{grid-template-columns:.45fr 1fr}.portable-activation-action{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
  .public-exhibition-card,.public-exhibition-card.featured{grid-template-columns:1fr}.public-exhibition-media{min-height:360px}
}
@media(max-width:760px){
  :root{--page-x:18px}
  .site-header{min-height:66px;padding:12px 18px}.site-header .brand img{width:158px}.mobile-menu>div{top:66px}
  .hero-home-dark{min-height:auto;padding-top:104px}.hero-home-dark .hero-home-copy h1{font-size:52px}.hero-home-media>.hero-artwork,.hero-home-media>img,.hero-home-media>video{height:48vh;min-height:320px}.hero-feature-meta{grid-template-columns:1fr!important}.hero-feature-meta em{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:12px 0 0}
  .capability-cards{grid-template-columns:1fr}.capability-card{border-right:1px solid var(--line);min-height:270px}
  .featured-work-band-grid{grid-template-columns:repeat(2,1fr)}
  .art-grid,.profile-works .art-grid{grid-template-columns:1fr}
  .artist-index-grid{grid-template-columns:1fr}.artist-index-grid.list .artist-index-card{grid-template-columns:1fr}.artist-index-grid.list .artist-index-media{height:180px}
  .directory-toolbar{grid-template-columns:1fr 1fr}.directory-toolbar form{grid-column:1/-1}.directory-view{grid-column:1/-1;justify-content:flex-start}.directory-toolbar select:nth-of-type(3){display:block}
  .programme-visual{grid-template-columns:repeat(3,1fr);gap:1px;padding:12px}.programme-visual>i{display:none}.programme-visual>span{min-height:85px;border:1px solid var(--line)}
  .public-exhibition-grid{grid-template-columns:1fr}.public-exhibition-media{min-height:280px}
  .curatorial-journey{grid-template-columns:repeat(2,1fr);gap:1px}.curatorial-journey>i{display:none}.curatorial-journey>div{min-height:110px;border:1px solid var(--line)}
  .principle-grid,.definition-grid{grid-template-columns:1fr}
  .studio-title,.builder-head{display:grid}.metric-grid,.curator-pipeline,.studio-exhibition-grid{grid-template-columns:1fr 1fr}.curator-pipeline article:last-child{grid-column:1/-1}
  .work-row{grid-template-columns:1fr}.work-row-actions{text-align:left}.work-quick-actions{justify-content:flex-start}
  .wizard>header{top:66px}.wizard>header>div{overflow:auto}.wizard>header span{white-space:nowrap}.availability-options{grid-template-columns:1fr}
  .builder-progress-map{grid-template-columns:1fr 1fr}.builder-progress-map>i{display:none}
  .portable-activation-hero{grid-template-columns:1fr}.portable-activation-art{height:230px}.portable-activation-copy{padding:27px}.portable-activation-action{padding:27px}.portable-process{grid-template-columns:1fr 1fr}.portable-process article:not(:last-child):after{display:none}.portable-dashboard{grid-template-columns:1fr}.technical-drawer{grid-column:auto}.portable-mini-flow{grid-template-columns:1fr 1fr}.portable-mini-flow>i{display:none}
  .profile-public,.work-public{grid-template-columns:1fr}.profile-intro,.work-info{position:relative;top:auto}
  .site-footer{grid-template-columns:1fr}.footer-meta{text-align:left;justify-items:start}.footer-links{grid-template-columns:1fr 1fr}
  .footer-legal{justify-content:flex-start;flex-wrap:wrap;gap:14px 22px}
  .legal-page{padding-top:112px;padding-bottom:68px}
  .legal-hero{padding-bottom:34px}
  .legal-content section{grid-template-columns:1fr;gap:12px;padding:26px 0}
  .legal-content section>p,.legal-content section>ul{grid-column:1}
  .legal-note{grid-template-columns:1fr;gap:8px}
}
@media(max-width:480px){
  .featured-work-band-grid,.metric-grid,.curator-pipeline,.studio-exhibition-grid{grid-template-columns:1fr}
  .directory-toolbar{grid-template-columns:1fr}.directory-toolbar form,.directory-view{grid-column:auto}
  .two{grid-template-columns:1fr}
  .portable-process{grid-template-columns:1fr}
}
.directory-toolbar.no-view{grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(150px,.45fr));max-width:var(--page-max)}
@media(max-width:760px){.directory-toolbar.no-view{grid-template-columns:1fr 1fr}.directory-toolbar.no-view form{grid-column:1/-1}}
@media(max-width:480px){.directory-toolbar.no-view{grid-template-columns:1fr}.directory-toolbar.no-view form{grid-column:auto}}

/* Additional operational cohesion */
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px}.editor{display:grid;gap:14px}.editor section{padding:26px;border:1px solid var(--line);background:#fff}.editor .step-no{font-family:var(--mono);font-size:9px;color:var(--muted)}.editor h2{margin:10px 0 18px;font-size:27px;letter-spacing:-.035em}.editor label{display:grid;gap:8px;margin:13px 0;font-size:11px;font-weight:650}.profile-preview{position:sticky;top:112px;min-height:430px;padding:29px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);background:linear-gradient(150deg,#0c0d0c,#20221f);color:#fff}.profile-preview>span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#99968f}.profile-preview .avatar{width:82px;height:82px;margin:85px 0 20px;background:#fff;color:var(--ink);font-size:23px}.profile-preview h2{margin:0 0 8px;font-family:var(--display);font-size:36px;font-weight:400}.profile-preview p,.profile-preview small{color:#b9b6ae}.profile-state{display:flex;align-items:center;gap:13px;margin-top:18px;font-size:11px}.profile-state a{font-weight:650;border-bottom:1px solid currentColor}

.request-detail{max-width:1500px;margin:0 auto;padding:58px var(--page-x) 110px}.request-detail>a{font-size:12px;font-weight:650}.request-head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:34px 0 29px;border-bottom:1px solid var(--line)}.request-head h1{margin:11px 0 9px;font-size:clamp(40px,4.4vw,64px);line-height:.98}.request-head p{margin:0;color:var(--muted)}.request-head-fee{text-align:right}.request-head-fee span,.request-head-fee small{display:block;color:var(--muted);font-size:10px}.request-head-fee strong{display:block;margin:8px 0;font-size:28px}.counter-summary,.agreement-summary{margin:22px 0;padding:26px;border:1px solid var(--line);background:#fff}.counter-summary{display:flex;justify-content:space-between;gap:30px;background:var(--warning-soft)}.counter-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.counter-summary h2,.agreement-summary h2{margin:8px 0;font-size:27px}.agreement-summary>div:first-child{display:flex;gap:18px;align-items:flex-start}.agreement-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--success-soft);color:var(--success)}.agreement-summary dl{display:grid;grid-template-columns:120px 1fr;gap:10px;margin:20px 0}.agreement-summary dt{color:var(--muted)}.agreement-summary dd{margin:0}.agreement-summary details{padding-top:16px;border-top:1px solid var(--line)}
.display-flow-mini{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-bottom:26px;padding:20px;border:1px solid var(--line);background:#fff}.display-flow-mini>div{display:grid;gap:7px;text-align:center}.display-flow-mini>div span{font-family:var(--mono);font-size:9px;color:var(--muted)}.display-flow-mini>div b{font-size:14px}.display-flow-mini>div small{font-size:10px;color:var(--muted)}.display-flow-mini>i{font-style:normal;color:var(--muted)}.display-row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px}.display-icon{width:60px;height:46px;border:2px solid var(--ink);display:grid;place-items:center}.display-icon span{width:20px;height:2px;background:var(--ink)}.display-row h3{margin:8px 0 4px;font-size:20px}.display-row p,.display-row small{margin:0;color:var(--muted)}
.venue-player{min-height:100vh;background:#000;color:#fff}.venue-player .player-brand img{filter:brightness(0) invert(1)}.venue-player.pairing,.venue-player.waiting{display:grid;place-items:center;padding:36px}.venue-player.pairing section,.venue-player.waiting section{max-width:640px;text-align:center}.venue-player.pairing strong{display:block;margin:25px 0;font-family:var(--mono);font-size:clamp(56px,10vw,120px);letter-spacing:.08em}.venue-player.pairing ol{display:inline-grid;text-align:left;gap:10px;color:#b8b5ad}.venue-player.waiting h1{font-family:var(--display);font-size:clamp(48px,7vw,90px);font-weight:400}.venue-player.active{position:relative;overflow:hidden}.player-media{position:absolute;inset:0;display:grid;place-items:center}.player-media img,.player-media video{width:100%;height:100%;object-fit:contain}.player-overlay{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-content:space-between;padding:34px;background:linear-gradient(180deg,rgba(0,0,0,.52),transparent 30%,transparent 70%,rgba(0,0,0,.58));pointer-events:none}.player-overlay>div:nth-child(2){text-align:right}.player-overlay h1{margin:0;font-family:var(--display);font-size:clamp(34px,4.5vw,72px);font-weight:400}.player-progress{grid-column:1/-1;height:2px;background:rgba(255,255,255,.25)}.player-progress span{display:block;height:100%;background:#fff}
@media(max-width:1020px){.editor-layout{grid-template-columns:1fr}.profile-preview{position:relative;top:auto}}
@media(max-width:760px){.request-head{grid-template-columns:1fr}.request-head-fee{text-align:left}.display-flow-mini{grid-template-columns:1fr 1fr}.display-flow-mini>i{display:none}.display-row{grid-template-columns:52px 1fr}.display-row .work-quick-actions{grid-column:1/-1}.player-overlay{padding:20px}}

/* Arts Exchange Stage 7.11 — immersive, curated interface pass
   This layer deliberately reduces catalogue density and gives artworks,
   exhibitions and agreements more visual room. */

:root{
  --paper:#f4f1e9;
  --paper-2:#ece8df;
  --surface:#faf8f3;
  --accent-blue:#dfe7ff;
  --accent-green:#dcece2;
  --accent-coral:#f1dfd6;
  --accent-violet:#e7e0f0;
}

/* Home — a full artwork stage rather than a split product hero. */
body[data-route="home"]{background:var(--night)}
body[data-route="home"] #main-content{background:var(--paper)}
body[data-route="home"] .site-header{background:linear-gradient(180deg,rgba(4,5,4,.82),rgba(4,5,4,.12));border-color:rgba(255,255,255,.12)}
.home-immersive{
  position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#050605;color:#fff;
}
.home-immersive-media{position:absolute;inset:0;display:block;z-index:-3}
.home-immersive-media img,.home-immersive-media video,.home-hero-artwork{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96) contrast(1.02)}
.home-immersive-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.54) 32%,rgba(0,0,0,.12) 64%,rgba(0,0,0,.28) 100%),linear-gradient(0deg,rgba(0,0,0,.74) 0%,transparent 52%,rgba(0,0,0,.25) 100%)}
.home-immersive:after{content:"";position:absolute;z-index:-1;left:-8vw;right:-8vw;bottom:12%;height:1px;background:rgba(255,255,255,.68);transform:rotate(-8deg);transform-origin:center;opacity:.6}
.home-immersive-copy{position:absolute;left:var(--page-x);bottom:clamp(58px,8vh,104px);max-width:min(760px,65vw)}
.home-immersive-copy .eyebrow{margin-bottom:18px;color:#fff}
.home-immersive-copy h1{margin:0;font-family:var(--sans);font-weight:520;letter-spacing:-.075em;line-height:.82;font-size:clamp(64px,10vw,154px);text-wrap:balance}
.home-immersive-meta{position:absolute;right:var(--page-x);bottom:clamp(58px,8vh,104px);width:min(420px,31vw);padding-top:18px;border-top:1px solid rgba(255,255,255,.52);display:grid;grid-template-columns:1fr auto;gap:7px 22px;align-items:end;font-size:12px}
.home-immersive-meta p,.home-immersive-meta span{margin:0;line-height:1.45;color:#e4e1d9}
.home-immersive-meta span{text-align:right;color:#b9b6af}
.home-immersive-meta a{grid-column:1/-1;display:inline-flex;align-items:center;gap:8px;width:max-content;margin-top:13px;color:#fff;font-weight:650}
.home-immersive-meta .ui-icon{width:16px;height:16px}
.home-scroll{position:absolute;right:18px;top:46%;font-size:9px;text-transform:uppercase;letter-spacing:.16em;writing-mode:vertical-rl;color:rgba(255,255,255,.82)}

.section-wide{padding-left:var(--page-x);padding-right:var(--page-x)}
.home-programme{padding-top:clamp(84px,10vw,150px);padding-bottom:clamp(92px,11vw,170px);background:var(--paper)}
.home-programme-intro{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(460px,1fr);gap:7vw;max-width:var(--page-max);margin:0 auto clamp(72px,8vw,118px)}
.home-programme-intro h2{max-width:930px;margin:0;font-family:var(--sans);font-size:clamp(44px,5.5vw,82px);font-weight:520;letter-spacing:-.065em;line-height:.94;text-wrap:balance}
.home-programme-list{max-width:var(--page-max);margin:0 auto;border-top:1px solid var(--line)}
.programme-row{min-height:96px;display:grid;grid-template-columns:80px minmax(0,1fr) minmax(180px,.32fr) 24px;gap:28px;align-items:center;border-bottom:1px solid var(--line);color:var(--ink);transition:padding .18s ease,background .18s ease}
.programme-row:hover{padding-left:12px;background:rgba(255,255,255,.38)}
.programme-row time,.programme-row small{font-size:10px;color:var(--muted);line-height:1.35}
.programme-row h3{margin:0;font-size:clamp(26px,3vw,47px);font-weight:480;letter-spacing:-.045em}
.programme-row>.ui-icon{width:17px;height:17px}
.programme-empty>a{display:inline-flex;gap:7px;align-items:center;font-size:12px;font-weight:650}

.home-selected{padding-top:40px;padding-bottom:clamp(120px,13vw,210px);background:var(--paper)}
.home-selected-head{display:grid;grid-template-columns:minmax(120px,.42fr) minmax(460px,1fr);gap:7vw;max-width:var(--page-max);margin:0 auto clamp(68px,8vw,126px)}
.home-selected-head h2{max-width:970px;margin:0;font-size:clamp(38px,4.6vw,70px);line-height:.98;letter-spacing:-.06em;font-weight:520;text-wrap:balance}
.floating-work-grid{max-width:var(--page-max);margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(30px,auto);gap:clamp(18px,2.2vw,38px)}
.floating-work{min-width:0}
.floating-work .art-card{display:block}
.floating-work .art-card-media{border:0;background:var(--paper-2);overflow:hidden}
.floating-work .art-card-media img,.floating-work .art-card-media video{width:100%;height:100%;object-fit:cover}
.floating-work .art-card-copy{border:0;padding:13px 0 0}
.floating-work .art-card-copy h3{margin:0 0 5px;font-size:var(--public-work-title-size);font-weight:620;line-height:1.1;letter-spacing:-.025em}
.floating-work .art-card-copy p{margin:0 0 4px;font-size:var(--public-card-meta-size);line-height:1.4;color:var(--muted)}
.floating-work .art-card-copy small{font-size:var(--public-card-meta-size);line-height:1.4;color:var(--muted)}
.floating-work-1{grid-column:1/span 6;grid-row:1/span 8}
.floating-work-1 .art-card-media{aspect-ratio:1.28/1}
.floating-work-2{grid-column:8/span 4;grid-row:3/span 6}
.floating-work-2 .art-card-media{aspect-ratio:.82/1}
.floating-work-3{grid-column:2/span 4;grid-row:10/span 6}
.floating-work-3 .art-card-media{aspect-ratio:1.08/1}
.floating-work-4{grid-column:7/span 5;grid-row:9/span 8}
.floating-work-4 .art-card-media{aspect-ratio:.92/1}
.home-selected-link{display:flex;width:max-content;margin:70px auto 0}

.home-process{padding:clamp(82px,8vw,122px) var(--page-x) clamp(88px,9vw,136px);background:#ede9e0}
.home-process-head{max-width:var(--page-max);margin:0 auto 44px;display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:clamp(38px,6vw,96px);align-items:start}
.home-process-head h2{margin:-8px 0 0;max-width:980px;font-size:clamp(38px,3.8vw,54px);font-weight:540;letter-spacing:-.05em;line-height:1.02;text-wrap:balance}
.home-process .capability-cards{max-width:var(--page-max);margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;background:transparent;border:0}
.home-process .capability-card{--cap-accent:#273a32;position:relative;min-width:0;min-height:292px;padding:25px 27px 24px;border:1px solid rgba(15,15,13,.13)!important;border-radius:14px;background:rgba(255,255,255,.64);box-shadow:0 18px 48px rgba(27,24,18,.035);display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(106px,1fr) auto!important;gap:0;color:var(--ink);overflow:hidden;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-process .capability-card-rights{--cap-accent:#5b4662}
.home-process .capability-card-exhibitions{--cap-accent:#304b67}
.home-process .capability-card-provenance{--cap-accent:#9a6041}
.home-process .capability-card::before{content:"";position:absolute;left:27px;right:27px;top:0;height:2px;background:var(--cap-accent);opacity:.25;transform:scaleX(0);transform-origin:left;transition:transform .24s ease,opacity .24s ease}
.home-process .capability-card:hover{transform:translateY(-3px);background:#fff;border-color:rgba(15,15,13,.2)!important;box-shadow:0 24px 64px rgba(27,24,18,.075)}
.home-process .capability-card:hover::before{transform:scaleX(1);opacity:.7}
.home-process .capability-card>header{display:flex;align-items:center;gap:14px;min-width:0}
.home-process .capability-badge{flex:0 0 44px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ece9e2;color:#171715}
.home-process .capability-badge .ui-icon{width:21px;height:21px}
.home-process .capability-card h3{margin:0;min-width:0;font-size:18px;font-weight:650;letter-spacing:-.025em;line-height:1.1}
.home-process .capability-visual{align-self:center;width:100%;min-width:0}
.home-process .capability-visual-flow{display:grid;grid-template-columns:minmax(42px,1fr) minmax(16px,.45fr) minmax(48px,1fr) minmax(16px,.45fr) minmax(42px,1fr);gap:8px;align-items:center;padding:25px 2px 21px}
.home-process .capability-node{aspect-ratio:1;max-width:58px;width:100%;justify-self:center;border:1px solid rgba(15,15,13,.12);border-radius:50%;display:grid;place-items:center;color:#6f6d68;background:rgba(255,255,255,.54)}
.home-process .capability-node.is-primary{max-width:66px;color:var(--cap-accent);border-color:color-mix(in srgb,var(--cap-accent) 32%,transparent);background:color-mix(in srgb,var(--cap-accent) 7%,#fff)}
.home-process .capability-node .ui-icon{width:27px;height:27px}
.home-process .capability-node.is-primary .ui-icon{width:32px;height:32px}
.home-process .capability-connector{width:100%;height:2px;background:repeating-linear-gradient(90deg,rgba(25,25,23,.28) 0 3px,transparent 3px 8px)}
.home-process .capability-visual-studio{min-height:86px;margin:25px 0 21px;padding:12px;border:1px solid rgba(15,15,13,.11);border-radius:6px;background:rgba(255,255,255,.42);display:grid;grid-template-columns:42px minmax(54px,1fr) repeat(3,31px) 36px;gap:7px;align-items:center}
.home-process .studio-initial{height:52px;border-radius:4px;display:grid;place-items:center;background:#e8e5df;font-size:18px;color:#3b3a37}
.home-process .studio-lines{display:grid;gap:7px;padding:0 4px}
.home-process .studio-lines i{display:block;height:2px;background:#d1cec7}
.home-process .studio-lines i:nth-child(2){width:72%}
.home-process .studio-lines i:nth-child(3){width:48%}
.home-process .studio-thumb{height:52px;border-radius:3px;background-size:cover;background-position:center}
.home-process .studio-thumb-one{background-image:url('/assets/works/field-01.svg')}
.home-process .studio-thumb-two{background-image:url('/assets/works/field-03.svg')}
.home-process .studio-thumb-three{background-image:url('/assets/works/field-05.svg')}
.home-process .studio-add{height:52px;border:1px solid rgba(15,15,13,.11);border-radius:4px;display:grid;place-items:center;color:#5b5954}
.home-process .studio-add .ui-icon{width:20px;height:20px}
.home-process .capability-card>footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;gap:18px;align-items:end;padding:17px 0 0!important;border-top:1px solid rgba(15,15,13,.1)!important;min-width:0}
.home-process .capability-card>footer p{grid-column:auto!important;margin:0;max-width:270px;color:#6f6c66;font-size:12.5px;line-height:1.48}
.home-process .capability-card>footer>.ui-icon{grid-column:auto!important;grid-row:auto!important;width:19px;height:19px;align-self:end;transition:transform .2s ease}
.home-process .capability-card:hover>footer>.ui-icon{transform:translateX(3px)}
.home-statement{padding:clamp(100px,12vw,190px) var(--page-x);background:var(--night);color:#fff;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.35fr);gap:8vw;align-items:end}
.home-statement>p{margin:0;max-width:1200px;font-size:clamp(46px,6.2vw,94px);line-height:.92;letter-spacing:-.068em;font-weight:520;text-wrap:balance}
.home-statement>p span{color:#62625e}
.home-statement>div{display:grid;gap:16px;justify-items:start}

/* Public directories — quiet tools, considered selections. */
.artist-index-hero,.exhibitions-index-hero{padding-top:clamp(78px,8vw,125px);padding-bottom:clamp(65px,7vw,105px);grid-template-columns:minmax(330px,.67fr) minmax(520px,1.33fr)}
.artist-index-hero h1,.exhibitions-index-copy h1{font-family:var(--sans);font-size:clamp(42px,4.5vw,67px);font-weight:520;letter-spacing:-.062em;line-height:.96}
.artist-index-hero-media{height:min(36vh,370px);border:0}
.directory-toolbar{grid-template-columns:minmax(250px,1.3fr) repeat(2,minmax(135px,.45fr)) auto;gap:8px;margin-bottom:34px}
.directory-toolbar input,.directory-toolbar select{min-height:42px;background:rgba(255,255,255,.42);border-color:rgba(10,10,9,.13);border-radius:7px}
.directory-toolbar input:focus,.directory-toolbar select:focus{background:#fff}
.directory-view button{width:40px;height:40px;border-color:transparent;background:transparent;border-radius:6px}
.directory-view button.active{background:var(--ink);color:#fff}
.directory-count{margin-bottom:36px}
.artist-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,52px)}
.artist-index-card{padding:0;border:0;background:transparent}
.artist-index-card:hover{background:transparent;transform:none}
.artist-index-card header{margin:0 0 15px}
.artist-index-card .avatar{width:40px;height:40px}
.artist-index-media{height:auto;aspect-ratio:1.45/1;border:0;border-radius:8px}
.artist-index-card footer{padding-top:12px;border-top:0}
.artist-index-card footer span{font-size:8px}
.artist-index-card footer b{font-size:11px}

.explore-section .art-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(28px,3vw,58px)}
.explore-section .art-card{min-width:0}
.explore-section .art-card:nth-child(4n+1){grid-column:1/span 7}
.explore-section .art-card:nth-child(4n+2){grid-column:9/span 4;margin-top:9vw}
.explore-section .art-card:nth-child(4n+3){grid-column:2/span 4;margin-top:4vw}
.explore-section .art-card:nth-child(4n+4){grid-column:7/span 6;margin-top:1vw}
.explore-section .art-card-media{border:0;background:var(--paper-2)}
.explore-section .art-card-copy{border:0;padding-top:11px}
.explore-section .art-card-copy h3{font-size:14px}

/* Exhibition index behaves like a programme, not a product catalogue. */
.public-exhibition-grid.index-grid{display:block;border-top:1px solid var(--line)}
.public-exhibition-grid.index-grid .public-exhibition-card,.public-exhibition-grid.index-grid .public-exhibition-card.featured{min-height:128px;display:grid;grid-template-columns:minmax(170px,.26fr) minmax(0,1fr);border:0;border-bottom:1px solid var(--line);background:transparent}
.public-exhibition-grid.index-grid .public-exhibition-media{min-height:128px;max-height:180px}
.public-exhibition-grid.index-grid .public-exhibition-copy{display:grid;grid-template-columns:1fr minmax(190px,.3fr);gap:30px;align-items:center;padding:24px 0 24px 34px}
.public-exhibition-grid.index-grid .public-exhibition-copy h3{font-family:var(--sans);font-size:clamp(25px,2.8vw,43px);font-weight:500;letter-spacing:-.048em}

/* Public profiles and selected work use editorial offsets. */
.profile-works .art-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(25px,3vw,55px)}
.profile-works .art-card:nth-child(odd){grid-column:1/span 7}
.profile-works .art-card:nth-child(even){grid-column:8/span 5;margin-top:8vw}
.profile-works .art-card-media{border:0}
.profile-works .art-card-copy{border:0;padding-top:13px}
.profile-works .art-card-copy p,.profile-works .art-card-copy small{font-size:var(--public-card-meta-size);line-height:1.4}
.profile-works .art-card-copy h3{font-size:var(--public-work-title-size);font-weight:620;line-height:1.1;letter-spacing:-.025em}

/* Studio surfaces: operational, but still part of the same visual system. */
.studio-main,.builder-main{background-color:var(--paper);background-image:linear-gradient(rgba(10,10,9,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,9,.028) 1px,transparent 1px);background-size:32px 32px}
.panel,.wizard-panel,.form-card,.builder-panel{border-color:rgba(10,10,9,.12);box-shadow:0 20px 70px rgba(28,25,18,.035)}

/* Portable provenance: maintain clarity and remove any icon-rendering ambiguity. */
.portable-process article:not(:last-child):after{background:linear-gradient(90deg,rgba(10,10,9,.18),rgba(184,137,66,.46),rgba(10,10,9,.18))}
.portable-process article>span{width:54px;height:54px;background:#f8f5ee}
.portable-process article>span .ui-icon{width:23px;height:23px}
.portable-process article.current>span{background:var(--night);box-shadow:0 9px 28px rgba(0,0,0,.16)}
.portable-mini-flow span{padding:15px 9px;border-radius:10px;background:linear-gradient(145deg,#fff,var(--success-soft))}
.portable-mini-flow span .ui-icon{width:28px;height:28px}

/* Inline SVG icons now share one dependable rendering context. */
.ui-icon{fill:none;stroke:currentColor;shape-rendering:geometricPrecision}

@media(max-width:1100px){
  .home-immersive-meta{width:38vw}
  .home-process .capability-cards{grid-template-columns:repeat(2,1fr)}
  .artist-index-grid{grid-template-columns:repeat(2,1fr)}
  .home-statement{grid-template-columns:1fr}
}
@media(max-width:760px){
  .home-immersive{min-height:88svh}
  .home-immersive-copy{left:22px;right:22px;bottom:170px;max-width:none}
  .home-immersive-copy h1{font-size:clamp(52px,18vw,94px)}
  .home-immersive-meta{left:22px;right:22px;bottom:42px;width:auto}
  .home-scroll{display:none}
  .home-programme-intro,.home-selected-head,.home-process-head{grid-template-columns:1fr;gap:22px}
  .programme-row{grid-template-columns:52px 1fr 22px;gap:14px;padding:20px 0}.programme-row small{display:none}
  .floating-work-grid{display:block}.floating-work{margin:0 0 62px}.floating-work .art-card-media{aspect-ratio:auto;max-height:65vh}
  .home-process .capability-cards{grid-template-columns:1fr}
  .artist-index-grid{grid-template-columns:1fr}
  .explore-section .art-grid,.profile-works .art-grid{display:block}.explore-section .art-card,.profile-works .art-card{margin:0 0 66px!important}
  .public-exhibition-grid.index-grid .public-exhibition-card,.public-exhibition-grid.index-grid .public-exhibition-card.featured{grid-template-columns:1fr}.public-exhibition-grid.index-grid .public-exhibition-copy{grid-template-columns:1fr;padding:22px 0}
}


/* Stage 7.11.1 — isolated responsive correction for the landing process section. */
@media (max-width:1180px){
  .home-process .capability-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-process .capability-card{min-height:280px}
}
@media (max-width:760px){
  .home-process{padding-left:20px;padding-right:20px}
  .home-process-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
  .home-process-head h2{margin:0;font-size:clamp(34px,10vw,46px)}
  .home-process .capability-cards{grid-template-columns:1fr;gap:14px}
  .home-process .capability-card{min-height:272px;padding:22px}
  .home-process .capability-visual-studio{grid-template-columns:38px minmax(45px,1fr) repeat(3,28px) 32px;gap:5px}
  .home-process .studio-initial,.home-process .studio-thumb,.home-process .studio-add{height:46px}
}


/* Stage 7.11.2 — focused Artists directory refinement.
   Restrained controls and a compact editorial grid; no marketplace-scale cards. */
.artists-section{
  padding:clamp(38px,4vw,62px) var(--page-x) clamp(84px,9vw,140px);
}
.artists-section .artist-directory-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) repeat(3,minmax(142px,176px)) auto;
  gap:10px;
  align-items:center;
  max-width:var(--page-max);
  margin:0 auto 30px;
}
.artists-section .artist-directory-toolbar form{min-width:0}
.artists-section .artist-directory-toolbar input,
.artists-section .artist-directory-toolbar select{
  min-height:44px;
  height:44px;
  border:1px solid rgba(16,16,14,.13);
  border-radius:5px;
  background-color:rgba(255,255,255,.34);
  box-shadow:none;
  font-size:13px;
  color:var(--ink);
}
.artists-section .artist-directory-toolbar input{padding-left:40px}
.artists-section .artist-directory-toolbar input::placeholder{color:#7f7c75}
.artists-section .artist-directory-toolbar input:hover,
.artists-section .artist-directory-toolbar select:hover{background-color:rgba(255,255,255,.62);border-color:rgba(16,16,14,.22)}
.artists-section .artist-directory-toolbar input:focus,
.artists-section .artist-directory-toolbar select:focus{background:#fff;border-color:rgba(16,16,14,.38);outline:none}
.artist-directory-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:max-content}
.directory-sort{display:flex;align-items:center;gap:9px;white-space:nowrap}
.directory-sort>span,.artists-section .directory-view>span{font-size:11px;color:var(--muted)}
.artists-section .directory-sort select{
  width:142px;
  border-color:transparent;
  background-color:transparent;
  padding-left:5px;
  font-weight:600;
}
.artists-section .directory-view{gap:3px}
.artists-section .directory-view button{
  width:38px;
  height:38px;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:#78756f;
}
.artists-section .directory-view button:hover{border-color:rgba(16,16,14,.13);color:var(--ink)}
.artists-section .directory-view button.active{
  background:rgba(255,255,255,.68);
  border-color:rgba(16,16,14,.16);
  color:var(--ink);
}
.artists-section .directory-view .ui-icon{width:18px;height:18px}
.artists-section .directory-count{
  margin-bottom:32px;
  padding-top:2px;
  font-size:11px;
}
.artists-section .directory-count a{color:var(--muted)}

.artist-index-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.artist-index-card{
  padding:12px;
  border:1px solid rgba(16,16,14,.12);
  border-radius:7px;
  background:rgba(255,255,255,.38);
  box-shadow:none;
  transform:none;
  transition:border-color .2s ease,background .2s ease;
}
.artist-index-card:hover{
  transform:none;
  background:rgba(255,255,255,.72);
  border-color:rgba(16,16,14,.24);
}
.artist-index-card header{
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  min-height:46px;
  margin-bottom:12px;
}
.artist-index-card .avatar{
  width:42px;
  height:42px;
  font-size:14px;
  font-weight:500;
}
.artist-card-identity{min-width:0}
.artist-index-card h3{
  margin:0 0 3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  font-weight:650;
  letter-spacing:-.018em;
}
.artist-index-card header p{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:1.25;
}
.artist-index-card header small{
  max-width:84px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:9px;
  text-align:right;
}
.artist-index-media{
  height:auto;
  aspect-ratio:16/6.4;
  overflow:hidden;
  border:0;
  border-radius:4px;
  background:var(--paper-2);
}
.artist-index-media img,.artist-index-media video{
  transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s ease;
}
.artist-index-card:hover .artist-index-media img,
.artist-index-card:hover .artist-index-media video{transform:scale(1.012);filter:saturate(1.03)}
.artist-index-card footer{
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  min-height:42px;
  padding:12px 2px 0;
}
.artist-index-card footer span{font-size:8px;letter-spacing:.105em}
.artist-index-card footer b{font-size:11px;font-weight:650}
.artist-index-card footer .ui-icon{width:15px;height:15px;transition:transform .18s ease}
.artist-index-card:hover footer .ui-icon{transform:translateX(3px)}

.artist-index-grid.list{display:block}
.artist-index-grid.list .artist-index-card{
  display:grid;
  grid-template-columns:230px minmax(0,1fr) minmax(180px,.28fr);
  grid-template-rows:auto;
  gap:24px;
  align-items:center;
  padding:14px 0;
  border-width:1px 0 0;
  border-radius:0;
  background:transparent;
}
.artist-index-grid.list .artist-index-card:last-child{border-bottom:1px solid rgba(16,16,14,.12)}
.artist-index-grid.list .artist-index-card header{margin:0;padding-left:4px}
.artist-index-grid.list .artist-index-media{height:96px;aspect-ratio:auto}
.artist-index-grid.list .artist-index-card footer{min-width:0;padding:0 4px 0 0}

@media(max-width:1320px){
  .artists-section .artist-directory-toolbar{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(128px,155px));}
  .artist-directory-actions{grid-column:1/-1;justify-content:flex-end;margin-top:2px}
  .artist-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:920px){
  .artists-section .artist-directory-toolbar{grid-template-columns:1fr 1fr}
  .artists-section .artist-directory-toolbar form{grid-column:1/-1}
  .artist-directory-actions{grid-column:1/-1;justify-content:space-between}
  .artist-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .artist-index-grid.list .artist-index-card{grid-template-columns:170px minmax(0,1fr)}
  .artist-index-grid.list .artist-index-card footer{grid-column:2}
}
@media(max-width:620px){
  .artists-section{padding-left:20px;padding-right:20px}
  .artists-section .artist-directory-toolbar{grid-template-columns:1fr}
  .artists-section .artist-directory-toolbar form,.artist-directory-actions{grid-column:auto}
  .artist-directory-actions{align-items:flex-start;flex-direction:column;gap:12px}
  .artist-index-grid{grid-template-columns:1fr}
  .artist-index-grid.list .artist-index-card{grid-template-columns:1fr}
  .artist-index-grid.list .artist-index-media{height:auto;aspect-ratio:16/7}
  .artist-index-grid.list .artist-index-card footer{grid-column:auto}
}


/* ==========================================================================
   Arts Exchange 1.7.12 — accessible exhibition and display system
   Authoritative final layer: one sans-serif system, mono only for technical
   data, softer controls, calmer dashboards and a screen-first public story.
   ========================================================================== */

:root{
  --paper:#f4f1ea;
  --paper-2:#ece8df;
  --surface:rgba(255,255,255,.56);
  --surface-strong:#fff;
  --ink:#11110f;
  --ink-2:#24231f;
  --muted:#706d66;
  --line:rgba(17,17,15,.13);
  --line-strong:rgba(17,17,15,.25);
  --mint:#dcebe1;
  --sky:#dfe7f5;
  --violet:#e6e0f0;
  --coral:#f0ded4;
  --ochre:#eadbbc;
  --radius-xs:8px;
  --radius-sm:12px;
  --radius-md:16px;
  --radius-lg:22px;
  --display:var(--sans);
  --serif:var(--sans);
}

body{background:var(--paper);line-height:1.45}
h1,h2,h3,h4,h5,h6,
.hero-home-copy h1,.page-hero h1,.exhibitions-index-copy h1,.artist-index-hero h1,
.work-info h1,.profile-intro h1,
.curatorial-stage-copy h2,.curator-invitation h2,
.footer-meta p,.hero-feature-meta strong,.portable-activation-copy h2,.activation-card h3,
.portable-work-card h2,.admin-title h1,.admin-modal h2{
  font-family:var(--sans)!important;
  font-weight:540!important;
  letter-spacing:-.045em!important;
}
code,.mono,.technical-drawer code,.admin-panel code,.admin-list code,.admin-contract code{
  font-family:var(--mono)!important;
  letter-spacing:-.015em;
}
.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:720}
.page-hero h1,.artist-index-hero h1,.exhibitions-index-copy h1{font-size:clamp(40px,4.2vw,66px)!important;line-height:1!important}
.section-head h2{font-size:clamp(32px,3.4vw,52px)!important;line-height:1.02!important}
.studio-title h1,.builder-head h1,.wizard-copy h1{font-size:clamp(34px,3.5vw,54px)!important;line-height:1.02!important}
.panel h2,.studio-projects h2{font-size:24px!important;letter-spacing:-.03em!important}

/* Softer controls */
.button{
  min-height:42px;border-radius:10px;padding:10px 16px;
  box-shadow:none
}
.button.ghost{background:rgba(255,255,255,.4);border-color:var(--line)}
.button.ghost:hover{background:#fff}
input,textarea,select{
  min-height:46px;border-radius:12px;border-color:var(--line);
  background:rgba(255,255,255,.48);padding:12px 14px;
  box-shadow:none
}
input:hover,textarea:hover,select:hover{background:rgba(255,255,255,.72);border-color:var(--line-strong)}
input:focus,textarea:focus,select:focus{background:#fff;border-color:rgba(17,17,15,.42);box-shadow:0 0 0 3px rgba(71,101,83,.1)}
fieldset{border-radius:14px}
.status{border-radius:999px;padding:5px 9px}

/* Header and footer */
.site-header{min-height:68px;padding-top:12px;padding-bottom:12px}
.site-header .desktop-nav{gap:24px}
.site-footer{grid-template-columns:1.2fr .9fr .7fr}
.footer-meta p{font-size:21px!important;font-weight:520!important}

/* Immersive exhibition hero remains the emotional entry point */
.home-immersive{min-height:92svh}
.home-immersive-copy h1{
  max-width:min(840px,72vw);
  font-size:clamp(58px,8.8vw,132px)!important;
  line-height:.86!important;
  font-weight:510!important;
  letter-spacing:-.072em!important
}
.home-immersive-meta{font-size:12px}
.section-wide{padding-left:var(--page-x);padding-right:var(--page-x)}

/* Home: concise editorial introduction */
.home-welcome{
  padding-top:clamp(82px,9vw,138px);
  padding-bottom:clamp(84px,9vw,136px);
  display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:clamp(54px,9vw,150px);align-items:start
}
.home-welcome-copy h2{
  margin:12px 0 0;max-width:690px;
  font-size:clamp(40px,4.7vw,70px);line-height:.97
}
.home-welcome-context{
  padding-top:0;
  border-top:0
}
.home-welcome-context p{
  margin:0 0 18px;max-width:720px;
  font-size:clamp(20px,2vw,29px);line-height:1.32;letter-spacing:-.025em
}
.home-welcome-context .font-semibold{font-weight:600;color:var(--ink)}
.home-welcome-context p+p{
  max-width:610px;color:var(--muted);font-size:16px;line-height:1.62;letter-spacing:0
}
.home-welcome-context .text-link{margin-top:22px}

/* Homepage Screen Player, starting points and FAQ are owned by the
   route-scoped public grid block below. Shared FAQ primitives remain later. */
.journey-map-four{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}
.journey-map-four article{border-radius:16px;background:rgba(255,255,255,.55)}
.pairing-explainer{
  display:grid;grid-template-columns:minmax(320px,.68fr) minmax(0,1.32fr);
  gap:clamp(50px,8vw,120px);align-items:center;background:#171815;color:#fff
}
.pairing-copy h2{margin:12px 0 18px;font-size:clamp(36px,4vw,60px);line-height:1}
.pairing-copy p:last-child{color:#c5c2bb;line-height:1.6}
.pairing-diagram{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  gap:clamp(12px,1.4vw,22px);align-items:center
}
.pairing-diagram>i{display:grid;place-items:center;color:#8b8982}
.pairing-diagram>i .ui-icon{width:26px;height:26px}
.pairing-diagram>div{
  position:relative;min-height:216px;padding:36px 24px 28px;
  border:1px solid rgba(255,255,255,.2);border-radius:10px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;
  text-align:center;background:rgba(255,255,255,.055)
}
.pairing-diagram>div>span{
  position:absolute;top:18px;left:20px;font-family:var(--mono);font-size:10px;
  letter-spacing:.08em;color:#87857f
}
.pairing-diagram .ui-icon{width:34px;height:34px}
.pairing-diagram b{max-width:190px;font-size:18px;line-height:1.12}
.pairing-diagram small{max-width:190px;color:#aaa79f;font-size:12px;line-height:1.45}
.faq-section{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);gap:8vw}

/* Public directories: tools stay quiet */
.directory-toolbar,.artists-section .artist-directory-toolbar{
  gap:8px!important;margin-bottom:26px!important
}
.directory-toolbar input,.directory-toolbar select,
.artists-section .artist-directory-toolbar input,.artists-section .artist-directory-toolbar select{
  min-height:42px!important;height:42px!important;border-radius:11px!important;
  background:rgba(255,255,255,.38)!important;border-color:rgba(17,17,15,.11)!important;
  font-size:12px!important
}
.directory-view button,.artists-section .directory-view button{border-radius:9px!important}
.artist-index-card{border-radius:12px!important;background:rgba(255,255,255,.34)!important}
.artist-index-card:hover{background:rgba(255,255,255,.72)!important}
.artist-index-media{border-radius:8px!important}

/* Studio: remove grid background and reduce visual noise */
.studio-shell{grid-template-columns:220px 1fr}
.studio-shell>aside{
  background:#ebe7de;color:var(--ink);border-right:1px solid var(--line);
  padding:26px 16px
}
.studio-brand{border-color:var(--line)}
.studio-brand span{color:var(--muted)}
.workspace-switch button{border-color:var(--line);color:var(--muted);border-radius:9px}
.workspace-switch button.active{background:var(--ink);color:#fff}
.studio-shell>aside nav a{color:#56534d;border-radius:9px}
.studio-shell>aside nav a:hover,.studio-shell>aside nav a.active{background:#fff;color:var(--ink)}
.studio-main,.builder-main{background:var(--paper)!important;background-image:none!important}
.studio-main{padding-top:50px}
.studio-title{margin-bottom:24px;padding-bottom:24px}
.dashboard-title h1{max-width:850px}
.dashboard-card-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px
}
.dashboard-card{
  min-height:170px;padding:20px;border:1px solid var(--line);border-radius:15px;
  background:rgba(255,255,255,.48);display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;gap:4px 14px
}
.dashboard-card>span{grid-row:1/4;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
.dashboard-card:nth-child(1)>span{background:var(--mint)}
.dashboard-card:nth-child(2)>span{background:var(--ochre)}
.dashboard-card:nth-child(3)>span{background:var(--violet)}
.dashboard-card:nth-child(4)>span{background:var(--sky)}
.dashboard-card small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.dashboard-card strong{font-size:25px;line-height:1.1;font-weight:600}
.dashboard-card p{margin:4px 0 0;color:var(--muted);font-size:11px}
.dashboard-card.needs-attention{box-shadow:inset 3px 0 0 #b8843f}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;align-items:start}
.dashboard-aside{display:grid;gap:20px}
.dashboard-aside .panel,.dashboard-aside .funds-panel{margin:0}
.panel,.funds-panel,.studio-projects,.studio-exhibition-card,.work-row,.request-row,.display-row{
  border-radius:14px!important;background:rgba(255,255,255,.52)!important;border-color:var(--line)!important;
  box-shadow:none!important
}
.panel{padding:24px}
.activity-list button{border-radius:12px}
.funds-panel{padding:24px;border:1px solid var(--line)}
.funds-grid>div{border-radius:12px;background:rgba(255,255,255,.6)}
.display-callout>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--sky);margin-bottom:22px}
.studio-projects{padding:24px;margin-bottom:20px}

/* Profile editor */
.profile-editor-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:34px}
.profile-form-stack{gap:14px}
.profile-form-stack section{
  border-radius:16px!important;background:rgba(255,255,255,.52)!important;border:1px solid var(--line)!important;
  box-shadow:none!important;padding:25px!important
}
.profile-form-stack section header{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}
.profile-form-stack section header .step-no{width:36px;height:36px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--mono)}
.profile-form-stack section header h2{margin:0 0 4px!important;font-size:22px!important}
.profile-form-stack section header p{margin:0;color:var(--muted);font-size:12px}
.visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.visibility-options .choice{position:relative;display:block!important;padding:18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.45)}
.visibility-options .choice input{position:absolute;top:16px;right:16px;width:auto;min-height:0}
.visibility-options .choice span{display:grid;gap:5px}
.visibility-options .choice small{color:var(--muted)}
.refined-preview{
  position:sticky;top:100px;min-height:0;padding:0 0 24px!important;overflow:hidden;
  background:#f8f5ee!important;color:var(--ink)!important;border:1px solid var(--line);border-radius:20px!important;
  box-shadow:0 18px 50px rgba(20,18,14,.06)
}
.refined-preview>.eyebrow{display:block;padding:18px 22px 10px;color:var(--muted)}
.profile-preview-banner{height:145px;background:linear-gradient(135deg,#181b18 0 38%,#96a9e8 38% 66%,#b7ebcf 66%)}
.refined-preview .avatar{margin:-38px 0 18px 28px!important;border:5px solid #f8f5ee;background:#20372f;color:#fff}
.refined-preview .status,.refined-preview h2,.refined-preview p,.refined-preview small,.refined-preview .preview-link{margin-left:28px;margin-right:28px}
.refined-preview h2{font-size:31px!important;margin-top:14px}
.profile-preview-practice{font-weight:650;color:var(--ink)!important}
.refined-preview>p:not(.profile-preview-practice){color:var(--muted)!important;line-height:1.55}
.refined-preview small{display:block;color:var(--muted)}
.refined-preview .preview-link{margin-top:20px}

/* Work wizard */
.wizard,.wizard>header,.wizard>footer{background:var(--paper)}
.wizard-form{border-radius:18px;background:rgba(255,255,255,.58);box-shadow:none}
.upload-zone{border-radius:14px!important;background:rgba(255,255,255,.35)!important}
.wizard-preview-large{border-radius:16px}
.availability-options .choice{border-radius:13px;background:rgba(255,255,255,.45)}

/* Displays */
.display-pairing-feature{
  margin-bottom:24px;padding:28px;border:1px solid var(--line);border-radius:18px;
  display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:50px;align-items:center;
  background:linear-gradient(120deg,rgba(223,231,245,.56),rgba(255,255,255,.5),rgba(220,235,225,.55))
}
.display-pairing-copy>span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
.display-pairing-copy h2{margin:20px 0 8px;font-size:28px!important}
.display-pairing-copy p{margin:0;color:var(--muted)}
.display-pairing-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center}
.display-pairing-steps>div{min-height:130px;padding:18px;border-radius:14px;background:rgba(255,255,255,.58);display:grid;place-items:center;align-content:center;gap:8px;text-align:center}
.display-pairing-steps b{font-family:var(--mono);font-size:9px;color:var(--muted)}
.display-pairing-steps .ui-icon{width:29px;height:29px}
.display-pairing-steps span{font-size:12px;font-weight:650}
.display-row{grid-template-columns:56px minmax(0,1fr) auto}
.display-icon{width:48px;height:48px;border:0;border-radius:50%;background:var(--sky)}
.display-icon .ui-icon{width:24px;height:24px}
.display-empty .empty-icon{background:var(--sky)}

/* Portable record */
.portable-activation-hero{
  grid-template-columns:minmax(220px,.42fr) minmax(330px,.8fr) minmax(320px,.68fr);
  border-radius:18px;overflow:hidden;border-color:#252621
}
.portable-activation-copy h2{font-size:34px!important}
.activation-card,.chain-card{border-radius:14px}
.portable-process{margin-top:18px}
.portable-process article{min-height:160px}
.portable-process article>span{width:50px;height:50px}
.portable-dashboard-clean{
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:16px
}
.portable-dashboard-clean .technical-drawer{grid-column:1/-1}
.portable-work-card,.portable-flow-card,.technical-drawer,.external-record-drawer{
  border-radius:16px;background:rgba(255,255,255,.54);border-color:var(--line)
}
.portable-work-card h2{font-size:23px!important}
.portable-mini-flow span{background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:13px}
.technical-drawer summary,.external-record-drawer summary{border-radius:16px}
.technical-drawer dl{font-size:11px}
.technical-drawer dd{font-family:var(--mono)}
.external-record-drawer>div{background:rgba(255,255,255,.25)}

/* Admin uses the same type logic */
.admin-title h1,.admin-modal h2,.admin-denied h1{font-family:var(--sans)!important}
.admin-panel button,.admin-amount button,.admin-modal button{border-radius:10px!important}
.admin-modal input,.admin-modal select,.admin-modal textarea{border-radius:12px!important;background:rgba(255,255,255,.55)!important}

/* Responsive */
@media(max-width:1180px){
  .home-welcome,.home-screen-feature,.home-faq,.pairing-explainer{grid-template-columns:1fr}
  .home-welcome-context{max-width:760px}
  .dashboard-card-grid{grid-template-columns:repeat(2,1fr)}
  .dashboard-columns{grid-template-columns:1fr}
  .profile-editor-layout{grid-template-columns:1fr}
  .refined-preview{position:relative;top:auto;max-width:520px}
  .portable-dashboard-clean{grid-template-columns:1fr}
  .portable-dashboard-clean .technical-drawer{grid-column:auto}
}
@media(max-width:820px){
  .studio-shell{grid-template-columns:1fr}
  .studio-shell>aside{position:relative;top:auto;height:auto;border-right:0;border-bottom:1px solid var(--line)}
  .studio-shell>aside nav{grid-template-columns:repeat(4,minmax(max-content,1fr));overflow:auto}
  .role-entry-grid{grid-template-columns:1fr}
  .journey-map-four{grid-template-columns:1fr}.journey-map-four>i{display:none}
  .screen-feature-visual,.pairing-diagram,.display-pairing-steps{grid-template-columns:1fr}
  .screen-feature-visual>i,.pairing-diagram>i,.display-pairing-steps>i{transform:rotate(90deg);justify-self:center}
  .portable-activation-hero{grid-template-columns:1fr}
  .portable-activation-art{max-height:300px}
  .portable-activation-action{border-left:0;border-top:1px solid rgba(255,255,255,.18)}
  .portable-process{grid-template-columns:1fr}
  .portable-process article{display:grid;grid-template-columns:40px 50px 1fr auto;gap:12px;align-items:center;min-height:90px;text-align:left}
  .portable-process article:not(:last-child):after{display:none}
  .portable-process article b,.portable-process article>span{margin:0}
  .portable-process article small{grid-column:3}
}
@media(max-width:620px){
  .home-welcome,.home-programme,.home-selected,.home-roles,.home-faq{padding-left:20px;padding-right:20px}
  .home-welcome-context{padding-top:22px}
  .dashboard-card-grid{grid-template-columns:1fr}
  .visibility-options{grid-template-columns:1fr}
  .display-pairing-feature{padding:20px}
}

/* Arts Exchange v1.7.13 — simplified public navigation and contained interface fixes */
.site-header{height:72px;min-height:72px}
body[data-route="home"] .site-header{
  position:sticky;top:0;left:auto;right:auto;
  background:rgba(8,9,8,.96);backdrop-filter:blur(22px) saturate(1.1)
}
body[data-route="home"] .home-immersive{min-height:calc(100svh - 72px)}

/* A small, persistent content index replaces free-text directory filters. */
.public-index-nav{
  position:sticky;top:72px;z-index:32;
  min-height:68px;padding:0 var(--page-x);
  display:flex;align-items:stretch;gap:clamp(28px,4vw,66px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:rgba(243,240,233,.96);backdrop-filter:blur(20px) saturate(1.15)
}
.public-index-nav a{
  position:relative;display:flex;align-items:center;gap:11px;
  padding:0;font-size:15px;font-weight:520;white-space:nowrap;color:var(--muted)
}
.public-index-nav a>span{
  width:11px;height:11px;border:1px solid currentColor;border-radius:50%;flex:0 0 auto
}
.public-index-nav a.active{color:var(--ink)}
.public-index-nav a.active>span{background:var(--ink);border-color:var(--ink)}
.public-index-nav a:after{
  content:"";position:absolute;left:22px;right:0;bottom:-1px;height:2px;
  background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .18s ease
}
.public-index-nav a:hover:after,.public-index-nav a.active:after{transform:scaleX(1)}
.public-index-nav+.section{padding-top:58px}

/* Public work browsing: consistent cards rather than an irregular editorial masonry. */
.explore-section .art-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(36px,4vw,64px) clamp(20px,2.5vw,38px)
}
.explore-section .art-card:nth-child(n){grid-column:auto;margin-top:0}
.explore-section .art-card-media{
  width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:var(--paper-2)
}
.explore-section .art-card-copy{padding-top:13px}
.directory-count{display:flex;justify-content:space-between;align-items:center;gap:24px}

/* Dashboard fixes: keep activity content within each row and restore payment contrast. */
.activity-list>button{
  grid-template-columns:minmax(0,1fr) minmax(150px,220px);
  gap:18px;padding:17px 16px
}
.activity-list>button>div:first-child,.activity-update{min-width:0}
.activity-list b{
  min-width:0;font-size:20px;line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.activity-update span{
  width:100%;max-width:100%;line-height:1.35;overflow-wrap:anywhere
}
.funds-panel{color:var(--ink)!important}
.funds-panel h2{color:var(--ink);font-size:25px!important;line-height:1.02}
.funds-panel p,.funds-grid span,.funds-grid small,.payment-rails>span{color:var(--muted)}
.funds-grid{background:var(--line);border-color:var(--line)}
.funds-grid>div:not(.balance-tile){background:rgba(255,255,255,.72)!important;color:var(--ink)}
.funds-grid strong{color:var(--ink)}
.funds-grid .balance-tile,.funds-grid .balance-tile strong{color:#fff}
.funds-grid .balance-tile span,.funds-grid .balance-tile small{color:rgba(255,255,255,.68)}
.payment-rails button{border-color:var(--line-strong);color:var(--ink)}

/* Requests: let the process line use the available card width without becoming another boxed panel. */
.request-row .request-progress{
  width:100%;max-width:none;margin-top:18px;padding:0 12px 0 0;
  border:0;background:transparent;overflow:visible
}
.request-row .progress-step small{white-space:normal;line-height:1.25}

/* Portable record: reset an inherited grid rule that displaced the final activation icon. */
.portable-process article{display:block!important;grid-template-columns:none!important}
.portable-process article>b{display:block}
.portable-process article>span{display:grid!important;margin:0 auto 12px!important}
.portable-process article h3,.portable-process article small{grid-column:auto}

@media(max-width:1100px){
  .explore-section .art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-list>button{grid-template-columns:minmax(0,1fr) minmax(130px,190px)}
}
@media(max-width:760px){
  .site-header{height:66px;min-height:66px}
  body[data-route="home"] .home-immersive{min-height:calc(100svh - 66px)}
  .public-index-nav{top:66px;min-height:58px;gap:28px;overflow-x:auto;padding-right:22px}
  .public-index-nav a{font-size:14px}
  .public-index-nav+.section{padding-top:42px}
  .activity-list>button{grid-template-columns:1fr}
  .activity-update{justify-items:start;text-align:left}
  .request-row .request-progress{overflow-x:auto;padding-bottom:8px}
  .portable-process article{
    display:grid!important;grid-template-columns:40px 50px 1fr auto!important;
    gap:12px;align-items:center;text-align:left
  }
  .portable-process article>b,.portable-process article>span{margin:0!important}
  .portable-process article small{grid-column:3}
}
@media(max-width:560px){
  .explore-section .art-grid{grid-template-columns:1fr}
  .directory-count{align-items:flex-start;flex-direction:column;gap:10px}
}

/* Arts Exchange v1.7.14 — controlled categories, guided dashboard and integrated work flow */

/* Public directories: a controlled art taxonomy rather than duplicated navigation. */
.directory-category-bar{
  max-width:var(--page-max);margin:0 auto 44px;padding:0 0 14px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:26px;
  border-bottom:1px solid var(--line)
}
.category-tabs{display:flex;align-items:center;gap:clamp(18px,2.2vw,34px);min-width:0;overflow-x:auto;scrollbar-width:none}
.category-tabs::-webkit-scrollbar{display:none}
.category-tabs button{
  position:relative;flex:0 0 auto;padding:13px 0 15px 17px;border:0;border-radius:0;background:transparent;
  color:var(--muted);font:inherit;font-size:13px;font-weight:540;white-space:nowrap;cursor:pointer
}
.category-tabs button:before{
  content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border:1px solid currentColor;border-radius:50%;transform:translateY(-62%)
}
.category-tabs button:after{
  content:"";position:absolute;left:17px;right:0;bottom:-15px;height:2px;background:var(--ink);
  transform:scaleX(0);transform-origin:left;transition:transform .18s ease
}
.category-tabs button:hover,.category-tabs button.active{color:var(--ink)}
.category-tabs button.active:before{background:var(--ink);border-color:var(--ink)}
.category-tabs button.active:after{transform:scaleX(1)}
.availability-tabs{display:flex;align-items:center;gap:4px;flex:0 0 auto;padding:4px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.35)}
.availability-tabs>span{padding:0 9px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.availability-tabs button{min-height:34px;padding:7px 11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}
.availability-tabs button.active{background:var(--ink);color:#fff}
.explore-section>.directory-count,.artists-section>.directory-count,.exhibitions-index-section>.directory-count{margin-bottom:34px}

/* Artist and curator dashboards: status, useful next moves and a calmer operational rhythm. */
.studio-readiness,.next-steps,.dashboard-utility{
  border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.5);box-shadow:none
}
.studio-readiness{margin-bottom:18px;padding:24px 26px}
.studio-readiness header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.studio-readiness h2{margin:5px 0 0;font-size:22px!important}
.studio-readiness header>strong{font-size:17px;font-weight:650}
.readiness-bar{height:5px;margin:20px 0 18px;background:#dedbd3;overflow:hidden}
.readiness-bar span{display:block;height:100%;background:var(--ink)}
.readiness-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.readiness-items>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;line-height:1.25}
.readiness-items>span i,.readiness-items>span .ui-icon{width:15px;height:15px;flex:0 0 auto}
.readiness-items>span i{border:1px solid var(--line-strong);border-radius:50%}
.readiness-items>span.complete{color:var(--ink)}
.studio-readiness.ready{display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(110deg,rgba(220,235,225,.68),rgba(255,255,255,.5))}
.studio-readiness.ready>div{display:flex;align-items:center;gap:18px}
.studio-readiness.ready h2{margin:4px 0 5px}
.studio-readiness.ready p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}
.studio-readiness.ready>a{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}
.readiness-mark{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
.readiness-mark .ui-icon{width:23px;height:23px}
.next-steps{margin-bottom:18px;overflow:hidden}
.next-steps>.panel-head{padding:22px 26px 18px;margin:0;border-bottom:1px solid var(--line)}
.next-steps h2{margin:5px 0 0;font-size:27px!important}
.next-steps .panel-head>a{display:flex;align-items:center;gap:7px;font-size:11px}
.next-step-list{display:grid}
.next-step-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 26px;border-bottom:1px solid var(--line);transition:background .16s ease}
.next-step-row:last-child{border-bottom:0}
.next-step-row:hover{background:rgba(255,255,255,.62)}
.next-step-row h3{margin:0 0 4px;font-size:15px!important}
.next-step-row p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.next-step-row>b{padding:8px 13px;border:1px solid var(--line-strong);border-radius:99px;font-size:10px;font-weight:650}
.task-tone{justify-self:start;padding:6px 9px;border-radius:99px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.task-tone.required{background:#f3dddd;color:#82443f}.task-tone.suggested{background:#e8e5dd;color:#5f5a50}.task-tone.complete{background:#dcebe1;color:#2d6645}
.studio-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}
.studio-action-grid>a,.studio-action-grid>button{
  min-width:0;min-height:164px;padding:23px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.48);
  display:grid;grid-template-columns:46px minmax(0,1fr) 20px;gap:15px;align-items:start;text-align:left;color:var(--ink);font:inherit;cursor:pointer;transition:background .16s ease,transform .16s ease
}
.studio-action-grid>a:hover,.studio-action-grid>button:hover{background:#fff;transform:translateY(-2px)}
.studio-action-grid>a>span,.studio-action-grid>button>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line)}
.studio-action-grid>a:nth-child(1)>span,.studio-action-grid>button:nth-child(1)>span{background:var(--mint)}
.studio-action-grid>a:nth-child(2)>span,.studio-action-grid>button:nth-child(2)>span{background:var(--ochre)}
.studio-action-grid>a:nth-child(3)>span,.studio-action-grid>button:nth-child(3)>span{background:var(--sky)}
.studio-action-grid>*>.ui-icon:last-child{width:18px;height:18px;justify-self:end}
.studio-action-grid h3{margin:5px 0 7px;font-size:20px!important}
.studio-action-grid p{margin:0;color:var(--muted);font-size:11px;line-height:1.48}
.studio-action-grid .eyebrow{font-size:9px}
.dashboard-activity-full{margin-bottom:18px}
.dashboard-activity-full>.panel{margin:0}
.dashboard-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-utility{min-height:190px;padding:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.dashboard-utility>div{max-width:520px}
.dashboard-utility>div>span{width:45px;height:45px;margin-bottom:20px;border-radius:50%;display:grid;place-items:center;background:var(--sky)}
.dashboard-utility.funds-compact>div>span{background:var(--violet)}
.dashboard-utility h2{margin:5px 0 8px;font-size:24px!important}
.dashboard-utility p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.dashboard-utility .button{flex:0 0 auto}

/* Add/edit work remains inside the established Studio, using the same grid and hierarchy. */
.studio-work-main{padding-bottom:70px}
.work-flow-title{align-items:flex-end}
.studio-work-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 36px}
.studio-work-steps button{min-height:48px;padding:11px 15px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.38);display:flex;align-items:center;gap:9px;color:var(--muted);font:inherit;font-size:11px;text-align:left}
.studio-work-steps button .ui-icon{width:16px;height:16px}.studio-work-steps button b{font-family:var(--mono);font-size:9px}
.studio-work-steps button.active{background:var(--ink);border-color:var(--ink);color:#fff}.studio-work-steps button.complete{color:var(--ink);background:rgba(220,235,225,.55)}
.studio-work-steps button:disabled{opacity:.68}
.studio-work-body{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(460px,1.28fr);gap:clamp(28px,4vw,56px);align-items:start}
.studio-work-preview{position:sticky;top:102px;min-width:0}
.preview-label{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.studio-work-preview .wizard-preview-large{margin:0;min-height:360px;border-radius:15px;background:rgba(255,255,255,.38)}
.studio-work-preview .wizard-preview-large img,.studio-work-preview .wizard-preview-large video{max-height:500px}
.upload-inline{position:relative;margin-top:10px;padding:16px;border:1px dashed var(--line-strong);border-radius:12px;background:rgba(255,255,255,.42);display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;cursor:pointer}
.upload-inline>.ui-icon{width:22px;height:22px;justify-self:center}.upload-inline>span{display:grid;gap:3px}.upload-inline b{font-size:12px}.upload-inline small{color:var(--muted);font-size:10px}
.upload-inline input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.preview-guidance{margin:14px 3px 0;color:var(--muted);font-size:11px;line-height:1.55}
.studio-work-form{padding:26px;border-radius:15px;background:rgba(255,255,255,.5)}
.studio-work-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.studio-work-footer>span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.studio-work-footer .button:last-child{justify-self:end}

.practical-qa summary{font-size:17px}

@media(max-width:1120px){
  .directory-category-bar{align-items:stretch;flex-direction:column}.availability-tabs{align-self:flex-start}
  .readiness-items{grid-template-columns:repeat(3,1fr)}
  .studio-action-grid{grid-template-columns:1fr 1fr}.studio-action-grid>*:last-child{grid-column:1/-1}
  .dashboard-utility-grid{grid-template-columns:1fr}
  .studio-work-body{grid-template-columns:1fr}.studio-work-preview{position:relative;top:auto;max-width:680px}
}
@media(max-width:720px){
  .directory-category-bar{margin-bottom:30px}.category-tabs{width:100%;padding-bottom:3px}.availability-tabs{max-width:100%;overflow-x:auto}
  .readiness-items{grid-template-columns:1fr 1fr}.studio-readiness.ready{align-items:flex-start;flex-direction:column}
  .next-step-row{grid-template-columns:1fr;gap:10px}.next-step-row>b{justify-self:start}
  .studio-action-grid{grid-template-columns:1fr}.studio-action-grid>*:last-child{grid-column:auto}
  .dashboard-utility{align-items:flex-start;flex-direction:column}
  .studio-work-steps{grid-template-columns:1fr}.studio-work-steps button{min-height:44px}
  .studio-work-footer{grid-template-columns:1fr 1fr}.studio-work-footer>span{display:none}
}
@media(max-width:480px){.readiness-items{grid-template-columns:1fr}.availability-tabs>span{display:none}}

/* v1.7.15 — compact discovery controls, direct screen sharing and optional provenance. */
.directory-toolbar.compact{
  display:flex!important;grid-template-columns:none!important;justify-content:flex-end;align-items:flex-end;gap:10px;
  max-width:var(--page-max);margin:0 auto 30px;padding:0 0 20px;border-bottom:1px solid var(--line)
}
.directory-toolbar.compact .directory-filter{display:grid;gap:6px;min-width:178px}
.directory-toolbar.compact .directory-filter>span{
  color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.11em;text-transform:uppercase
}
.directory-toolbar.compact .directory-filter select{
  width:100%;min-height:44px;padding:10px 40px 10px 13px;border:1px solid rgba(16,16,14,.14);border-radius:10px;
  background-color:rgba(255,255,255,.48);font-size:12px
}
.directory-toolbar.compact .directory-filter select:hover{background-color:rgba(255,255,255,.7);border-color:rgba(16,16,14,.22)}
.directory-toolbar.compact .directory-filter select:focus{background-color:#fff;border-color:rgba(16,16,14,.4);outline:none}
.directory-toolbar.compact .directory-view{margin-left:2px;align-self:flex-end}
.directory-toolbar.compact .directory-view>span{font-size:9px;font-weight:650;letter-spacing:.11em;text-transform:uppercase}
.directory-toolbar.compact .directory-view button{width:44px;height:44px;border:1px solid rgba(16,16,14,.12);border-radius:10px;background:rgba(255,255,255,.36)}
.directory-toolbar.compact .directory-view button:hover{background:#fff;border-color:rgba(16,16,14,.22)}
.directory-toolbar.compact .directory-view button.active{background:var(--ink);border-color:var(--ink);color:#fff}
.exhibitions-index-section .directory-toolbar.compact{justify-content:flex-start}

.display-source-note{margin:2px 0 4px;padding:11px 13px;border-left:2px solid var(--mint-strong,#7caa8d);background:rgba(220,235,225,.42);border-radius:0 8px 8px 0}
.venue-player.pairing section{
  width:min(620px,calc(100vw - 48px));padding:clamp(34px,5vw,58px);border:1px solid rgba(255,255,255,.17);border-radius:22px;
  background:rgba(255,255,255,.055);box-shadow:0 24px 80px rgba(0,0,0,.32);backdrop-filter:blur(12px)
}
.venue-player.pairing section>p{margin:0;color:#d1cec7;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.pairing-code{display:grid;justify-items:center;gap:8px;margin:25px 0 28px}
.venue-player.pairing .pairing-code strong{margin:0;font-size:clamp(58px,10vw,112px);line-height:.95;letter-spacing:.12em}
.pairing-code small{color:#aaa7a0;font-size:13px}
.player-new-code{margin-top:28px;padding:11px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:transparent;color:#fff;font:inherit;font-size:12px;cursor:pointer}
.player-new-code:hover{background:#fff;color:#111}

.provenance-section{
  display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,76px);
  background:#171815;color:#fff
}
.provenance-copy h2{max-width:620px;margin:8px 0 24px;font-size:clamp(34px,4.2vw,64px)!important}
.provenance-copy p:not(.eyebrow){max-width:620px;color:#c7c4bd;font-size:14px;line-height:1.7}
.provenance-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:start}
.provenance-flow article{min-height:190px;padding:22px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.045)}
.provenance-flow article>span{width:42px;height:42px;margin-bottom:30px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center}
.provenance-flow article .ui-icon{width:20px;height:20px}
.provenance-flow h3{margin:0 0 8px;font-size:19px!important}
.provenance-flow p{margin:0;color:#aaa7a0;font-size:12px;line-height:1.55}
.provenance-note{grid-column:2;padding:19px 22px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.07)}
.provenance-note b{font-size:13px}.provenance-note p{margin:5px 0 0;color:#bbb8b1;font-size:12px;line-height:1.55}

@media(max-width:900px){
  .directory-toolbar.compact{justify-content:flex-start;flex-wrap:wrap}
  .directory-toolbar.compact .directory-filter{flex:1 1 180px}
  .directory-toolbar.compact .directory-view{margin-left:0}
  .provenance-section{grid-template-columns:1fr}.provenance-note{grid-column:1}
}
@media(max-width:620px){
  .directory-toolbar.compact{align-items:stretch}
  .directory-toolbar.compact .directory-filter{flex:1 1 100%;min-width:0}
  .directory-toolbar.compact .directory-view{width:100%;justify-content:flex-start;margin-top:4px}
  .provenance-flow{grid-template-columns:1fr}.provenance-flow article{min-height:0}
  .venue-player.pairing{padding:18px}.venue-player.pairing section{width:100%;padding:30px 22px}
}

/* v1.7.16 — synced displays, clearer event information and editable profile media. */

/* Dashboard: keep status and immediate tasks visible together before the main activity feed. */
.dashboard-priority-grid{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;margin-bottom:18px;align-items:stretch
}
.dashboard-priority-grid>.studio-readiness,.dashboard-priority-grid>.next-steps{margin:0;min-height:100%}
.dashboard-priority-grid .readiness-items{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-priority-grid .studio-readiness.ready{height:100%;align-items:flex-start;flex-direction:column;justify-content:space-between}
.dashboard-priority-grid .next-steps>.panel-head{padding:20px 22px 15px}
.dashboard-priority-grid .next-step-row{grid-template-columns:88px minmax(0,1fr) auto;padding:15px 22px;gap:14px}
.dashboard-priority-grid .next-step-row:nth-child(n+3){display:none}

/* Profile media controls and previews. */
.profile-media-fields{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(280px,1fr);gap:12px;margin-top:18px}
.profile-upload{position:relative;min-height:142px!important;margin:0!important;padding:12px;border:1px dashed var(--line-strong);border-radius:13px;background:rgba(255,255,255,.42);display:grid!important;grid-template-rows:1fr auto;gap:11px;cursor:pointer;overflow:hidden}
.profile-upload>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.profile-upload>span:last-of-type{display:grid;gap:2px;align-self:end}.profile-upload b{font-size:12px}.profile-upload small{color:var(--muted);font-size:10px}
.profile-upload-preview{min-height:86px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:var(--paper-2)}
.avatar-upload .profile-upload-preview{width:86px;height:86px;min-height:86px;border-radius:50%;justify-self:center}
.cover-upload .profile-upload-preview{width:100%;height:86px}
.profile-upload-preview img,.profile-preview-banner img,.profile-public-cover img,.avatar img,.profile-intro .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;background:#10110f;color:#fff;font-weight:650}
.profile-cover-fallback{width:100%;height:100%;background:linear-gradient(135deg,#181b18 0 38%,#96a9e8 38% 66%,#b7ebcf 66%)}
.profile-image-actions{display:flex;gap:16px;margin-top:12px}
.profile-preview-banner{overflow:hidden}.profile-preview .avatar{overflow:hidden;padding:0}.profile-preview .avatar .profile-avatar-fallback{font-size:23px}
.artist-index-card .avatar{overflow:hidden;padding:0}.artist-index-card .avatar .profile-avatar-fallback{font-size:14px}
.profile-public-refined{position:relative;padding-top:0!important;grid-template-columns:minmax(270px,.42fr) minmax(0,1fr)!important}
.profile-public-cover{grid-column:1/-1;height:clamp(250px,36vw,500px);overflow:hidden;background:var(--paper-2)}
.profile-public-refined .profile-intro{margin-top:-74px;position:relative;z-index:2;background:var(--paper);padding-top:0}
.profile-public-refined .profile-intro .avatar{width:78px;height:78px;overflow:hidden;padding:0;border:4px solid var(--paper);box-sizing:border-box}
.profile-public-refined .profile-works{padding-top:48px}

/* Displays: a simple pairing path and named mirror groups. */
.display-flow-mini{
  grid-template-columns:1fr auto 1fr auto 1fr!important;margin:0 0 30px!important;padding:0 0 24px!important;
  border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important
}
.display-flow-mini>div{padding:0 14px;text-align:left!important}.display-flow-mini>div:first-child{padding-left:0}
.display-flow-mini>div span{font-family:var(--mono);font-size:9px;color:var(--muted)}
.display-flow-mini>div b{font-size:14px}.display-flow-mini>div small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}
.display-flow-mini>i{font-style:normal;color:var(--muted)}
.display-groups-section{margin-bottom:24px;padding:24px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.46)}
.display-groups-section>.panel-head{margin:0 0 18px;padding:0 0 18px}.display-groups-section .panel-head h2{margin:5px 0 5px}.display-groups-section .panel-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px}
.display-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.display-group-card{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}
.display-group-card header{display:flex;align-items:center;gap:12px}.display-group-card header>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--sky)}
.display-group-card h3{margin:3px 0 0;font-size:21px}.display-group-card>p{margin:18px 0 5px;font-size:15px;font-weight:600}.display-group-card>small{color:var(--muted)}
.display-group-card footer{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.display-row-status{display:flex;align-items:center;gap:8px}.display-group-tag{padding:5px 8px;border-radius:99px;background:var(--sky);font-size:9px;font-weight:650}
.group-screen-picker{margin:14px 0;padding:0;border:0}.group-screen-picker legend{margin-bottom:8px;font-size:11px;font-weight:650}
.group-screen-choice{display:grid!important;grid-template-columns:18px 1fr;gap:10px;align-items:center;margin:0!important;padding:11px 0;border-bottom:1px solid var(--line)}
.group-screen-choice input{width:16px;height:16px}.group-screen-choice span{display:grid;gap:2px}.group-screen-choice b{font-size:12px}.group-screen-choice small{color:var(--muted);font-size:10px}
.pair-modal-intro{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;margin-bottom:16px;padding:13px;border-radius:10px;background:var(--paper-2)}
.pair-modal-intro>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--mono);font-size:9px}.pair-modal-intro p{margin:2px 0 0;color:var(--muted);font-size:11px;line-height:1.5}

/* Exhibition directory: image, status and the facts needed at a glance. */
.public-exhibition-grid.index-grid .public-exhibition-card,.public-exhibition-grid.index-grid .public-exhibition-card.featured{grid-template-columns:minmax(210px,.3fr) minmax(0,1fr);min-height:220px}
.public-exhibition-grid.index-grid .public-exhibition-media{min-height:220px;max-height:none}
.public-exhibition-grid.index-grid .public-exhibition-copy{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr) auto;gap:26px;padding:25px 0 25px 30px}
.exhibition-card-main{min-width:0}.exhibition-card-kicker{display:flex;align-items:center;gap:9px}.exhibition-card-kicker small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.public-exhibition-copy .exhibition-card-summary{max-width:620px;margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.exhibition-card-artists{margin-top:12px!important;color:var(--ink)!important;font-size:11px!important;font-weight:600}
.exhibition-card-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px!important;margin:0!important}
.exhibition-card-facts>div{min-width:0}.exhibition-card-facts dt{font-size:9px!important;text-transform:uppercase;letter-spacing:.08em}.exhibition-card-facts dd{margin-top:3px!important;color:var(--ink)!important;font-size:11px!important}
.public-exhibition-copy>span{align-self:center;white-space:nowrap}

@media(max-width:1100px){
  .dashboard-priority-grid{grid-template-columns:1fr}.dashboard-priority-grid .readiness-items{grid-template-columns:repeat(3,minmax(0,1fr))}
  .public-exhibition-grid.index-grid .public-exhibition-copy{grid-template-columns:1fr auto}.exhibition-card-facts{grid-column:1/-1}.public-exhibition-copy>span{grid-column:2;grid-row:1}
}
@media(max-width:820px){
  .profile-media-fields,.display-group-grid{grid-template-columns:1fr}
  .profile-public-refined{grid-template-columns:1fr!important}.profile-public-refined .profile-intro{margin-top:-54px}.profile-public-refined .profile-works{padding-top:10px}
  .public-exhibition-grid.index-grid .public-exhibition-card,.public-exhibition-grid.index-grid .public-exhibition-card.featured{grid-template-columns:1fr}.public-exhibition-grid.index-grid .public-exhibition-copy{grid-template-columns:1fr;padding:22px 0}.public-exhibition-copy>span{grid-column:1;grid-row:auto}
}
@media(max-width:620px){
  .dashboard-priority-grid .readiness-items{grid-template-columns:1fr 1fr}.dashboard-priority-grid .next-step-row{grid-template-columns:1fr}.dashboard-priority-grid .next-step-row>b{justify-self:start}
  .display-flow-mini{grid-template-columns:1fr!important;gap:15px}.display-flow-mini>i{display:none}.display-flow-mini>div{padding:0}
  .exhibition-card-facts{grid-template-columns:1fr!important}
}


/* v1.7.17 — visible mirror-group pairing and calmer Studio lists. */

/* Shared icon/text actions. */
.icon-text-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650}
.icon-text-link .ui-icon,.icon-action .ui-icon{width:15px;height:15px}
.icon-actions{gap:7px!important}
.icon-action{display:inline-flex!important;align-items:center;gap:6px;padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:rgba(255,255,255,.58)!important;color:var(--ink)!important;font:inherit;font-size:10px!important;font-weight:620!important;text-decoration:none;cursor:pointer}
.icon-action:hover{background:#fff!important;border-color:var(--line-strong)!important}
.icon-action.primary{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.icon-action.danger{color:#8b3f38!important}.icon-only-action{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}

/* Activity and request hierarchy. */
.activity-panel{padding:0!important;overflow:hidden}
.activity-panel-head{padding:24px 26px 20px;margin:0!important;border:0!important;align-items:center}
.activity-panel-head h2{margin:4px 0 5px!important;font-size:28px!important}.activity-panel-head p:not(.eyebrow){margin:0!important;color:var(--muted);font-size:11px}
.refined-activity-list{gap:0!important;border-top:1px solid var(--line)}
.activity-item{display:grid!important;grid-template-columns:42px minmax(0,1fr) minmax(185px,.36fr)!important;align-items:center;gap:16px!important;padding:18px 24px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;text-align:left!important}
.activity-item:last-child{border-bottom:0!important}.activity-item:hover{background:rgba(255,255,255,.72)!important;box-shadow:none!important}
.activity-item-icon,.request-row-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--ink)}
.activity-item-icon .ui-icon,.request-row-icon .ui-icon{width:18px;height:18px}
.activity-item-title{display:flex;align-items:center;gap:10px;min-width:0}.activity-item-title h3{margin:0;min-width:0;font-size:19px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.activity-item-meta{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:9px;color:var(--muted);font-size:10px}.activity-item-meta span{display:inline-flex;align-items:center;gap:5px}.activity-item-meta .ui-icon{width:13px;height:13px}
.activity-update{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;text-align:right!important;justify-items:end!important}.activity-update>div{min-width:0;color:var(--muted);font-size:10px;line-height:1.35}.activity-update>div span{display:block;overflow:hidden;text-overflow:ellipsis}.activity-update strong{font-size:17px}.activity-open{display:grid;place-items:center}.activity-open .ui-icon{width:17px;height:17px}
.refined-request-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:18px!important;align-items:start;padding:22px!important}
.refined-request-row .request-primary{min-width:0}.refined-request-row .request-row-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.refined-request-row .request-row-top>div{display:flex;align-items:center;gap:8px}.refined-request-row .request-row-top time{color:var(--muted);font-size:10px}
.refined-request-row h3{margin:14px 0 2px!important;font-size:24px!important}.request-work-title{margin:0;color:var(--muted);font-size:12px}
.request-facts{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:13px;color:var(--muted);font-size:10px}.request-facts span{display:inline-flex;align-items:center;gap:5px}.request-facts .ui-icon{width:13px;height:13px}.refined-request-row .request-preview{display:block;margin-top:12px;color:var(--ink)}
.refined-request-row .request-side{min-width:120px;display:grid;justify-items:end;gap:5px;text-align:right}.refined-request-row .request-side>strong{font-size:20px}.request-open{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:10px;font-weight:650}.request-open .ui-icon{width:14px;height:14px}
.refined-request-row .request-progress{margin-top:20px!important;padding-right:0!important}.refined-request-row .progress-step:before{background:var(--line-strong)}

/* Work rows: quieter content, compact actions. */
.refined-work-list{gap:10px!important}.refined-work-row{padding:12px 14px!important;min-height:112px}.refined-work-row .work-edit{grid-template-columns:128px minmax(0,1fr);gap:20px}.refined-work-row .thumb{width:128px;height:88px;border-radius:9px;overflow:hidden;background:var(--paper-2)}
.refined-work-row .thumb img,.refined-work-row .thumb video{width:100%;height:100%;object-fit:cover}.work-row-copy>div{display:flex;align-items:center;gap:9px}.work-row-copy>div small{color:var(--muted);font-size:10px}.refined-work-row h3{margin:10px 0 3px!important;font-size:23px!important}.refined-work-row .work-row-actions{max-width:560px}

/* Studio exhibition cards become visual event summaries. */
.studio-exhibition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.visual-exhibition-card{display:grid;grid-template-rows:170px 1fr;min-height:430px!important;border-radius:16px!important;overflow:hidden;background:rgba(255,255,255,.6)!important}
.studio-exhibition-media{height:170px;overflow:hidden;background:var(--paper-2)}.studio-exhibition-media img,.studio-exhibition-media video{width:100%;height:100%;object-fit:cover}.studio-exhibition-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e8e4db,#f8f5ef)}.studio-exhibition-placeholder .ui-icon{width:30px;height:30px;color:var(--muted)}
.studio-exhibition-body{display:flex;flex-direction:column;padding:20px}.studio-exhibition-body>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.studio-exhibition-body>header>div{display:flex;align-items:center;gap:8px}.studio-exhibition-body>header small{color:var(--muted);font-size:10px}.exhibition-type-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.studio-exhibition-title{margin-top:22px}.studio-exhibition-title p{margin:0;color:var(--muted);font-size:11px}.studio-exhibition-title h3{margin:5px 0 0!important;font-size:28px!important;line-height:1.02;letter-spacing:-.04em}
.studio-exhibition-facts{display:grid;gap:7px;margin:18px 0;color:var(--muted);font-size:10px}.studio-exhibition-facts span{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-exhibition-facts .ui-icon{width:14px;height:14px;flex:0 0 auto}
.visual-exhibition-card .exhibition-readiness{margin-top:auto}.artist-exhibition-state{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.artist-exhibition-state p{margin:8px 0 0;font-size:11px}
.visual-exhibition-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}

/* Displays: two clear pathways, direct multi-code pairing and a visual mirror preview. */
.display-pathway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.display-pathway-grid>button{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:16px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.5);text-align:left;cursor:pointer}.display-pathway-grid>button:hover{background:#fff;border-color:var(--line-strong)}.display-pathway-grid>button>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--sky)}.display-pathway-grid>button:nth-child(2)>span{background:var(--violet)}.display-pathway-grid>button>span .ui-icon{width:22px;height:22px}.display-pathway-grid h2{margin:4px 0 6px;font-size:23px}.display-pathway-grid p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.5}.display-pathway-grid>button>.ui-icon{align-self:center;width:18px;height:18px}
.display-help-strip{display:flex;flex-wrap:wrap;gap:9px 28px;margin-bottom:28px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.display-help-strip span{display:flex;align-items:center;gap:7px}.display-help-strip b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--mono);font-size:8px}
.paired-screen-section{margin-top:24px}.section-heading-inline{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:13px}.section-heading-inline h2{margin:4px 0 0;font-size:25px}.section-heading-inline>small{color:var(--muted)}
.group-card-preview{height:84px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0 12px}.group-card-preview>div{display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#171918,#343936);color:#fff}.group-card-preview .ui-icon{width:18px;height:18px}.display-group-card footer{gap:7px!important}
.group-wizard-intro{display:grid;grid-template-columns:50px 1fr;gap:15px;align-items:start;margin-bottom:20px;padding:18px;border-radius:14px;background:var(--paper-2)}.group-wizard-intro>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--violet)}.group-wizard-intro>span .ui-icon{width:22px;height:22px}.group-wizard-intro h3{margin:4px 0 7px;font-size:22px}.group-wizard-intro p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px;line-height:1.5}.group-wizard-intro.compact{padding:14px}
.group-code-picker{margin:16px 0;padding:0;border:0}.group-code-picker legend{margin-bottom:8px;font-size:11px;font-weight:650}.group-code-row{display:grid;grid-template-columns:38px minmax(110px,.65fr) minmax(160px,1fr) auto;gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line)}.group-code-screen{width:36px;height:28px;border:1.5px solid var(--ink);border-radius:4px;display:grid;place-items:center;margin-bottom:8px}.group-code-screen .ui-icon{width:16px;height:16px}.group-code-row label{margin:0!important}.group-code-row label small{font-size:9px;color:var(--muted)}.add-screen-action{display:inline-flex;align-items:center;gap:6px;margin-top:12px}.add-screen-action .ui-icon{width:14px;height:14px}.existing-screen-picker{margin:15px 0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.42)}.existing-screen-picker summary{padding:13px 15px;font-size:11px;font-weight:650;cursor:pointer}.existing-screen-picker .group-screen-picker{padding:0 15px 12px;margin:0}.visual-screen-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visual-screen-picker .group-screen-choice{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.mirror-preview{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.6),rgba(232,228,219,.55))}.mirror-preview-copy{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.mirror-preview-copy>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff}.mirror-preview-copy>span .ui-icon{width:18px;height:18px}.mirror-preview-copy strong{display:block;margin:3px 0;font-size:15px}.mirror-preview-copy small{display:block;color:var(--muted);font-size:10px;line-height:1.45}.mirror-screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px;margin-top:16px}.mirror-screen>div{aspect-ratio:16/10;padding:7px;border:5px solid #1b1d1b;border-radius:7px;background:#0d0e0d;color:#fff;display:grid;place-items:center;text-align:center;box-shadow:0 6px 14px rgba(0,0,0,.12)}.mirror-screen>div span{font-size:8px;line-height:1.25;opacity:.75}.mirror-screen>small{display:block;margin-top:5px;text-align:center;color:var(--muted);font-size:8px}

@media(max-width:1120px){.activity-item{grid-template-columns:38px minmax(0,1fr)!important}.activity-update{grid-column:2;grid-template-columns:minmax(0,1fr) auto auto;justify-items:start!important;text-align:left!important}.studio-exhibition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.display-pathway-grid{grid-template-columns:1fr}.refined-request-row{grid-template-columns:36px minmax(0,1fr)!important}.refined-request-row .request-side{grid-column:2;grid-template-columns:auto auto auto;align-items:center;justify-items:start;text-align:left}.visual-screen-picker{grid-template-columns:1fr}.work-row.refined-work-row{grid-template-columns:1fr}.refined-work-row .work-row-actions{max-width:none;text-align:left}.refined-work-row .work-quick-actions{justify-content:flex-start}}
@media(max-width:620px){.activity-item{grid-template-columns:1fr!important}.activity-item-icon{display:none}.activity-update{grid-column:1}.studio-exhibition-grid{grid-template-columns:1fr}.visual-exhibition-card{min-height:0!important}.group-code-row{grid-template-columns:34px 1fr}.group-code-row label:nth-of-type(2){grid-column:2}.group-code-row .icon-only-action{grid-column:2;justify-self:end}.mirror-screen-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}.refined-work-row .work-edit{grid-template-columns:90px minmax(0,1fr)}.refined-work-row .thumb{width:90px;height:76px}.icon-action span{display:none}}


/* v1.7.18 — compact Studio collections and a visible Portable Records workspace. */
.dashboard-utility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portable-utility>div>span{background:var(--violet)!important}

/* Works: visual cards with two clear actions and quieter secondary controls. */
.studio-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.studio-work-card{min-width:0;border:1px solid var(--line);border-radius:16px;overflow:visible;background:rgba(255,255,255,.62);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.studio-work-card:hover{transform:translateY(-2px);background:#fff;border-color:var(--line-strong)}
.studio-work-card-media{display:block;height:210px;overflow:hidden;border-radius:15px 15px 0 0;background:var(--paper-2)}
.studio-work-card-media img,.studio-work-card-media video{width:100%;height:100%;object-fit:cover}
.studio-work-card-body{position:relative;padding:18px}
.studio-work-card-body>header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.studio-work-card-body>header>div{display:flex;align-items:center;gap:8px}.studio-work-card-body>header small{color:var(--muted);font-size:10px}
.work-record-state{display:inline-flex;align-items:center;gap:5px;max-width:48%;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-record-state.active{color:#315d47}.work-record-state .ui-icon{width:13px;height:13px;flex:0 0 auto}
.studio-work-card h3{margin:18px 0 4px!important;font-size:25px!important;line-height:1.05}.studio-work-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}.studio-work-card-body>p{margin:0;color:var(--muted);font-size:12px}
.studio-work-card footer{display:flex;align-items:center;gap:7px;margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}
.compact-button{min-height:38px!important;padding:9px 12px!important;font-size:10px!important}.compact-button .ui-icon{width:15px;height:15px}
.work-card-menu{position:relative;margin-left:auto}.work-card-menu summary{display:flex;align-items:center;gap:5px;padding:10px 2px;cursor:pointer;list-style:none;font-size:10px;font-weight:650}.work-card-menu summary::-webkit-details-marker{display:none}.work-card-menu summary .ui-icon{width:13px;height:13px}.work-card-menu>div{position:absolute;right:0;bottom:calc(100% + 8px);z-index:8;display:grid;min-width:195px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(0,0,0,.13)}.work-card-menu a,.work-card-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;text-align:left;font:inherit;font-size:10px;cursor:pointer}.work-card-menu a:hover,.work-card-menu button:hover{background:var(--paper-2)}.work-card-menu .ui-icon{width:14px;height:14px}

/* Requests: two-column summaries; the full five-step history stays inside each request. */
.request-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.request-card{display:flex;flex-direction:column;min-height:315px;padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.62);color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.request-card:hover{transform:translateY(-2px);background:#fff;border-color:var(--line-strong)}.request-card.unread{box-shadow:inset 4px 0 0 #b28a46}
.request-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.request-card>header>div{display:flex;align-items:center;gap:7px}.request-card time{color:var(--muted);font-size:10px}
.request-card-title{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:center;margin:22px 0 15px}.request-card-title>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mint)}.request-card-title>span .ui-icon{width:18px;height:18px}.request-card-title h3{margin:0 0 4px!important;font-size:25px!important;line-height:1.05}.request-card-title p{margin:0;color:var(--muted);font-size:11px}
.request-card-facts{display:grid;gap:8px;color:var(--muted);font-size:10px}.request-card-facts span{display:flex;align-items:center;gap:7px;min-width:0}.request-card-facts .ui-icon{width:14px;height:14px;flex:0 0 auto}
.request-card-summary{margin:16px 0 0;color:var(--ink);font-size:11px;line-height:1.45}.request-card footer{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line)}.request-card footer>div{display:grid;gap:4px}.request-card footer small{color:var(--muted);font-size:9px}.request-card footer strong{font-size:22px}.request-card footer del{color:var(--muted);font-size:9px}.request-card footer>span{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:650}.request-card footer>span .ui-icon{width:14px;height:14px}

/* Exhibitions: reduce repeated information and unnecessary card height. */
.visual-exhibition-card{grid-template-rows:132px auto!important;min-height:0!important}
.studio-exhibition-media{height:132px!important}
.studio-exhibition-body{padding:16px 17px!important}
.studio-exhibition-title{margin-top:14px!important}.studio-exhibition-title h3{font-size:24px!important}
.studio-exhibition-facts{grid-template-columns:1fr;gap:6px;margin:12px 0!important}
.visual-exhibition-card .exhibition-readiness{margin-top:8px!important}.artist-exhibition-state{margin-top:9px!important;padding-top:10px!important}
.visual-exhibition-card footer{margin-top:12px!important;padding-top:12px!important}

/* Portable Records: one place to choose a work and add the optional layer. */
.portable-records-title{align-items:start}.portable-records-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-bottom:20px;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(229,222,244,.55),rgba(255,255,255,.64))}.portable-records-intro>div{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:start}.portable-records-intro>div>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--violet)}.portable-records-intro>div>span .ui-icon{width:24px;height:24px}.portable-records-intro h2{margin:4px 0 7px;font-size:24px!important}.portable-records-intro p:not(.eyebrow){max-width:760px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}.portable-records-intro dl{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));margin:0}.portable-records-intro dl>div{padding:4px 18px;border-left:1px solid var(--line)}.portable-records-intro dt{font-size:27px;font-weight:700}.portable-records-intro dd{margin:4px 0 0;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.portable-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portable-record-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.62)}.portable-record-media{display:block;height:170px;overflow:hidden;background:var(--paper-2)}.portable-record-media img,.portable-record-media video{width:100%;height:100%;object-fit:cover}.portable-record-card-body{display:flex;flex-direction:column;min-height:275px;padding:18px}.portable-record-status{display:flex;justify-content:space-between;align-items:center;gap:10px}.portable-record-status small{color:var(--muted);font-size:10px}.portable-record-card h3{margin:17px 0 3px!important;font-size:24px!important}.portable-record-medium{margin:0 0 14px!important;color:var(--muted)!important}.portable-record-card-body>p:not(.portable-record-medium){margin:0;color:var(--muted);font-size:10px;line-height:1.5}.portable-record-card footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:18px}.portable-record-card footer .text-action{margin-left:auto}

@media(max-width:1180px){.studio-work-grid,.portable-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-utility-grid{grid-template-columns:1fr 1fr}.dashboard-utility-grid>*:last-child{grid-column:1/-1}}
@media(max-width:820px){.request-card-grid{grid-template-columns:1fr}.portable-records-intro{grid-template-columns:1fr}.portable-records-intro dl{border-top:1px solid var(--line);padding-top:16px}.portable-records-intro dl>div:first-child{border-left:0}.studio-work-card-media{height:190px}}
@media(max-width:620px){.studio-work-grid,.portable-record-grid{grid-template-columns:1fr}.studio-work-card footer{flex-wrap:wrap}.work-card-menu{margin-left:0}.portable-records-intro>div{grid-template-columns:1fr}.portable-records-intro dl{grid-template-columns:1fr}.portable-records-intro dl>div{border-left:0;border-top:1px solid var(--line);padding:10px 0}.portable-records-intro dl>div:first-child{border-top:0}.dashboard-utility-grid{grid-template-columns:1fr}.dashboard-utility-grid>*:last-child{grid-column:auto}}

/* Stage 8.0 — connected physical records and NFC access */
.portable-tag-summary{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(222,238,229,.58);font-size:12px;font-weight:700}.portable-tag-summary svg{width:16px;height:16px}
.nfc-connect-section{margin-top:28px;padding:clamp(24px,3vw,42px);border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.52)}.nfc-connect-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:25px;border-bottom:1px solid var(--line)}.nfc-connect-head>div{max-width:820px}.nfc-connect-head h2{margin:8px 0 10px;font-size:clamp(28px,3vw,44px);line-height:1.02}.nfc-connect-head p{margin:0;color:var(--muted);line-height:1.55}.nfc-connect-head .button{flex:none}.nfc-connect-head .button svg{width:17px;height:17px;margin-right:7px}
.nfc-tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.nfc-tag-card{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.75)}.nfc-tag-card.revoked{opacity:.62}.nfc-tag-card header{display:flex;align-items:center;gap:12px}.nfc-tag-card header h3{margin:5px 0 0;font-size:19px}.nfc-tag-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ink);color:#fff}.nfc-tag-icon svg{width:20px;height:20px}.nfc-tag-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.nfc-tag-card dl div{padding:8px 10px;border-radius:10px;background:rgba(238,236,230,.72)}.nfc-tag-card dt{color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.nfc-tag-card dd{margin:4px 0 0;font-size:12px;font-weight:700}.nfc-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.nfc-url{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px}.nfc-url code{display:flex;align-items:center;min-height:34px;overflow:hidden;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.nfc-copy-button{width:34px!important;min-width:34px!important;padding:0!important}.nfc-copy-button .ui-icon{width:14px;height:14px}.nfc-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;justify-content:flex-end}.nfc-card-actions .button{white-space:nowrap}.nfc-card-actions .button .ui-icon{width:14px;height:14px}.danger-text{color:#8e342d!important}.nfc-empty-state{display:flex;align-items:center;gap:16px;margin-top:14px;padding:20px;border:1px dashed var(--line-strong);border-radius:14px}.nfc-empty-state>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--success-soft)}.nfc-empty-state svg{width:22px;height:22px}.nfc-empty-state h3{margin:0 0 5px;font-size:19px}.nfc-empty-state p{margin:0;color:var(--muted)}.nfc-support-note{display:flex;gap:12px;margin-top:14px;padding:13px 15px;border-radius:12px;background:rgba(228,224,211,.66);font-size:11px;line-height:1.45}.nfc-support-note b{flex:none}.nfc-support-note span{color:var(--muted)}
.connected-record-page{max-width:1680px;margin:0 auto;padding:clamp(46px,6vw,84px) var(--page-x) 110px}.connected-record-hero{display:flex;justify-content:space-between;align-items:end;gap:32px;padding-bottom:30px;border-bottom:1px solid var(--line)}.connected-record-hero h1{margin:9px 0 10px;font-size:clamp(48px,7vw,102px);line-height:.9;letter-spacing:-.055em}.connected-record-hero p{margin:0;color:var(--muted)}.connected-record-trust{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.connected-record-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(350px,.78fr);gap:0;margin-top:30px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.52)}.connected-record-media{min-height:620px;background:#e9e6df}.connected-record-media img,.connected-record-media video{width:100%;height:100%;min-height:620px;object-fit:contain}.connected-record-primary{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,62px);border-left:1px solid var(--line)}.connected-record-primary h2{margin:12px 0 7px;font-size:clamp(40px,4.7vw,72px);line-height:.94}.connected-record-medium{margin:0 0 24px;color:var(--muted);font-size:15px}.connected-record-description{font-size:18px;line-height:1.55}.connected-record-primary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:28px 0}.connected-record-primary dl div{padding:14px 0;border-top:1px solid var(--line)}.connected-record-primary dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.connected-record-primary dd{margin:6px 0 0;font-weight:700}.connected-record-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;border:1px solid var(--line);border-radius:21px;overflow:hidden;background:rgba(255,255,255,.48)}.connected-record-status-grid article{min-height:255px;padding:25px;border-right:1px solid var(--line)}.connected-record-status-grid article:last-child{border-right:0}.connected-record-status-grid>article>svg{width:24px;height:24px;margin-bottom:32px}.connected-record-status-grid h3{margin:8px 0 9px;font-size:23px}.connected-record-status-grid p{color:var(--muted);line-height:1.5}.connected-record-status-grid code{font-size:11px}.connected-record-status-grid a{font-size:12px;font-weight:700;text-decoration:underline}.connected-record-history{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr);gap:70px;margin-top:70px}.connected-record-history h2{font-size:clamp(32px,4vw,58px);line-height:1}.connected-record-history>div:last-child{border-top:1px solid var(--line)}.connected-record-history a{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) 220px 24px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.connected-record-history h3,.connected-record-history p{margin:0}.connected-record-history h3{font-size:21px}.connected-record-history span,.connected-record-history p{color:var(--muted);font-size:13px}.connected-record-history svg{width:18px;height:18px}.connected-record-technical{margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.connected-record-technical summary{padding:20px 0;font-weight:700;cursor:pointer}.connected-record-technical dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:0;padding-bottom:24px}.connected-record-technical dt,.connected-record-technical dd{margin:0;padding:11px 0;border-top:1px solid var(--line)}.connected-record-technical dt{color:var(--muted)}.connected-record-technical code{overflow-wrap:anywhere;font-size:11px}
@media(max-width:1050px){.nfc-tag-grid{grid-template-columns:1fr}.connected-record-layout{grid-template-columns:1fr}.connected-record-media,.connected-record-media img,.connected-record-media video{min-height:420px}.connected-record-primary{border-left:0;border-top:1px solid var(--line)}.connected-record-status-grid{grid-template-columns:repeat(2,1fr)}.connected-record-status-grid article:nth-child(2){border-right:0}.connected-record-status-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.connected-record-history{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){.nfc-url-row{grid-template-columns:1fr}.nfc-card-actions{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:700px){.nfc-connect-head,.connected-record-hero{display:grid;align-items:start}.nfc-connect-head .button{width:100%}.nfc-tag-card dl{grid-template-columns:1fr}.nfc-support-note{display:grid}.connected-record-status-grid{grid-template-columns:1fr}.connected-record-status-grid article{min-height:0;border-right:0!important;border-bottom:1px solid var(--line)}.connected-record-status-grid article:last-child{border-bottom:0}.connected-record-history a{grid-template-columns:1fr 22px;gap:7px}.connected-record-history a span,.connected-record-history a p{grid-column:1}.connected-record-history a svg{grid-column:2;grid-row:1/4}.connected-record-technical dl{grid-template-columns:1fr}.connected-record-technical dd{padding-top:4px;border-top:0}.connected-record-media,.connected-record-media img,.connected-record-media video{min-height:300px}}


/* Stage 8.1 — NFC interaction hotfix and clearer record-layer cards */
.record-layer-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:13px}
.record-layer-badge{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(244,243,239,.88);color:var(--muted);font-size:9px;font-weight:700;line-height:1;white-space:nowrap}
.record-layer-badge .ui-icon{width:12px;height:12px;flex:0 0 auto}
.record-layer-badge.ipfs,.record-layer-badge.signed{border-color:#c9ded1;background:#edf6f0;color:#315d47}
.record-layer-badge.chain{border-color:#d9d0e7;background:#f2edf8;color:#57456b}
.record-layer-badge.external{border-color:#d9d4c8;background:#f6f2e9;color:#6a5631}
.record-layer-badge.nfc{border-color:#c9ded1;background:#e9f5ee;color:#285c43}
.record-layer-badge.nfc-ready,.record-layer-badge.prepared{border-color:#e3d3aa;background:#fbf3df;color:#755514}
.studio-work-card,.portable-record-card{border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(0,0,0,.015)}
.studio-work-card-media{height:190px;border-radius:17px 17px 0 0}
.studio-work-card-body{padding:16px 17px 17px}
.studio-work-card-body>header{min-height:26px}
.studio-work-card h3{margin:13px 0 4px!important;font-size:23px!important}
.studio-work-card footer{gap:8px;margin-top:17px;padding-top:14px}
.compact-button{min-height:40px!important;padding:9px 13px!important;white-space:nowrap}
.work-card-menu{margin-left:auto}
.work-card-menu summary{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.82);color:var(--ink);cursor:pointer;list-style:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.work-card-menu summary:hover{background:#fff;border-color:var(--line-strong);transform:translateY(-1px)}
.work-card-menu summary .ui-icon{width:18px;height:18px}
.work-card-menu[open] summary{background:var(--ink);border-color:var(--ink);color:#fff}
.work-card-menu>div{top:calc(100% + 8px);bottom:auto;min-width:205px}
.portable-record-card{overflow:visible}
.portable-record-media{height:160px;border-radius:17px 17px 0 0}
.portable-record-card-body{min-height:0;padding:16px 17px 17px}
.portable-record-card h3{margin:13px 0 3px!important;font-size:23px!important}
.portable-record-medium{margin-bottom:0!important}
.portable-record-detail{display:-webkit-box;overflow:hidden;margin-top:12px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:30px}
.portable-record-card footer{gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid var(--line)}
.portable-record-card footer .work-card-menu{margin-left:auto}
@media(max-width:620px){.record-layer-badges{margin-top:11px}.studio-work-card footer,.portable-record-card footer{flex-wrap:nowrap}.work-card-menu{margin-left:auto}.work-card-menu>div{right:0;left:auto}}

/* Stage 8.2 — guided NFC setup, preview testing and safe removal */
.nfc-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:22px 0 0;padding:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.56);list-style:none}
.nfc-journey li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;min-height:82px;padding:15px 17px;border-right:1px solid var(--line)}
.nfc-journey li:last-child{border-right:0}.nfc-journey li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:11px;font-weight:750}.nfc-journey b,.nfc-journey small{display:block}.nfc-journey b{font-size:12px}.nfc-journey small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}
.nfc-tag-card{gap:14px}.nfc-tag-card header>div{min-width:0}.nfc-delete-button{display:grid;place-items:center;width:38px;height:38px;margin-left:auto;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.nfc-delete-button:hover{border-color:#d7aaa5;background:#faeeee;color:#8e342d}.nfc-delete-button svg{width:16px;height:16px}
.nfc-card-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nfc-card-progress span{display:flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:700}.nfc-card-progress span.current{border-color:#dfc98f;background:#fbf3df;color:#755514}.nfc-card-progress span.done{border-color:#c9ded1;background:#edf6f0;color:#315d47}.nfc-card-progress svg{width:11px;height:11px}
.nfc-state-note{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.nfc-retired-note{color:var(--muted);font-size:10px}.nfc-tag-card.revoked{opacity:.78}.nfc-tag-card.revoked .nfc-tag-icon{background:#77736c}
@media(min-width:920px){
  .portable-physical-content .nfc-tag-card{grid-template-columns:minmax(250px,.78fr) minmax(0,1.42fr);column-gap:16px;row-gap:6px;padding:12px 14px;align-items:start}
  .portable-physical-content .nfc-tag-card>header{grid-column:1;grid-row:1}
  .portable-physical-content .nfc-tag-card>.nfc-card-progress{grid-column:1;grid-row:2}
  .portable-physical-content .nfc-tag-card>.nfc-state-note{grid-column:1;grid-row:3;align-self:start}
  .portable-physical-content .nfc-tag-card>dl{grid-column:2;grid-row:1}
  .portable-physical-content .nfc-tag-card>.nfc-url-row{grid-column:2;grid-row:2/4;align-self:start}
}
@media(max-width:1040px){
  .portable-token-paths{grid-template-columns:1fr}
}
@media(max-width:720px){
  .portable-token-coordinates{grid-template-columns:1fr}
}

.nfc-modal-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.nfc-modal-steps span{display:grid;gap:5px;padding:10px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:9px}.nfc-modal-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-size:9px}
.nfc-write-guide>p{color:var(--muted);line-height:1.5}.nfc-write-guide ol{display:grid;gap:10px;margin:18px 0;padding-left:21px}.nfc-write-guide li{padding-left:5px;line-height:1.45}.nfc-guide-url{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:18px 0}.nfc-guide-url code{overflow:hidden;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--paper);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.connected-record-preview-notice{display:flex;gap:12px;align-items:center;margin-bottom:22px;padding:14px 17px;border:1px solid #e2d2a6;border-radius:14px;background:#fbf3df;color:#755514}.connected-record-preview-notice b{flex:none}.connected-record-preview-notice span{font-size:12px;line-height:1.45}
@media(max-width:850px){.nfc-journey{grid-template-columns:repeat(2,1fr)}.nfc-journey li:nth-child(2){border-right:0}.nfc-journey li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.nfc-journey{grid-template-columns:1fr}.nfc-journey li{border-right:0;border-bottom:1px solid var(--line)}.nfc-journey li:last-child{border-bottom:0}.nfc-card-progress{grid-template-columns:1fr}.nfc-guide-url{grid-template-columns:1fr}.nfc-guide-url .button{width:100%}.modal-actions{display:grid;grid-template-columns:1fr}.connected-record-preview-notice{display:grid}}

/* v1.8.3 — clearer NFC app guidance and tighter Studio event cards. */
.nfc-app-guidance{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(0,1.32fr);gap:12px;margin-top:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(238,236,230,.6)}
.nfc-app-guidance-copy{display:grid;align-content:start;gap:5px}.nfc-app-guidance-copy>b{font-size:12px}.nfc-app-guidance-copy>span{color:var(--muted);font-size:10px;line-height:1.45}.nfc-app-guidance-copy>small{color:var(--muted);font-size:8.5px;line-height:1.35}
.nfc-app-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nfc-app-links a,.nfc-modal-apps a{display:grid;grid-template-columns:minmax(0,1fr) 14px;grid-template-rows:auto auto auto;gap:2px 7px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.76);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.nfc-app-links a:hover,.nfc-modal-apps a:hover{border-color:var(--line-strong);background:#fff;box-shadow:0 1px 0 rgba(18,24,19,.025)}.nfc-app-links a>.nfc-app-platform{grid-column:1;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.nfc-app-links a>.nfc-app-platform .ui-icon{width:11px;height:11px}.nfc-modal-apps a>span{grid-column:1;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.nfc-app-links a>b,.nfc-modal-apps a>b{grid-column:1;font-size:10px;line-height:1.25}.nfc-app-links a>small{grid-column:1;color:var(--muted);font-size:8.5px}.nfc-app-links a>.ui-icon:last-child,.nfc-modal-apps a>.ui-icon{grid-column:2;grid-row:1/4;width:13px;height:13px}.nfc-app-guidance>p{grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.4}
.nfc-modal-apps{display:grid;grid-template-columns:1fr;gap:7px;margin:15px 0 8px}.nfc-app-disclaimer{display:block;color:var(--muted);font-size:9px;line-height:1.45}

/* Requests: compact project summaries with clearer labels, stage and value. */
.request-card-grid{align-items:start;gap:16px}
.request-card{min-height:0!important;padding:18px!important;gap:0;border-radius:18px!important;align-self:start}
.request-card>header{padding-bottom:13px;border-bottom:1px solid var(--line)}.request-card time{font-size:9px!important}
.request-card-title{grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;margin:16px 0 14px!important}.request-card-title>span{width:36px!important;height:36px!important}.request-card-title>span .ui-icon{width:16px!important;height:16px!important}.request-card-title p{margin:0 0 4px!important;color:var(--muted);font-size:10px!important}.request-card-title h3{margin:0!important;font-size:23px!important;line-height:1.06!important}
.request-card-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.request-card-facts span{display:grid!important;grid-template-columns:15px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 7px;padding:10px;border-radius:11px;background:rgba(238,236,230,.58);font-size:10px!important;line-height:1.3}.request-card-facts span .ui-icon{grid-column:1;grid-row:1/3;width:14px!important;height:14px!important;margin-top:2px}.request-card-facts span b{grid-column:2;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.request-card-summary{margin:10px 0 0!important;padding:10px 12px;border-left:2px solid var(--line-strong);background:rgba(255,255,255,.55);font-size:10px!important}
.request-card footer{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;gap:14px!important;margin-top:14px!important;padding-top:14px!important}.request-card-stage{display:grid!important;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px}.request-card-stage>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mint)}.request-card-stage .ui-icon{width:14px;height:14px}.request-card-stage small{display:block;color:var(--muted);font-size:8px!important;text-transform:uppercase;letter-spacing:.07em}.request-card-stage b{display:block;margin-top:2px;font-size:10px;line-height:1.3}.request-card-value{display:grid!important;grid-template-columns:auto 16px;justify-items:end;align-items:center;gap:2px 8px}.request-card-value strong{grid-column:1;font-size:21px!important}.request-card-value del{grid-column:1;color:var(--muted);font-size:9px!important}.request-card-value>span{grid-column:1/3;display:inline-flex!important;align-items:center;gap:5px;font-size:9px!important;font-weight:700}.request-card-value>span .ui-icon{width:13px!important;height:13px!important}

/* Exhibitions: prevent stretched cards and keep event information close to the image. */
.studio-exhibition-grid{align-items:start!important;gap:16px!important}
.visual-exhibition-card{display:flex!important;flex-direction:column!important;align-self:start!important;height:auto!important;min-height:0!important;border-radius:18px!important}
.studio-exhibition-media{height:150px!important;flex:none}.studio-exhibition-body{display:grid!important;grid-template-rows:auto auto auto auto auto;align-content:start!important;gap:11px!important;padding:16px 17px 15px!important}
.studio-exhibition-body>header{margin:0!important}.studio-exhibition-body>header small{font-size:9px!important}.studio-exhibition-title{margin:0!important}.studio-exhibition-title p{font-size:10px!important}.studio-exhibition-title h3{margin:4px 0 0!important;font-size:23px!important;line-height:1.04!important}
.studio-exhibition-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-exhibition-facts span{font-size:9px!important}
.visual-exhibition-card .exhibition-readiness{margin:0!important;padding:0!important;border:0!important}.artist-exhibition-state{display:flex;align-items:center;gap:8px;margin:11px 0 0!important;padding:0!important;border:0!important}.artist-exhibition-state p{margin:0!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visual-exhibition-card footer{margin:0!important;padding-top:11px!important}.visual-exhibition-card footer:empty{display:none}

@media(max-width:1050px){.nfc-app-guidance{grid-template-columns:1fr}.nfc-app-links{grid-template-columns:1fr 1fr}.nfc-app-guidance>p{grid-column:1}.request-card-facts{grid-template-columns:1fr!important}}
@media(max-width:620px){.nfc-app-links{grid-template-columns:1fr}.request-card footer{grid-template-columns:1fr!important;justify-items:stretch}.request-card-value{justify-items:start!important}.studio-exhibition-facts{grid-template-columns:1fr!important}}


/* v1.8.4 — coherent display management, collapsible guidance and exact mirror previews. */
.display-help-details{margin:0 0 24px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.38);overflow:hidden}
.display-help-details>summary{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}
.display-help-details>summary::-webkit-details-marker{display:none}.display-help-details>summary>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper-2)}.display-help-details>summary>span .ui-icon{width:17px;height:17px}.display-help-details>summary strong,.display-help-details>summary small{display:block}.display-help-details>summary strong{font-size:11px}.display-help-details>summary small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.display-help-details>summary>.ui-icon{width:16px;height:16px;transition:transform .18s ease}.display-help-details[open]>summary>.ui-icon{transform:rotate(180deg)}
.display-help-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.display-help-steps>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:center;min-height:66px;padding:12px 14px;border-right:1px solid var(--line)}.display-help-steps>div:last-child{border-right:0}.display-help-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--mono);font-size:8px}.display-help-steps span{color:var(--muted);font-size:9px;line-height:1.4}
.display-groups-section{margin-top:0!important}.display-groups-section .panel-head .eyebrow{margin-bottom:4px}.display-group-card{overflow:hidden}.display-group-card>p{margin-top:14px!important}
.group-card-preview{display:grid!important;grid-template-columns:repeat(var(--display-preview-count,2),minmax(0,1fr))!important;height:auto!important;min-height:0!important;gap:7px!important;margin:16px 0 11px!important}.group-card-preview>.display-preview-tile{min-width:0}.group-card-preview>.display-preview-tile>small{display:none}
.display-row .icon-action.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.display-row .icon-action.primary:hover{background:#272925}.paired-screen-section{margin-top:22px}.section-heading-inline{padding-bottom:10px;border-bottom:1px solid var(--line)}
@media(max-width:900px){.display-help-steps{grid-template-columns:repeat(2,1fr)}.display-help-steps>div:nth-child(2){border-right:0}.display-help-steps>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.group-card-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.display-help-steps{grid-template-columns:1fr}.display-help-steps>div{border-right:0;border-bottom:1px solid var(--line)}.display-help-steps>div:last-child{border-bottom:0}.group-card-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mirror-screen-grid{grid-template-columns:repeat(2,minmax(90px,1fr))!important}}


/* v1.8.5 — display-group management recovery */
.group-screen-empty{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:15px;border:1px dashed var(--line);border-radius:11px;background:rgba(255,255,255,.42);color:var(--muted)}
.group-screen-empty>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--sky);color:var(--ink)}
.group-screen-empty b,.group-screen-empty small{display:block}.group-screen-empty b{color:var(--ink);margin-bottom:3px}.group-screen-empty small{line-height:1.45}
.add-group-screen-panel{margin:10px 0 18px}.add-group-screen-panel summary{display:flex;align-items:center;gap:8px}.add-group-screen-panel summary .ui-icon{width:15px;height:15px}.add-group-screen-panel .group-code-picker{padding:0 15px 14px;margin:0}.add-group-screen-panel .group-code-row:first-of-type{padding-top:4px}
.modal-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.button.danger-outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(151,54,44,.34);background:transparent;color:#87362f}.button.danger-outline:hover{background:rgba(151,54,44,.07)}.button.danger-outline .ui-icon{width:16px;height:16px}
.display-group-card .icon-action.danger .ui-icon{width:15px;height:15px}
@media(max-width:680px){.modal-action-row{align-items:stretch;flex-direction:column}.modal-action-row .button{width:100%}}

/* v1.8.6 — branded Screen Player, timed captions and single-screen previews. */
.venue-player.active{
  position:fixed;inset:0;width:100vw;height:100vh;min-height:0;background:#050505;overflow:hidden;isolation:isolate
}
.venue-player.active .player-media{z-index:0;background:#050505}
.venue-player.active .player-media img,.venue-player.active .player-media video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;background:#050505;transform:none}
.player-fixed-brand{
  position:absolute;z-index:6;top:22px;left:24px;display:flex;align-items:center;min-height:38px;padding:9px 12px;
  border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,8,7,.48);box-shadow:0 8px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none
}
.player-fixed-brand img{display:block;width:clamp(112px,10vw,154px);height:auto;filter:brightness(0) invert(1);opacity:.94}
.player-test-preview-marker{position:absolute;z-index:9;top:var(--player-shell-top);left:50%;display:flex;align-items:center;gap:9px;max-width:min(70vw,620px);padding:9px 13px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(17,13,7,.76);color:#fff;transform:translateX(-50%);box-shadow:0 10px 32px rgba(0,0,0,.24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none}
.player-test-preview-marker strong{font-size:10px;font-weight:760;letter-spacing:.14em;white-space:nowrap}
.player-test-preview-marker span{overflow:hidden;color:rgba(255,255,255,.76);font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.player-caption{
  position:absolute;z-index:4;inset:auto 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:32px;
  align-items:end;padding:92px clamp(24px,3.4vw,54px) clamp(28px,3.3vw,48px);color:#fff;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 16%,rgba(0,0,0,.76) 100%);
  opacity:1;transform:translateY(0);transition:opacity .32s ease,transform .32s ease;pointer-events:none
}
.player-caption span{display:block;margin:0 0 7px;color:rgba(255,255,255,.66);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.player-caption h1,.player-caption h2{margin:0;color:#fff;font-family:var(--sans);font-weight:650;letter-spacing:-.025em}
.player-caption h1{font-size:clamp(24px,2.5vw,40px);line-height:1.02}
.player-caption h2{font-size:clamp(17px,1.55vw,25px);line-height:1.08}
.player-caption p{margin:8px 0 0;color:rgba(255,255,255,.76);font-size:clamp(11px,1vw,14px);line-height:1.35}
.player-caption-context{justify-self:end;width:min(100%,440px);padding-left:30px;border-left:1px solid rgba(255,255,255,.26)}
.player-caption-context p{margin-top:5px}
.player-caption .player-progress{grid-column:1/-1;height:2px;margin-top:12px;background:rgba(255,255,255,.22);overflow:hidden}
.player-caption .player-progress span{height:100%;margin:0;background:#fff;transition:width .25s linear}
.venue-player.active.caption-auto:not(.player-ui-visible) .player-caption{opacity:0;transform:translateY(14px)}
.venue-player.active.caption-always .player-caption{opacity:1;transform:none}
.venue-player.active:not(.player-ui-visible){cursor:none}
.venue-player.active .player-controls{
  z-index:8;top:22px;right:24px;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.14);background:rgba(7,8,7,.52);
  box-shadow:0 8px 30px rgba(0,0,0,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  opacity:0;transform:translateY(-5px);transition:opacity .24s ease,transform .24s ease
}
.venue-player.active.player-ui-visible .player-controls{opacity:1;transform:none}
.venue-player.active .player-controls button{display:grid;place-items:center;width:34px;height:34px;background:rgba(255,255,255,.1);font-size:15px}
.venue-player.active .player-controls button:hover{background:rgba(255,255,255,.2)}
.venue-player.active .player-controls span{min-width:42px;padding:0 5px;text-align:center;color:rgba(255,255,255,.72);font-size:10px}


@media(max-width:760px){
  .player-fixed-brand{top:14px;left:14px;padding:7px 9px}.player-fixed-brand img{width:104px}
  .player-test-preview-marker{top:14px;max-width:calc(100vw - 170px);padding:7px 9px}.player-test-preview-marker strong{font-size:8px}.player-test-preview-marker span{font-size:8px}
  .venue-player.active .player-controls{top:14px;right:14px}
  .player-caption{grid-template-columns:1fr;gap:14px;padding:76px 18px 24px}.player-caption-context{justify-self:start;width:100%;padding:12px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.24)}
}

/* v1.9.237 — canonical Screen Player pairing, local test, waiting and responsive shell. */
.venue-player.pairing.pairing-generative{
  position:fixed;inset:0;display:block;width:100vw;height:100vh;min-height:0;padding:0;overflow:hidden;
  background:#080a09;color:#fff;isolation:isolate
}
.player-generative-surface{
  position:absolute;z-index:0;inset:0;overflow:hidden;
  background:
    radial-gradient(circle at 76% 20%,rgba(var(--pair-static-b,37,69,108),.82),transparent 43%),
    radial-gradient(circle at 18% 78%,rgba(var(--pair-static-c,173,121,56),.74),transparent 40%),
    linear-gradient(145deg,rgb(var(--pair-static-a,13,23,20)),rgb(var(--pair-static-b,37,69,108)) 58%,#090b0a)
}
.player-generative-canvas{display:block;width:100%;height:100%;opacity:0;transform:scale(1.015);transition:opacity 1.1s ease}
.player-generative-surface.is-ready .player-generative-canvas{opacity:1}
.player-generative-surface.is-static::after{
  content:"";position:absolute;inset:-12%;
  background:
    radial-gradient(circle at 70% 24%,rgba(var(--pair-static-b,37,69,108),.78),transparent 36%),
    radial-gradient(circle at 22% 72%,rgba(var(--pair-static-c,173,121,56),.78),transparent 34%),
    radial-gradient(circle at 56% 84%,rgba(168,198,178,.24),transparent 32%);
  filter:blur(18px)
}
.player-generative-shade{
  position:absolute;z-index:1;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,6,5,.28),transparent 48%,rgba(4,6,5,.10)),
    linear-gradient(180deg,rgba(0,0,0,.12),transparent 52%,rgba(0,0,0,.34));
  box-shadow:inset 0 0 150px rgba(0,0,0,.32)
}

body[data-route="player"],
body[data-route="player"] button,
body[data-route="player"] input,
body[data-route="player"] output{font-family:"Inter","Helvetica Neue",Arial,sans-serif;font-synthesis:none}
body[data-route="player"]{
  --player-shell-inset:clamp(28px,3.2vmin,52px);
  --player-shell-top:max(var(--player-shell-inset),calc(env(safe-area-inset-top) + 12px));
  --player-shell-right:max(var(--player-shell-inset),calc(env(safe-area-inset-right) + 12px));
  --player-shell-bottom:max(var(--player-shell-inset),calc(env(safe-area-inset-bottom) + 12px));
  --player-shell-left:max(var(--player-shell-inset),calc(env(safe-area-inset-left) + 12px));
  --player-brand-top:var(--player-shell-top);--player-brand-left:var(--player-shell-left);--player-brand-min-height:40px;--player-brand-pad-y:9px;--player-brand-pad-x:12px;
  --player-brand-gap:11px;--player-brand-logo-width:142px;--player-brand-label-pad:11px;--player-brand-label-size:10px
}
body[data-route="player"] .pairing-code-value,
body[data-route="player"] .pairing-code-block small,
body[data-route="player"] .player-controls>span{font-family:"Roboto Mono","SFMono-Regular",Consolas,monospace}

/* Arts Exchange v2.0.7 — unified Screen Player shell inset + SVG identity.
   Persistent player identity and UI edges share one bezel-safe frame across every state. */
.player-fixed-brand,.player-pairing-brand,.venue-player.waiting .player-brand,.screen-test-brand{
  position:absolute;top:var(--player-brand-top);left:var(--player-brand-left);display:flex;align-items:center;gap:var(--player-brand-gap);
  min-height:var(--player-brand-min-height);padding:var(--player-brand-pad-y) var(--player-brand-pad-x);box-sizing:border-box;
  border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,8,7,.44);
  box-shadow:0 10px 34px rgba(0,0,0,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.player-fixed-brand,.player-pairing-brand,.venue-player.waiting .player-brand{z-index:6}
.screen-test-brand{z-index:5}
.player-fixed-brand img,.player-pairing-brand img,.venue-player.waiting .player-brand img,.screen-test-brand img{
  display:block;width:var(--player-brand-logo-width);height:auto;opacity:.96
}
.player-pairing-brand span,.venue-player.waiting .player-brand span,.screen-test-brand span{
  padding-left:var(--player-brand-label-pad);border-left:1px solid rgba(255,255,255,.20);color:rgba(255,255,255,.68);
  font-size:var(--player-brand-label-size);font-weight:600;line-height:1.1;letter-spacing:.08em;white-space:nowrap
}
.player-pairing-brand span,.screen-test-brand span{text-transform:uppercase}

.pairing-connect-panel{
  position:absolute;z-index:3;right:auto;bottom:clamp(74px,7.5vh,92px);left:var(--player-shell-left);
  width:min(560px,calc(100vw - 56px));box-sizing:border-box;padding:clamp(28px,3.15vw,44px);
  border:1px solid rgba(255,255,255,.20);border-radius:24px;color:#fff;text-align:left;
  background:linear-gradient(145deg,rgba(9,11,10,.72),rgba(9,11,10,.50));
  box-shadow:0 28px 80px rgba(0,0,0,.30);backdrop-filter:blur(24px) saturate(110%);-webkit-backdrop-filter:blur(24px) saturate(110%)
}
.pairing-connect-panel *{box-sizing:border-box}
.pairing-connect-kicker{margin:0 0 9px;color:rgba(255,255,255,.68);font-size:11px;font-weight:600;line-height:1.3}
.pairing-connect-panel h1{margin:0;color:#fff;font-family:var(--sans);font-size:clamp(32px,3.35vw,46px);font-weight:700;line-height:1.03;letter-spacing:-.043em}
.pairing-instruction-list{display:grid;gap:9px;margin:21px 0 0}
.pairing-instruction{display:grid;grid-template-columns:23px minmax(0,1fr);gap:10px;align-items:start;color:rgba(255,255,255,.75);font-size:clamp(12px,.95vw,14px);font-weight:400;line-height:1.42}
.pairing-instruction i{display:grid;place-items:center;width:21px;height:21px;margin:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;font-size:9px;font-style:normal;font-weight:700;line-height:1}
.pairing-instruction>div{min-width:0;padding-top:1px}
.pairing-code-block{display:grid;justify-items:start;gap:8px;margin:27px 0}
.pairing-code-value{max-width:100%;margin:0;padding:.035em 0 .055em;color:#fff;font-size:clamp(58px,6.8vw,96px);font-weight:500;line-height:1;letter-spacing:.07em;text-shadow:0 3px 26px rgba(0,0,0,.20);white-space:nowrap}
.pairing-code-block small{color:rgba(255,255,255,.62);font-size:11px;line-height:1.35}
.pairing-connect-panel .player-pairing-actions{display:flex;align-items:center;gap:9px;margin:0}
.pairing-connect-panel .player-test-display,
.pairing-connect-panel .player-new-code,
.pairing-connect-panel .player-fullscreen-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;padding:10px 15px;
  border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;
  font:inherit;font-size:11px;font-weight:650;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease
}
.pairing-connect-panel .player-test-display:hover,
.pairing-connect-panel .player-new-code:hover,
.pairing-connect-panel .player-fullscreen-button:hover{border-color:#fff;background:#fff;color:#111}
.pairing-connect-panel .player-fullscreen-button svg,.player-control-button svg{display:block;width:16px;height:16px;flex:0 0 auto}
.pairing-connect-panel .player-fullscreen-button.is-active,.player-control-button.is-active{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.15)}
.player-motion-note{
  position:absolute;z-index:3;left:var(--player-shell-left);bottom:var(--player-shell-bottom);display:flex;align-items:center;gap:9px;
  color:rgba(255,255,255,.52);font-size:9px;letter-spacing:.075em;text-transform:uppercase
}
.player-motion-note span{width:7px;height:7px;border-radius:50%;background:#b9d8c7;box-shadow:0 0 0 5px rgba(185,216,199,.11)}

/* Non-playing states now use the same compact player language instead of the original stretched shell. */
.venue-player.waiting{position:fixed;inset:0;min-height:100vh;padding:36px;background:radial-gradient(circle at 22% 20%,#17231f 0,transparent 38%),radial-gradient(circle at 78% 76%,#211c28 0,transparent 42%),#080a09;color:#fff}
.venue-player.waiting .player-brand{right:auto;justify-content:flex-start}
.venue-player.waiting .player-brand span{letter-spacing:.04em;text-transform:none}
.venue-player.waiting section{width:min(620px,100%);padding:40px;text-align:center}
.venue-player.waiting section>.eyebrow{margin:0 0 10px;color:rgba(255,255,255,.58);font-size:10px;letter-spacing:.12em}
.venue-player.waiting h1{margin:0;font-family:var(--sans);font-size:clamp(38px,5vw,68px);font-weight:650;line-height:.98;letter-spacing:-.045em}
.venue-player.waiting p{max-width:520px;margin:16px auto 0;color:rgba(255,255,255,.64);font-size:clamp(12px,1.1vw,15px);line-height:1.5}

/* Current playing-state controls stay visually aligned with the pairing shell. */
.player-control-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;padding:0 10px}
.player-control-button .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.player-controls,.player-controls button{box-sizing:border-box}
.player-controls button{display:grid;place-items:center;flex:0 0 36px;padding:0}
.player-controls button svg{display:block;width:16px;height:16px}

/* Hidden generative controls remain available without carrying legacy build styling. */
.player-tuning-panel{position:absolute;z-index:20;left:clamp(18px,3vw,46px);top:clamp(92px,10vw,124px);width:min(340px,calc(100vw - 36px));padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(8,10,9,.88);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.player-tuning-panel[hidden]{display:none!important}
.player-tuning-panel header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:8px}
.player-tuning-panel header h2{margin:2px 0 0;font-size:20px;letter-spacing:-.02em}
.player-tuning-panel header small,.player-tuning-panel>p,.player-tuning-shortcut{color:rgba(255,255,255,.58)}
.player-tuning-panel header button{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.player-tuning-panel>p{margin:0 0 16px;font-size:11px;line-height:1.45}
.player-tuning-controls{display:grid;gap:12px}.player-tuning-row{display:grid;grid-template-columns:78px minmax(0,1fr) 30px;gap:10px;align-items:center;font-size:11px}.player-tuning-row>span{font-weight:650}.player-tuning-row input{width:100%;accent-color:#fff}.player-tuning-row output{text-align:right;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums}
.player-tuning-panel footer{display:flex;gap:8px;margin-top:17px}.player-tuning-panel footer button{flex:1;padding:9px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:11px;font-weight:650;cursor:pointer}.player-tuning-panel footer button:hover{background:#fff;color:#111}.player-tuning-shortcut{display:block;margin-top:11px;font-size:9px;letter-spacing:.06em;text-align:center}

@supports(height:100dvh){.venue-player.pairing.pairing-generative,.venue-player.active,.venue-player.waiting{height:100dvh}}
@media(prefers-reduced-motion:reduce){.player-generative-canvas{display:none}.player-generative-surface::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#111b17,#25384a 50%,#8c6938)}}

/* Tablet portrait keeps the left-hand composition while tightening the card. */
@media(max-width:900px) and (orientation:portrait){
  body[data-route="player"]{--player-shell-inset:28px;--player-brand-min-height:36px;--player-brand-pad-y:7px;--player-brand-pad-x:9px;--player-brand-logo-width:104px;--player-brand-gap:8px;--player-brand-label-pad:8px;--player-brand-label-size:9px}
  .player-pairing-brand,.venue-player.waiting .player-brand{top:var(--player-brand-top);left:var(--player-brand-left)}
  .pairing-connect-panel{right:auto;bottom:62px;left:var(--player-shell-left);width:min(520px,calc(100vw - (2 * var(--player-shell-inset))));padding:30px}
  .pairing-code-value{font-size:clamp(58px,11vw,82px)}
  .player-motion-note{left:var(--player-shell-left);bottom:var(--player-shell-bottom)}
  .player-fixed-brand{top:var(--player-brand-top);left:var(--player-brand-left);padding:var(--player-brand-pad-y) var(--player-brand-pad-x)}.player-fixed-brand img{width:var(--player-brand-logo-width)}
  .venue-player.active .player-controls{top:var(--player-shell-top);right:var(--player-shell-right)}
  .player-caption{grid-template-columns:1fr;gap:13px;max-height:min(58dvh,430px);padding:76px var(--player-shell-right) var(--player-shell-bottom) var(--player-shell-left);overflow:hidden}
  .player-caption-context{justify-self:start;width:100%;padding:11px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.24)}
}

/* Phones prioritise legibility and fit over preserving the desktop note. */
@media(max-width:600px) and (orientation:portrait){
  body[data-route="player"]{--player-shell-inset:20px;--player-brand-min-height:34px;--player-brand-pad-y:7px;--player-brand-pad-x:9px;--player-brand-logo-width:100px;--player-brand-gap:8px;--player-brand-label-pad:8px;--player-brand-label-size:8px}
  .venue-player.pairing.pairing-generative,.venue-player.waiting{min-height:100svh}
  .player-pairing-brand,.venue-player.waiting .player-brand{top:var(--player-brand-top);left:var(--player-brand-left);gap:var(--player-brand-gap);min-height:var(--player-brand-min-height);padding:var(--player-brand-pad-y) var(--player-brand-pad-x)}
  .player-pairing-brand img,.venue-player.waiting .player-brand img{width:var(--player-brand-logo-width)}
  .player-pairing-brand span,.venue-player.waiting .player-brand span{padding-left:var(--player-brand-label-pad);font-size:var(--player-brand-label-size)}
  .pairing-connect-panel{right:var(--player-shell-right);bottom:var(--player-shell-bottom);left:var(--player-shell-left);width:auto;max-height:calc(100dvh - 78px - env(safe-area-inset-top));padding:20px;border-radius:20px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .pairing-connect-kicker{margin-bottom:6px;font-size:10px}.pairing-connect-panel h1{font-size:clamp(27px,8vw,33px)}
  .pairing-instruction-list{gap:7px;margin-top:15px}.pairing-instruction{grid-template-columns:21px minmax(0,1fr);gap:8px;font-size:11px;line-height:1.32}.pairing-instruction i{width:20px;height:20px;font-size:8px}
  .pairing-code-block{gap:6px;margin:20px 0}.pairing-code-value{font-size:clamp(42px,15vw,62px);line-height:1;letter-spacing:.05em}.pairing-code-block small{font-size:9px}
  .pairing-connect-panel .player-pairing-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr) 40px;gap:8px}.pairing-connect-panel .player-test-display,.pairing-connect-panel .player-new-code,.pairing-connect-panel .player-fullscreen-button{width:100%;min-width:0;min-height:40px;padding:9px 10px;font-size:10px;white-space:nowrap}.pairing-connect-panel .player-fullscreen-button{padding:0}.pairing-connect-panel .player-fullscreen-button .button-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .player-motion-note{display:none}
  .venue-player.waiting{padding:20px}.venue-player.waiting section{padding:24px 16px}.venue-player.waiting h1{font-size:clamp(34px,10vw,48px)}.venue-player.waiting p{font-size:12px}
  .player-tuning-panel{top:max(64px,calc(env(safe-area-inset-top) + 54px));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));width:auto;max-height:calc(100dvh - 82px - env(safe-area-inset-bottom));overflow:auto}
  .player-fixed-brand{top:var(--player-brand-top);left:var(--player-brand-left);min-height:var(--player-brand-min-height);padding:var(--player-brand-pad-y) var(--player-brand-pad-x)}.player-fixed-brand img{width:var(--player-brand-logo-width)}
  .venue-player.active .player-controls{top:var(--player-shell-top);right:var(--player-shell-right)}
  .player-caption{gap:10px;padding:70px var(--player-shell-right) var(--player-shell-bottom) var(--player-shell-left)}.player-caption h1{font-size:clamp(22px,7vw,31px)}.player-caption h2{font-size:clamp(16px,5vw,22px)}.player-caption p{font-size:11px;line-height:1.32}
}
@media(max-width:420px) and (orientation:portrait){.player-pairing-brand span,.venue-player.waiting .player-brand span,.screen-test-brand span{display:none}.pairing-connect-panel{padding:17px}.pairing-connect-panel h1{font-size:27px}.pairing-code-value{font-size:clamp(40px,16vw,58px)}}

/* Compact landscape uses two columns so phone/TV-browser viewports do not scroll vertically. */
@media(orientation:landscape) and (max-height:620px){
  body[data-route="player"]{--player-shell-inset:22px;--player-brand-min-height:32px;--player-brand-pad-y:6px;--player-brand-pad-x:9px;--player-brand-logo-width:90px;--player-brand-gap:8px;--player-brand-label-pad:8px;--player-brand-label-size:8px}
  .player-pairing-brand,.venue-player.waiting .player-brand{top:var(--player-brand-top);left:var(--player-brand-left);min-height:var(--player-brand-min-height);padding:var(--player-brand-pad-y) var(--player-brand-pad-x)}.player-pairing-brand img,.venue-player.waiting .player-brand img{width:var(--player-brand-logo-width)}.player-pairing-brand span,.venue-player.waiting .player-brand span,.screen-test-brand span{display:none}
  .pairing-connect-panel{
    top:50%;right:auto;bottom:auto;left:max(104px,calc(env(safe-area-inset-left) + 96px));transform:translateY(-50%);
    width:min(650px,calc(100vw - max(124px,calc(env(safe-area-inset-left) + 116px))));max-height:calc(100dvh - 20px);padding:16px 18px;border-radius:20px;
    display:grid;grid-template-columns:minmax(210px,1.16fr) minmax(150px,.72fr);grid-template-areas:"kicker code" "title code" "steps actions";grid-template-rows:auto auto auto;column-gap:20px;row-gap:6px;align-content:center;overflow:hidden
  }
  .pairing-connect-kicker{grid-area:kicker;margin:0;font-size:9px}.pairing-connect-panel h1{grid-area:title;margin:0;font-size:clamp(24px,3.5vw,31px);line-height:1}
  .pairing-instruction-list{grid-area:steps;align-self:end;gap:4px;margin:5px 0 0}.pairing-instruction{grid-template-columns:18px minmax(0,1fr);gap:7px;font-size:9px;line-height:1.2}.pairing-instruction i{width:17px;height:17px;font-size:7px}
  .pairing-code-block{grid-area:code;align-self:center;justify-items:start;gap:5px;margin:0}.pairing-code-value{font-size:clamp(34px,5.2vw,50px);line-height:1;letter-spacing:.035em}.pairing-code-block small{font-size:8px}
  .pairing-connect-panel .player-pairing-actions{grid-area:actions;align-self:end;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px 7px;width:100%}.pairing-connect-panel .player-test-display{grid-column:1/-1;width:100%;min-width:0;min-height:32px;padding:7px 10px;font-size:9px;white-space:nowrap}.pairing-connect-panel .player-new-code,.pairing-connect-panel .player-fullscreen-button{width:100%;min-width:0;min-height:32px;padding:7px 10px;font-size:9px;white-space:nowrap}.pairing-connect-panel .player-fullscreen-button{padding:0}.pairing-connect-panel .player-fullscreen-button .button-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .player-motion-note{display:none}
  .venue-player.waiting section{padding:26px}.venue-player.waiting h1{font-size:clamp(34px,6vw,50px)}
  .venue-player.active .player-controls{top:var(--player-shell-top);right:var(--player-shell-right);max-width:calc(100vw - 132px)}.venue-player.active .player-controls button{flex-basis:32px;width:32px;height:32px}.venue-player.active .player-controls>span{padding:0 4px;font-size:9px}
  .player-caption{grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);gap:20px;max-height:72dvh;padding:62px var(--player-shell-right) var(--player-shell-bottom) var(--player-shell-left)}.player-caption-context{justify-self:end;width:min(100%,360px);padding:0 0 0 18px;border-top:0;border-left:1px solid rgba(255,255,255,.24)}.player-caption h1{font-size:clamp(21px,3.4vw,30px)}.player-caption h2{font-size:clamp(15px,2.5vw,21px)}
}
@media(orientation:landscape) and (max-height:430px){.pairing-connect-panel{left:max(92px,calc(env(safe-area-inset-left) + 86px));width:min(610px,calc(100vw - max(106px,calc(env(safe-area-inset-left) + 100px))));padding:12px 15px;grid-template-columns:minmax(195px,1.12fr) minmax(140px,.70fr);column-gap:16px;row-gap:4px}.pairing-connect-panel h1{font-size:23px}.pairing-instruction-list{gap:3px;margin-top:3px}.pairing-instruction{font-size:8.5px;line-height:1.16}.pairing-code-value{font-size:clamp(32px,5vw,44px)}.pairing-code-block small{font-size:7.5px}.pairing-connect-panel .player-test-display,.pairing-connect-panel .player-new-code,.pairing-connect-panel .player-fullscreen-button{min-height:29px}.pairing-connect-panel .player-fullscreen-button{width:29px}}

/* Display health and Screen Player readiness test. */
.display-device-summary{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.35}
.display-health-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 26px;margin:0 0 24px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(238,241,239,.7)}
.display-health-panel h3{margin:4px 0 5px;font-size:22px;letter-spacing:-.03em}.display-health-panel p{margin:0;color:var(--muted)}
.display-health-panel dl{display:grid;grid-template-columns:repeat(2,minmax(104px,1fr));gap:9px 18px;margin:0}.display-health-panel dl div{display:grid;gap:3px}.display-health-panel dt{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.display-health-panel dd{margin:0;font-size:12px}
.display-health-panel>.button{grid-column:1/-1;justify-self:start}.display-health-panel>.display-health-warning{grid-column:1/-1;color:#8c4f25;font-size:11px}
.screen-test-player{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#0b0d0c;color:#fff;font-family:var(--sans)}
.screen-test-stage{position:absolute;inset:0;overflow:hidden;background:#111}.screen-test-gradient{position:absolute;inset:0;background:linear-gradient(118deg,#050606 0%,#203333 18%,#e8e5d9 43%,#2967ca 63%,#7f3d72 78%,#0a0c0c 100%)}
.screen-test-gradient:after{content:"";position:absolute;inset:-12%;background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.52),transparent 24%),radial-gradient(circle at 72% 65%,rgba(249,114,61,.48),transparent 25%),radial-gradient(circle at 52% 84%,rgba(33,191,173,.46),transparent 28%);filter:blur(24px);mix-blend-mode:screen}
.screen-test-grid-pattern{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000 0 26%,transparent 56%);-webkit-mask-image:linear-gradient(90deg,#000 0 26%,transparent 56%)}
.screen-test-motion{position:absolute;left:0;right:0;top:50%;height:3px;background:rgba(255,255,255,.18)}.screen-test-motion span{position:absolute;top:-7px;width:17px;height:17px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 24px rgba(255,255,255,.8);animation:artsxScreenTestMotion 2.8s linear infinite}@keyframes artsxScreenTestMotion{from{left:-20px}to{left:calc(100% + 20px)}}
.screen-test-colors{position:absolute;left:var(--player-shell-left);right:var(--player-shell-right);bottom:var(--player-shell-bottom);display:grid;grid-template-columns:repeat(6,1fr);height:54px;border:1px solid rgba(255,255,255,.4);border-radius:13px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.26)}.screen-test-colors i:nth-child(1){background:#020303}.screen-test-colors i:nth-child(2){background:#f2efe5}.screen-test-colors i:nth-child(3){background:#1f62d1}.screen-test-colors i:nth-child(4){background:#e15437}.screen-test-colors i:nth-child(5){background:#22a795}.screen-test-colors i:nth-child(6){background:#7b3d86}
.screen-test-card{position:absolute;z-index:4;right:var(--player-shell-right);top:50%;width:min(440px,calc(100vw - 48px));padding:30px;border:1px solid rgba(255,255,255,.24);border-radius:26px;background:rgba(8,10,9,.68);box-shadow:0 28px 80px rgba(0,0,0,.32);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateY(-50%)}
.screen-test-card h1{margin:5px 0 12px;font-size:clamp(36px,4.2vw,60px);line-height:.94;letter-spacing:-.055em}.screen-test-card>p:not(.eyebrow){color:rgba(255,255,255,.72);line-height:1.5}.screen-test-card dl{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin:22px 0}.screen-test-card dl div{display:grid;gap:4px}.screen-test-card dt{color:rgba(255,255,255,.5);font-size:9px;letter-spacing:.11em;text-transform:uppercase}.screen-test-card dd{margin:0;font-size:12px}.screen-test-card>small{color:rgba(255,255,255,.6)}
.screen-test-local-actions{display:flex;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
.screen-test-return{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 15px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#fff;color:#111;font:inherit;font-size:11px;font-weight:650;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.screen-test-return:hover{border-color:#fff;background:rgba(255,255,255,.86)}
.screen-test-player>.player-controls{top:var(--player-shell-top);right:var(--player-shell-right)}
@media(max-width:760px){.display-health-panel{grid-template-columns:1fr}.display-health-panel dl{grid-template-columns:1fr 1fr}.screen-test-card{right:var(--player-shell-right);bottom:calc(var(--player-shell-bottom) + 54px);left:var(--player-shell-left);top:auto;width:auto;max-height:calc(100dvh - 104px);padding:22px;overflow:auto;transform:none;overscroll-behavior:contain}.screen-test-card h1{font-size:36px}.screen-test-local-actions{margin-top:18px;padding-top:15px}.screen-test-return{width:100%}.screen-test-colors{bottom:var(--player-shell-bottom);height:36px}}
@media(max-height:520px) and (orientation:landscape){.screen-test-card{right:var(--player-shell-right);top:50%;bottom:auto;width:min(390px,46vw);max-height:calc(100dvh - 24px);padding:20px;overflow:auto;transform:translateY(-50%);overscroll-behavior:contain}.screen-test-card h1{font-size:34px}.screen-test-card>p:not(.eyebrow){font-size:11px}.screen-test-card dl{margin:14px 0;gap:8px 14px}.screen-test-local-actions{margin-top:14px;padding-top:13px}.screen-test-colors{left:var(--player-shell-left);right:auto;width:44vw;bottom:var(--player-shell-bottom);height:34px}}


/* v1.8.24 — resilient Player transitions and connection recovery. */
.player-media.player-media-hold{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;margin:0;background:#050505;pointer-events:none;opacity:1;transition:opacity .36s ease}
.player-media.player-media-hold.is-releasing{opacity:0}
.player-media.player-media-hold img,.player-media.player-media-hold video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;background:#050505;transform:none}
.venue-player.active .player-media{opacity:1}
.player-connection-status{position:absolute;z-index:8;left:50%;bottom:var(--player-shell-bottom);transform:translateX(-50%);max-width:min(620px,calc(100vw - 36px));padding:9px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(8,10,9,.78);color:rgba(255,255,255,.86);font-family:var(--sans);font-size:11px;font-weight:600;line-height:1.25;text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:none}
.player-connection-status.warning:before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;border-radius:50%;background:#e7bd6a;box-shadow:0 0 0 4px rgba(231,189,106,.13)}
@media(max-width:760px){.player-connection-status{bottom:max(14px,calc(env(safe-area-inset-bottom) + 9px));font-size:10px}}

/* v1.8.25 — artist-confirmed display files and media compatibility guidance. */
.work-media-readiness{display:grid;gap:10px;margin-top:8px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(238,241,239,.62)}
.work-media-readiness header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.work-media-readiness header h3{margin:4px 0 0;font-size:20px;letter-spacing:-.025em}.work-media-readiness>p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.work-media-readiness>small{color:var(--muted);font-size:10px}
.work-media-readiness.pending{background:rgba(245,239,222,.55)}.work-media-readiness.declined{background:rgba(247,232,228,.6)}
.display-file-approval{display:flex;align-items:flex-start;gap:11px;margin-top:4px;padding-top:14px;border-top:1px solid var(--line);cursor:pointer}.display-file-approval input{width:17px;height:17px;margin-top:2px;accent-color:#111}.display-file-approval span{display:grid;gap:3px}.display-file-approval b{font-size:12px}.display-file-approval small{color:var(--muted);font-size:10px;line-height:1.35}.display-file-approval.disabled{opacity:.48;cursor:not-allowed}
.display-file-status{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:9px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;font-weight:650;line-height:1.15}.display-file-status .ui-icon{width:12px;height:12px}.display-file-status>i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.65}.display-file-status.accepted{color:#356947;background:rgba(78,141,96,.08)}.display-file-status.pending{color:#8a6126;background:rgba(190,142,63,.08)}.display-file-status.declined{color:#9a4237;background:rgba(176,72,57,.08)}
.player-unsupported-media{display:grid;place-items:center;align-content:center;gap:12px;width:100%;height:100%;padding:36px;background:radial-gradient(circle at 50% 40%,#27332f,#090b0a 66%);color:#fff;text-align:center}.player-unsupported-media>span{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.22);border-radius:50%}.player-unsupported-media .ui-icon{width:24px;height:24px}.player-unsupported-media h1{max-width:620px;margin:0;font-size:clamp(28px,4vw,54px);letter-spacing:-.04em}.player-unsupported-media p{max-width:580px;margin:0;color:rgba(255,255,255,.68);line-height:1.5}
@media(max-width:760px){.work-media-readiness header{display:grid}.work-media-readiness header .status{justify-self:start}.display-file-status{white-space:normal}}


/* v1.8.26 — deliberate live-program updates without changing the builder layout. */
.live-program-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.54)}
.live-program-strip>div{min-width:0}.live-program-strip .eyebrow{margin:0 0 5px}.live-program-strip h2{margin:0;font-size:20px;letter-spacing:-.025em}.live-program-strip p:last-child{max-width:680px;margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.live-program-strip .button{flex:0 0 auto;white-space:nowrap}
@media(max-width:720px){.live-program-strip{display:grid;gap:15px;padding:18px}.live-program-strip .button{justify-self:start}}

/* v1.8.28 — contained essential remote playback controls. */
.display-remote-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.56)}
.display-remote-panel>div:first-child{min-width:0}.display-remote-panel .eyebrow{margin:0 0 4px}.display-remote-panel h3{margin:0;font-size:20px;letter-spacing:-.025em}.display-remote-panel p:last-child{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.display-remote-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.display-remote-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);color:var(--ink);font:inherit;font-size:10px;font-weight:650;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.display-remote-actions button:hover{background:#fff;border-color:rgba(17,17,17,.34);transform:translateY(-1px)}.display-remote-actions .ui-icon{width:15px;height:15px}
.player-remote-state{position:absolute;z-index:8;top:var(--player-shell-top);left:50%;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(8,10,9,.72);color:rgba(255,255,255,.88);font-family:var(--sans);font-size:10px;font-weight:650;line-height:1;transform:translateX(-50%);box-shadow:0 12px 34px rgba(0,0,0,.24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none}.player-remote-state .ui-icon{width:13px;height:13px}.venue-player.active.playback-paused .player-progress span{transition:none}
@media(max-width:760px){.display-remote-panel{display:grid;gap:14px;padding:16px}.display-remote-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.display-remote-actions button{padding:9px 8px}.display-remote-actions button:only-child{grid-column:1/-1}.player-remote-state{top:max(14px,calc(env(safe-area-inset-top) + 8px));font-size:9px}}
@media(max-width:470px){.display-remote-actions{grid-template-columns:1fr}.display-remote-actions button{width:100%}}

/* v1.8.29 — contained exhibition approval and delivery records. */
.delivery-record-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(238,241,239,.58)}
.delivery-record-strip>div{min-width:0}.delivery-record-strip .eyebrow{margin:0 0 5px}.delivery-record-strip h2{margin:0;font-size:20px;letter-spacing:-.025em}.delivery-record-strip p:last-child{max-width:700px;margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.delivery-record-strip .button{flex:0 0 auto;white-space:nowrap}
.delivery-record-modal{display:grid;gap:28px}.delivery-record-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(238,241,239,.58)}.delivery-record-summary>div{display:grid;gap:4px;padding:18px;border-right:1px solid var(--line)}.delivery-record-summary>div:last-child{border-right:0}.delivery-record-summary span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.delivery-record-summary strong{font-size:27px;letter-spacing:-.04em}.delivery-record-summary small{color:var(--muted);font-size:10px}
.delivery-record-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.delivery-record-head .eyebrow{margin:0 0 4px}.delivery-record-head h3{margin:0;font-size:22px;letter-spacing:-.03em}
.delivery-approval-list,.delivery-screen-list,.delivery-activity-list{border-top:1px solid var(--line)}.delivery-approval-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.delivery-approval-list article>span{color:var(--muted);font-size:10px}.delivery-approval-list h4,.delivery-screen-list h4{margin:0;font-size:14px}.delivery-approval-list p,.delivery-screen-list p{margin:3px 0 0;color:var(--muted);font-size:11px}.delivery-approval-list small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.4}.delivery-approval-list article>div:last-child{display:grid;justify-items:end;gap:6px}.delivery-approval-list .status{font-size:8px}
.delivery-screen-list article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.delivery-screen-list .status{flex:0 0 auto}
.delivery-activity-list{margin-top:18px}.delivery-activity-list article{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.delivery-activity-list time{color:var(--muted);font-size:9px}.delivery-activity-list div{display:grid;gap:3px}.delivery-activity-list b{font-size:11px}.delivery-activity-list small{color:var(--muted);font-size:9px}
.delivery-record-actions{display:flex;align-items:center;gap:16px;padding-top:4px}.delivery-record-actions small{max-width:520px;color:var(--muted);font-size:10px;line-height:1.45}
@media(max-width:720px){.delivery-record-strip{display:grid;gap:15px;padding:18px}.delivery-record-strip .button{justify-self:start}.delivery-record-summary{grid-template-columns:1fr}.delivery-record-summary>div{border-right:0;border-bottom:1px solid var(--line)}.delivery-record-summary>div:last-child{border-bottom:0}.delivery-approval-list article{grid-template-columns:28px minmax(0,1fr)}.delivery-approval-list article>div:last-child{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start}.delivery-activity-list article{grid-template-columns:1fr;gap:5px}.delivery-record-actions{display:grid}.delivery-record-actions .button{justify-self:start}}

/* v1.8.30 — optional controlled-pilot access within the existing account flow. */
.auth-pilot-access{margin:1px 0;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2)}
.auth-pilot-access summary{cursor:pointer;font-size:12px;font-weight:650;list-style-position:inside}
.auth-pilot-access>div{display:grid;gap:12px;padding-top:13px}
.auth-pilot-access p{margin:0;color:var(--muted);font-size:11px;line-height:1.48}
.auth-pilot-access.required{display:grid;gap:12px;border-color:var(--line-strong)}
.auth-pilot-access.required>.eyebrow{color:var(--ink);font-size:9px;letter-spacing:.12em}
.auth-pilot-access input{text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.auth-pilot-access{padding:13px 14px}}

/* v1.8.34 — Artists directory visual prototype.
   A quieter gallery surface, intentional availability navigation and open artist cards. */
body[data-route="artists"]{
  background:#fdfdfc;
}
body[data-route="artists"] #main-content,
body[data-route="artists"] .artist-index-hero,
body[data-route="artists"] .artists-section,
body[data-route="artists"] .site-footer{
  background:#fdfdfc;
}
body[data-route="artists"] .site-header{
  background:rgba(253,253,252,.94);
}
body[data-route="artists"] .artist-index-hero{
  border-bottom-color:rgba(10,10,9,.16);
}
body[data-route="artists"] .artist-index-hero-media{
  border-radius:0;
}

body[data-route="artists"] .artist-directory-toolbar.refined{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  max-width:var(--page-max);
  margin:0 auto 30px;
  padding:0 0 16px;
  border-bottom:1px solid rgba(10,10,9,.18);
}
body[data-route="artists"] .artist-filter-tabs{
  display:flex;
  align-items:center;
  gap:clamp(22px,3vw,46px);
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
body[data-route="artists"] .artist-filter-tabs::-webkit-scrollbar{display:none}
body[data-route="artists"] .artist-filter-tabs button{
  position:relative;
  flex:0 0 auto;
  padding:10px 0 13px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#77736c;
  font:inherit;
  font-size:12px;
  font-weight:560;
  letter-spacing:.015em;
  white-space:nowrap;
  cursor:pointer;
}
body[data-route="artists"] .artist-filter-tabs button::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-17px;
  height:2px;
  background:var(--ink);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
body[data-route="artists"] .artist-filter-tabs button:hover,
body[data-route="artists"] .artist-filter-tabs button.active{
  color:var(--ink);
}
body[data-route="artists"] .artist-filter-tabs button.active::after{
  transform:scaleX(1);
}
body[data-route="artists"] .artist-directory-actions{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:18px;
  min-width:max-content;
}
body[data-route="artists"] .artist-sort-control{
  display:grid;
  gap:5px;
  min-width:170px;
}
body[data-route="artists"] .artist-sort-control>span,
body[data-route="artists"] .artist-directory-actions .directory-view>span{
  color:var(--muted);
  font-size:9px;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-route="artists"] .artist-sort-control select{
  min-height:39px!important;
  height:39px!important;
  padding:7px 30px 7px 0!important;
  border-width:0 0 1px!important;
  border-style:solid!important;
  border-color:rgba(10,10,9,.24)!important;
  border-radius:0!important;
  background-color:transparent!important;
  font-size:12px!important;
}
body[data-route="artists"] .artist-sort-control select:hover,
body[data-route="artists"] .artist-sort-control select:focus{
  border-color:var(--ink)!important;
  background-color:transparent!important;
  outline:none;
}
body[data-route="artists"] .artist-directory-actions .directory-view{
  gap:4px;
}
body[data-route="artists"] .artist-directory-actions .directory-view button{
  width:39px;
  height:39px;
  border:1px solid rgba(10,10,9,.16)!important;
  border-radius:2px!important;
  background:transparent!important;
  color:var(--ink);
}
body[data-route="artists"] .artist-directory-actions .directory-view button:hover{
  border-color:var(--ink)!important;
}
body[data-route="artists"] .artist-directory-actions .directory-view button.active{
  border-color:var(--ink)!important;
  background:var(--ink)!important;
  color:#fff;
}

body[data-route="artists"] .artist-index-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:var(--public-directory-column-gap);
  row-gap:var(--public-directory-row-gap);
}
body[data-route="artists"] .artist-index-card{
  display:grid;
  grid-template-rows:auto auto auto;
  min-width:0;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body[data-route="artists"] .artist-index-card:hover{
  background:transparent!important;
  transform:none!important;
}
body[data-route="artists"] .artist-index-card header{
  display:block;
  min-height:0;
  margin:0 0 15px;
}
body[data-route="artists"] .artist-card-identity{
  min-width:0;
}
body[data-route="artists"] .artist-index-card h3{
  margin:0 0 5px;
  overflow:visible;
  color:var(--ink);
  font-size:clamp(20px,1.45vw,25px);
  font-weight:570;
  letter-spacing:-.038em;
  line-height:1.05;
  text-overflow:clip;
  white-space:normal;
}
body[data-route="artists"] .artist-index-card header p{
  margin:0;
  overflow:visible;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
  text-overflow:clip;
  white-space:normal;
}
body[data-route="artists"] .artist-index-media{
  height:auto;
  aspect-ratio:1.48/1;
  border:0!important;
  border-radius:var(--public-media-radius)!important;
  background:var(--paper-2);
}
body[data-route="artists"] .artist-index-media img,
body[data-route="artists"] .artist-index-media video{
  transform:scale(1);
  filter:none;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .28s ease;
}
body[data-route="artists"] .artist-index-card:hover .artist-index-media img,
body[data-route="artists"] .artist-index-card:hover .artist-index-media video{
  transform:scale(1.012);
  filter:saturate(1.025);
}
body[data-route="artists"] .artist-index-card footer{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  min-height:0;
  padding:13px 0 0;
  border-top:0;
}
body[data-route="artists"] .artist-index-card footer span{
  color:var(--muted);
  font-size:9px;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-route="artists"] .artist-index-card footer b{
  overflow:hidden;
  color:var(--ink);
  font-size:12px;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="artists"] .artist-index-card footer .ui-icon{
  width:15px;
  height:15px;
  transition:transform .18s ease;
}
body[data-route="artists"] .artist-index-card:hover footer .ui-icon{
  transform:translateX(4px);
}

body[data-route="artists"] .artist-index-grid.list{
  display:block;
}
body[data-route="artists"] .artist-index-grid.list .artist-index-card{
  display:grid;
  grid-template-columns:minmax(190px,.48fr) minmax(280px,1fr) minmax(190px,.42fr);
  grid-template-rows:auto;
  gap:clamp(24px,3vw,54px);
  align-items:center;
  padding:17px 0!important;
  border-top:1px solid rgba(10,10,9,.15)!important;
}
body[data-route="artists"] .artist-index-grid.list .artist-index-card:last-child{
  border-bottom:1px solid rgba(10,10,9,.15)!important;
}
body[data-route="artists"] .artist-index-grid.list .artist-index-card header{
  margin:0;
  padding:0;
}
body[data-route="artists"] .artist-index-grid.list .artist-index-media{
  height:106px;
  aspect-ratio:auto;
}
body[data-route="artists"] .artist-index-grid.list .artist-index-card footer{
  min-width:0;
  padding:0;
}

@media(max-width:1040px){
  body[data-route="artists"] .artist-directory-toolbar.refined{
    align-items:flex-start;
    flex-direction:column;
  }
  body[data-route="artists"] .artist-directory-actions{
    width:100%;
    justify-content:space-between;
  }
  body[data-route="artists"] .artist-index-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-route="artists"] .artist-index-grid.list .artist-index-card{
    grid-template-columns:180px minmax(0,1fr);
  }
  body[data-route="artists"] .artist-index-grid.list .artist-index-card footer{
    grid-column:2;
  }
}
@media(max-width:620px){
  body[data-route="artists"] .artist-directory-toolbar.refined{
    gap:22px;
    margin-bottom:24px;
  }
  body[data-route="artists"] .artist-filter-tabs{
    width:100%;
  }
  body[data-route="artists"] .artist-directory-actions{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
  body[data-route="artists"] .artist-sort-control{
    width:100%;
  }
  body[data-route="artists"] .artist-directory-actions .directory-view{
    justify-content:flex-start;
  }
  body[data-route="artists"] .artist-index-grid{
    grid-template-columns:1fr;
  }
  body[data-route="artists"] .artist-index-grid.list .artist-index-card{
    grid-template-columns:1fr;
  }
  body[data-route="artists"] .artist-index-grid.list .artist-index-media{
    height:auto;
    aspect-ratio:1.48/1;
  }
  body[data-route="artists"] .artist-index-grid.list .artist-index-card footer{
    grid-column:auto;
  }
}

/* v1.8.35 — Works directory visual balance.
   Gallery-like public browsing with modest image softness and quieter controls. */
body[data-route="explore"]{
  background:#fdfdfc;
}
body[data-route="explore"] #main-content,
body[data-route="explore"] .page-hero,
body[data-route="explore"] .explore-section,
body[data-route="explore"] .site-footer{
  background:#fdfdfc;
}
body[data-route="explore"] .site-header{
  background:rgba(253,253,252,.94);
}
body[data-route="explore"] .page-hero{
  border-bottom-color:rgba(10,10,9,.16);
}

body[data-route="explore"] .works-directory-toolbar.refined{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:clamp(28px,4vw,68px);
  max-width:var(--page-max);
  margin:0 auto 30px;
  padding:0 0 16px;
  border-bottom:1px solid rgba(10,10,9,.18);
}
body[data-route="explore"] .work-filter-tabs{
  display:flex;
  align-items:center;
  gap:clamp(18px,2.1vw,34px);
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
body[data-route="explore"] .work-filter-tabs::-webkit-scrollbar{display:none}
body[data-route="explore"] .work-filter-tabs button{
  position:relative;
  flex:0 0 auto;
  padding:10px 0 13px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#77736c;
  font:inherit;
  font-size:12px;
  font-weight:560;
  letter-spacing:.015em;
  white-space:nowrap;
  cursor:pointer;
}
body[data-route="explore"] .work-filter-tabs button::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-17px;
  height:2px;
  background:var(--ink);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
body[data-route="explore"] .work-filter-tabs button:hover,
body[data-route="explore"] .work-filter-tabs button.active{
  color:var(--ink);
}
body[data-route="explore"] .work-filter-tabs button.active::after{
  transform:scaleX(1);
}
body[data-route="explore"] .works-directory-actions{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:18px;
  min-width:max-content;
}
body[data-route="explore"] .work-availability-toggle{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:39px;
  padding:7px 0 8px;
  border:0;
  border-bottom:1px solid rgba(10,10,9,.24);
  border-radius:0;
  background:transparent;
  color:#6f6b64;
  font:inherit;
  font-size:11px;
  white-space:nowrap;
  cursor:pointer;
}
body[data-route="explore"] .work-availability-toggle>span{
  width:10px;
  height:10px;
  border:1px solid currentColor;
  border-radius:50%;
  background:transparent;
  transition:background .18s ease,border-color .18s ease;
}
body[data-route="explore"] .work-availability-toggle:hover,
body[data-route="explore"] .work-availability-toggle.active{
  border-bottom-color:var(--ink);
  color:var(--ink);
}
body[data-route="explore"] .work-availability-toggle.active>span{
  border-color:var(--ink);
  background:var(--ink);
}
body[data-route="explore"] .work-sort-control{
  display:grid;
  gap:5px;
  min-width:156px;
}
body[data-route="explore"] .work-sort-control>span,
body[data-route="explore"] .works-directory-actions .directory-view>span{
  color:var(--muted);
  font-size:9px;
  font-weight:650;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-route="explore"] .work-sort-control select{
  min-height:39px!important;
  height:39px!important;
  padding:7px 30px 7px 0!important;
  border-width:0 0 1px!important;
  border-style:solid!important;
  border-color:rgba(10,10,9,.24)!important;
  border-radius:0!important;
  background-color:transparent!important;
  font-size:12px!important;
}
body[data-route="explore"] .work-sort-control select:hover,
body[data-route="explore"] .work-sort-control select:focus{
  border-color:var(--ink)!important;
  background-color:transparent!important;
  outline:none;
}
body[data-route="explore"] .works-directory-actions .directory-view{
  gap:4px;
}
body[data-route="explore"] .works-directory-actions .directory-view button{
  width:39px;
  height:39px;
  border:1px solid rgba(10,10,9,.16)!important;
  border-radius:5px!important;
  background:transparent!important;
  color:var(--ink);
}
body[data-route="explore"] .works-directory-actions .directory-view button:hover{
  border-color:var(--ink)!important;
  background:#fff!important;
}
body[data-route="explore"] .works-directory-actions .directory-view button.active{
  border-color:var(--ink)!important;
  background:var(--ink)!important;
  color:#fff;
}

body[data-route="explore"] .explore-section .art-grid{
  column-gap:var(--public-directory-column-gap);
  row-gap:var(--public-directory-row-gap);
}
body[data-route="explore"] .explore-section .art-card-media{
  border:0;
  border-radius:var(--public-media-radius);
  background:var(--public-media-canvas);
}
body[data-route="explore"] .explore-section .art-card-media img,
body[data-route="explore"] .explore-section .art-card-media video{
  transition:filter .28s ease;
}
body[data-route="explore"] .explore-section .art-card:hover .art-card-media img,
body[data-route="explore"] .explore-section .art-card:hover .art-card-media video{
  filter:saturate(1.02);
}
body[data-route="explore"] .explore-section .art-card-copy{
  padding:14px 0 0;
  border-bottom:0;
}
body[data-route="explore"] .explore-section .art-card-copy p{
  margin-bottom:5px;
  font-size:var(--public-card-meta-size);
  line-height:1.4;
}
body[data-route="explore"] .explore-section .art-card-copy h3{
  margin-bottom:6px;
  font-size:var(--public-work-title-size);
  font-weight:620;
  line-height:1.1;
  letter-spacing:-.025em;
}
body[data-route="explore"] .explore-section .art-card-copy small{
  font-size:var(--public-card-meta-size);
  line-height:1.4;
}
body[data-route="explore"] .explore-directory-grid.list .art-card{
  border-bottom-color:rgba(10,10,9,.16);
}
body[data-route="explore"] .explore-directory-grid.list .art-card-media{
  border-radius:var(--public-media-radius);
}

@media(max-width:1280px){
  body[data-route="explore"] .works-directory-toolbar.refined{
    align-items:flex-start;
    flex-direction:column;
    gap:22px;
  }
  body[data-route="explore"] .work-filter-tabs{
    width:100%;
  }
  body[data-route="explore"] .works-directory-actions{
    width:100%;
    justify-content:flex-end;
  }
}
@media(max-width:720px){
  body[data-route="explore"] .works-directory-toolbar.refined{
    margin-bottom:24px;
  }
  body[data-route="explore"] .works-directory-actions{
    align-items:flex-start;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:14px 20px;
  }
  body[data-route="explore"] .work-availability-toggle{
    order:1;
  }
  body[data-route="explore"] .work-sort-control{
    order:2;
    flex:1 1 170px;
  }
  body[data-route="explore"] .works-directory-actions .directory-view{
    order:3;
  }
}
@media(max-width:480px){
  body[data-route="explore"] .works-directory-actions{
    display:grid;
    grid-template-columns:1fr auto;
    width:100%;
  }
  body[data-route="explore"] .work-availability-toggle{
    grid-column:1/-1;
    justify-self:start;
  }
  body[data-route="explore"] .work-sort-control{
    width:100%;
    min-width:0;
  }
}


/* v1.8.36 — consistent public directory controls and clean public surfaces.
   Prevents the browse toolbars from widening the document while retaining
   intentional horizontal scrolling inside category navigation. */
:is(
  body[data-route="home"],
  body[data-route="how"],
  body[data-route="about"],
  body[data-route="explore"],
  body[data-route="exhibitions"],
  body[data-route="artists"],
  body[data-route="exhibition"],
  body[data-route="artwork"],
  body[data-route="artist"],
  body[data-route="public"]
){
  --paper:#fdfdfc;
  --paper-2:#f2f2ee;
  --surface:#fafaf8;
  --surface-strong:#fff;
}
:is(
  body[data-route="how"],
  body[data-route="about"],
  body[data-route="explore"],
  body[data-route="exhibitions"],
  body[data-route="artists"],
  body[data-route="exhibition"],
  body[data-route="artwork"],
  body[data-route="artist"],
  body[data-route="public"]
){
  background:#fdfdfc;
}
:is(
  body[data-route="home"],
  body[data-route="how"],
  body[data-route="about"],
  body[data-route="explore"],
  body[data-route="exhibitions"],
  body[data-route="artists"],
  body[data-route="exhibition"],
  body[data-route="artwork"],
  body[data-route="artist"],
  body[data-route="public"]
) #main-content{
  min-width:0;
  max-width:100%;
  background:#fdfdfc;
  overflow-x:clip;
}
:is(
  body[data-route="how"],
  body[data-route="about"],
  body[data-route="explore"],
  body[data-route="exhibitions"],
  body[data-route="artists"],
  body[data-route="exhibition"],
  body[data-route="artwork"],
  body[data-route="artist"],
  body[data-route="public"]
) .site-header{
  background:rgba(253,253,252,.95);
}
:is(
  body[data-route="home"],
  body[data-route="how"],
  body[data-route="about"],
  body[data-route="explore"],
  body[data-route="exhibitions"],
  body[data-route="artists"],
  body[data-route="exhibition"],
  body[data-route="artwork"],
  body[data-route="artist"],
  body[data-route="public"]
) .site-footer{
  background:var(--night);
}
body[data-route="home"]{background:var(--night)}
body[data-route="artists"],body[data-route="explore"]{overflow-x:clip}
body[data-route="artists"] #app,body[data-route="explore"] #app{min-width:0;max-width:100%;overflow-x:clip}

/* Shared browse-toolbar geometry. */
body[data-route="artists"] .artist-directory-toolbar.refined,
body[data-route="explore"] .works-directory-toolbar.refined{
  width:100%;
  max-width:var(--page-max);
  min-width:0;
  box-sizing:border-box;
  align-items:flex-end;
  gap:clamp(24px,3vw,52px);
  margin-bottom:30px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(10,10,9,.18);
}
body[data-route="artists"] .artist-filter-tabs,
body[data-route="explore"] .work-filter-tabs{
  display:flex;
  flex:1 1 auto;
  align-items:center;
  gap:clamp(20px,2.4vw,38px);
  width:auto;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
body[data-route="artists"] .artist-filter-tabs::-webkit-scrollbar,
body[data-route="explore"] .work-filter-tabs::-webkit-scrollbar{display:none}
body[data-route="artists"] .artist-filter-tabs button,
body[data-route="explore"] .work-filter-tabs button,
body[data-route="explore"] .work-availability-toggle{
  position:relative;
  flex:0 0 auto;
  min-height:38px;
  padding:11px 0 12px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#77736c;
  font-family:var(--sans);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}
body[data-route="artists"] .artist-filter-tabs button::after,
body[data-route="explore"] .work-filter-tabs button::after,
body[data-route="explore"] .work-availability-toggle::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--ink);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
body[data-route="artists"] .artist-filter-tabs button:hover,
body[data-route="artists"] .artist-filter-tabs button.active,
body[data-route="explore"] .work-filter-tabs button:hover,
body[data-route="explore"] .work-filter-tabs button.active,
body[data-route="explore"] .work-availability-toggle:hover,
body[data-route="explore"] .work-availability-toggle.active{
  color:var(--ink);
}
body[data-route="artists"] .artist-filter-tabs button.active::after,
body[data-route="explore"] .work-filter-tabs button.active::after,
body[data-route="explore"] .work-availability-toggle.active::after{
  transform:scaleX(1);
}
body[data-route="artists"] .artist-filter-tabs button:focus-visible,
body[data-route="explore"] .work-filter-tabs button:focus-visible,
body[data-route="explore"] .work-availability-toggle:focus-visible{
  outline:1px solid var(--ink);
  outline-offset:5px;
}
body[data-route="explore"] .work-availability-toggle{
  display:block;
  min-height:38px;
  padding:11px 0 12px;
  border:0;
}
body[data-route="explore"] .work-availability-toggle>span{display:none}

body[data-route="artists"] .artist-directory-actions,
body[data-route="explore"] .works-directory-actions{
  display:flex;
  flex:0 1 auto;
  align-items:flex-end;
  justify-content:flex-end;
  gap:18px;
  width:auto;
  max-width:100%;
  min-width:0;
}
body[data-route="artists"] .artist-sort-control,
body[data-route="explore"] .work-sort-control{
  flex:0 1 168px;
  width:168px;
  min-width:142px;
  gap:5px;
}
body[data-route="artists"] .artist-sort-control>span,
body[data-route="explore"] .work-sort-control>span,
body[data-route="artists"] .artist-directory-actions .directory-view>span,
body[data-route="explore"] .works-directory-actions .directory-view>span{
  color:#77736c;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}
body[data-route="artists"] .artist-sort-control select,
body[data-route="explore"] .work-sort-control select{
  min-height:38px!important;
  height:38px!important;
  padding:6px 28px 7px 0!important;
  border-width:0 0 1px!important;
  border-style:solid!important;
  border-color:rgba(10,10,9,.24)!important;
  border-radius:0!important;
  background-color:transparent!important;
  color:var(--ink)!important;
  font-size:11px!important;
  font-weight:520!important;
  line-height:1.2!important;
}
body[data-route="artists"] .artist-directory-actions .directory-view,
body[data-route="explore"] .works-directory-actions .directory-view{
  display:flex;
  flex:0 0 auto;
  align-items:flex-end;
  justify-content:flex-end;
  gap:4px;
  min-width:0;
}
body[data-route="artists"] .artist-directory-actions .directory-view>span,
body[data-route="explore"] .works-directory-actions .directory-view>span{
  align-self:center;
  margin-right:4px;
}
body[data-route="artists"] .artist-directory-actions .directory-view button,
body[data-route="explore"] .works-directory-actions .directory-view button{
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:1px solid rgba(10,10,9,.16)!important;
  border-radius:4px!important;
  background:transparent!important;
  color:var(--ink);
}
body[data-route="artists"] .artist-directory-actions .directory-view button:hover,
body[data-route="explore"] .works-directory-actions .directory-view button:hover{
  border-color:var(--ink)!important;
  background:#fff!important;
}
body[data-route="artists"] .artist-directory-actions .directory-view button.active,
body[data-route="explore"] .works-directory-actions .directory-view button.active{
  border-color:var(--ink)!important;
  background:var(--ink)!important;
  color:#fff;
}

@media(max-width:1180px){
  body[data-route="artists"] .artist-directory-toolbar.refined,
  body[data-route="explore"] .works-directory-toolbar.refined{
    align-items:stretch;
    flex-direction:column;
    gap:18px;
  }
  body[data-route="artists"] .artist-filter-tabs,
  body[data-route="explore"] .work-filter-tabs{
    width:100%;
  }
  body[data-route="artists"] .artist-directory-actions,
  body[data-route="explore"] .works-directory-actions{
    width:100%;
    min-width:0;
    justify-content:flex-end;
  }
}
@media(max-width:700px){
  body[data-route="artists"] .artist-directory-toolbar.refined,
  body[data-route="explore"] .works-directory-toolbar.refined{
    gap:16px;
    margin-bottom:24px;
  }
  body[data-route="artists"] .artist-directory-actions,
  body[data-route="explore"] .works-directory-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:14px 16px;
  }
  body[data-route="explore"] .work-availability-toggle{
    grid-column:1/-1;
    justify-self:start;
  }
  body[data-route="artists"] .artist-sort-control,
  body[data-route="explore"] .work-sort-control{
    width:100%;
    min-width:0;
  }
  body[data-route="artists"] .artist-directory-actions .directory-view,
  body[data-route="explore"] .works-directory-actions .directory-view{
    justify-self:end;
  }
}
@media(max-width:430px){
  body[data-route="artists"] .artist-directory-actions,
  body[data-route="explore"] .works-directory-actions{
    grid-template-columns:1fr;
  }
  body[data-route="artists"] .artist-directory-actions .directory-view,
  body[data-route="explore"] .works-directory-actions .directory-view{
    justify-self:start;
  }
}


/* v1.8.37 — exhibition directory grid/list balance and shared public controls. */
body[data-route="exhibitions"] .exhibitions-directory-toolbar.refined{
  display:flex;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  align-items:flex-end;
  gap:clamp(24px,3vw,52px);
  margin-bottom:30px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(10,10,9,.18);
}
body[data-route="exhibitions"] .exhibition-filter-tabs{
  display:flex;
  flex:1 1 auto;
  align-items:center;
  gap:clamp(20px,2.4vw,38px);
  width:auto;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
body[data-route="exhibitions"] .exhibition-filter-tabs::-webkit-scrollbar{display:none}
body[data-route="exhibitions"] .exhibition-filter-tabs button{
  position:relative;
  flex:0 0 auto;
  min-height:38px;
  padding:11px 0 12px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#77736c;
  font-family:var(--sans);
  font-size:10px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}
body[data-route="exhibitions"] .exhibition-filter-tabs button::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:var(--ink);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .18s ease;
}
body[data-route="exhibitions"] .exhibition-filter-tabs button:hover,
body[data-route="exhibitions"] .exhibition-filter-tabs button.active{color:var(--ink)}
body[data-route="exhibitions"] .exhibition-filter-tabs button.active::after{transform:scaleX(1)}
body[data-route="exhibitions"] .exhibition-filter-tabs button:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
body[data-route="exhibitions"] .exhibitions-directory-actions{
  display:flex;
  flex:0 1 auto;
  align-items:flex-end;
  justify-content:flex-end;
  gap:18px;
  width:auto;
  max-width:100%;
  min-width:0;
}
body[data-route="exhibitions"] .exhibition-sort-control{
  display:grid;
  flex:0 1 168px;
  width:168px;
  min-width:142px;
  gap:5px;
}
body[data-route="exhibitions"] .exhibition-sort-control>span,
body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view>span{
  color:#77736c;
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}
body[data-route="exhibitions"] .exhibition-sort-control select{
  min-height:38px!important;
  height:38px!important;
  padding:6px 28px 7px 0!important;
  border-width:0 0 1px!important;
  border-style:solid!important;
  border-color:rgba(10,10,9,.24)!important;
  border-radius:0!important;
  background-color:transparent!important;
  color:var(--ink)!important;
  font-size:11px!important;
  font-weight:520!important;
  line-height:1.2!important;
}
body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view{
  display:flex;
  flex:0 0 auto;
  align-items:flex-end;
  justify-content:flex-end;
  gap:4px;
  min-width:0;
}
body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view>span{align-self:center;margin-right:4px}
body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view button{
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:1px solid rgba(10,10,9,.16)!important;
  border-radius:4px!important;
  background:transparent!important;
  color:var(--ink);
}
body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view button:hover{
  border-color:var(--ink)!important;
  background:#fff!important;
}
body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view button.active{
  border-color:var(--ink)!important;
  background:var(--ink)!important;
  color:#fff;
}

/* v1.9.237 — canonical public exhibition index and event-card system. */
.exhibitions-featured-hero{
  padding:clamp(82px,7vw,118px) var(--page-x) clamp(54px,5vw,78px);
  background:var(--paper-2);
  border-bottom:1px solid var(--line)
}
.exhibitions-featured-head,
.exhibitions-featured-hero>.public-exhibition-card,
.exhibitions-index-section>.public-directory-toolbar,
.exhibitions-index-section>.public-exhibition-grid,
.exhibitions-index-section>.empty{
  width:100%;
  max-width:var(--page-max);
  margin-left:auto;
  margin-right:auto
}
.exhibitions-featured-head{margin-bottom:28px}
.exhibitions-featured-head .eyebrow{margin:0 0 11px}
.exhibitions-featured-head h1{
  max-width:850px;
  margin:0;
  font-family:var(--sans);
  font-size:clamp(48px,5.6vw,84px);
  font-weight:520;
  line-height:.96;
  letter-spacing:-.06em
}
.exhibitions-index-section{padding-top:34px;background:var(--paper-2)}
.exhibitions-featured-empty{margin-top:18px}

.public-exhibition-card,
.public-exhibition-card.featured{
  min-width:0;
  min-height:0;
  color:var(--ink);
  background:transparent;
  border:0;
  box-shadow:none;
  transform:none
}
.public-exhibition-media{
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#e9e9e5
}
.public-exhibition-media>img,
.public-exhibition-media>video,
.public-exhibition-media>iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
  object-position:50% 50%
}
.public-exhibition-copy{
  min-width:0;
  color:var(--ink);
  background:#fff;
  border:1px solid var(--line)
}
.exhibition-card-kicker{margin:0 0 10px}
.exhibition-card-kicker small{
  color:var(--muted);
  font-size:9px;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase
}
.public-exhibition-copy h3{
  margin:0;
  font-family:var(--sans);
  font-weight:560;
  letter-spacing:-.045em;
  line-height:1.02
}
.exhibition-card-artists{margin:9px 0 0;color:var(--ink);font-size:12px;font-weight:560;line-height:1.45}
.exhibition-card-summary{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.exhibition-card-facts{display:grid;margin:0;padding:0;border:0}
.exhibition-card-facts>div{min-width:0}
.exhibition-card-facts dt{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.exhibition-card-facts dd{margin:4px 0 0;color:var(--ink);font-size:11px;line-height:1.4}
.exhibition-card-link{display:flex;align-items:center;color:var(--ink)}
.exhibition-card-link .ui-icon{width:18px;height:18px;transition:transform .18s ease}
.public-exhibition-card:hover .exhibition-card-link .ui-icon{transform:translateX(4px)}

/* Featured exhibition: one large event card instead of a generic page hero. */
.exhibitions-featured-hero>.public-exhibition-card.featured{
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(340px,.62fr);
  overflow:hidden;
  border-radius:18px
}
.exhibitions-featured-hero>.public-exhibition-card.featured .public-exhibition-media{
  min-height:clamp(420px,46vw,620px);
  border-radius:18px 0 0 18px
}
.exhibitions-featured-hero>.public-exhibition-card.featured .public-exhibition-copy{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
  padding:clamp(28px,3vw,48px);
  border-left:0;
  border-radius:0 18px 18px 0
}
.exhibitions-featured-hero>.public-exhibition-card.featured .public-exhibition-copy h3{font-size:clamp(38px,4.2vw,68px)}
.exhibitions-featured-hero>.public-exhibition-card.featured .exhibition-card-summary{max-width:48ch;font-size:14px;line-height:1.58}
.exhibitions-featured-hero>.public-exhibition-card.featured .exhibition-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;padding-top:20px;border-top:1px solid var(--line)}
.exhibitions-featured-hero>.public-exhibition-card.featured .exhibition-card-link{margin-top:2px}

/* Grid view: image plus a white rounded information base, like a quiet event flyer. */
.public-exhibition-grid.index-grid.grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(28px,3vw,48px) clamp(18px,2vw,30px);
  border:0
}
.public-exhibition-grid.index-grid.grid .public-exhibition-card{
  display:flex;
  flex-direction:column
}
.public-exhibition-grid.index-grid.grid .public-exhibition-media{
  width:100%;
  aspect-ratio:16/10;
  border-radius:15px 15px 0 0
}
.public-exhibition-grid.index-grid.grid .public-exhibition-copy{
  position:relative;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:18px;
  padding:22px 22px 20px;
  border-top:0;
  border-radius:0 0 15px 15px
}
.public-exhibition-grid.index-grid.grid .public-exhibition-copy h3{font-size:clamp(27px,2.25vw,38px)}
.public-exhibition-grid.index-grid.grid .exhibition-card-summary{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.public-exhibition-grid.index-grid.grid .exhibition-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.public-exhibition-grid.index-grid.grid .exhibition-card-link{justify-content:flex-end;margin-top:0}

/* List view: the same flyer becomes a compact horizontal event card. */
.public-exhibition-grid.index-grid.list{display:grid;gap:12px;border:0}
.public-exhibition-grid.index-grid.list .public-exhibition-card{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  overflow:hidden;
  border-radius:14px
}
.public-exhibition-grid.index-grid.list .public-exhibition-media{width:190px;min-height:128px;border-radius:14px 0 0 14px}
.public-exhibition-grid.index-grid.list .public-exhibition-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,.65fr) 22px;
  gap:clamp(20px,2.5vw,42px);
  align-items:center;
  padding:20px 22px;
  border-left:0;
  border-radius:0 14px 14px 0
}
.public-exhibition-grid.index-grid.list .public-exhibition-copy h3{font-size:clamp(22px,2vw,32px)}
.public-exhibition-grid.index-grid.list .exhibition-card-summary{display:none}
.public-exhibition-grid.index-grid.list .exhibition-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px}
.public-exhibition-grid.index-grid.list .exhibition-card-facts>div:nth-child(3),
.public-exhibition-grid.index-grid.list .exhibition-card-facts>div:nth-child(4){display:none}
.public-exhibition-grid.index-grid.list .exhibition-card-link{justify-content:flex-end}

@media(max-width:1280px){
  .public-exhibition-grid.index-grid.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exhibitions-featured-hero>.public-exhibition-card.featured{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
}
@media(max-width:1050px){
  body[data-route="exhibitions"] .exhibitions-directory-toolbar.refined{align-items:stretch;flex-direction:column;gap:16px}
  body[data-route="exhibitions"] .exhibition-filter-tabs{width:100%}
  body[data-route="exhibitions"] .exhibitions-directory-actions{width:100%;justify-content:flex-start}
  .exhibitions-featured-hero>.public-exhibition-card.featured{grid-template-columns:1fr}
  .exhibitions-featured-hero>.public-exhibition-card.featured .public-exhibition-media{min-height:0;aspect-ratio:16/9;border-radius:18px 18px 0 0}
  .exhibitions-featured-hero>.public-exhibition-card.featured .public-exhibition-copy{border-top:0;border-left:1px solid var(--line);border-radius:0 0 18px 18px}
  .public-exhibition-grid.index-grid.list .public-exhibition-copy{grid-template-columns:minmax(0,1fr) auto}
  .public-exhibition-grid.index-grid.list .exhibition-card-facts{grid-column:1/-1}
  .public-exhibition-grid.index-grid.list .exhibition-card-link{grid-column:2;grid-row:1}
}
@media(max-width:760px){
  .exhibitions-featured-hero{padding-top:58px;padding-bottom:42px}
  .public-exhibition-grid.index-grid.grid{grid-template-columns:1fr}
  .public-exhibition-grid.index-grid.list .public-exhibition-card{grid-template-columns:1fr}
  .public-exhibition-grid.index-grid.list .public-exhibition-media{width:100%;aspect-ratio:16/10;border-radius:14px 14px 0 0}
  .public-exhibition-grid.index-grid.list .public-exhibition-copy{grid-template-columns:1fr;padding:20px;border-top:0;border-left:1px solid var(--line);border-radius:0 0 14px 14px}
  .public-exhibition-grid.index-grid.list .exhibition-card-link{grid-column:1;grid-row:auto;justify-content:flex-start}
  body[data-route="exhibitions"] .exhibitions-directory-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 16px}
  body[data-route="exhibitions"] .exhibition-sort-control{width:100%;min-width:0}
}
@media(max-width:480px){
  body[data-route="exhibitions"] .exhibitions-directory-actions{grid-template-columns:1fr}
  body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view{justify-content:flex-start}
  .exhibitions-featured-hero>.public-exhibition-card.featured .exhibition-card-facts,
  .public-exhibition-grid.index-grid.grid .exhibition-card-facts{grid-template-columns:1fr}
}

/* v1.8.40 — optional record connections within Add work and connected-wallet account controls. */
.record-connect-step{display:grid;gap:22px}.record-connect-step>header{display:flex;gap:16px;align-items:flex-start;padding:20px 0 8px;border-bottom:1px solid var(--line,#d9d7d1)}.record-connect-step>header>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#111;color:#fff;flex:0 0 auto}.record-connect-step>header .ui-icon{width:20px}.record-connect-step h2{margin:3px 0 7px;font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.05}.record-connect-step>header p:last-child{max-width:680px;margin:0;color:var(--muted,#686762)}.record-connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.record-connect-grid>article{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:18px;border:1px solid var(--line,#d9d7d1);border-radius:14px;background:rgba(255,255,255,.72)}.record-connect-grid>article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f1f0ec}.record-connect-grid h3{margin:3px 0 6px;font-size:1.04rem}.record-connect-grid p{margin:0;color:var(--muted,#686762);font-size:.92rem;line-height:1.48}.record-connect-grid footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line,#d9d7d1)}.record-connect-grid footer small{max-width:60%;color:var(--muted,#686762)}.record-connect-assurance{margin:0;padding:14px 16px;border-left:2px solid #111;background:#f4f3ef;font-size:.9rem;color:var(--muted,#686762)}.danger-text{color:#8b2e28}.activation-card>p{font-size:.9rem;line-height:1.45;color:inherit}@media(max-width:780px){.record-connect-grid{grid-template-columns:1fr}.record-connect-grid footer{align-items:flex-start;flex-direction:column}.record-connect-grid footer small{max-width:none}}


/* v1.8.41 — readable source ratios, fuller screen review and simplified portable records. */
.presentation-duration{max-width:50%}.presentation-duration label>small,.presentation-metrics label>small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.4}.presentation-metrics{align-items:stretch}.source-dimensions{display:flex;flex-direction:column;justify-content:center;min-height:84px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.52)}.source-dimensions>span{font-size:11px;font-weight:700}.source-dimensions>b{margin-top:9px;font-size:18px;letter-spacing:-.02em}.source-dimensions>small{margin-top:5px;color:var(--muted);font-size:10px}
.work-media-readiness{gap:14px;padding:20px}.work-media-readiness>p{max-width:780px;font-size:12px}.media-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.48)}.media-review-grid article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;min-height:102px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.media-review-grid article:nth-child(2n){border-right:0}.media-review-grid article:nth-last-child(-n+2){border-bottom:0}.media-review-state{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.media-review-state .ui-icon{width:13px;height:13px}.media-review-state>i{width:5px;height:5px;border-radius:50%;background:currentColor}.media-review-state.accepted{background:rgba(78,141,96,.09);color:#356947}.media-review-state.pending{background:rgba(190,142,63,.11);color:#8a6126}.media-review-state.declined{background:rgba(176,72,57,.1);color:#9a4237}.media-review-grid small{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.media-review-grid b{display:block;margin-top:4px;font-size:12px}.media-review-grid p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}
.portable-overview-panel{--portable-hero-size:clamp(280px,19vw,320px);display:grid;grid-template-columns:var(--portable-hero-size) minmax(0,1fr) minmax(250px,.66fr);align-items:stretch;align-self:start;height:var(--portable-hero-size);min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.58)}.portable-overview-media{display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;background:var(--paper-2)}.portable-overview-media img,.portable-overview-media video,.portable-overview-media iframe{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover}.portable-overview-media .audio-preview{width:100%;align-self:center}.portable-overview-copy{min-width:0;padding:clamp(20px,2.2vw,30px)}.portable-overview-copy h2{margin:7px 0 5px;font-size:clamp(28px,2.8vw,40px);line-height:1}.portable-overview-copy>p:not(.eyebrow){margin:0;color:var(--muted)}.portable-overview-copy dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:20px 0 0;border-top:1px solid var(--line)}.portable-overview-copy dl>div{min-width:0;padding:13px 18px 0 0}.portable-overview-copy dt{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portable-overview-copy dd{margin:5px 0 0;font-size:12px;font-weight:700;overflow-wrap:anywhere}.portable-next-step{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(20px,2.2vw,30px);border-left:1px solid var(--line);background:rgba(238,241,239,.52)}.portable-next-step h3{margin:8px 0;font-size:clamp(22px,2.2vw,31px);line-height:1.05}.portable-next-step>p:not(.eyebrow){margin:0 0 20px;color:var(--muted);line-height:1.5}.portable-next-step .button,.portable-next-step .status{align-self:flex-start}
.portable-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.portable-option-card{min-width:0;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.64)}.linked-items{margin-top:16px}
/* Portable publishing uses the same disclosure language as other optional record layers. */
.portable-publish-drawer{margin-top:24px}
.portable-publish-content{padding:16px 20px 18px}
.portable-publish-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.46)}
.portable-publish-step{display:flex;align-items:center;gap:10px;min-width:0;min-height:60px;padding:10px 12px;border-right:1px solid var(--line)}
.portable-publish-step:last-child{border-right:0}
.portable-publish-step>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted)}
.portable-publish-step>span .ui-icon{width:14px;height:14px}
.portable-publish-step>div{display:grid;min-width:0;gap:2px}
.portable-publish-step small{font-family:var(--mono);font-size:8px;color:var(--muted)}
.portable-publish-step b{overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.portable-publish-step.done>span{color:#356947;background:rgba(78,141,96,.09)}
.portable-publish-step.current{background:rgba(238,241,239,.72)}
.portable-publish-step.current>span{color:#fff;background:var(--ink);border-color:var(--ink)}
.portable-publish-step.future{color:var(--muted)}
.portable-publish-current,.portable-publish-complete{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.portable-publish-current>div,.portable-publish-complete>div:first-child{display:grid;gap:3px;min-width:0}
.portable-publish-current .eyebrow{margin:0}
.portable-publish-current b,.portable-publish-complete b{font-size:13px}
.portable-publish-current span,.portable-publish-complete span{color:var(--muted);font-size:10px;line-height:1.4}
.portable-publish-actions{display:flex;align-items:center;gap:8px;flex:none}
.portable-option-drawer{margin-top:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.5)}.portable-option-drawer>summary{display:grid;grid-template-columns:44px minmax(0,1fr) 34px;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}.portable-option-drawer>summary::-webkit-details-marker{display:none}.portable-option-drawer>summary>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--paper-2)}.portable-option-drawer>summary h2{margin:3px 0 4px;font-size:22px}.portable-option-drawer>summary small{display:block;max-width:760px;color:var(--muted);line-height:1.42}.portable-drawer-toggle{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--muted);transition:transform .18s ease,background .18s ease,color .18s ease}.portable-drawer-toggle .ui-icon{width:16px;height:16px}.portable-option-drawer>summary:hover .portable-drawer-toggle{background:var(--paper-2);color:var(--ink)}.portable-option-drawer[open]>summary{border-bottom:1px solid var(--line)}.portable-option-drawer[open]>summary .portable-drawer-toggle{transform:rotate(180deg)}.portable-physical-content{padding:14px 16px 16px}.portable-physical-content .nfc-connect-head{align-items:center;padding-bottom:12px}.portable-physical-content .nfc-connect-head h3{margin:3px 0 0;font-size:18px}.portable-physical-content .nfc-connect-head p{font-size:9px}.portable-physical-content .nfc-journey{grid-template-columns:repeat(3,1fr);margin-top:10px}.portable-physical-content .nfc-journey li{min-height:54px;padding:9px 11px}.portable-physical-content .nfc-empty-state{padding:18px}.portable-physical-content .nfc-tag-grid{grid-template-columns:1fr;gap:10px;margin-top:12px}.nfc-help-drawer{margin-top:12px;border-top:1px solid var(--line)}.nfc-help-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.nfc-help-drawer>summary::-webkit-details-marker{display:none}.nfc-help-drawer>summary .ui-icon{width:15px;height:15px;transition:transform .18s ease}.nfc-help-drawer[open]>summary .ui-icon{transform:rotate(180deg)}.nfc-help-drawer .nfc-app-guidance{margin-top:0}.portable-technical-drawer{margin-top:16px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.5)}.portable-technical-drawer summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:0}.portable-technical-drawer summary:after{display:none;content:none}.portable-technical-drawer[open] summary{border-bottom:1px solid var(--line)}.portable-technical-drawer summary .ui-icon{width:16px;height:16px;color:var(--muted);transition:transform .18s ease}.portable-technical-drawer[open] summary .ui-icon{transform:rotate(180deg)}
@media(max-width:1320px){.portable-overview-panel{--portable-hero-size:240px;grid-template-columns:var(--portable-hero-size) minmax(0,1fr);height:auto}.portable-overview-media{width:var(--portable-hero-size);height:var(--portable-hero-size);aspect-ratio:1/1;align-self:start}.portable-overview-copy{align-self:start}.portable-next-step{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:18px 22px;border-left:0;border-top:1px solid var(--line)}.portable-next-step .eyebrow,.portable-next-step h3,.portable-next-step>p:not(.eyebrow){grid-column:1}.portable-next-step .eyebrow{margin:0}.portable-next-step h3{margin:4px 0}.portable-next-step>p:not(.eyebrow){margin:0}.portable-next-step .button,.portable-next-step .status{grid-column:2;grid-row:1/4;align-self:center}.portable-option-grid{grid-template-columns:1fr}}
@media(max-width:900px){.portable-publish-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.portable-publish-step:nth-child(2){border-right:0}.portable-publish-step:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.portable-publish-steps{grid-template-columns:1fr}.portable-publish-step{border-right:0;border-bottom:1px solid var(--line)}.portable-publish-step:nth-child(2){border-right:0}.portable-publish-step:last-child{border-bottom:0}.portable-publish-current,.portable-publish-complete{align-items:flex-start;flex-direction:column}.portable-publish-actions{width:100%;flex-wrap:wrap}}
@media(max-width:760px){.presentation-duration{max-width:none}.media-review-grid{grid-template-columns:1fr}.media-review-grid article{border-right:0}.media-review-grid article:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.media-review-grid article:last-child{border-bottom:0}.portable-overview-panel{grid-template-columns:1fr;height:auto}.portable-overview-media{width:min(100%,360px);height:auto;min-height:0;max-height:none;aspect-ratio:1/1;justify-self:start}.portable-overview-media img,.portable-overview-media video,.portable-overview-media iframe{height:100%;max-height:none}.portable-overview-copy dl{grid-template-columns:repeat(2,minmax(0,1fr))}.portable-next-step{grid-column:auto;display:flex;padding:20px;border-top:1px solid var(--line)}.portable-next-step .button,.portable-next-step .status{align-self:flex-start}.portable-option-drawer>summary{grid-template-columns:40px minmax(0,1fr) 32px;padding:16px}.portable-physical-content .nfc-connect-head{display:grid}.portable-physical-content .nfc-journey{grid-template-columns:1fr}}


/* v1.8.42 — streamlined work completion, revisitable steps and compact portable-record pathways. */
.studio-work-steps button.available:not(.active){color:var(--ink);cursor:pointer;background:rgba(255,255,255,.55)}
.studio-work-steps button.complete,.studio-work-steps button.available{opacity:1}
.studio-work-steps button:not(:disabled){cursor:pointer}
.work-finish-primary{min-width:190px;justify-content:center}
.record-connect-simplified{gap:16px}
.work-added-confirmation{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;padding:22px;border:1px solid rgba(71,125,85,.22);border-radius:16px;background:rgba(220,235,225,.46)}
.work-added-confirmation>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#111;color:#fff}
.work-added-confirmation>span .ui-icon{width:21px;height:21px}
.work-added-confirmation h2{margin:4px 0 6px;font-size:clamp(1.55rem,2.35vw,2.25rem);line-height:1.05}
.work-added-confirmation p:last-child{max-width:780px;margin:0;color:var(--muted);line-height:1.5}
.record-connect-options{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.5)}
.record-connect-options>summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}
.record-connect-options>summary::-webkit-details-marker{display:none}
.record-connect-options>summary>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--paper-2)}
.record-connect-options>summary h3{margin:3px 0 4px;font-size:18px}
.record-connect-options>summary small{color:var(--muted);line-height:1.4}
.record-connect-options>summary>b{max-width:260px;color:var(--muted);font-size:10px;text-align:right;line-height:1.4}
.record-connect-options[open]>summary{border-bottom:1px solid var(--line)}
.record-connect-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0 20px}
.record-connect-compact-grid>article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.record-connect-compact-grid>article:nth-child(odd){padding-right:20px;border-right:1px solid var(--line)}
.record-connect-compact-grid>article:nth-child(even){padding-left:20px}
.record-connect-compact-grid>article:nth-last-child(-n+2){border-bottom:0}
.record-connect-compact-grid>article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--paper-2)}
.record-connect-compact-grid h3{margin:3px 0 5px;font-size:15px;line-height:1.2}
.record-connect-compact-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.record-connect-compact-grid footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(0,0,0,.07)}
.record-connect-compact-grid footer small{max-width:58%;color:var(--muted);font-size:9px;line-height:1.4}
.record-connect-options .record-connect-assurance{margin:0 20px 20px}
.portable-onchain-drawer{margin-top:18px}
.portable-onchain-content{padding:20px}
.portable-onchain-content .portable-option-grid{margin-top:0}
@media(max-width:900px){.record-connect-compact-grid{grid-template-columns:1fr}.record-connect-compact-grid>article:nth-child(odd),.record-connect-compact-grid>article:nth-child(even){padding:16px 0;border-right:0}.record-connect-compact-grid>article:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.record-connect-compact-grid>article:last-child{border-bottom:0}}
@media(max-width:620px){.record-connect-options>summary{grid-template-columns:40px minmax(0,1fr)}.record-connect-options>summary>b{grid-column:2;max-width:none;text-align:left}.record-connect-compact-grid footer{align-items:flex-start;flex-direction:column}.record-connect-compact-grid footer small{max-width:none}.work-finish-primary{min-width:0}}

/* v1.8.43 — quieter work completion and collapsed optional record pathways. */
.work-added-confirmation{align-items:start}
.work-added-confirmation>span{margin-top:2px}
.work-added-confirmation h2{margin:4px 0 0;font-size:clamp(1.45rem,2.1vw,2rem)}
.work-added-label{max-width:700px;margin-top:17px;padding-top:14px;border-top:1px solid rgba(71,125,85,.2)}
.work-added-label h3{margin:0 0 4px;font-size:16px;line-height:1.25}
.work-added-label p{margin:0;color:var(--ink);font-size:11px;line-height:1.4}
.work-added-label small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}
.work-added-confirmation .work-added-note{max-width:780px;margin:15px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.work-finish-primary{min-width:130px}
@media(max-width:620px){.work-added-confirmation{grid-template-columns:40px minmax(0,1fr);padding:18px}.work-added-confirmation>span{width:40px;height:40px}.work-added-label{margin-top:14px}.work-finish-primary{min-width:0}}

/* v1.8.44 — clearer portable-record links, identifiers and token connections. */
.portable-technical-drawer dl{
  display:block;
  margin:0;
  padding:8px 20px 14px;
}
.portable-identifier-row{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  align-items:center;
  gap:18px;
  min-height:48px;
  border-bottom:1px solid var(--line);
}
.portable-identifier-row:last-child{border-bottom:0}
.portable-identifier-row dt{color:var(--muted)}
.portable-identifier-row dd{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  margin:0;
}
.portable-identifier-row code,
.portable-identifier-value{
  min-width:0;
  overflow-wrap:anywhere;
  font-size:10px;
}
.portable-identifier-value{font-weight:650;color:var(--ink)}
.portable-identifier-link{display:inline-flex;align-items:center;gap:6px;min-width:0;width:max-content;max-width:100%;color:var(--ink);text-decoration:none}
.portable-identifier-link:hover :is(code,span){text-decoration:underline;text-underline-offset:3px}
.portable-identifier-link .ui-icon{flex:0 0 auto;width:13px;height:13px}
.portable-copy-record-button{
  width:34px!important;
  min-width:34px!important;
  padding:0!important;
}
.portable-copy-record-button .ui-icon{width:14px;height:14px}

.portable-onchain-content .portable-option-grid{align-items:stretch}
.portable-token-paths{grid-template-columns:repeat(2,minmax(0,1fr))}
.portable-option-card.onchain-option,
.existing-token-option{
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
}
.portable-option-card.onchain-option>.portable-option-intro{
  padding:18px 20px;
  border-right:0;
  border-bottom:1px solid var(--line);
}
.portable-option-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:13px;
}
.portable-option-head>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:var(--paper-2);
  flex:none;
}
.portable-option-head .eyebrow{margin:0 0 5px}
.portable-option-head h3{margin:0 0 6px;font-size:21px;line-height:1.08}
.portable-option-head p{margin:0;max-width:570px;color:var(--muted);font-size:10.5px;line-height:1.5}
.portable-chain-meta{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.portable-chain-meta>span{display:flex;align-items:center;gap:7px;font-weight:650;white-space:nowrap}
.portable-chain-meta .ui-icon{width:15px;height:15px}
.portable-chain-meta code{font-size:9px;color:var(--ink)}
.portable-chain-meta small{font-size:9px}
.portable-contract-link{display:inline-flex;align-items:center;justify-self:end;gap:6px;min-width:0;max-width:100%;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.portable-contract-link code{min-width:0;overflow-wrap:anywhere;text-align:right}
.portable-contract-link .ui-icon{width:13px;height:13px;flex:none}
.portable-contract-address{justify-self:end;min-width:0;overflow-wrap:anywhere;text-align:right}
.portable-mint-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,.42fr);
  gap:16px 18px;
  align-items:end;
  padding:18px 20px 20px;
  border-top:1px solid var(--line);
  background:color-mix(in srgb,var(--studio-violet-bg,#f5f1fb) 44%,#fff);
}
.portable-mint-copy{align-self:start}
.portable-mint-copy .eyebrow{margin:0 0 5px}
.portable-mint-copy h3{margin:0 0 6px;font-size:18px;line-height:1.12}
.portable-mint-copy p{margin:0;max-width:560px;color:var(--muted);font-size:10px;line-height:1.48}
.portable-mint-form>label{align-self:end}
.portable-mint-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px}
.portable-mint-foot>span{color:var(--muted);font-size:9.5px;line-height:1.4}

.portable-mint-state{
  display:grid;
  gap:16px;
  min-height:0;
  padding:18px 20px 20px;
  flex:1;
  border-top:1px solid var(--line);
  background:color-mix(in srgb,var(--studio-violet-bg,#f5f1fb) 44%,#fff);
  color:var(--ink);
}
.portable-mint-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.portable-token-number{color:var(--muted);font-size:10px;font-weight:650}
.portable-mint-identity .eyebrow{margin:0 0 5px}
.portable-mint-identity h3{margin:0 0 5px;font-size:20px;line-height:1.08}
.portable-mint-identity p:last-child{margin:0;max-width:560px;color:var(--muted);font-size:10px;line-height:1.45}
.portable-mint-state dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line)}
.portable-mint-state dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.portable-mint-state dl>div:nth-child(odd){padding-right:16px}
.portable-mint-state dl>div:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.portable-mint-state dt{color:var(--muted);font-size:9.5px}
.portable-mint-state dd{min-width:0;margin:0;color:var(--ink);font-size:10.5px;font-weight:650;overflow-wrap:anywhere}
.portable-mint-state code{color:var(--ink);font-size:9.5px}
.portable-mint-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.portable-mint-actions .button .ui-icon{width:13px;height:13px}
.portable-token-prerequisite{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:13px;
  min-height:96px;
  padding:14px 20px 16px;
  background:color-mix(in srgb,var(--studio-violet-bg,#f5f1fb) 68%,#fff);
}
.portable-prereq-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff}
.portable-prereq-icon .ui-icon{width:19px;height:19px}
.portable-token-prerequisite>div{display:grid;gap:4px;min-width:0}
.portable-token-prerequisite b{font-size:13px}
.portable-token-prerequisite>div>span{max-width:520px;color:var(--muted);font-size:10px;line-height:1.45}
.portable-token-prerequisite.warning{background:var(--studio-ochre-bg,#f8f2e5)}
.portable-token-prerequisite.warning .portable-prereq-icon{background:var(--studio-ochre-line,#b69251)}
.existing-token-option>header{
  position:relative;
  padding:18px 20px 16px;
}
.existing-token-option>header::after{
  content:"";
  position:absolute;
  right:20px;
  bottom:0;
  left:20px;
  height:1px;
  background:var(--line);
}
.portable-existing-token-body{display:flex;flex:1;flex-direction:column;padding:16px 20px 18px}
.portable-token-form{
  display:grid;
  gap:10px;
}
.portable-token-coordinates{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr) minmax(0,.95fr);gap:10px;align-items:start}
.portable-token-coordinates label,.portable-token-coordinates input{min-width:0}
.portable-token-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.portable-token-secondary label,.portable-token-secondary input{min-width:0}
.portable-token-network-hint{display:block;margin:-1px 0 1px;color:var(--muted);font-size:9px;line-height:1.4}
.portable-token-form label>small{display:inline;margin-left:4px}
.portable-token-form .button{justify-self:start;margin-top:4px}
.portable-existing-token-body .linked-items{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid var(--line);
}
.portable-existing-token-body .linked-items>.eyebrow{margin-bottom:10px}

@media(max-width:1240px){
  .portable-token-paths{grid-template-columns:1fr}
  .portable-token-coordinates{grid-template-columns:minmax(0,.7fr) minmax(0,1.55fr) minmax(0,.85fr)}
}
@media(max-width:900px){
  .portable-token-coordinates{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .portable-token-coordinates label:nth-child(2){grid-column:1/-1;grid-row:2}
  .portable-token-coordinates label:nth-child(3){grid-column:2;grid-row:1}
}

@media(max-width:760px){
  .portable-mint-state dl{grid-template-columns:1fr}
  .portable-mint-state dl>div:nth-child(odd),
  .portable-mint-state dl>div:nth-child(even){padding-right:0;padding-left:0;border-left:0}
  .portable-identifier-row{grid-template-columns:1fr;gap:4px;padding:11px 0}
  .portable-identifier-row dd{grid-template-columns:minmax(0,1fr) auto}
  .portable-token-form .two{grid-template-columns:1fr}
  .portable-token-coordinates,
  .portable-token-secondary{grid-template-columns:1fr}
  .portable-chain-meta{grid-template-columns:1fr;gap:8px}
  .portable-contract-link,.portable-contract-address{justify-self:start;text-align:left}
}

/* Rights declarations and public reporting. */
.work-rights-declaration{
  display:grid;
  gap:16px;
  margin-bottom:22px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--paper-2) 68%,#fff);
}
.work-rights-intro{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.work-rights-intro>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:none;
  border-radius:12px;
  background:#fff;
  border:1px solid var(--line);
}
.work-rights-intro .ui-icon{width:18px;height:18px}
.work-rights-intro h3{margin:5px 0 6px;font-size:19px;letter-spacing:-.025em}
.work-rights-intro p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.rights-declaration-check{
  display:flex!important;
  align-items:flex-start;
  gap:12px!important;
  margin:0!important;
  padding:15px 16px;
  border:1px solid var(--line-strong);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  cursor:pointer;
}
.rights-declaration-check input{
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin:1px 0 0!important;
  flex:none;
  accent-color:var(--ink);
}
.rights-declaration-check span{display:grid;gap:4px}
.rights-declaration-check b{font-size:12px;line-height:1.4}
.rights-declaration-check small{color:var(--muted);font-size:10px;line-height:1.5}
.work-rights-declaration details{
  padding-top:2px;
  color:var(--muted);
}
.work-rights-declaration summary{
  width:max-content;
  max-width:100%;
  color:var(--ink);
  font-size:10px;
  font-weight:650;
  cursor:pointer;
}
.work-rights-declaration details p{max-width:720px;margin:10px 0 0;font-size:10px;line-height:1.6}

.record-report-link{
  display:inline-flex;
  align-items:center;
  margin-top:18px;
  padding:0 0 3px;
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  color:var(--muted);
  font:600 10px/1.2 var(--sans);
  cursor:pointer;
}
.record-report-link:hover{color:var(--ink)}
.connected-record-report{display:flex;justify-content:flex-end;margin-top:18px}

.linked-items{display:grid;gap:10px}
.linked-token-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:15px 0;
  border-top:1px solid var(--line);
}
.linked-token-item:first-of-type{border-top:0}
.linked-token-item>div{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:5px 10px;min-width:0}
.linked-token-item .status{grid-row:1/4;align-self:start}
.linked-token-item b,.linked-token-item small,.linked-token-item p{grid-column:2;margin:0;min-width:0;overflow-wrap:anywhere}
.linked-token-item b{font-size:12px}
.linked-token-item small{color:var(--muted);font-size:9px}
.linked-token-item p{color:var(--muted);font-size:10px;line-height:1.5}
.linked-token-item .button{flex:none}


@media(max-width:720px){
  .portable-mint-form{grid-template-columns:1fr}
  .portable-mint-foot{align-items:stretch;flex-direction:column}
  .portable-mint-foot .button{width:100%;justify-content:center}
}
@media(max-width:620px){
  .work-rights-declaration{padding:16px}
  .work-rights-intro{display:grid}
  .linked-token-item{align-items:stretch;flex-direction:column}
  .linked-token-item .button{width:100%}
  .connected-record-report{justify-content:flex-start}
}

/* v1.8.47 — read-only Content Credentials evidence. */
.content-credentials-review{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.42)}
.content-credentials-review>div{display:grid;gap:3px;min-width:0}.content-credentials-review b{font-size:11px}.content-credentials-review small{color:var(--muted);font-size:9px;line-height:1.5}.content-credentials-review .button{flex:none}

@media(max-width:620px){.content-credentials-review{align-items:stretch;flex-direction:column}.content-credentials-review .button{width:100%}}

/* v1.8.48 — visible staging context without changing production presentation. */
.staging-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid currentColor;border-radius:999px;font:600 10px/1 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.site-header .staging-badge{margin-left:12px}@media(max-width:980px){.site-header .staging-badge{margin-left:auto;margin-right:10px}.site-header .head-actions{margin-left:0}}@media(max-width:600px){.site-header .staging-badge{font-size:9px;padding:3px 6px}}


/* v1.8.48.1 — staging identification remains in metadata/Admin without altering public navigation. */
.staging-badge{display:none!important}

/* v1.8.49 — public curator presence and contextual curator profiles. */
body[data-route="curators"],body[data-route="curator"]{overflow-x:clip;background:#fdfdfc}
body[data-route="curators"] #app,body[data-route="curator"] #app{min-width:0;max-width:100%;overflow-x:clip}
body[data-route="curators"] #main-content,body[data-route="curator"] #main-content{min-width:0;max-width:100%;background:#fdfdfc;overflow-x:clip}
body[data-route="curators"] .site-header,body[data-route="curator"] .site-header{background:rgba(253,253,252,.95)}
body[data-route="curators"] .site-footer,body[data-route="curator"] .site-footer{background:var(--night)}

.curator-index-hero{display:grid;grid-template-columns:minmax(330px,.67fr) minmax(520px,1.33fr);gap:clamp(50px,7vw,112px);align-items:center;padding:clamp(78px,8vw,125px) var(--page-x) clamp(65px,7vw,105px);border-bottom:1px solid var(--line)}
.curator-index-hero h1{margin:14px 0 22px;font-family:var(--sans);font-size:clamp(42px,4.5vw,67px);font-weight:520;letter-spacing:-.062em;line-height:.96}
.curator-index-hero>div:first-child>p:not(.eyebrow){max-width:575px;color:var(--muted);font-size:16px;line-height:1.58}
.curator-index-hero-media{position:relative;height:min(36vh,370px);overflow:hidden;background:var(--paper-2)}
.curator-index-hero-media>img,.curator-index-hero-media>video{width:100%;height:100%;object-fit:cover}
.curator-index-hero-media>div:last-child:not(.curator-index-placeholder){position:absolute;right:0;bottom:0;left:0;padding:34px 30px 25px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.76));color:#fff}
.curator-index-hero-media span{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.78}
.curator-index-hero-media h2{margin:7px 0 3px;font-size:26px;font-weight:560;letter-spacing:-.04em}
.curator-index-hero-media small{font-size:12px;opacity:.8}
.curator-index-placeholder,.curator-card-placeholder{display:grid;width:100%;height:100%;place-items:center;background:var(--paper-2);color:var(--muted)}
.curator-index-placeholder .ui-icon,.curator-card-placeholder .ui-icon{width:34px;height:34px}

.curators-section .curator-directory-toolbar.refined{display:flex;width:100%;max-width:var(--page-max);min-width:0;box-sizing:border-box;align-items:flex-end;gap:clamp(24px,3vw,52px);margin-bottom:30px;padding-bottom:14px;border-bottom:1px solid rgba(10,10,9,.18)}
.curator-filter-tabs{display:flex;flex:1 1 auto;align-items:center;gap:clamp(20px,2.4vw,38px);min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none}
.curator-filter-tabs::-webkit-scrollbar{display:none}
.curator-filter-tabs button{position:relative;flex:0 0 auto;min-height:38px;padding:11px 0 12px;border:0;border-radius:0;background:transparent;color:#77736c;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.curator-filter-tabs button::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.curator-filter-tabs button:hover,.curator-filter-tabs button.active{color:var(--ink)}
.curator-filter-tabs button.active::after{transform:scaleX(1)}
.curator-filter-tabs button:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
.curator-directory-actions{display:flex;flex:0 1 auto;align-items:flex-end;justify-content:flex-end;gap:18px;min-width:0;max-width:100%}
.curator-sort-control{display:grid;flex:0 1 168px;width:168px;min-width:142px;gap:5px}
.curator-sort-control>span,.curator-directory-actions .directory-view>span{color:#77736c;font-size:9px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}
.curator-sort-control select{min-height:38px!important;height:38px!important;padding:6px 28px 7px 0!important;border-width:0 0 1px!important;border-style:solid!important;border-color:rgba(10,10,9,.24)!important;border-radius:0!important;background-color:transparent!important;color:var(--ink)!important;font-size:11px!important;font-weight:520!important;line-height:1.2!important}
.curator-directory-actions .directory-view{display:flex;flex:0 0 auto;align-items:flex-end;justify-content:flex-end;gap:4px;min-width:0}
.curator-directory-actions .directory-view>span{align-self:center;margin-right:4px}
.curator-directory-actions .directory-view button{width:38px;height:38px;min-width:38px;padding:0;border:1px solid rgba(10,10,9,.16)!important;border-radius:4px!important;background:transparent!important;color:var(--ink)}
.curator-directory-actions .directory-view button:hover{border-color:var(--ink)!important;background:#fff!important}
.curator-directory-actions .directory-view button.active{border-color:var(--ink)!important;background:var(--ink)!important;color:#fff}

.curator-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--public-directory-column-gap);row-gap:var(--public-directory-row-gap);max-width:var(--page-max);margin:0 auto}
.curator-index-card{display:flex;min-width:0;flex-direction:column;color:var(--ink)}
.curator-index-card header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin-bottom:13px}
.curator-index-card h3{margin:0 0 4px;font-size:22px;font-weight:560;letter-spacing:-.045em;line-height:1.05}
.curator-index-card header p{margin:0;color:var(--muted);font-size:11px;line-height:1.35}
.curator-index-card header>span{padding-top:3px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.1em;text-align:right;text-transform:uppercase}
.curator-index-focus{min-height:42px;margin:0 0 17px;color:#58554f;font-size:12px;line-height:1.5}
.curator-index-media{aspect-ratio:1.48/1;overflow:hidden;border-radius:var(--public-media-radius);background:var(--paper-2)}
.curator-index-media img,.curator-index-media video{width:100%;height:100%;object-fit:cover;transition:transform .25s ease,filter .25s ease}
.curator-index-card:hover .curator-index-media img,.curator-index-card:hover .curator-index-media video{transform:scale(1.012);filter:saturate(1.03)}
.curator-index-card footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:end;padding-top:13px}
.curator-index-card footer>div{display:grid;gap:4px;min-width:0}
.curator-index-card footer span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.105em;text-transform:uppercase}
.curator-index-card footer b{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.curator-index-card footer small{color:var(--muted);font-size:9px;white-space:nowrap}
.curator-index-card footer .ui-icon{width:15px;height:15px;transition:transform .18s ease}
.curator-index-card:hover footer .ui-icon{transform:translateX(3px)}
.curator-index-grid.list{display:block}
.curator-index-grid.list .curator-index-card{display:grid;grid-template-columns:220px minmax(220px,.8fr) minmax(300px,1.2fr) auto;gap:26px;align-items:center;padding:18px 0;border-top:1px solid rgba(16,16,14,.12)}
.curator-index-grid.list .curator-index-card:last-child{border-bottom:1px solid rgba(16,16,14,.12)}
.curator-index-grid.list .curator-index-card header{grid-template-columns:1fr;margin:0}
.curator-index-grid.list .curator-index-card header>span{padding:0;text-align:left}
.curator-index-grid.list .curator-index-focus{min-height:0;margin:0}
.curator-index-grid.list .curator-index-media{height:96px;aspect-ratio:auto;border-radius:var(--public-media-radius)}
.curator-index-grid.list .curator-index-card footer{grid-template-columns:minmax(0,1fr) auto;padding:0}
.curator-index-grid.list .curator-index-card footer small{display:none}

.curator-public-hero{display:grid;grid-template-columns:minmax(480px,1.25fr) minmax(330px,.75fr);min-height:610px;border-bottom:1px solid var(--line)}
.curator-public-cover{min-height:610px;overflow:hidden;background:var(--paper-2)}
.curator-public-cover img,.curator-public-cover video{width:100%;height:100%;object-fit:cover}
.curator-public-intro{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end;padding:clamp(55px,6vw,92px)}
.curator-public-intro .avatar{width:78px;height:78px;margin-bottom:24px;overflow:hidden;background:var(--ink);color:#fff}
.curator-public-intro h1{margin:12px 0 8px;font-size:clamp(44px,5vw,72px);font-weight:540;letter-spacing:-.06em;line-height:.95}
.curator-public-affiliation{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.4}
.curator-public-focus{max-width:560px;margin:0 0 18px!important;color:var(--ink)!important;font-size:18px!important;line-height:1.4!important}
.curator-public-intro>p:not(.eyebrow):not(.curator-public-affiliation):not(.curator-public-focus){max-width:590px;color:var(--muted);font-size:14px;line-height:1.65}
.curator-public-status{display:grid;gap:5px;margin:24px 0;padding-top:20px;border-top:1px solid var(--line)}
.curator-public-status span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.curator-public-status small{max-width:470px;color:var(--muted);font-size:11px;line-height:1.45}
.curator-public-programs,.curator-public-artists{background:#fdfdfc}
:is(.profile-works,.curator-public-programs,.curator-public-artists) .section-head{margin-bottom:30px}
:is(.profile-works,.curator-public-programs,.curator-public-artists) .section-head h2{margin-top:8px;font-family:var(--sans);font-size:clamp(28px,2.6vw,40px);font-weight:540;line-height:1;letter-spacing:-.04em}
.curator-public-programs .public-exhibition-grid{margin-top:30px}
.curator-artist-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.curator-artist-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.curator-artist-row:nth-child(3n){border-right:0}
.curator-artist-row .avatar{width:42px;height:42px;overflow:hidden;background:var(--ink);color:#fff}
.curator-artist-row>span:nth-child(2){display:grid;gap:3px;min-width:0}
.curator-artist-row b{font-size:13px;font-weight:650}
.curator-artist-row small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.curator-artist-row .ui-icon{width:15px;height:15px;transition:transform .18s ease}
.curator-artist-row:hover .ui-icon{transform:translateX(3px)}
.curator-proposal-options{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:1180px){
  .curators-section .curator-directory-toolbar.refined{align-items:stretch;flex-direction:column;gap:18px}
  .curator-filter-tabs{width:100%}
  .curator-directory-actions{width:100%;justify-content:flex-end}
  .curator-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .curator-index-grid.list .curator-index-card{grid-template-columns:190px minmax(180px,.8fr) minmax(250px,1.2fr) auto}
  .curator-public-hero{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .curator-index-hero,.curator-public-hero{grid-template-columns:1fr}
  .curator-index-hero-media{height:340px}
  .curator-public-cover{min-height:430px}
  .curator-public-hero{min-height:0}
  .curator-public-intro{padding:48px var(--page-x) 62px}
  .curator-artist-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .curator-artist-row:nth-child(3n){border-right:1px solid var(--line)}
  .curator-artist-row:nth-child(2n){border-right:0}
  .curator-proposal-options{grid-template-columns:1fr}
}
@media(max-width:700px){
  .curators-section .curator-directory-toolbar.refined{gap:16px;margin-bottom:24px}
  .curator-directory-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 16px}
  .curator-sort-control{width:100%;min-width:0}
  .curator-directory-actions .directory-view{justify-self:end}
  .curator-index-hero{padding-right:var(--page-x);padding-left:var(--page-x)}
  .curator-index-hero-media{height:280px}
  .curator-index-grid{grid-template-columns:1fr}
  .curator-index-grid.list .curator-index-card{grid-template-columns:1fr;gap:14px}
  .curator-index-grid.list .curator-index-media{height:auto;aspect-ratio:16/8}
  .curator-public-cover{min-height:330px}
  .curator-public-intro h1{font-size:46px}
  .curator-artist-list{grid-template-columns:1fr}
  .curator-artist-row,.curator-artist-row:nth-child(3n){border-right:0}
}

/* Arts Exchange v1.8.55 — simplified homepage hero navigation */
.home-hero-slider{outline:none}
.home-hero-slide{
  position:absolute;inset:0;z-index:0;opacity:0;visibility:hidden;
  transition:opacity .72s ease,visibility 0s linear .72s
}
.home-hero-slide.is-active{z-index:1;opacity:1;visibility:visible;transition-delay:0s}
.home-hero-slider .home-immersive-media{z-index:0}
.home-hero-slider .home-immersive-shade{z-index:1}
.home-hero-slider .home-immersive-copy,.home-hero-slider .home-immersive-meta{z-index:2}
.home-hero-slider:after{z-index:3;pointer-events:none}
.home-hero-slider .home-scroll{z-index:4}
.home-hero-pagination{
  width:min(430px,42vw);display:flex;align-items:center;gap:12px;margin-top:clamp(24px,3vw,38px)
}
.home-hero-pagination button{
  position:relative;flex:1;height:18px;padding:8px 0;border:0;background:transparent;cursor:pointer
}
.home-hero-pagination button:before{
  content:"";display:block;width:100%;height:1px;background:rgba(255,255,255,.42);
  transition:height .18s ease,background .18s ease,opacity .18s ease
}
.home-hero-pagination button:hover:before{background:rgba(255,255,255,.7)}
.home-hero-pagination button.is-active:before{height:3px;background:#fff}
.home-hero-pagination button:focus-visible{outline:none}
.home-hero-pagination button:focus-visible:after{
  content:"";position:absolute;inset:3px -3px;border:1px solid rgba(255,255,255,.72)
}
.home-hero-pagination button span,.home-hero-status{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0
}
@media(max-width:620px){
  .home-hero-pagination{width:min(330px,86vw);gap:9px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.home-hero-slide,.home-hero-pagination button:before{transition:none}}


/* Stage 8.60 — consolidated About + How it works */
.about-merged-hero{align-items:end}
.about-merged-hero h1{max-width:1050px}
.about-merged-intro{display:grid;gap:15px;align-content:end;max-width:670px}
.about-merged-intro p{margin:0;color:var(--muted);font-size:16px;line-height:1.62}
.about-merged-intro .text-link{margin-top:10px}
.about-how,.about-archive,.about-evolution,.about-infrastructure,.about-faq{scroll-margin-top:96px}
.about-section-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:7vw;align-items:end}
.about-section-head>p{max-width:520px;margin:0 0 8px;color:var(--muted);line-height:1.58}
.about-role-grid{margin-top:46px}
.about-process-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-process-line article{min-height:190px;padding:25px 26px;border-right:1px solid var(--line)}
.about-process-line article:last-child{border-right:0}
.about-process-line span{font-family:var(--mono);font-size:9px;color:var(--muted)}
.about-process-line h3{margin:48px 0 8px;font-size:19px}
.about-process-line p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.about-pairing{scroll-margin-top:96px}
.about-archive{background:#f0eee8}
.about-archive-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:end}
.about-archive-head h2{margin:12px 0 0;max-width:900px;font-size:clamp(42px,5vw,78px);line-height:.93;letter-spacing:-.055em}
.about-archive-head h2 em{font-style:normal;font-weight:400}
.about-archive-head dl{display:grid;grid-template-columns:repeat(3,auto);gap:34px;margin:0;padding-bottom:8px}
.about-archive-head dl div{min-width:90px;border-top:1px solid var(--line-strong);padding-top:12px}
.about-archive-head dt{font-size:26px;font-weight:600;letter-spacing:-.04em}
.about-archive-head dd{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}
.about-archive-gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:15px;margin-top:52px}
.about-archive-gallery figure{margin:0}
.about-archive-gallery img{display:block;width:100%;height:clamp(280px,30vw,510px);object-fit:cover;background:#dedbd3}
.about-archive-gallery .archive-poster img{object-position:center}
.about-archive-gallery figcaption{padding-top:10px;color:var(--muted);font-size:10px;line-height:1.4}
.about-archive-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;margin-top:58px;padding-top:30px;border-top:1px solid var(--line)}
.about-archive-copy p{margin:0 0 15px;color:#4f4d47;font-size:15px;line-height:1.65}
.about-evolution{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:10vw}
.about-evolution h2{margin:12px 0;font-size:clamp(42px,4.5vw,68px);line-height:.96}
.about-evolution-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
.about-evolution-copy p{margin:0;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.62}
.about-infrastructure{background:#fff}
.about-infrastructure-head{display:block}
.about-infrastructure-head h2{margin:12px 0 0;font-size:clamp(42px,4.5vw,68px);line-height:.96}
.about-infrastructure-head>p{max-width:920px;margin:24px 0 0;color:var(--muted);line-height:1.6}
.integration-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:52px;border:1px solid var(--line);background:var(--line)}
.integration-grid article{display:flex;min-height:315px;padding:25px;overflow:hidden;flex-direction:column;background:#fff}
.integration-mark{display:inline-flex;align-items:center;width:max-content;min-height:31px;padding:0 11px;border:1px solid var(--line-strong);border-radius:999px;font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.integration-logo-wrap{display:flex;align-items:center;justify-content:flex-start;height:100px;margin-top:24px}
.integration-logo{display:block;width:auto;max-width:145px;height:auto;max-height:74px;object-fit:contain;object-position:left center}
.integration-logo{filter:grayscale(1) brightness(0);color:#0a0a09}
.integration-logo-content-credentials{height:64px}
.integration-logo-ipfs{width:142px;max-width:142px}
.integration-logo-ethereum{height:66px}
.integration-logo-base{width:92px;max-width:92px}
.integration-logo-nfc{width:86px;height:73px}
.integration-logo-rarible{width:62px;height:62px}
.integration-logo-stripe{width:150px;max-width:150px}
.integration-logo-pair{gap:20px}
.integration-logo-divider{display:block;width:1px;height:42px;background:var(--line-strong)}
.integration-card-copy{margin-top:auto}
.integration-grid h3{margin:0 0 8px;font-size:18px}
.integration-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.52}
.integration-external-link{display:inline-block;margin-top:13px;color:var(--ink);font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.integration-external-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.about-provenance{padding-top:clamp(75px,8vw,125px);padding-bottom:clamp(75px,8vw,125px)}
.about-provenance .provenance-flow article{min-height:175px}
.about-faq{scroll-margin-top:96px}

@media(max-width:1100px){
  .about-process-line{grid-template-columns:repeat(2,1fr)}
  .about-process-line article:nth-child(2){border-right:0}
  .about-process-line article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .about-archive-head{grid-template-columns:1fr}
  .about-archive-head dl{justify-content:start}
  .about-archive-gallery{grid-template-columns:1fr 1fr}
  .about-archive-gallery .archive-poster{grid-row:span 2}
  .integration-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .about-section-head,.about-archive-copy,.about-evolution,.about-infrastructure-head{grid-template-columns:1fr}
  .about-evolution-copy{grid-template-columns:1fr}
  .about-process-line{grid-template-columns:1fr}
  .about-process-line article{min-height:0;border-right:0!important;border-bottom:1px solid var(--line)!important}
  .about-process-line article:last-child{border-bottom:0!important}
  .about-process-line h3{margin-top:28px}
  .about-archive-head dl{grid-template-columns:repeat(3,1fr);gap:12px}
  .about-archive-gallery{grid-template-columns:1fr}
  .about-archive-gallery .archive-poster{grid-row:auto}
  .about-archive-gallery img{height:auto;aspect-ratio:4/3}
  .about-archive-gallery .archive-poster img{aspect-ratio:1/1}
  .integration-grid{grid-template-columns:1fr}
  .integration-grid article{min-height:0}
  .integration-grid h3{margin-top:36px}
}


/* Stage 8.64 — static integration cards and updated NFC/Rarible references */
@media(max-width:760px){
  .integration-grid article{min-height:250px}
  .integration-logo-wrap{height:82px;margin-top:20px}
  .integration-logo{max-height:62px}
  .integration-logo-ipfs{width:128px}
  .integration-card-copy h3{margin-top:0}
}


/* Stage 8.65 — cache-safe monochrome integration assets */
.integration-logo{filter:grayscale(1) brightness(0)}

/* Arts Exchange v1.8.67 — refined homepage hero composition */
body[data-route="home"] .site-header{
  background:rgba(7,8,8,.78);
  border-color:rgba(255,255,255,.10);
  -webkit-backdrop-filter:blur(24px) saturate(1.08);
  backdrop-filter:blur(24px) saturate(1.08)
}

@media(min-width:761px){
  .home-immersive-copy{
    bottom:clamp(42px,5.8vh,72px);
    width:min(720px,52vw);
    max-width:none;
    height:clamp(258px,32vh,318px);
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    align-items:start
  }
  .home-immersive-copy .eyebrow{
    margin:0;
    align-self:start
  }
  .home-immersive-copy h1{
    max-width:700px;
    margin:18px 0 0;
    font-size:clamp(52px,7.25vw,112px)!important;
    line-height:.86!important;
    align-self:start
  }
  .home-hero-pagination{
    width:min(430px,100%);
    margin-top:0;
    align-self:end
  }
  .home-hero-pagination button:before{
    position:relative;
    top:4px
  }
  .home-immersive-meta{
    right:var(--page-x);
    bottom:clamp(42px,5.8vh,72px);
    width:min(600px,40vw);
    padding-top:0;
    border-top:0;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto 18px;
    gap:12px 24px;
    align-items:end
  }
  .home-immersive-meta p,
  .home-immersive-meta span{
    white-space:nowrap
  }
  .home-immersive-meta p{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .home-immersive-meta a{
    margin-top:0;
    min-height:18px;
    line-height:18px;
    align-self:end
  }
}

@media(max-width:760px){
  .home-immersive-copy h1{
    font-size:clamp(48px,16vw,84px)!important
  }
  .home-immersive-meta{
    border-top:0;
    padding-top:0
  }
}



/* Arts Exchange v1.8.68 — ink-to-paper header and baseline-anchored hero */
body[data-route="home"] .site-header{
  position:fixed;
  top:0;left:0;right:0;
  color:#fff;
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease
}
body[data-route="home"] .site-header.is-scrolled{
  color:var(--ink);
  background:rgba(248,247,243,.98);
  border-color:var(--line);
  box-shadow:0 1px 0 rgba(12,12,11,.02)
}
body[data-route="home"] .site-header.is-scrolled .brand img{filter:none}
body[data-route="home"] .site-header.is-scrolled .desktop-nav a{color:var(--ink-2)}
body[data-route="home"] .site-header.is-scrolled .button.ghost{color:var(--ink);border-color:var(--line-strong);background:transparent}
body[data-route="home"] .site-header.is-scrolled .button.dark{color:#fff;background:var(--ink);border-color:var(--ink)}
body[data-route="home"] .home-immersive{min-height:100svh}

@media(min-width:761px){
  .home-immersive-copy h1{
    margin:18px 0 20px;
    align-self:end
  }
  .home-immersive-meta{
    right:var(--page-x);
    bottom:clamp(42px,5.8vh,72px);
    width:auto;
    max-width:min(520px,42vw);
    padding-top:0;
    border-top:0;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:8px;
    text-align:right
  }
  .home-immersive-meta p{
    max-width:100%;
    margin:0;
    overflow:visible;
    text-overflow:clip;
    white-space:nowrap
  }
  .home-immersive-meta a{
    margin-top:0;
    min-height:18px;
    line-height:18px;
    align-self:flex-end
  }
}

@media(max-width:760px){
  body[data-route="home"] .home-immersive{min-height:100svh}
  .home-immersive-copy h1{align-self:end}
}

@media(prefers-reduced-motion:reduce){
  body[data-route="home"] .site-header{transition:none}
}

/* Arts Exchange v1.8.69 — natural hero flow and premium material navigation */
/* A restrained system material: warm white, high blur, no dividing rule. */
body:not([data-route="home"]) .site-header,
body[data-route="home"] .site-header.is-scrolled{
  border-bottom:0;
  background:rgba(250,249,246,.91);
  box-shadow:0 10px 34px rgba(12,12,10,.055),inset 0 1px 0 rgba(255,255,255,.78);
  -webkit-backdrop-filter:blur(24px) saturate(1.45);
  backdrop-filter:blur(24px) saturate(1.45)
}
body[data-route="home"] .site-header{
  border-bottom:0;
  transition:background-color .32s cubic-bezier(.2,.7,.2,1),color .24s ease,box-shadow .32s ease,-webkit-backdrop-filter .32s ease,backdrop-filter .32s ease
}
body[data-route="home"] .site-header:not(.is-scrolled){
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none
}

/* Primary wayfinding relies on case and weight rather than an underline. */
.site-header .desktop-nav a{
  padding:11px 0;
  font-size:11px;
  font-weight:500;
  letter-spacing:.105em;
  text-transform:uppercase;
  transition:color .16s ease,font-weight .16s ease,opacity .16s ease
}
.site-header .desktop-nav a:after{content:none;display:none}
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a.active{font-weight:700}
.site-header .desktop-nav a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.mobile-menu nav a{text-transform:uppercase;letter-spacing:.075em}
.mobile-menu nav a.active{font-weight:700}

@media(min-width:761px){
  /* Keep the pagination baseline fixed while the eyebrow and title rise naturally. */
  .home-immersive-copy{
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end
  }
  .home-immersive-copy .eyebrow{align-self:auto}
  .home-immersive-copy h1{
    margin:18px 0 20px;
    align-self:auto
  }
  .home-hero-pagination{flex:0 0 auto;align-self:auto}
}

@media(prefers-reduced-transparency:reduce){
  body:not([data-route="home"]) .site-header,
  body[data-route="home"] .site-header.is-scrolled{
    background:#faf9f6;
    -webkit-backdrop-filter:none;
    backdrop-filter:none
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-route="home"] .site-header,
  .site-header .desktop-nav a{transition:none}
}


/* Arts Exchange v1.8.70 — stable navigation, lighter material glass and clean hero */
/* Keep navigation metrics fixed: hover and active states change tone, never weight. */
.site-header .desktop-nav a{
  font-weight:600;
  color:rgba(10,10,9,.58);
  transition:color .14s ease,opacity .14s ease
}
.site-header .desktop-nav a:hover,
.site-header .desktop-nav a.active{
  font-weight:600;
  color:var(--ink)
}
body[data-route="home"] .site-header:not(.is-scrolled) .desktop-nav a{
  color:rgba(255,255,255,.74)
}
body[data-route="home"] .site-header:not(.is-scrolled) .desktop-nav a:hover,
body[data-route="home"] .site-header:not(.is-scrolled) .desktop-nav a.active{
  color:#fff
}

/* A lighter material layer: lower blur and opacity retain a visible sense of depth. */
body:not([data-route="home"]) .site-header,
body[data-route="home"] .site-header.is-scrolled{
  background:rgba(250,249,246,.74);
  box-shadow:0 8px 28px rgba(12,12,10,.045),inset 0 1px 0 rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(10px) saturate(1.18);
  backdrop-filter:blur(10px) saturate(1.18)
}

/* Remove the decorative diagonal rule from the homepage stage. */
.home-immersive:after{content:none;display:none}

@media(prefers-reduced-transparency:reduce){
  body:not([data-route="home"]) .site-header,
  body[data-route="home"] .site-header.is-scrolled{
    background:#faf9f6;
    -webkit-backdrop-filter:none;
    backdrop-filter:none
  }
}

/* Arts Exchange v1.8.71 — transparent-to-solid public header */
/* Keep the homepage header invisible over the artwork, then resolve to a clean solid surface. */
body:not([data-route="home"]) .site-header,
body[data-route="home"] .site-header.is-scrolled{
  background:var(--surface-strong);
  border-bottom:0;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none
}
body[data-route="home"] .site-header{
  border-bottom:0;
  transition:background-color .24s ease,color .2s ease
}
body[data-route="home"] .site-header:not(.is-scrolled){
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none
}

@media(prefers-reduced-motion:reduce){
  body[data-route="home"] .site-header{transition:none}
}

/* Arts Exchange v1.8.72 — directional public header and corrected homepage wayfinding */
/* The homepage has no active primary item: preserve a clear neutral-to-dark hover change after the hero. */
body[data-route="home"] .site-header.is-scrolled .desktop-nav a{
  color:rgba(10,10,9,.56)
}
body[data-route="home"] .site-header.is-scrolled .desktop-nav a:hover,
body[data-route="home"] .site-header.is-scrolled .desktop-nav a.active{
  color:var(--ink)
}

/* Hide on deliberate downward travel and return immediately when direction reverses. */
.site-header{
  transition:transform .22s cubic-bezier(.2,.7,.2,1),background-color .24s ease,color .2s ease
}
.site-header.is-auto-hidden{
  transform:translateY(calc(-100% - 2px))
}
.public-index-nav{transition:top .22s cubic-bezier(.2,.7,.2,1)}
body.header-is-hidden .public-index-nav{
  top:0
}

@media(prefers-reduced-motion:reduce){
  .site-header{transition:background-color .24s ease,color .2s ease}
  .public-index-nav{transition:none}
  .site-header.is-auto-hidden{transform:translateY(calc(-100% - 2px))}
}



/* Arts Exchange v1.8.73 — calm public header motion and concise navigation */
/* Slightly tighter tracking keeps the primary navigation crisp without feeling mechanical. */
.site-header .desktop-nav a{
  letter-spacing:.072em
}
.mobile-menu nav a{
  letter-spacing:.052em
}

/* A slower, high-damping movement prevents small scroll reversals from feeling abrasive. */
.site-header{
  transform:translate3d(0,0,0);
  transition:transform .44s cubic-bezier(.22,1,.36,1),background-color .34s cubic-bezier(.22,1,.36,1),color .26s ease
}
.site-header.is-auto-hidden{
  transform:translate3d(0,-100%,0)
}
.public-index-nav{
  transition:top .44s cubic-bezier(.22,1,.36,1)
}

@media(prefers-reduced-motion:reduce){
  .site-header{transition:background-color .24s ease,color .2s ease}
  .public-index-nav{transition:none}
}

/* Arts Exchange v1.8.74 — continuous homepage surface and softened directional reveal */
/*
  The homepage header now resolves from transparent to paper over a broad scroll band.
  Its visual state follows scroll progress rather than switching at the hero edge.
*/
body[data-route="home"] .site-header,
body[data-route="home"] .site-header.is-scrolled{
  color:var(--home-header-fg,#fff);
  background:rgba(250,249,246,var(--home-header-surface,0));
  border-bottom:0;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none
}
body[data-route="home"] .site-header .brand img,
body[data-route="home"] .site-header.is-scrolled .brand img{
  filter:brightness(0) invert(var(--home-header-logo-invert,1))
}
body[data-route="home"] .site-header .desktop-nav a,
body[data-route="home"] .site-header.is-scrolled .desktop-nav a{
  color:var(--home-header-nav,rgba(255,255,255,.74))
}
body[data-route="home"] .site-header .desktop-nav a:hover,
body[data-route="home"] .site-header .desktop-nav a.active,
body[data-route="home"] .site-header.is-scrolled .desktop-nav a:hover,
body[data-route="home"] .site-header.is-scrolled .desktop-nav a.active{
  color:var(--home-header-fg,#fff)
}
body[data-route="home"] .site-header .button.ghost,
body[data-route="home"] .site-header.is-scrolled .button.ghost{
  color:var(--home-header-fg,#fff);
  border-color:var(--home-header-outline,rgba(255,255,255,.42));
  background:transparent
}
body[data-route="home"] .site-header .button.dark,
body[data-route="home"] .site-header.is-scrolled .button.dark{
  color:var(--home-header-cta-fg,#0b0b0a);
  background:var(--home-header-cta-bg,#fff);
  border-color:var(--home-header-cta-bg,#fff)
}
body[data-route="home"] .site-header .mobile-menu summary{
  border-color:var(--home-header-outline,rgba(255,255,255,.42))
}
body[data-route="home"] .site-header .mobile-menu summary span{
  background:var(--home-header-fg,#fff)
}

/*
  Visibility motion is intentionally slower than the state change: the header fades and
  travels as one quiet surface, while stronger directional thresholds prevent twitching.
*/
.site-header{
  opacity:1;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  will-change:transform,opacity;
  transition:transform .56s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1)
}
.site-header.is-auto-hidden{
  opacity:0;
  transform:translate3d(0,calc(-100% - 8px),0);
  pointer-events:none
}
.public-index-nav{
  transition:top .56s cubic-bezier(.22,1,.36,1)
}

@media(prefers-reduced-motion:reduce){
  .site-header{
    transition:none;
    will-change:auto
  }
  .public-index-nav{transition:none}
}

/* Arts Exchange v1.8.75 — simple homepage header transition */
/*
  The homepage uses only two states: transparent over the complete hero, then the
  regular solid public header. It remains visible on Home; directional auto-hide
  continues only on the other public-facing pages.
*/
body[data-route="home"] .site-header,
body[data-route="home"] .site-header.is-scrolled,
body[data-route="home"] .site-header.is-auto-hidden{
  opacity:1;
  transform:none;
  pointer-events:auto;
  will-change:auto;
  border-bottom:0;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  transition:background-color .52s cubic-bezier(.22,1,.36,1)
}
body[data-route="home"] .site-header:not(.is-scrolled){
  color:#fff;
  background:transparent
}
body[data-route="home"] .site-header.is-scrolled{
  color:var(--ink);
  background:var(--surface-strong)
}

/* The identity changes state cleanly; only the header surface fades. */
body[data-route="home"] .site-header .brand img{
  transition:none
}
body[data-route="home"] .site-header:not(.is-scrolled) .brand img{
  filter:brightness(0) invert(1)
}
body[data-route="home"] .site-header.is-scrolled .brand img{
  filter:none
}
body[data-route="home"] .site-header:not(.is-scrolled) .desktop-nav a{
  color:rgba(255,255,255,.74)
}
body[data-route="home"] .site-header:not(.is-scrolled) .desktop-nav a:hover,
body[data-route="home"] .site-header:not(.is-scrolled) .desktop-nav a.active{
  color:#fff
}
body[data-route="home"] .site-header.is-scrolled .desktop-nav a{
  color:rgba(10,10,9,.56)
}
body[data-route="home"] .site-header.is-scrolled .desktop-nav a:hover,
body[data-route="home"] .site-header.is-scrolled .desktop-nav a.active{
  color:var(--ink)
}
body[data-route="home"] .site-header:not(.is-scrolled) .button.ghost{
  color:#fff;
  border-color:rgba(255,255,255,.42);
  background:transparent
}
body[data-route="home"] .site-header:not(.is-scrolled) .button.dark{
  color:#0b0b0a;
  background:#fff;
  border-color:#fff
}
body[data-route="home"] .site-header.is-scrolled .button.ghost{
  color:var(--ink);
  border-color:var(--line-strong);
  background:transparent
}
body[data-route="home"] .site-header.is-scrolled .button.dark{
  color:#fff;
  background:var(--ink);
  border-color:var(--ink)
}
body[data-route="home"] .site-header:not(.is-scrolled) .mobile-menu summary{
  border-color:rgba(255,255,255,.42)
}
body[data-route="home"] .site-header:not(.is-scrolled) .mobile-menu summary span{
  background:#fff
}
body[data-route="home"] .site-header.is-scrolled .mobile-menu summary{
  border-color:var(--line-strong)
}
body[data-route="home"] .site-header.is-scrolled .mobile-menu summary span{
  background:var(--ink)
}

@media(prefers-reduced-motion:reduce){
  body[data-route="home"] .site-header{transition:none}
}

/* Arts Exchange v1.8.76 — unified directional header with an earlier homepage surface fade */
/*
  Home keeps the same directional hide/reveal behaviour as the rest of the public site.
  Its only exception is the transparent hero state: the solid surface begins resolving
  shortly before the artwork stage ends, avoiding a hard change at the exact boundary.
*/
body[data-route="home"] .site-header,
body[data-route="home"] .site-header.is-scrolled{
  opacity:1;
  transform:translate3d(0,0,0);
  pointer-events:auto;
  will-change:transform,opacity;
  transition:
    transform .56s cubic-bezier(.22,1,.36,1),
    opacity .42s cubic-bezier(.22,1,.36,1),
    background-color .62s cubic-bezier(.22,1,.36,1)
}
body[data-route="home"] .site-header.is-auto-hidden{
  opacity:0;
  transform:translate3d(0,calc(-100% - 8px),0);
  pointer-events:none
}

@media(prefers-reduced-motion:reduce){
  body[data-route="home"] .site-header{
    transition:none;
    will-change:auto
  }
}

/* Arts Exchange v1.8.77 — quieter public directories and simplified Artists controls */
/*
  Directory pages now begin with the work itself rather than a second editorial hero.
  The Artists toolbar uses sentence-case availability choices and compact direct sorting.
*/
body[data-route="artists"] .artists-section.directory-only,
body[data-route="explore"] .explore-section.directory-only,
body[data-route="curators"] .curators-section.directory-only{
  padding-top:clamp(64px,7vw,108px)
}

body[data-route="artists"] .artist-directory-toolbar.refined{
  align-items:center;
  margin-bottom:34px;
  padding-bottom:0;
  border-bottom:0
}
body[data-route="artists"] .artist-filter-tabs{
  gap:clamp(20px,2.4vw,36px)
}
body[data-route="artists"] .artist-filter-tabs button{
  min-height:36px;
  padding:8px 0;
  color:#87837c;
  font-size:13px;
  font-weight:560;
  letter-spacing:0;
  line-height:1.15;
  text-transform:none;
  transition:color .18s ease
}
body[data-route="artists"] .artist-filter-tabs button::after{
  content:none;
  display:none
}
body[data-route="artists"] .artist-filter-tabs button:hover,
body[data-route="artists"] .artist-filter-tabs button.active{
  color:var(--ink)
}
body[data-route="artists"] .artist-filter-tabs button.active{
  font-weight:650
}

body[data-route="artists"] .artist-directory-actions{
  align-items:center;
  gap:20px
}
body[data-route="artists"] .artist-sort-control{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  width:auto;
  min-width:0;
  gap:10px
}
body[data-route="artists"] .artist-sort-control>span{
  color:#77736c;
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap
}
body[data-route="artists"] .directory-sort-buttons{
  display:flex;
  align-items:center;
  gap:3px
}
body[data-route="artists"] .directory-sort-buttons button{
  min-height:34px;
  padding:7px 8px;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#8b877f;
  font:inherit;
  font-size:11px;
  font-weight:560;
  letter-spacing:.01em;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease
}
body[data-route="artists"] .directory-sort-buttons button:hover{
  color:var(--ink)
}
body[data-route="artists"] .directory-sort-buttons button.active{
  background:#efeee9;
  color:var(--ink);
  font-weight:650
}
body[data-route="artists"] .directory-sort-buttons button:focus-visible{
  outline:1px solid var(--ink);
  outline-offset:2px
}
body[data-route="artists"] .artist-directory-actions .directory-view{
  align-items:center
}
body[data-route="artists"] .artists-section>.directory-count{
  justify-content:flex-start;
  margin-bottom:34px
}

@media(max-width:700px){
  body[data-route="artists"] .artists-section.directory-only,
  body[data-route="explore"] .explore-section.directory-only,
  body[data-route="curators"] .curators-section.directory-only{
    padding-top:42px
  }
  body[data-route="artists"] .artist-directory-toolbar.refined{
    gap:18px
  }
  body[data-route="artists"] .artist-directory-actions{
    align-items:center
  }
  body[data-route="artists"] .artist-sort-control{
    width:auto
  }
}
@media(max-width:430px){
  body[data-route="artists"] .artist-directory-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
  }
  body[data-route="artists"] .artist-directory-actions .directory-view{
    margin-left:auto
  }
}

/* Arts Exchange v1.8.78 — stable Artists controls and restored directory divider */
/*
  Availability, sort and view controls use fixed weight and dimensions so hover and
  active states never alter layout. The toolbar divider returns as a quiet structural
  separator, while selected and hover actions share the same monochrome inversion.
*/
body[data-route="artists"] .artist-directory-toolbar.refined{
  margin-bottom:18px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(10,10,9,.16)
}

body[data-route="artists"] .artist-filter-tabs button,
body[data-route="artists"] .artist-filter-tabs button:hover,
body[data-route="artists"] .artist-filter-tabs button.active{
  font-weight:600
}
body[data-route="artists"] .artist-filter-tabs button{
  color:#817d76;
  transition:color .2s cubic-bezier(.22,1,.36,1)
}
body[data-route="artists"] .artist-filter-tabs button:hover,
body[data-route="artists"] .artist-filter-tabs button.active{
  color:var(--ink)
}

body[data-route="artists"] .directory-sort-buttons button{
  min-width:42px;
  font-weight:600;
  transition:
    background-color .2s cubic-bezier(.22,1,.36,1),
    border-color .2s cubic-bezier(.22,1,.36,1),
    color .2s cubic-bezier(.22,1,.36,1)
}
body[data-route="artists"] .directory-sort-buttons button:last-child{
  min-width:58px
}
body[data-route="artists"] .directory-sort-buttons button:hover,
body[data-route="artists"] .directory-sort-buttons button.active{
  background:var(--ink);
  color:#fff;
  font-weight:600
}

body[data-route="artists"] .artist-directory-actions .directory-view button{
  transition:
    background-color .2s cubic-bezier(.22,1,.36,1),
    border-color .2s cubic-bezier(.22,1,.36,1),
    color .2s cubic-bezier(.22,1,.36,1)
}
body[data-route="artists"] .artist-directory-actions .directory-view button:hover,
body[data-route="artists"] .artist-directory-actions .directory-view button.active{
  border-color:var(--ink)!important;
  background:var(--ink)!important;
  color:#fff
}

body[data-route="artists"] .artists-section>.directory-count{
  margin-bottom:34px
}

@media(prefers-reduced-motion:reduce){
  body[data-route="artists"] .artist-filter-tabs button,
  body[data-route="artists"] .directory-sort-buttons button,
  body[data-route="artists"] .artist-directory-actions .directory-view button{
    transition:none
  }
}

/* Arts Exchange v1.8.79 — consistent public directory filters */
/*
  Curators, Works and Exhibitions now follow the stable Artists control system:
  sentence-case filters, fixed-weight states, direct A–Z / Recent sorting,
  monochrome selected actions and a quiet structural divider.
*/
:is(
  body[data-route="curators"] .curator-directory-toolbar.refined,
  body[data-route="explore"] .works-directory-toolbar.refined,
  body[data-route="exhibitions"] .exhibitions-directory-toolbar.refined
){
  display:flex;
  width:100%;
  max-width:var(--page-max);
  box-sizing:border-box;
  align-items:center;
  justify-content:space-between;
  gap:clamp(24px,3vw,52px);
  margin:0 auto 18px;
  padding:0 0 20px;
  border-bottom:1px solid rgba(10,10,9,.16)
}

:is(
  body[data-route="curators"] .curator-filter-tabs,
  body[data-route="explore"] .work-filter-tabs,
  body[data-route="exhibitions"] .exhibition-filter-tabs
){
  display:flex;
  flex:1 1 auto;
  align-items:center;
  gap:clamp(20px,2.4vw,36px);
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:none
}
:is(
  body[data-route="curators"] .curator-filter-tabs,
  body[data-route="explore"] .work-filter-tabs,
  body[data-route="exhibitions"] .exhibition-filter-tabs
)::-webkit-scrollbar{display:none}

:is(
  body[data-route="curators"] .curator-filter-tabs button,
  body[data-route="explore"] .work-filter-tabs button,
  body[data-route="exhibitions"] .exhibition-filter-tabs button
){
  position:relative;
  flex:0 0 auto;
  min-height:36px;
  padding:8px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#817d76;
  font-family:var(--sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.15;
  text-transform:none;
  white-space:nowrap;
  cursor:pointer;
  transition:color .2s cubic-bezier(.22,1,.36,1)
}
:is(
  body[data-route="curators"] .curator-filter-tabs button,
  body[data-route="explore"] .work-filter-tabs button,
  body[data-route="exhibitions"] .exhibition-filter-tabs button
)::after{
  content:none!important;
  display:none!important
}
:is(
  body[data-route="curators"] .curator-filter-tabs button:hover,
  body[data-route="curators"] .curator-filter-tabs button.active,
  body[data-route="explore"] .work-filter-tabs button:hover,
  body[data-route="explore"] .work-filter-tabs button.active,
  body[data-route="exhibitions"] .exhibition-filter-tabs button:hover,
  body[data-route="exhibitions"] .exhibition-filter-tabs button.active
){color:var(--ink)}
:is(
  body[data-route="curators"] .curator-filter-tabs button:focus-visible,
  body[data-route="explore"] .work-filter-tabs button:focus-visible,
  body[data-route="exhibitions"] .exhibition-filter-tabs button:focus-visible
){outline:1px solid var(--ink);outline-offset:4px}

:is(
  body[data-route="curators"] .curator-directory-actions,
  body[data-route="explore"] .works-directory-actions,
  body[data-route="exhibitions"] .exhibitions-directory-actions
){
  display:flex;
  flex:0 1 auto;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
  width:auto;
  max-width:100%;
  min-width:0
}

:is(
  body[data-route="curators"] .curator-sort-control,
  body[data-route="explore"] .work-sort-control,
  body[data-route="exhibitions"] .exhibition-sort-control
){
  display:flex;
  flex:0 0 auto;
  align-items:center;
  width:auto;
  min-width:0;
  gap:10px
}
:is(
  body[data-route="curators"] .curator-sort-control>span,
  body[data-route="explore"] .work-sort-control>span,
  body[data-route="exhibitions"] .exhibition-sort-control>span,
  body[data-route="curators"] .curator-directory-actions .directory-view>span,
  body[data-route="explore"] .works-directory-actions .directory-view>span,
  body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view>span
){
  color:#77736c;
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap
}

:is(
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons{
  display:flex;
  align-items:center;
  gap:3px
}
:is(
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button{
  min-width:42px;
  min-height:34px;
  padding:7px 8px;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#8b877f;
  font:inherit;
  font-size:11px;
  font-weight:600;
  letter-spacing:.01em;
  cursor:pointer;
  transition:
    background-color .2s cubic-bezier(.22,1,.36,1),
    border-color .2s cubic-bezier(.22,1,.36,1),
    color .2s cubic-bezier(.22,1,.36,1)
}
:is(
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button:last-child{min-width:58px}
:is(
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button:hover,
:is(
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button.active{
  background:var(--ink);
  color:#fff
}
:is(
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button:focus-visible{
  outline:1px solid var(--ink);
  outline-offset:2px
}

/* Works retains availability as an additional direct filter, using the same stable state. */
body[data-route="explore"] .work-availability-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 10px;
  border:1px solid rgba(10,10,9,.16);
  border-radius:3px;
  background:transparent;
  color:#817d76;
  font:inherit;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:
    background-color .2s cubic-bezier(.22,1,.36,1),
    border-color .2s cubic-bezier(.22,1,.36,1),
    color .2s cubic-bezier(.22,1,.36,1)
}
body[data-route="explore"] .work-availability-toggle>span{display:none}
body[data-route="explore"] .work-availability-toggle:hover,
body[data-route="explore"] .work-availability-toggle.active{
  border-color:var(--ink);
  background:var(--ink);
  color:#fff
}
body[data-route="explore"] .work-availability-toggle:focus-visible{
  outline:1px solid var(--ink);
  outline-offset:2px
}

:is(
  body[data-route="curators"] .curator-directory-actions .directory-view,
  body[data-route="explore"] .works-directory-actions .directory-view,
  body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view
){
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-width:0
}
:is(
  body[data-route="curators"] .curator-directory-actions .directory-view>span,
  body[data-route="explore"] .works-directory-actions .directory-view>span,
  body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view>span
){align-self:center;margin-right:4px}
:is(
  body[data-route="curators"] .curator-directory-actions .directory-view button,
  body[data-route="explore"] .works-directory-actions .directory-view button,
  body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view button
){
  width:38px;
  height:38px;
  min-width:38px;
  padding:0;
  border:1px solid rgba(10,10,9,.16)!important;
  border-radius:4px!important;
  background:transparent!important;
  color:var(--ink);
  transition:
    background-color .2s cubic-bezier(.22,1,.36,1),
    border-color .2s cubic-bezier(.22,1,.36,1),
    color .2s cubic-bezier(.22,1,.36,1)
}
:is(
  body[data-route="curators"] .curator-directory-actions .directory-view button:hover,
  body[data-route="curators"] .curator-directory-actions .directory-view button.active,
  body[data-route="explore"] .works-directory-actions .directory-view button:hover,
  body[data-route="explore"] .works-directory-actions .directory-view button.active,
  body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view button:hover,
  body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view button.active
){
  border-color:var(--ink)!important;
  background:var(--ink)!important;
  color:#fff
}

:is(
  body[data-route="curators"] .curators-section>.directory-count,
  body[data-route="explore"] .explore-section>.directory-count,
  body[data-route="exhibitions"] .exhibitions-index-section>.directory-count
){margin-bottom:34px}

@media(max-width:1180px){
  body[data-route="explore"] .works-directory-toolbar.refined{
    align-items:stretch;
    flex-direction:column;
    gap:18px
  }
  body[data-route="explore"] .work-filter-tabs{width:100%}
  body[data-route="explore"] .works-directory-actions{width:100%;justify-content:flex-end}
}
@media(max-width:920px){
  body[data-route="curators"] .curator-directory-toolbar.refined,
  body[data-route="exhibitions"] .exhibitions-directory-toolbar.refined{
    align-items:stretch;
    flex-direction:column;
    gap:18px
  }
  body[data-route="curators"] .curator-filter-tabs,
  body[data-route="exhibitions"] .exhibition-filter-tabs{width:100%}
  body[data-route="curators"] .curator-directory-actions,
  body[data-route="exhibitions"] .exhibitions-directory-actions{width:100%;justify-content:flex-end}
}
@media(max-width:700px){
  :is(
    body[data-route="curators"] .curator-directory-toolbar.refined,
    body[data-route="explore"] .works-directory-toolbar.refined,
    body[data-route="exhibitions"] .exhibitions-directory-toolbar.refined
  ){
    gap:16px;
    margin-bottom:18px;
    padding-bottom:18px
  }
  :is(
    body[data-route="curators"] .curator-directory-actions,
    body[data-route="explore"] .works-directory-actions,
    body[data-route="exhibitions"] .exhibitions-directory-actions
  ){
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:14px 16px
  }
  :is(
    body[data-route="curators"] .curator-sort-control,
    body[data-route="explore"] .work-sort-control,
    body[data-route="exhibitions"] .exhibition-sort-control
  ){width:auto;min-width:0}
}
@media(max-width:480px){
  :is(
    body[data-route="curators"] .curator-directory-actions,
    body[data-route="explore"] .works-directory-actions,
    body[data-route="exhibitions"] .exhibitions-directory-actions
  ){
    display:flex;
    width:100%;
    justify-content:space-between
  }
  body[data-route="explore"] .work-availability-toggle{
    flex:1 1 100%;
    justify-content:flex-start;
    width:max-content;
    max-width:max-content
  }
  :is(
    body[data-route="curators"] .curator-directory-actions .directory-view,
    body[data-route="explore"] .works-directory-actions .directory-view,
    body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view
  ){margin-left:auto}
}

@media(prefers-reduced-motion:reduce){
  :is(
    body[data-route="curators"] .curator-filter-tabs button,
    body[data-route="explore"] .work-filter-tabs button,
    body[data-route="exhibitions"] .exhibition-filter-tabs button,
    body[data-route="curators"] .directory-sort-buttons button,
    body[data-route="explore"] .directory-sort-buttons button,
    body[data-route="exhibitions"] .directory-sort-buttons button,
    body[data-route="explore"] .work-availability-toggle,
    body[data-route="curators"] .curator-directory-actions .directory-view button,
    body[data-route="explore"] .works-directory-actions .directory-view button,
    body[data-route="exhibitions"] .exhibitions-directory-actions .directory-view button
  ){transition:none}
}


/* v1.9.237 — canonical public directory toolbar.
   One compact grid owns Artists, Curators, Works and Exhibitions. The filter rail
   never receives a flex basis, so narrowing the viewport cannot create vertical space. */
:is(
  body[data-route="artists"] .artist-directory-toolbar.public-directory-toolbar,
  body[data-route="curators"] .curator-directory-toolbar.public-directory-toolbar,
  body[data-route="explore"] .works-directory-toolbar.public-directory-toolbar,
  body[data-route="exhibitions"] .exhibitions-directory-toolbar.public-directory-toolbar
){
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  width:100%;
  max-width:var(--page-max);
  min-width:0;
  box-sizing:border-box;
  align-items:center;
  gap:18px clamp(24px,3vw,52px);
  margin:0 auto 42px;
  padding:0 0 20px;
  border-bottom:1px solid rgba(10,10,9,.16)
}

:is(
  body[data-route="artists"] .artist-directory-toolbar.public-directory-toolbar,
  body[data-route="curators"] .curator-directory-toolbar.public-directory-toolbar
) .directory-primary-spacer{
  display:block;
  min-width:0
}

:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-primary-filters{
  display:flex;
  width:100%;
  min-width:0;
  min-height:38px;
  align-items:center;
  gap:clamp(20px,2.4vw,36px);
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:none
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-primary-filters::-webkit-scrollbar{display:none}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-primary-filters button{
  position:relative;
  flex:0 0 auto;
  min-height:38px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#817d76;
  font-family:var(--sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:0;
  line-height:38px;
  text-transform:none;
  white-space:nowrap;
  cursor:pointer;
  transition:color .2s cubic-bezier(.22,1,.36,1)
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-primary-filters button::after{content:none;display:none}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-primary-filters button:hover,
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-primary-filters button.active{color:var(--ink)}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-primary-filters button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}

:is(
  body[data-route="artists"] .artist-directory-actions.public-directory-actions,
  body[data-route="curators"] .curator-directory-actions.public-directory-actions,
  body[data-route="explore"] .works-directory-actions.public-directory-actions,
  body[data-route="exhibitions"] .exhibitions-directory-actions.public-directory-actions
){
  display:flex;
  width:auto;
  min-width:0;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:14px 20px
}

:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"]
) .directory-availability-toggle{
  display:inline-flex;
  flex:0 0 auto;
  height:38px;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  border:1px solid rgba(10,10,9,.16);
  border-radius:4px;
  background:transparent;
  color:#817d76;
  font-family:var(--sans);
  font-size:11px;
  font-weight:600;
  letter-spacing:.01em;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1)
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"]
) .directory-availability-toggle:hover,
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"]
) .directory-availability-toggle.active{
  border-color:var(--ink);
  background:var(--ink);
  color:#fff
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"]
) .directory-availability-toggle:focus-visible{outline:1px solid var(--ink);outline-offset:2px}

:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-control{
  display:flex;
  flex:0 0 auto;
  width:auto;
  min-width:0;
  height:38px;
  align-items:center;
  gap:10px
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-control>span,
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .public-directory-actions .directory-view>span{
  color:#77736c;
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons{
  display:flex;
  height:38px;
  align-items:center;
  gap:3px
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button{
  min-width:42px;
  height:38px;
  min-height:38px;
  padding:0 8px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#8b877f;
  font-family:var(--sans);
  font-size:11px;
  font-weight:600;
  letter-spacing:.01em;
  line-height:1;
  cursor:pointer;
  transition:background-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1)
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button:last-child{min-width:58px}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button:hover,
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button.active{background:var(--ink);color:#fff}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .directory-sort-buttons button:focus-visible{outline:1px solid var(--ink);outline-offset:2px}

:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .public-directory-actions .directory-view{
  display:flex;
  flex:0 0 auto;
  height:38px;
  min-width:0;
  align-items:center;
  justify-content:flex-start;
  gap:4px
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .public-directory-actions .directory-view>span{align-self:center;margin-right:4px}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .public-directory-actions .directory-view button{
  display:grid;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  padding:0;
  place-items:center;
  border:1px solid rgba(10,10,9,.16);
  border-radius:4px;
  background:transparent;
  color:var(--ink);
  transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1)
}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .public-directory-actions .directory-view button .ui-icon{width:18px;height:18px}
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .public-directory-actions .directory-view button:hover,
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .public-directory-actions .directory-view button.active{
  border-color:var(--ink);
  background:var(--ink);
  color:#fff
}

@media(max-width:1240px){
  :is(
    body[data-route="explore"] .works-directory-toolbar.public-directory-toolbar,
    body[data-route="exhibitions"] .exhibitions-directory-toolbar.public-directory-toolbar
  ){
    grid-template-columns:minmax(0,1fr)
  }
  :is(
    body[data-route="explore"] .works-directory-actions.public-directory-actions,
    body[data-route="exhibitions"] .exhibitions-directory-actions.public-directory-actions
  ){
    width:100%;
    justify-self:start;
    justify-content:flex-start
  }
}
@media(max-width:700px){
  :is(
    body[data-route="artists"] .artist-directory-toolbar.public-directory-toolbar,
    body[data-route="curators"] .curator-directory-toolbar.public-directory-toolbar,
    body[data-route="explore"] .works-directory-toolbar.public-directory-toolbar,
    body[data-route="exhibitions"] .exhibitions-directory-toolbar.public-directory-toolbar
  ){
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    margin-bottom:30px;
    padding-bottom:18px
  }
  :is(
    body[data-route="artists"] .artist-directory-toolbar.public-directory-toolbar,
    body[data-route="curators"] .curator-directory-toolbar.public-directory-toolbar
  ) .directory-primary-spacer{display:none}
  :is(
    body[data-route="artists"] .artist-directory-actions.public-directory-actions,
    body[data-route="curators"] .curator-directory-actions.public-directory-actions,
    body[data-route="explore"] .works-directory-actions.public-directory-actions,
    body[data-route="exhibitions"] .exhibitions-directory-actions.public-directory-actions
  ){
    width:100%;
    justify-self:start;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:14px 16px
  }
}
@media(max-width:480px){
  :is(
    body[data-route="artists"],
    body[data-route="curators"],
    body[data-route="explore"],
    body[data-route="exhibitions"]
  ) .directory-primary-filters{gap:22px}
  :is(
    body[data-route="artists"],
    body[data-route="curators"],
    body[data-route="explore"],
    body[data-route="exhibitions"]
  ) .public-directory-actions .directory-view{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  :is(
    body[data-route="artists"],
    body[data-route="curators"],
    body[data-route="explore"],
    body[data-route="exhibitions"]
  ) .directory-primary-filters button,
  :is(
    body[data-route="artists"],
    body[data-route="curators"],
    body[data-route="explore"],
    body[data-route="exhibitions"]
  ) .directory-sort-buttons button,
  :is(
    body[data-route="artists"],
    body[data-route="curators"],
    body[data-route="explore"],
    body[data-route="exhibitions"]
  ) .directory-availability-toggle,
  :is(
    body[data-route="artists"],
    body[data-route="curators"],
    body[data-route="explore"],
    body[data-route="exhibitions"]
  ) .public-directory-actions .directory-view button{transition:none}
}


/* Arts Exchange v1.8.82 — count-free directory rhythm */
/*
  Public directory counts and cross-directory prompts are removed so early-stage
  cohort size does not dominate the browsing experience. One shared measured gap
  now separates every toolbar divider from its first card or empty state.
*/
:is(
  body[data-route="artists"],
  body[data-route="curators"],
  body[data-route="explore"],
  body[data-route="exhibitions"]
) .public-directory-toolbar{
  margin-bottom:42px!important
}

@media(max-width:700px){
  :is(
    body[data-route="artists"],
    body[data-route="curators"],
    body[data-route="explore"],
    body[data-route="exhibitions"]
  ) .public-directory-toolbar{
    margin-bottom:30px!important
  }
}


/* Arts Exchange v1.8.83 — Works filter label and typography */
/*
  Uses the clearer singular availability label and aligns work-category labels
  with the 11px action controls in the same toolbar.
*/
body[data-route="explore"] .works-directory-toolbar.refined .directory-primary-filters button{
  font-size:11px;
  font-weight:600;
  letter-spacing:.01em
}
body[data-route="explore"] .works-directory-actions.public-directory-actions{gap:10px}
body[data-route="explore"] .works-directory-actions .directory-sort-control{gap:0}
body[data-route="explore"] .works-directory-actions .directory-sort-buttons{gap:2px}
body[data-route="explore"] .works-directory-actions .directory-view{gap:3px}

/* Arts Exchange v1.8.84 — homepage copy and pairing-step refinement */

/* Arts Exchange v1.8.85 — consolidated About narrative and exhibition archive */
.about-story{
  position:relative;
  padding-top:clamp(145px,13vw,220px);
  padding-bottom:clamp(82px,8vw,132px);
  overflow:hidden;
  background:#fff
}
.about-story-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(60px,9vw,150px);
  align-items:start
}
.about-story-heading h1{
  max-width:880px;
  margin:16px 0 0;
  font-size:clamp(60px,7vw,112px);
  line-height:.88;
  letter-spacing:-.06em
}
.about-story-copy{
  display:grid;
  gap:18px;
  padding-top:38px;
  max-width:760px
}
.about-story-copy p{margin:0;color:var(--muted);font-size:16px;line-height:1.64}
.about-story-copy .about-story-lead{color:var(--ink);font-size:clamp(23px,2vw,34px);font-weight:650;line-height:1.22;letter-spacing:-.025em}
.about-story-actions{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:12px}
.about-evolution-rail{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:clamp(22px,3vw,48px);
  align-items:center;
  margin-top:clamp(62px,7vw,105px);
  padding:clamp(28px,3vw,46px);
  background:var(--paper-2)
}
.about-evolution-rail article{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px 24px;align-items:start}
.about-evolution-rail article>span{grid-row:1/3;padding-top:4px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.about-evolution-rail strong{font-size:clamp(20px,1.7vw,28px);line-height:1.12;letter-spacing:-.025em}
.about-evolution-rail p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.about-evolution-rail>i{display:grid;place-items:center;color:var(--muted)}
.about-evolution-rail>i .ui-icon{width:28px;height:28px}
.about-origin-note{max-width:1040px;margin:26px 0 0;color:var(--muted);font-size:12px;line-height:1.62}

.about-how,.about-archive,.about-portable,.about-infrastructure,.about-faq,#display-pairing{scroll-margin-top:96px}
.about-how{background:#fff}
.about-process-visual{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  gap:clamp(16px,2vw,30px);
  align-items:center;
  margin-top:clamp(54px,6vw,88px);
  padding-top:34px;
  border-top:1px solid var(--line)
}
.about-process-visual article{min-width:0;min-height:235px;display:grid;grid-template-rows:52px auto auto 1fr;align-content:start}
.about-process-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line-strong);border-radius:50%;background:#fff}
.about-process-icon .ui-icon{width:22px;height:22px}
.about-process-visual small{margin-top:22px;font-family:var(--mono);font-size:9px;color:var(--muted)}
.about-process-visual h3{margin:13px 0 10px;font-size:clamp(19px,1.55vw,25px);line-height:1.05;letter-spacing:-.025em}
.about-process-visual p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.about-process-visual>i{display:grid;place-items:center;color:var(--muted);transform:translateY(-22px)}
.about-process-visual>i .ui-icon{width:24px;height:24px}

.about-archive{background:#f0eee8}
.about-archive-gallery{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:clamp(410px,38vw,650px) clamp(230px,22vw,360px);
  gap:16px;
  margin-top:52px
}
.about-archive-gallery figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0;margin:0;min-width:0;min-height:0}
.about-archive-gallery .archive-feature{grid-column:1/8;grid-row:1}
.about-archive-gallery .archive-portrait-one{grid-column:8/10;grid-row:1}
.about-archive-gallery .archive-portrait-two{grid-column:10/13;grid-row:1}
.about-archive-gallery .archive-secondary-one{grid-column:1/5;grid-row:2}
.about-archive-gallery .archive-secondary-two{grid-column:5/9;grid-row:2}
.about-archive-gallery .archive-secondary-three{grid-column:9/13;grid-row:2}
.archive-image-frame{min-width:0;min-height:0;overflow:hidden;background:#d9d6ce}
.about-archive-gallery img{display:block;width:100%;height:100%;object-fit:cover;background:#d9d6ce;transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.about-archive-gallery figure:hover img{transform:scale(1.012)}
.about-archive-gallery figcaption{min-height:34px;padding:10px 1px 0;color:var(--muted);font-size:10px;line-height:1.4}
.about-archive-gallery .archive-feature img{object-position:center 48%}
.about-archive-gallery .archive-portrait-one img,.about-archive-gallery .archive-portrait-two img{object-position:center center}
.about-archive-links{display:grid;justify-items:start;gap:14px;margin-top:22px}

.about-infrastructure-head{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:clamp(48px,8vw,130px);
  align-items:start
}
.about-infrastructure-head h2{margin:12px 0 0;font-size:clamp(42px,4.5vw,68px);line-height:.96}
.about-infrastructure-copy{display:grid;gap:18px;padding-top:8px;max-width:830px}
.about-infrastructure-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.62}
.about-infrastructure-copy .about-infrastructure-lead{color:var(--ink);font-size:clamp(21px,1.8vw,29px);font-weight:650;line-height:1.3;letter-spacing:-.02em}
.integration-grid article{
  display:grid;
  grid-template-rows:auto 112px minmax(0,1fr);
  min-height:330px
}
.integration-logo-wrap{height:auto;margin-top:22px;align-self:stretch}
.integration-card-copy{margin-top:0;padding-top:22px;align-self:start}
.integration-grid h3{min-height:46px;margin:0 0 8px;display:flex;align-items:flex-start;font-size:18px;line-height:1.18}

.about-faq{align-items:start}
.about-faq-head{position:sticky;top:116px;align-self:start}
.about-faq-switcher{border-top:1px solid var(--line)}
.about-faq-questions{display:grid}
.about-faq-questions button{
  width:100%;min-height:58px;padding:0 2px;border:0;border-bottom:1px solid var(--line);background:transparent;
  display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:20px;align-items:center;
  color:var(--ink);font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer
}
.about-faq-questions button span{min-width:0}
.about-faq-questions button i{font-family:var(--mono);font-size:13px;font-style:normal;font-weight:400;text-align:right}
.about-faq-questions button:hover,.about-faq-questions button.is-active{color:#000}
.about-faq-questions button.is-active{font-weight:700}
.about-faq-answer{
  height:172px;
  padding:26px 30px;
  overflow:auto;
  background:var(--paper-2)
}
.about-faq-answer p{max-width:780px;margin:0;color:#4f4d47;font-size:15px;line-height:1.66}

@media(max-width:1100px){
  .about-story-grid{grid-template-columns:1fr;gap:38px}
  .about-story-copy{padding-top:0;max-width:850px}
  .about-evolution-rail article{grid-template-columns:62px minmax(0,1fr)}
  .about-process-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 46px}
  .about-process-visual>i{display:none}
  .about-process-visual article{min-height:220px;padding:28px 0;border-bottom:1px solid var(--line)}
  .about-process-visual article:nth-of-type(odd){padding-right:24px}
  .about-process-visual article:nth-of-type(even){padding-left:24px}
  .about-archive-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:16px}
  .about-archive-gallery .archive-feature,.about-archive-gallery .archive-portrait-one,.about-archive-gallery .archive-portrait-two,.about-archive-gallery .archive-secondary-one,.about-archive-gallery .archive-secondary-two,.about-archive-gallery .archive-secondary-three{grid-column:auto;grid-row:auto}
  .about-archive-gallery .archive-feature{grid-column:1/-1}
  .about-archive-gallery .archive-feature .archive-image-frame{aspect-ratio:16/8.7}
  .about-archive-gallery .archive-portrait-one .archive-image-frame,.about-archive-gallery .archive-portrait-two .archive-image-frame{aspect-ratio:3/4}
  .about-archive-gallery .archive-secondary-one .archive-image-frame,.about-archive-gallery .archive-secondary-two .archive-image-frame,.about-archive-gallery .archive-secondary-three .archive-image-frame{aspect-ratio:4/3}
  .about-archive-gallery .archive-secondary-three{grid-column:1/-1}
  .about-archive-gallery .archive-secondary-three .archive-image-frame{aspect-ratio:16/7.5}
  .about-infrastructure-head{grid-template-columns:1fr;gap:34px}
}

@media(max-width:760px){
  .about-story{padding-top:112px;padding-left:20px;padding-right:20px}
  .about-story-heading h1{font-size:clamp(52px,15vw,78px)}
  .about-story-copy .about-story-lead{font-size:23px}
  .about-evolution-rail{grid-template-columns:1fr;margin-top:52px;padding:24px}
  .about-evolution-rail>i{transform:rotate(90deg);justify-self:start;margin-left:16px}
  .about-evolution-rail article{grid-template-columns:1fr;gap:8px}
  .about-evolution-rail article>span{grid-row:auto}
  .about-process-visual{grid-template-columns:1fr;padding-top:18px}
  .about-process-visual article,.about-process-visual article:nth-of-type(odd),.about-process-visual article:nth-of-type(even){min-height:0;padding:26px 0;border-bottom:1px solid var(--line)}
  .about-process-visual article:last-of-type{border-bottom:0}
  .about-archive-gallery{grid-template-columns:1fr}
  .about-archive-gallery .archive-feature,.about-archive-gallery .archive-secondary-three{grid-column:auto}
  .about-archive-gallery .archive-feature .archive-image-frame,.about-archive-gallery .archive-secondary-one .archive-image-frame,.about-archive-gallery .archive-secondary-two .archive-image-frame,.about-archive-gallery .archive-secondary-three .archive-image-frame{aspect-ratio:4/3}
  .about-archive-gallery .archive-portrait-one .archive-image-frame,.about-archive-gallery .archive-portrait-two .archive-image-frame{aspect-ratio:3/4}
  .integration-grid article{grid-template-rows:auto 90px auto;min-height:0}
  .integration-grid h3{min-height:0}
  .about-faq{grid-template-columns:1fr}
  .about-faq-head{position:static}
  .about-faq-answer{height:190px;padding:22px}
}

@media(prefers-reduced-motion:reduce){.about-archive-gallery img{transition:none}.about-archive-gallery figure:hover img{transform:none}}


/* Stage 8.87 — shared public grid and corrected About page structure */
body[data-route="about"]{
  --public-grid-gap:clamp(18px,2.05vw,34px)
}

/* One 12-column framework now governs every major About-page block. */
.about-story-grid,
.about-section-head,
.about-archive-head,
.about-archive-copy,
.about-portable-head,
.about-infrastructure-head,
.about-faq{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap);
  align-items:start
}

.about-story{
  padding-top:clamp(124px,9vw,164px);
  padding-bottom:clamp(60px,5.5vw,88px)
}
.about-story-heading{grid-column:1/6}
.about-story-copy{
  grid-column:7/13;
  max-width:none;
  padding-top:28px;
  gap:16px
}
.about-story-heading h1{
  max-width:650px;
  margin:14px 0 0;
  font-size:clamp(48px,4.8vw,76px);
  line-height:.97;
  letter-spacing:-.045em;
  text-wrap:balance
}
.about-story-copy p{
  max-width:680px;
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.65
}
.about-story-copy .about-story-intro{
  color:var(--ink);
  font-size:clamp(18px,1.45vw,22px);
  font-weight:620;
  line-height:1.4;
  letter-spacing:-.018em
}
.about-story-copy strong{
  display:inline;
  margin:0;
  color:var(--ink);
  font-size:inherit;
  font-weight:700
}
.about-evolution-rail{
  grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);
  margin-top:clamp(42px,4vw,64px);
  padding:clamp(22px,2.2vw,32px)
}
.about-evolution-rail article{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:10px 18px;
  align-items:start
}
.about-evolution-rail article>span{
  grid-column:1/-1;
  grid-row:auto;
  padding:0
}
.about-evolution-symbol{width:52px;height:52px}
.about-evolution-symbol img{width:28px;height:28px}
.about-evolution-rail strong{font-size:clamp(18px,1.25vw,22px)}
.about-evolution-rail p{max-width:520px;font-size:12.5px;line-height:1.55}
.about-evolution-now{grid-template-columns:minmax(0,1fr)!important}
.about-origin-note{max-width:980px;margin-top:18px}

.about-how{
  padding-top:clamp(58px,5vw,82px);
  padding-bottom:clamp(62px,5.5vw,92px)
}
.about-section-head>div{grid-column:1/7;max-width:760px}
.about-section-head>p{
  grid-column:9/13;
  max-width:520px;
  margin:29px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.62
}
.about-section-head h2{max-width:760px}
.about-process-visual{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);
  gap:clamp(12px,1.55vw,24px);
  align-items:start;
  margin-top:clamp(36px,3.5vw,52px);
  padding-top:0;
  border-top:0
}
.about-process-visual article{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:52px auto 1fr;
  align-content:start
}
.about-process-node{
  display:flex;
  align-items:center;
  gap:12px;
  height:52px
}
.about-process-icon{
  flex:0 0 auto;
  width:46px;
  height:46px
}
.about-process-node small{
  margin:0;
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.08em;
  color:var(--muted)
}
.about-process-visual h3{
  margin:16px 0 10px;
  font-size:clamp(18px,1.2vw,21px);
  line-height:1.08
}
.about-process-visual p{
  max-width:310px;
  margin:0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.6
}
.about-process-visual>i{
  align-self:start;
  margin-top:12px;
  transform:none;
  color:#8c8982
}
.about-process-visual>i .ui-icon{width:22px;height:22px}

.about-archive-head>div:first-child{grid-column:1/9}
.about-archive-head dl{
  grid-column:10/13;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-self:end;
  padding-bottom:4px
}
.about-archive-head dl div{min-width:0}
.about-archive-head h2{
  max-width:none;
  margin-top:12px;
  font-size:clamp(38px,3.55vw,56px);
  line-height:.95;
  letter-spacing:-.05em
}
.about-archive-head h2 em,
.about-archive-head h2 span{display:block}
.about-archive-head h2 span{white-space:nowrap}
.about-archive-gallery{
  grid-template-rows:clamp(370px,31vw,520px) clamp(210px,18vw,300px);
  gap:14px;
  margin-top:42px
}
.about-archive-gallery .archive-feature{grid-column:1/7}
.about-archive-gallery .archive-portrait-one{grid-column:7/10}
.about-archive-gallery .archive-portrait-two{grid-column:10/13}
.about-archive-copy{margin-top:42px}
.about-archive-copy>div:first-child{grid-column:1/7}
.about-archive-copy>div:last-child{grid-column:8/13}
.about-archive-copy p{
  max-width:680px;
  margin:0 0 14px;
  color:#514f49;
  font-size:13px;
  line-height:1.66
}
.about-archive-links{margin-top:18px}


.about-portable{
  padding-top:clamp(70px,6vw,98px);
  padding-bottom:clamp(72px,6.4vw,104px)
}
.about-portable-head>div:first-child{grid-column:1/6}
.about-portable-copy{
  grid-column:7/13;
  display:grid;
  gap:14px;
  padding-top:4px
}
.about-portable-head h2{
  max-width:700px;
  margin:12px 0 0;
  font-size:clamp(38px,3.4vw,54px);
  line-height:.98
}
.about-portable-copy p{
  max-width:650px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.62
}
.about-portable-copy .about-portable-lead{
  color:var(--ink);
  font-size:clamp(19px,1.4vw,23px);
  font-weight:650;
  line-height:1.38;
  letter-spacing:-.02em
}
.about-portable-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:clamp(34px,3.4vw,52px);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)
}
.about-portable-grid article{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:18px;
  min-height:158px;
  padding:24px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff
}
.about-portable-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--line-strong);
  border-radius:50%
}
.about-portable-icon .ui-icon{width:19px;height:19px}
.about-portable-icon.about-portable-credential-mark{
  border:0;
  border-radius:0
}
.about-portable-icon.about-portable-credential-mark img{
  display:block;
  width:40px;
  height:40px;
  object-fit:contain
}
.about-portable-grid small{
  display:block;
  margin:0 0 9px;
  color:var(--muted);
  font-family:var(--sans);
  font-size:10px;
  font-weight:720;
  letter-spacing:.14em;
  line-height:1.2;
  text-transform:uppercase
}
.about-portable-grid h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.16
}
.about-portable-grid p{
  max-width:340px;
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.56
}

.about-infrastructure-head>div:first-child{grid-column:1/7}
.about-infrastructure-copy{
  grid-column:8/13;
  max-width:none;
  padding-top:4px;
  gap:14px
}
.about-infrastructure-head h2{
  max-width:none;
  margin-top:12px;
  font-size:clamp(38px,3.4vw,54px);
  line-height:.98;
  white-space:nowrap
}
.about-infrastructure-copy p{
  max-width:650px;
  font-size:14px;
  line-height:1.62
}
.about-infrastructure-copy .about-infrastructure-lead{
  font-size:clamp(19px,1.4vw,23px);
  line-height:1.38
}
.integration-grid article{
  grid-template-rows:32px 88px minmax(0,1fr);
  min-height:304px
}
.integration-logo-wrap{height:88px;margin-top:0}
.integration-card-copy{
  display:grid;
  grid-template-rows:42px auto auto;
  align-content:start;
  padding-top:16px
}
.integration-grid h3{
  min-height:0;
  height:42px;
  margin:0;
  font-size:16px;
  line-height:1.2
}
.integration-grid p{align-self:start}

.about-faq{
  min-height:620px;
  align-items:start;
  overflow-anchor:none
}
.about-faq-head{
  grid-column:1/6;
  position:static;
  top:auto;
  margin:0;
  align-self:start
}
.about-faq-accordion{
  grid-column:7/13;
  width:100%;
  border-top:1px solid var(--line);
  overflow-anchor:none
}
.about-faq-accordion details{
  border-bottom:1px solid var(--line);
  overflow-anchor:none
}
.about-faq-accordion summary{
  position:relative;
  min-height:60px;
  padding:18px 34px 18px 2px;
  display:flex;
  align-items:center;
  color:var(--ink);
  font-size:15px;
  font-weight:600;
  line-height:1.4;
  cursor:pointer;
  list-style:none
}
.about-faq-accordion summary::-webkit-details-marker{display:none}
.about-faq-accordion summary::after{
  content:'+';
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--mono);
  font-size:13px;
  font-weight:400
}
.about-faq-accordion details[open] summary::after{content:'−'}
.about-faq-accordion details>div{padding:0 42px 22px 2px}
.about-faq-accordion details p{
  max-width:760px;
  margin:0;
  color:#4f4d47;
  font-size:14px;
  line-height:1.66
}
.about-faq-accordion summary:hover{color:#000}
.about-faq-accordion summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.about-faq-switcher,.about-faq-questions,.about-faq-answer{display:none}

@media(max-width:1100px){
  .about-story-heading,
  .about-story-copy,
  .about-section-head>div,
  .about-section-head>p,
  .about-archive-head>div:first-child,
  .about-archive-head dl,
  .about-archive-copy>div:first-child,
  .about-archive-copy>div:last-child,
  .about-portable-head>div:first-child,
  .about-portable-copy,
  .about-infrastructure-head>div:first-child,
  .about-infrastructure-copy,
  .about-faq-head,
  .about-faq-accordion{grid-column:1/13}
  .about-story-grid{row-gap:30px}
  .about-story-copy{padding-top:0;max-width:820px}
  .about-section-head{row-gap:14px}
  .about-section-head>p{margin-top:0}
  .about-process-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}
  .about-process-visual>i{display:none}
  .about-process-visual article{padding:26px 0;border-top:1px solid var(--line)}
  .about-process-visual article:nth-of-type(odd){padding-right:20px}
  .about-process-visual article:nth-of-type(even){padding-left:20px}
  .about-archive-head{row-gap:26px}
  .about-archive-head dl{max-width:520px}
  .about-archive-head h2 span{white-space:normal}
  .about-archive-copy{row-gap:10px}
  .about-portable-head{row-gap:28px}
  .about-portable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-infrastructure-head{row-gap:28px}
  .about-infrastructure-head h2{white-space:normal}
  .about-faq{row-gap:34px;min-height:0}
  .about-faq-head{position:static}
}

@media(max-width:760px){
  .about-story{padding-top:100px}
  .about-story-heading h1{font-size:clamp(44px,12.5vw,60px);line-height:.99}
  .about-story-copy .about-story-intro{font-size:19px}
  .about-evolution-rail{grid-template-columns:1fr;padding:22px}
  .about-evolution-rail>i{transform:rotate(90deg);justify-self:start;margin:0 0 0 14px}
  .about-evolution-rail article,.about-evolution-now{grid-template-columns:1fr!important}
  .about-process-visual{grid-template-columns:1fr;padding-top:0}
  .about-process-visual article,.about-process-visual article:nth-of-type(odd),.about-process-visual article:nth-of-type(even){padding:24px 0;border-top:1px solid var(--line)}
  .about-process-visual p{max-width:520px}
  .about-archive-head h2{font-size:clamp(36px,10.2vw,48px)}
  .about-archive-head h2 span{white-space:normal}
  .about-archive-head dl{grid-template-columns:repeat(3,1fr);gap:10px}
  .about-archive-gallery{grid-template-columns:1fr;grid-template-rows:auto}
  .about-archive-gallery .archive-feature,.about-archive-gallery .archive-portrait-one,.about-archive-gallery .archive-portrait-two,.about-archive-gallery .archive-secondary-one,.about-archive-gallery .archive-secondary-two,.about-archive-gallery .archive-secondary-three{grid-column:auto;grid-row:auto}
  .about-archive-gallery .archive-feature .archive-image-frame,.about-archive-gallery .archive-secondary-one .archive-image-frame,.about-archive-gallery .archive-secondary-two .archive-image-frame,.about-archive-gallery .archive-secondary-three .archive-image-frame{aspect-ratio:4/3}
  .about-archive-gallery .archive-portrait-one .archive-image-frame,.about-archive-gallery .archive-portrait-two .archive-image-frame{aspect-ratio:3/4}
  .about-portable-head h2{font-size:clamp(36px,9.8vw,48px)}
  .about-portable-grid{grid-template-columns:1fr}
  .about-portable-grid article{min-height:0;padding:22px 20px}
  .about-infrastructure-head h2{font-size:clamp(36px,9.8vw,48px)}
  .integration-grid article{grid-template-rows:auto 82px auto;min-height:0}
  .integration-logo-wrap{height:82px}
  .integration-card-copy{grid-template-rows:auto auto auto}
  .integration-grid h3{height:auto;margin-bottom:8px}
  .about-faq{min-height:0}
  .about-faq-accordion details>div{padding-right:22px}
}

@media(prefers-reduced-motion:reduce){
  .about-archive-gallery img{transition:none}
  .about-archive-gallery figure:hover img{transform:none}
}

/* Arts Exchange v1.8.88 — unified public frame and About-page completion
   v1.9.237 keeps that hierarchy fluid across viewport widths and uses one centred, proportion-aware artwork mount across public browsing and detail surfaces. */
:is(body[data-route="home"],body[data-route="artists"],body[data-route="curators"],body[data-route="explore"],body[data-route="exhibitions"],body[data-route="about"],body[data-route="artist"],body[data-route="curator"],body[data-route="artwork"],body[data-route="exhibition"],body[data-route="public"],body[data-route="nfc"]){
  --page-max:1880px;
  --page-x:max(clamp(24px,3.75vw,72px),calc(50vw - 940px));
  --public-grid-gap:clamp(18px,2vw,34px);
  --public-directory-column-gap:clamp(28px,3vw,52px);
  --public-directory-row-gap:clamp(46px,5vw,74px);
  --public-media-radius:6px;
  --public-card-media-ratio:4/3;
  --public-media-canvas:#f2f2ef;
  --public-art-mount-pad:clamp(16px,1.6vw,28px);
  --public-art-detail-pad:clamp(22px,2.8vw,48px);
  --public-work-title-size:clamp(17px,1.25vw,20px);
  --public-card-meta-size:11px
}
:is(body[data-route="home"],body[data-route="artists"],body[data-route="curators"],body[data-route="explore"],body[data-route="exhibitions"],body[data-route="about"],body[data-route="artist"],body[data-route="curator"],body[data-route="artwork"],body[data-route="exhibition"],body[data-route="public"],body[data-route="nfc"]),:is(body[data-route="home"],body[data-route="artists"],body[data-route="curators"],body[data-route="explore"],body[data-route="exhibitions"],body[data-route="about"],body[data-route="artist"],body[data-route="curator"],body[data-route="artwork"],body[data-route="exhibition"],body[data-route="public"],body[data-route="nfc"]) #app,:is(body[data-route="home"],body[data-route="artists"],body[data-route="curators"],body[data-route="explore"],body[data-route="exhibitions"],body[data-route="about"],body[data-route="artist"],body[data-route="curator"],body[data-route="artwork"],body[data-route="exhibition"],body[data-route="public"],body[data-route="nfc"]) #main-content{max-width:100%;overflow-x:clip}


/* v1.9.237 — one quiet artwork frame across public browsing and detail.
   The outer canvas is the only frame. Media fills that available inner area as
   a replaced element and uses contain, so its own aspect ratio stays intact and
   centred without an additional inner box, border or crop. */
:is(.art-card-media,.public-person-media,.public-exhibition-work-media,.work-media){
  min-width:0;
  min-height:0;
  align-items:center;
  justify-items:center
}
:is(.art-card-media,.public-person-media,.public-exhibition-work-media,.work-media)>:is(img,video){
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  min-width:0;
  min-height:0;
  align-self:stretch;
  justify-self:stretch;
  box-sizing:border-box;
  object-fit:contain;
  object-position:50% 50%;
  background:transparent;
  border:0;
  outline:0
}

/* v1.9.237 — canonical public cards, person profiles and exhibition detail.
   Public browsing follows one predictable reading order: media, title/name,
   byline, then supporting context. Artist and Curator profiles share one
   identity composition. */
.art-card-copy .public-card-title{
  margin:0 0 5px;
  font-size:var(--public-work-title-size);
  font-weight:620;
  line-height:1.1;
  letter-spacing:-.025em
}
.art-card-copy .public-card-byline{
  margin:0 0 4px;
  color:var(--muted);
  font-size:var(--public-card-meta-size);
  line-height:1.4
}
.art-card-copy .public-card-meta{
  color:var(--muted);
  font-size:var(--public-card-meta-size);
  line-height:1.4
}

:is(.artist-index-grid,.curator-index-grid){
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:var(--public-directory-column-gap);
  row-gap:var(--public-directory-row-gap)
}
.public-person-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  color:var(--ink)
}
.public-person-media{
  width:100%;
  aspect-ratio:var(--public-card-media-ratio);
  display:grid;
  place-items:center;
  padding:var(--public-art-mount-pad);
  box-sizing:border-box;
  overflow:hidden;
  border-radius:var(--public-media-radius);
  background:var(--public-media-canvas)
}
.public-person-media iframe{display:block;width:100%;height:100%;border:0}
.public-person-media img,.public-person-media video{transition:filter .28s ease}
.public-person-card:hover .public-person-media img,
.public-person-card:hover .public-person-media video{filter:saturate(1.02)}
.public-person-card-copy{display:flex;min-width:0;flex:1;flex-direction:column;padding-top:14px}
.public-person-card .public-card-title{
  margin:0 0 5px;
  font-size:var(--public-work-title-size);
  font-weight:620;
  line-height:1.1;
  letter-spacing:-.025em
}
.public-person-card .public-card-byline{
  margin:0;
  color:var(--muted);
  font-size:var(--public-card-meta-size);
  line-height:1.4
}
.public-person-note{
  display:-webkit-box;
  max-width:44ch;
  margin:12px 0 0;
  overflow:hidden;
  color:#5f5d58;
  font-size:11px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.public-person-context{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 12px;
  align-items:end;
  margin-top:auto;
  padding-top:15px
}
.public-person-context span{
  grid-column:1/-1;
  color:var(--muted);
  font-size:9px;
  font-weight:650;
  letter-spacing:.11em;
  text-transform:uppercase
}
.public-person-context b{
  min-width:0;
  overflow:hidden;
  font-size:12px;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap
}
.public-person-context small{
  grid-column:1;
  color:var(--muted);
  font-size:9px;
  line-height:1.4
}
.public-person-context .ui-icon{
  grid-column:2;
  grid-row:2/span 2;
  width:15px;
  height:15px;
  transition:transform .18s ease
}
.public-person-card:hover .public-person-context .ui-icon{transform:translateX(3px)}
:is(.artist-index-grid,.curator-index-grid).list{display:block}
:is(.artist-index-grid,.curator-index-grid).list .public-person-card{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:clamp(24px,3vw,48px);
  align-items:center;
  padding:18px 0;
  border-top:1px solid rgba(10,10,9,.15)
}
:is(.artist-index-grid,.curator-index-grid).list .public-person-card:last-child{border-bottom:1px solid rgba(10,10,9,.15)}
:is(.artist-index-grid,.curator-index-grid).list .public-person-media{height:118px;aspect-ratio:auto}
:is(.artist-index-grid,.curator-index-grid).list .public-person-card-copy{display:grid;grid-template-columns:minmax(170px,.45fr) minmax(0,1fr);gap:8px 30px;padding:0}
:is(.artist-index-grid,.curator-index-grid).list .public-card-title{grid-column:1;margin:0}
:is(.artist-index-grid,.curator-index-grid).list .public-card-byline{grid-column:1}
:is(.artist-index-grid,.curator-index-grid).list .public-person-note{grid-column:2;grid-row:1/span 2;margin:0;align-self:center}
:is(.artist-index-grid,.curator-index-grid).list .public-person-context{grid-column:1/-1;margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}

.public-person-profile{padding:0 var(--page-x) clamp(54px,5vw,86px)}
.public-person-cover{
  position:relative;
  z-index:0;
  width:calc(100% + var(--page-x) + var(--page-x));
  max-width:none;
  height:clamp(190px,22vw,320px);
  margin-left:calc(0px - var(--page-x));
  overflow:hidden;
  border-radius:0;
  background:var(--paper-2)
}
.public-person-cover img,
.public-person-cover video{width:100%;height:100%;object-fit:cover}
.public-person-intro{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap);
  padding-top:0
}
.public-person-title{position:relative;z-index:2;grid-column:1/6;min-width:0;margin-top:-42px}
.public-person-title .avatar{
  width:84px;
  height:84px;
  margin:0 0 24px;
  overflow:hidden;
  border:4px solid var(--paper);
  background:var(--ink);
  color:#fff
}
.public-person-title .eyebrow{margin:0 0 10px}
.public-person-title h1{
  max-width:680px;
  margin:0;
  font-family:var(--sans);
  font-size:clamp(44px,5vw,72px);
  font-weight:540;
  letter-spacing:-.06em;
  line-height:.95
}
.public-person-byline{margin:12px 0 0;color:var(--muted);font-size:14px;font-weight:560;line-height:1.4}
.public-person-about{grid-column:7/13;display:flex;align-items:flex-start;flex-direction:column;padding-top:38px}
.public-person-focus{max-width:650px;margin:0 0 16px;color:var(--ink);font-size:18px;line-height:1.45}
.public-person-bio{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.68}
.public-person-about small{margin-top:16px;color:var(--muted);font-size:11px;line-height:1.4}
.public-person-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:18px}
.public-person-social-link{display:inline-flex;align-items:center;gap:7px;padding:5px 0;border:0;color:var(--ink);font-size:13px;font-weight:650;line-height:1.2;white-space:nowrap;transition:opacity .16s ease}
.public-person-social-link:hover{opacity:.58}
.public-person-social-link :is(.ui-icon,.brand-mark){width:14px;height:14px;flex:0 0 14px}
.public-person-social-link .brand-mark{display:block;fill:currentColor;stroke:none}
.public-profile-section{padding-top:clamp(44px,4vw,66px);background:#fdfdfc}
.public-profile-section .section-head{margin-bottom:30px}
.public-profile-section .section-head h2{margin-top:8px;font-family:var(--sans);font-size:clamp(28px,2.6vw,40px);font-weight:540;line-height:1;letter-spacing:-.04em}
.public-profile-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--public-directory-column-gap);row-gap:var(--public-directory-row-gap)}
.public-profile-card-grid .art-card:nth-child(n){grid-column:auto!important;margin-top:0!important}
.public-profile-card-grid .art-card-media{border:0;border-radius:var(--public-media-radius);background:var(--public-media-canvas)}

.public-exhibition-detail{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);
  gap:clamp(28px,3.6vw,58px);
  align-items:stretch;
  padding:clamp(64px,6vw,96px) var(--page-x);
  border-bottom:1px solid var(--line);
  background:var(--paper-2);
  color:var(--ink)
}
.public-exhibition-detail-media{
  width:100%;
  min-height:clamp(460px,58vw,760px);
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:18px;
  background:#e8e8e4
}
.public-exhibition-detail-media.has-cover>img,
.public-exhibition-detail-media.has-cover>video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.public-exhibition-detail-media.uses-work{padding:var(--public-art-detail-pad)}
.public-exhibition-detail-media.uses-work>img,
.public-exhibition-detail-media.uses-work>video{width:100%;height:100%;object-fit:contain;object-position:50% 50%}
.public-exhibition-detail-media iframe{width:100%;height:100%;border:0}
.public-exhibition-detail-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(28px,3vw,42px);
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  color:var(--ink)
}
.public-exhibition-detail-heading{min-width:0}
.public-exhibition-detail-copy>.eyebrow,.public-exhibition-detail-heading>.eyebrow{margin:0 0 13px;color:var(--ink)}
.public-exhibition-detail-status{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--ink)}
.public-exhibition-detail-status .status{color:var(--ink)}
.public-exhibition-detail-status>span:last-child{color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}
.public-exhibition-detail-copy h1{
  max-width:760px;
  margin:0;
  color:var(--ink);
  font-family:var(--sans);
  font-size:clamp(44px,4.8vw,72px);
  font-weight:540;
  letter-spacing:-.058em;
  line-height:.96
}
.public-exhibition-detail-byline{margin:18px 0 0;color:var(--ink);font-size:14px;font-weight:600;line-height:1.45}
.public-exhibition-detail-summary{max-width:650px;margin:20px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.public-exhibition-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:30px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.public-exhibition-detail-facts>div{min-width:0}
.public-exhibition-detail-facts dt{color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.public-exhibition-detail-facts dd{margin:5px 0 0;color:var(--ink);font-size:12px;line-height:1.45}
.public-exhibition-detail-facts a{text-decoration:underline;text-underline-offset:3px}
.public-exhibition-works-section{padding-top:clamp(52px,5vw,82px);padding-bottom:clamp(70px,7vw,112px);background:#fdfdfc}
.public-exhibition-work-list{display:grid;gap:0;max-width:var(--page-max);margin:0 auto;border-top:1px solid var(--line)}
.public-exhibition-work{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
  gap:clamp(30px,4vw,68px);
  align-items:center;
  padding:clamp(30px,3vw,48px) 0;
  border-bottom:1px solid var(--line);
  color:var(--ink)
}
.public-exhibition-work-media{
  width:100%;
  aspect-ratio:4/3;
  display:grid;
  place-items:center;
  padding:var(--public-art-mount-pad);
  box-sizing:border-box;
  overflow:hidden;
  border-radius:var(--public-media-radius);
  background:var(--public-media-canvas)
}
.public-exhibition-work-media iframe{width:100%;height:100%;border:0}
.public-exhibition-work-copy{min-width:0}
.public-exhibition-sequence{display:block;margin-bottom:18px;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.08em}
.public-exhibition-work-copy h3{margin:0 0 7px;font-size:clamp(28px,3vw,46px);font-weight:540;letter-spacing:-.045em;line-height:1}
.public-exhibition-work-copy p{margin:0 0 6px;color:var(--ink);font-size:12px;font-weight:600;line-height:1.4}
.public-exhibition-work-copy small{color:var(--muted);font-size:11px;line-height:1.4}

@media(max-width:1100px){
  :is(.artist-index-grid,.curator-index-grid),.public-profile-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-exhibition-detail{grid-template-columns:1fr;align-items:start}
  .public-exhibition-detail-media{max-width:960px}
}
@media(max-width:820px){
  .public-person-title{grid-column:1/13}
  .public-person-about{grid-column:1/13;padding-top:28px}
  .public-exhibition-work{grid-template-columns:1fr}
  :is(.artist-index-grid,.curator-index-grid).list .public-person-card{grid-template-columns:180px minmax(0,1fr)}
  :is(.artist-index-grid,.curator-index-grid).list .public-person-card-copy{display:block}
  :is(.artist-index-grid,.curator-index-grid).list .public-person-note{margin-top:10px}
}
@media(max-width:620px){
  :is(.artist-index-grid,.curator-index-grid),.public-profile-card-grid{grid-template-columns:1fr}
  :is(.artist-index-grid,.curator-index-grid).list .public-person-card{grid-template-columns:1fr;gap:14px}
  :is(.artist-index-grid,.curator-index-grid).list .public-person-media{height:auto;aspect-ratio:var(--public-card-media-ratio)}
  .public-person-profile{padding-bottom:46px}
  .public-person-cover{height:clamp(180px,46vw,260px)}
  .public-person-title{margin-top:-34px}
  .public-person-title .avatar{width:72px;height:72px;margin-bottom:20px}
  .public-person-title h1{font-size:clamp(40px,12vw,54px)}
  .public-person-about{padding-top:24px}
  .public-exhibition-detail{gap:28px;padding-top:54px;padding-bottom:54px}
  .public-exhibition-detail-copy h1{font-size:clamp(40px,12vw,56px)}
  .public-exhibition-detail-facts{grid-template-columns:1fr}
}

/* One fluid frame aligns the public header, editorial copy, controls and galleries. */
.site-header,
.site-footer,
.section,
.page-hero,
.artist-index-hero,
.exhibitions-index-hero,
.home-screen-feature,
.home-process,
.home-statement{
  padding-left:var(--page-x);
  padding-right:var(--page-x)
}
.home-immersive-copy{left:var(--page-x)}
.home-immersive-meta{right:var(--page-x)}
:is(.home-programme-intro,.home-programme-list,.home-selected-head,.floating-work-grid){
  width:calc(100% - var(--page-x) - var(--page-x));
  max-width:var(--page-max)
}
.profile-public,
.work-public{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  padding-left:var(--page-x);
  padding-right:var(--page-x)
}
:is(.artist-index-grid,.curator-index-grid,.explore-directory-grid,.public-exhibition-grid.index-grid){
  width:100%;
  max-width:var(--page-max)
}

/* About: a restrained 12-column editorial system with consistent text measures. */
body[data-route="about"] .section{min-width:0}
.about-story-grid,
.about-section-head,
.about-archive-head,
.about-archive-copy,
.about-infrastructure-head,
.about-faq{
  width:100%;
  min-width:0;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap)
}
.about-story{
  padding-top:clamp(104px,7.5vw,142px);
  padding-bottom:clamp(58px,5vw,82px)
}
.about-story-heading{grid-column:1/6;min-width:0}
.about-story-heading h1{
  max-width:620px;
  margin:13px 0 0;
  font-size:clamp(43px,4.1vw,65px);
  font-weight:520;
  line-height:1.01;
  letter-spacing:-.043em;
  text-wrap:balance
}
.about-story-copy{
  grid-column:7/13;
  min-width:0;
  max-width:none;
  padding-top:23px;
  gap:14px
}
.about-story-copy p,
.about-story-copy .about-story-intro{
  max-width:690px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  font-weight:400;
  line-height:1.66;
  letter-spacing:0
}
.about-story-copy .about-story-intro{color:var(--ink)}

.about-evolution-rail{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
  gap:clamp(18px,2vw,32px);
  align-items:stretch;
  margin-top:clamp(34px,3.2vw,50px);
  padding:clamp(20px,2vw,28px);
  background:var(--paper-2)
}
.about-evolution-rail article,
.about-evolution-rail .about-evolution-now{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr;
  gap:10px 17px;
  align-items:start;
  min-width:0
}
.about-evolution-rail article>span{
  grid-column:1/-1;
  grid-row:auto;
  padding:0;
  font-size:9px
}
.about-evolution-symbol{
  grid-column:1;
  grid-row:2;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  color:var(--ink)
}
.about-evolution-symbol img{width:24px;height:24px;object-fit:contain}
.about-evolution-symbol .ui-icon{width:22px;height:22px}
.about-evolution-rail article>div:last-child{grid-column:2;grid-row:2;min-width:0}
.about-evolution-rail strong{font-size:clamp(17px,1.18vw,21px);line-height:1.16}
.about-evolution-rail p{max-width:560px;margin-top:6px;font-size:12px;line-height:1.55}
.about-evolution-rail>i{align-self:center}
.about-origin-note{max-width:1080px;margin:17px 0 0;font-size:11.5px;line-height:1.6}

.about-how{
  padding-top:clamp(52px,4.4vw,72px);
  padding-bottom:clamp(58px,5vw,82px)
}
.about-section-head>div{grid-column:1/8;max-width:820px}
.about-section-head>p{display:none}
.about-section-head h2{
  max-width:760px;
  margin-top:11px;
  font-size:clamp(35px,3.25vw,52px);
  line-height:1.02;
  letter-spacing:-.048em
}
.about-process-visual{
  grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);
  gap:clamp(10px,1.25vw,20px);
  margin-top:clamp(28px,2.7vw,42px)
}
.about-process-visual article{
  min-height:0;
  grid-template-rows:46px auto 1fr
}
.about-process-node{height:46px}
.about-process-icon{width:42px;height:42px}
.about-process-icon .ui-icon{width:20px;height:20px}
.about-process-node small{display:none}
.about-process-visual h3{margin:14px 0 9px;font-size:clamp(17px,1.1vw,20px)}
.about-process-visual p{max-width:330px;font-size:12px;line-height:1.58}
.about-process-visual>i{margin-top:10px}
.about-process-visual>i .ui-icon{width:19px;height:19px}

.about-archive{padding-top:clamp(66px,5.6vw,94px);padding-bottom:clamp(70px,6vw,104px)}
.about-archive-head>div:first-child{grid-column:1/11}
.about-archive-head dl{display:none}
.about-archive-head h2{
  max-width:none;
  margin-top:11px;
  font-size:clamp(36px,3.2vw,52px);
  line-height:.98
}
.about-archive-head h2 em{display:block}
.about-archive-head h2 span{display:block;white-space:nowrap}
.about-archive-gallery{
  grid-template-rows:clamp(340px,30vw,510px) clamp(205px,18vw,300px);
  margin-top:clamp(30px,3vw,44px)
}
.about-archive-copy{margin-top:clamp(32px,3vw,46px)}
.about-archive-narrative{grid-column:1/9;max-width:1020px}
.about-archive-narrative h3{
  max-width:760px;
  margin:0 0 18px;
  font-size:clamp(20px,1.65vw,27px);
  font-weight:620;
  line-height:1.2;
  letter-spacing:-.025em
}
.about-archive-copy p{max-width:920px;margin:0 0 13px;font-size:13px;line-height:1.68}
.about-archive-links{margin-top:20px}

.about-infrastructure{padding-top:clamp(70px,6vw,104px);padding-bottom:clamp(72px,6vw,108px)}
.about-infrastructure-head>div:first-child{grid-column:1/7;min-width:0}
.about-infrastructure-copy{grid-column:8/13;min-width:0;gap:12px}
.about-infrastructure-head h2{
  max-width:none;
  font-size:clamp(37px,3.2vw,51px);
  line-height:1;
  white-space:nowrap
}
.about-infrastructure-copy .about-infrastructure-lead{
  max-width:670px;
  font-size:clamp(18px,1.3vw,22px);
  font-weight:620;
  line-height:1.4
}
.about-infrastructure-copy p{max-width:680px;font-size:13px;line-height:1.64}
.integration-grid article{
  grid-template-rows:32px 104px minmax(0,1fr);
  min-height:310px
}
.integration-logo-wrap{
  height:104px;
  margin-top:0;
  padding-top:24px;
  align-items:flex-start
}
.integration-card-copy{padding-top:17px;grid-template-rows:40px auto}
.integration-grid h3{height:40px;font-size:15px}
.integration-grid h3 a{color:inherit;text-decoration:none}
.integration-grid h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.integration-card-link{display:none!important}

/* Stable master-detail FAQ: answers change in place rather than moving the page. */
.about-faq{
  min-height:0;
  padding-top:clamp(66px,5.6vw,94px);
  padding-bottom:clamp(72px,6vw,108px)
}
.about-faq-head{
  grid-column:1/6;
  position:static;
  min-width:0
}
.about-faq-head h2{margin:11px 0 0}
.about-faq-answer{
  display:block;
  height:auto;
  min-height:176px;
  margin-top:clamp(34px,4vw,62px);
  padding:0;
  overflow:visible;
  background:transparent
}
.about-faq-answer h3{
  max-width:500px;
  margin:0 0 12px;
  font-size:17px;
  font-weight:620;
  line-height:1.35
}
.about-faq-answer p{
  max-width:520px;
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.65
}
.about-faq-questions{
  grid-column:7/13;
  display:grid;
  width:100%;
  border-top:1px solid var(--line)
}
.about-faq-questions button{
  width:100%;
  min-height:61px;
  padding:17px 2px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  display:grid;
  grid-template-columns:minmax(0,1fr) 20px;
  gap:20px;
  align-items:center;
  color:var(--ink);
  font-size:14px;
  font-weight:560;
  line-height:1.4;
  text-align:left;
  cursor:pointer
}
.about-faq-questions button i{display:grid;place-items:center;color:var(--muted)}
.about-faq-questions button .ui-icon{width:15px;height:15px;transition:transform .2s ease}
.about-faq-questions button:hover,.about-faq-questions button.is-active{color:#000}
.about-faq-questions button:hover .ui-icon,.about-faq-questions button.is-active .ui-icon{transform:translateX(3px)}
.about-faq-questions button.is-active{font-weight:650}
.about-faq-questions button:focus-visible{outline:1px solid var(--ink);outline-offset:-1px}
.about-faq-accordion{display:none!important}

@media(max-width:1200px){
  .about-story-heading,.about-story-copy,
  .about-section-head>div,
  .about-archive-head>div:first-child,
  .about-archive-narrative,
  .about-infrastructure-head>div:first-child,
  .about-infrastructure-copy,
  .about-faq-head,
  .about-faq-questions{grid-column:1/13}
  .about-story-grid{row-gap:26px}
  .about-story-copy{padding-top:0}
  .about-story-heading h1{max-width:760px}
  .about-process-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--public-grid-gap)}
  .about-process-visual>i{display:none}
  .about-process-visual article{padding:24px 0;border-top:1px solid var(--line)}
  .about-process-visual article:nth-of-type(odd){padding-right:18px}
  .about-process-visual article:nth-of-type(even){padding-left:18px}
  .about-infrastructure-head{row-gap:24px}
  .about-infrastructure-head h2{white-space:normal}
  .about-faq{row-gap:30px}
  .about-faq-answer{min-height:132px;margin-top:26px}
}

@media(max-width:760px){
  :is(body[data-route="home"],body[data-route="artists"],body[data-route="curators"],body[data-route="explore"],body[data-route="exhibitions"],body[data-route="about"],body[data-route="artist"],body[data-route="curator"],body[data-route="artwork"],body[data-route="exhibition"],body[data-route="public"],body[data-route="nfc"]){--page-x:24px}
  .site-header{padding-left:var(--page-x);padding-right:var(--page-x)}
  .about-story{padding-top:82px}
  .about-story-heading h1{font-size:clamp(40px,11.2vw,54px);line-height:1.01}
  .about-evolution-rail{grid-template-columns:1fr;padding:20px}
  .about-evolution-rail>i{transform:rotate(90deg);justify-self:start;margin-left:12px}
  .about-evolution-rail article,.about-evolution-rail .about-evolution-now{grid-template-columns:48px minmax(0,1fr)!important}
  .about-evolution-symbol{width:42px;height:42px}
  .about-section-head h2{font-size:clamp(32px,9.5vw,44px)}
  .about-process-visual{grid-template-columns:1fr}
  .about-process-visual article,.about-process-visual article:nth-of-type(odd),.about-process-visual article:nth-of-type(even){padding:22px 0;border-top:1px solid var(--line)}
  .about-archive-head h2{font-size:clamp(32px,9.2vw,43px)}
  .about-archive-head h2 span{white-space:normal}
  .about-archive-gallery{grid-template-columns:1fr;grid-template-rows:auto}
  .about-archive-gallery .archive-feature,.about-archive-gallery .archive-portrait-one,.about-archive-gallery .archive-portrait-two,.about-archive-gallery .archive-secondary-one,.about-archive-gallery .archive-secondary-two,.about-archive-gallery .archive-secondary-three{grid-column:auto;grid-row:auto}
  .about-archive-gallery .archive-feature .archive-image-frame,.about-archive-gallery .archive-secondary-one .archive-image-frame,.about-archive-gallery .archive-secondary-two .archive-image-frame,.about-archive-gallery .archive-secondary-three .archive-image-frame{aspect-ratio:4/3}
  .about-archive-gallery .archive-portrait-one .archive-image-frame,.about-archive-gallery .archive-portrait-two .archive-image-frame{aspect-ratio:3/4}
  .about-infrastructure-head h2{font-size:clamp(34px,9.5vw,45px)}
  .integration-grid article{grid-template-rows:auto 92px auto}
  .integration-logo-wrap{height:92px;padding-top:20px}
  .about-faq-answer{min-height:190px;margin-top:24px}
  .about-faq-questions button{font-size:13px}
  .artist-index-grid,.curator-index-grid{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .about-faq-questions button .ui-icon{transition:none}
}


/* Arts Exchange v1.8.89 — About refinement and stable accordion */
body[data-route="about"] .about-story-copy .about-story-intro{
  max-width:720px;
  color:var(--ink);
  font-size:clamp(17px,1.28vw,21px);
  font-weight:650;
  line-height:1.42;
  letter-spacing:-.018em
}
body[data-route="about"] .about-story-copy>p:not(.about-story-intro){max-width:690px}
body[data-route="about"] .about-evolution-rail{
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
  gap:clamp(18px,2vw,32px);
  padding:0;
  background:transparent
}
body[data-route="about"] .about-evolution-rail article,
body[data-route="about"] .about-evolution-rail .about-evolution-now{
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr;
  min-height:174px;
  padding:clamp(20px,2vw,28px);
  background:var(--paper-2)
}
body[data-route="about"] .about-evolution-rail article>span{font-size:10px;color:var(--muted)}
body[data-route="about"] .about-evolution-rail strong{font-size:clamp(18px,1.2vw,21px)}
body[data-route="about"] .about-evolution-rail p{max-width:600px;font-size:12.5px;line-height:1.6}
body[data-route="about"] .about-evolution-rail>i{align-self:center;justify-self:center}
body[data-route="about"] .about-origin-note{display:none}

body[data-route="about"] .about-section-head>div{grid-column:1/8}
body[data-route="about"] .about-section-head h2{max-width:760px;text-wrap:balance}
body[data-route="about"] .about-section-head h2 span{display:block}
body[data-route="about"] .about-process-node small{display:none!important}
body[data-route="about"] .about-process-visual article{grid-template-rows:46px auto 1fr}
body[data-route="about"] .about-process-visual>i{align-self:start;margin-top:15px}

body[data-route="about"] .about-archive-copy{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap);
  align-items:start
}
body[data-route="about"] .about-archive-narrative{grid-column:1/8;max-width:none}
body[data-route="about"] .about-archive-narrative>.eyebrow{margin:0 0 12px}
body[data-route="about"] .about-archive-narrative h3{max-width:720px}
body[data-route="about"] .about-archive-copy p{max-width:720px}
body[data-route="about"] .about-archive-poster{grid-column:9/13;margin:0;min-width:0}
body[data-route="about"] .about-archive-poster>div{overflow:hidden;background:#151319;aspect-ratio:1240/1754}
body[data-route="about"] .about-archive-poster img{display:block;width:100%;height:100%;object-fit:cover}
body[data-route="about"] .about-archive-poster figcaption{margin-top:8px;color:var(--muted);font-size:10px;line-height:1.35}

body[data-route="about"] .about-infrastructure-head>div:first-child{grid-column:1/6}
body[data-route="about"] .about-infrastructure-copy{grid-column:7/13}
body[data-route="about"] .about-infrastructure-copy .about-infrastructure-lead{max-width:700px}
body[data-route="about"] .about-infrastructure-copy p{max-width:700px}
body[data-route="about"] .integration-grid article{
  grid-template-rows:34px 116px minmax(0,1fr);
  min-height:326px
}
body[data-route="about"] .integration-logo-wrap{
  height:116px;
  margin:0;
  padding:25px 18px 18px;
  display:flex;
  align-items:center;
  justify-content:center
}
body[data-route="about"] .integration-logo-wrap .integration-logo{display:block;max-height:56px;max-width:126px;object-fit:contain}
body[data-route="about"] .integration-logo-content-credentials{width:52px!important;height:52px!important}
body[data-route="about"] .integration-logo-nfc{width:54px!important;height:54px!important}
body[data-route="about"] .integration-logo-ipfs{width:100px!important}
body[data-route="about"] .integration-logo-pair{gap:13px}
body[data-route="about"] .integration-logo-ethereum{width:28px!important}
body[data-route="about"] .integration-logo-base{width:54px!important}
body[data-route="about"] .integration-logo-rarible{width:48px!important;height:48px!important}
body[data-route="about"] .integration-logo-stripe{width:138px!important;max-width:138px!important}
body[data-route="about"] .integration-card-copy{padding-top:18px;grid-template-rows:38px auto}
body[data-route="about"] .integration-grid h3{height:38px;margin:0;font-size:15px;line-height:1.25}
body[data-route="about"] .integration-grid p{padding-top:0}

body[data-route="about"] .about-faq{
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap);
  align-items:start;
  min-height:0
}
body[data-route="about"] .about-faq-head{grid-column:1/6;position:static}
body[data-route="about"] .about-faq-accordion{
  grid-column:7/13;
  display:block!important;
  width:100%;
  border-top:1px solid var(--line)
}
body[data-route="about"] .about-faq-answer,
body[data-route="about"] .about-faq-questions{display:none!important}
body[data-route="about"] .about-faq-accordion details{border-bottom:1px solid var(--line)}
body[data-route="about"] .about-faq-accordion summary{
  position:relative;
  padding:21px 36px 21px 2px;
  list-style:none;
  color:var(--ink);
  font-size:14px;
  font-weight:650;
  line-height:1.45;
  cursor:pointer
}
body[data-route="about"] .about-faq-accordion summary::-webkit-details-marker{display:none}
body[data-route="about"] .about-faq-accordion summary::after{
  content:'+';
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--mono);
  font-size:13px;
  font-weight:400
}
body[data-route="about"] .about-faq-accordion details[open] summary::after{content:'−'}
body[data-route="about"] .about-faq-accordion details>div{padding:0 42px 23px 2px}
body[data-route="about"] .about-faq-accordion details p{max-width:760px;margin:0;color:var(--muted);font-size:14px;line-height:1.66}
body[data-route="about"] .about-faq-accordion summary:hover{color:#000}
body[data-route="about"] .about-faq-accordion summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}

@media(max-width:1200px){
  body[data-route="about"] .about-story-heading,
  body[data-route="about"] .about-story-copy,
  body[data-route="about"] .about-section-head>div,
  body[data-route="about"] .about-archive-head>div:first-child,
  body[data-route="about"] .about-infrastructure-head>div:first-child,
  body[data-route="about"] .about-infrastructure-copy,
  body[data-route="about"] .about-faq-head,
  body[data-route="about"] .about-faq-accordion{grid-column:1/13}
  body[data-route="about"] .about-evolution-rail{grid-template-columns:1fr}
  body[data-route="about"] .about-evolution-rail>i{transform:rotate(90deg);justify-self:start;margin-left:20px}
  body[data-route="about"] .about-archive-narrative{grid-column:1/8}
  body[data-route="about"] .about-archive-poster{grid-column:9/13}
  body[data-route="about"] .about-faq{row-gap:30px}
}
@media(max-width:760px){
  body[data-route="about"] .about-story-copy .about-story-intro{font-size:18px}
  body[data-route="about"] .about-evolution-rail article,
  body[data-route="about"] .about-evolution-rail .about-evolution-now{grid-template-columns:48px minmax(0,1fr)!important;min-height:0}
  body[data-route="about"] .about-section-head h2 span{display:inline}
  body[data-route="about"] .about-section-head h2 span+span::before{content:' '}
  body[data-route="about"] .about-archive-narrative,
  body[data-route="about"] .about-archive-poster{grid-column:1/13}
  body[data-route="about"] .about-archive-poster{margin-top:28px;max-width:420px}
  body[data-route="about"] .integration-grid article{grid-template-rows:auto 96px auto;min-height:0}
  body[data-route="about"] .integration-logo-wrap{height:96px;padding-top:20px}
  body[data-route="about"] .about-faq-accordion summary{font-size:13px}
}


/* Arts Exchange v1.8.90 — quieter evolution, archive grid and integration rhythm */
body[data-route="about"] .about-story-copy .about-story-intro{
  max-width:720px;
}

/* The first and current platform states read as a light timeline, not two feature cards. */
body[data-route="about"] .about-evolution-rail{
  grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);
  gap:clamp(18px,2vw,30px);
  margin-top:clamp(34px,3.2vw,50px);
  padding:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:transparent;
}
body[data-route="about"] .about-evolution-rail article,
body[data-route="about"] .about-evolution-rail .about-evolution-now{
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr;
  gap:9px 16px;
  min-height:0;
  padding:24px 0 26px;
  background:transparent;
}
body[data-route="about"] .about-evolution-origin{padding-right:clamp(8px,1.3vw,22px)!important}
body[data-route="about"] .about-evolution-now{padding-left:clamp(8px,1.3vw,22px)!important}
body[data-route="about"] .about-evolution-rail article>span{
  grid-column:1/-1;
  margin:0;
  padding:0;
  font-size:9px;
}
body[data-route="about"] .about-evolution-symbol{
  width:38px;
  height:38px;
  border:1px solid var(--line-strong);
  background:#fff;
}
body[data-route="about"] .about-evolution-symbol img{width:19px;height:19px}
body[data-route="about"] .about-evolution-symbol .ui-icon{width:18px;height:18px}
body[data-route="about"] .about-evolution-rail article>div:last-child{grid-column:2;grid-row:2}
body[data-route="about"] .about-evolution-rail strong{
  font-size:clamp(17px,1.15vw,20px);
  line-height:1.18;
}
body[data-route="about"] .about-evolution-rail p{
  max-width:590px;
  margin-top:6px;
  font-size:12px;
  line-height:1.58;
}
body[data-route="about"] .about-evolution-rail>i{
  align-self:center;
  justify-self:center;
  color:var(--muted);
}
body[data-route="about"] .about-evolution-rail>i .ui-icon{width:20px;height:20px}

/* Archive copy follows the same twelve-column frame, with a quieter text measure. */
body[data-route="about"] .about-archive-narrative{
  grid-column:2/7;
  max-width:none;
}
body[data-route="about"] .about-archive-byline{
  margin:0 0 12px;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body[data-route="about"] .about-archive-narrative h3,
body[data-route="about"] .about-archive-copy p{max-width:100%}
body[data-route="about"] .about-archive-poster{
  grid-column:9/13;
  margin:0;
  min-width:0;
}
body[data-route="about"] .about-archive-poster>div{
  overflow:visible;
  aspect-ratio:auto;
  background:transparent;
}
body[data-route="about"] .about-archive-poster img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

/* Integration marks share one left-aligned logo row and one title baseline. */
body[data-route="about"] .integration-grid article{
  grid-template-rows:31px 116px minmax(0,1fr);
  min-height:282px;
}
body[data-route="about"] .integration-logo-wrap{
  height:116px;
  margin:0;
  padding:25px 0 18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
body[data-route="about"] .integration-logo-wrap .integration-logo{
  display:block;
  max-height:58px;
  max-width:132px;
  object-fit:contain;
  object-position:left center;
}
body[data-route="about"] .integration-logo-content-credentials{width:58px!important;height:58px!important}
body[data-route="about"] .integration-logo-nfc{width:58px!important;height:58px!important}
body[data-route="about"] .integration-logo-ipfs{width:106px!important}
body[data-route="about"] .integration-logo-pair{gap:14px}
body[data-route="about"] .integration-logo-ethereum{width:30px!important}
body[data-route="about"] .integration-logo-base{width:64px!important}
body[data-route="about"] .integration-logo-rarible{width:52px!important;height:52px!important}
body[data-route="about"] .integration-logo-stripe{width:78px!important;max-width:78px!important;filter:brightness(0)!important}
body[data-route="about"] .integration-card-copy{
  padding-top:18px;
  grid-template-rows:25px auto;
}
body[data-route="about"] .integration-grid h3{
  height:25px;
  margin:0;
  font-size:15px;
  line-height:1.25;
}
body[data-route="about"] .integration-grid p{padding-top:0}

@media(max-width:1200px){
  body[data-route="about"] .about-evolution-rail{grid-template-columns:1fr}
  body[data-route="about"] .about-evolution-rail>i{
    transform:rotate(90deg);
    justify-self:start;
    margin-left:8px;
  }
  body[data-route="about"] .about-evolution-origin,
  body[data-route="about"] .about-evolution-now{padding-left:0!important;padding-right:0!important}
  body[data-route="about"] .about-archive-narrative{grid-column:1/8}
  body[data-route="about"] .about-archive-poster{grid-column:9/13}
}
@media(max-width:760px){
  body[data-route="about"] .about-archive-narrative,
  body[data-route="about"] .about-archive-poster{grid-column:1/13}
  body[data-route="about"] .about-archive-poster{margin-top:28px;max-width:420px}
  body[data-route="about"] .integration-grid article{
    grid-template-rows:31px 96px auto;
    min-height:0;
  }
  body[data-route="about"] .integration-logo-wrap{height:96px;padding:20px 0 14px}
}


/* Arts Exchange v1.8.91 — balanced introduction and About typography rhythm */
body[data-route="about"] .about-story-copy .about-story-intro{
  max-width:760px;
  font-size:clamp(18px,1.42vw,23px);
  font-weight:650;
  line-height:1.4;
  letter-spacing:-.02em;
}
body[data-route="about"] .about-story-copy>p:not(.about-story-intro){max-width:720px}

/* A quiet, full-width evolution line balances the two-column introduction. */
body[data-route="about"] .about-evolution-rail{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap);
  align-items:start;
  width:100%;
  margin-top:clamp(34px,3.2vw,52px);
  padding:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:transparent;
}
body[data-route="about"] .about-evolution-rail article,
body[data-route="about"] .about-evolution-rail .about-evolution-now{
  display:block!important;
  min-height:0;
  padding:clamp(20px,2vw,28px) 0 clamp(23px,2.2vw,32px);
  background:transparent;
}
body[data-route="about"] .about-evolution-origin{grid-column:1/6}
body[data-route="about"] .about-evolution-now{grid-column:7/13}
body[data-route="about"] .about-evolution-rail article>span{
  display:block;
  margin:0 0 8px;
  padding:0;
  color:var(--muted);
  font-family:var(--mono);
  font-size:9px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body[data-route="about"] .about-evolution-rail article>div:last-child{
  display:block;
  min-width:0;
}
body[data-route="about"] .about-evolution-rail strong{
  display:block;
  font-size:clamp(17px,1.18vw,20px);
  font-weight:650;
  line-height:1.18;
  letter-spacing:-.02em;
}
body[data-route="about"] .about-evolution-rail p{
  max-width:610px;
  margin:7px 0 0;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.58;
}
body[data-route="about"] .about-evolution-rail small{
  display:block;
  max-width:610px;
  margin-top:9px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.55;
}
body[data-route="about"] .about-evolution-rail>i{
  grid-column:6/7;
  grid-row:1;
  align-self:center;
  justify-self:center;
  color:var(--muted);
}
body[data-route="about"] .about-evolution-rail>i .ui-icon{width:19px;height:19px}
body[data-route="about"] .about-evolution-symbol{display:none!important}

/* Shared left-side subsection scale. */
body[data-route="about"] .about-section-head h2,
body[data-route="about"] .about-infrastructure-head h2,
body[data-route="about"] .about-faq-head h2{
  margin:8px 0;
  font-family:var(--serif);
  font-size:clamp(37px,3.2vw,51px);
  font-weight:400;
  line-height:1.04;
  letter-spacing:-.035em;
}
body[data-route="about"] .about-archive-narrative{
  grid-column:1/6;
  max-width:none;
}
body[data-route="about"] .about-archive-narrative h3{
  max-width:760px;
  margin:0 0 18px;
  font-size:clamp(37px,3.2vw,51px);
  font-weight:620;
  line-height:1.2;
  letter-spacing:-.025em;
}
body[data-route="about"] .about-archive-copy p{max-width:760px}

/* Tighter relationship between integration marks and their descriptors. */
body[data-route="about"] .integration-grid article{
  grid-template-rows:19px 100px minmax(0,1fr);
  min-height:282px;
}
body[data-route="about"] .integration-logo-wrap{
  height:94px;
  margin:0;
  padding:39px 0 14px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
body[data-route="about"] .integration-card-copy{
  padding-top:6px;
  grid-template-rows:25px auto;
}
body[data-route="about"] .integration-grid h3{
  height:25px;
  margin:0;
  line-height:1.25;
}

@media(max-width:1200px){
  body[data-route="about"] .about-evolution-origin{grid-column:1/7}
  body[data-route="about"] .about-evolution-now{grid-column:7/13}
  body[data-route="about"] .about-evolution-rail>i{display:none}
  body[data-route="about"] .about-archive-narrative{grid-column:1/8}
}
@media(max-width:760px){
  body[data-route="about"] .about-evolution-rail{display:block}
  body[data-route="about"] .about-evolution-rail article,
  body[data-route="about"] .about-evolution-rail .about-evolution-now{padding:21px 0 23px!important}
  body[data-route="about"] .about-evolution-now{border-top:1px solid var(--line)}
  body[data-route="about"] .about-archive-narrative{grid-column:1/13}
  body[data-route="about"] .about-archive-narrative h3{font-size:clamp(34px,9vw,44px)}
  body[data-route="about"] .integration-grid article{grid-template-rows:19px 88px auto;min-height:0}
  body[data-route="about"] .integration-logo-wrap{height:88px;padding:18px 0 12px}
}


/* Arts Exchange v1.8.92 — simplified About introduction */
body[data-route="about"] .about-story{
  padding-bottom:clamp(48px,4.2vw,68px);
}
body[data-route="about"] .about-story::after{
  content:"";
  position:absolute;
  left:var(--page-x);
  right:var(--page-x);
  bottom:0;
  height:1px;
  background:var(--line);
}
body[data-route="about"] .about-how{
  padding-top:clamp(48px,4.2vw,68px);
}
body[data-route="about"] .integration-grid article{
  grid-template-rows:19px 94px minmax(0,1fr);
  min-height:256px;
  padding:22px 20px;
}
@media(max-width:760px){
  body[data-route="about"] .about-story::after{left:var(--page-x);right:var(--page-x)}
  body[data-route="about"] .integration-grid article{min-height:0}
}

/* Arts Exchange v1.8.94 — subtle How Arts Exchange works surface */
body[data-route="about"] .about-how{
  background:#fdfdfc;
}

/* Arts Exchange v1.8.95 — Studio visual alignment
   Brings the operational workspace closer to the public editorial system
   without changing Studio routes, data, permissions or interaction flows. */

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]){
  --studio-frame:1480px;
  background:#fdfdfc;
}

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) #main-content{
  background:#fdfdfc;
}

/* Studio shell: retain the functional rail, but remove the older app-like softness. */
.studio-shell{
  grid-template-columns:216px minmax(0,1fr);
  background:#fdfdfc;
}
.studio-shell>aside{
  background:#f4f2ed;
  color:var(--ink);
  border-right:1px solid var(--line);
  padding:28px 18px;
}
.studio-brand{
  margin:0 0 18px;
  padding:0 6px 22px;
  border-bottom:1px solid var(--line);
}
.studio-brand span{
  color:var(--muted);
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
}
.studio-brand b{
  margin-top:7px;
  font-size:17px;
  font-weight:620;
  letter-spacing:-.02em;
}
.workspace-switch{
  gap:0;
  margin:0 0 20px;
  border:1px solid var(--line-strong);
  background:#fff;
}
.workspace-switch button{
  min-height:38px;
  padding:9px 10px;
  border:0;
  border-right:1px solid var(--line);
  border-radius:0;
  background:transparent;
  color:var(--muted);
  font-size:10px;
  font-weight:650;
}
.workspace-switch button:last-child{border-right:0}
.workspace-switch button:hover{background:#f7f6f2;color:var(--ink)}
.workspace-switch button.active{background:var(--ink);color:#fff}
.studio-shell>aside nav{gap:0}
.studio-shell>aside nav a{
  min-height:42px;
  padding:12px 10px 12px 14px;
  border-left:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:#716d65;
  font-size:12px;
  font-weight:520;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.studio-shell>aside nav a:hover{
  background:rgba(255,255,255,.6);
  color:var(--ink);
}
.studio-shell>aside nav a.active{
  border-left-color:var(--ink);
  background:#fff;
  color:var(--ink);
  font-weight:650;
}

/* One content frame inside the functional shell. */
.studio-main{
  min-width:0;
  padding:clamp(42px,5vw,72px) clamp(28px,4.4vw,68px) 110px;
  background:#fdfdfc!important;
  background-image:none!important;
}
.studio-main>*{
  width:100%;
  max-width:var(--studio-frame);
  margin-left:auto;
  margin-right:auto;
}
.studio-title{
  display:grid;
  grid-template-columns:minmax(0,8fr) minmax(180px,4fr);
  align-items:end;
  gap:clamp(28px,5vw,78px);
  margin-bottom:32px;
  padding-bottom:27px;
  border-bottom:1px solid var(--line);
}
.studio-title>div{min-width:0}
.studio-title> :last-child:not(:first-child){justify-self:end}
.studio-title h1{
  max-width:960px;
  margin:9px 0 0;
  font-size:clamp(39px,4.2vw,61px)!important;
  font-weight:500!important;
  line-height:.98!important;
  letter-spacing:-.048em!important;
}
.studio-note{
  max-width:720px;
  margin:14px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

/* Shared operational surfaces: flatter, calmer and aligned with the public pages. */
body[data-route="studio"] :is(
  .studio-readiness,.next-steps,.dashboard-utility,.studio-projects,
  .panel,.funds-panel,.studio-exhibition-card,.studio-work-card,
  .request-card,.request-row,.display-row,.display-group-card,
  .profile-form-stack section,.refined-preview,.portable-records-intro,
  .portable-record-card,.technical-drawer,.external-record-drawer
),
body[data-route="work"] :is(.studio-work-form,.wizard-preview-large,.upload-inline),
body[data-route="portable"] :is(.portable-work-card,.portable-flow-card,.technical-drawer,.external-record-drawer),
body[data-route="exhibition-builder"] :is(.builder-section,.review-summary,.blocker-panel,.delivery-record-strip,.live-program-strip){
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}

.dashboard-priority-grid{
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:16px;
  margin-bottom:20px;
}
.studio-readiness,.next-steps,.dashboard-utility{
  border:1px solid var(--line)!important;
}
.studio-readiness{padding:24px 25px}
.studio-readiness.ready{
  background:#fff!important;
  border-left:3px solid var(--ink)!important;
}
.readiness-mark{
  border-radius:0;
  background:transparent;
}
.next-steps>.panel-head{padding:21px 24px 17px}
.next-step-row{
  padding:17px 24px;
  transition:background .16s ease;
}
.next-step-row:hover{background:#f8f7f3}
.next-step-row>b,
.task-tone{
  border-radius:0;
}
.task-tone.required,.task-tone.suggested,.task-tone.complete{
  border:1px solid var(--line);
  background:transparent;
  color:var(--ink);
}

/* Main actions: monochrome, no vertical hover movement. */
.studio-action-grid{
  gap:16px;
  margin-bottom:28px;
}
.studio-action-grid>a,.studio-action-grid>button{
  min-height:158px;
  padding:22px;
  border-radius:0;
  background:#fff;
  transition:background .16s ease,border-color .16s ease;
}
.studio-action-grid>a:hover,.studio-action-grid>button:hover{
  background:#f8f7f3;
  border-color:var(--line-strong);
  transform:none;
}
.studio-action-grid>a>span,.studio-action-grid>button>span,
.dashboard-utility>div>span,
.display-callout>span,.display-icon,
.display-group-card header>span,
.activity-item-icon,.request-row-icon,
.request-card-title>span,.request-card-stage>span{
  border-radius:0!important;
  background:transparent!important;
  border:1px solid var(--line)!important;
  color:var(--ink)!important;
}

.dashboard-utility-grid{gap:16px}
.dashboard-utility{
  min-height:184px;
  padding:23px;
  align-items:flex-end;
  background:#fff!important;
}
.dashboard-utility>div>span{margin-bottom:18px}
.dashboard-activity-full{margin-bottom:20px}

/* Collections: use the same flat gallery logic as the public directories. */
.studio-work-grid,.studio-exhibition-grid,.request-card-grid{
  gap:16px;
}
.studio-work-card,.studio-exhibition-card,.request-card,.portable-record-card{
  overflow:visible;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  background:#fff!important;
  transition:background .16s ease,border-color .16s ease!important;
}
.studio-work-card:hover,.studio-exhibition-card:hover,.request-card:hover,.portable-record-card:hover{
  background:#fdfdfc!important;
  border-color:var(--line-strong)!important;
  transform:none!important;
}
.studio-work-card-media,.studio-exhibition-media,.portable-record-media{
  border-radius:0!important;
}
.studio-work-card-body,.studio-exhibition-body{padding:17px 18px 18px!important}
.work-card-menu summary{
  border-radius:0;
  transition:background .16s ease,border-color .16s ease;
}
.work-card-menu summary:hover{transform:none}
.work-card-menu>div{
  border-radius:0;
  box-shadow:0 16px 34px rgba(0,0,0,.09);
}
.work-card-menu a,.work-card-menu button{border-radius:0}
.record-layer-badge,.display-group-tag{
  border-radius:2px;
}

/* Profiles and guided workflows retain their logic but lose the older glass-card styling. */
.profile-editor-layout{gap:clamp(28px,4vw,52px)}
.profile-form-stack section{
  padding:25px!important;
  border-radius:0!important;
  background:#fff!important;
}
.profile-form-stack section header .step-no{
  border-radius:0;
  background:var(--ink);
}
.visibility-options .choice,
.availability-options .choice,
.profile-upload,.upload-zone,.upload-inline,
.studio-work-steps button,
.studio-work-form,.wizard-form,
.refined-preview,.wizard-preview-large{
  border-radius:0!important;
}
.visibility-options .choice,
.availability-options .choice,
.profile-upload,.upload-inline,
.studio-work-steps button,
.studio-work-form{
  background:#fff!important;
}
.refined-preview{
  background:#f7f5ef!important;
  border:1px solid var(--line)!important;
}
.studio-work-steps{gap:0}
.studio-work-steps button{
  border-right:0;
  background:#fff!important;
}
.studio-work-steps button:last-child{border-right:1px solid var(--line)}
.studio-work-steps button.active{
  background:var(--ink)!important;
  color:#fff;
}
.studio-work-steps button.complete{
  background:#f1efe9!important;
  color:var(--ink);
}

/* Display and portable-record feature panels stay functional but quieter. */
.display-pairing-feature,
.display-pathway-grid>button,
.display-pairing-steps>div,
.portable-records-intro,
.portable-activation-hero,
.activation-card,.chain-card,
.portable-work-card,.portable-flow-card{
  border-radius:0!important;
  box-shadow:none!important;
}
.display-pairing-feature,
.portable-records-intro{
  background:#fff!important;
}
.display-pairing-copy>span,
.display-pathway-grid>button>span,
.group-wizard-intro>span,
.portable-records-intro>div>span{
  border-radius:0!important;
  background:transparent!important;
  border:1px solid var(--line)!important;
}
.display-pairing-steps>div{background:#f8f7f3!important}

/* Operational buttons should feel stable rather than animated. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .button:hover{
  transform:none;
}

@media(max-width:980px){
  .studio-title{grid-template-columns:1fr;align-items:start}
  .studio-title> :last-child:not(:first-child){justify-self:start}
  .dashboard-priority-grid{grid-template-columns:1fr}
}

@media(max-width:820px){
  .studio-shell{grid-template-columns:1fr}
  .studio-shell>aside{
    position:relative;
    top:auto;
    height:auto;
    padding:14px var(--page-x);
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .workspace-switch{min-width:190px;margin:0}
  .studio-shell>aside nav a{
    min-height:38px;
    padding:10px 12px;
    border-left:0;
    border-bottom:2px solid transparent;
    white-space:nowrap;
  }
  .studio-shell>aside nav a.active{border-bottom-color:var(--ink)}
  .studio-main{padding:38px var(--page-x) 90px}
}

@media(max-width:620px){
  .studio-title h1{font-size:clamp(36px,11vw,50px)!important}
  .studio-main{padding-top:30px}
  .studio-action-grid,.dashboard-utility-grid{gap:12px}
  .studio-action-grid>a,.studio-action-grid>button{min-height:0}
}

/* Arts Exchange v1.8.96 — functional Studio colour system
   Restores restrained colour as operational wayfinding: green for readiness
   and live records, ochre for requests and agreements, blue for display and
   profile functions, violet for portable records, and coral for exhibitions. */

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]){
  --studio-mint:#dcebe1;
  --studio-mint-bg:#eef6f1;
  --studio-mint-line:#82aa90;
  --studio-mint-ink:#2f6146;
  --studio-sky:#dfe7f5;
  --studio-sky-bg:#f0f4fa;
  --studio-sky-line:#8aa2c2;
  --studio-sky-ink:#405d82;
  --studio-violet:#e6e0f0;
  --studio-violet-bg:#f4f1f8;
  --studio-violet-line:#9c8db8;
  --studio-violet-ink:#5d5077;
  --studio-ochre:#eadbbc;
  --studio-ochre-bg:#f8f2e5;
  --studio-ochre-line:#b69251;
  --studio-ochre-ink:#6f531b;
  --studio-coral:#f0ded4;
  --studio-coral-bg:#faf1ed;
  --studio-coral-line:#bc8067;
  --studio-coral-ink:#7d4b38;
}

/* Workspace and rail wayfinding. The colour is confined to the active task. */
.studio-shell>aside nav a.active{
  border-left-width:3px;
  padding-left:13px;
  font-weight:650;
}
.studio-shell>aside nav a[href="/studio/overview"].active{
  border-left-color:var(--studio-ochre-line);
  background:var(--studio-ochre-bg);
}
.studio-shell>aside nav a[href="/studio/profile"].active{
  border-left-color:var(--studio-sky-line);
  background:var(--studio-sky-bg);
  color:var(--studio-sky-ink);
}
.studio-shell>aside nav a[href="/studio/works"].active{
  border-left-color:var(--studio-mint-line);
  background:var(--studio-mint-bg);
  color:var(--studio-mint-ink);
}
.studio-shell>aside nav a[href="/studio/portable-records"].active{
  border-left-color:var(--studio-violet-line);
  background:var(--studio-violet-bg);
  color:var(--studio-violet-ink);
}
.studio-shell>aside nav a:is([href="/studio/requests"],[href="/studio/sent"]).active{
  border-left-color:var(--studio-ochre-line);
  background:var(--studio-ochre-bg);
  color:var(--studio-ochre-ink);
}
.studio-shell>aside nav a[href="/studio/exhibitions"].active{
  border-left-color:var(--studio-coral-line);
  background:var(--studio-coral-bg);
  color:var(--studio-coral-ink);
}
.studio-shell>aside nav a[href="/studio/displays"].active{
  border-left-color:var(--studio-sky-line);
  background:var(--studio-sky-bg);
  color:var(--studio-sky-ink);
}

/* Readiness and next actions use semantic colour rather than undifferentiated boxes. */
.studio-readiness:not(.ready){
  border-top:3px solid var(--studio-mint-line)!important;
}
.studio-readiness.ready{
  background:linear-gradient(110deg,var(--studio-mint-bg),#fff 70%)!important;
  border-left-color:var(--studio-mint-line)!important;
}
.readiness-mark{
  border-radius:50%!important;
  border-color:rgba(47,97,70,.22)!important;
  background:var(--studio-mint)!important;
  color:var(--studio-mint-ink)!important;
}
.readiness-bar span{background:var(--studio-mint-line)!important}
.readiness-items>span.complete{color:var(--studio-mint-ink)}

.task-tone.required{
  border-color:rgba(125,75,56,.22)!important;
  background:var(--studio-coral)!important;
  color:var(--studio-coral-ink)!important;
}
.task-tone.suggested{
  border-color:rgba(111,83,27,.22)!important;
  background:var(--studio-ochre)!important;
  color:var(--studio-ochre-ink)!important;
}
.task-tone.complete{
  border-color:rgba(47,97,70,.2)!important;
  background:var(--studio-mint)!important;
  color:var(--studio-mint-ink)!important;
}
.next-step-row:has(.task-tone.required){box-shadow:inset 3px 0 0 var(--studio-coral-line)}
.next-step-row:has(.task-tone.suggested){box-shadow:inset 3px 0 0 var(--studio-ochre-line)}
.next-step-row:has(.task-tone.complete){box-shadow:inset 3px 0 0 var(--studio-mint-line)}

/* Primary actions remain flat, but each action family has a clear visual identity. */
.studio-action-grid>a,.studio-action-grid>button{
  --action-bg:#fff;
  --action-tile:var(--paper-2);
  --action-line:var(--line-strong);
  --action-ink:var(--ink);
  border-top:3px solid var(--action-line);
  background:linear-gradient(180deg,var(--action-bg),#fff 76%)!important;
}
.studio-action-grid>[href="/work/new"],
.studio-action-grid>[href="/explore"]{
  --action-bg:var(--studio-mint-bg);
  --action-tile:var(--studio-mint);
  --action-line:var(--studio-mint-line);
  --action-ink:var(--studio-mint-ink);
}
.studio-action-grid>[href="/studio/requests"]{
  --action-bg:var(--studio-ochre-bg);
  --action-tile:var(--studio-ochre);
  --action-line:var(--studio-ochre-line);
  --action-ink:var(--studio-ochre-ink);
}
.studio-action-grid>[data-new-exhibition]{
  --action-bg:var(--studio-coral-bg);
  --action-tile:var(--studio-coral);
  --action-line:var(--studio-coral-line);
  --action-ink:var(--studio-coral-ink);
}
.studio-action-grid>[href="/studio/displays"]{
  --action-bg:var(--studio-sky-bg);
  --action-tile:var(--studio-sky);
  --action-line:var(--studio-sky-line);
  --action-ink:var(--studio-sky-ink);
}
.studio-action-grid>a>span,.studio-action-grid>button>span{
  border:0!important;
  border-radius:12px!important;
  background:var(--action-tile)!important;
  color:var(--action-ink)!important;
}
.studio-action-grid>a:hover,.studio-action-grid>button:hover{
  background:var(--action-bg)!important;
}

/* Dashboard utilities are grouped by function, not decoration. */
.dashboard-utility{
  --utility-bg:#fff;
  --utility-tile:var(--paper-2);
  --utility-line:var(--line-strong);
  --utility-ink:var(--ink);
  border-top:3px solid var(--utility-line)!important;
  background:linear-gradient(180deg,var(--utility-bg),#fff 82%)!important;
}
.dashboard-utility:has(a[href="/studio/displays"]){
  --utility-bg:var(--studio-sky-bg);
  --utility-tile:var(--studio-sky);
  --utility-line:var(--studio-sky-line);
  --utility-ink:var(--studio-sky-ink);
}
.dashboard-utility.funds-compact{
  --utility-bg:var(--studio-ochre-bg);
  --utility-tile:var(--studio-ochre);
  --utility-line:var(--studio-ochre-line);
  --utility-ink:var(--studio-ochre-ink);
}
.dashboard-utility.portable-utility{
  --utility-bg:var(--studio-violet-bg);
  --utility-tile:var(--studio-violet);
  --utility-line:var(--studio-violet-line);
  --utility-ink:var(--studio-violet-ink);
}
.dashboard-utility>div>span{
  border:0!important;
  border-radius:12px!important;
  background:var(--utility-tile)!important;
  color:var(--utility-ink)!important;
}

/* Collections retain public-site restraint while status colour communicates state. */
.studio-work-card:has(.status.published){border-top:3px solid var(--studio-mint-line)!important}
.studio-work-card:has(.status.draft){border-top:3px solid var(--studio-ochre-line)!important}
.studio-work-card:has(.status.archived){border-top:3px solid var(--studio-coral-line)!important}
.studio-exhibition-card:has(.status.published),
.studio-exhibition-card:has(.status.accepted){border-top:3px solid var(--studio-mint-line)!important}
.studio-exhibition-card:has(.status.pending),
.studio-exhibition-card:has(.status.draft){border-top:3px solid var(--studio-ochre-line)!important}
.studio-exhibition-card:has(.status.scope-warning){border-top:3px solid var(--studio-coral-line)!important}
.record-layer-badge{
  background:var(--studio-violet-bg)!important;
  border-color:rgba(93,80,119,.2)!important;
  color:var(--studio-violet-ink)!important;
}
.display-group-tag{
  background:var(--studio-sky-bg)!important;
  border-color:rgba(64,93,130,.18)!important;
  color:var(--studio-sky-ink)!important;
}

/* Requests and agreements read as a distinct operational family. */
.request-card{border-top:3px solid var(--studio-ochre-line)!important}
.request-card:has(.status.accepted){border-top-color:var(--studio-mint-line)!important}
.request-card:has(.status.declined){border-top-color:var(--studio-coral-line)!important}
.request-card-title>span,.request-card-stage>span,.request-row-icon{
  border:0!important;
  border-radius:12px!important;
  background:var(--studio-ochre)!important;
  color:var(--studio-ochre-ink)!important;
}
.request-card:has(.status.accepted) :is(.request-card-title>span,.request-card-stage>span){
  background:var(--studio-mint)!important;
  color:var(--studio-mint-ink)!important;
}
.activity-item-icon{
  border:0!important;
  border-radius:12px!important;
  background:var(--studio-mint)!important;
  color:var(--studio-mint-ink)!important;
}

/* Profile and work workflows use colour only to identify sections and completion. */
.profile-form-stack section{
  --profile-accent:var(--studio-sky-line);
  --profile-tile:var(--studio-sky);
  --profile-ink:var(--studio-sky-ink);
  border-top:3px solid var(--profile-accent)!important;
}
.profile-form-stack section:nth-child(2){
  --profile-accent:var(--studio-mint-line);
  --profile-tile:var(--studio-mint);
  --profile-ink:var(--studio-mint-ink);
}
.profile-form-stack section:nth-child(3){
  --profile-accent:var(--studio-ochre-line);
  --profile-tile:var(--studio-ochre);
  --profile-ink:var(--studio-ochre-ink);
}
.profile-form-stack section:nth-child(4n){
  --profile-accent:var(--studio-violet-line);
  --profile-tile:var(--studio-violet);
  --profile-ink:var(--studio-violet-ink);
}
.profile-form-stack section header .step-no{
  background:var(--profile-tile)!important;
  color:var(--profile-ink)!important;
}
.visibility-options .choice:has(input:checked),
.availability-options .choice:has(input:checked){
  border-color:var(--studio-sky-line)!important;
  background:var(--studio-sky-bg)!important;
  box-shadow:inset 3px 0 0 var(--studio-sky-line);
}
.studio-work-steps button.active{
  background:var(--studio-sky-ink)!important;
  border-color:var(--studio-sky-ink)!important;
}
.studio-work-steps button.complete{
  background:var(--studio-mint-bg)!important;
  border-color:var(--studio-mint-line)!important;
  color:var(--studio-mint-ink)!important;
}
.upload-inline,.upload-zone{
  background:var(--studio-sky-bg)!important;
  border-color:rgba(64,93,130,.28)!important;
}

/* Displays use blue; portable and provenance tools use violet. */
.display-pairing-feature{
  border-top:3px solid var(--studio-sky-line)!important;
  background:linear-gradient(120deg,var(--studio-sky-bg),#fff 72%)!important;
}
.display-pairing-copy>span,.display-icon,.display-group-card header>span{
  border:0!important;
  border-radius:12px!important;
  background:var(--studio-sky)!important;
  color:var(--studio-sky-ink)!important;
}
.display-pathway-grid>button{
  background:#fff!important;
  border-top:3px solid var(--studio-sky-line)!important;
}
.display-pathway-grid>button:nth-child(2){border-top-color:var(--studio-violet-line)!important}
.display-pathway-grid>button>span{
  border:0!important;
  border-radius:12px!important;
  background:var(--studio-sky)!important;
  color:var(--studio-sky-ink)!important;
}
.display-pathway-grid>button:nth-child(2)>span{
  background:var(--studio-violet)!important;
  color:var(--studio-violet-ink)!important;
}
.display-pairing-steps>div{
  border-top:3px solid var(--studio-sky-line)!important;
  background:var(--studio-sky-bg)!important;
}
.portable-records-intro,.portable-activation-hero{
  border-top:3px solid var(--studio-violet-line)!important;
  background:linear-gradient(120deg,var(--studio-violet-bg),#fff 74%)!important;
}
.portable-records-intro>div>span,.group-wizard-intro>span{
  border:0!important;
  border-radius:12px!important;
  background:var(--studio-violet)!important;
  color:var(--studio-violet-ink)!important;
}
.portable-work-card,.portable-flow-card,.activation-card,.chain-card{
  border-top:3px solid var(--studio-violet-line)!important;
}
.nfc-connect-section,.nfc-tag-card{
  border-top-color:var(--studio-mint-line)!important;
}

/* Exhibition building remains visually separate from requests and displays. */
body[data-route="exhibition-builder"] .builder-section,
body[data-route="exhibition-builder"] .review-summary,
body[data-route="exhibition-builder"] .delivery-record-strip,
body[data-route="exhibition-builder"] .live-program-strip{
  border-top:3px solid var(--studio-coral-line)!important;
}
.builder-progress-map button.current span{
  background:var(--studio-coral)!important;
  border-color:var(--studio-coral-line)!important;
  color:var(--studio-coral-ink)!important;
}
.builder-progress-map button.done span{
  background:var(--studio-mint)!important;
  color:var(--studio-mint-ink)!important;
  border-color:var(--studio-mint-line)!important;
}

@media(max-width:820px){
  .studio-shell>aside nav a.active{
    border-left:0;
    border-bottom-width:3px;
  }
  .studio-shell>aside nav a[href="/studio/overview"].active{border-bottom-color:var(--studio-ochre-line)}
  .studio-shell>aside nav a[href="/studio/profile"].active,
  .studio-shell>aside nav a[href="/studio/displays"].active{border-bottom-color:var(--studio-sky-line)}
  .studio-shell>aside nav a[href="/studio/works"].active{border-bottom-color:var(--studio-mint-line)}
  .studio-shell>aside nav a[href="/studio/portable-records"].active{border-bottom-color:var(--studio-violet-line)}
  .studio-shell>aside nav a:is([href="/studio/requests"],[href="/studio/sent"]).active{border-bottom-color:var(--studio-ochre-line)}
  .studio-shell>aside nav a[href="/studio/exhibitions"].active{border-bottom-color:var(--studio-coral-line)}
}

/* Arts Exchange v1.8.97 — Studio as a dedicated working environment
   Removes the public masthead from Studio routes and strengthens functional
   grouping with complete semantic borders and restrained tinted surfaces. */

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]){
  --studio-canvas:#f5f3ee;
  --studio-rail:#ece9e1;
  --studio-panel:#fff;
}

.studio-experience{
  min-height:100vh;
  background:var(--studio-canvas);
}

.studio-shell{
  min-height:100vh;
  grid-template-columns:248px minmax(0,1fr);
  background:var(--studio-canvas);
}

.studio-shell>aside{
  position:sticky;
  top:0;
  height:100vh;
  display:flex;
  flex-direction:column;
  padding:24px 18px 20px;
  background:var(--studio-rail);
  border-right:1px solid var(--line-strong);
}

.studio-identity{
  display:block;
  padding:4px 6px 21px;
  margin-bottom:20px;
  border-bottom:1px solid var(--line-strong);
  transition:none;
}
.studio-identity img{
  display:block;
  width:142px;
  max-width:100%;
  height:auto;
  transition:none;
}
.studio-identity:hover,
.studio-identity:hover img{
  color:inherit;
  opacity:1;
  filter:none;
  transform:none;
}
.studio-identity:focus-visible{
  outline:1px solid currentColor;
  outline-offset:5px;
}
.studio-brand{
  margin:0 0 17px;
  padding:0 6px;
  border:0;
}
.studio-brand span{
  color:var(--muted);
  font-size:9px;
  font-weight:750;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.studio-brand b{
  margin-top:6px;
  font-size:16px;
  line-height:1.25;
}
.studio-primary-nav{flex:0 0 auto}
.studio-utility-nav{
  display:grid;
  gap:0;
  margin-top:auto;
  padding-top:17px;
  border-top:1px solid var(--line-strong);
}
.studio-utility-nav a,
.studio-utility-nav button{
  width:100%;
  min-height:38px;
  padding:10px 8px;
  border:0;
  background:transparent;
  color:#68645d;
  font:inherit;
  font-size:11px;
  text-align:left;
  cursor:pointer;
}
.studio-utility-nav a:hover,
.studio-utility-nav button:hover{
  color:var(--ink);
  background:rgba(255,255,255,.48);
}

.studio-main{
  background:var(--studio-canvas)!important;
  padding-top:clamp(38px,4.2vw,62px);
}

/* Complete borders and quiet semantic fills make functions legible at a glance. */
.studio-readiness,
.next-steps,
.dashboard-utility,
.studio-action-grid>a,
.studio-action-grid>button{
  box-shadow:none!important;
}
.studio-readiness{
  border:1px solid var(--studio-mint-line)!important;
  background:var(--studio-mint-bg)!important;
}
.studio-readiness.ready{
  border:1px solid var(--studio-mint-line)!important;
  background:linear-gradient(118deg,var(--studio-mint-bg),#fff 82%)!important;
}
.next-steps{
  border:1px solid var(--studio-ochre-line)!important;
  background:#fff!important;
}
.next-steps>.panel-head{
  background:var(--studio-ochre-bg);
  border-bottom:1px solid rgba(182,146,81,.28);
}
.next-step-row{
  border-bottom:1px solid rgba(182,146,81,.2);
}
.next-step-row:last-child{border-bottom:0}
.next-step-row:has(.task-tone.required){
  background:linear-gradient(90deg,var(--studio-coral-bg),#fff 42%);
  box-shadow:none;
}
.next-step-row:has(.task-tone.suggested){
  background:linear-gradient(90deg,var(--studio-ochre-bg),#fff 42%);
  box-shadow:none;
}
.next-step-row:has(.task-tone.complete){
  background:linear-gradient(90deg,var(--studio-mint-bg),#fff 42%);
  box-shadow:none;
}

.studio-action-grid>a,
.studio-action-grid>button{
  border:1px solid var(--action-line)!important;
  border-top-width:1px!important;
  background:linear-gradient(145deg,var(--action-bg),#fff 82%)!important;
}
.studio-action-grid>a:hover,
.studio-action-grid>button:hover{
  border-color:var(--action-ink)!important;
  background:var(--action-bg)!important;
}

.dashboard-utility{
  border:1px solid var(--utility-line)!important;
  border-top-width:1px!important;
  background:linear-gradient(145deg,var(--utility-bg),#fff 84%)!important;
}
.dashboard-utility:hover{border-color:var(--utility-ink)!important}

/* Status-bearing collections use the complete edge rather than a top stripe. */
.studio-work-card:has(.status.published),
.studio-exhibition-card:has(.status.published),
.studio-exhibition-card:has(.status.accepted),
.request-card:has(.status.accepted){
  border:1px solid var(--studio-mint-line)!important;
  background:linear-gradient(180deg,#fff,var(--studio-mint-bg) 135%)!important;
}
.studio-work-card:has(.status.draft),
.studio-exhibition-card:has(.status.pending),
.studio-exhibition-card:has(.status.draft),
.request-card{
  border:1px solid var(--studio-ochre-line)!important;
  background:linear-gradient(180deg,#fff,var(--studio-ochre-bg) 135%)!important;
}
.studio-work-card:has(.status.archived),
.studio-exhibition-card:has(.status.scope-warning),
.request-card:has(.status.declined){
  border:1px solid var(--studio-coral-line)!important;
  background:linear-gradient(180deg,#fff,var(--studio-coral-bg) 135%)!important;
}
.portable-record-card{
  border:1px solid var(--studio-violet-line)!important;
  background:linear-gradient(180deg,#fff,var(--studio-violet-bg) 138%)!important;
}

/* Profile and work-record sections read as distinct functional modules. */
.profile-form-stack section{
  border:1px solid var(--profile-accent)!important;
  border-top-width:1px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--profile-tile) 34%,#fff),#fff 72%)!important;
}
.studio-work-form{
  border:1px solid var(--studio-sky-line)!important;
  background:linear-gradient(145deg,var(--studio-sky-bg),#fff 76%)!important;
}
.studio-work-preview{
  border:1px solid var(--studio-mint-line);
  background:linear-gradient(145deg,var(--studio-mint-bg),#fff 76%);
}
.studio-work-steps button{
  border-color:var(--line-strong)!important;
}
.studio-work-steps button.active{
  border-color:var(--studio-sky-line)!important;
  box-shadow:inset 0 -3px 0 var(--studio-sky-line);
}

/* Presentation and provenance families retain their own operational colour. */
.display-pairing-feature,
.display-pathway-grid>button,
.display-pairing-steps>div,
.display-row,
.display-group-card{
  border:1px solid var(--studio-sky-line)!important;
  border-top-width:1px!important;
  background:linear-gradient(145deg,var(--studio-sky-bg),#fff 80%)!important;
}
.display-pathway-grid>button:nth-child(2){
  border-color:var(--studio-violet-line)!important;
  background:linear-gradient(145deg,var(--studio-violet-bg),#fff 80%)!important;
}
.portable-records-intro,
.portable-activation-hero,
.portable-work-card,
.portable-flow-card,
.activation-card,
.chain-card,
.technical-drawer,
.external-record-drawer{
  border:1px solid var(--studio-violet-line)!important;
  border-top-width:1px!important;
  background:linear-gradient(145deg,var(--studio-violet-bg),#fff 82%)!important;
}
.nfc-connect-section,
.nfc-tag-card{
  border:1px solid var(--studio-mint-line)!important;
  background:linear-gradient(145deg,var(--studio-mint-bg),#fff 82%)!important;
}

body[data-route="exhibition-builder"] :is(
  .builder-section,.review-summary,.delivery-record-strip,.live-program-strip
){
  border:1px solid var(--studio-coral-line)!important;
  border-top-width:1px!important;
  background:linear-gradient(145deg,var(--studio-coral-bg),#fff 82%)!important;
}
body[data-route="exhibition-builder"] .blocker-panel{
  border:1px solid var(--studio-ochre-line)!important;
  background:var(--studio-ochre-bg)!important;
}
.builder-shell{min-height:100vh}
.builder-rail{top:0;height:100vh}

/* Focused Studio routes no longer inherit public-header spacing. */
body[data-route="request"] .request-detail{
  padding-top:clamp(38px,4.2vw,62px);
}

@media(max-width:820px){
  .studio-shell{grid-template-columns:1fr;min-height:0}
  .studio-shell>aside{
    position:relative;
    top:auto;
    height:auto;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:14px;
    padding:12px var(--page-x);
  }
  .studio-identity{
    min-width:126px;
    margin:0;
    padding:0 14px 0 0;
    border-bottom:0;
    border-right:1px solid var(--line-strong);
  }
  .studio-identity img{width:118px}
  .studio-brand{display:none}
  .studio-utility-nav{display:none}
  .studio-primary-nav{display:flex!important;overflow:auto}
}

/* Arts Exchange v1.8.98 — About 12-column process and archive grid */
body[data-route="about"] .about-process-visual{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap);
  row-gap:0;
  align-items:start;
}
body[data-route="about"] .about-process-visual article,
body[data-route="about"] .about-process-visual article:nth-of-type(odd),
body[data-route="about"] .about-process-visual article:nth-of-type(even){
  grid-column:span 3;
  min-width:0;
  min-height:0;
  padding:0;
  border:0;
  display:grid;
  grid-template-rows:46px 48px auto;
  align-content:start;
}
body[data-route="about"] .about-process-visual h3{
  min-width:0;
  margin:14px 0 0;
  align-self:start;
}
body[data-route="about"] .about-process-visual p{
  width:100%;
  max-width:none;
  margin:9px 0 0;
}

body[data-route="about"] .about-archive-gallery{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:clamp(340px,30vw,510px) clamp(205px,18vw,300px);
  column-gap:var(--public-grid-gap);
  row-gap:var(--public-grid-gap);
}
body[data-route="about"] .about-archive-gallery .archive-feature{grid-column:1/7;grid-row:1}
body[data-route="about"] .about-archive-gallery .archive-portrait-one{grid-column:7/10;grid-row:1}
body[data-route="about"] .about-archive-gallery .archive-portrait-two{grid-column:10/13;grid-row:1}
body[data-route="about"] .about-archive-gallery .archive-secondary-one{grid-column:1/5;grid-row:2}
body[data-route="about"] .about-archive-gallery .archive-secondary-two{grid-column:5/9;grid-row:2}
body[data-route="about"] .about-archive-gallery .archive-secondary-three{grid-column:9/13;grid-row:2}

@media(max-width:1200px){
  body[data-route="about"] .about-process-visual article,
  body[data-route="about"] .about-process-visual article:nth-of-type(odd),
  body[data-route="about"] .about-process-visual article:nth-of-type(even){
    grid-column:span 6;
    padding:24px 0;
    border-top:1px solid var(--line);
  }
  body[data-route="about"] .about-process-visual article:nth-of-type(odd){padding-right:18px}
  body[data-route="about"] .about-process-visual article:nth-of-type(even){padding-left:18px}
}

@media(max-width:760px){
  body[data-route="about"] .about-process-visual article,
  body[data-route="about"] .about-process-visual article:nth-of-type(odd),
  body[data-route="about"] .about-process-visual article:nth-of-type(even){
    grid-column:1/13;
    padding:22px 0;
    border-top:1px solid var(--line);
    grid-template-rows:46px auto auto;
  }
  body[data-route="about"] .about-process-visual p{margin-top:9px}
  body[data-route="about"] .about-archive-gallery{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    row-gap:var(--public-grid-gap);
  }
  body[data-route="about"] .about-archive-gallery .archive-feature,
  body[data-route="about"] .about-archive-gallery .archive-portrait-one,
  body[data-route="about"] .about-archive-gallery .archive-portrait-two,
  body[data-route="about"] .about-archive-gallery .archive-secondary-one,
  body[data-route="about"] .about-archive-gallery .archive-secondary-two,
  body[data-route="about"] .about-archive-gallery .archive-secondary-three{
    grid-column:auto;
    grid-row:auto;
  }
}

/* Arts Exchange v1.9.191 — canonical public homepage grid + hierarchy.
   Public pages remain editorial and art-led; this is deliberately separate from
   the denser Studio workspace shell. */
body[data-route="home"]{--home-section-y:clamp(88px,7.2vw,132px)}

body[data-route="home"] :is(
  .home-welcome,
  .home-screen-feature,
  .home-programme-intro,
  .home-selected-head,
  .home-roles .section-head>div,
  .home-role-grid,
  .home-faq
){
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap);
  min-width:0;
}

body[data-route="home"] .home-welcome{
  padding-top:var(--home-section-y);
  padding-bottom:var(--home-section-y);
  align-items:start;
}
body[data-route="home"] .home-welcome-copy{grid-column:1/6;min-width:0}
body[data-route="home"] .home-welcome-context{grid-column:7/13;min-width:0;max-width:none;padding-top:0;border-top:0}
body[data-route="home"] .home-welcome-copy h2{
  max-width:680px;margin:0;font-family:var(--sans);font-size:clamp(43px,4.1vw,65px);
  font-weight:520;line-height:1.01;letter-spacing:-.043em;text-wrap:balance
}
body[data-route="home"] .home-welcome-context .font-semibold{
  max-width:720px;margin:0 0 17px;font-size:clamp(18px,1.42vw,23px);font-weight:650;
  line-height:1.4;letter-spacing:-.02em
}
body[data-route="home"] .home-welcome-context p+p{max-width:650px;margin:0;font-size:15px;line-height:1.66;letter-spacing:0}

body[data-route="home"] :is(
  .screen-feature-copy h2,.home-programme-intro h2,.home-selected-head h2,
  .home-roles .section-head h2,.home-faq-head h2
){
  max-width:860px;margin:8px 0;font-family:var(--serif);font-size:clamp(37px,3.2vw,51px)!important;
  font-weight:400;line-height:1.04!important;letter-spacing:-.035em;text-wrap:balance
}

/* Display pairing is a public proposition, not another onboarding diagram.
   v1.9.198 restores the concise three-step presentation cue and keeps the preview self-contained. */
body[data-route="home"] .home-screen-feature{
  padding:var(--home-section-y) var(--page-x);align-items:center;background:#141512;color:#fff
}
body[data-route="home"] .screen-feature-copy{grid-column:1/5;min-width:0}
body[data-route="home"] .screen-feature-copy>p:not(.eyebrow){max-width:520px;margin:18px 0 0;color:#c6c4bd;font-size:15px;line-height:1.66}
body[data-route="home"] .screen-pairing-cues{display:flex;align-items:center;gap:10px;margin-top:25px;color:rgba(255,255,255,.78)}
body[data-route="home"] .screen-pairing-cues>span{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.78);font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
body[data-route="home"] .screen-pairing-cues>span .ui-icon{width:18px;height:18px;color:rgba(255,255,255,.72)}
body[data-route="home"] .screen-pairing-cues>i{display:grid;place-items:center;color:rgba(255,255,255,.32)}
body[data-route="home"] .screen-pairing-cues>i .ui-icon{width:14px;height:14px}
body[data-route="home"] .screen-feature-copy .actions{margin-top:28px;flex-wrap:wrap}
body[data-route="home"] .screen-feature-copy .actions .button.ghost .ui-icon{width:16px;height:16px}
body[data-route="home"] .screen-feature-copy .button.ghost{color:#fff;background:transparent;border-color:rgba(255,255,255,.28)}
body[data-route="home"] .screen-feature-visual{position:relative;grid-column:7/13;min-width:0}
body[data-route="home"] .screen-feature-display{
  position:relative;min-width:0;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.19);
  border-radius:10px;background:#090a08;box-shadow:0 28px 70px rgba(0,0,0,.26);overflow:hidden;isolation:isolate;outline:none
}
body[data-route="home"] .screen-feature-display:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.58),0 28px 70px rgba(0,0,0,.26)}
body[data-route="home"] .screen-feature-display:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0;background:#050505}
body[data-route="home"] .screen-feature-media{position:absolute;inset:0;overflow:hidden;background:#090a08}
body[data-route="home"] .home-screen-player-frame{
  position:absolute;inset:0;opacity:0;visibility:hidden;background:#090a08;
  transition:opacity .72s ease,visibility 0s linear .72s;pointer-events:none;overflow:hidden
}
body[data-route="home"] .home-screen-player-frame.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}
body[data-route="home"] .home-screen-player-frame> :is(img,video,iframe){position:relative;z-index:1;display:block;width:100%;height:100%;border:0;object-fit:cover;background:#090a08}
body[data-route="home"] .home-screen-player-brand{
  position:absolute;z-index:5;top:18px;left:18px;display:flex;align-items:center;min-height:34px;padding:7px 10px;
  border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,8,7,.5);box-shadow:0 8px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none
}
body[data-route="home"] .home-screen-player-brand img{display:block;width:clamp(98px,7vw,126px);height:auto;opacity:.95}
body[data-route="home"] .home-screen-player-controls{
  position:absolute;z-index:6;top:18px;right:18px;display:flex;align-items:center;gap:4px;padding:4px;
  border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,8,7,.52);box-shadow:0 8px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
body[data-route="home"] .home-screen-player-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font:inherit;cursor:pointer}
body[data-route="home"] .home-screen-player-controls button:hover{background:rgba(255,255,255,.2)}
body[data-route="home"] .home-screen-player-controls button:disabled{opacity:.35;cursor:default}
body[data-route="home"] .home-screen-player-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
body[data-route="home"] .home-screen-player-controls>span{min-width:40px;padding:0 4px;color:rgba(255,255,255,.72);font-size:9px;text-align:center}
body[data-route="home"] .home-screen-player-controls svg{display:block;width:15px;height:15px}
body[data-route="home"] .home-screen-player-controls .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
body[data-route="home"] .home-screen-player-controls .is-active{background:rgba(255,255,255,.18)}
body[data-route="home"] .home-screen-player-caption{
  position:absolute;z-index:3;inset:auto 0 0;display:block;padding:72px clamp(18px,2.2vw,32px) clamp(42px,3vw,48px);color:#fff;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 20%,rgba(0,0,0,.74) 100%)
}
body[data-route="home"] .home-screen-player-caption span{display:block;margin:0 0 6px;color:rgba(255,255,255,.64);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
body[data-route="home"] .home-screen-player-caption strong{display:block;overflow:hidden;padding-bottom:.04em;color:#fff;font-size:clamp(19px,2vw,31px);font-weight:650;line-height:1.14;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}
body[data-route="home"] .home-screen-player-caption p{overflow:hidden;margin:7px 0 0;color:rgba(255,255,255,.75);font-size:clamp(10px,.9vw,13px);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
body[data-route="home"] .home-screen-demo-label{position:absolute;z-index:6;right:clamp(18px,2.2vw,32px);bottom:clamp(16px,1.8vw,22px);color:rgba(255,255,255,.62);font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}

body[data-route="home"] .home-programme,
body[data-route="home"] .home-selected,
body[data-route="home"] .home-roles,
body[data-route="home"] .home-faq{padding-top:var(--home-section-y);padding-bottom:var(--home-section-y)}
body[data-route="home"] :is(.home-programme-intro,.home-selected-head){margin-bottom:clamp(52px,5vw,84px)}
body[data-route="home"] :is(.home-programme-intro,.home-selected-head)>.eyebrow{grid-column:1/4;align-self:start}
body[data-route="home"] :is(.home-programme-intro,.home-selected-head)>h2{grid-column:4/13;min-width:0}
body[data-route="home"] .programme-row{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--public-grid-gap);min-height:104px;padding:0
}
body[data-route="home"] .programme-row:hover{padding-left:0;background:rgba(255,255,255,.38)}
body[data-route="home"] .programme-row time{grid-column:1/2}
body[data-route="home"] .programme-row h3{grid-column:2/9;min-width:0;font-size:clamp(25px,2.6vw,43px);font-weight:500;line-height:1.02;letter-spacing:-.04em}
body[data-route="home"] .programme-row small{grid-column:9/12;min-width:0}
body[data-route="home"] .programme-row>.ui-icon,body[data-route="home"] .programme-empty>a{grid-column:12/13;justify-self:end;align-self:center}
body[data-route="home"] .floating-work-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--public-grid-gap)}

/* Artist and Curator are the two actual account entry points. */
body[data-route="home"] .home-roles{border-top:1px solid var(--line);background:var(--surface)}
body[data-route="home"] .home-roles .section-head{display:block;margin-bottom:clamp(52px,5vw,84px)}
body[data-route="home"] .home-roles .section-head>div{width:100%}
body[data-route="home"] .home-roles .section-head .eyebrow{grid-column:1/4}
body[data-route="home"] .home-roles .section-head h2{grid-column:4/13;min-width:0}
body[data-route="home"] .home-role-grid{gap:var(--public-grid-gap)}
body[data-route="home"] .home-role-grid article{
  grid-column:span 6;display:flex;flex-direction:column;min-width:0;min-height:286px;padding:30px;
  border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.62)
}
body[data-route="home"] .home-role-grid article>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:10px}
body[data-route="home"] .home-role-grid article:first-child>span{background:var(--mint)}
body[data-route="home"] .home-role-grid article:last-child>span{background:var(--violet)}
body[data-route="home"] .home-role-grid h3{margin:44px 0 9px;font-size:23px;line-height:1.1;letter-spacing:-.025em}
body[data-route="home"] .home-role-grid p{max-width:500px;margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.62}
body[data-route="home"] .home-role-grid article>a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;align-self:flex-start;font-size:13px;font-weight:650}

/* Home carries a short orientation FAQ; the full reference remains on About. */
body[data-route="home"] .home-faq{align-items:start;background:#ece8df}
body[data-route="home"] .home-faq-head{grid-column:1/6;min-width:0}
body[data-route="home"] .home-faq-content{grid-column:7/13;min-width:0}
body[data-route="home"] .home-faq-more{display:inline-flex;margin-top:26px}

@media(max-width:1080px){
  body[data-route="home"] .home-welcome-copy,body[data-route="home"] .home-welcome-context,
  body[data-route="home"] .screen-feature-copy,body[data-route="home"] .screen-feature-visual,
  body[data-route="home"] .home-faq-head,body[data-route="home"] .home-faq-content{grid-column:1/13}
  body[data-route="home"] .home-welcome-context,body[data-route="home"] .screen-feature-visual,
  body[data-route="home"] .home-faq-content{margin-top:clamp(34px,5vw,56px)}
}
@media(max-width:760px){
  body[data-route="home"]{--home-section-y:clamp(64px,16vw,88px)}
  body[data-route="home"] :is(.home-programme-intro,.home-selected-head)>.eyebrow,
  body[data-route="home"] :is(.home-programme-intro,.home-selected-head)>h2,
  body[data-route="home"] .home-roles .section-head .eyebrow,
  body[data-route="home"] .home-roles .section-head h2{grid-column:1/13}
  body[data-route="home"] :is(.home-programme-intro,.home-selected-head)>h2,
  body[data-route="home"] .home-roles .section-head h2{margin-top:18px}
  body[data-route="home"] :is(.screen-feature-copy h2,.home-programme-intro h2,.home-selected-head h2,.home-roles .section-head h2,.home-faq-head h2){font-size:clamp(34px,9vw,44px)!important}
  body[data-route="home"] .home-welcome-copy h2{font-size:clamp(40px,11vw,54px)}
  body[data-route="home"] .home-role-grid article{grid-column:1/13;min-height:250px}
  body[data-route="home"] .screen-pairing-cues{gap:7px}
  body[data-route="home"] .screen-pairing-cues>span{font-size:9px}
  body[data-route="home"] .home-screen-player-brand{top:12px;left:12px;min-height:30px;padding:6px 8px}
  body[data-route="home"] .home-screen-player-brand img{width:82px}
  body[data-route="home"] .home-screen-player-controls{top:12px;right:12px}
  body[data-route="home"] .home-screen-player-controls button{width:28px;height:28px}
  body[data-route="home"] .home-screen-player-controls>span{min-width:34px;font-size:8px}
  body[data-route="home"] .home-screen-player-caption{padding:58px 16px 38px}
  body[data-route="home"] .home-screen-player-caption strong{font-size:clamp(18px,5.8vw,25px)}
  body[data-route="home"] .home-screen-demo-label{right:16px;bottom:13px;font-size:7.5px}
  body[data-route="home"] .programme-row{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:9px;padding:20px 0}
  body[data-route="home"] .programme-row time{grid-column:1/3;grid-row:1}
  body[data-route="home"] .programme-row h3{grid-column:3/12;grid-row:1}
  body[data-route="home"] .programme-row small{display:block;grid-column:3/12;grid-row:2}
  body[data-route="home"] .programme-row>.ui-icon,body[data-route="home"] .programme-empty>a{grid-column:12/13;grid-row:1}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="home"] .home-screen-player-frame{transition:none}
}

/* v1.9.02 — route-backed authentication overlays.
   Sign in and Join retain real URLs and history while preserving the public page beneath. */
body.auth-modal-open{overflow:hidden}
.auth-route-backdrop{
  padding:clamp(18px,3vw,42px);
  background:rgba(12,12,11,.48);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  animation:auth-backdrop-in .24s ease both;
}
.auth-route-modal{
  width:min(540px,100%);
  max-height:min(88vh,860px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.34);
  border-radius:3px;
  background:#fdfdfc;
  box-shadow:0 30px 90px rgba(0,0,0,.26);
  animation:auth-panel-in .3s cubic-bezier(.22,.8,.24,1) both;
}
.auth-route-modal.is-register{width:min(880px,100%)}
.auth-route-modal>header{
  position:sticky;
  top:0;
  z-index:2;
  min-height:58px;
  padding:16px 20px;
  border-bottom:1px solid var(--line);
  background:rgba(253,253,252,.97);
}
.auth-route-modal>header h2{
  font-family:var(--sans);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.auth-route-modal>header button{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  font-size:21px;
  line-height:1;
}
.auth-route-modal .modal-body{padding:0}
.auth-route-layout{display:grid;grid-template-columns:1fr}
.auth-route-modal.is-register .auth-route-layout{grid-template-columns:minmax(220px,.72fr) minmax(390px,1.28fr)}
.auth-route-intro{
  padding:clamp(28px,4vw,48px);
  border-bottom:1px solid var(--line);
  background:#f6f6f3;
}
.auth-route-modal.is-register .auth-route-intro{border-right:1px solid var(--line);border-bottom:0}
.auth-route-intro h3{
  margin:14px 0 16px;
  font-family:var(--serif);
  font-size:clamp(37px,4vw,52px);
  font-weight:400;
  line-height:.98;
  letter-spacing:-.045em;
}
.auth-route-intro>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.58}
.auth-route-form{padding:clamp(28px,4vw,46px)}
.auth-route-modal .auth-card{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  gap:16px;
}
.auth-route-modal .auth-card>p{margin:2px 0 0}
.auth-route-modal .auth-card>a,.auth-route-modal .auth-card p a{text-underline-offset:3px}
.auth-route-modal .auth-card .button{width:100%;min-height:44px;margin-top:2px}
.auth-route-modal .role-options{gap:7px}
.auth-route-modal .role-option{padding:12px 13px;border-radius:2px;background:#fff}
.auth-route-modal .role-option:has(input:checked){border-color:var(--ink);background:#f0f1ed}
.auth-route-modal .auth-pilot-access{border-radius:2px;background:#f6f6f3}
@keyframes auth-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes auth-panel-in{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}
@media(max-width:720px){
  .auth-route-backdrop{align-items:stretch;padding:0;background:#fdfdfc;backdrop-filter:none;-webkit-backdrop-filter:none}
  .auth-route-modal,.auth-route-modal.is-register{width:100%;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none}
  .auth-route-modal.is-register .auth-route-layout{grid-template-columns:1fr}
  .auth-route-modal.is-register .auth-route-intro{border-right:0;border-bottom:1px solid var(--line)}
  .auth-route-intro{padding:28px var(--page-x) 30px}
  .auth-route-form{padding:28px var(--page-x) 54px}
  .auth-route-modal>header{padding-left:var(--page-x);padding-right:var(--page-x)}
}
@media(prefers-reduced-motion:reduce){.auth-route-backdrop,.auth-route-modal{animation:none}}


/* Arts Exchange v1.9.03 — minimal, route-backed authentication panels.
   One aligned form surface, compact role selection and no editorial sidebar. */
.auth-route-backdrop{
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(12,12,11,.34);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
.auth-route-modal,
.auth-route-modal.is-register{
  --auth-pad:clamp(22px,3vw,30px);
  width:min(440px,calc(100vw - 32px));
  height:auto;
  max-height:calc(100dvh - 48px);
  overflow:auto;
  border:1px solid rgba(17,17,16,.12);
  border-radius:18px;
  background:#fdfdfc;
  box-shadow:0 22px 70px rgba(0,0,0,.20);
  animation:auth-panel-in-soft .24s cubic-bezier(.22,.72,.25,1) both;
}
.auth-route-modal.is-register{width:min(560px,calc(100vw - 32px))}
.auth-route-modal>header{
  position:static;
  min-height:0;
  padding:var(--auth-pad) var(--auth-pad) 14px;
  border:0;
  background:transparent;
}
.auth-route-modal>header h2{
  font-family:var(--sans);
  font-size:22px;
  font-weight:560;
  line-height:1.1;
  letter-spacing:-.025em;
  text-transform:none;
}
.auth-route-modal>header button{
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#f1f1ee;
  color:var(--ink);
  font-size:20px;
  transition:background .16s ease;
}
.auth-route-modal>header button:hover{background:#e8e8e4}
.auth-route-modal .modal-body{padding:0 var(--auth-pad) var(--auth-pad)}
.auth-route-layout{display:block}
.auth-route-intro{display:none}
.auth-route-form{padding:0}
.auth-route-modal .auth-card{
  display:grid;
  gap:12px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.auth-route-modal .auth-card label{
  display:grid;
  gap:6px;
  color:var(--ink);
  font-size:11px;
  font-weight:620;
  line-height:1.2;
}
.auth-route-modal .auth-card input:not([type="radio"]){
  width:100%;
  min-height:43px;
  padding:10px 12px;
  border:1px solid rgba(17,17,16,.16);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.auth-route-modal .auth-card input:not([type="radio"]):focus{
  border-color:rgba(17,17,16,.62);
  box-shadow:0 0 0 3px rgba(17,17,16,.06);
  outline:0;
}
.auth-route-modal .auth-field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.auth-route-modal .role-picker{
  display:grid;
  gap:7px;
  margin:0;
  padding:0;
  border:0;
}
.auth-route-modal .role-picker legend{
  margin:0 0 1px;
  padding:0;
  font-size:11px;
  font-weight:620;
}
.auth-route-modal .role-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.auth-route-modal .role-option{
  position:relative;
  min-height:42px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(17,17,16,.13);
  border-radius:9px;
  background:#f6f6f3;
  cursor:pointer;
}
.auth-route-modal .role-option input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.auth-route-modal .role-option span{
  display:grid;
  place-items:center;
  width:100%;
  min-height:40px;
  padding:7px 8px;
  text-align:center;
}
.auth-route-modal .role-option strong{
  font-size:11px;
  font-weight:620;
  line-height:1.15;
}
.auth-route-modal .role-option small{display:none}
.auth-route-modal .role-option:has(input:checked){
  border-color:var(--ink);
  background:var(--ink);
  color:#fff;
}
.auth-route-modal .role-option:focus-within{
  outline:2px solid rgba(17,17,16,.22);
  outline-offset:2px;
}
.auth-route-modal .auth-pilot-access{
  margin:0;
  padding:11px 12px;
  border:1px solid rgba(17,17,16,.12);
  border-radius:9px;
  background:#f6f6f3;
}
.auth-route-modal .auth-pilot-access summary{font-size:10px}
.auth-route-modal .auth-pilot-access>div{gap:9px;padding-top:10px}
.auth-route-modal .auth-pilot-access.required{gap:9px}
.auth-route-modal .auth-pilot-access.required>p:not(.eyebrow){display:none}
.auth-route-modal .auth-card .button{
  width:100%;
  min-height:43px;
  margin:1px 0 0;
  border-radius:9px;
}
.auth-route-modal .auth-form-links{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:1px;
  color:var(--muted);
  font-size:10px;
  line-height:1.4;
}
.auth-route-modal .auth-form-links.single{justify-content:center}
.auth-route-modal .auth-form-links a{
  color:var(--ink);
  text-decoration:none;
}
.auth-route-modal .auth-form-links a:hover{text-decoration:underline;text-underline-offset:3px}
@keyframes auth-panel-in-soft{
  from{opacity:0;transform:translateY(7px) scale(.996)}
  to{opacity:1;transform:none}
}
@media(max-width:560px){
  .auth-route-backdrop{
    align-items:center;
    padding:12px;
    background:rgba(12,12,11,.34);
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
  }
  .auth-route-modal,
  .auth-route-modal.is-register{
    width:100%;
    height:auto;
    max-height:calc(100dvh - 24px);
    border:1px solid rgba(17,17,16,.12);
    border-radius:16px;
    box-shadow:0 18px 54px rgba(0,0,0,.2);
  }
  .auth-route-modal>header{
    padding:22px 20px 13px;
  }
  .auth-route-modal .modal-body{padding:0 20px 22px}
  .auth-route-modal .auth-field-grid{grid-template-columns:1fr}
  .auth-route-modal .role-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .auth-route-modal .role-option strong{font-size:10px}
  .auth-route-modal .auth-form-links{flex-wrap:wrap}
}
@media(max-width:370px){
  .auth-route-modal .role-options{grid-template-columns:1fr}
  .auth-route-modal .role-option span{min-height:38px}
}
@media(prefers-reduced-motion:reduce){
  .auth-route-modal{animation:none}
}

/* Arts Exchange v1.9.04 — stable, compact authentication overlays.
   Auth routes reuse one modal surface, forms stay vertically aligned and role choice remains concise. */
.auth-route-backdrop{
  background:rgba(12,12,11,.32);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.auth-route-modal,
.auth-route-modal.is-register,
.auth-route-modal.is-recovery{
  --auth-pad:26px;
  width:min(420px,calc(100vw - 32px));
  max-height:calc(100dvh - 40px);
  border-radius:22px;
  overflow:auto;
  overscroll-behavior:contain;
  box-shadow:0 24px 72px rgba(0,0,0,.18);
}
.auth-route-modal.is-register{width:min(510px,calc(100vw - 32px))}
.auth-route-modal>header{padding:24px var(--auth-pad) 13px}
.auth-route-modal .modal-body{padding:0 var(--auth-pad) 25px}
.auth-route-modal .auth-card{gap:11px}
.auth-route-modal .auth-field-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
}
.auth-route-modal .role-picker{gap:6px}
.auth-route-modal .role-picker legend{
  width:100%;
  text-align:left;
}
.auth-route-modal .role-picker-help{
  margin:0 0 3px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.auth-route-modal .role-options{gap:7px}
.auth-route-modal .role-option{
  min-height:66px;
  border-radius:11px;
}
.auth-route-modal .role-option span{
  display:flex;
  min-height:64px;
  padding:9px 8px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  text-align:center;
}
.auth-route-modal .role-option strong{
  width:100%;
  font-size:11px;
  line-height:1.15;
  text-align:center;
}
.auth-route-modal .role-option small{
  display:block;
  max-width:120px;
  color:inherit;
  opacity:.7;
  font-size:9px;
  line-height:1.25;
  text-align:center;
}
.auth-route-modal .auth-helper{
  margin:0 0 2px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.auth-route-modal .auth-card input:not([type="radio"]){
  min-height:42px;
  border-radius:10px;
}
.auth-route-modal .auth-card .button{
  min-height:42px;
  border-radius:10px;
}
@media(max-width:560px){
  .auth-route-backdrop{
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
  }
  .auth-route-modal,
  .auth-route-modal.is-register,
  .auth-route-modal.is-recovery{
    width:100%;
    max-height:calc(100dvh - 24px);
    border-radius:19px;
  }
  .auth-route-modal .role-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .auth-route-modal .role-option{min-height:62px}
  .auth-route-modal .role-option span{min-height:60px;padding:8px 5px}
  .auth-route-modal .role-option small{font-size:8px;line-height:1.2}
}
@media(max-width:430px){
  .auth-route-modal .role-options{grid-template-columns:1fr}
  .auth-route-modal .role-option,
  .auth-route-modal .role-option span{min-height:48px}
  .auth-route-modal .role-option span{padding:7px 10px}
  .auth-route-modal .role-option small{max-width:none;font-size:9px}
}


/* Arts Exchange v1.9.05 — clearer, optically centred workspace choices. */
.auth-route-modal .role-picker{
  gap:8px;
}
.auth-route-modal .role-picker-help{
  display:none;
}
.auth-route-modal .role-options{
  align-items:stretch;
  gap:8px;
}
.auth-route-modal .role-option{
  display:flex;
  min-width:0;
  min-height:92px;
  padding:0;
  overflow:hidden;
  border-radius:12px;
}
.auth-route-modal .role-option span{
  box-sizing:border-box;
  display:flex;
  width:100%;
  min-width:0;
  min-height:90px;
  padding:14px 12px 13px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
}
.auth-route-modal .role-option strong{
  width:100%;
  margin:0;
  font-size:12px;
  line-height:1.15;
  text-align:center;
}
.auth-route-modal .role-option small{
  display:block;
  width:100%;
  max-width:145px;
  margin:0 auto;
  color:inherit;
  opacity:.72;
  font-size:9px;
  line-height:1.32;
  text-align:center;
  text-wrap:balance;
  overflow-wrap:normal;
}
.auth-route-modal .role-option:has(input:checked) small{
  opacity:.82;
}
@media(max-width:560px){
  .auth-route-modal .role-option,
  .auth-route-modal .role-option span{
    min-height:86px;
  }
  .auth-route-modal .role-option span{
    padding:12px 8px;
  }
  .auth-route-modal .role-option small{
    max-width:128px;
    font-size:8px;
    line-height:1.28;
  }
}
@media(max-width:430px){
  .auth-route-modal .role-option,
  .auth-route-modal .role-option span{
    min-height:64px;
  }
  .auth-route-modal .role-option span{
    padding:10px 14px;
  }
  .auth-route-modal .role-option small{
    max-width:240px;
    font-size:9px;
  }
}

/* Arts Exchange v1.9.06 — balanced workspace choice spacing and copy width. */
.auth-route-modal .role-picker{
  gap:0;
}
.auth-route-modal .role-picker legend{
  float:none;
  width:100%;
  margin:0 0 10px;
  padding:0;
}
.auth-route-modal .role-options{
  clear:both;
  gap:8px;
}
.auth-route-modal .role-option,
.auth-route-modal .role-option span{
  min-height:78px;
}
.auth-route-modal .role-option span{
  padding:12px 14px;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  text-align:left;
}
.auth-route-modal .role-option strong{
  width:100%;
  text-align:left;
}
.auth-route-modal .role-option small{
  width:100%;
  max-width:none;
  margin:0;
  font-size:9px;
  line-height:1.34;
  text-align:left;
  text-wrap:wrap;
  overflow-wrap:normal;
}
@media(max-width:560px){
  .auth-route-modal .role-picker legend{margin-bottom:9px}
  .auth-route-modal .role-option,
  .auth-route-modal .role-option span{min-height:74px}
  .auth-route-modal .role-option span{padding:11px 10px}
  .auth-route-modal .role-option small{
    max-width:none;
    font-size:8px;
    line-height:1.3;
  }
}
@media(max-width:430px){
  .auth-route-modal .role-options{grid-template-columns:1fr}
  .auth-route-modal .role-option,
  .auth-route-modal .role-option span{min-height:58px}
  .auth-route-modal .role-option span{padding:10px 14px}
  .auth-route-modal .role-option small{
    max-width:none;
    font-size:9px;
  }
}

/* Arts Exchange v1.9.07 — workspace descriptions use the full selection-card width. */
.auth-route-modal .auth-card label.role-option{
  box-sizing:border-box;
  display:flex;
  width:100%;
  min-width:0;
  align-items:stretch;
}
.auth-route-modal .auth-card label.role-option > span{
  box-sizing:border-box;
  display:flex;
  width:100%;
  min-width:0;
  max-width:none;
  min-height:94px;
  padding:14px 16px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:6px;
  text-align:left;
}
.auth-route-modal .auth-card label.role-option > span > strong,
.auth-route-modal .auth-card label.role-option > span > small{
  box-sizing:border-box;
  display:block;
  width:100%;
  min-width:0;
  max-width:none!important;
  margin:0;
  text-align:left;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:wrap;
}
.auth-route-modal .auth-card label.role-option > span > small{
  font-size:9.5px;
  line-height:1.34;
}
@media(max-width:560px){
  .auth-route-modal .auth-card label.role-option > span{
    min-height:90px;
    padding:13px 12px;
  }
  .auth-route-modal .auth-card label.role-option > span > small{
    font-size:9px;
  }
}
@media(max-width:430px){
  .auth-route-modal .auth-card label.role-option > span{
    min-height:64px;
    padding:11px 14px;
  }
}

/* Arts Exchange v1.9.08 — workspace copy uses the full card measure.
   Dedicated content classes avoid inherited form-label/small text constraints. */
.auth-route-modal .role-options{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.auth-route-modal .auth-card label.role-option{
  display:block;
  width:auto;
  min-width:0;
  min-height:116px;
  padding:0;
}
.auth-route-modal .auth-card .role-option-content{
  box-sizing:border-box;
  display:flex;
  width:100%;
  min-width:0;
  min-height:114px;
  padding:16px 18px;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:8px;
  text-align:left;
}
.auth-route-modal .auth-card .role-option-content>strong{
  display:block;
  width:100%;
  margin:0;
  font-size:12px;
  line-height:1.15;
  text-align:left;
}
.auth-route-modal .auth-card .role-option-description{
  display:block;
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  color:inherit;
  opacity:.72;
  font-size:9.5px;
  font-weight:400;
  line-height:1.42;
  text-align:left;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:wrap;
}
.auth-route-modal .role-option:has(input:checked) .role-option-description{
  opacity:.84;
}
@media(max-width:560px){
  .auth-route-modal .auth-card label.role-option{min-height:104px}
  .auth-route-modal .auth-card .role-option-content{
    min-height:102px;
    padding:14px 13px;
  }
  .auth-route-modal .auth-card .role-option-description{
    font-size:9px;
    line-height:1.38;
  }
}
@media(max-width:430px){
  .auth-route-modal .role-options{grid-template-columns:1fr}
  .auth-route-modal .auth-card label.role-option{min-height:0}
  .auth-route-modal .auth-card .role-option-content{
    min-height:70px;
    padding:13px 15px;
  }
}

/* Arts Exchange v1.9.09 — definitive workspace card layout reset.
   Removes inherited radio-label grid and nested span padding so every
   workspace description uses the full interior width of its card. */
.auth-route-modal .auth-card label.role-option{
  box-sizing:border-box;
  display:flex!important;
  grid-template-columns:none!important;
  gap:0!important;
  align-items:stretch!important;
  width:100%;
  min-width:0;
  min-height:112px;
  padding:0!important;
}
.auth-route-modal .auth-card label.role-option > input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  pointer-events:none;
}
.auth-route-modal .auth-card label.role-option > .role-option-content{
  box-sizing:border-box;
  display:flex!important;
  flex:1 1 auto;
  width:100%!important;
  min-width:0!important;
  min-height:110px!important;
  margin:0!important;
  padding:16px 18px!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  text-align:left!important;
}
.auth-route-modal .auth-card label.role-option > .role-option-content > strong{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.auth-route-modal .auth-card label.role-option > .role-option-content > .role-option-description{
  box-sizing:border-box;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  align-items:initial!important;
  justify-content:initial!important;
  gap:0!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:wrap!important;
}
@media(max-width:560px){
  .auth-route-modal .auth-card label.role-option{
    min-height:104px;
  }
  .auth-route-modal .auth-card label.role-option > .role-option-content{
    min-height:102px!important;
    padding:14px 14px!important;
  }
}
@media(max-width:430px){
  .auth-route-modal .auth-card label.role-option{
    min-height:0;
  }
  .auth-route-modal .auth-card label.role-option > .role-option-content{
    min-height:70px!important;
    padding:13px 15px!important;
  }
}

/* Arts Exchange v1.9.10 — compact workspace choice cards. */
.auth-route-modal .auth-card label.role-option{
  min-height:72px;
}
.auth-route-modal .auth-card label.role-option > .role-option-content{
  min-height:70px!important;
  padding:9px 9px!important;
  gap:4px!important;
}

/* Arts Exchange v1.9.11 — optically centred authentication modal close icon. */
.auth-route-modal > header button[data-close] {
  position: relative;
  display: block;
  flex: 0 0 auto;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.auth-route-modal > header button[data-close]::before,
.auth-route-modal > header button[data-close]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 13px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: 50% 50%;
}
.auth-route-modal > header button[data-close]::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.auth-route-modal > header button[data-close]::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}


/* Arts Exchange v1.9.12 — shared public FAQ accordion rhythm. */
body[data-route="home"] .home-faq .faq-list,
body[data-route="about"] .about-faq-accordion {
  border-top: 1px solid var(--line);
}
body[data-route="home"] .home-faq .faq-list details,
body[data-route="about"] .about-faq-accordion details {
  border-bottom: 1px solid var(--line);
}
body[data-route="home"] .home-faq .faq-list summary,
body[data-route="about"] .about-faq-accordion summary {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 21px 0;
  color: var(--ink);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
  list-style: none;
  cursor: pointer;
}
body[data-route="home"] .home-faq .faq-list summary::-webkit-details-marker,
body[data-route="about"] .about-faq-accordion summary::-webkit-details-marker {
  display: none;
}
body[data-route="home"] .home-faq .faq-list summary::after,
body[data-route="about"] .about-faq-accordion summary::after {
  content: "";
  position: static;
  float: none;
  justify-self: center;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
}
body[data-route="home"] .home-faq .faq-list details[open] summary::after,
body[data-route="about"] .about-faq-accordion details[open] summary::after {
  content: "";
  transform: rotate(225deg);
}
body[data-route="home"] .home-faq .faq-list details > p,
body[data-route="about"] .about-faq-accordion details > div {
  box-sizing: border-box;
  margin: 0;
  padding: 0 42px 23px 0;
}
body[data-route="home"] .home-faq .faq-list details > p,
body[data-route="about"] .about-faq-accordion details p {
  max-width: 760px;
  margin: 0;
  padding-left: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.66;
}
body[data-route="home"] .home-faq .faq-list summary:hover,
body[data-route="about"] .about-faq-accordion summary:hover {
  color: #000;
}
body[data-route="home"] .home-faq .faq-list summary:focus-visible,
body[data-route="about"] .about-faq-accordion summary:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
  body[data-route="home"] .home-faq .faq-list summary::after,
  body[data-route="about"] .about-faq-accordion summary::after {
    transition: none;
  }
}
@media (max-width: 760px) {
  body[data-route="home"] .home-faq .faq-list summary,
  body[data-route="about"] .about-faq-accordion summary {
    gap: 16px;
    font-size: 13px;
  }
  body[data-route="home"] .home-faq .faq-list details > p,
  body[data-route="about"] .about-faq-accordion details > div {
    padding-right: 22px;
  }
}

/* Arts Exchange v1.9.13 — simplified public pathways. */

/* Arts Exchange v1.9.14 — measured, fixed FAQ space on Home and About. */
body[data-route="home"] .home-faq .faq-list,
body[data-route="about"] .about-faq-accordion {
  box-sizing: border-box;
  height: var(--faq-reserved-height, auto);
  min-height: 0;
}

/* Arts Exchange v1.9.19 — unified public footer grid and social links. */
.site-footer{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--public-grid-gap,clamp(18px,2vw,34px));
  row-gap:clamp(48px,5vw,78px);
  width:100%;
  padding-top:clamp(64px,6vw,96px);
  padding-bottom:30px;
  background:var(--night);
  color:#fff
}
.site-footer .footer-brand{
  grid-column:1/6;
  display:grid;
  align-content:start;
  justify-items:start;
  gap:clamp(22px,2vw,30px);
  min-width:0
}
.site-footer .footer-mark{
  display:block;
  width:clamp(168px,13vw,200px);
  height:auto;
  color:#fff
}
.site-footer .footer-mark img{
  display:block;
  width:100%;
  height:auto;
  margin:0
}
.site-footer .footer-brand p{
  max-width:440px;
  margin:0;
  color:#fff;
  font-size:clamp(22px,2vw,31px);
  font-weight:520;
  line-height:1.12;
  letter-spacing:-.035em
}
.site-footer .footer-links{
  grid-column:7/13;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--public-grid-gap,clamp(18px,2vw,34px));
  min-width:0
}
.site-footer .footer-links>div{
  display:grid;
  align-content:start;
  justify-items:start;
  gap:10px;
  min-width:0
}
.site-footer .footer-links span{
  margin-bottom:6px;
  color:#858581;
  font-size:9px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.13em;
  text-transform:uppercase
}
.site-footer .footer-links a{
  color:#fff;
  font-size:13px;
  line-height:1.45;
  text-decoration:none
}
.site-footer .footer-links a:hover{
  text-decoration:underline;
  text-underline-offset:4px
}
.site-footer .footer-links a:focus-visible,
.site-footer .footer-mark:focus-visible{
  outline:2px solid #fff;
  outline-offset:5px
}
.site-footer .footer-meta{
  grid-column:1/13;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.18);
  color:#858581;
  text-align:left
}
.site-footer .footer-meta span{
  color:inherit;
  font-size:9px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.08em;
  text-transform:uppercase
}
.site-footer .footer-meta .footer-build{margin-left:auto}
.site-footer .footer-meta .footer-build + .footer-legal{margin-left:0}
.site-footer .footer-meta .footer-legal{padding:0;border:0}
@media(max-width:960px){
  .site-footer{row-gap:46px}
  .site-footer .footer-brand,
  .site-footer .footer-links{grid-column:1/13}
  .site-footer .footer-brand p{max-width:560px}
}
@media(max-width:640px){
  .site-footer{
    grid-template-columns:repeat(12,minmax(0,1fr));
    row-gap:38px;
    padding-top:54px;
    padding-bottom:24px
  }
  .site-footer .footer-mark{width:168px}
  .site-footer .footer-mark img{width:100%;height:auto}
  .site-footer .footer-brand p{font-size:24px}
  .site-footer .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:34px
  }
  .site-footer .footer-links>div:last-child{grid-column:1/-1}
  .site-footer .footer-meta{
    align-items:center;
    flex-direction:row;
    flex-wrap:wrap;
    gap:10px 18px
  }
  .site-footer .footer-meta .footer-build{margin-left:auto}
  .site-footer .footer-meta .footer-legal{margin-left:auto}
  .site-footer .footer-meta .footer-build + .footer-legal{margin-left:0}
}

/* Arts Exchange v1.9.20 — transactional email route states. */
.auth-route-modal.is-email-state{
  width:min(420px,calc(100vw - 32px));
}
.auth-route-modal.is-email-state .modal-body{
  padding-top:14px;
}
.auth-email-state{
  display:grid;
  justify-items:start;
  gap:15px;
  min-width:0;
}
.auth-email-state>p,
.auth-email-state>strong{
  margin:0;
}
.auth-email-state>p{
  max-width:36ch;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}
.auth-email-state>strong{
  max-width:100%;
  overflow-wrap:anywhere;
  color:var(--ink);
  font-size:13px;
  line-height:1.45;
}
.auth-email-mark,
.auth-email-spinner{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  box-sizing:border-box;
  border-radius:50%;
}
.auth-email-mark{
  background:#111;
  color:#fff;
}
.auth-email-mark svg{
  width:16px;
  height:16px;
}
.auth-email-mark.is-error{
  background:#f3e8e4;
  color:#8d2e1f;
  font-size:17px;
  font-weight:700;
}
.auth-email-spinner{
  border:1px solid #d9d6cf;
  border-top-color:#111;
  animation:auth-email-spin .8s linear infinite;
}
.auth-email-state form,
.auth-email-state form .button,
.auth-email-state>.button{
  width:100%;
}
.auth-email-state .auth-form-links{
  width:100%;
  margin-top:1px;
}
.auth-preview-link{
  color:var(--ink);
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  text-underline-offset:3px;
}
.auth-email-warning{
  box-sizing:border-box;
  width:100%;
  max-width:none!important;
  padding:12px 13px;
  border:1px solid #e8d1c9;
  border-radius:8px;
  background:#fbf4f1;
  color:#733426!important;
  font-size:12px!important;
}
@keyframes auth-email-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.auth-email-spinner{animation-duration:1.6s}}

/* Arts Exchange v1.9.31 — full-width stable Google-branded HTML overlay.
   Google Sans Medium is preloaded from Google Fonts and selected before the visual
   layer is revealed. The official Google Identity Services control remains the
   real interactive and credential-handling surface underneath. */
.auth-google-block{display:grid;gap:11px}
.auth-google-button{
  box-sizing:border-box;
  position:relative;
  display:block;
  width:100%;
  height:40px;
  min-height:40px;
  margin-inline:auto;
  overflow:hidden;
  border-radius:4px;
  contain:layout paint;
  cursor:pointer;
}
.auth-google-visual{
  box-sizing:border-box;
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 40px;
  align-items:center;
  width:100%;
  height:40px;
  border:1px solid #747775;
  border-radius:4px;
  background:#fff;
  color:#1f1f1f;
  font-size:14px;
  font-weight:500;
  line-height:20px;
  letter-spacing:0;
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.auth-google-button:not([data-google-font]) .auth-google-visual{visibility:hidden}
.auth-google-button[data-google-font="google"] .auth-google-visual{font-family:"Google Sans",sans-serif}
.auth-google-button[data-google-font="fallback"] .auth-google-visual{font-family:Roboto,Arial,sans-serif}
.auth-google-mark{
  display:block;
  width:18px;
  height:18px;
  margin-left:12px;
  max-width:none;
  object-fit:contain;
}
.auth-google-sdk{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  display:block;
  width:var(--auth-google-sdk-width,100%);
  height:40px;
  overflow:hidden;
  opacity:.001;
  transform:scaleX(var(--auth-google-sdk-scale,1));
  transform-origin:left center;
}
.auth-google-button:hover .auth-google-visual{background:#f8faff}
.auth-google-button:active .auth-google-visual{background:#f1f3f4}
.auth-google-button:focus-within .auth-google-visual{outline:2px solid #1a73e8;outline-offset:-2px}
.auth-google-button[data-busy="1"] .auth-google-sdk{pointer-events:none}
.auth-google-button[data-busy="1"] .auth-google-visual{opacity:.68}
.auth-google-button[data-error="1"]{
  width:100%!important;
  height:auto;
  min-height:0;
  overflow:visible;
  contain:none;
}

.auth-divider{display:flex;align-items:center;gap:12px;color:#777873;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.auth-divider span{white-space:nowrap}
.auth-google-error{margin:0;padding:10px 12px;border:1px solid var(--line);font-size:12px;line-height:1.45;color:#656660;background:#f5f5f2}

/* Arts Exchange v1.9.32 — balanced authentication choice spacing.
   The stable Google visual becomes a distinct pill, the divider is reduced to
   a simple "or", and section spacing is increased without changing auth logic. */
.auth-route-modal .auth-card{
  gap:14px;
}
.auth-route-modal .auth-card label{
  gap:7px;
}
.auth-route-modal .auth-field-grid{
  gap:13px;
}
.auth-route-modal .role-picker legend{
  margin-bottom:12px;
}
.auth-route-modal .role-picker + .auth-google-block{
  margin-top:4px;
}
.auth-google-block{
  gap:14px;
  margin-bottom:2px;
}
.auth-google-button,
.auth-google-visual{
  border-radius:999px;
}
.auth-divider{
  gap:14px;
  font-size:10px;
  letter-spacing:.06em;
}
.auth-divider span{
  min-width:18px;
  text-align:center;
}
@media(max-width:560px){
  .auth-route-modal .auth-card{gap:13px}
  .auth-route-modal .auth-field-grid{gap:12px}
  .auth-route-modal .role-picker legend{margin-bottom:10px}
  .auth-route-modal .role-picker + .auth-google-block{margin-top:3px}
  .auth-google-block{gap:13px;margin-bottom:1px}
}

/* v1.9.36 — adaptive Studio readiness and action-only priority panels. */
.dashboard-title-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
/* v1.9.50 — optically balanced live action and quieter edit cue. */
.workspace-profile-action{
  white-space:nowrap;
}
.workspace-profile-action.live{
  display:grid;
  grid-template-columns:18px minmax(max-content,1fr) 18px;
  align-items:center;
  column-gap:14px;
  min-width:176px;
  padding-inline:16px;
}
.workspace-profile-action.live .workspace-live-indicator,
.workspace-profile-action.live .ui-icon{
  justify-self:center;
}
.workspace-profile-action.live>span{
  justify-self:center;
}
.workspace-profile-action .ui-icon{
  width:16px;
  height:16px;
  margin:0;
}
.workspace-profile-action.edit{
  min-width:0;
  min-height:40px;
  padding:9px 14px;
  color:var(--muted);
  background:transparent;
  border-color:var(--line);
  font-weight:650;
}
.workspace-profile-action.edit:hover{
  color:var(--ink);
  background:rgba(255,255,255,.5);
  border-color:var(--line-strong);
}
.workspace-profile-action:focus-visible{
  outline:2px solid rgba(31,31,31,.22);
  outline-offset:3px;
}
.workspace-live-indicator{
  position:relative;
  display:block;
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#d6423b;
  box-shadow:0 0 0 3px rgba(214,66,59,.14);
}
.workspace-live-indicator::after{
  content:"";
  position:absolute;
  inset:-4px;
  border:1px solid rgba(214,66,59,.34);
  border-radius:50%;
}
.dashboard-priority-grid.single{grid-template-columns:minmax(0,1fr)}
.dashboard-priority-grid.single>.studio-readiness,
.dashboard-priority-grid.single>.next-steps{min-height:0}
.dashboard-priority-grid.single .readiness-items{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-readiness footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:20px;
  padding-top:17px;
  border-top:1px solid rgba(89,135,101,.24);
}
.studio-readiness footer>span{
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}
.studio-readiness footer>a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  font-size:11px;
  font-weight:700;
}
.studio-readiness footer>a .ui-icon{width:15px;height:15px}
.next-steps>.panel-head:only-child{border-bottom:0}

@media(max-width:760px){
  .dashboard-title-actions{width:100%;justify-content:flex-start}
  .dashboard-priority-grid.single .readiness-items{grid-template-columns:1fr 1fr}
  .studio-readiness footer{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(max-width:480px){
  .dashboard-priority-grid.single .readiness-items{grid-template-columns:1fr}
}

/* Arts Exchange v1.9.37 — Studio terminology and public-home identity link. */

/* Arts Exchange v1.9.38 — public-header-aligned Studio identity and route-safe access. */
/* The Studio brand occupies the same x/y position and uses the same width as the public masthead. */
@media(min-width:821px){
  .studio-shell{
    grid-template-columns:clamp(270px,calc(var(--page-x) + 210px),288px) minmax(0,1fr);
  }
  .studio-shell>aside{
    padding:0 18px 20px var(--page-x);
  }
  .studio-identity{
    display:flex;
    align-items:center;
    width:100%;
    height:72px;
    min-height:72px;
    padding:0;
    margin:0 0 20px;
    border-bottom:1px solid var(--line-strong);
    border-radius:0;
  }
  .studio-identity img{
    width:174px;
    max-width:174px;
    flex:0 0 174px;
  }
}

/* Override the generic sidebar-link hover treatment for the home identity. */
.studio-shell>aside .studio-identity,
.studio-shell>aside .studio-identity:hover,
.studio-shell>aside .studio-identity:active,
.studio-shell>aside .studio-identity:visited{
  background:transparent!important;
  color:inherit!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:none!important;
}
.studio-shell>aside .studio-identity img,
.studio-shell>aside .studio-identity:hover img,
.studio-shell>aside .studio-identity:active img{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}

@media(max-width:820px){
  .studio-shell>aside{
    min-height:72px;
    padding:0 var(--page-x);
  }
  .studio-identity{
    display:flex;
    align-items:center;
    height:72px;
    min-width:192px;
    margin:0;
    padding:0 18px 0 0;
  }
  .studio-identity img{width:174px;max-width:174px}
}
@media(max-width:760px){
  .studio-shell>aside{
    min-height:66px;
    padding-left:18px;
    padding-right:18px;
  }
  .studio-identity{
    height:66px;
    min-width:176px;
  }
  .studio-identity img{width:158px;max-width:158px}
}

/* Unknown public URLs receive a deliberate page rather than silently returning home. */
.not-found-page{
  min-height:calc(100svh - 72px);
  display:grid;
  align-items:center;
  padding:clamp(70px,10vw,150px) var(--page-x);
  border-bottom:1px solid var(--line);
}
.not-found-page>div{max-width:760px}
.not-found-page h1{
  margin:15px 0 18px;
  font-size:clamp(58px,8vw,124px);
  font-weight:560;
  line-height:.88;
  letter-spacing:-.065em;
}
.not-found-page p:not(.eyebrow){
  max-width:560px;
  margin:0;
  color:var(--muted);
  font-size:clamp(15px,1.4vw,19px);
  line-height:1.55;
}
.not-found-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}

/* Arts Exchange v1.9.39 — shared public/Studio masthead grid and balanced Studio rail. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]){
  /* Match the public-site frame exactly so the identity does not shift between routes. */
  --page-max:1880px;
  --page-x:max(clamp(24px,3.75vw,72px),calc(50vw - 940px));
  /* One public-grid gutter, one 174px control column, then the same gutter again. */
  --studio-rail-width:calc(var(--page-x) + 174px + var(--page-x));
}

@media(min-width:821px){
  .studio-shell{
    grid-template-columns:var(--studio-rail-width) minmax(0,1fr);
  }
  .studio-shell>aside{
    display:grid;
    grid-template-rows:72px minmax(0,1fr);
    padding:0;
  }
  .studio-rail-masthead{
    height:72px;
    min-height:72px;
    display:flex;
    align-items:center;
    padding:14px var(--page-x);
  }
  .studio-identity{
    display:flex;
    align-items:center;
    width:174px;
    height:auto;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
  }
  .studio-identity img{
    width:174px;
    max-width:174px;
    height:auto;
    flex:0 0 174px;
  }
  .studio-rail-content{
    min-width:0;
    min-height:0;
    display:flex;
    flex-direction:column;
    padding:27px var(--page-x) 22px;
    border-top:1px solid var(--line-strong);
  }
}

/* The rail content is wider than before, while retaining the public logo grid line. */
.studio-rail-content .studio-brand{
  margin:0 0 22px;
  padding:0;
  border:0;
}
.studio-rail-content .studio-brand span{
  font-size:10px;
  line-height:1.2;
  letter-spacing:.15em;
  color:#716d66;
}
.studio-rail-content .studio-brand b{
  margin-top:7px;
  font-size:18px;
  line-height:1.2;
  font-weight:650;
  letter-spacing:-.025em;
}
.studio-rail-content .workspace-switch{
  width:100%;
  min-height:44px;
  margin:0 0 25px;
  border-radius:999px;
  overflow:hidden;
}
.studio-rail-content .workspace-switch button{
  min-height:44px;
  padding:10px 12px;
  font-size:12px;
}
.studio-primary-nav{
  width:100%;
  display:grid;
  gap:2px!important;
}
.studio-shell>aside .studio-primary-nav a{
  min-height:42px;
  display:flex;
  align-items:center;
  padding:11px 12px;
  border-left-width:3px;
  border-radius:4px;
  color:#666159;
  font-size:13px;
  font-weight:520;
  line-height:1.25;
}
.studio-shell>aside .studio-primary-nav a:hover{
  background:rgba(255,255,255,.56);
  color:var(--ink);
}
.studio-shell>aside .studio-primary-nav a.active{
  padding-left:12px;
  color:var(--ink);
  font-weight:650;
}

/* Utility actions are deliberately legible, but remain quieter than primary navigation. */
.studio-rail-content .studio-utility-nav{
  width:100%;
  display:grid;
  gap:3px;
  margin-top:auto;
  padding-top:15px;
  border-top:1px solid var(--line-strong);
}
.studio-rail-content .studio-utility-nav a,
.studio-rail-content .studio-utility-nav button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 11px;
  border:1px solid transparent;
  border-radius:4px;
  background:transparent;
  color:#4d4942;
  font:inherit;
  font-size:12.5px;
  font-weight:560;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
}
.studio-rail-content .studio-utility-nav a:hover,
.studio-rail-content .studio-utility-nav button:hover{
  border-color:var(--line);
  background:rgba(255,255,255,.58);
  color:var(--ink);
}
.studio-rail-content .studio-utility-nav .ui-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
}
.studio-rail-content .studio-signout{
  color:#5c5750;
}

/* Identity remains visually inert; only keyboard focus is exposed. */
.studio-shell>aside .studio-identity,
.studio-shell>aside .studio-identity:hover,
.studio-shell>aside .studio-identity:active{
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}
.studio-shell>aside .studio-identity img,
.studio-shell>aside .studio-identity:hover img,
.studio-shell>aside .studio-identity:active img{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}

@media(max-width:820px){
  .studio-shell>aside{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:0;
    padding:0;
  }
  .studio-rail-masthead{
    height:72px;
    min-height:72px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    padding:14px 18px 14px var(--page-x);
    border-right:1px solid var(--line-strong);
  }
  .studio-identity{
    display:flex;
    align-items:center;
    width:174px;
    min-width:174px;
    margin:0;
    padding:0;
    border:0;
  }
  .studio-identity img{width:174px;max-width:174px}
  .studio-rail-content{
    min-width:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:14px;
    padding:12px var(--page-x) 12px 18px;
    border:0;
  }
  .studio-rail-content .studio-brand,
  .studio-rail-content .studio-utility-nav{display:none}
  .studio-rail-content .workspace-switch{flex:0 0 auto;min-width:190px;margin:0}
  .studio-rail-content .studio-primary-nav{display:flex!important;gap:2px!important;overflow:auto}
  .studio-shell>aside .studio-primary-nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;border-radius:0}
  .studio-shell>aside .studio-primary-nav a[href="/studio/account"]{margin-top:0}
}

@media(max-width:760px){
  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]){--page-x:24px}
  .studio-rail-masthead{
    height:66px;
    min-height:66px;
    padding:12px 14px 12px var(--page-x);
  }
  .studio-identity{width:158px;min-width:158px}
  .studio-identity img{width:158px;max-width:158px}
  .studio-rail-content{padding:10px 18px 10px 14px}
  .studio-rail-content .workspace-switch{min-width:176px}
}

/* v2.0.2 — phone Studio shell. Keep identity, workspace switching and primary
   navigation usable without squeezing the navigation into the residual width. */
@media(max-width:600px){
  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]){--page-x:18px}
  .studio-shell>aside{display:block}
  .studio-rail-masthead{
    width:100%;
    height:60px;
    min-height:60px;
    padding:11px var(--page-x);
    border-right:0;
    border-bottom:1px solid var(--line-strong);
  }
  .studio-identity{width:150px;min-width:0}
  .studio-identity img{width:150px;max-width:150px}
  .studio-rail-content{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    padding:9px var(--page-x) 10px;
  }
  .studio-rail-content .workspace-switch{width:100%;min-width:0;max-width:none;margin:0}
  .studio-rail-content .studio-primary-nav{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
}


/* Arts Exchange v1.9.40 — equal-gutter Studio rail and fixed control measure. */
@media(min-width:821px){
  .studio-rail-content>.studio-brand,
  .studio-rail-content>.workspace-switch,
  .studio-rail-content>.studio-primary-nav,
  .studio-rail-content>.studio-utility-nav{
    width:174px;
    min-width:174px;
    max-width:174px;
  }
}

/* Arts Exchange v1.9.41 — keep the Studio switcher horizontal inside the fixed rail measure. */
@media(min-width:821px){
  .studio-rail-content>.workspace-switch{
    flex:0 0 auto;
    height:44px;
    min-height:44px;
    max-height:44px;
    aspect-ratio:auto;
  }
  .studio-rail-content>.workspace-switch button{
    height:42px;
    min-height:42px;
  }
}

/* Arts Exchange v1.9.42 — edge-to-edge Studio switcher pill.
   The two Studio choices fill the outlined control without an inset or exposed
   white gutter at the curved ends. */
.studio-rail-content .workspace-switch{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0;
  height:40px;
  min-height:40px;
  max-height:40px;
  padding:0!important;
  border:1px solid var(--line-strong);
  border-radius:999px;
  background:#fff;
  overflow:hidden;
  box-shadow:none;
}
.studio-rail-content .workspace-switch button{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  min-width:0;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 13px;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  font-size:12px;
  font-weight:650;
  line-height:1;
}
.studio-rail-content .workspace-switch button:first-child{
  border-radius:999px 0 0 999px;
}
.studio-rail-content .workspace-switch button:last-child{
  border-left:1px solid var(--line);
  border-radius:0 999px 999px 0;
}
.studio-rail-content .workspace-switch button:not(.active):hover{
  background:#f7f6f2;
  color:var(--ink);
}
.studio-rail-content .workspace-switch button:focus-visible{
  position:relative;
  z-index:1;
  outline:2px solid var(--ink);
  outline-offset:-3px;
}

@media(max-width:820px){
  .studio-rail-content .workspace-switch{
    height:40px;
    min-height:40px;
    max-height:40px;
  }
}

/* Arts Exchange v1.9.51 — cooler, gallery-like Studio surfaces.
   The Studio retains its functional colour accents while the rail, canvas,
   borders and neutral hover states move away from the earlier warm cream UI. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]){
  --studio-canvas:#f7f8f8;
  --studio-rail:#eef0f0;
  --studio-panel:#ffffff;
  --paper:#f7f8f8;
  --paper-2:#eceeef;
  --surface:#ffffff;
  --surface-strong:#ffffff;
  --line:rgba(19,24,27,.14);
  --line-strong:rgba(19,24,27,.28);
  --muted:#666b6e;
}

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-experience,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-shell,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-main{
  background:var(--studio-canvas)!important;
}

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-shell>aside{
  background:var(--studio-rail);
  border-color:var(--line-strong);
}

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-rail-content,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-rail-masthead{
  border-color:var(--line-strong);
}

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-shell>aside .studio-primary-nav a{
  color:#606568;
}

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-shell>aside .studio-primary-nav a:hover,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-rail-content .studio-utility-nav a:hover,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-rail-content .studio-utility-nav button:hover{
  background:rgba(255,255,255,.72);
}

:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-rail-content .workspace-switch button:not(.active):hover,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .upload-zone{
  background:#f2f4f4!important;
}

/* Arts Exchange v1.9.52 — semantic Studio colour system.
   Colour is reserved for stable functional meaning against the cool-neutral
   Studio surfaces: neutral for orientation, green for published/readiness,
   blue for identity and presentation, violet for curator/provenance, amber
   for requests and pending action, coral for exhibitions, and red only for
   blocking or destructive states. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]){
  --studio-neutral:#e3e7e8;
  --studio-neutral-bg:#f2f4f4;
  --studio-neutral-line:#7b878c;
  --studio-neutral-ink:#30393d;

  --studio-mint:#d7ebdd;
  --studio-mint-bg:#eaf5ef;
  --studio-mint-line:#5f9273;
  --studio-mint-ink:#24513a;

  --studio-sky:#dde9f8;
  --studio-sky-bg:#eef4fc;
  --studio-sky-line:#668dbb;
  --studio-sky-ink:#315b89;

  --studio-violet:#e6ddf4;
  --studio-violet-bg:#f3effa;
  --studio-violet-line:#8a75ad;
  --studio-violet-ink:#594675;

  --studio-ochre:#f1e2be;
  --studio-ochre-bg:#faf4e7;
  --studio-ochre-line:#ad8440;
  --studio-ochre-ink:#6b4c16;

  --studio-coral:#f2d9d0;
  --studio-coral-bg:#fcf0ec;
  --studio-coral-line:#b96f56;
  --studio-coral-ink:#733e30;

  --studio-danger:#f4cfcc;
  --studio-danger-bg:#fbeaea;
  --studio-danger-line:#d47b77;
  --studio-danger-ink:#77211e;
}

/* Orientation is deliberately neutral; task families carry colour. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-shell>aside nav a[href="/studio/overview"].active,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-shell>aside nav a[href="/studio/account"].active{
  border-left-color:var(--studio-neutral-line);
  background:var(--studio-neutral-bg);
  color:var(--studio-neutral-ink);
}

/* Profile setup is informational progress, not a completed/success state. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-readiness:not(.ready){
  border-top-color:var(--studio-sky-line)!important;
  background:#fff!important;
}
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-readiness:not(.ready) .readiness-mark{
  border-color:color-mix(in srgb,var(--studio-sky-line) 34%,transparent)!important;
  background:var(--studio-sky)!important;
  color:var(--studio-sky-ink)!important;
}
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-readiness:not(.ready) .readiness-bar span{
  background:var(--studio-sky-line)!important;
}

/* Required action is red; coral remains reserved for exhibition context. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .task-tone.required{
  border-color:color-mix(in srgb,var(--studio-danger-line) 38%,transparent)!important;
  background:var(--studio-danger)!important;
  color:var(--studio-danger-ink)!important;
}
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .next-step-row:has(.task-tone.required){
  box-shadow:inset 3px 0 0 var(--studio-danger-line);
}

/* Status colours keep the same meaning on every Studio page. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) :is(.status.accepted,.status.published){
  background:var(--studio-mint-bg);
  border-color:color-mix(in srgb,var(--studio-mint-line) 50%,#fff);
  color:var(--studio-mint-ink);
}
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) :is(.status.pending,.status.draft,.status.counter,.status.attention){
  background:var(--studio-ochre-bg);
  border-color:color-mix(in srgb,var(--studio-ochre-line) 50%,#fff);
  color:var(--studio-ochre-ink);
}
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) :is(.status.declined,.status.scope-warning){
  background:var(--studio-danger-bg);
  border-color:color-mix(in srgb,var(--studio-danger-line) 58%,#fff);
  color:var(--studio-danger-ink);
}
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .status.archived{
  background:var(--studio-neutral-bg);
  border-color:color-mix(in srgb,var(--studio-neutral-line) 42%,#fff);
  color:var(--studio-neutral-ink);
}

/* Cards remain white for legibility; colour is carried by line, icon and hover. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-action-grid>a,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-action-grid>button,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .dashboard-utility{
  background:#fff!important;
  border-color:var(--action-line,var(--utility-line,var(--line)))!important;
  border-top-width:1px!important;
  box-shadow:inset 3px 0 0 var(--action-line,var(--utility-line,var(--line)));
}
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-action-grid>a:hover,
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-action-grid>button:hover{
  background:var(--action-bg)!important;
}
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .dashboard-utility:hover{
  background:var(--utility-bg)!important;
}

/* Profile editing is one coherent blue information family; completion stays green. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .profile-form-stack section{
  --profile-accent:var(--studio-sky-line)!important;
  --profile-tile:var(--studio-sky)!important;
  --profile-ink:var(--studio-sky-ink)!important;
}

/* Declined/blocked records use danger red rather than exhibition coral. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .request-card:has(.status.declined),
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-exhibition-card:has(.status.scope-warning){
  border-top-color:var(--studio-danger-line)!important;
}

/* Subtle, consistent focus rings use the family colour without relying on hue alone. */
:is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) :is(a,button,input,textarea,select):focus-visible{
  outline-color:rgba(49,91,137,.38);
}

@media(max-width:820px){
  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-shell>aside nav a[href="/studio/overview"].active,
  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-shell>aside nav a[href="/studio/account"].active{
    border-left:0;
    border-bottom-color:var(--studio-neutral-line);
  }
}

/* Arts Exchange v1.9.53 — Stripe Connect payment foundation. */
:is(body[data-route="studio"],body[data-route="request"]) .status.processing{
  background:var(--studio-sky-bg);
  border-color:color-mix(in srgb,var(--studio-sky-line) 50%,#fff);
  color:var(--studio-sky-ink);
}
.payments-page{display:grid;gap:24px;max-width:none}
.payments-title{margin-bottom:0}
.payment-environment{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid var(--studio-violet-line);border-radius:999px;background:var(--studio-violet-bg);color:var(--studio-violet-ink);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.payment-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.payment-metric-grid article{display:grid;gap:7px;min-height:132px;padding:20px;border:1px solid var(--line);border-left:3px solid var(--studio-sky-line);border-radius:0;background:#fff}
.payment-metric-grid span{color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.075em}.payment-metric-grid strong{font-size:28px;line-height:1}.payment-metric-grid small{margin-top:auto;color:var(--muted);line-height:1.4}
.payment-account-card{display:grid;grid-template-columns:minmax(0,8fr) minmax(220px,4fr);align-items:center;gap:clamp(28px,5vw,78px);padding:24px;border:1px solid var(--studio-sky-line);border-radius:0;background:linear-gradient(135deg,var(--studio-sky-bg),#fff 70%)}
.payment-principle-card{display:grid;grid-template-columns:64px minmax(0,8fr);align-items:center;gap:20px;padding:24px;border:1px solid var(--studio-sky-line);border-radius:0;background:linear-gradient(135deg,var(--studio-sky-bg),#fff 70%)}
.payment-account-card.ready{border-color:var(--studio-mint-line);background:linear-gradient(135deg,var(--studio-mint-bg),#fff 70%)}
.payment-account-card.disabled{border-color:var(--studio-neutral-line);background:var(--studio-neutral-bg)}
.payment-account-card>div:first-child,.payment-principle-card>div{max-width:700px}.payment-account-card h2,.payment-principle-card h2{margin:4px 0 8px}.payment-account-card p,.payment-principle-card p{color:var(--muted);line-height:1.55}.payment-account-card small{display:block;margin-top:9px;color:var(--studio-ochre-ink)}
.payment-account-actions{display:flex;align-items:flex-end;flex-direction:column;gap:12px;flex:none}.payment-principle-card>span{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--studio-sky);color:var(--studio-sky-ink)}.payment-principle-card .ui-icon{width:24px;height:24px}
.payment-records-panel{padding:0!important;overflow:hidden;border-radius:0!important}.payment-records-panel>.panel-head{padding:22px 24px;border-bottom:1px solid var(--line)}.payment-record-list{display:grid}.payment-record-row{display:grid;grid-template-columns:minmax(0,8fr) minmax(220px,4fr);align-items:center;gap:clamp(28px,5vw,78px);padding:20px 24px;border-bottom:1px solid var(--line);background:#fff}.payment-record-row:last-child{border-bottom:0}.payment-record-row:hover{background:var(--studio-surface-soft,#f3f4f4)}
.payment-record-main{min-width:0}.payment-record-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-record-heading h3{margin:0;font-size:18px}.payment-record-main p{margin:7px 0 4px}.payment-record-main small{color:var(--muted)}.payment-record-amount{display:grid;justify-items:end;gap:7px;min-width:220px;text-align:right}.payment-record-amount>strong{font-size:21px}.payment-record-amount>small{max-width:250px;color:var(--muted)}
.payment-legal-note{max-width:820px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.payment-live-panel{display:grid;gap:18px;margin:24px 0;padding:24px;border:1px solid var(--studio-sky-line);border-left-width:4px;border-radius:var(--radius-xs);background:#fff}.payment-live-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.payment-live-panel h2{margin:4px 0 0}.payment-live-panel>p{max-width:820px;margin:0;color:var(--muted);line-height:1.55}
.payment-breakdown{display:grid;border:1px solid var(--line);border-radius:var(--radius-xs);overflow:hidden}.payment-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 15px;border-bottom:1px solid var(--line)}.payment-breakdown>div:last-child{border-bottom:0}.payment-breakdown span{color:var(--muted);font-size:12px}.payment-breakdown strong{font-size:15px}.payment-breakdown .payment-total{background:var(--studio-surface-soft,#f3f4f4)}.payment-breakdown .payment-total span,.payment-breakdown .payment-total strong{color:var(--ink);font-weight:700}
.payment-panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-panel-note{margin:0!important;color:var(--muted)}.payment-sandbox-label{display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;background:var(--studio-violet-bg);color:var(--studio-violet-ink);font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:820px){.payment-account-card,.payment-principle-card,.payment-record-row{grid-template-columns:1fr;align-items:stretch;gap:18px}.payment-principle-card{grid-template-columns:52px minmax(0,1fr)}.payment-provider-head{justify-content:flex-start}.payment-metric-grid{grid-template-columns:1fr}.payment-account-actions{align-items:stretch}.payment-account-actions .button{width:100%}.payment-record-amount{justify-items:start;min-width:0;text-align:left}.payment-record-amount .icon-text-link{margin-top:4px}.payment-live-panel>header{flex-direction:column}.payment-panel-actions .button{width:100%}}
@media(max-width:520px){.payment-principle-card{grid-template-columns:1fr}.payment-principle-card>span{margin-bottom:2px}}

/* v1.9.54 — Stripe account management is hosted by Stripe; Arts Exchange keeps only local payment records. */


/* v1.9.55 — Stripe Express access, provider branding and read-only payment history. */
.payment-provider-head{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.stripe-powered-badge{display:inline-flex;align-items:center;border-radius:6px;transition:opacity .16s ease}
.stripe-powered-badge:hover{opacity:.82}.stripe-powered-badge:focus-visible{outline:2px solid #635bff;outline-offset:3px}
.stripe-powered-badge img{display:block;width:112px;height:auto}
.payment-dashboard-note{display:block;max-width:250px;color:var(--muted);font-size:11px;line-height:1.45;text-align:right}
.payment-history-trail{display:flex;align-items:flex-start;gap:0;margin-top:14px;overflow-x:auto;padding-bottom:2px}
.payment-history-step{position:relative;display:grid;grid-template-columns:12px max-content;grid-template-rows:auto auto;column-gap:7px;min-width:max-content;padding-right:28px;color:var(--muted)}
.payment-history-step:not(:last-child)::after{content:"";position:absolute;top:5px;left:8px;right:0;height:1px;background:var(--line)}
.payment-history-step i{position:relative;z-index:1;grid-row:1/3;width:10px;height:10px;margin-top:1px;border:2px solid #fff;border-radius:50%;background:var(--studio-neutral-line);box-shadow:0 0 0 1px var(--studio-neutral-line)}
.payment-history-step b{font-size:10px;line-height:1.2;color:var(--ink);font-weight:650}.payment-history-step time{margin-top:3px;font-size:9px;line-height:1.2;color:var(--muted)}
.payment-history-step.accepted i{background:var(--studio-mint-ink);box-shadow:0 0 0 1px var(--studio-mint-line)}
.payment-history-step.pending i,.payment-history-step.processing i{background:var(--studio-ochre-ink);box-shadow:0 0 0 1px var(--studio-ochre-line)}
.payment-history-step.declined i{background:var(--studio-danger-ink,#b53b3b);box-shadow:0 0 0 1px var(--studio-danger-line,#d66)}
@media(max-width:760px){.payment-provider-head{justify-content:flex-start}.payment-dashboard-note{text-align:left}.stripe-powered-badge img{width:105px}}

/* Arts Exchange v1.9.74 — Add/Edit Work: clearer stage cues, ratio-aware preview and narrower form measure. */
body[data-route="work"] .work-flow-title{
  margin-bottom:0;
}
body[data-route="work"] .studio-work-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 38px;
}
body[data-route="work"] .studio-work-steps button{
  --step-bg:#f6f6f3;
  --step-fill:#ecece8;
  --step-line:var(--line-strong);
  --step-ink:var(--ink);
  min-height:54px;
  padding:14px 14px 13px;
  border:1px solid var(--step-line)!important;
  border-radius:8px!important;
  background:var(--step-bg)!important;
  box-shadow:none!important;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--step-ink);
  opacity:.58;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body[data-route="work"] .studio-work-steps button:nth-child(1){
  --step-bg:var(--studio-sky-bg);
  --step-fill:var(--studio-sky);
  --step-line:var(--studio-sky-line);
  --step-ink:var(--studio-sky-ink);
}
body[data-route="work"] .studio-work-steps button:nth-child(2){
  --step-bg:var(--studio-mint-bg);
  --step-fill:var(--studio-mint);
  --step-line:var(--studio-mint-line);
  --step-ink:var(--studio-mint-ink);
}
body[data-route="work"] .studio-work-steps button:nth-child(3){
  --step-bg:var(--studio-ochre-bg);
  --step-fill:var(--studio-ochre);
  --step-line:var(--studio-ochre-line);
  --step-ink:var(--studio-ochre-ink);
}
body[data-route="work"] .studio-work-steps button:nth-child(4){
  --step-bg:var(--studio-violet-bg);
  --step-fill:var(--studio-violet);
  --step-line:var(--studio-violet-line);
  --step-ink:var(--studio-violet-ink);
}
body[data-route="work"] .studio-work-steps button b{
  min-width:20px;
  font-family:var(--mono);
  font-size:9px;
  font-weight:650;
  letter-spacing:.06em;
  color:inherit;
}
body[data-route="work"] .studio-work-steps button span{
  font-size:11px;
  font-weight:650;
  letter-spacing:.01em;
  color:inherit;
}
body[data-route="work"] .studio-work-steps button.active{
  color:var(--step-ink)!important;
  background:var(--step-fill)!important;
  border-color:var(--step-line)!important;
  box-shadow:inset 0 -3px 0 var(--step-line)!important;
  opacity:1;
}
body[data-route="work"] .studio-work-steps button.complete{
  color:var(--step-ink)!important;
  background:var(--step-bg)!important;
  border-color:var(--step-line)!important;
  box-shadow:inset 0 -2px 0 var(--step-line)!important;
  opacity:.88;
}
body[data-route="work"] .studio-work-steps button.available:not(.active){
  color:var(--step-ink)!important;
  background:var(--step-bg)!important;
  opacity:.68;
}
body[data-route="work"] .studio-work-steps button:disabled{
  color:var(--step-ink)!important;
  background:var(--step-bg)!important;
  opacity:.42;
}
body[data-route="work"] .studio-work-steps button:not(:disabled):hover{
  opacity:1;
}

body[data-route="work"] .studio-work-body{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:16px;
  row-gap:28px;
  align-items:start;
}
body[data-route="work"] .studio-work-preview{
  grid-column:1 / span 4;
  position:sticky;
  top:102px;
  min-width:0;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-route="work"] .studio-work-body>.studio-work-form{
  grid-column:6 / -1;
  width:100%;
  max-width:840px;
  min-width:0;
}
body[data-route="work"] .studio-work-body>.record-connect-step{
  grid-column:5 / -1;
  min-width:0;
}
body[data-route="work"] .preview-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:24px;
  margin:0 0 9px;
  color:#6f6b64;
  font-size:9px;
  font-weight:650;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body[data-route="work"] .studio-work-preview .wizard-preview-large{
  width:100%;
  min-height:0!important;
  max-height:580px;
  margin:0;
  aspect-ratio:4/3;
  border:1px solid var(--line-strong)!important;
  border-radius:0!important;
  background:#f3f2ee!important;
  box-shadow:none!important;
  overflow:hidden;
  transition:aspect-ratio .16s ease,border-color .16s ease;
}
body[data-route="work"] .studio-work-preview .wizard-preview-large.is-portrait{aspect-ratio:4/5}
body[data-route="work"] .studio-work-preview .wizard-preview-large.is-square{aspect-ratio:1/1}
body[data-route="work"] .studio-work-preview .wizard-preview-large.is-landscape{aspect-ratio:4/3}
body[data-route="work"] .studio-work-preview .wizard-preview-large.is-empty{aspect-ratio:4/3}
body[data-route="work"] .work-draft-preview{
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  place-items:center;
  padding:18px;
  background:#f3f2ee;
}
body[data-route="work"] .work-draft-preview img,
body[data-route="work"] .work-draft-preview video,
body[data-route="work"] .studio-work-preview .wizard-preview-large>img,
body[data-route="work"] .studio-work-preview .wizard-preview-large>video{
  width:100%;
  height:100%;
  max-height:none!important;
  object-fit:contain;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
body[data-route="work"] .work-media-picker{
  position:relative;
  display:block;
  overflow:hidden;
  border:1px solid var(--line-strong);
  background:#f7f6f2;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease;
}
body[data-route="work"] .work-media-picker .wizard-preview-large{
  border:0!important;
}
body[data-route="work"] .work-media-picker input[type="file"]{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}
body[data-route="work"] .work-media-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 14px 14px;
  border-top:1px solid var(--line);
  background:#fff;
  color:var(--ink);
}
body[data-route="work"] .work-media-action>span{
  min-width:0;
  display:grid;
  gap:3px;
}
body[data-route="work"] .work-media-action b{
  font-size:11px;
  font-weight:650;
}
body[data-route="work"] .work-media-action small{
  max-width:260px;
  overflow:hidden;
  color:var(--muted);
  font-size:10px;
  font-weight:450;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="work"] .work-media-action>.ui-icon{
  flex:0 0 auto;
  width:18px;
  height:18px;
  color:#6f6b64;
}
body[data-route="work"] .work-media-picker:hover,
body[data-route="work"] .work-media-picker:focus-within{
  border-color:var(--ink);
  background:#f1f0ec;
}
body[data-route="work"] .work-media-picker:hover .work-media-action b{
  text-decoration:underline;
  text-underline-offset:3px;
}
body[data-route="work"] .wizard-preview-empty{
  width:100%;
  height:100%;
  min-height:240px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:10px;
  padding:28px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#8c8881;
  text-align:center;
}
body[data-route="work"] .wizard-preview-empty .ui-icon{
  width:32px;
  height:32px;
}
body[data-route="work"] .wizard-preview-empty span{
  font-size:10px;
  font-weight:600;
  letter-spacing:.03em;
}
body[data-route="work"] .preview-guidance{
  max-width:420px;
  margin:13px 0 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.5;
}

body[data-route="work"] .studio-work-form{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
body[data-route="work"] .studio-work-form>label:first-child,
body[data-route="work"] .studio-work-form>.two:first-child{
  margin-top:0;
}

body[data-route="work"] .studio-work-footer{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid var(--line);
}
body[data-route="work"] .studio-work-footer>span{
  justify-self:center;
  color:var(--muted);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.09em;
}
body[data-route="work"] .studio-work-footer .button{
  width:auto!important;
  min-width:108px;
}
body[data-route="work"] .studio-work-footer .button:last-child{
  justify-self:end;
}

@media(max-width:1120px){
  body[data-route="work"] .studio-work-body{row-gap:30px}
  body[data-route="work"] .studio-work-preview,
  body[data-route="work"] .studio-work-body>.studio-work-form,
  body[data-route="work"] .studio-work-body>.record-connect-step{grid-column:1/-1;max-width:none}
  body[data-route="work"] .studio-work-preview{position:relative;top:auto;max-width:560px}
}
@media(max-width:620px){
  body[data-route="work"] .studio-work-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:30px}
  body[data-route="work"] .studio-work-steps button{min-height:46px;padding:11px 10px;gap:7px}
  body[data-route="work"] .studio-work-steps button b{display:block;min-width:18px}
  body[data-route="work"] .studio-work-steps button span{font-size:9.5px}
  body[data-route="work"] .studio-work-footer{grid-template-columns:auto 1fr auto}
  body[data-route="work"] .studio-work-footer>span{display:none}
  body[data-route="work"] .studio-work-footer .button{min-width:94px}
}


/* Arts Exchange v1.9.86 — rail/header alignment refinement.
   - Remove the extra separator between the logo masthead and the Studio rail content.
   - Align page eyebrows to the same vertical start as the rail eyebrow.
   - Keep page actions pinned to the top edge of the title block.
*/
@media(min-width:821px){
  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-rail-content{
    border-top:0 !important;
    padding-top:27px;
  }

  /* The rail eyebrow sits 72px masthead + 27px content padding from the top.
     Match that exact 99px vertical datum in the viewing area. */
  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-main{
    padding-top:99px;
  }

  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-title{
    align-items:start;
  }

  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .studio-title > :last-child:not(:first-child),
  :is(body[data-route="studio"],body[data-route="work"],body[data-route="portable"],body[data-route="request"],body[data-route="exhibition-builder"]) .payment-provider-head{
    align-self:start;
  }
}

/* v1.9.218 — canonical confirmation dialogue; replaces native browser UI. */
.confirm-dialog{width:min(520px,100%)}
.confirm-dialog .modal-body{padding:24px}
.confirm-dialog-copy{max-width:430px;color:var(--muted);font-size:13px;line-height:1.55}
.confirm-dialog-actions{margin-top:24px}
.manual-copy-dialog{display:grid;gap:14px}
.manual-copy-dialog p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.manual-copy-dialog textarea{width:100%;min-height:220px;resize:vertical}
@media(max-width:620px){.confirm-dialog .modal-body{padding:20px}.confirm-dialog-actions{grid-template-columns:1fr}.confirm-dialog-actions .button{width:100%}}