/* 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}}

/* Finished-work chapter: reserve mobile space for the whole tattoo. */
@media(max-width:799px) and (prefers-reduced-motion:no-preference){
 #koi-artist-page[data-media-profile="rafael"] #tm-working .tm-footage{height:calc(100svh - 340px);margin-top:76px;align-self:start}
 #koi-artist-page[data-media-profile="rafael"] #tm-working .tm-footage :is(img,canvas){object-fit:contain}
}
/* Approved sibling alignment, Rafael only. */
/* Tomer Maayan-structure adaptation. Scoped to this private route only. */
/* Match approved Maayan media footprint, retaining original Tomer footage. */
#koi-artist-page[data-media-profile="rafael"] .tm-media{left:4vw;top:0;width:52vw;height:100svh;max-height:none}
#koi-artist-page[data-media-profile="rafael"] .tm-footage{width:100%;height:100%;aspect-ratio:auto;max-width:none;mask-image:none;-webkit-mask-image:none}
#koi-artist-page[data-media-profile="rafael"] .tm-footage::after{background:linear-gradient(180deg,#05050508,#05050514 45%,#050505a6)}
#koi-artist-page[data-media-profile="rafael"] .tm-tool{width:min(52vw,85svh);max-height:85svh}
#koi-artist-page[data-media-profile="rafael"] .tm-head{display:none}
@media(max-width:799px){
 #koi-artist-page[data-media-profile="rafael"] .tm-media{left:0;top:0;width:100%;height:100svh}
 #koi-artist-page[data-media-profile="rafael"] .tm-footage img,#koi-artist-page[data-media-profile="rafael"] .tm-footage canvas{object-fit:cover}
 #koi-artist-page[data-media-profile="rafael"] .tm-tool{width:100vw;max-height:80svh}
}

/* KOI neutral typography: no gold/cream accents on this review. */
#koi-artist-page[data-media-profile="rafael"] :is(.hero-link,.hero-link span,.tm-note h2,.tm-next,.tm-static,.tm-static a,.work h2,.instagram-intro h3,.instagram-intro .kicker,.koi-ig-title) { color:#fff !important; }
#koi-artist-page[data-media-profile="rafael"] :is(.tm-note p,.tm-meta,.tm-meta span,.tm-step) { color:#ccc; }
#koi-artist-page[data-media-profile="rafael"] :is(.tm-head,.tm-head span) { color:#ccc !important; }
#koi-artist-page[data-media-profile="rafael"] :is(.tm-reduced,.tm-reduced figcaption,.tm-reduced span,.tm-reduced a) { color:#fff !important; }
#koi-artist-page[data-media-profile="rafael"] .tm-step[aria-current="step"] { color:#fff !important; }

#koi-artist-page[data-media-profile="rafael"] {
	--tm-panel-bg: rgba(5, 5, 5, .82);
	--tm-panel-line: rgba(238, 234, 226, .27);
	--tm-panel-text: #ffffff;
	--tm-panel-muted: #cccccc;
}


#koi-artist-page[data-media-profile="rafael"] .tm-copy {
	inset: 0;
	height: auto;
	width: auto;
	max-width: none;
	min-height: 0;
	pointer-events: none;
}

#koi-artist-page[data-media-profile="rafael"] .tm-note {
	inset: auto;
	width: min(82vw, 360px);
	min-height: 0;
	padding: 18px 17px 20px;
	border: 1px solid var(--tm-panel-line);
	background: var(--tm-panel-bg);
	backdrop-filter: blur(13px);
	-webkit-backdrop-filter: blur(13px);
	transform: translate3d(0, 26px, 0);
	transition: none;
}

#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(1),
#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(3) {
	right: 17px;
	bottom: 11svh;
}

#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(2) {
	left: 17px;
	top: 17svh;
}

#koi-artist-page[data-media-profile="rafael"] .tm-note h2 {
	color: var(--tm-panel-text);
	font-size: 31px;
	line-height: 1.03;
	letter-spacing: -.035em;
	font-weight: 400;
	margin: 0 0 10px;
}

#koi-artist-page[data-media-profile="rafael"] .tm-note p {
	color: var(--tm-panel-muted);
	font-size: 14px;
	line-height: 1.6;
	max-width: none;
}

#koi-artist-page[data-media-profile="rafael"] .tm-note[aria-hidden="false"] {
	transform: translate3d(0, 0, 0);
}

#koi-artist-page[data-media-profile="rafael"] .work {
	background: #15171a;
	color: #ffffff;
	padding: 96px 14px 80px;
}

