/* Solo l'apertura Artista: una superficie di vetro diventa paesaggio. */
.artist-spotlight{position:relative;isolation:isolate;overflow:hidden;background:#26302b;color:#fff;min-height:760px;min-height:max(760px,calc(100svh - 91px));padding:70px var(--gutter) 45px;display:flex;flex-direction:column;justify-content:space-between}
.spotlight-scene{position:absolute;inset:-4%;z-index:-3;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.08);clip-path:inset(2%);transition:clip-path 1.8s cubic-bezier(.2,.65,.3,1),scale 2s cubic-bezier(.2,.65,.3,1);scale:1.045;will-change:transform}
.spotlight-scene img{width:100%;height:100%;object-fit:cover;object-position:68% 48%}
.spotlight-ready .spotlight-scene{clip-path:inset(0);scale:1}
.spotlight-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(22,33,28,.96) 0%,rgba(27,39,32,.86) 24%,rgba(25,37,31,.54) 48%,rgba(25,37,31,.08) 76%),linear-gradient(0deg,rgba(20,31,25,.65),transparent 45%)}
.spotlight-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 28%,#ffedc11a,transparent 50%);opacity:.8}
.spotlight-content{position:relative;max-width:1000px}
.spotlight-eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:.19em;font-size:9px;color:#eeeee5;margin-bottom:38px}
.spotlight-eyebrow i{display:block;width:27px;height:1px;background:#d4c49e}
.spotlight-title{font-size:clamp(66px,7.6vw,120px);line-height:.97;letter-spacing:-.055em;font-weight:400;text-shadow:0 2px 30px #13231918}
.spotlight-title>span,.spotlight-title>em>span{display:block}
.spotlight-title>em{display:block;color:#e1e6ce;font-weight:400;margin-left:clamp(25px,5.4vw,86px);font-size:1.12em;line-height:.96}
.spotlight-title>em>span:last-child{margin-left:0}
.spotlight-intro{display:flex;align-items:flex-start;gap:23px;margin-top:32px;margin-left:6px}
.spotlight-rule{flex-shrink:0;width:1px;height:43px;background:#f1f1e34d;margin-top:5px}
.spotlight-intro p{font-size:12px;line-height:1.85;color:#f0f0e8;max-width:415px}
.spotlight-link{color:#fff;border-color:#ffffff50;font-size:11px;gap:34px;margin-top:15px;padding:10px 0}
.spotlight-link:hover{border-color:#fff}
.spotlight-link .link-chevron{color:#f2f4e9}
.spotlight-bottom{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:40px;margin-top:44px}
.spotlight-location{font-size:8px;letter-spacing:.17em;color:#e3e5db;line-height:1.6}
.spotlight-location>span{display:block;letter-spacing:.12em;font-size:7px;color:#c6cabc;margin-top:8px}
.spotlight-glass{position:relative;display:flex;align-items:center;gap:22px;width:355px;padding:24px 28px;border:1px solid #ffffff35;background:#ffffff0b;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 16px 50px #11201510;transform:translateY(14px);opacity:0;transition:opacity 1s .5s,transform 1.2s .5s}
.spotlight-ready .spotlight-glass{opacity:1;transform:none}
html:not(.motion-ready) .spotlight-glass{opacity:1;transform:none}
.spotlight-glass-line{width:23px;height:42px;flex-shrink:0;border-left:1px solid #f4ecd5;border-right:1px solid #f4ecd560;transform:skewY(-25deg)}
.spotlight-glass>span:nth-child(2){font:22px/1.3 var(--serif);letter-spacing:-.02em}
.spotlight-glass em{color:#e3e6d5}
.spotlight-glass-index{font-size:9px;letter-spacing:.08em;align-self:flex-start;margin-left:auto;color:#e1e3d9}
.spotlight-scroll{justify-self:end;display:flex;align-items:center;gap:17px;padding-block:10px}
.spotlight-scroll>span{font-size:7px;letter-spacing:.17em;writing-mode:vertical-rl}
.spotlight-scroll i{width:1px;height:50px;background:#ffffff30;position:relative;overflow:hidden}
.spotlight-scroll i:after{content:'';position:absolute;left:0;top:-20px;width:1px;height:22px;background:#f1f2e9;animation:spotlight-scroll-line 2.4s ease-in-out infinite}
@keyframes spotlight-scroll-line{0%{transform:translateY(0)}75%,100%{transform:translateY(75px)}}
@media(min-width:1700px){.artist-spotlight{padding-top:90px}.spotlight-title{font-size:133px}.spotlight-intro p{font-size:14px}}
@media(max-height:800px) and (min-width:701px){.artist-spotlight{min-height:690px;padding-top:45px;padding-bottom:30px}.spotlight-title{font-size:clamp(62px,6.7vw,99px)}.spotlight-eyebrow{margin-bottom:26px}.spotlight-intro{margin-top:25px}.spotlight-bottom{margin-top:25px}.spotlight-glass{padding:20px 25px}}
@media(max-width:1000px){.spotlight-title{font-size:clamp(63px,8.2vw,85px)}.spotlight-glass{width:305px;padding:20px}.spotlight-glass>span:nth-child(2){font-size:20px}.spotlight-bottom{gap:20px}}
@media(max-width:700px){
 .artist-spotlight{padding:48px 25px 28px;min-height:max(770px,calc(100svh - 73px))}
 .spotlight-scene img{object-position:62% center}
 .spotlight-shade{background:linear-gradient(90deg,#18291fe8,#1d2b2296 60%,#1d2b2240),linear-gradient(0deg,#18271fe6,transparent 65%)}
 .spotlight-eyebrow{font-size:7px;letter-spacing:.13em;gap:10px;margin-bottom:43px}
 .spotlight-eyebrow i{width:18px}
 .spotlight-title{font-size:clamp(44px,10.8vw,73px);line-height:1.08;letter-spacing:-.05em}
 .spotlight-title>em{font-size:1.45em;margin-left:16px;line-height:1.02;margin-top:7px}
 .spotlight-title>em>span:last-child{margin-left:0}
 .spotlight-intro{margin-top:30px;gap:15px;margin-left:0}
 .spotlight-intro p{font-size:11px;line-height:1.9;max-width:300px}
 .spotlight-link{margin-top:16px;font-size:11px}
 .spotlight-bottom{grid-template-columns:1fr auto;gap:25px;margin-top:38px}
 .spotlight-glass{grid-column:1/-1;grid-row:1;width:100%;max-width:355px;padding:23px;gap:21px}
 .spotlight-glass>span:nth-child(2){font-size:23px}
 .spotlight-location{font-size:7px}.spotlight-location>span{font-size:6px}
 .spotlight-scroll>span{writing-mode:initial;font-size:6px}.spotlight-scroll i{height:33px}
}
@media(prefers-reduced-motion:reduce){.spotlight-scene{transform:none;scale:1;clip-path:none;transition:none;will-change:auto}.spotlight-glass{opacity:1;transform:none;transition:none}.spotlight-scroll i:after{animation:none;top:0}}
/* Una piccola opera incorniciata introduce la collezione, senza pannelli opachi. */
.spotlight-art-card{display:grid;grid-template-columns:108px 1fr;align-items:center;gap:25px;width:330px;padding:0 0 12px;color:#fff;position:relative;opacity:0;transform:translateY(12px);transition:opacity .9s .45s,transform .9s .45s}
.spotlight-ready .spotlight-art-card,html:not(.motion-ready) .spotlight-art-card{opacity:1;transform:none}
.spotlight-art-image{position:relative;aspect-ratio:4/5;transform:rotate(-5deg);transition:transform .5s}
.spotlight-art-image:before{content:'';position:absolute;inset:7px -7px -7px 7px;border:1px solid #e1e6ce80;z-index:-1}
.spotlight-art-image img{width:100%;height:100%;object-fit:cover;border:3px solid #f2f0e5;box-shadow:0 12px 35px #10201530}
.spotlight-art-caption{position:relative;padding:25px 22px 18px 0;border-bottom:1px solid #ffffff60}
.spotlight-art-caption>span:first-child{display:block;font:23px/1.25 var(--serif);letter-spacing:-.025em}
.spotlight-art-caption em{display:block;font:10px/1.6 var(--sans);font-style:normal;letter-spacing:.03em;color:#e1e6ce;margin-top:9px}
.spotlight-art-index{position:absolute;left:0;top:0;font-size:8px;letter-spacing:.12em;color:#e1e6ce}
.spotlight-art-arrow{position:absolute;right:0;bottom:21px;width:17px;height:17px;transition:transform .25s}
.spotlight-art-card:hover .spotlight-art-image{transform:translateY(-4px) rotate(-2deg)}
.spotlight-art-card:hover .spotlight-art-arrow{transform:translateX(4px)}
@media(max-width:1000px){.spotlight-art-card{width:300px;grid-template-columns:96px 1fr;gap:22px}.spotlight-art-caption>span:first-child{font-size:22px}}
@media(max-width:700px){.spotlight-art-card{grid-column:1/-1;grid-row:1;width:min(100%,340px);grid-template-columns:95px 1fr;gap:25px}.spotlight-art-caption>span:first-child{font-size:23px}}
@media(prefers-reduced-motion:reduce){.spotlight-art-card{opacity:1;transform:none;transition:none}.spotlight-art-image,.spotlight-art-arrow{transition:none}}

/* Desktop: keep the existing composition within the first viewport. */
@media(min-width:1001px){
 .artist-spotlight{min-height:calc(100svh - 103px)}
 .artist-spotlight.has-raised-card .spotlight-content{max-width:none}
 .artist-spotlight.has-raised-card .spotlight-title{max-width:1000px}
 .artist-spotlight.has-raised-card .spotlight-intro{position:relative;padding-right:432px}
 .artist-spotlight.has-raised-card .spotlight-intro>.spotlight-art-card{position:absolute;right:62px;top:50%;translate:0 -50%}
 .artist-spotlight.has-raised-card .spotlight-bottom{grid-template-columns:1fr auto}
}
@media(min-width:1001px) and (max-height:950px){
 .artist-spotlight{padding-top:32px;padding-bottom:24px}
 .spotlight-eyebrow{margin-bottom:26px}
 .spotlight-intro{margin-top:24px}
 .spotlight-bottom{margin-top:24px}
}
@media(min-width:1001px) and (max-height:800px){
 .artist-spotlight{padding-top:18px;padding-bottom:18px}
 .spotlight-eyebrow{margin-bottom:16px}
 .spotlight-intro{margin-top:16px}
 .spotlight-bottom{margin-top:12px}
}