:root { color-scheme: dark; --ink:#11100e; --surface:#191613; --ivory:#f4eee6; --copper:#d19768; --copper-bright:#e8b78b; --line:#886440; --body-font:Arial,Helvetica,sans-serif; --display-font:Georgia,'Times New Roman',serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--ivory); font-family:var(--body-font); font-size:1rem; }
body.dialog-open { overflow:hidden; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { color:inherit; cursor:pointer; border-radius:0; }
a { color:inherit; text-decoration:none; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:2px solid var(--copper-bright); outline-offset:5px; }
img { display:block; max-width:100%; }
.site-shell { width:100%; max-width:1280px; margin-inline:auto; container-type:inline-size; }
.skip-link { position:fixed; left:16px; top:-100px; padding:12px 18px; background:var(--ivory); color:var(--ink); z-index:100; }
.skip-link:focus { top:12px; }
.site-header { position:relative; z-index:10; display:flex; align-items:center; gap:2cqw; min-height:100px; height:100px; max-height:100px; padding:6px 4.5% 6px 6.3%; background:var(--ink) url('assets/03_September-13-2026.webp') center/600px; border-bottom:1px solid var(--copper); }
.brand { display:flex; align-items:center; flex:0 0 29%; height:100%; gap:1.3cqw; }
.brand-symbol { width:27%; height:100%; object-fit:contain; }
.brand-wordmark { width:69%; height:80%; object-fit:contain; object-position:left center; }
.desktop-nav { display:flex; flex:1; align-items:center; justify-content:flex-end; gap:clamp(20px,2.4cqw,40px); white-space:nowrap; }
.desktop-nav a,.desktop-nav button { border:0; background:none; padding:13px 0; text-transform:uppercase; font-family:var(--display-font); font-size:clamp(14px,1.02cqw,22px); letter-spacing:.105em; transition:color .18s; }
.desktop-nav a:hover,.desktop-nav button:hover { color:var(--copper-bright); }
.header-actions { display:flex; align-items:center; gap:clamp(6px,1.15cqw,24px); }
.icon-button { display:inline-grid; place-items:center; background:transparent; border:0; width:44px; height:44px; flex:0 0 44px; padding:10px; }
.icon-button svg { width:24px; height:24px; }
.icon-button:hover { color:var(--copper-bright); }
.brand-signature { margin:0 0 0 2.8cqw; color:var(--copper-bright); font-family:'Brush Script MT','Segoe Script',cursive; font-style:italic; font-size:clamp(20px,1.65cqw,36px); line-height:.95; transform:rotate(-7deg); min-width:78px; }
.menu-toggle { display:none; }
.hero { position:relative; isolation:isolate; width:100%; aspect-ratio:8/3; overflow:hidden; background:#33261a; }
.room-background { position:absolute; inset:0; z-index:-3; background:url('assets/04_September-13-2026.webp') center bottom/cover no-repeat; }
.copy-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#09080580 0%,#090805b8 20%,#0908052b 35%,transparent 46%); pointer-events:none; }
.hero-copy { position:relative; z-index:4; width:34%; padding-top:3.5%; margin-left:4.4%; text-shadow:0 2px 12px #0006; pointer-events:none; }
.eyebrow { margin:0 0 1.45cqw; font-size:clamp(14px,.8cqw,19px); text-transform:uppercase; letter-spacing:.25em; line-height:1.65; }
h1 { font-family:var(--display-font); font-weight:400; font-size:clamp(38px,3.65cqw,88px); letter-spacing:-.035em; text-transform:uppercase; line-height:1.04; margin:0; white-space:nowrap; }
h1 span { color:var(--copper); }
.copy-rule { display:block; width:4cqw; min-width:45px; border-top:1px solid var(--copper-bright); margin:1.4cqw 0 1.25cqw; }
.supporting-copy { font-family:var(--display-font); font-size:clamp(17px,1.28cqw,30px); line-height:1.28; margin:0 0 1.6cqw; }
.explore-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:50px; padding:1.05cqw 1.6cqw; border:1px solid var(--copper-bright); background:#100d09c2; box-shadow:inset 0 0 0 2px #1b1713,0 4px 18px #0003; text-transform:uppercase; font-size:clamp(14px,.86cqw,19px); letter-spacing:.09em; white-space:nowrap; transition:background .2s,color .2s; pointer-events:auto; }
.explore-button span { font-size:20px; font-weight:300; color:var(--copper-bright); }
.explore-button:hover { background:var(--copper); color:var(--ink); text-shadow:none; }
.explore-button:hover span { color:var(--ink); }
.product-scene { position:absolute; inset:0; z-index:2; pointer-events:none; }
.hero-product { position:absolute; display:block; border:0; margin:0; padding:0; background:transparent; pointer-events:auto; transition:filter .2s; }
.hero-product img { height:100%; width:100%; object-fit:contain; filter:drop-shadow(0 10px 8px #130b0540); }
.hero-product:hover { filter:brightness(1.045); }
.hero-product:focus-visible { outline-offset:-5px; outline:2px solid var(--copper-bright); border-radius:10px; }
.hoodie { width:31%; height:79%; left:34.5%; top:2.4%; z-index:1; }
.pillow { width:20.5%; height:48%; left:23.4%; bottom:14%; z-index:3; }
.mug { width:10.5%; height:24%; left:44%; bottom:11.5%; z-index:5; }
.bottle { width:6.8%; height:42%; left:55.5%; bottom:11.5%; z-index:4; }
.mug img,.bottle img { position:relative; z-index:1; object-position:center bottom; filter:drop-shadow(2px 3px 2px #130b0555); }
.mug::before,.bottle::before { content:""; position:absolute; z-index:0; height:10px; bottom:-4px; border-radius:50%; background:radial-gradient(ellipse,#160b06b8 0%,#160b0666 35%,transparent 72%); pointer-events:none; }
.mug::before { left:3%; width:69%; }
.bottle::before { left:17%; width:66%; }
.tote { width:18.2%; height:48%; right:9%; top:calc(19% + 13px); z-index:2; }
.blanket { width:29%; height:38%; right:11.6%; bottom:-1.5%; z-index:6; }
.artist-intro { min-height:120px; padding:24px 16px 26px; background:var(--ink) url('assets/03_September-13-2026.webp') center/600px; border-top:1px solid #b68a6077; scroll-margin-top:20px; }
.artist-ornament { display:flex; align-items:center; justify-content:center; width:160px; margin:0 auto 16px; height:2px; background:linear-gradient(90deg,transparent,#bb926f,transparent); }
.artist-ornament span { width:4px; height:4px; background:var(--ivory); transform:rotate(45deg); }
.artist-intro h2 { display:flex; align-items:center; justify-content:center; gap:2.4cqw; margin:0; color:#ebc2a0; font-family:var(--display-font); font-size:clamp(21px,1.7cqw,38px); font-weight:400; letter-spacing:.42em; text-transform:uppercase; }
.artist-intro h2::before,.artist-intro h2::after { content:''; display:block; width:9cqw; height:1px; background:var(--line); }
.site-dialog { margin:auto; width:min(1060px,calc(100% - 40px)); max-height:min(88dvh,1000px); padding:0; color:var(--ivory); background:var(--surface); border:1px solid var(--line); box-shadow:0 24px 120px #000c; }
.site-dialog::backdrop { background:#080705bd; backdrop-filter:blur(5px); }
.site-dialog.drawer { margin:0 0 0 auto; width:min(470px,100%); max-height:100dvh; height:100dvh; border-width:0 0 0 1px; }
.dialog-header { position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:21px 26px; background:var(--surface); border-bottom:1px solid #65503c; }
.dialog-header h2 { margin:0; font:400 clamp(24px,3cqw,32px)/1.15 var(--display-font); }
.dialog-body { padding:26px; }
.collection-note { color:#d1c4b7; margin:0 0 26px; font-size:1rem; line-height:1.55; max-width:720px; }
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.product-card { background:transparent; border:1px solid #665039; padding:0 0 18px; text-align:left; transition:border-color .2s; }
.product-card:hover { border-color:var(--copper-bright); }
.product-card .card-image { display:grid; place-items:center; height:205px; margin-bottom:17px; background:radial-gradient(ellipse,#493a2b,#27211b); padding:15px; }
.card-image img { width:100%; height:100%; object-fit:contain; }
.product-card strong { display:block; padding-inline:18px; font:400 23px var(--display-font); }
.product-card .card-link { display:block; margin-top:7px; padding-inline:18px; color:var(--copper-bright); font-size:14px; }
.search-label { display:block; margin-bottom:10px; color:#dfcbb9; font-size:14px; }
.search-input { width:100%; min-height:52px; border:1px solid #947250; background:#100e0b; color:var(--ivory); padding:12px 15px; margin-bottom:16px; border-radius:0; }
.search-status { color:#c6b7a9; margin:0 0 22px; font-size:14px; }
.empty-state { padding:42px 8px; text-align:center; }
.empty-state p { font:400 26px var(--display-font); margin:20px 0; }
.empty-state svg { width:45px; height:45px; color:var(--copper); }
.empty-state button { margin-top:12px; }
.mobile-links { display:grid; gap:0; }
.mobile-links button,.mobile-links a { background:none; border:0; border-bottom:1px solid #614c38; padding:24px 0; text-align:left; font:400 25px var(--display-font); }
.story-copy { font:400 22px/1.6 var(--display-font); max-width:660px; margin:10px 0 20px; }
.product-detail { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:32px; }
.detail-image { height:min(56vh,460px); width:100%; object-fit:contain; background:radial-gradient(ellipse,#483a2d,#252019); padding:22px; }
.detail-label { color:var(--copper-bright); text-transform:uppercase; letter-spacing:.18em; font-size:14px; }
.detail-copy { font:400 25px/1.4 var(--display-font); }
.detail-status { font-size:15px; color:#c9bbae; line-height:1.5; }
.text-button { border:0; border-bottom:1px solid var(--line); background:none; padding:8px 0; color:var(--copper-bright); font-size:16px; margin-top:12px; }
@media(max-width:1399px) { .brand-signature { display:none; } }
@media(max-width:1199px) {
 .site-header { padding-inline:4%; gap:20px; } .brand { flex-basis:32%; gap:12px; } .desktop-nav { gap:22px; } .brand-signature { display:none; } .header-actions { gap:6px; }
 .eyebrow { font-size:14px; letter-spacing:.15em; } .supporting-copy { font-size:18px; } .explore-button { font-size:14px; min-height:48px; gap:15px; padding:12px 16px; }
}
@media(max-width:1199px) {
 .site-header { min-height:91px; height:91px; padding:7px 4%; gap:12px; justify-content:space-between; } .brand { flex:0 1 370px; max-width:58%; } .brand-symbol { width:25%; } .brand-wordmark { width:71%; } .desktop-nav { display:none; } .menu-toggle { display:inline-grid; } .header-actions { gap:4px; }
 .hero { aspect-ratio:auto; min-height:820px; } .room-background { background-position:57% bottom; background-size:auto 76%; background-color:#201910; } .copy-shade { background:linear-gradient(180deg,#0b0907f5 0,#120e0bcc 31%,#17110922 56%,transparent 70%); }
 .hero-copy { width:auto; max-width:680px; padding:40px 28px 0; margin:0; } .eyebrow { font-size:14px; letter-spacing:.2em; margin-bottom:22px; } h1 { font-size:clamp(39px,6.4cqw,61px); } .copy-rule { margin:22px 0 20px; width:55px; } .supporting-copy { font-size:21px; margin-bottom:23px; } .explore-button { padding:16px 23px; }
 .product-scene { inset:auto 0 0; height:450px; } .hoodie { width:42%; height:85%; left:22%; top:0; } .pillow { width:28%; height:44%; left:6%; bottom:10%; } .mug { width:15%; height:21%; left:33%; bottom:11.5%; } .bottle { width:10%; height:42%; left:49%; bottom:11.5%; } .tote { width:24%; height:49.5%; right:6%; top:calc(18% + 13px); } .blanket { width:39%; height:35%; right:9%; bottom:-1%; }
 .artist-intro { min-height:118px; padding-block:24px; } .artist-intro h2 { font-size:23px; letter-spacing:.32em; }
}
@media(max-width:599px) {
 .site-header { min-height:80px; height:80px; padding-inline:12px; gap:5px; } .brand { max-width:none; flex:1 1 auto; gap:5px; min-width:0; } .brand-symbol { width:24%; } .brand-wordmark { width:72%; height:77%; } .header-actions { flex-shrink:0; gap:0; } .icon-button { width:42px; min-width:42px; flex-basis:42px; padding:10px; } .icon-button svg { width:22px; height:22px; }
 .hero { min-height:780px; } .room-background { background-size:auto 66%; background-position:58% bottom; } .hero-copy { padding:32px 22px 0; } .eyebrow { font-size:14px; letter-spacing:.1em; line-height:1.6; margin-bottom:23px; } h1 { font-size:clamp(34px,8.6cqw,51px); letter-spacing:-.045em; line-height:1.07; } .copy-rule { margin:22px 0 19px; } .supporting-copy { font-size:19px; line-height:1.4; margin-bottom:22px; } .explore-button { font-size:14px; gap:20px; padding:15px 18px; }
 .product-scene { height:345px; bottom:0; } .hoodie { width:57%; height:86%; left:13%; top:-1%; } .pillow { width:34%; height:43%; left:0; bottom:14%; } .mug { width:18%; height:23%; left:29%; bottom:12%; } .bottle { width:12%; height:43%; left:48%; bottom:12%; } .tote { width:29.25%; height:46.5%; right:3%; top:calc(18% + 13px); } .blanket { width:47%; height:35%; right:0; bottom:-1%; }
 .artist-intro { min-height:106px; padding:24px 14px; } .artist-intro h2 { font-size:18px; letter-spacing:.23em; gap:14px; white-space:nowrap; } .artist-intro h2::before,.artist-intro h2::after { width:25px; flex-shrink:0; } .artist-ornament { width:105px; margin-bottom:18px; }
 .site-dialog { width:calc(100% - 20px); max-height:94dvh; } .dialog-header { padding:17px 18px; } .dialog-body { padding:20px 18px; } .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .product-card .card-image { height:155px; padding:10px; } .product-card strong { font-size:21px; padding-inline:12px; } .product-card .card-link { padding-inline:12px; } .product-detail { grid-template-columns:1fr; gap:12px; } .detail-image { height:320px; } .detail-copy { font-size:23px; }
}
@media(max-width:359px) {
 .site-header { padding-inline:8px; } .header-actions .icon-button { width:38px; min-width:38px; flex-basis:38px; padding:8px; } .hero-copy { padding-inline:18px; } h1 { font-size:31px; } .eyebrow { letter-spacing:.06em; } .artist-intro h2 { font-size:16px; letter-spacing:.18em; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }

/* Requested fine placement: scale around each base, then shift in CSS pixels. */
.mug { transform-origin:center bottom; transform:translate(30px,-10px) scale(.7); }
.bottle { transform-origin:center bottom; transform:translate(5px,-10px) scale(.9); }
.foreground-books { position:absolute; inset:0; overflow:hidden; z-index:3; pointer-events:none; }
.foreground-books :is(img, svg) { position:absolute; bottom:0; left:0; width:100%; height:auto; max-width:none; clip-path:polygon(83.83% 73.38%,89.28% 71.22%,95.44% 71.34%,100% 72.66%,100% 89.81%,83.29% 86.45%,83.29% 80.58%,83.83% 80.58%); }
@media(max-width:1199px) { .foreground-books :is(img, svg) { width:auto; height:623.2px; left:57%; transform:translateX(-57%); } }
@media(max-width:599px) { .foreground-books :is(img, svg) { height:514.8px; left:58%; transform:translateX(-58%); } }

/* Retain bottle height and broaden its silhouette to a natural bottle proportion. */
.bottle img { transform:scaleX(1.25); }
.bottle::before { left:9%; width:82%; }
.hero-down { position:absolute; z-index:8; left:50%; bottom:10px; transform:translateX(-50%); display:grid; place-items:center; width:44px; height:44px; border:1px solid #e8b78b99; border-radius:50%; background:#100d09b8; color:var(--copper-bright); }
.hero-down svg { width:25px; height:25px; }
.hero-down:hover { background:#100d09; }
.collections-section { padding:44px 5% 54px; scroll-margin-top:16px; }
.collections-section h2 { margin:0 0 28px; text-align:center; font:400 clamp(26px,2.5cqw,36px)/1.2 var(--display-font); color:var(--copper-bright); }
.collections-section .card-image { height:240px; }
@media(max-width:599px) { .collections-section { padding:32px 18px; } .collections-section .card-image { height:160px; } }

/* Text contrast over the couch, preserving the open room composition. */
.copy-shade { background:linear-gradient(90deg,#090805b0 0%,#090805c2 22%,#090805a6 32%,#09080540 42%,transparent 49%); }
.eyebrow { font-weight:600; font-size:clamp(15px,1.05cqw,16px); letter-spacing:.18em; text-shadow:0 2px 5px #000; }
h1 span { color:#c7814f; text-shadow:0 2px 5px #0009; }
@media(max-width:1199px) { .copy-shade { background:linear-gradient(180deg,#0b0907fa 0%,#120e0be6 31%,#17110955 49%,transparent 67%); } }
@media(max-width:599px) { .eyebrow { font-size:15px; letter-spacing:.07em; } }

/* Only header and hero are approved for the page at this stage. */
.pillow { transform:translateY(11px); }
.hero-cta { position:absolute; z-index:8; left:4.4%; top:calc(68% - 50px); display:grid; gap:12px; width:max-content; max-width:calc(100% - 44px); }
.hero-cta .explore-button { width:100%; }
@media(max-width:1199px) { .hero-cta { left:28px; top:340px; bottom:auto; } }
@media(max-width:599px) { .hero-cta { left:22px; top:330px; } }

.hero-cta [data-section-target="artists"] { transform:translateY(-5px); }

.foreground-books svg { aspect-ratio:1886 / 834; }
@media(max-width:1199px) { .foreground-books svg { width:1409.298px; } }
@media(max-width:599px) { .foreground-books svg { width:1164.165px; } }

@media(min-width:1200px) { .site-header { min-height:90px; height:90px; max-height:90px; } }

/* Artist gallery: a bright center card between shaded neighboring portraits. */
.artist-gallery { padding:38px 0 34px; overflow:hidden; background:#14120f url('assets/03_September-13-2026.webp') center/700px; border-top:1px solid #88644080; scroll-margin-top:18px; }
.gallery-heading { display:flex; align-items:center; justify-content:center; gap:24px; padding:0 20px; margin-bottom:28px; }
.gallery-heading h2 { font:400 clamp(23px,2.1cqw,28px)/1.3 var(--display-font); letter-spacing:.16em; color:var(--copper-bright); margin:0; text-transform:uppercase; text-align:center; }
.gallery-heading>span { width:70px; height:1px; background:var(--line); }
.gallery-stage { position:relative; }
.artist-track { position:relative; height:475px; max-width:900px; margin:auto; perspective:1200px; touch-action:pan-y; }
.artist-loading { text-align:center; padding-top:100px; color:var(--copper-bright); }
.artist-card { position:absolute; top:10px; left:50%; width:306px; height:454px; margin-left:-153px; border:5px solid #f4eee6; border-radius:16px; background:var(--ivory); color:var(--ink); overflow:hidden; box-shadow:0 18px 40px #0008; transition:transform .4s ease,filter .4s ease; transform:translateX(0); z-index:3; }
.artist-card[data-position="left"] { transform:translateX(-230px) scale(.83) rotateY(12deg); z-index:1; }
.artist-card[data-position="right"] { transform:translateX(230px) scale(.83) rotateY(-12deg); z-index:1; }
.artist-card[data-position="hidden"] { visibility:hidden; pointer-events:none; }
.artist-image-button { display:block; border:0; padding:0; width:100%; background:none; color:inherit; }
.artist-image-button img { width:100%; height:370px; object-fit:cover; }
.artist-image-button::after { content:""; position:absolute; inset:0; background:#0c0908; opacity:0; pointer-events:none; transition:opacity .4s; }
.artist-card:not([data-position="active"]) .artist-image-button::after { opacity:.53; }
.artist-about { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:68px; border:0; background:var(--ivory); color:#33261b; padding:14px 17px; font-size:14px; }
.artist-about span { font-size:22px; color:#845a36; }
.artist-card:not([data-position="active"]) .artist-about { visibility:hidden; }
.artist-panel { position:absolute; inset:0; z-index:5; background:#191613f7; color:var(--ivory); padding:22px; overflow:auto; }
.artist-panel[hidden] { display:none; }
.artist-panel .panel-close { display:block; position:sticky; top:0; margin-left:auto; min-height:44px; border:1px solid var(--line); padding:8px 12px; background:var(--surface); color:var(--ivory); font-size:14px; }
.artist-panel h3 { font:400 28px/1.2 var(--display-font); color:var(--copper-bright); margin:28px 0 18px; }
.artist-panel p { font-size:17px; line-height:1.65; }
.artist-panel .artist-medium { color:var(--copper-bright); }
.gallery-controls { display:flex; justify-content:center; align-items:center; gap:26px; margin-top:16px; }
.gallery-controls[hidden] { display:none; }
.gallery-controls button { width:46px; height:46px; background:#15110d; border:1px solid var(--line); color:var(--copper-bright); font-size:24px; }
.artist-counter { min-width:72px; text-align:center; font-size:14px; color:#d9b28d; }
.copper-margin { position:absolute; top:70px; bottom:55px; width:95px; display:flex; align-items:center; flex-direction:column; gap:24px; opacity:.28; }
.copper-left { left:3%; }.copper-right { right:3%; }
.copper-margin img { width:75px; height:auto; }.copper-right img { transform:scaleX(-1); }
.copper-margin span { width:1px; flex:1; background:linear-gradient(var(--copper),transparent); }
.site-footer { padding:28px 5% 22px; background:#11100e url('assets/03_September-13-2026.webp') center/600px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px; }
.footer-brand { display:flex; align-items:center; gap:12px; width:210px; }
.footer-brand img:first-child { width:48px; height:auto; }.footer-brand img:last-child { width:150px; height:auto; }
.site-footer nav { display:flex; gap:24px; flex-wrap:wrap; }.site-footer nav a,.site-footer nav button { font:400 14px var(--display-font); color:var(--copper-bright); padding:10px 0; background:none; border:0; }
.site-footer p { width:100%; text-align:center; margin:2px 0 0; color:#b7a99c; font-size:12px; }
@media(max-width:1000px) { .copper-margin { display:none; } }
@media(max-width:599px) { .artist-gallery { padding-top:30px; }.gallery-heading { gap:12px; }.gallery-heading>span { width:24px; }.gallery-heading h2 { font-size:22px; letter-spacing:.08em; }.artist-track { height:calc(min(78vw,306px) * 1.48 + 20px); }.artist-card { width:min(78vw,306px); height:calc(min(78vw,306px) * 1.48); margin-left:calc(min(78vw,306px) / -2); }.artist-image-button img { height:calc(min(78vw,306px) * 1.21); }.artist-about { min-height:56px; padding:10px 12px; }.artist-card[data-position="left"] { transform:translateX(-89vw) scale(.97); }.artist-card[data-position="right"] { transform:translateX(89vw) scale(.97); }.artist-card:not([data-position="active"]) .artist-image-button::after { opacity:.2; }.site-footer { justify-content:center; padding:26px 20px; }.site-footer nav { justify-content:center; gap:20px; } }

.artist-card-name { position:absolute; top:16px; left:15px; right:12px; text-align:left; font:600 22px/1.15 var(--display-font); color:#100f0c; }
.artist-card-medium { position:absolute; left:15px; top:255px; width:105px; text-align:left; font:600 italic 15px/1.3 var(--display-font); color:#100f0c; }
.artist-card-number { position:absolute; left:15px; top:337px; font-size:20px; font-weight:600; color:#100f0c; }
@media(max-width:599px) { .artist-card-name { font-size:20px; }.artist-card-medium { top:calc(min(78vw,306px) * .83); font-size:14px; }.artist-card-number { top:calc(min(78vw,306px) * 1.09); } }

/* Artist names and numbers have their own space, separate from every portrait. */
.artist-image-button { cursor:grab; }
.artist-image-button:active { cursor:grabbing; }
.artist-nameplate { position:relative; display:flex; align-items:center; min-height:76px; padding:12px 56px 12px 15px; background:var(--ivory); text-align:left; }
.artist-card-name { position:static; display:block; font:600 22px/1.12 var(--display-font); color:#211a14; overflow-wrap:anywhere; }
.artist-card-number { position:absolute; top:24px; right:15px; left:auto; font:400 21px/1 var(--display-font); color:#845a36; }
.artist-image-button img { height:294px; object-fit:cover; object-position:center top; }
.artist-card-controls { position:relative; display:grid; grid-template-columns:48px minmax(0,1fr) 48px; align-items:center; min-height:68px; padding:6px; background:var(--ivory); }
.artist-card-controls .artist-about { justify-content:center; gap:12px; width:auto; min-height:44px; padding:8px; }
.artist-arrow { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; background:transparent; color:#845a36; font-size:26px; }
.artist-arrow:hover,.artist-card-controls .artist-about:hover { background:#d8c0a84d; }
.artist-card:not([data-position="active"]) .artist-card-controls { visibility:hidden; }
@media(max-width:599px) {
 .artist-nameplate { min-height:72px; padding:10px 52px 10px 12px; }
 .artist-card-name { position:static; font-size:21px; }
 .artist-card-number { top:24px; right:12px; left:auto; }
 .artist-image-button img { height:calc(min(78vw,306px) * 1.21 - 72px); }
 .artist-card-controls { min-height:56px; padding:3px; }
}

@media(min-width:761px){.header-actions:has(.menu-toggle:only-child){margin-left:0}.desktop-nav{margin-left:auto}}