@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@1,700&display=swap');
:root{--red:#e10613;--red2:#ff1b2b;--black:#070707;--ink:#111;--paper:#f5f1ee;--muted:#777;--line:#ded8d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.hero{min-height:100vh;color:#fff;background:radial-gradient(circle at 82% 28%,rgba(225,6,19,.28),transparent 25%),linear-gradient(115deg,#050505 0%,#111 65%,#050505 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-180px;top:80px;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012)}.nav{height:130px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand img{width:min(390px,55vw);display:block}.nav-ticket{color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;border-bottom:2px solid var(--red);padding:12px 0}.hero-content{position:relative;z-index:2;padding:9vh 0 15vh}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.32em;color:var(--red);margin:0 0 24px}.hero h1{font-size:clamp(52px,8.5vw,122px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:1050px;font-weight:900}.hero h1 span{font-family:'Playfair Display',serif;font-weight:700;font-style:italic;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72);font-size:.68em;letter-spacing:-.03em}.lead{font-size:clamp(17px,2vw,22px);line-height:1.7;color:#c8c8c8;max-width:720px;margin:40px 0}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:18px 25px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red2)}.ghost{border:1px solid #555;color:#fff}.scroll{position:absolute;right:4%;bottom:36px;z-index:2;font-size:9px;letter-spacing:.25em;color:#777}.scroll span{color:var(--red);font-size:18px}.intro{padding:120px 0}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:start}h2{font-size:clamp(35px,5vw,65px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:800}.copy{font-size:17px;line-height:1.9;color:#4d4a48}.copy p:first-child{margin-top:4px}.copy strong{color:#111}.manifesto{background:var(--red);color:#fff;padding:105px 0;text-align:center}.kicker.light{color:#fff;opacity:.72}.bigline{font-size:clamp(34px,6.5vw,86px);font-weight:900;letter-spacing:-.05em}.bigline i{font-family:serif;font-weight:400;opacity:.5}.center-text{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(20px,2.4vw,31px);line-height:1.5;margin:30px 0 0}.cards-section{padding:110px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cards article{padding:55px 42px 60px;border-right:1px solid var(--line)}.cards article:last-child{border:0}.cards span{font-size:11px;color:var(--red);font-weight:800}.cards h3{font-size:30px;margin:38px 0 20px}.cards p{color:#696461;line-height:1.75;font-size:14px}.ticket-banner{display:block;background:#090909;color:#fff;text-decoration:none;padding:100px 0;position:relative;overflow:hidden}.ticket-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(225,6,19,.13))}.ticket-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.ticket-grid h2{max-width:700px}.ticket-grid p{color:#aaa;line-height:1.7;max-width:650px}.ticket-grid img{width:100%;filter:drop-shadow(0 10px 25px rgba(225,6,19,.18))}.fake-btn{display:inline-block;margin-top:20px;color:#fff;border-bottom:2px solid var(--red);padding-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.1em}.ticket-banner:hover .fake-btn{color:#ff3340}.contact{padding:120px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.details{font-size:16px;line-height:1.8}.details a{color:#111;text-decoration:none;border-bottom:1px solid var(--red)}.legal{font-size:12px;color:#777;margin-top:40px}footer{background:#050505;color:#777;padding:35px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:25px}.foot img{width:190px}.foot p{font-size:10px;letter-spacing:.1em}@media(max-width:760px){.wrap{width:min(100% - 30px,1180px)}.nav{height:100px}.nav-ticket{display:none}.brand img{width:260px;max-width:75vw}.hero-content{padding-top:10vh}.hero h1{font-size:clamp(49px,17vw,76px)}.lead{font-size:16px}.two-col,.ticket-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.intro,.cards-section,.contact{padding:75px 0}.cards{grid-template-columns:1fr}.cards article{border-right:0;border-bottom:1px solid var(--line);padding:40px 15px}.cards article:last-child{border-bottom:0}.manifesto,.ticket-banner{padding:75px 0}.ticket-grid img{width:80%;margin:auto}.foot{flex-direction:column;text-align:center}}

/* Optimisations mobile */
@media(max-width:760px){
  .hero{min-height:auto}
  .nav{height:auto;padding-top:14px}
  .brand img{width:270px;max-width:78vw}
  .hero-content{padding-top:52px;padding-bottom:82px}
  .eyebrow,.kicker{margin-bottom:16px;letter-spacing:.24em;line-height:1.55}
  .hero h1{font-size:clamp(38px,13.2vw,58px);line-height:.92;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal}
  .hero h1 span{display:block;font-size:.68em;line-height:1.35;margin-top:10px}
  .lead{margin:28px 0 30px;line-height:1.65}
  .scroll{bottom:18px}
  .intro{padding:62px 0 58px}
  .two-col{gap:30px}
  h2{font-size:clamp(32px,10vw,46px);line-height:1.06}
  .copy{font-size:16px;line-height:1.75}
  .copy p{margin:0 0 20px}.copy p:last-child{margin-bottom:0}
  .manifesto{padding:62px 0}
  .bigline{font-size:clamp(30px,9.5vw,43px);line-height:1.12}
  .center-text{margin-top:24px;font-size:21px;line-height:1.45}
  .cards-section{padding:58px 0}
  .cards article{padding:34px 20px 38px}
  .cards h3{font-size:28px;margin:24px 0 14px}
  .cards p{margin:0;line-height:1.65}
  .ticket-banner{padding:62px 0}
  .ticket-grid{gap:36px}
  .ticket-grid h2{font-size:clamp(34px,10.5vw,48px);line-height:1.02}
  .ticket-grid p{margin:22px 0 0;line-height:1.65}
  .ticket-grid img{width:76%}
  .contact{padding:62px 0}
  .contact-grid{gap:34px}
  .details p{margin-top:0;margin-bottom:24px}
  .legal{margin-top:28px!important;line-height:1.7}
  footer{padding:28px 0}
  .foot{gap:16px}.foot img{width:170px}.foot p{margin:0;line-height:1.6}
}
@media(max-width:390px){
  .hero h1{font-size:12.4vw}
  .hero-content{padding-top:42px}
  .btn{width:100%;text-align:center;padding:16px 14px}
}

/* Évolution de la page SCEN’CIELLES : nouveaux textes et trois actions de navigation. */
.hero-description {max-width:820px;margin:36px 0 40px}
.hero-description .lead {margin:0 0 17px;max-width:820px}
.hero-description .lead:last-child {margin-bottom:0}
.actions .ticket-secondary {background:#fff;color:#111;border:1px solid #fff}
.actions .ticket-secondary:hover {background:#ececec;border-color:#ececec}
.intro-heading h2 {max-width:590px}
.intro .copy {max-width:650px}
.intro .copy p {margin:0 0 22px}
.intro .copy p:last-child {margin-bottom:0}
@media(max-width:760px){
  .hero-description {margin:24px 0 28px}
  .hero-description .lead {margin:0 0 14px;line-height:1.62}
  .actions {gap:12px}
  .intro-heading h2 {font-size:clamp(29px,9.2vw,45px);line-height:1.1}
  .intro .copy {font-size:15px;line-height:1.67}
  .intro .copy p {margin-bottom:16px}
}
@media(max-width:460px){
  .hero h1{font-size:clamp(32px,10.8vw,49px);letter-spacing:-.06em}
  .actions .btn{display:block;width:100%;text-align:center;padding:16px 12px}
}


/* =============== Navigation des deux pages =============== */
.nav-links{display:flex;align-items:center;gap:34px}
.nav-artists{color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;padding:13px 0;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav-artists:hover,.nav-artists.active{color:#fff;border-color:var(--red)}
.nav-ticket:hover{color:#ff5360}
a:focus-visible{outline:3px solid #ff3948;outline-offset:5px}

/* =============== Invitation aux artistes sur l'accueil =============== */
.artists-promo{background:#eae5e0;overflow:hidden;padding:82px 0}
.artists-promo-inner{display:grid;grid-template-columns:1fr .91fr;gap:66px;align-items:center}
.artists-promo h2{font-size:clamp(36px,5.1vw,67px)}
.artists-promo p:not(.kicker){max-width:570px;font-size:16px;line-height:1.85;color:#55504d;margin:26px 0 30px}
.promo-button{background:#111;color:white;border:1px solid #111}
.promo-button:hover{background:var(--red);border-color:var(--red)}
.promo-button span{padding-left:10px}
.artists-promo-visual{display:flex;align-items:center;justify-content:center;min-height:370px;gap:0;padding:16px}
.artists-promo-visual img{display:block;object-fit:cover;aspect-ratio:3/4;width:38%;height:auto;box-shadow:0 15px 40px rgba(0,0,0,.25);border:5px solid #fff;transform:rotate(-8deg);margin-right:-24px}
.artists-promo-visual img:nth-child(2){transform:translateY(-10px) rotate(5deg);z-index:2}
.artists-promo-visual img:nth-child(3){transform:rotate(12deg);z-index:1;margin-right:0}

/* =============== Page Artistes : bandeau d'introduction =============== */
.artists-header{background:radial-gradient(ellipse at 90% 55%,rgba(225,6,19,.19),transparent 40%),#090909;color:white;overflow:hidden;position:relative}
.artists-header:after{content:'✳';font-size:440px;line-height:1;position:absolute;right:-55px;bottom:-190px;color:rgba(255,255,255,.027);pointer-events:none}
.artists-header .site-nav{position:relative;z-index:2}
.artists-hero-content{position:relative;z-index:1;padding:64px 0 94px}
.back-link{color:#a9a9a9;font-size:12px;text-transform:uppercase;letter-spacing:.11em;text-decoration:none;display:inline-flex;align-items:center;gap:12px;margin:0 0 64px;font-weight:700}
.back-link:hover{color:white}
.artists-hero-content .kicker{margin-bottom:25px}
.artists-hero-content h1{font-size:clamp(68px,10vw,142px);line-height:.92;letter-spacing:-.075em;margin:0 0 36px;font-weight:900}
.artists-hero-content h1 em{color:var(--red);font-family:'Playfair Display',serif;font-weight:700;letter-spacing:-.075em;text-transform:none}
.artists-hero-lead{font-size:clamp(18px,2.2vw,26px);font-weight:500;color:#f2f2f2;line-height:1.58;max-width:990px;margin:0 0 35px}
.artists-hero-details{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1090px}
.artists-hero-details p{color:#bfbfbf;line-height:1.9;font-size:15px;margin:0}
.text-cta{display:inline-flex;gap:13px;align-items:center;text-transform:uppercase;text-decoration:none;color:white;font-size:12px;font-weight:800;letter-spacing:.14em;margin-top:45px;border-bottom:2px solid var(--red);padding-bottom:12px}
.text-cta:hover{color:#ff6670}

/* =============== Fiches artistes, visuels alternés =============== */
.artist-roster{padding:110px 0 125px;background:#f5f1ee}
.section-topline{max-width:750px;margin-bottom:66px}
.section-topline h2{font-size:clamp(40px,5.6vw,70px)}
.section-topline h2 span{color:#8c837e}
.artist-stack{display:grid;gap:34px}
.artist-card{display:grid;grid-template-columns: minmax(270px, .77fr) minmax(0,1.23fr);background:#fff;border:1px solid #e8e0da;box-shadow:0 12px 36px rgba(28,12,8,.045);border-radius:12px;overflow:hidden;min-width:0;align-items:stretch}
.artist-card:nth-child(even){grid-template-columns:minmax(0,1.23fr) minmax(270px,.77fr)}
.artist-card:nth-child(even) .artist-media{order:2}
.artist-card:nth-child(even) .artist-info{order:1}
.artist-media{background:#1c1919;min-height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px}
.artist-media img{width:auto;height:auto;max-width:100%;max-height:510px;object-fit:contain;display:block;box-shadow:0 12px 40px rgba(0,0,0,.30)}
.artist-card:nth-child(1) .artist-media{background:#252c2a}
.artist-card:nth-child(2) .artist-media{background:#670f0f}
.artist-card:nth-child(3) .artist-media{background:#2685a2}
.artist-card:nth-child(4) .artist-media{background:#111}
.artist-card:nth-child(5) .artist-media{background:#321a12}
.artist-info{padding:clamp(30px,4.25vw,60px);align-self:center;min-width:0}
.artist-number{display:flex;align-items:center;gap:12px;color:#aaa19b;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;margin-bottom:26px}
.artist-number b{color:var(--red);font-size:12px}
.artist-info h3{font-size:clamp(31px,3.65vw,49px);font-weight:900;letter-spacing:-.055em;line-height:1.08;margin:0 0 15px;overflow-wrap:break-word}
.artist-role{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c70b19;margin:0 0 28px;line-height:1.6}
.artist-prose{font-size:14px;line-height:1.85;color:#514d4a}
.artist-prose p{margin:0 0 15px}
.artist-prose p:last-child{margin-bottom:0}

/* =============== Créations : univers à part, fond noir rouge =============== */
.creations{position:relative;background:radial-gradient(ellipse at 90% 0%,rgba(180,12,26,.21),transparent 25%),linear-gradient(155deg,#080808,#171011 65%,#080808);color:white;padding:110px 0 125px;overflow:hidden}
.creations-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;padding-bottom:75px;align-items:start}
.creations-intro .kicker{margin:0 0 22px}
.creations-intro h2{font-size:clamp(49px,6.2vw,85px);line-height:.95;letter-spacing:-.055em}
.creations-intro h2 em{color:#f01c29;display:block;font-family:'Playfair Display',serif;font-weight:700;letter-spacing:-.045em;margin-top:5px}
.creation-rule{height:3px;background:var(--red);width:95px;display:block;margin-top:32px}
.creation-intro-prose{color:#c5bfc0;font-size:15px;line-height:1.85}
.creation-intro-prose p:first-child{font-size:20px;color:#fff;font-weight:600;line-height:1.65;margin-top:0}
.creation-intro-prose p{margin:0 0 16px}
.creation-stack{display:grid;gap:32px}
.creation-card{display:grid;grid-template-columns:minmax(260px,.76fr) minmax(0,1.24fr);background:#1c1a1a;border:1px solid #3e3234;border-radius:12px;overflow:hidden;min-width:0}
.creation-poster{background:#080808;padding:26px;display:flex;justify-content:center;align-items:center;position:relative}
.creation-poster:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.065),transparent 70%);pointer-events:none}
.creation-poster img{width:auto;max-width:100%;max-height:610px;object-fit:contain;height:auto;display:block;box-shadow:0 20px 50px rgba(0,0,0,.4);position:relative}
.creation-content{padding:clamp(28px,4.2vw,58px);align-self:center;min-width:0}
.creation-card-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;color:#ff6d76;font-size:10px;font-weight:800;letter-spacing:.15em;margin-bottom:27px}
.creation-card-top span:first-child{border:1px solid rgba(225,6,19,.6);border-radius:2px;padding:8px 10px}
.creation-content h3{font-size:clamp(32px,3.5vw,49px);font-weight:900;line-height:1.06;letter-spacing:-.045em;margin:0 0 14px;overflow-wrap:break-word}
.creation-type{color:#ff7f87;font-size:12px;text-transform:uppercase;font-weight:800;line-height:1.7;letter-spacing:.06em;margin:0 0 26px}
.creation-story{font-size:14px;line-height:1.84;color:#cfc6c6}
.creation-story p{margin:0 0 15px}
.creation-story p:first-child{color:white;font-weight:600}
.creation-story p:last-child{margin-bottom:0}
.creation-meta{border-top:1px solid #4c393b;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;color:white;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.08em}
.creation-meta span:first-child{color:#ff6670}

.artists-outro{padding:86px 0;background:#eee8e3}
.outro-inner{display:flex;align-items:center;justify-content:space-between;gap:70px}
.outro-inner h2{font-size:clamp(39px,5vw,65px)}
.outro-inner p:not(.kicker){color:#5c5552;font-size:15px;line-height:1.75;max-width:660px}
.outro-actions{display:flex;flex-direction:column;align-items:flex-start;gap:23px;flex:0 0 auto}
.outro-home{text-decoration:none;color:#333;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;border-bottom:1px solid #a8a09a;padding-bottom:6px}
.outro-home:hover{color:var(--red)}

@media(max-width:950px){
  .artists-promo-inner{gap:38px}
  .artist-card,.artist-card:nth-child(even){grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr)}
  .artist-info{padding:30px}
  .artist-info h3{font-size:34px}
  .creation-card{grid-template-columns:minmax(230px,.82fr) minmax(0,1.18fr)}
  .creation-content{padding:30px}
  .creations-intro{gap:45px}
}
@media(max-width:760px){
  .nav-links{gap:18px}
  .nav-artists{font-size:11px;letter-spacing:.06em}
  .artists-promo{padding:60px 0 65px}
  .artists-promo-inner{grid-template-columns:1fr;gap:18px}
  .artists-promo h2{font-size:clamp(37px,9vw,55px)}
  .artists-promo p:not(.kicker){font-size:15px;margin:21px 0 24px}
  .artists-promo-visual{min-height:240px;padding:16px 20px 0;max-width:500px}
  .artists-promo-visual img{width:33%;margin-right:-10px}
  .artists-header .nav-ticket,.hero .nav-ticket{display:inline-block}
  .artists-header .brand img{max-width:100%}
  .artists-hero-content{padding:44px 0 68px}
  .artists-header:after{font-size:270px;bottom:-100px}
  .back-link{margin-bottom:46px}
  .artists-hero-content .kicker{font-size:10px;letter-spacing:.15em;margin-bottom:21px}
  .artists-hero-content h1{font-size:clamp(53px,11vw,80px);letter-spacing:-.065em;margin-bottom:26px}
  .artists-hero-lead{font-size:18px;line-height:1.6;margin-bottom:25px}
  .artists-hero-details{grid-template-columns:1fr;gap:16px}
  .artists-hero-details p{font-size:14px;line-height:1.75}
  .text-cta{margin-top:27px}
  .artist-roster{padding:65px 0 74px}
  .section-topline{margin-bottom:35px}
  .section-topline h2{font-size:clamp(34px,9vw,54px)}
  .artist-stack{gap:24px}
  .artist-card,.artist-card:nth-child(even){grid-template-columns:1fr;border-radius:9px}
  .artist-card:nth-child(even) .artist-media{order:0}
  .artist-card:nth-child(even) .artist-info{order:1}
  .artist-media{min-height:unset;padding:22px 16px;max-height:480px}
  .artist-media img{max-height:435px}
  .artist-info{padding:28px 24px 33px}
  .artist-number{margin-bottom:16px}
  .artist-info h3{font-size:clamp(29px,8vw,41px)}
  .artist-role{font-size:11px;margin-bottom:18px}
  .artist-prose{font-size:14px;line-height:1.77}
  .artist-prose p{margin-bottom:12px}
  .creations{padding:70px 0 80px}
  .creations-intro{grid-template-columns:1fr;gap:28px;padding-bottom:39px}
  .creations-intro h2{font-size:clamp(46px,12vw,68px)}
  .creation-rule{margin-top:23px}
  .creation-intro-prose{font-size:14px;line-height:1.75}
  .creation-intro-prose p:first-child{font-size:18px}
  .creation-stack{gap:23px}
  .creation-card{grid-template-columns:1fr}
  .creation-poster{padding:22px 18px;max-height:500px}
  .creation-poster img{max-height:455px}
  .creation-content{padding:27px 23px 31px}
  .creation-content h3{font-size:clamp(30px,8vw,43px)}
  .creation-card-top{margin-bottom:18px}
  .creation-type{font-size:11px;margin-bottom:20px}
  .creation-story{font-size:14px;line-height:1.75}
  .creation-story p{margin-bottom:13px}
  .creation-meta{margin-top:24px;padding-top:20px;font-size:10px}
  .artists-outro{padding:62px 0}
  .outro-inner{flex-direction:column;align-items:flex-start;gap:20px}
  .outro-inner h2{font-size:clamp(36px,10vw,52px)}
}
@media(max-width:540px){
  .nav.site-nav,.hero .nav{flex-direction:column;align-items:flex-start;gap:9px;padding-top:13px;padding-bottom:11px}
  .hero .nav-links,.site-nav .nav-links{width:100%;gap:24px;justify-content:flex-start}
  .hero .nav-ticket,.site-nav .nav-ticket{font-size:11px;letter-spacing:.07em;padding:8px 0}
  .hero .nav-artists,.site-nav .nav-artists{padding:8px 0}
  .hero-content{padding-top:30px}
  .artists-hero-content{padding-top:25px}
  .artist-media img{max-height:405px}
  .creation-poster img{max-height:420px}
}
@media(max-width:350px){
  .artists-hero-content h1{font-size:49px}
  .artist-info,.creation-content{padding-left:18px;padding-right:18px}
  .artist-info h3{font-size:28px}
  .creation-content h3{font-size:29px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* =========================================================
   Harmonisation responsive des deux pages — octobre 2026
   Les attributs de dimensions des deux logos conservent
   le ratio natif 555 × 205. La hauteur CSS doit rester auto.
   ========================================================= */
.nav .brand {
  display:block;
  max-width:100%;
  flex:0 0 auto;
  line-height:0;
}
.nav .brand img {
  display:block;
  width:min(390px,55vw);
  max-width:100%;
  height:auto;
  aspect-ratio:555 / 205;
  object-fit:contain;
}
.nav .nav-links {
  flex-wrap:wrap;
  row-gap:0;
}
/* Le même logo et les mêmes dimensions sur les deux pages. */
@media (max-width:760px) {
  .nav .brand img {
    width:270px;
    max-width:78vw;
    height:auto;
  }
  .nav .nav-links a {
    line-height:1.35;
  }
  .artists-hero-content .artists-hero-lead {
    text-wrap:pretty;
  }
  .artist-media img,.creation-poster img {
    height:auto;
    max-width:100%;
    object-fit:contain;
  }
}
@media (max-width:540px) {
  .nav.site-nav,.hero .nav {
    gap:11px;
    padding-top:14px;
    padding-bottom:9px;
  }
  .hero .nav-links,.site-nav .nav-links {
    column-gap:clamp(18px,6vw,28px);
  }
  .hero .nav-links a,.site-nav .nav-links a {
    display:inline-flex;
    align-items:center;
    min-height:43px;
    padding:8px 0;
  }
  .hero-content {padding-top:29px;}
  .artists-hero-content {padding-top:22px;padding-bottom:59px;}
  .artists-hero-content .back-link {margin-bottom:35px;}
  .artists-hero-content .kicker {margin-bottom:18px;}
  .artists-hero-content h1 {margin-bottom:23px;}
  .artists-hero-lead {margin-bottom:23px;}
  .artists-hero-details {gap:15px;}
  .artist-roster {padding-top:57px;padding-bottom:65px;}
  .artist-stack {gap:20px;}
  .artist-media {padding:17px 15px;}
  .artist-info {padding:27px 22px 31px;}
  .creations {padding-top:65px;padding-bottom:70px;}
  .creation-stack {gap:20px;}
  .creation-poster {padding:18px 15px;}
}
@media (max-width:350px) {
  .nav .brand img {max-width:78vw;}
  .artists-hero-content h1 {font-size:clamp(43px,14vw,49px);}
  .nav .nav-links {column-gap:16px;}
}