/* MUSE V22 — refined signature detailing. Intentionally restrained. */
:root{--muse-ornament:color-mix(in srgb,var(--ink) 23%,transparent);--muse-glow:rgba(139,141,126,.11)}
body.dark{--muse-ornament:rgba(238,236,228,.25);--muse-glow:rgba(224,220,211,.055)}
/* The identity is a real background layer, not hidden behind the page's body background. */
body{isolation:isolate}
body::before,body::after{z-index:0!important;pointer-events:none!important}
body>main{position:relative;z-index:1}
body>header{z-index:50}
/* Hero: luminous details and a quieter, architectural composition. */
.hero{isolation:isolate;box-shadow:0 20px 70px rgba(27,29,27,.065),inset 0 1px rgba(255,255,255,.12);border:1px solid color-mix(in srgb,var(--line) 84%,transparent)}
body.dark .hero{box-shadow:0 22px 65px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)}
.hero:before{background:radial-gradient(ellipse at center,var(--muse-glow),transparent 67%);opacity:1}
.hero:after{content:'';position:absolute;left:auto;top:0;right:0;bottom:auto;width:65%;height:1px;transform:none;background:linear-gradient(90deg,transparent,var(--muse-ornament),transparent);opacity:.65;pointer-events:none}
.hero-copy:before{content:'';position:absolute;left:-20px;top:7px;width:1px;height:50px;background:linear-gradient(180deg,var(--muse-ornament),transparent);opacity:.85}
.hero-copy:after{content:'';position:absolute;left:-22px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--muse-ornament)}
.hero h1{font-weight:400;letter-spacing:-.038em;text-wrap:balance}
.hero-art{isolation:isolate}
.hero-art:before,.hero-art:after{border-color:color-mix(in srgb,var(--line) 54%,transparent);opacity:.8;transition:transform .7s ease,opacity .7s ease}
.hero:hover .hero-art:before{transform:rotate(-8deg)}
.hero:hover .hero-art:after{transform:rotate(8deg)}
.hero-logo-shell{box-shadow:0 16px 50px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.08);transition:transform .65s cubic-bezier(.2,.7,.25,1),box-shadow .65s}
.hero:hover .hero-logo-shell{transform:translateY(-4px);box-shadow:0 25px 60px rgba(0,0,0,.1)}
.art-caption{font-size:9px;letter-spacing:.22em;color:var(--muted);opacity:.67}
/* Editorial flourish: zero text, only a tiny geometric signature. */
.muse-ornament-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:19px 0 -3px;height:18px;pointer-events:none;opacity:.66}
.muse-ornament-divider span{display:block;width:clamp(32px,5vw,70px);height:1px;background:linear-gradient(90deg,transparent,var(--muse-ornament))}
.muse-ornament-divider span:last-child{transform:rotate(180deg)}
.muse-ornament-divider i{display:block;width:7px;height:7px;border:1px solid var(--muse-ornament);transform:rotate(45deg)}
/* Subsection numerals read like a fashion journal, not labels. */
.muse-section-kicker{display:flex;align-items:center;gap:8px;margin:0 0 9px;font:600 10px/1.2 'Manrope','DM Sans',sans-serif;letter-spacing:.22em;color:var(--muted)}
.muse-section-kicker span:first-child{font-variant-numeric:tabular-nums;color:var(--accent);opacity:.84}
.muse-section-kicker i{display:inline-block;width:24px;height:1px;background:var(--muse-ornament)}
.popular-shell{margin-top:24px}
.popular-head{align-items:end;gap:20px}
.popular-head h2{font-size:clamp(20px,2vw,26px);letter-spacing:-.02em}
.popular-head p{line-height:1.5}
.top-arrow{box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 4%,transparent);transition:transform .22s,border-color .22s}
.top-arrow:hover{transform:translateY(-2px)}
.popular-card{position:relative;isolation:isolate;border-color:color-mix(in srgb,var(--line) 75%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.025);transition:transform .3s cubic-bezier(.18,.7,.26,1),box-shadow .3s}
.popular-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.10)}
.popular-media:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.popular-body{border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.popular-empty{display:flex;align-items:center;justify-content:center;gap:24px;min-height:116px;padding:22px 32px;text-align:left;background:color-mix(in srgb,var(--surface) 86%,transparent)!important;border:1px solid var(--line)}
.popular-empty:before{content:none}
.muse-empty-motif{width:74px;height:74px;position:relative;display:grid;place-items:center;flex:0 0 74px}
.muse-empty-ring{position:absolute;inset:8px;border:1px solid var(--muse-ornament);border-radius:50%}
.muse-empty-ring:before,.muse-empty-ring:after{content:'';position:absolute;left:-4px;right:-4px;top:50%;height:1px;background:var(--muse-ornament);transform:rotate(-44deg);opacity:.55}
.muse-empty-ring:after{transform:rotate(44deg)}
.muse-empty-letter{position:relative;font:italic 35px/1 'Playfair Display',Georgia,serif;color:var(--muted);opacity:.58}
.muse-empty-copy{position:relative;max-width:500px;font-size:13px;line-height:1.75;letter-spacing:.01em;color:var(--muted)}
.search-shell{border-color:color-mix(in srgb,var(--line) 80%,transparent)}
.search-heading{align-items:end}
.search-heading h2{font-size:clamp(22px,2.6vw,27px)}
.search-heading span{letter-spacing:.05em}
.toolbar .btn{transition:transform .24s,border-color .24s,box-shadow .24s}
.toolbar .btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.07)}
.sectionhead{position:relative}
.sectionhead:after{content:'';height:1px;background:linear-gradient(90deg,var(--muse-ornament),transparent);position:absolute;left:0;right:0;bottom:-11px;opacity:.65}
.sectionhead h2{font-size:clamp(25px,3vw,32px);line-height:1.12;margin:0}
.profile{box-shadow:0 8px 25px rgba(0,0,0,.024);border-color:color-mix(in srgb,var(--line) 84%,transparent)}
.profile:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(0,0,0,.09)}
.footer{display:flex;align-items:center;gap:14px;padding:28px 0;font-size:11px;line-height:1.55;color:var(--muted)}
.muse-footer-sigil{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border:1px solid var(--muse-ornament);border-radius:50%;font:italic 20px/1 'Playfair Display',Georgia,serif;color:var(--ink);opacity:.7}
.muse-footer-bullet{margin:0 4px;color:var(--muse-ornament)}
/* Smooth yet discreet entrance on supported devices. Never hide primary content. */
@media (prefers-reduced-motion:no-preference){.muse-ornament-divider i{animation:museSparkleFloat 6s ease-in-out infinite}@keyframes museSparkleFloat{0%,100%{opacity:.55;transform:rotate(45deg) scale(1)}50%{opacity:1;transform:rotate(45deg) scale(1.22)}}}
@media(max-width:950px){.hero-copy:before,.hero-copy:after{display:none}.muse-ornament-divider{margin-top:14px}.popular-empty{min-height:106px}}
@media(max-width:650px){.hero{padding:30px 23px 27px}.hero h1{font-size:clamp(31px,9.4vw,43px)}.hero:after{width:78%}.muse-ornament-divider{gap:9px;margin:14px 0 -3px;height:16px}.muse-ornament-divider span{width:38px}.popular-shell{margin-top:17px}.popular-head{align-items:end}.muse-section-kicker{font-size:9px;gap:7px;margin-bottom:7px}.muse-section-kicker i{width:17px}.popular-head h2{font-size:21px}.popular-empty{gap:12px;padding:18px 16px;min-height:94px;border-radius:16px}.muse-empty-motif{width:52px;height:52px;flex-basis:52px}.muse-empty-ring{inset:5px}.muse-empty-letter{font-size:27px}.muse-empty-copy{font-size:12px;line-height:1.6}.sectionhead h2{font-size:26px}.footer{gap:10px;font-size:10px}.muse-footer-sigil{width:30px;height:30px;flex-basis:30px;font-size:16px}}