:root {
  --artist-ink: #030107;
  --artist-night: #070b17;
  --artist-paper: #f7f0e8;
  --artist-muted: rgba(247,240,232,.68);
  --artist-cyan: #20d5ff;
  --artist-violet: #9776ff;
  --artist-rose: #e994ad;
  --artist-gold: #efbb68;
  --artist-line: rgba(32,213,255,.2);
}

html { scroll-behavior: smooth; }
.artist-page { overflow-x: hidden; background: var(--artist-ink); color: var(--artist-paper); }
.artist-page::before { content: none; }
.artist-page h1,.artist-page h2,.artist-page h3,.artist-page p,.artist-page figure,.artist-page blockquote { margin-top: 0; }

.artist-nav {
  justify-content: space-between;
  gap: 2rem;
  padding: 1rem 5%;
  background: rgba(3,1,7,.88);
  border-bottom-color: var(--artist-line);
}
.artist-nav-links { display: flex; gap: clamp(1rem,3vw,2.5rem); }
.artist-nav-links a,.artist-nav-book { color: rgba(255,255,255,.72); font-size: .67rem; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; }
.artist-nav-links a:hover,.artist-nav-book:hover { color: var(--artist-cyan); }
.artist-nav-book { padding: .65rem 1rem; border: 1px solid var(--artist-line); border-radius: 999px; }
.artist-page a:focus-visible { outline: 2px solid var(--artist-cyan); outline-offset: 4px; }

.artist-hero { position: relative; min-height: 94svh; display: grid; place-items: center; padding: 7rem 7% 5rem; text-align: center; overflow: hidden; }
.artist-hero-image,.artist-hero-veil { position: absolute; inset: 0; }
.artist-hero-image { background: url('The Artists Story/web/collective-studio-web.jpg') center/cover no-repeat; transform: scale(1.015); }
.artist-hero-veil { background: linear-gradient(180deg,rgba(0,0,0,.28),rgba(3,1,7,.58) 52%,var(--artist-ink)),radial-gradient(circle at 50% 38%,transparent,rgba(3,1,7,.38) 60%); }
.artist-hero-copy { position: relative; z-index: 2; max-width: 1000px; }
.artist-overline,.artist-kicker { color: var(--artist-cyan); font-size: .67rem; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; }
.artist-hero h1 { margin: 1.2rem 0; font-family: 'Cormorant Garamond',serif; font-size: clamp(4.8rem,12vw,10rem); font-weight: 300; letter-spacing: -.06em; line-height: .72; text-shadow: 0 8px 38px rgba(0,0,0,.7); }
.artist-hero h1 span { display: block; color: var(--artist-cyan); font-size: .42em; font-style: italic; letter-spacing: .02em; line-height: .9; }
.artist-hero-copy > p:not(.artist-overline) { max-width: 760px; margin: 2rem auto; font-family: 'Cormorant Garamond',serif; font-size: clamp(1.35rem,2.6vw,2rem); font-style: italic; line-height: 1.35; }
.artist-hero-mantra { position: absolute; right: 0; bottom: 1.5rem; left: 0; z-index: 2; color: rgba(255,255,255,.62); font-size: .65rem; letter-spacing: .26em; text-transform: uppercase; }

