@font-face{font-family:Heebo;font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/heebo-300.ttf') format('truetype')}
@font-face{font-family:Heebo;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/heebo-400.ttf') format('truetype')}
@font-face{font-family:Heebo;font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/heebo-500.ttf') format('truetype')}
@font-face{font-family:Heebo;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/heebo-600.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/manrope-500.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/manrope-600.ttf') format('truetype')}

/* Canvas isolation: theme shell is intentionally absent; only integration hooks remain. */
html.koi-artist-canvas-html{margin:0!important;padding:0!important;background:#050505!important;overflow-x:clip}
body.koi-artist-canvas{margin:0!important;padding:0!important;background:#050505!important;min-height:100%;font-family:Heebo,Arial,sans-serif!important;overflow:visible!important}
body.koi-artist-canvas.admin-bar #koi-artist-page .topbar{top:32px}
#koi-artist-page{width:100%;min-height:100%;isolation:isolate;color:#eeeae2;background:#050505;font-family:Heebo,Arial,sans-serif}
#koi-artist-page img{max-width:none}
#koi-artist-page .koi-live-instagram{margin-top:34px}
#koi-artist-page .koi-live-instagram .koi-ig-block{margin:0}
#koi-artist-page .koi-live-instagram .koi-ig-gallery{border-radius:10px;gap:8px;padding:8px}
#koi-artist-page .koi-live-instagram .koi-ig-item{border-radius:10px}
#koi-artist-page .ig-live-fallback{margin-top:34px;padding:30px 20px;text-align:center;border:1px solid rgba(17,17,17,.18);background:rgba(17,17,17,.035)}
#koi-artist-page .ig-live-fallback>span{display:block;direction:ltr;font:600 9px Manrope,Arial,sans-serif;letter-spacing:.18em;color:#111}
#koi-artist-page .ig-live-fallback>p{margin:8px 0 0;font-size:12px;color:#6b665f}
@media(max-width:782px){body.koi-artist-canvas.admin-bar #koi-artist-page .topbar{top:46px}}
#koi-artist-page{--bg:#050505;--paper:#eeeae2;--muted:#a9a39a;--red:#8f1225;--line:rgba(238,234,226,.18);--ease:cubic-bezier(.16,1,.3,1)}
#koi-artist-page,#koi-artist-page *{box-sizing:border-box}html.koi-artist-canvas-html{background:var(--bg);scroll-behavior:smooth}body.koi-artist-canvas{margin:0;background:var(--bg);color:var(--paper);font-family:Heebo,Arial,sans-serif;font-weight:300;overflow-x:hidden}#koi-artist-page a{color:inherit}#koi-artist-page .topbar{position:fixed;z-index:50;inset:0 0 auto;height:76px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}#koi-artist-page .topbar a{pointer-events:auto}#koi-artist-page .logo{width:76px;height:52px;display:grid;place-items:center}#koi-artist-page .logo img{display:block;width:70px;height:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.9)) drop-shadow(0 0 12px rgba(0,0,0,.45))}#koi-artist-page .top-cta{position:relative;isolation:isolate;overflow:hidden;min-height:50px;padding:0 16px 0 8px;display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:linear-gradient(135deg,#a01830,#761021);color:#fff;font-size:13px;line-height:1;font-weight:500;text-decoration:none;box-shadow:0 9px 28px rgba(80,0,14,.42),0 0 0 0 rgba(181,42,60,.34);animation:cta-breathe 2.6s var(--ease) infinite;transition:transform .15s var(--ease),filter .2s ease}#koi-artist-page .top-cta:before{content:"";position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-42%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);rotate:16deg;animation:cta-shine 3.4s ease-in-out infinite}#koi-artist-page .top-cta b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(5,5,5,.24);font:500 18px Manrope,Arial,sans-serif;transition:transform .2s var(--ease)}#koi-artist-page .top-cta:hover{filter:brightness(1.1)}#koi-artist-page .top-cta:hover b{transform:translate(-3px,3px) rotate(-5deg)}#koi-artist-page .top-cta:active{transform:scale(.96)}#koi-artist-page .top-cta:focus-visible{outline:2px solid #f7f2ea;outline-offset:4px}@keyframes cta-breathe{0%,100%{box-shadow:0 9px 28px rgba(80,0,14,.42),0 0 0 0 rgba(181,42,60,.32)}50%{box-shadow:0 12px 34px rgba(80,0,14,.58),0 0 0 7px rgba(181,42,60,0)}}@keyframes cta-shine{0%,58%{transform:translateX(0);opacity:0}65%{opacity:1}82%,100%{transform:translateX(720%);opacity:0}}#koi-artist-page .hero{position:relative;isolation:isolate;height:100svh;min-height:700px;overflow:hidden;padding:84px 20px 30px;display:flex;flex-direction:column;justify-content:flex-end}#koi-artist-page .machine-wrap{position:absolute;z-index:-3;inset:0;display:grid;place-items:center}#koi-artist-page .machine{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center top;filter:contrast(1.04) brightness(.92);animation:machine-float 8s ease-in-out infinite alternate}#koi-artist-page .halo{position:absolute;border:1px solid rgba(143,18,37,.4);border-radius:50%;left:50%;top:34%;translate:-50% -50%;animation:halo 10s linear infinite}#koi-artist-page .halo-a{width:62vw;height:62vw}#koi-artist-page .halo-b{width:82vw;height:38vw;animation-direction:reverse;animation-duration:14s}@keyframes halo{to{rotate:360deg}}@keyframes machine-float{to{translate:0 -10px;scale:1.025;filter:contrast(1.08) brightness(1.03)}}#koi-artist-page .hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.03) 28%,rgba(5,5,5,.56) 58%,#050505 93%)}#koi-artist-page .artist-tag{position:absolute;top:82px;right:20px;display:flex;flex-direction:column;line-height:1}#koi-artist-page .artist-tag b{font-size:21px;font-weight:500}#koi-artist-page .artist-tag span,#koi-artist-page .kicker,#koi-artist-page .concept-note,#koi-artist-page .stage-header,#koi-artist-page .tile figcaption,#koi-artist-page .ig-placeholder span{font-family:Manrope,Arial,sans-serif;direction:ltr;letter-spacing:.16em;font-size:9px;font-weight:600}#koi-artist-page .artist-tag span{margin-top:6px;color:#8f8a83}#koi-artist-page .hero-copy{position:relative;z-index:3;max-width:460px}#koi-artist-page .kicker{color:#9a948c;text-align:left;margin:0 0 10px}#koi-artist-page .hero h1{margin:0;font-size:clamp(54px,16vw,82px);line-height:.91;font-weight:400;letter-spacing:-.06em}#koi-artist-page .hero h1 em{font-style:normal;color:#b52a3c}#koi-artist-page .lead{font-size:15px;line-height:1.55;max-width:315px;margin:18px 0 0}#koi-artist-page .hero-link{display:inline-flex;align-items:center;gap:16px;margin-top:19px;font-size:13px;font-weight:500;text-underline-offset:6px}#koi-artist-page .hero-link span{font-family:Manrope}#koi-artist-page .portrait{position:absolute;left:20px;bottom:31px;width:70px;height:96px;margin:0;border:1px solid rgba(255,255,255,.35);overflow:hidden;rotate:-3deg}#koi-artist-page .portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:saturate(.55) contrast(1.1)}#koi-artist-page .concept-note{position:absolute;left:21px;bottom:140px;writing-mode:vertical-rl;color:#817c75}#koi-artist-page .machine-story{height:330svh;position:relative}#koi-artist-page .sticky-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}#koi-artist-page .grid{position:absolute;z-index:-4;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 50% 45%,#000,transparent 70%)}#koi-artist-page .stage-machine{position:absolute;z-index:-3;inset:-6% 0 0;display:grid;place-items:center;will-change:transform,opacity}#koi-artist-page .stage-machine img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) contrast(1.15)}#koi-artist-page .sticky-stage:after{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 50% 43%,transparent 15%,rgba(5,5,5,.28) 47%,#050505 94%)}#koi-artist-page .stage-header{position:absolute;top:82px;left:18px;right:18px;display:flex;direction:ltr;align-items:center;color:#77716a}#koi-artist-page .stage-header i{height:1px;flex:1;background:var(--line);margin:0 11px}#koi-artist-page .chapter{position:absolute;width:min(82vw,360px);padding:18px 17px 20px;border:1px solid rgba(238,234,226,.27);background:rgba(5,5,5,.82);backdrop-filter:blur(13px);opacity:0;translate:0 26px;transition:opacity .2s linear,translate .45s var(--ease)}#koi-artist-page .chapter.visible{opacity:1;translate:0 0}#koi-artist-page .chapter-a,#koi-artist-page .chapter-c{right:17px;bottom:11svh}#koi-artist-page .chapter-b{left:17px;top:17svh}#koi-artist-page .num{font:600 9px Manrope;color:#aaa39a}#koi-artist-page .chapter h2{color:#fff;font-size:31px;line-height:1.03;letter-spacing:-.035em;font-weight:400;margin:17px 0 10px}#koi-artist-page .chapter p{font-size:14px;line-height:1.6;color:#cbc5bc;margin:0}#koi-artist-page .rail{position:absolute;left:18px;right:18px;bottom:20px;height:1px;background:var(--line);direction:ltr}#koi-artist-page .rail i{display:block;width:100%;height:100%;background:#eee;transform:scaleX(0);transform-origin:left}#koi-artist-page .work{background:var(--paper);color:#111;padding:82px 14px 60px}#koi-artist-page .work header{padding:0 7px 34px}#koi-artist-page .work header .kicker{color:#6b665f}#koi-artist-page .work h2{font-size:56px;line-height:.93;letter-spacing:-.055em;font-weight:400;margin:8px 0 14px}#koi-artist-page .work header>p:last-child{font-size:14px;line-height:1.55;color:#625e57;margin:0;max-width:320px}#koi-artist-page .masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;direction:ltr}#koi-artist-page .tile{margin:0;position:relative;overflow:hidden;background:#111;aspect-ratio:3/4}#koi-artist-page .tile-main{grid-column:span 2;aspect-ratio:2/3}#koi-artist-page .tile img{width:100%;height:100%;object-fit:cover;transition:scale .5s var(--ease)}#koi-artist-page .tile:hover img{scale:1.035}#koi-artist-page .tile figcaption{position:absolute;left:10px;bottom:10px;color:#fff;text-shadow:0 2px 12px #000}#koi-artist-page .ig-placeholder{margin-top:30px;padding:17px;border:1px solid rgba(0,0,0,.22);direction:ltr}#koi-artist-page .ig-placeholder span{display:block;margin-bottom:8px}#koi-artist-page .ig-placeholder p{font:500 9px/1.5 monospace;margin:0;overflow-wrap:anywhere;color:#6e6961}#koi-artist-page .contact{min-height:82svh;text-align:center;padding:100px 20px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#25080e,#050505 58%)}#koi-artist-page .contact img{width:88px;filter:grayscale(1) invert(1) brightness(1.8);margin-bottom:35px}#koi-artist-page .contact .kicker{text-align:center}#koi-artist-page .contact h2{font-size:50px;line-height:1;margin:13px 0 16px;font-weight:400;letter-spacing:-.045em}#koi-artist-page .contact>p:not(.kicker){margin:0 0 30px;color:#b9b2aa}#koi-artist-page .contact>a{min-height:54px;padding:0 25px;border-radius:999px;background:var(--paper);color:#111;text-decoration:none;display:inline-flex;align-items:center;font-size:14px;font-weight:500}
@media(min-width:800px){#koi-artist-page .topbar{padding-inline:35px}#koi-artist-page .hero{padding:110px 6vw 58px}#koi-artist-page .machine-wrap{left:0;right:48%;}#koi-artist-page .machine{object-fit:contain}#koi-artist-page .hero-shade{background:linear-gradient(90deg,rgba(5,5,5,.02) 0%,rgba(5,5,5,.34) 43%,#050505 63%)}#koi-artist-page .artist-tag{right:6vw;top:110px}#koi-artist-page .hero-copy{margin-right:0;margin-left:auto;width:44vw}#koi-artist-page .hero h1{font-size:clamp(62px,6vw,94px)}#koi-artist-page .portrait{left:6vw;bottom:65px;width:128px;height:176px}#koi-artist-page .concept-note{left:calc(6vw + 150px);bottom:65px;writing-mode:initial}#koi-artist-page .stage-machine img{object-fit:contain}#koi-artist-page .chapter-a,#koi-artist-page .chapter-c{right:8vw}#koi-artist-page .chapter-b{left:8vw}#koi-artist-page .work{padding-inline:5vw}#koi-artist-page .masonry{grid-template-columns:repeat(4,1fr)}#koi-artist-page .tile-main{grid-column:span 2}#koi-artist-page .work header{max-width:700px}#koi-artist-page .work h2{font-size:82px}}
@media(prefers-reduced-motion:reduce){html.koi-artist-canvas-html{scroll-behavior:auto}#koi-artist-page .machine,#koi-artist-page .halo{animation:none}#koi-artist-page .chapter{transition:none}}

/* V3: the visual changes from the real REVO CAD shell to real footage. */
#koi-artist-page .machine-scene{inset:0;overflow:hidden;transform-origin:50% 50%;background:#050505}
#koi-artist-page .machine-scene .scene-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:opacity,transform}
#koi-artist-page .machine-scene .scene-cad{z-index:1;opacity:1;filter:contrast(1.08) brightness(.88)}
#koi-artist-page .machine-scene .scene-video{z-index:2;opacity:0;transform:scale(1.035);filter:contrast(1.07) saturate(.82) brightness(.74)}
#koi-artist-page .machine-scene .scene-work{z-index:3}
#koi-artist-page .scene-scan-soft{display:none}
#koi-artist-page .scene-scan{position:absolute;z-index:5;left:8%;right:8%;top:17%;height:1px;background:linear-gradient(90deg,transparent,#d0324b 22%,#fff 50%,#d0324b 78%,transparent);box-shadow:0 0 20px rgba(208,50,75,.8);opacity:.8;will-change:transform,opacity}
#koi-artist-page .scene-vignette{position:absolute;z-index:6;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.02),rgba(5,5,5,.08) 45%,rgba(5,5,5,.65) 100%);pointer-events:none}
#koi-artist-page .scene-state{position:absolute;z-index:7;left:20px;bottom:44px;direction:ltr;font:600 9px Manrope,Arial,sans-serif;letter-spacing:.18em;color:#d5cfc7;border-left:2px solid #b52a3c;padding-left:9px}
@media(min-width:800px){#koi-artist-page .machine-scene .scene-cad,#koi-artist-page .machine-scene .scene-video{left:4vw;right:auto;width:52vw;height:100%;object-fit:contain}#koi-artist-page .machine-scene .scene-video{object-position:center center}#koi-artist-page .scene-state{left:4vw;bottom:48px}}

/* V4: artist first hero, visible scroll guidance, realistic IG preview. */
#koi-artist-page .artist-tag{gap:7px;line-height:.92}
#koi-artist-page .artist-tag b{font-size:clamp(38px,11vw,54px);font-weight:500;letter-spacing:-.055em;text-shadow:0 3px 18px rgba(0,0,0,.85)}
#koi-artist-page .artist-tag span{margin:0;color:#d8d2c9;font-family:Heebo,Arial,sans-serif;direction:rtl;letter-spacing:.08em;font-size:12px;font-weight:500;text-shadow:0 2px 12px #000}
#koi-artist-page .chapter h2{margin-top:0}
#koi-artist-page .hero-portrait-bg{position:absolute;z-index:-3;inset:0;overflow:hidden;background:#050505}
#koi-artist-page .hero-portrait-image,#koi-artist-page .hero-motion-bg,#koi-artist-page .hero-frame-canvas{position:absolute;left:0;right:auto;top:0;display:block;max-width:none;min-height:0;object-fit:contain;object-position:left top;filter:saturate(.72) contrast(1.06) brightness(.72)}
#koi-artist-page .hero-portrait-image{z-index:0;opacity:1;transition:opacity .22s ease}
#koi-artist-page .hero-motion-bg{z-index:1;opacity:0;transition:opacity .22s ease;will-change:opacity}
#koi-artist-page .hero-frame-canvas{z-index:2;opacity:0;visibility:hidden;pointer-events:none;filter:none}
#koi-artist-page.hero-motion-ready .hero-motion-bg{opacity:1}
#koi-artist-page.hero-motion-ready .hero-portrait-image{opacity:0}
#koi-artist-page.hero-sequence-ready .hero-frame-canvas{opacity:1;visibility:visible}
#koi-artist-page.hero-sequence-ready .hero-motion-bg,#koi-artist-page.hero-sequence-ready .hero-portrait-image{opacity:0}
#koi-artist-page .hero-field{display:none}
#koi-artist-page .hero .hero-shade{background:linear-gradient(180deg,rgba(5,5,5,.08) 18%,rgba(5,5,5,.22) 43%,rgba(5,5,5,.9) 79%,#050505 96%)}
#koi-artist-page .scroll-guide{position:absolute;z-index:12;right:18px;bottom:37px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;color:#eee;pointer-events:none;text-shadow:0 2px 10px #000}
#koi-artist-page .scroll-guide b{font:500 16px Manrope,Arial,sans-serif;animation:scroll-nudge 1.35s ease-in-out infinite}
@keyframes scroll-nudge{0%,100%{transform:translateY(-2px);opacity:.55}50%{transform:translateY(4px);opacity:1}}
#koi-artist-page .ig-live-mock{margin-top:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;direction:ltr}
#koi-artist-page .ig-live-mock figure{margin:0;overflow:hidden;background:#111;aspect-ratio:4/5}
#koi-artist-page .ig-live-mock figure:nth-child(3n+1){aspect-ratio:3/4}
#koi-artist-page .ig-live-mock figure:nth-child(4n+2){aspect-ratio:1/1}
#koi-artist-page .ig-live-mock img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s var(--ease)}
#koi-artist-page .ig-live-mock figure:hover img{transform:scale(1.035)}
#koi-artist-page .ig-caption{margin:14px 2px 0!important;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#625e57!important;font-size:11px!important}
#koi-artist-page .ig-caption span{direction:ltr;font:600 8px Manrope,Arial,sans-serif;letter-spacing:.16em;color:#111}
@media(min-width:800px){#koi-artist-page .hero-portrait-bg{right:auto;width:54%}#koi-artist-page .hero-portrait-bg img{object-position:50% 16%;filter:saturate(.68) contrast(1.06) brightness(.7)}#koi-artist-page .hero .hero-shade{background:linear-gradient(90deg,rgba(5,5,5,.04) 0%,rgba(5,5,5,.25) 37%,#050505 58%)}#koi-artist-page .scroll-guide{right:8vw;bottom:39px}#koi-artist-page .ig-live-mock{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){#koi-artist-page .scroll-guide b,#koi-artist-page .top-cta,#koi-artist-page .top-cta:before{animation:none}}

/* Mobile portrait crop + clearer sticky-story progress. */
#koi-artist-page .rail{height:4px;border-radius:999px;background:rgba(238,234,226,.3);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 18px rgba(0,0,0,.7);overflow:hidden}
#koi-artist-page .rail i{border-radius:inherit;background:linear-gradient(90deg,#8f1225 0%,#d34559 64%,#f7f2ea 100%);box-shadow:0 0 14px rgba(211,69,89,.8)}
#koi-artist-page .top-cta b{font-family:Arial,sans-serif;font-size:22px;font-weight:900;-webkit-text-stroke:.7px currentColor;text-shadow:0 1px 7px rgba(255,255,255,.28)}
#koi-artist-page .scroll-guide{padding:6px 8px 6px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(5,5,5,.78);backdrop-filter:blur(10px);font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.45)}
#koi-artist-page .scroll-lottie{display:block;width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:rgba(143,18,37,.16);overflow:visible}
#koi-artist-page .scroll-lottie svg{display:block;width:100%!important;height:100%!important;transform:scale(1.04);filter:drop-shadow(0 0 8px rgba(255,26,61,.9))}
@media(max-width:799px){#koi-artist-page .hero-portrait-bg{display:block}#koi-artist-page .hero-portrait-bg .hero-portrait-image,#koi-artist-page .hero-portrait-bg .hero-motion-bg,#koi-artist-page .hero-portrait-bg .hero-frame-canvas{width:100%;height:auto}}

/* Scroll-driven living portrait: stable sticky runway, no autoplay or touch interception. */
#koi-artist-page .hero-scroll-shell{position:relative;height:158vh;height:calc(max(100vh,700px) + 58vh);height:calc(max(100svh,700px) + 58svh);background:#050505}
#koi-artist-page .hero-scroll-shell .hero{position:sticky;top:0;height:100vh;height:100svh}
#koi-artist-page .hero-motion-bg{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){#koi-artist-page .hero-scroll-shell{height:max(100svh,700px)}#koi-artist-page .hero-scroll-shell .hero{position:relative}}

/* Preview only: keep the live-feed slot honest until WordPress renders the real shortcode. */
#koi-artist-page .ig-live-mock{display:block;padding:30px 20px;text-align:center;border:1px solid rgba(17,17,17,.18);background:rgba(17,17,17,.035);direction:rtl}
#koi-artist-page .ig-live-mock>span{display:block;direction:ltr;font:600 9px Manrope,Arial,sans-serif;letter-spacing:.18em;color:#111}
#koi-artist-page .ig-live-mock>p{margin:8px 0 0;font-size:12px;color:#6b665f}
#koi-artist-page .contact img{width:122px;height:auto;margin-bottom:31px;filter:drop-shadow(0 2px 1px rgba(255,255,255,.12)) drop-shadow(0 12px 24px rgba(0,0,0,.95))}

/* Natural-ratio masonry portfolio + accessible full-screen viewing. */
#koi-artist-page .masonry{display:block;columns:2;column-gap:8px;direction:ltr}
#koi-artist-page .tile,#koi-artist-page .tile-main{display:block;break-inside:avoid;margin:0 0 8px;aspect-ratio:auto;border-radius:10px;overflow:hidden;background:#111}
#koi-artist-page .gallery-open{display:block;width:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in;overflow:hidden}
#koi-artist-page .gallery-open img,#koi-artist-page .tile img{display:block;width:100%;height:auto;object-fit:initial;transition:transform .45s var(--ease),filter .3s ease}
#koi-artist-page .tile-media{display:block;width:100%;height:auto;object-fit:cover;transition:transform .45s var(--ease),filter .3s ease;background:#0c0c0c}
#koi-artist-page .tile--video .tile{aspect-ratio:auto}
#koi-artist-page .tile--video .gallery-open{position:relative}
#koi-artist-page .tile--video .gallery-open::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.25) 100%);pointer-events:none}
#koi-artist-page .tile-badge{position:absolute;z-index:2;top:8px;inset-inline-start:8px;padding:3px 8px;border-radius:999px;background:rgba(5,5,5,.72);color:#eeeae2;font:600 10px/1 Heebo,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(4px)}
#koi-artist-page .gallery-open:hover img,#koi-artist-page .gallery-open:hover .tile-media{transform:scale(1.018);filter:brightness(1.04)}
#koi-artist-page .gallery-open:focus-visible{outline:3px solid var(--red);outline-offset:-3px}
#koi-artist-page .lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:58px 16px 22px;border:0;background:transparent;color:#fff;overflow:hidden}
#koi-artist-page .lightbox[open]{display:flex;align-items:center;justify-content:center}
#koi-artist-page .lightbox::backdrop{background:rgba(0,0,0,.94);backdrop-filter:blur(10px)}
#koi-artist-page .lightbox-media{position:relative;display:flex;align-items:center;justify-content:center;max-width:min(94vw,1100px);max-height:calc(100dvh - 88px)}
#koi-artist-page .lightbox-media img,#koi-artist-page .lightbox-media video{display:block;max-width:min(94vw,1100px);max-height:calc(100dvh - 88px);width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 18px 70px rgba(0,0,0,.7);background:#000}
#koi-artist-page .lightbox-media[data-kind="video"] img{display:none}
#koi-artist-page .lightbox-media[data-kind="image"] video{display:none}
#koi-artist-page .lightbox-media video{background:#000}
#koi-artist-page .lightbox-close{position:fixed;z-index:2;top:max(14px,env(safe-area-inset-top));right:16px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(15,15,15,.78);color:#fff;font:300 30px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}
#koi-artist-page .lightbox-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.koi-artist-canvas.lightbox-open{overflow:hidden}
@media(min-width:800px){#koi-artist-page .masonry{columns:3;column-gap:10px}#koi-artist-page .tile,#koi-artist-page .tile-main{margin-bottom:10px}}
@media(min-width:1280px){#koi-artist-page .masonry{columns:4}}
/* Contrast and scroll-cue correction after real-device QA. */
#koi-artist-page .hero h1{color:#fff!important;text-shadow:0 3px 22px rgba(0,0,0,.82)}
#koi-artist-page .hero .lead,#koi-artist-page .hero-link{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.9)}
#koi-artist-page .hero .kicker{color:rgba(255,255,255,.82)!important;text-shadow:0 2px 12px #000}
#koi-artist-page .artist-tag b,#koi-artist-page .artist-tag span{color:#fff!important}
#koi-artist-page .chapter p{color:#fff!important}
#koi-artist-page .contact h2{color:#fff!important;text-shadow:0 3px 22px rgba(0,0,0,.75)}
#koi-artist-page .contact>p:not(.kicker){color:#fff!important}
#koi-artist-page .contact .kicker{color:rgba(255,255,255,.78)!important}
#koi-artist-page .scroll-guide{padding:7px 11px;border-color:rgba(255,255,255,.22);gap:8px;background:rgba(5,5,5,.88);color:#fff!important;font-size:12px;line-height:1;box-shadow:0 7px 24px rgba(0,0,0,.42)}
#koi-artist-page .scroll-arrow{display:block;font:600 16px/1 Manrope,Arial,sans-serif;color:#fff;animation:scroll-nudge 1.35s ease-in-out infinite}
@media(max-width:799px){#koi-artist-page .scroll-guide{right:auto;left:18px;bottom:48px}#koi-artist-page .scene-state{display:none}}
@media(prefers-reduced-motion:reduce){#koi-artist-page .scroll-arrow{animation:none}}

/* V0.1.4: desktop portrait parity, centered editorial intros and gallery motion. */
#koi-artist-page .work-intro{text-align:center;margin-inline:auto;padding-inline:12px}
#koi-artist-page .work .work-intro>p:last-child{max-width:620px;margin:0 auto!important;text-align:center!important}
#koi-artist-page .work-intro h2{position:relative;display:inline-block;isolation:isolate}
#koi-artist-page .work-intro h2:after{content:"";position:absolute;z-index:-1;right:8%;left:8%;bottom:-10px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#8f1225 22%,#d23b51 50%,#8f1225 78%,transparent);transform:scaleX(.15);opacity:.25;transition:transform .9s var(--ease),opacity .7s ease}
#koi-artist-page.has-js .work-intro .kicker,#koi-artist-page.has-js .work-intro h2 span,#koi-artist-page.has-js .work-intro>p:last-child{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s var(--ease)}
#koi-artist-page.has-js .work-intro h2 span{display:inline-block;transform:translateY(42px);transition-duration:.9s}
#koi-artist-page.has-js .work-intro h2 span+br+span{transition-delay:.1s}
#koi-artist-page.has-js .work-intro>p:last-child{transition-delay:.2s}
#koi-artist-page.has-js .work-intro.is-visible .kicker,#koi-artist-page.has-js .work-intro.is-visible h2 span,#koi-artist-page.has-js .work-intro.is-visible>p:last-child{opacity:1;transform:translateY(0)}
#koi-artist-page .work-intro.is-visible h2:after{transform:scaleX(1);opacity:1}
#koi-artist-page .instagram-intro{text-align:center!important;max-width:660px!important;margin:0 auto 26px!important;padding:18px 12px 0!important}
#koi-artist-page .instagram-intro .kicker{margin:0 0 9px;color:#8f1225!important}
#koi-artist-page .instagram-intro h3{margin:0;color:#111;font-size:clamp(32px,7vw,48px);font-weight:500;line-height:1;letter-spacing:-.045em;text-wrap:balance}
#koi-artist-page .instagram-intro>p:last-child{max-width:520px;margin:12px auto 0!important;color:#625e57;font-size:14px;line-height:1.55;text-wrap:pretty}
#koi-artist-page .lightbox.is-js-animating,#koi-artist-page .lightbox.is-js-animating img{will-change:opacity,transform}
@media(min-width:800px){
  #koi-artist-page .hero-portrait-bg{left:0;right:auto;width:52%;display:block}
  #koi-artist-page .hero-portrait-bg .hero-portrait-image,#koi-artist-page .hero-portrait-bg .hero-motion-bg,#koi-artist-page .hero-portrait-bg .hero-frame-canvas{width:67.96875vh;height:auto;filter:saturate(.68) contrast(1.06) brightness(.7)}
  #koi-artist-page .hero-copy{width:48vw;transform:translateX(-10vw)}
  #koi-artist-page .hero-copy .kicker{width:100%;text-align:center;transform:translateX(6vw)}
  #koi-artist-page .hero .hero-shade{background:linear-gradient(90deg,rgba(5,5,5,.015) 0%,rgba(5,5,5,.08) 38%,rgba(5,5,5,.55) 50%,#050505 61%)}
  #koi-artist-page .work-intro{max-width:820px!important}
  #koi-artist-page .koi-live-instagram{max-width:920px;margin:58px auto 0}
  #koi-artist-page .koi-live-instagram .koi-ig-gallery{gap:7px;padding:7px}
}
#koi-artist-page .chapter{translate:none!important;transition:none!important;will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){
  #koi-artist-page .hero-motion-bg{display:none}
  #koi-artist-page .hero-frame-canvas{display:none}
  #koi-artist-page .hero-portrait-image{opacity:1!important}
  #koi-artist-page.has-js .work-intro .kicker,#koi-artist-page.has-js .work-intro h2 span,#koi-artist-page.has-js .work-intro>p:last-child{opacity:1;transform:none;transition:none}
  #koi-artist-page .work-intro h2:after{transform:scaleX(1);opacity:1;transition:none}
}

/* Tom machine atmosphere: warm copper/KOI-red energy instead of pink neon CAD look. */
#koi-artist-page .machine-glow,#koi-artist-page .machine-aura{display:none}
#koi-artist-page[data-media-profile="tom"] .machine-scene{--machine-glow:0.42;--scan-boost:0.9}
#koi-artist-page[data-media-profile="tom"] .machine-glow{display:block;position:absolute;z-index:0;left:50%;top:42%;width:min(78vw,520px);height:min(78vw,520px);transform:translate(-50%,-50%) scale(calc(0.92 + var(--machine-glow)*0.18));border-radius:50%;background:radial-gradient(circle,rgba(196,92,42,calc(0.22 + var(--machine-glow)*0.18)) 0%,rgba(143,18,37,calc(0.16 + var(--machine-glow)*0.12)) 34%,rgba(143,18,37,0.05) 58%,transparent 72%);filter:blur(8px);pointer-events:none;will-change:transform,opacity;opacity:calc(0.55 + var(--machine-glow)*0.45)}
#koi-artist-page[data-media-profile="tom"] .machine-aura{display:block;position:absolute;z-index:0;left:50%;top:44%;width:min(92vw,640px);height:min(92vw,640px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,176,110,0.08) 0%,rgba(176,36,52,0.10) 40%,transparent 70%);pointer-events:none;opacity:calc(0.35 + var(--machine-glow)*0.5)}
#koi-artist-page[data-media-profile="tom"] .machine-scene .scene-cad{filter:contrast(1.1) brightness(calc(0.9 + var(--machine-glow)*0.08)) saturate(1.05);z-index:2}
#koi-artist-page[data-media-profile="tom"] .scene-scan{left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(196,92,42,.15) 12%,#d34559 28%,#fff6ea 50%,#d34559 72%,rgba(196,92,42,.15) 88%,transparent 100%);box-shadow:0 0 18px rgba(211,69,89,.95),0 0 42px rgba(196,92,42,.35);opacity:calc(0.35 + var(--scan-boost)*0.65)}
#koi-artist-page[data-media-profile="tom"] .scene-scan-soft{display:block;position:absolute;z-index:4;left:18%;right:18%;top:17%;height:18px;transform:translate3d(0,0,0);background:radial-gradient(ellipse at center,rgba(255,210,170,.22) 0%,rgba(208,50,75,.12) 42%,transparent 72%);filter:blur(4px);opacity:calc(0.2 + var(--scan-boost)*0.45);pointer-events:none;will-change:transform,opacity}
#koi-artist-page[data-media-profile="tom"] .scene-vignette{background:radial-gradient(ellipse at 50% 42%,rgba(5,5,5,0) 0%,rgba(5,5,5,.08) 48%,rgba(5,5,5,.72) 100%),linear-gradient(180deg,rgba(5,5,5,.05),rgba(5,5,5,.1) 50%,rgba(5,5,5,.7) 100%)}
#koi-artist-page[data-media-profile="tom"] .scene-state{border-left-color:#d34559;color:#f0e7dc;text-shadow:0 0 12px rgba(211,69,89,.35)}

/* Tom live tattooing clip layered above the still CAD, revealed after the warm reveal completes. */
#koi-artist-page[data-media-profile="tom"] .machine-scene{--machine-live:0;--machine-live-shift:0px}
#koi-artist-page[data-media-profile="tom"] .scene-live{position:absolute;z-index:4;inset:0;width:100%;height:100%;object-fit:cover;opacity:calc(var(--machine-live));transform:translate3d(0,calc(var(--machine-live-shift)),0) scale(1.06);filter:contrast(1.05) saturate(1.08) brightness(calc(0.78 + var(--machine-live)*0.18));will-change:opacity,transform,filter;background:#0a0a0a;mix-blend-mode:screen;border-radius:6px;clip-path:inset(8% 6% 8% 6% round 18px)}
#koi-artist-page[data-media-profile="tom"] .machine-scene .scene-cad{filter:contrast(1.1) brightness(calc(0.9 + var(--machine-glow)*0.08)) saturate(1.05);z-index:2}
#koi-artist-page[data-media-profile="tom"] .scene-live-frame{position:absolute;z-index:4;inset:8% 6% 8% 6%;pointer-events:none;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(255,210,180,.06),inset 0 30px 80px rgba(0,0,0,.55),inset 0 -40px 90px rgba(0,0,0,.55)}
@media(min-width:800px){
#koi-artist-page[data-media-profile="tom"] .machine-glow{left:30vw;width:560px;height:560px}
#koi-artist-page[data-media-profile="tom"] .machine-aura{left:30vw;width:680px;height:680px}
#koi-artist-page[data-media-profile="tom"] .scene-scan,#koi-artist-page[data-media-profile="tom"] .scene-scan-soft{left:4vw;right:auto;width:48vw}
#koi-artist-page[data-media-profile="tom"] .scene-live{left:4vw;right:auto;width:52vw;height:100%;clip-path:inset(0 0 0 0 round 0);border-radius:0;mix-blend-mode:normal;filter:contrast(1.04) saturate(1.05) brightness(calc(0.82 + var(--machine-live)*0.18))}
}
@media(prefers-reduced-motion:reduce){
#koi-artist-page[data-media-profile="tom"] .machine-glow,#koi-artist-page[data-media-profile="tom"] .machine-aura{opacity:.35;transform:translate(-50%,-50%)}
#koi-artist-page[data-media-profile="tom"] .scene-scan-soft{opacity:.15}
#koi-artist-page[data-media-profile="tom"] .scene-live{opacity:.35;mix-blend-mode:normal;clip-path:none;border-radius:0}
}

/* Tom machine storytelling on a still: tech plate -> real metal reveal + specular sweep. */
#koi-artist-page[data-media-profile="tom"] .machine-scene{--machine-reveal:0;--spec-x:18%;--spec-gain:0.2;--machine-rot:0deg;--machine-shift:0px}
#koi-artist-page[data-media-profile="tom"] .scene-tech{display:block;z-index:1;opacity:calc(1 - var(--machine-reveal));filter:contrast(1.12) brightness(.92);transform:translate3d(calc(var(--machine-shift) * -0.45),0,0) rotate(calc(var(--machine-rot) * -0.35)) scale(1.02);transform-origin:50% 45%;will-change:opacity,transform}
#koi-artist-page[data-media-profile="tom"] .machine-scene .scene-cad{z-index:2;opacity:calc(0.18 + var(--machine-reveal) * 0.82);transform:translate3d(var(--machine-shift),0,0) rotate(var(--machine-rot)) scale(calc(0.985 + var(--machine-reveal)*0.025));transform-origin:50% 45%;filter:contrast(1.1) brightness(calc(0.88 + var(--machine-reveal)*0.1)) saturate(calc(0.9 + var(--machine-reveal)*0.12));will-change:opacity,transform,filter}
#koi-artist-page[data-media-profile="tom"] .scene-spec{display:block;position:absolute;z-index:3;inset:0;pointer-events:none;opacity:calc(var(--spec-gain));mix-blend-mode:screen;background:
  linear-gradient(105deg, transparent 0%, transparent calc(var(--spec-x) - 14%), rgba(255,230,190,.0) calc(var(--spec-x) - 8%), rgba(255,236,210,.55) var(--spec-x), rgba(255,170,120,.18) calc(var(--spec-x) + 8%), transparent calc(var(--spec-x) + 16%), transparent 100%);
  -webkit-mask-image:var(--spec-url);mask-image:var(--spec-url);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;will-change:opacity,background-position,background}
@media(min-width:800px){
#koi-artist-page[data-media-profile="tom"] .scene-tech,#koi-artist-page[data-media-profile="tom"] .scene-spec{left:4vw;right:auto;width:52vw;height:100%}
#koi-artist-page[data-media-profile="tom"] .scene-tech{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){
#koi-artist-page[data-media-profile="tom"] .scene-tech{opacity:0}
#koi-artist-page[data-media-profile="tom"] .machine-scene .scene-cad{opacity:1;transform:none}
#koi-artist-page[data-media-profile="tom"] .scene-spec{opacity:.12}
}


/* Tom live work video framing: keep full work shot, not face crop. */
#koi-artist-page[data-media-profile="tom"] .machine-scene .scene-video{
  object-fit:cover;
  object-position:center 62%;
  transform:none;
  filter:contrast(1.04) saturate(1.02) brightness(.9);
}
#koi-artist-page[data-media-profile="tom"] .machine-scene .scene-work{
  object-position:center 42%;
  z-index:3;
  filter:contrast(1.06) saturate(1.04) brightness(.92);
}
#koi-artist-page[data-media-profile="tom"] .machine-scene .scene-dip{
  object-position:center 55%;
}
@media(min-width:800px){
#koi-artist-page[data-media-profile="tom"] .machine-scene .scene-video{
  object-fit:contain;
  object-position:center center;
  left:4vw;right:auto;width:52vw;height:100%;
}
}


/* Maayan Revo Pink machine FX — similar structure to Tom, pink/magenta palette */
#koi-artist-page[data-media-profile="maayan"] .machine-scene{--machine-glow:0.42;--scan-boost:0.9;--machine-reveal:0;--machine-rot:0deg;--machine-shift:0px}
#koi-artist-page[data-media-profile="maayan"] .machine-glow{display:block;position:absolute;z-index:0;left:50%;top:42%;width:min(78vw,520px);height:min(78vw,520px);transform:translate(-50%,-50%) scale(calc(0.92 + var(--machine-glow)*0.18));border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,calc(0.24 + var(--machine-glow)*0.2)) 0%,rgba(190,24,93,calc(0.16 + var(--machine-glow)*0.12)) 34%,rgba(143,18,80,0.05) 58%,transparent 72%);filter:blur(10px);pointer-events:none;will-change:transform,opacity;opacity:calc(0.55 + var(--machine-glow)*0.45)}
#koi-artist-page[data-media-profile="maayan"] .machine-aura{display:block;position:absolute;z-index:0;left:50%;top:44%;width:min(92vw,640px);height:min(92vw,640px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,160,210,0.10) 0%,rgba(190,24,93,0.12) 40%,transparent 70%);pointer-events:none;opacity:calc(0.35 + var(--machine-glow)*0.5)}
#koi-artist-page[data-media-profile="maayan"] .scene-tech{display:block;z-index:1;opacity:calc(1 - var(--machine-reveal));filter:contrast(1.1) brightness(.95) saturate(1.15);transform:translate3d(calc(var(--machine-shift) * -0.4),0,0) rotate(calc(var(--machine-rot) * -0.3)) scale(1.02);transform-origin:50% 45%;will-change:opacity,transform}
#koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-cad{z-index:2;opacity:calc(0.2 + var(--machine-reveal) * 0.8);transform:translate3d(var(--machine-shift),0,0) rotate(var(--machine-rot)) scale(calc(0.985 + var(--machine-reveal)*0.025));transform-origin:50% 45%;filter:contrast(1.08) brightness(calc(0.9 + var(--machine-reveal)*0.1)) saturate(calc(1 + var(--machine-reveal)*0.08));will-change:opacity,transform,filter}
#koi-artist-page[data-media-profile="maayan"] .scene-scan{left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(236,72,153,.18) 12%,#f472b6 28%,#fff0f7 50%,#f472b6 72%,rgba(236,72,153,.18) 88%,transparent 100%);box-shadow:0 0 18px rgba(244,114,182,.95),0 0 42px rgba(190,24,93,.35);opacity:calc(0.35 + var(--scan-boost)*0.65)}
#koi-artist-page[data-media-profile="maayan"] .scene-scan-soft{display:block;position:absolute;z-index:4;left:18%;right:18%;top:17%;height:18px;transform:translate3d(0,0,0);background:radial-gradient(ellipse at center,rgba(255,180,220,.22) 0%,rgba(236,72,153,.12) 42%,transparent 72%);filter:blur(4px);opacity:calc(0.2 + var(--scan-boost)*0.45);pointer-events:none}
#koi-artist-page[data-media-profile="maayan"] .scene-state{border-left-color:#f472b6;color:#fce7f3;text-shadow:0 0 12px rgba(244,114,182,.35)}
#koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-video{object-fit:contain;object-position:center center;transform:none;filter:contrast(1.05) saturate(1.04) brightness(.92);background:#050505}
#koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-dip{object-fit:cover;object-position:center 40%;z-index:3}
#koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-work{object-fit:cover;object-position:center 35%;background:#050505;z-index:3}
@media(min-width:800px){
#koi-artist-page[data-media-profile="maayan"] .machine-glow{left:30vw;width:560px;height:560px}
#koi-artist-page[data-media-profile="maayan"] .machine-aura{left:30vw;width:680px;height:680px}
#koi-artist-page[data-media-profile="maayan"] .scene-tech,#koi-artist-page[data-media-profile="maayan"] .scene-scan,#koi-artist-page[data-media-profile="maayan"] .scene-scan-soft{left:4vw;right:auto;width:52vw}
#koi-artist-page[data-media-profile="maayan"] .scene-tech{object-fit:contain}
#koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-video{object-fit:contain;left:4vw;right:auto;width:52vw;height:100%}
}
@media(prefers-reduced-motion:reduce){
#koi-artist-page[data-media-profile="maayan"] .machine-glow,#koi-artist-page[data-media-profile="maayan"] .machine-aura{opacity:.35}
#koi-artist-page[data-media-profile="maayan"] .scene-tech{opacity:0}
#koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-cad{opacity:1;transform:none}
}

/* Maayan gallery: true natural-ratio CSS masonry — no forced 3/4, no black letterbox bars */
#koi-artist-page[data-media-profile="maayan"] .masonry{
  display:block !important;
  columns:2 !important;
  column-gap:10px !important;
  column-fill:balance;
  direction:ltr;
}
#koi-artist-page[data-media-profile="maayan"] .masonry .tile,
#koi-artist-page[data-media-profile="maayan"] .masonry .tile-main{
  display:block !important;
  width:100% !important;
  margin:0 0 10px !important;
  break-inside:avoid !important;
  page-break-inside:avoid !important;
  aspect-ratio:auto !important;
  background:transparent !important;
  border-radius:10px;
  overflow:hidden;
}
#koi-artist-page[data-media-profile="maayan"] .masonry .gallery-open{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent !important;
  cursor:pointer;
}
#koi-artist-page[data-media-profile="maayan"] .masonry .tile-media,
#koi-artist-page[data-media-profile="maayan"] .masonry .tile img,
#koi-artist-page[data-media-profile="maayan"] .masonry .tile video{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100%;
  object-fit:initial !important;
  object-position:center center;
  background:transparent !important;
  vertical-align:top;
}
/* Videos keep natural frame; no black pillar/letter box fill */
#koi-artist-page[data-media-profile="maayan"] .masonry .tile--video{
  background:transparent !important;
}
#koi-artist-page[data-media-profile="maayan"] .masonry .tile--video .tile-media{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  background:transparent !important;
}
@media(min-width:800px){
  #koi-artist-page[data-media-profile="maayan"] .masonry{columns:3 !important; column-gap:12px !important}
  #koi-artist-page[data-media-profile="maayan"] .masonry .tile,
  #koi-artist-page[data-media-profile="maayan"] .masonry .tile-main{margin:0 0 12px !important}
  #koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-video{object-fit:contain}
  #koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-dip,
  #koi-artist-page[data-media-profile="maayan"] .machine-scene .scene-work{object-fit:contain;object-position:center center}
}
@media(min-width:1200px){
  #koi-artist-page[data-media-profile="maayan"] .masonry{columns:4 !important}
}

/* ==== MAAYAN HERO v0.1.39 — sharp left + ambient fill (no dead void) ==== */
/* Legacy Maayan portrait geometry replaced by portrait.css in this private preview. */
/* ensure no residual black plate behind maayan portfolio tiles */
#koi-artist-page[data-media-profile="maayan"] .work .tile,
#koi-artist-page[data-media-profile="maayan"] .work .tile-main,
#koi-artist-page[data-media-profile="maayan"] .work .tile-media{
  background:transparent !important;
}

/* Maayan work + instagram: charcoal #15171A editorial plate (not pure black, not pure white) */
#koi-artist-page[data-media-profile="maayan"] .work{
  background:#15171a !important;
  color:#ece6da !important;
  padding:96px 14px 80px !important;
}
#koi-artist-page[data-media-profile="maayan"] .work header .kicker{color:#9a948c !important}
#koi-artist-page[data-media-profile="maayan"] .work h2{color:#f4ede0 !important}
#koi-artist-page[data-media-profile="maayan"] .work header>p:last-child{color:#a8a39a !important}
#koi-artist-page[data-media-profile="maayan"] .work .masonry{padding-top:18px}
#koi-artist-page[data-media-profile="maayan"] .work .tile-media,
#koi-artist-page[data-media-profile="maayan"] .work .tile,
#koi-artist-page[data-media-profile="maayan"] .work .tile-main{background:transparent !important;border-radius:10px}
/* Subtle premium hover lift on dark */
#koi-artist-page[data-media-profile="maayan"] .work .gallery-open{transition:transform .35s var(--ease),filter .35s ease}
#koi-artist-page[data-media-profile="maayan"] .work .gallery-open:hover{transform:translateY(-2px)}
#koi-artist-page[data-media-profile="maayan"] .work .gallery-open:hover .tile-media,
#koi-artist-page[data-media-profile="maayan"] .work .gallery-open:hover img,
#koi-artist-page[data-media-profile="maayan"] .work .gallery-open:hover video{filter:brightness(1.04)}
/* Instagram section: same charcoal with warmer accent */
#koi-artist-page[data-media-profile="maayan"] .instagram,
#koi-artist-page[data-media-profile="maayan"] section.instagram,
#koi-artist-page[data-media-profile="maayan"] .koi-live-instagram{
  background:linear-gradient(180deg,#15171a 0%, #1a1c20 60%, #15171a 100%) !important;
  color:#ece6da !important;
}
#koi-artist-page[data-media-profile="maayan"] .instagram .kicker,
#koi-artist-page[data-media-profile="maayan"] .instagram h2{color:#f4ede0 !important}
#koi-artist-page[data-media-profile="maayan"] .instagram p{color:#a8a39a !important}
#koi-artist-page[data-media-profile="maayan"] .koi-ig-gallery{
  background:transparent !important;
}
#koi-artist-page[data-media-profile="maayan"] .koi-ig-gallery figure{background:#0d0e10 !important}

/* Charcoal editorial plate — same for Tom and Kasy */
#koi-artist-page[data-media-profile="tom"] .work,
#koi-artist-page[data-media-profile="kasy"] .work{
  background:#15171a !important;
  color:#ece6da !important;
  padding:96px 14px 80px !important;
}
#koi-artist-page[data-media-profile="tom"] .work header .kicker,
#koi-artist-page[data-media-profile="kasy"] .work header .kicker{color:#9a948c !important}
#koi-artist-page[data-media-profile="tom"] .work h2,
#koi-artist-page[data-media-profile="kasy"] .work h2{color:#f4ede0 !important}
#koi-artist-page[data-media-profile="tom"] .work header>p:last-child,
#koi-artist-page[data-media-profile="kasy"] .work header>p:last-child{color:#a8a39a !important}
#koi-artist-page[data-media-profile="tom"] .work .tile,
#koi-artist-page[data-media-profile="tom"] .work .tile-main,
#koi-artist-page[data-media-profile="tom"] .work .tile-media,
#koi-artist-page[data-media-profile="kasy"] .work .tile,
#koi-artist-page[data-media-profile="kasy"] .work .tile-main,
#koi-artist-page[data-media-profile="kasy"] .work .tile-media{background:transparent !important;border-radius:10px}
#koi-artist-page[data-media-profile="tom"] .work .gallery-open,
#koi-artist-page[data-media-profile="kasy"] .work .gallery-open{transition:transform .35s var(--ease),filter .35s ease}
#koi-artist-page[data-media-profile="tom"] .work .gallery-open:hover,
#koi-artist-page[data-media-profile="kasy"] .work .gallery-open:hover{transform:translateY(-2px)}
#koi-artist-page[data-media-profile="tom"] .work .gallery-open:hover .tile-media,
#koi-artist-page[data-media-profile="tom"] .work .gallery-open:hover img,
#koi-artist-page[data-media-profile="tom"] .work .gallery-open:hover video,
#koi-artist-page[data-media-profile="kasy"] .work .gallery-open:hover .tile-media,
#koi-artist-page[data-media-profile="kasy"] .work .gallery-open:hover img,
#koi-artist-page[data-media-profile="kasy"] .work .gallery-open:hover video{filter:brightness(1.04)}
/* Instagram section: same charcoal */
#koi-artist-page[data-media-profile="tom"] .instagram,
#koi-artist-page[data-media-profile="tom"] section.instagram,
#koi-artist-page[data-media-profile="tom"] .koi-live-instagram,
#koi-artist-page[data-media-profile="kasy"] .instagram,
#koi-artist-page[data-media-profile="kasy"] section.instagram,
#koi-artist-page[data-media-profile="kasy"] .koi-live-instagram{
  background:linear-gradient(180deg,#15171a 0%, #1a1c20 60%, #15171a 100%) !important;
  color:#ece6da !important;
}
#koi-artist-page[data-media-profile="tom"] .instagram .kicker,
#koi-artist-page[data-media-profile="tom"] .instagram h2,
#koi-artist-page[data-media-profile="kasy"] .instagram .kicker,
#koi-artist-page[data-media-profile="kasy"] .instagram h2{color:#f4ede0 !important}
#koi-artist-page[data-media-profile="tom"] .instagram p,
#koi-artist-page[data-media-profile="kasy"] .instagram p{color:#a8a39a !important}
#koi-artist-page[data-media-profile="tom"] .koi-ig-gallery,
#koi-artist-page[data-media-profile="kasy"] .koi-ig-gallery{background:transparent !important}
#koi-artist-page[data-media-profile="tom"] .koi-ig-gallery figure,
#koi-artist-page[data-media-profile="kasy"] .koi-ig-gallery figure{background:#0d0e10 !important}

