.directory-page .directory-art-cover{position:relative;isolation:isolate;background:var(--niche-surface,#faf6e8)}
.directory-page .directory-art-cover .directory-intro{position:relative;z-index:1}
.directory-page .directory-art-cover .directory-lead{max-width:650px}
.directory-page .directory-context-art{position:absolute;inset:0 0 auto auto;width:80%;height:340px;pointer-events:none;overflow:hidden;z-index:0;opacity:.85;mask-image:linear-gradient(to right,transparent 0%,#000 50%),linear-gradient(to bottom,#000 50%,transparent 100%);mask-composite:intersect}
.directory-context-art img{width:100%;height:100%;object-fit:cover;object-position:right center}
.directory-page .directory-context-art .theme-art{position:absolute;width:430px;height:430px;right:0;top:-60px;opacity:.75;z-index:0;transform:rotate(-12deg)}
.directory-context-art .art-plate{fill:#eadfb4;fill-opacity:.8;stroke:#8f8958;stroke-width:2}.directory-context-art .art-rim{stroke:#a2905c;stroke-width:2}.directory-context-art .art-food{fill:#dfb76b;stroke:#806b3c;stroke-width:2}.directory-context-art .art-detail{stroke:#6d7140;stroke-width:4}.directory-context-art .art-topping{fill:#984b37}.directory-context-art .art-rice{fill:#fff8de;stroke:#9c9977}.directory-context-art .art-stick{stroke:#6c4d32;stroke-width:5}.directory-context-art .art-orbit{stroke:#acac7c}
.directory-page .directory-art-cover .directory-search{background:#fffffff7;box-shadow:0 8px 25px #283d2412}
@media(min-width:901px){.directory-art-cover .directory-desktop-heading{max-width:75%}}
@media(max-width:900px){.directory-page .directory-context-art{width:100%;height:290px;opacity:.45}.directory-page .directory-context-art .theme-art{width:340px;height:340px}}
@media(max-width:650px){.directory-page .directory-context-art{height:230px;opacity:.3;mask-image:linear-gradient(to right,transparent,#000),linear-gradient(to bottom,#000 30%,transparent);mask-composite:intersect}.directory-context-art img{object-fit:cover}.directory-page .directory-art-cover .directory-lead{max-width:100%}}

/* The copy always sits on an opaque light surface, independent of image brightness. */
.directory-page .directory-art-cover .directory-intro-copy{position:relative;isolation:isolate;width:720px;max-width:100%;color:#203e35}
.directory-page .directory-art-cover .directory-intro-copy .directory-desktop-heading{max-width:100%}
.directory-page .directory-art-cover .directory-intro-copy .directory-lead{color:#425447}
/* One continuous horizontal wash for the whole hero avoids a seam above the form. */
.directory-page .directory-art-cover .directory-copy-surface{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,var(--niche-surface,#faf6e8) 0,var(--niche-surface,#faf6e8) calc(max(32px,(100% - 1200px)/2) + 720px),transparent calc(max(32px,(100% - 1200px)/2) + 860px))}
.directory-page .directory-art-cover .directory-intro{z-index:2}