/* Private Tomer candidate: reuse KOI type, header, gallery and lightbox. */
html.koi-artist-canvas-html{scroll-behavior:auto}
#koi-artist-page{--tm-brass:#c4a777;--tm-muted:#b3aaa0;background:#050505}
#koi-artist-page .top-cta,#koi-artist-page .top-cta:before{animation:none}
#koi-artist-page .topbar{background:linear-gradient(#050505c9,transparent)}
#koi-artist-page .hero-scroll-shell{height:auto}
#koi-artist-page .hero-scroll-shell .hero{position:relative;height:100svh;min-height:620px;justify-content:center}
#koi-artist-page .hero-copy{transform:none;width:39vw;max-width:490px;margin:0;text-align:right}
#koi-artist-page .hero-copy .kicker{transform:none;text-align:right;direction:rtl;letter-spacing:0;font:400 clamp(16px,1.5vw,22px)/1.5 Heebo,Arial,sans-serif}
#koi-artist-page .hero h1{line-height:1.12;letter-spacing:-.04em;font-size:clamp(50px,5.6vw,84px)}
#koi-artist-page .hero h1 br,#koi-artist-page .hero h1 em:empty,#koi-artist-page p:empty{display:none}
#koi-artist-page .hero-portrait-bg{left:0;right:auto;width:60%;background:transparent}
#koi-artist-page .hero-portrait-bg .hero-portrait-image{width:100%;height:96svh;max-height:1100px;top:3svh;object-fit:contain;object-position:center bottom;filter:saturate(.72) contrast(1.02) brightness(.86);mask-image:linear-gradient(#000 70%,transparent 99%)}
#koi-artist-page .hero .hero-shade{background:linear-gradient(90deg,transparent 30%,#05050533 48%,#050505 65%)}
#koi-artist-page .hero .lead{max-width:410px;font-size:17px;line-height:1.7}
#koi-artist-page .artist-tag{display:none}
#koi-artist-page .hero-link{color:var(--tm-brass)!important;margin-top:26px}
#koi-artist-page .machine-story.tm-story{height:370svh;position:relative;overflow:visible;background:#050505}
#koi-artist-page .tm-stage{height:100svh;position:sticky;top:0;isolation:isolate;overflow:hidden;background:#050505}
#koi-artist-page .tm-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 29% 50%,#9b783812,transparent 47%);pointer-events:none}
#koi-artist-page .tm-head{position:absolute;top:99px;left:6vw;right:6vw;display:flex;align-items:center;gap:20px;direction:ltr;color:#a8a198;font:500 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.18em}
#koi-artist-page .tm-head i{height:1px;background:#ffffff20;flex:1}
#koi-artist-page .tm-media{position:absolute;left:4vw;top:14svh;width:51vw;height:75svh;max-height:940px;display:grid;place-items:center}
#koi-artist-page .tm-beat{position:absolute;inset:0;display:grid;place-items:center;opacity:0;will-change:opacity}
#koi-artist-page .tm-beat:first-child{opacity:1}
#koi-artist-page .tm-tool{position:relative;width:min(49vw,700px);aspect-ratio:1;max-height:72svh}
#koi-artist-page .tm-tool img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#koi-artist-page .tm-tool::before{content:'';position:absolute;inset:7%;border:1px solid #c4a77720;border-radius:50%;mask-image:linear-gradient(90deg,transparent,#000 45%,transparent)}
#koi-artist-page .tm-outline{filter:sepia(.6) saturate(.75);opacity:1}
#koi-artist-page .tm-physical{opacity:0}
#koi-artist-page .tm-footage{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;overflow:hidden;isolation:isolate;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 87%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 87%,transparent)}
#koi-artist-page .tm-footage::after{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#050505 0%,transparent 4%,transparent 96%,#050505 100%);pointer-events:none}
#koi-artist-page .tm-footage img,#koi-artist-page .tm-footage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:saturate(.86) brightness(.91);display:block}
#koi-artist-page .tm-footage canvas{opacity:0}
#koi-artist-page .tm-decoded canvas{opacity:1}
#koi-artist-page .tm-decoder{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:0;top:0}
#koi-artist-page .tm-copy{position:absolute;right:7vw;top:35%;width:35vw;max-width:480px;min-height:210px}
#koi-artist-page .tm-note{position:absolute;inset:0;opacity:0;will-change:opacity;pointer-events:none}
#koi-artist-page .tm-note:first-child{opacity:1}
#koi-artist-page .tm-index{display:block;font:500 11px/1.5 Manrope,Arial,sans-serif;color:var(--tm-brass);letter-spacing:.12em;direction:ltr;text-align:right;margin-bottom:20px}
#koi-artist-page .tm-note h2{font:400 clamp(38px,4.2vw,66px)/1.15 Heebo,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 20px;color:#f3f0e9;text-wrap:balance}
#koi-artist-page .tm-note h2[lang=en]{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(34px,3.8vw,61px);letter-spacing:-.04em;direction:ltr;text-align:right}
#koi-artist-page .tm-note p{color:#c5bcb0;font:300 clamp(15px,1.25vw,18px)/1.8 Heebo,Arial,sans-serif;max-width:350px;margin:0}
#koi-artist-page .tm-nav{position:absolute;bottom:55px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}
#koi-artist-page .tm-steps{display:flex;gap:26px;align-items:center}
#koi-artist-page .tm-step{color:#b2aaa0;font:400 13px/1.3 Heebo,Arial,sans-serif;text-decoration:none;padding:10px 0;border-bottom:1px solid transparent}
#koi-artist-page .tm-step[aria-current]{color:#fff;border-color:var(--tm-brass)}
#koi-artist-page .tm-next{color:#d3c7b5;font:400 13px/1.4 Heebo,Arial,sans-serif;text-underline-offset:5px;padding:10px 0}
#koi-artist-page .tm-track{position:absolute;left:6vw;right:6vw;bottom:40px;height:1px;background:#ffffff1c;direction:ltr}
#koi-artist-page .tm-track i{display:block;width:100%;height:100%;background:var(--tm-brass);transform-origin:left;transform:scaleX(0)}
#koi-artist-page .tm-reduced{display:none}
#koi-artist-page .work{background:#eeeae2}
#koi-artist-page .work-intro{opacity:1;transform:none}
#koi-artist-page .work-intro h2{font-size:clamp(38px,5vw,72px);line-height:1.15}
#koi-artist-page .work-intro h2 br{display:none}
#koi-artist-page .tile img{object-fit:contain!important;transform:none!important;scale:1!important;filter:none}
#koi-artist-page :is(a,button):focus-visible{outline:2px solid #d8ba86;outline-offset:5px}
#koi-artist-page .contact img{filter:none}
@media(min-width:1900px){#koi-artist-page .tm-media{left:10vw;width:44vw}#koi-artist-page .tm-copy{right:11vw}#koi-artist-page .hero-copy{margin-right:5vw}}
@media(max-width:799px){
 #koi-artist-page .topbar{height:70px;padding:10px 14px}
 #koi-artist-page .top-cta{min-height:44px;font-size:11px;padding-right:12px}
 #koi-artist-page .top-cta b{height:28px;width:28px}
 #koi-artist-page .hero-scroll-shell .hero{padding:80px 24px 32px;justify-content:flex-end;min-height:610px}
 #koi-artist-page .hero-copy{width:100%;max-width:100%}
 #koi-artist-page .hero h1{font-size:clamp(40px,12vw,58px)}
 #koi-artist-page .hero .lead{font-size:14px;line-height:1.6;margin-top:12px;max-width:340px}
 #koi-artist-page .hero-copy .kicker{font-size:15px}
 #koi-artist-page .hero-portrait-bg{width:100%}
 #koi-artist-page .hero-portrait-bg .hero-portrait-image{top:48px;height:71svh;object-position:center top;mask-image:linear-gradient(#000 50%,transparent 98%)}
 #koi-artist-page .hero .hero-shade{background:linear-gradient(180deg,transparent 36%,#0505053a 56%,#050505 79%)}
 #koi-artist-page .hero-link{margin-top:15px;font-size:12px}
 #koi-artist-page .machine-story.tm-story{height:340svh}
 #koi-artist-page .tm-head{top:84px;left:24px;right:24px;font-size:8px;gap:12px}
 #koi-artist-page .tm-media{top:115px;left:0;width:100%;height:54svh;max-height:none}
 #koi-artist-page .tm-tool{width:min(94vw,52svh);max-height:53svh}
 #koi-artist-page .tm-footage{height:100%;max-width:94vw}
 #koi-artist-page .tm-copy{top:auto;bottom:111px;left:26px;right:26px;width:auto;max-width:none;height:106px;min-height:0}
 #koi-artist-page .tm-index{font-size:9px;margin-bottom:8px}
 #koi-artist-page .tm-note h2,#koi-artist-page .tm-note h2[lang=en]{font-size:clamp(27px,8.5vw,37px);line-height:1.13;margin-bottom:10px}
 #koi-artist-page .tm-note p{font-size:13px;line-height:1.55}
 #koi-artist-page .tm-note h2[lang=en] br{display:none}
 #koi-artist-page .tm-nav{bottom:44px;left:24px;right:24px;gap:10px}
 #koi-artist-page .tm-steps{gap:17px}
 #koi-artist-page .tm-step,#koi-artist-page .tm-next{font-size:11px}
 #koi-artist-page .tm-track{left:24px;right:24px;bottom:31px}
 #koi-artist-page .contact h2{font-size:39px}
}
@media(max-height:740px) and (min-width:800px){#koi-artist-page .tm-head{top:80px}#koi-artist-page .tm-media{top:15svh;height:69svh}#koi-artist-page .tm-nav{bottom:37px}#koi-artist-page .tm-track{bottom:23px}}
@media(max-height:600px) and (min-width:800px){#koi-artist-page .tm-copy{top:31%}#koi-artist-page .tm-index{margin-bottom:8px;font-size:9px}#koi-artist-page .tm-note h2,#koi-artist-page .tm-note h2[lang=en]{font-size:30px;margin-bottom:12px}#koi-artist-page .tm-note h2 br{display:none}#koi-artist-page .tm-note p{font-size:13px;line-height:1.5}}
@media(max-height:740px) and (max-width:799px){#koi-artist-page .tm-media{top:103px;height:47svh}#koi-artist-page .tm-copy{bottom:102px;height:103px}#koi-artist-page .tm-head{top:80px}}
@media(prefers-reduced-motion:reduce){
 #koi-artist-page *,#koi-artist-page *::before,#koi-artist-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 #koi-artist-page .machine-story.tm-story{height:auto}
 #koi-artist-page .tm-stage{height:auto;position:relative;padding:80px 6vw 40px;overflow:visible}
 #koi-artist-page .tm-head{position:static;margin-bottom:40px}
 #koi-artist-page .tm-media,#koi-artist-page .tm-copy,#koi-artist-page .tm-nav,#koi-artist-page .tm-track{display:none}
 #koi-artist-page .tm-reduced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
 #koi-artist-page .tm-reduced figure{margin:0;scroll-margin-top:90px}
 #koi-artist-page .tm-reduced img{display:block;width:100%;height:auto;max-height:65svh;aspect-ratio:9/16;object-fit:contain}
 #koi-artist-page .tm-reduced figcaption{font-size:20px;color:#e8e0d5;margin-top:20px}
 #koi-artist-page .tm-reduced a{grid-column:1/-1;color:#d8ba86;text-underline-offset:6px}
}
@media(prefers-reduced-motion:reduce) and (max-width:799px){#koi-artist-page .tm-reduced{grid-template-columns:1fr;gap:48px}#koi-artist-page .tm-reduced figure{max-width:390px;width:100%;margin:auto}}