/* Charcoal Instagram intro: light text on dark (matches Maayan) */
#koi-artist-page[data-media-profile="tom"] .instagram-intro h3,
#koi-artist-page[data-media-profile="tom"] .instagram-intro p,
#koi-artist-page[data-media-profile="tom"] .instagram-intro .kicker,
#koi-artist-page[data-media-profile="kasy"] .instagram-intro h3,
#koi-artist-page[data-media-profile="kasy"] .instagram-intro p,
#koi-artist-page[data-media-profile="kasy"] .instagram-intro .kicker{
  color:#f4ede0 !important;
}
#koi-artist-page[data-media-profile="tom"] .instagram-intro .kicker,
#koi-artist-page[data-media-profile="kasy"] .instagram-intro .kicker{color:#f472b6 !important}
#koi-artist-page[data-media-profile="tom"] .instagram-intro p,
#koi-artist-page[data-media-profile="kasy"] .instagram-intro p{color:#a8a39a !important}

/* Tom desktop Hero: sharp living portrait melts into an ambient field from the same frame. */
#koi-artist-page[data-media-profile="tom"] .hero-portrait-ambient-still{display:none}
@media(min-width:800px){
  #koi-artist-page[data-media-profile="tom"] .hero-portrait-bg{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden;
    background:#050505;
  }
  #koi-artist-page[data-media-profile="tom"] .hero-portrait-ambient-still{
    position:absolute;
    z-index:0;
    inset:-7%;
    display:block;
    width:114%;
    height:114%;
    max-width:none;
    object-fit:cover;
    object-position:24% 42%;
    filter:blur(38px) saturate(.78) contrast(1.08) brightness(.34);
    transform:scale(1.1);
    opacity:.96;
    pointer-events:none;
  }
  #koi-artist-page[data-media-profile="tom"] .hero-portrait-bg:after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:
      radial-gradient(ellipse at 39% 48%,rgba(128,14,34,.22) 0%,rgba(82,8,22,.12) 34%,transparent 66%),
      linear-gradient(90deg,transparent 0%,rgba(5,5,5,.02) 39%,rgba(5,5,5,.26) 63%,rgba(5,5,5,.86) 82%,#050505 94%);
    pointer-events:none;
  }
  #koi-artist-page[data-media-profile="tom"] .hero-portrait-bg .hero-portrait-image,
  #koi-artist-page[data-media-profile="tom"] .hero-portrait-bg .hero-motion-bg{
    z-index:2;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 67%,rgba(0,0,0,.9) 76%,rgba(0,0,0,.38) 91%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 67%,rgba(0,0,0,.9) 76%,rgba(0,0,0,.38) 91%,transparent 100%);
  }
  #koi-artist-page[data-media-profile="tom"] .hero .hero-shade{
    z-index:-1;
    background:linear-gradient(90deg,rgba(5,5,5,0) 0%,rgba(5,5,5,.01) 36%,rgba(5,5,5,.1) 53%,rgba(5,5,5,.58) 71%,rgba(5,5,5,.94) 86%,#050505 96%) !important;
  }
}