/* 1.6.17-draft home-only subset of satsuma-color.css (generated; inner pages keep the full file) */
:root{--ys-cream: #FAF7F0;
	--ys-ivory: #FFFDF8;
	--ys-gold: #C5A059;
	--ys-gold-bright: #D4AF37;
	--ys-gold-ink: #7a5c22;   
	--ys-lapis: #1F4E8C;      
	--ys-lapis-tint: #E7EEF8;
	--ys-cinnabar: #A8322D;   
	--ys-cinnabar-tint: #F8E6E1;
	--ys-celadon: #2F6B5A;    
	--ys-celadon-tint: #E3F0EA;
	--ys-wisteria: #4A2E4B;
	--ys-wisteria-tint: #EFE6F1;
	--ys-ink: #2a2522;
	--ys-muted: #5f574f;
	--ys-enamel: linear-gradient(90deg, #1F4E8C 0%, #2F6B5A 22%, #D4AF37 45%, #A8322D 70%, #6B4A8E 100%);}
.yl-tone--lapis{--tone: var(--ys-lapis); --tone-tint: var(--ys-lapis-tint);}
.yl-tone--cinnabar{--tone: var(--ys-cinnabar); --tone-tint: var(--ys-cinnabar-tint);}
.yl-tone--celadon{--tone: var(--ys-celadon); --tone-tint: var(--ys-celadon-tint);}
.yl-tone--gold{--tone: var(--ys-gold-ink); --tone-tint: #F6EDD6;}
.yl-tone--wisteria{--tone: var(--ys-wisteria); --tone-tint: var(--ys-wisteria-tint);}
.yabu-landing .yl-rule{background: var(--ys-enamel) !important; height: 3px !important; width: 7rem !important; border-radius: 3px;}
.yabu-landing .yl-hero__rule{background: var(--ys-enamel) !important; height: 2px;}
.yabu-landing .yl-hero{background:
	radial-gradient(ellipse at 12% 18%, rgba(31, 78, 140, 0.10), transparent 45%),
	radial-gradient(ellipse at 88% 22%, rgba(168, 50, 45, 0.09), transparent 45%),
	radial-gradient(ellipse at 20% 92%, rgba(47, 107, 90, 0.10), transparent 45%),
	radial-gradient(ellipse at 85% 90%, rgba(107, 74, 142, 0.10), transparent 45%),
	var(--ys-cream);}
.yabu-landing .yl-eyebrow{color: var(--ys-cinnabar);}
.yabu-landing .yl-eyebrow--gold{color: var(--ys-gold-ink);}
.yabu-landing .yl-title-ja{color: var(--ys-lapis);}
.yabu-landing .yl-studio{background: linear-gradient(180deg, var(--ys-cream) 0%, #EEF5F0 100%);}
.yabu-landing .yl-quote{border-left-color: var(--ys-cinnabar) !important;}
.yl-masterpieces{padding: clamp(4.5rem, 9vw, 8rem) 0; background:
	linear-gradient(180deg, #EEF5F0 0%, #F7F1E4 30%, #F3ECF5 100%); position: relative;}
.yl-masterpieces::before{content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--ys-enamel);}
.yl-masterpieces__lede{text-align: center; max-width: 44rem; margin: -1.5rem auto 2.6rem !important; color: var(--ys-muted);}
.yl-mosaic{list-style: none; margin: 0; padding: 0; columns: 4 240px; column-gap: 1.25rem;}
.yl-mosaic__item{break-inside: avoid; margin: 0 0 1.25rem;}
.yabu-landing .yl-mosaic__link{display: block; text-decoration: none; color: var(--ys-ink); background: var(--ys-ivory); border: 1px solid rgba(197, 160, 89, 0.55); box-shadow: 0 18px 34px -28px rgba(42, 37, 34, 0.55); transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s; position: relative; overflow: hidden;}
.yl-mosaic__link::after{content: ""; position: absolute; inset: 7px; border: 1px solid var(--ys-gold-bright); opacity: 0; transition: opacity .5s; pointer-events: none;}
.yl-mosaic__mat{display: block; padding: 0.9rem; background: radial-gradient(ellipse at 50% 35%, #fff, var(--tone-tint) 78%); border-bottom: 3px solid var(--tone);}
.yl-mosaic__mat img{display: block; width: 100%; height: auto; mix-blend-mode: multiply; transition: transform .8s cubic-bezier(.2,.7,.2,1);}
.yl-mosaic__cap{display: flex; flex-direction: column; gap: .15rem; padding: .85rem 1rem 1rem;}
.yl-mosaic__tag{font-family: "Cormorant Garamond", Garamond, serif; font-variant-caps: all-small-caps; letter-spacing: .2em; font-weight: 700; font-size: .95rem; color: var(--tone);}
.yl-mosaic__title{font-family: "Cormorant Garamond", Garamond, serif; font-size: 1.2rem; line-height: 1.2; color: #121212;}
.yl-mosaic__venue{font-size: .88rem; color: var(--ys-muted); line-height: 1.35;}
.yl-mosaic__credit{font-size: .74rem; color: var(--ys-muted); letter-spacing: .02em;}
.yl-mosaic__link:hover, .yl-mosaic__link:focus-visible{transform: translateY(-6px); box-shadow: 0 30px 50px -28px rgba(42, 37, 34, 0.55), 0 0 0 1px var(--ys-gold-bright), 0 0 36px -6px rgba(212, 175, 55, .55);}
.yl-mosaic__link:hover::after, .yl-mosaic__link:focus-visible::after{opacity: 1;}
.yl-mosaic__link:hover img{transform: scale(1.04);}
.yabu-landing .yl-stats{background: linear-gradient(90deg, var(--ys-lapis-tint), #F6EDD6 35%, var(--ys-cinnabar-tint) 65%, var(--ys-celadon-tint));}
.yabu-landing .yl-stat:nth-child(1) .yl-stat__num{color: var(--ys-lapis);}
.yabu-landing .yl-stat:nth-child(2) .yl-stat__num{color: var(--ys-cinnabar);}
.yabu-landing .yl-stat:nth-child(3) .yl-stat__num{color: var(--ys-celadon);}
.yabu-landing .yl-stat:nth-child(4) .yl-stat__num{color: var(--ys-wisteria);}
.yabu-landing .yl-timeline{background: linear-gradient(180deg, #FFFDF8, #F7F0E3);}
.yabu-landing .yl-tl__item .yl-tl__year{color: var(--tone, var(--ys-gold-ink));}
.yabu-landing .yl-tl__item .yl-tl__node::after{background: var(--tone-tint, #fff); border-color: var(--tone, var(--ys-gold)); width: 14px; height: 14px; top: 0;}
.yabu-landing .yl-tl__item:hover .yl-tl__node::after{background: var(--tone); box-shadow: 0 0 0 6px var(--tone-tint);}
.yabu-landing .yl-tl__node::before{background: var(--ys-enamel); opacity: .55; height: 2px;}
.yabu-landing .yl-cards{background: linear-gradient(180deg, #F3ECF5 0%, var(--ys-cream) 40%);}
.yl-card--biography{--tone: var(--ys-cinnabar); --tone-tint: var(--ys-cinnabar-tint);}
.yl-card--history{--tone: var(--ys-gold-ink); --tone-tint: #F6EDD6;}
.yl-card--catalogue{--tone: var(--ys-lapis); --tone-tint: var(--ys-lapis-tint);}
.yl-card--marks{--tone: var(--ys-cinnabar); --tone-tint: var(--ys-cinnabar-tint);}
.yl-card--museums{--tone: var(--ys-celadon); --tone-tint: var(--ys-celadon-tint);}
.yl-card--auctions{--tone: var(--ys-gold-ink); --tone-tint: #F6EDD6;}
.yl-card--bibliography{--tone: var(--ys-wisteria); --tone-tint: var(--ys-wisteria-tint);}
.yl-card--family{--tone: var(--ys-celadon); --tone-tint: var(--ys-celadon-tint);}
.yl-card--library{--tone: var(--ys-lapis); --tone-tint: var(--ys-lapis-tint);}
.yl-card--shop{--tone: var(--ys-wisteria); --tone-tint: var(--ys-wisteria-tint);}
.yabu-landing .yl-card__link{border-top: 4px solid var(--tone, var(--ys-gold)) !important;}
.yabu-landing .yl-card__media{background: radial-gradient(ellipse at 50% 40%, #fff, var(--tone-tint, #efe6d4));}
.yabu-landing .yl-card__ja{color: var(--tone, var(--ys-gold-ink));}
.yabu-landing .yl-card__more{color: var(--tone, var(--ys-wisteria));}
.yabu-landing .yl-records{background: linear-gradient(180deg, var(--ys-lapis-tint), #F8F4EA 60%);}
.yabu-landing .yl-record__amount{color: var(--ys-cinnabar);}
.yabu-landing .yl-museums{background: linear-gradient(180deg, var(--ys-cream), var(--ys-celadon-tint));}
.yabu-landing .yl-museums__count{color: var(--ys-celadon);}
.yabu-landing .yl-cta{background: radial-gradient(ellipse at 20% 0%, rgba(212,175,55,.25), transparent 50%), linear-gradient(135deg, #4A2E4B 0%, #3d3a78 55%, #1F4E8C 100%);}
@media (max-width: 760px) {.yl-mosaic{columns: 2 150px; column-gap: .8rem;}.yl-mosaic__item{margin-bottom: .8rem;}.yl-mosaic__cap{padding: .6rem .7rem .75rem;}.yl-mosaic__title{font-size: 1.02rem;}.yl-mosaic__credit{display: none;}}
@media (prefers-reduced-motion: reduce) {.yl-mosaic__link, .yl-mosaic__mat img{transition: none;}.yl-mosaic__link:hover{transform: none;}}
.yabu-archive h1{color: #121212;}
.yabu-archive .entry-content h2{color: var(--ys-lapis);}
.yabu-archive .entry-content h2::after{content: ""; display: block; width: 3.2rem; height: 2px; margin-top: .45rem; background: linear-gradient(90deg, var(--ys-cinnabar), var(--ys-gold-bright));}
.yabu-chip[aria-pressed="true"]{background: var(--ys-lapis) !important; border-color: var(--ys-lapis) !important; color: #fff !important;}
.yabu-chip:hover{border-color: var(--ys-cinnabar) !important; color: var(--ys-cinnabar);}
.yabu-chip[aria-pressed="true"]:hover{color: #fff;}
