/* Settle skin for emotion pages. Re-skins original content classes; content untouched. */
:root{--bg:#0a0a0d;--surf:#101015;--ink:#e9e5dc;--soft:#8f8b82;--faint:#5f5c55;
  /* --accent is defined per-emotion by the page's own inline <style>; do not set a default here or it overrides them */
  --accentlite:color-mix(in srgb,var(--accent,#947314) 72%,#fff);
  --accent-deep:color-mix(in srgb,var(--accent,#947314) 72%,#000);
  --line:rgba(255,255,255,.08);
  --serif:"Newsreader",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;
  /* aliases for inline styles that referenced the old stylesheet */
  --ink-muted:#a39a88;--muted:#8f8b82;--bg-card:var(--surf);--bg-card-soft:rgba(255,255,255,.04);--rule:var(--line);--rule-soft:rgba(255,255,255,.06)}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
article{position:relative;z-index:1;overflow:clip}

/* hide original chrome we replace or dropped */
.ei-hero-field,.signature-dot,.presence,.p-circle,.p-label,.p-line,.eisecnav{display:none!important}

/* ---- HERO (rebuilt in DOM as .face-hero) ---- */
.face-hero{position:relative;width:100%;max-width:1180px;margin:0 auto;background:var(--bg);aspect-ratio:16/9;height:auto;min-height:0;overflow:hidden;z-index:1}
.face-hero .face-photo{position:absolute;inset:0;margin:0}
.face-hero .face-photo img,.face-hero>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 40%;border-radius:0!important;box-shadow:none!important;margin:0!important;display:block;filter:saturate(.92) contrast(1.02)}
.face-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,13,.55) 0%,transparent 22%,transparent 48%,rgba(10,10,13,.75) 82%,var(--bg) 100%)}
.face-glow{display:none}
.hero-copy{position:absolute;left:0;right:0;bottom:2.5vh;z-index:3;max-width:760px;margin:0 auto;padding:0 26px}
h1.title{font-family:var(--serif);font-weight:500;font-size:clamp(40px,11vw,108px);line-height:1.06;margin:0;padding-bottom:.10em;letter-spacing:-.015em;white-space:nowrap;background:linear-gradient(180deg,#fff,var(--accent) 56%,var(--accent-deep));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 26px rgba(0,0,0,.55))}
.lede{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.4vw,26px);color:#ece6d8;margin:14px 0 0;max-width:32ch}
.lede-out{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.4vw,26px);line-height:1.4;color:#d7d1c4;max-width:760px;margin:3vh auto 0;padding:0 26px}
.facecap{position:absolute;right:18px;bottom:14px;z-index:3;font-size:10px;letter-spacing:.06em;color:rgba(236,231,221,.6);font-style:italic;font-family:var(--serif)}
.face-hero .breadcrumb{position:absolute!important;top:18px;left:26px;z-index:4;margin:0!important;display:flex;align-items:center;gap:9px;font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.04em;color:#e6ddcd!important;flex-wrap:wrap;text-align:left!important}
.face-hero .breadcrumb a{color:#cfc8ba!important;opacity:.9}
.face-hero .breadcrumb a:hover{opacity:1}
.face-hero .breadcrumb span[aria-current]{color:var(--accentlite)!important;font-weight:600!important}
.face-hero .ei-fav{position:absolute;top:14px;right:22px;z-index:4;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);border:1px solid var(--line);border-radius:24px;padding:9px 16px;cursor:pointer;background:rgba(0,0,0,.28);backdrop-filter:blur(6px);margin:0}
.face-hero .ei-fav:hover{color:var(--ink);border-color:rgba(255,255,255,.2)}
.face-hero .ei-fav.on{color:var(--accentlite);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.face-hero .ei-fav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.face-hero .ei-fav.on svg{fill:var(--accent);stroke:var(--accent)}

/* ---- content rhythm: original blocks centred ---- */
.lead-answer,.wisdom,.opening-quote,.section-label,.prose-block,.body-map-block,.art-ref,.patterns,.confused-list,.practices,.duration-wrap,.callout,.faq,.sources,.related-grid,.cross-link,.space-link,.related-explore{max-width:680px;margin-left:auto;margin-right:auto;padding-left:26px;padding-right:26px}
.section-label{margin-top:7.5vh;margin-bottom:26px;position:relative;font-size:11px;letter-spacing:.26em;text-transform:uppercase;width:fit-content;padding-bottom:10px;background:linear-gradient(90deg,var(--accentlite),#9a8f72);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-label::after{content:"";position:absolute;left:26px;bottom:0;height:1px;width:0;background:var(--accent);transition:width 1.1s ease .3s}
.section-label.in::after{width:36px}

.lead-answer{font-family:var(--serif);font-size:clamp(20px,2.5vw,24px);line-height:1.62;color:#e3ddcf;margin-top:6vh}
.prose-block{color:#cfc9bc}
.prose-block p{font-size:16.5px;line-height:1.78;color:#cfc9bc;margin:0 0 16px}
.prose-block p:last-child{margin-bottom:0}

/* wisdom essay as a quiet card */
.wisdom{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:26px;margin-top:5vh}
.wisdom h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,3.2vw,32px);line-height:1.14;margin:0 0 14px;color:#f3eee2}
.wisdom p{font-size:16px;line-height:1.74;color:#bdb6a8;margin:0 0 14px}
.wisdom p:last-child{margin-bottom:0}

/* opening quote + callout */
.opening-quote,.callout{font-family:var(--serif);font-style:italic;font-size:clamp(23px,3.2vw,32px);line-height:1.34;color:#f1ece0;text-align:center;padding-top:6vh;padding-bottom:6vh;border:0}
.opening-quote cite,.callout cite,.opening-quote .q-attr,.callout .q-attr{display:block;font-style:normal;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--soft);margin-top:22px}

/* card list system: patterns / confused / practices */
.patterns,.confused-list,.practices{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:8px 26px}
.patterns .row,.confused-list .row,.practices .practice{padding:18px 0;border-top:1px solid var(--line)}
.patterns .row:first-child,.confused-list .row:first-child,.practices .practice:first-child{border-top:0}
.patterns .title,.confused-list .surface,.practices h4{font-family:var(--serif);font-weight:600;font-size:21px;margin:0 0 7px;color:#f1ece1}
.patterns .body,.confused-list .actual,.practices p{margin:0;font-family:var(--serif);font-size:16px;color:#a39a88;line-height:1.72}

/* body map */
.body-map-block{background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--accent) 7%,transparent) 0%,transparent 55%),var(--surf);border:1px solid var(--line);border-radius:14px;padding:32px;display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:center;margin-top:4px}
.body-map-block svg{display:block;margin:0 auto;transition:filter .5s ease;max-width:200px;height:auto}
.body-map-block:hover svg{filter:brightness(1.16) saturate(1.05)}
.body-map-list{font-family:var(--sans)}
.body-map-list .row{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;transition:background .2s ease,box-shadow .2s ease}
.body-map-list .row:last-child{border-bottom:none}
.body-map-list .row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 2px 0 0 var(--accent)}
.body-map-list .row:hover .region{color:var(--accentlite)}
.body-map-list .region{color:var(--ink);font-weight:500}
.body-map-list .desc{color:var(--soft);font-size:12px;margin-top:3px}
.body-map-list .intensity{font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;border-radius:12px;flex-shrink:0;margin-left:12px;align-self:flex-start}
.int-strong{background:var(--accent);color:#0a0a12}
.int-moderate{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accentlite)}
.int-quiet{background:rgba(255,255,255,.06);color:var(--soft)}
.int-withdrawn{background:rgba(150,160,190,.14);color:#a7adbd}

/* duration */
.duration-wrap{margin-top:2vh}
.duration-wrap svg{max-width:100%}

/* art */
.art-ref{text-align:center;margin-top:2vh}
.art-ref .label{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#9a8f72;margin-bottom:16px}
.art-ref .art-image-link,.art-ref .art-placeholder{display:flex;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#19160f,#0e0c0a);align-items:center;justify-content:center}.art-ref .art-placeholder{aspect-ratio:16/10}.art-ref .art-image-link{display:block;height:auto}.art-ref .art-image-link img{width:100%;height:auto;object-fit:contain;display:block}
.art-ref .art-image{width:100%;height:auto;object-fit:contain}
.art-ref .art-placeholder{color:var(--faint);font-style:italic;font-family:var(--serif)}
.art-ref .painting{font-family:var(--serif);font-style:italic;font-size:15px;color:#cfc9bc;margin-top:14px}
.art-ref .credit,.art-ref .credit-link{font-size:12px;color:var(--soft);margin-top:6px}
.art-ref .credit-link a,.art-ref .credit a{color:var(--soft);border-bottom:1px solid var(--line)}

/* faq */
.faq details{border-top:1px solid var(--line);padding:15px 0}
.faq details:first-of-type{border-top:0}
.faq summary{font-family:var(--serif);font-size:18px;cursor:pointer;list-style:none;transition:color .3s ease;color:#ece7da}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";color:var(--accentlite);margin-right:11px}
.faq details[open] summary::before{content:"\2013"}
.faq summary:hover{color:var(--accentlite)}
.faq p,.faq .qa{margin:11px 0 0;font-size:15px;line-height:1.7;color:#bdb6a8}

/* sources */
.sources{font-size:13px;color:var(--soft);line-height:1.8}
.sources ol{margin:0;padding-left:18px}
.sources li{margin:0 0 8px}
.sources a{color:var(--soft);border-bottom:1px solid var(--line);word-break:break-word}

/* nearby */
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}
.related-card{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:15px 16px;position:relative;overflow:hidden;transition:.2s}
.related-card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-3px)}
.related-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--card-color,var(--accent));opacity:.85}
.related-card .name{font-family:var(--serif);font-size:19px;color:#e6e0d2;display:block}
.related-card .relation{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-top:4px;display:block}

/* cross links */
.cross-link,.related-explore{margin-top:3vh;font-size:13px;color:var(--soft)}
.cross-link p{margin:0 0 8px}
.cross-link a,.space-link a,.related-explore a{color:var(--soft)!important;border-bottom:1px solid transparent;padding-bottom:2px}
.cross-link a:hover,.space-link a:hover,.related-explore a:hover{color:var(--ink)!important;border-color:var(--accent)}
.space-link{margin-top:1.5vh}

/* reveal motion (class added by settle.js) */
.reveal{opacity:0;transform:translateY(16px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.patterns.reveal .row,.confused-list.reveal .row,.practices.reveal .practice{opacity:0;transform:translateY(14px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.patterns.in .row,.confused-list.in .row,.practices.in .practice{opacity:1;transform:none}

/* cursor colour glow (anima) */
.anima-heart{position:fixed;left:0;top:0;z-index:0;pointer-events:none;transform:translate(calc(var(--ax,50vw) - 240px),calc(var(--ay,42vh) - 240px));transition:transform .2s cubic-bezier(.16,1,.3,1)}
.anima-heart i{display:block;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--anima-hue,#947314) 18%,transparent),transparent 60%);mix-blend-mode:screen;opacity:0;transition:opacity .9s ease;animation:anima-beat 4.2s ease-in-out infinite}
body.anima-on .anima-heart i{opacity:.85}
@keyframes anima-beat{0%{transform:scale(.94)}8%{transform:scale(1.05)}16%{transform:scale(.98)}24%{transform:scale(1.03)}34%{transform:scale(.95)}60%{transform:scale(.94)}100%{transform:scale(.94)}}

/* share bar + footer */
.sharebar{display:flex;justify-content:center;padding:6vh 26px 0}
.sharebar .share{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);border:1px solid var(--line);border-radius:24px;padding:11px 20px;cursor:pointer;background:none;font-family:var(--sans);transition:.2s}
.sharebar .share:hover{color:var(--ink);border-color:rgba(255,255,255,.2)}
.sharebar .share svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.ei-foot{padding:9vh 26px 13vh;text-align:center;color:var(--faint);font-size:12px;line-height:1.7;max-width:680px;margin:0 auto}

/* explore links: inline margin:..0..0 in source pulls box left; keep them in the centred column */
.space-link,.cross-link,.related-explore{margin-left:auto!important;margin-right:auto!important}

/* shared search overlay (styling lived in the old stylesheet we drop; restore so it stays hidden until opened) */
.search-overlay{position:fixed;inset:0;background:rgba(10,10,18,.85);display:none;align-items:flex-start;justify-content:center;z-index:100;padding:80px 16px 16px;backdrop-filter:blur(8px)}
.search-overlay.open{display:flex}
.search-box{background:var(--surf);border:1px solid var(--rule-soft);border-radius:10px;width:100%;max-width:600px;overflow:hidden}
.search-box input{width:100%;padding:20px 24px;border:none;font-family:var(--serif);font-size:22px;outline:none;background:transparent;color:var(--ink);border-bottom:1px solid var(--line)}
.search-box input::placeholder{color:var(--muted)}
.search-results{max-height:480px;overflow-y:auto}
.search-result{display:block;padding:14px 24px;border-bottom:1px solid var(--line);color:var(--ink)}
.search-result:hover{background:var(--bg-card-soft)}
.search-result .name{font-family:var(--serif);font-size:19px;font-weight:500;display:block;margin-bottom:2px}
.search-result .meta{font-family:var(--sans);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.search-result .def{font-size:13px;color:var(--ink-muted);margin-top:4px;font-style:italic}

@media (max-width:680px){
  .body-map-block{grid-template-columns:1fr}
  .face-hero{aspect-ratio:4/5;max-width:none;height:auto;min-height:0}
  .face-hero .face-photo img,.face-hero>img{object-position:50% 46%}
  .face-hero .breadcrumb{max-width:calc(100% - 96px);font-size:10.5px!important;top:14px;left:18px}
  .face-hero .ei-fav{top:12px;right:14px;padding:7px 12px}
  .lede{max-width:90%}
}