
.artist-life{position:relative;isolation:isolate;width:100vw;margin-inline:calc(50% - 50vw);overflow:clip;background:#e8e2d5 url('/huvys-assets/20261111-video/assets/artist-paper.webp') center/cover;color:#33493e;--artist-line:rgb(51 73 62 / .25)}
.artist-life-composition{position:relative;display:grid;grid-template-columns:.9fr 1.15fr 1fr;column-gap:4%;row-gap:0;align-items:center;min-height:740px;padding-block:72px 0;direction:ltr}
.artist-life-identity,.artist-life-story{position:relative;z-index:2}
html[dir=rtl] .artist-life-identity,html[dir=rtl] .artist-life-story,html[dir=rtl] .artist-life-timeline{direction:rtl}
.artist-life .eyebrow{color:#5b685a;font-size:11px;letter-spacing:.1em}
.artist-life h2{font-size:clamp(64px,6.1vw,120px);line-height:.98;letter-spacing:-.055em;font-weight:400;margin-block:40px 24px}
.artist-life h2 span{font-weight:300}
.artist-life h2 img{width:min(100%,350px);height:auto;display:block}
.artist-life-fullname{font-size:11px;letter-spacing:.2em;color:#526052}
.artist-life-intro{font-size:clamp(20px,2vw,32px);line-height:1.5;margin-top:42px}
.artist-life-stage{position:relative;align-self:end;margin:0;height:590px;display:flex;align-items:end;justify-content:center;z-index:1;animation:artist-easel-drift 10s ease-in-out infinite alternate}
.artist-life-stage img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:bottom}
.artist-life-chapters{display:grid;align-items:center;min-height:310px}
.artist-life-chapter{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity 900ms ease,transform 1100ms cubic-bezier(.22,.61,.36,1);pointer-events:none}
.artist-life-chapter[aria-hidden=false]{opacity:1;transform:translateY(0);pointer-events:auto}
.artist-life-period{font-size:10px;letter-spacing:.14em;color:#68725d;min-height:16px}
.artist-life h3{font-size:clamp(32px,3.1vw,55px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin-block:18px 24px}
.artist-life-caption{font-size:18px;margin-bottom:16px}
.artist-life-prose{font-size:15px;line-height:1.95;max-width:370px;color:#4f594d}
.artist-life-link{display:inline-block;font-size:12px;margin-top:32px;padding-bottom:10px;border-bottom:1px solid var(--artist-line)}
.artist-life-timeline{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:stretch;column-gap:clamp(16px,2.2vw,40px);border-top:1px solid var(--artist-line);margin-top:24px;z-index:2;direction:inherit}
.artist-life-timeline button{position:relative;display:flex;align-items:center;gap:16px;text-align:start;background:none;border:0;border-radius:0;color:inherit;font:inherit;min-height:78px;padding:16px 0;margin-inline-end:0}
.artist-life-timeline button::before{content:"";position:absolute;top:-1px;inset-inline:0;height:2px;background:transparent;transition:background .4s}
.artist-life-timeline button[aria-current=true]::before{background:#827147}
.artist-life-timeline small{font-size:10px;color:#7d795d}
.artist-life-timeline span{font-size:13px}
.artist-life-timeline .artist-life-pause{margin-inline-start:auto;margin-inline-end:0;font-size:12px}
.artist-life-brush{position:absolute;width:clamp(280px,29vw,580px);height:auto;pointer-events:none;z-index:0;opacity:.65;animation:artist-brush-drift 12s ease-in-out infinite alternate}
.artist-life-brush-top{top:-80px;right:-100px}
.artist-life-brush-bottom{bottom:50px;left:-100px;animation-delay:-5s}
.artist-life-light{position:absolute;inset:-30%;background:radial-gradient(ellipse at 40% 35%,#fff9 0,transparent 52%);animation:artist-light-drift 16s ease-in-out infinite alternate;pointer-events:none}
.artist-life:not([data-moving=true]) .artist-life-stage,.artist-life:not([data-moving=true]) .artist-life-brush,.artist-life:not([data-moving=true]) .artist-life-light{animation-play-state:paused}
@keyframes artist-easel-drift{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@keyframes artist-brush-drift{from{transform:translateX(-8px)}to{transform:translateX(14px)}}
@keyframes artist-light-drift{from{transform:translateX(-5%)}to{transform:translateX(10%)}}
@media(max-width:1099px){.artist-life-composition{grid-template-columns:1fr 1fr;gap:32px;min-height:0;padding-top:56px}.artist-life-identity{grid-column:1;grid-row:1}.artist-life-stage{grid-column:2;grid-row:1/3;height:590px}.artist-life-story{grid-column:1;grid-row:2}.artist-life h2{font-size:76px;margin-block:24px}.artist-life-intro{margin-top:20px}.artist-life-chapters{min-height:320px}.artist-life-timeline{margin-top:0}.artist-life-timeline button{margin-inline-end:0}.artist-life h3{font-size:36px}.artist-life-timeline span{font-size:12px}}
@media(max-width:599px){.artist-life-composition{grid-template-columns:1fr;gap:0;padding-top:48px}.artist-life-identity{grid-area:auto;text-align:center}.artist-life h2{font-size:76px;margin-block:24px}.artist-life h2 img{width:240px;margin-inline:auto}.artist-life-intro{font-size:23px}.artist-life-stage{grid-area:auto;height:390px;margin-block:32px}.artist-life-story{grid-area:auto;padding-inline:16px}.artist-life-chapters{min-height:300px}.artist-life h3{font-size:42px}.artist-life-prose{max-width:none}.artist-life-link{margin-top:16px}.artist-life-timeline{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr)}.artist-life-timeline button{margin:0;min-height:70px;gap:6px;flex-direction:column;align-items:start;justify-content:center}.artist-life-timeline .artist-life-pause{grid-column:1/-1;min-height:44px;justify-self:end}.artist-life-brush-top{right:-130px;top:0}.artist-life-brush-bottom{left:-160px;bottom:320px}.artist-life .eyebrow{font-size:10px}}


.artist-life-composition{grid-template-columns:.8fr 1.3fr 1fr;column-gap:3%}
.artist-life-stage{height:780px;align-self:center;display:block}
.artist-life-easel{display:block;height:100%;width:100%;overflow:visible}

.artist-easel-window [data-life-painting]{opacity:0;transition:opacity 900ms ease}
.artist-easel-window [data-life-painting].is-active{opacity:1}
.artist-life-stage figcaption{text-align:center;font-size:11px;line-height:1.5;color:#68725d;margin-top:10px}
.artist-life-chapters{min-height:380px}
.artist-life-timeline{margin-top:48px}
@media(max-width:1099px){.artist-life-composition{grid-template-columns:1fr 1fr;gap:32px}.artist-life-stage{height:680px}.artist-life-chapters{min-height:430px}.artist-life-timeline{margin-top:24px}}
@media(max-width:599px){.artist-life-composition{grid-template-columns:1fr;gap:0}.artist-life-stage{height:520px;margin-block:32px 48px}.artist-life-chapters{min-height:370px}.artist-life-timeline{margin-top:40px}}



.artist-life-brush-top{top:22px;right:3%;width:clamp(240px,25vw,480px);opacity:.65}
@media(max-width:1099px){.artist-life-brush-top{top:14px;right:-40px;width:260px;opacity:.45}}
@media(max-width:599px){.artist-life-brush-top{top:12px;right:-70px;width:230px;opacity:.35}}