#koi-artist-page[data-media-profile="rafael"] .work header .kicker,
#koi-artist-page[data-media-profile="rafael"] .work header > p:last-child {
	color: #aaaaaa;
}

#koi-artist-page[data-media-profile="rafael"] .work h2 {
	color: #ffffff;
}

#koi-artist-page[data-media-profile="rafael"] .work .tile,
#koi-artist-page[data-media-profile="rafael"] .work .tile-main,
#koi-artist-page[data-media-profile="rafael"] .work .tile-media {
	background: transparent;
	border-radius: 10px;
}

#koi-artist-page[data-media-profile="rafael"] .work .gallery-open {
	transition: transform .35s var(--ease), filter .35s ease;
}

#koi-artist-page[data-media-profile="rafael"] .work .gallery-open:hover {
	transform: translateY(-2px);
}

#koi-artist-page[data-media-profile="rafael"] .koi-live-instagram {
	max-width: 920px;
	margin: 58px auto 0;
	padding-top: 12px;
	background: linear-gradient(180deg, #15171a 0%, #1a1c20 60%, #15171a 100%);
	color: #ffffff;
}

#koi-artist-page[data-media-profile="rafael"] .instagram-intro {
	text-align: center;
	max-width: 660px;
	margin: 0 auto 26px;
	padding: 18px 12px 0;
}

#koi-artist-page[data-media-profile="rafael"] .instagram-intro .kicker {
	margin: 0 0 9px;
	color: #ffffff;
	text-align: center;
}

#koi-artist-page[data-media-profile="rafael"] .instagram-intro h3 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(32px, 7vw, 48px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.045em;
	text-wrap: balance;
}

#koi-artist-page[data-media-profile="rafael"] .instagram-intro > p:last-child {
	max-width: 520px;
	margin: 12px auto 0;
	color: #aaaaaa;
	font-size: 14px;
	line-height: 1.55;
	text-wrap: pretty;
}

#koi-artist-page[data-media-profile="rafael"] .koi-ig-block {
	margin: 0;
}

#koi-artist-page[data-media-profile="rafael"] .koi-ig-header {
	display: none;
}

#koi-artist-page[data-media-profile="rafael"] .koi-ig-gallery {
	background: transparent;
	border: 0;
	border-radius: 10px;
	gap: 7px;
	padding: 7px;
}

#koi-artist-page[data-media-profile="rafael"] .koi-ig-item {
	background: #0d0e10;
	border-color: rgba(238, 234, 226, .10);
	border-radius: 10px;
}

#koi-artist-page[data-media-profile="rafael"] .koi-ig-lightbox-trigger {
	background: #0d0e10;
}

#koi-artist-page[data-media-profile="rafael"] .tomer-plugin-snapshot-note {
	display: block;
	direction: ltr;
	margin: 0 auto 12px;
	color: #8d877f;
	font: 500 10px/1.4 Manrope, Arial, sans-serif;
	letter-spacing: .13em;
	text-align: center;
}

@media (min-width: 800px) {
	#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(1),
	#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(3) {
		right: 8vw;
	}

	#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(2) {
		left: 8vw;
	}
}

@media (max-width: 799px) {
	#koi-artist-page[data-media-profile="rafael"] .tm-note {
		width: min(82vw, 360px);
		padding: 18px 17px 20px;
	}

	#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(1),
	#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(3) {
		right: 17px;
		left: auto;
		bottom: 11svh;
	}

	#koi-artist-page[data-media-profile="rafael"] .tm-note:nth-child(2) {
		left: 17px;
		top: 17svh;
		bottom: auto;
	}

	#koi-artist-page[data-media-profile="rafael"] .tm-note h2 {
		font-size: 31px;
		line-height: 1.03;
		margin-bottom: 10px;
	}

	#koi-artist-page[data-media-profile="rafael"] .tm-note p {
		font-size: 14px;
		line-height: 1.6;
	}

	#koi-artist-page[data-media-profile="rafael"] .koi-live-instagram {
		margin-top: 42px;
	}
}

@media (prefers-reduced-motion: reduce) {
	#koi-artist-page[data-media-profile="rafael"] .tm-note {
		transform: none;
	}
}

/* Exclusive portrait-to-machine handoff, including initial load. */
@media(prefers-reduced-motion:no-preference){
#koi-artist-page[data-media-profile="rafael"]:not(.yp-machine-ready) #machine-story{visibility:hidden;pointer-events:none}
}