.artist-button { display: inline-flex; align-items: center; justify-content: center; padding: .9rem 1.5rem; border: 1px solid rgba(255,255,255,.38); border-radius: 999px; color: white; font-size: .7rem; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; transition: .25s ease; }
.artist-button:hover { transform: translateY(-2px); border-color: var(--artist-cyan); }
.artist-button-filled { background: linear-gradient(120deg,#195ea8,var(--artist-violet)); border-color: transparent; }

.artist-opening { display: grid; grid-template-columns: .3fr .85fr 1fr; gap: clamp(2rem,5vw,5rem); max-width: 1400px; margin: 0 auto; padding: clamp(6rem,11vw,11rem) 6%; }
.artist-opening-number { color: var(--artist-violet); font-family: 'Cormorant Garamond',serif; font-size: clamp(5rem,11vw,10rem); font-weight: 300; line-height: .7; opacity: .72; }
.artist-opening h2,.artist-section-heading h2,.artist-channel h2,.artist-survive h2,.artist-substances h2,.artist-return h2,.artist-reciprocity h2 { font-family: 'Cormorant Garamond',serif; font-size: clamp(2.6rem,5.5vw,5rem); font-weight: 300; letter-spacing: -.04em; line-height: .96; }
.artist-opening-copy p,.artist-channel-copy p,.artist-substances-copy p { color: var(--artist-muted); font-size: 1.02rem; line-height: 1.85; }
.artist-dropcap::first-letter { float: left; margin: .1em .12em 0 0; color: var(--artist-gold); font-family: 'Cormorant Garamond',serif; font-size: 5.2em; line-height: .75; }
.artist-opening blockquote,.artist-channel blockquote { margin: 2rem 0 0; padding-left: 1.5rem; border-left: 1px solid var(--artist-cyan); color: white; font-family: 'Cormorant Garamond',serif; font-size: clamp(1.45rem,2.5vw,2rem); font-style: italic; line-height: 1.45; }

.artist-baldwin-quote { position: relative; margin: 0; overflow: hidden; }
.artist-baldwin-quote blockquote { position: relative; z-index: 1; max-width: 1280px; margin: 0 auto; }
.artist-baldwin-quote p { margin: 0; font-family: 'Cormorant Garamond',serif; font-weight: 300; letter-spacing: -.025em; }
.artist-baldwin-quote figcaption { position: relative; z-index: 1; max-width: 1280px; margin: 2rem auto 0; color: var(--artist-cyan); font-size: .68rem; font-weight: 600; letter-spacing: .25em; text-transform: uppercase; }
.artist-baldwin-quote figcaption::before { content: '— '; }
.artist-baldwin-purpose { padding: clamp(6rem,11vw,11rem) 8%; background: radial-gradient(circle at 12% 50%,rgba(151,118,255,.19),transparent 28rem),linear-gradient(120deg,#05030d,#071421); border-block: 1px solid var(--artist-line); }
.artist-baldwin-purpose::after { content: '“'; position: absolute; right: 3%; top: -7rem; color: rgba(32,213,255,.07); font-family: 'Cormorant Garamond',serif; font-size: clamp(20rem,42vw,42rem); line-height: 1; }
.artist-baldwin-purpose p { max-width: 1120px; color: white; font-size: clamp(2.3rem,5vw,5rem); line-height: 1.08; }
.artist-baldwin-disrupt { padding: clamp(5rem,8vw,8rem) 8%; text-align: center; background: radial-gradient(circle at 50% 50%,rgba(233,148,173,.14),transparent 30rem),#0a0309; border-bottom: 1px solid rgba(233,148,173,.22); }
.artist-baldwin-disrupt p { color: white; font-size: clamp(3rem,7vw,7rem); line-height: .98; }
.artist-baldwin-disrupt figcaption { color: var(--artist-rose); }

.artist-channel { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 80svh; background: #080815; border-block: 1px solid var(--artist-line); }
.artist-channel-copy { align-self: center; padding: clamp(4rem,8vw,8rem); }
.artist-channel-image { position: relative; min-height: 600px; overflow: hidden; }
.artist-channel-image img { width: 100%; height: 100%; object-fit: cover; }
.artist-channel-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#080815,transparent 25%),linear-gradient(0deg,rgba(3,1,7,.65),transparent 42%); }
.artist-channel-image figcaption { position: absolute; right: 2rem; bottom: 2rem; z-index: 2; font-size: .65rem; letter-spacing: .2em; text-transform: uppercase; }

.artist-vessels,.artist-care,.artist-reciprocity { padding: clamp(6rem,11vw,11rem) 6%; }
.artist-vessels { background: radial-gradient(circle at 12% 88%,rgba(239,187,104,.07),transparent 28rem),var(--artist-ink); }
.artist-section-heading { max-width: 900px; margin-bottom: 4rem; }
.artist-section-heading > p:last-child { max-width: 720px; color: var(--artist-muted); font-size: 1.08rem; line-height: 1.75; }
.artist-section-heading-centered { margin-inline: auto; text-align: center; }
.artist-section-heading-centered > p:last-child { margin-inline: auto; }
.artist-vessel-grid,.artist-care-grid,.artist-promises { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; max-width: 1400px; margin: 0 auto; }
.artist-vessel-grid article,.artist-care-grid article,.artist-promises article { min-height: 280px; padding: 2rem; border: 1px solid var(--artist-line); border-radius: 24px; background: radial-gradient(circle at 85% 12%,rgba(151,118,255,.15),transparent 14rem),rgba(255,255,255,.025); }
.artist-vessel-grid span,.artist-care-grid span,.artist-promises span { color: var(--artist-cyan); font-size: .64rem; letter-spacing: .22em; text-transform: uppercase; }
.artist-vessel-grid h3,.artist-care-grid h3,.artist-promises h3 { margin: 1.1rem 0 .8rem; font-family: 'Cormorant Garamond',serif; font-size: 2rem; font-weight: 400; }
.artist-vessel-grid p,.artist-care-grid p,.artist-promises p { color: var(--artist-muted); font-size: .92rem; line-height: 1.7; }

.artist-remembering { position: relative; padding: clamp(7rem,12vw,12rem) 6%; overflow: hidden; background: radial-gradient(circle at 50% 45%,rgba(239,187,104,.11),transparent 22rem),linear-gradient(180deg,#080b12,#100b0b 52%,#070309); border-block: 1px solid rgba(239,187,104,.2); }
.artist-remembering-sky { position: absolute; inset: 0; pointer-events: none; opacity: .72; }
.artist-remembering-sky::before,.artist-remembering-sky::after { content: ''; position: absolute; left: 50%; top: 52%; width: min(66vw,920px); aspect-ratio: 1; border: 1px solid rgba(239,187,104,.13); border-radius: 50%; transform: translate(-50%,-50%); }
.artist-remembering-sky::after { width: min(46vw,640px); border-color: rgba(32,213,255,.12); }
.artist-remembering-sky span { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--artist-gold); box-shadow: 0 0 18px 5px rgba(239,187,104,.3); }
.artist-remembering-sky span:nth-child(1) { left: 12%; top: 18%; }
.artist-remembering-sky span:nth-child(2) { right: 17%; top: 25%; background: var(--artist-cyan); box-shadow: 0 0 18px 5px rgba(32,213,255,.25); }
.artist-remembering-sky span:nth-child(3) { left: 20%; bottom: 21%; background: var(--artist-rose); box-shadow: 0 0 18px 5px rgba(233,148,173,.25); }
.artist-remembering-sky span:nth-child(4) { right: 11%; bottom: 16%; }
.artist-remembering-heading { position: relative; z-index: 1; max-width: 1080px; margin: 0 auto clamp(5rem,8vw,8rem); text-align: center; }
.artist-remembering-heading h2 { margin: 1.2rem 0 2rem; font-family: 'Cormorant Garamond',serif; font-size: clamp(3rem,6.4vw,6.2rem); font-weight: 300; letter-spacing: -.045em; line-height: .94; }
.artist-remembering-heading > p:last-child { max-width: 820px; margin: 0 auto; color: var(--artist-muted); font-size: 1.05rem; line-height: 1.85; }
.artist-remembering-circle { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(2rem,8vw,7rem) clamp(5rem,18vw,18rem); max-width: 1220px; margin: 0 auto; }
.artist-role { min-height: 230px; padding: 2rem; border-top: 1px solid rgba(239,187,104,.35); background: linear-gradient(180deg,rgba(255,255,255,.025),transparent); }
.artist-role span { color: var(--artist-gold); font-size: .64rem; letter-spacing: .22em; text-transform: uppercase; }
.artist-role h3 { margin: 1.1rem 0 .8rem; font-family: 'Cormorant Garamond',serif; font-size: 2.5rem; font-weight: 400; }
.artist-role p { margin-bottom: 0; color: var(--artist-muted); font-size: .94rem; line-height: 1.75; }
.artist-role-planter,.artist-role-pathfinder { text-align: right; }
.artist-remembering-core { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: clamp(150px,18vw,230px); aspect-ratio: 1; border: 1px solid rgba(239,187,104,.38); border-radius: 50%; text-align: center; background: radial-gradient(circle,rgba(239,187,104,.14),rgba(3,1,7,.82) 70%); transform: translate(-50%,-50%); box-shadow: 0 0 0 1.2rem rgba(239,187,104,.025),0 0 70px rgba(239,187,104,.1); }
.artist-remembering-core span { position: absolute; top: 22%; color: var(--artist-gold); font-size: 1rem; }
.artist-remembering-core p { margin: 1.3rem 0 0; font-family: 'Cormorant Garamond',serif; font-size: clamp(1.15rem,2vw,1.65rem); font-style: italic; line-height: 1.25; }
.artist-remembering blockquote { position: relative; z-index: 1; max-width: 960px; margin: clamp(6rem,10vw,10rem) auto 2rem; text-align: center; color: white; font-family: 'Cormorant Garamond',serif; font-size: clamp(2.2rem,5vw,4.8rem); font-weight: 300; line-height: 1.05; }
.artist-remembering-coda { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; text-align: center; color: var(--artist-muted); line-height: 1.8; }

.artist-movement-map { position: relative; display: block; padding: clamp(6rem,10vw,10rem) 6%; background: #030107; border-block: 1px solid rgba(255,255,255,.08); }
.artist-movement-map header { max-width: 900px; margin-bottom: clamp(3rem,6vw,6rem); }
.artist-movement-map h2 { margin: 1rem 0; font-family: 'Cormorant Garamond',serif; font-size: clamp(3rem,6vw,6rem); font-weight: 300; letter-spacing: -.045em; line-height: .94; }
.artist-movement-map header > p:last-child { max-width: 700px; color: var(--artist-muted); font-size: 1.02rem; line-height: 1.8; }
.artist-movement-map > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; max-width: 1500px; margin: 0 auto; }
.artist-movement-card { position: relative; min-height: 430px; display: flex; flex-direction: column; justify-content: space-between; padding: 2.2rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; color: white; text-decoration: none; transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.artist-movement-card::before { content: ''; position: absolute; width: 22rem; height: 22rem; right: -10rem; top: -11rem; border: 1px solid currentColor; border-radius: 50%; opacity: .14; box-shadow: 0 0 0 3rem currentColor,0 0 0 7rem currentColor; }
.artist-movement-card:hover { transform: translateY(-8px); border-color: currentColor; box-shadow: 0 22px 70px rgba(0,0,0,.36); }
.artist-movement-card span,.artist-movement-card small { position: relative; z-index: 1; font-size: .64rem; letter-spacing: .2em; text-transform: uppercase; }
.artist-movement-card strong { position: relative; z-index: 1; font-family: 'Cormorant Garamond',serif; font-size: clamp(2.4rem,4vw,4.4rem); font-weight: 300; letter-spacing: -.04em; line-height: .92; }
.artist-movement-card small { max-width: 250px; color: rgba(255,255,255,.58); line-height: 1.6; }
.artist-movement-world { color: var(--artist-rose); background: linear-gradient(180deg,rgba(22,4,16,.24),rgba(8,1,7,.92) 88%),linear-gradient(120deg,rgba(119,27,68,.48),rgba(0,0,0,.08)),url('The Artists Story/web/shared-worktable-web.jpg') center/cover no-repeat; }
.artist-movement-instrument { color: var(--artist-cyan); background: linear-gradient(180deg,rgba(0,18,29,.22),rgba(1,9,17,.92) 88%),linear-gradient(120deg,rgba(0,104,137,.46),rgba(15,4,38,.16)),url('assets/art-2.png') center/cover no-repeat; }
.artist-movement-return { color: var(--artist-gold); background: linear-gradient(180deg,rgba(20,12,2,.24),rgba(8,5,2,.93) 88%),linear-gradient(120deg,rgba(130,79,16,.38),rgba(15,6,14,.14)),url('The Artists Story/web/collective-studio-web.jpg') center/cover no-repeat; }

.artist-aspect { position: relative; scroll-margin-top: 70px; }
.artist-aspect-world { margin: clamp(2rem,5vw,5rem) 2.5%; overflow: hidden; border: 1px solid rgba(233,148,173,.25); border-radius: clamp(28px,4vw,56px); background: #090309; box-shadow: 0 30px 120px rgba(0,0,0,.34); }
.artist-aspect-threshold { min-height: 66svh; display: grid; grid-template-columns: .6fr 1fr; align-items: end; gap: clamp(2rem,8vw,9rem); padding: clamp(5rem,10vw,10rem) 7%; overflow: hidden; background: radial-gradient(circle at 18% 72%,rgba(233,148,173,.18),transparent 28rem),linear-gradient(145deg,#0b0309,#120612 58%,#05030a); border-bottom: 1px solid rgba(233,148,173,.22); }
.artist-aspect-threshold > span { align-self: center; color: rgba(233,148,173,.18); font-family: 'Cormorant Garamond',serif; font-size: clamp(10rem,25vw,27rem); font-weight: 300; line-height: .55; }
.artist-aspect-threshold > div { position: relative; z-index: 1; max-width: 750px; }
.artist-aspect-threshold h2 { margin: 1rem 0 2rem; font-family: 'Cormorant Garamond',serif; font-size: clamp(4rem,8vw,8rem); font-weight: 300; letter-spacing: -.055em; line-height: .8; }
.artist-aspect-threshold > div > p:last-child { max-width: 640px; color: var(--artist-muted); font-size: 1.08rem; line-height: 1.8; }
.artist-aspect-world .artist-paradox { min-height: 90svh; display: grid; align-content: center; background: radial-gradient(circle,rgba(233,148,173,.16),transparent 38rem),#080207; }
.artist-aspect-world .artist-survive { border-top: 1px solid rgba(233,148,173,.22); }
.artist-aspect-world .artist-care { padding-bottom: clamp(8rem,13vw,13rem); }

.artist-aspect-label { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 2rem; max-width: 1400px; margin: 0 auto clamp(4rem,7vw,7rem); padding-bottom: 1.25rem; border-bottom: 1px solid rgba(32,213,255,.32); color: var(--artist-cyan); font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; }
.artist-aspect-label p { margin: 0; color: rgba(255,255,255,.58); }

.artist-paradox { padding: clamp(7rem,13vw,13rem) 8%; text-align: center; background: radial-gradient(circle,rgba(233,148,173,.14),transparent 38rem); }
.artist-paradox h2 { max-width: 1150px; margin: 1.3rem auto 3rem; font-family: 'Cormorant Garamond',serif; font-size: clamp(3rem,7vw,6.7rem); font-weight: 300; letter-spacing: -.045em; line-height: .94; }
.artist-paradox div { display: grid; gap: .7rem; max-width: 850px; margin: 0 auto; }
.artist-paradox div p { margin: 0; color: var(--artist-muted); font-size: clamp(1rem,1.8vw,1.25rem); }

.artist-survive { padding: clamp(6rem,11vw,11rem) 6%; background: linear-gradient(180deg,#08020a,#100712 68%,#050208); border-block: 1px solid rgba(233,148,173,.22); }
.artist-survive-heading { max-width: 1100px; }
.artist-survive-heading h2 { margin-top: 1rem; font-size: clamp(3rem,6.5vw,6.4rem); }
.artist-survive-body { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; margin: 4rem 0; }
.artist-survive-body p { color: var(--artist-muted); line-height: 1.85; }
.artist-survive-body .artist-lead { color: white; font-family: 'Cormorant Garamond',serif; font-size: 1.55rem; line-height: 1.5; }
.artist-cycle { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: rgba(233,148,173,.24); border: 1px solid rgba(233,148,173,.24); }
.artist-cycle article { min-height: 250px; padding: 2rem; background: #0a040c; }
.artist-cycle span { color: var(--artist-rose); font-size: .7rem; }
.artist-cycle h3 { margin: 3rem 0 .8rem; font-family: 'Cormorant Garamond',serif; font-size: 2rem; font-weight: 400; }
.artist-cycle p { color: var(--artist-muted); font-size: .9rem; line-height: 1.7; }
.artist-anchor { max-width: 1120px; margin: clamp(5rem,8vw,8rem) auto 0; text-align: center; color: white; font-family: 'Cormorant Garamond',serif; font-size: clamp(2.2rem,5vw,4.5rem); font-weight: 300; line-height: 1.08; }

.artist-substances { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(3rem,8vw,8rem); padding: clamp(6rem,10vw,10rem) 8%; background: #050208; }
.artist-notice { align-self: center; padding: 2.4rem; border: 1px solid rgba(239,187,104,.32); border-radius: 24px; background: radial-gradient(circle at 80% 10%,rgba(239,187,104,.15),transparent 15rem); }
.artist-notice span { color: var(--artist-gold); font-size: .65rem; letter-spacing: .2em; text-transform: uppercase; }
.artist-notice p { margin: 1.2rem 0 0; font-family: 'Cormorant Garamond',serif; font-size: 1.5rem; line-height: 1.45; }

.artist-care { background: linear-gradient(180deg,#050208,#06111d); }
.artist-care-grid article:nth-child(2n) { background: radial-gradient(circle at 85% 12%,rgba(32,213,255,.12),transparent 14rem),rgba(255,255,255,.025); }
.artist-care-sources { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; margin-top: 3rem; }
.artist-care-sources a { color: var(--artist-cyan); font-size: .74rem; letter-spacing: .08em; text-decoration: none; }

.artist-instrument { position: relative; margin: clamp(5rem,10vw,10rem) 2.5%; padding: clamp(6rem,11vw,11rem) 6%; overflow: hidden; background: linear-gradient(145deg,#04101a 0%,#090815 48%,#120712 100%); border: 1px solid rgba(32,213,255,.3); border-radius: clamp(28px,4vw,56px); box-shadow: 0 30px 120px rgba(0,0,0,.34); }
.artist-instrument::before { content: ''; position: absolute; width: 42rem; height: 42rem; top: -24rem; right: -10rem; border: 1px solid rgba(32,213,255,.16); border-radius: 50%; box-shadow: 0 0 0 5rem rgba(151,118,255,.025),0 0 0 10rem rgba(32,213,255,.018); pointer-events: none; }
.artist-instrument-intro { position: relative; z-index: 1; display: grid; grid-template-columns: .75fr 1.25fr; gap: 1.5rem clamp(2rem,7vw,8rem); max-width: 1400px; margin: 0 auto clamp(4rem,7vw,7rem); }
.artist-instrument-intro .artist-kicker { grid-column: 1 / -1; }
.artist-instrument h2 { margin: 0; font-family: 'Cormorant Garamond',serif; font-size: clamp(3rem,6vw,6rem); font-weight: 300; letter-spacing: -.045em; line-height: .94; }
.artist-instrument-intro > p:not(.artist-kicker) { margin: 0; color: var(--artist-muted); font-size: 1.05rem; line-height: 1.85; }
.artist-instrument-intro blockquote { grid-column: 2; margin: 0; padding-top: 2rem; border-top: 1px solid rgba(32,213,255,.35); color: white; font-family: 'Cormorant Garamond',serif; font-size: clamp(1.6rem,3vw,2.6rem); font-style: italic; line-height: 1.35; }
.artist-instrument-principles { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); max-width: 1400px; margin: 0 auto; border: 1px solid rgba(32,213,255,.22); }
.artist-instrument-principles article { min-height: 280px; padding: 2rem; background: rgba(3,1,7,.5); }
.artist-instrument-principles article + article { border-left: 1px solid rgba(32,213,255,.22); }
.artist-instrument-principles span { color: var(--artist-cyan); font-size: .64rem; letter-spacing: .18em; text-transform: uppercase; }
.artist-instrument-principles h3 { margin: 3.5rem 0 .8rem; font-family: 'Cormorant Garamond',serif; font-size: 2rem; font-weight: 400; }
.artist-instrument-principles p { color: var(--artist-muted); font-size: .92rem; line-height: 1.7; }
.artist-instrument-coda { position: relative; z-index: 1; max-width: 900px; margin: 3.5rem auto 0; text-align: center; color: rgba(255,255,255,.78); font-family: 'Cormorant Garamond',serif; font-size: clamp(1.35rem,2.5vw,2rem); line-height: 1.5; }

.artist-aspect-return { margin: clamp(5rem,10vw,10rem) 2.5% 0; overflow: hidden; border: 1px solid rgba(239,187,104,.28); border-radius: clamp(28px,4vw,56px) clamp(28px,4vw,56px) 0 0; background: #070604; box-shadow: 0 30px 120px rgba(0,0,0,.34); }
.artist-aspect-threshold-return { min-height: 62svh; background: radial-gradient(circle at 18% 72%,rgba(239,187,104,.18),transparent 28rem),linear-gradient(145deg,#0a0907,#100b08 58%,#050407); border-bottom-color: rgba(239,187,104,.22); }
.artist-aspect-threshold-return > span { color: rgba(239,187,104,.18); }
.artist-aspect-threshold-return .artist-kicker { color: var(--artist-gold); }
.artist-return { min-height: 82svh; display: grid; place-items: center; padding: 7rem 8%; text-align: center; background: linear-gradient(rgba(3,1,7,.62),rgba(3,1,7,.9)),url('The Artists Story/web/collective-studio-web.jpg') center/cover fixed; border-bottom: 1px solid rgba(239,187,104,.18); }
.artist-return > div { max-width: 1100px; }
.artist-return h2 { margin-bottom: 2rem; font-size: clamp(3.2rem,7vw,6.6rem); }
.artist-return p:last-child { max-width: 800px; margin: 0 auto; color: rgba(255,255,255,.78); font-size: 1.15rem; line-height: 1.8; }
.artist-aspect-return .artist-reciprocity { background: linear-gradient(180deg,#070604,#08040a); }
.artist-aspect-return .artist-reciprocity .artist-kicker { color: var(--artist-gold); }
.artist-promises article { min-height: 250px; }

.artist-final { min-height: 75svh; display: grid; place-items: end start; padding: 6%; background: linear-gradient(0deg,rgba(3,1,7,.92),rgba(3,1,7,.1) 72%),url('The Artists Story/web/shared-worktable-web.jpg') center/cover no-repeat; }
.artist-final p { color: var(--artist-cyan); font-size: .68rem; letter-spacing: .25em; text-transform: uppercase; }
.artist-final h2 { max-width: 1000px; margin: .8rem 0 0; font-family: 'Cormorant Garamond',serif; font-size: clamp(3rem,6vw,6rem); font-weight: 300; line-height: .96; }
.artist-invitation { position: relative; padding: clamp(8rem,13vw,13rem) 8%; text-align: center; background: radial-gradient(circle at 50% 0,rgba(239,187,104,.1),transparent 32rem),var(--artist-ink); border-top: 1px solid rgba(239,187,104,.26); }
.artist-invitation::before { content: ''; position: absolute; top: -1px; left: 50%; width: 1px; height: clamp(4rem,7vw,7rem); background: linear-gradient(var(--artist-gold),transparent); }
.artist-invitation .artist-kicker { color: var(--artist-gold); }
.artist-invitation h2 { margin: 1rem 0; font-family: 'Cormorant Garamond',serif; font-size: clamp(3rem,7vw,6.5rem); font-weight: 300; }
.artist-invitation > p:not(.artist-kicker) { max-width: 760px; margin: 0 auto 2rem; color: var(--artist-muted); font-size: 1.1rem; line-height: 1.8; }
.artist-story-prompts { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px !important; max-width: 900px; margin: 0 auto 2.5rem; padding: 1px; background: var(--artist-line); }
.artist-story-prompts span { display: grid; place-items: center; min-height: 92px; padding: 1.2rem; background: var(--artist-ink); color: rgba(255,255,255,.76); font-family: 'Cormorant Garamond',serif; font-size: 1.2rem; }
.artist-invitation div { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }
.artist-invitation > span { display: block; margin-top: 1.8rem; color: rgba(255,255,255,.46); font-size: .72rem; letter-spacing: .08em; }
.artist-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 2rem; padding: 3rem 5%; border-top: 1px solid var(--artist-line); color: rgba(255,255,255,.55); font-size: .76rem; }
.artist-footer p:nth-child(2) { text-align: center; }
.artist-footer p:last-child { text-align: right; }
.artist-footer span { color: var(--artist-cyan); }

@media (max-width: 900px) {
  .artist-nav-links { display: none; }
  .artist-opening { grid-template-columns: .25fr 1fr; }
  .artist-opening-copy { grid-column: 2; }
  .artist-channel,.artist-substances { grid-template-columns: 1fr; }
  .artist-channel-image { order: -1; min-height: 65svh; }
  .artist-channel-image::after { background: linear-gradient(0deg,#080815,transparent 25%); }
  .artist-vessel-grid,.artist-care-grid,.artist-promises { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .artist-movement-map > div { grid-template-columns: 1fr; }
  .artist-movement-card { min-height: 300px; }
  .artist-aspect-threshold { grid-template-columns: .35fr 1fr; }
  .artist-remembering-circle { gap: 10rem 2rem; }
  .artist-remembering-core { top: 50%; width: 170px; }
  .artist-survive-body { grid-template-columns: 1fr; gap: .7rem; }
  .artist-cycle { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .artist-instrument-intro { grid-template-columns: 1fr; }
  .artist-instrument-intro blockquote { grid-column: auto; }
  .artist-instrument-principles { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .artist-instrument-principles article:nth-child(3) { border-left: 0; border-top: 1px solid rgba(32,213,255,.22); }
  .artist-instrument-principles article:nth-child(4) { border-top: 1px solid rgba(32,213,255,.22); }
  .artist-return { background-attachment: scroll; }
}

@media (max-width: 580px) {
  .artist-nav { justify-content: center; }
  .artist-nav-book { display: none; }
  .artist-hero { min-height: 88svh; padding-inline: 1.2rem; }
  .artist-hero h1 { font-size: clamp(4.4rem,24vw,6.4rem); }
  .artist-opening { grid-template-columns: 1fr; padding-inline: 1.25rem; }
  .artist-opening-copy { grid-column: auto; }
  .artist-opening-number { font-size: 5rem; }
  .artist-channel-copy,.artist-vessels,.artist-remembering,.artist-survive,.artist-substances,.artist-care,.artist-instrument,.artist-reciprocity,.artist-invitation { padding-inline: 1.25rem; }
  .artist-baldwin-quote { padding-inline: 1.25rem; }
  .artist-movement-map { padding-inline: 1.25rem; }
  .artist-movement-card { min-height: 270px; padding: 1.6rem; }
  .artist-aspect-world,.artist-instrument,.artist-aspect-return { margin-right: .6rem; margin-left: .6rem; }
  .artist-aspect-threshold { min-height: 72svh; grid-template-columns: 1fr; align-content: end; padding-inline: 1.25rem; }
  .artist-aspect-threshold > span { position: absolute; left: 1rem; top: 7rem; font-size: 13rem; }
  .artist-aspect-threshold h2 br { display: none; }
  .artist-aspect-threshold h2 br + span { margin-left: .16em; }
  .artist-aspect-label { flex-direction: column; gap: .5rem; }
  .artist-vessel-grid,.artist-care-grid,.artist-promises,.artist-cycle { grid-template-columns: 1fr; }
  .artist-remembering-heading br { display: none; }
  .artist-remembering-circle { grid-template-columns: 1fr; gap: 1rem; }
  .artist-role,.artist-role-planter,.artist-role-pathfinder { min-height: 0; text-align: left; }
  .artist-remembering-core { position: relative; left: auto; top: auto; grid-row: 1; width: 180px; margin: 0 auto 2rem; transform: none; }
  .artist-remembering-sky::before { width: 130vw; }
  .artist-remembering-sky::after { width: 86vw; }
  .artist-instrument-principles { grid-template-columns: 1fr; }
  .artist-instrument-principles article + article { border-top: 1px solid rgba(32,213,255,.22); border-left: 0; }
  .artist-story-prompts { grid-template-columns: 1fr; }
  .artist-vessel-grid article,.artist-care-grid article,.artist-promises article { min-height: 220px; }
  .artist-footer { grid-template-columns: 1fr; text-align: center; }
  .artist-footer p:nth-child(2),.artist-footer p:last-child { text-align: center; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }