/* life reboot — shared brand layer (tokens, page fade, components) */
:root{
  --black:#050403;--black-2:#0d0a08;
  --copper:#b87333;--copper-light:#e0a96d;--copper-deep:#7a4a1e;--copper-dim:#9a6b3f;--copper-hi:#f2c894;
  --core-1:#1a1310;--core-2:#0b0806;
  --copper-text:#d4a26e;     /* post passage text — light copper, brighter than copper-dim */
  /* section glows — gentle tints, copper strokes stay copper */
  --glow-copper-1:rgba(184,115,51,.35);--glow-copper-2:rgba(184,115,51,.15);--glow-copper-p1:rgba(224,169,109,.5);--glow-copper-p2:rgba(184,115,51,.22);
  --glow-blue-1:rgba(96,150,255,.30);--glow-blue-2:rgba(96,150,255,.13);--glow-blue-p1:rgba(140,180,255,.42);--glow-blue-p2:rgba(96,150,255,.18);
  --glow-green-1:rgba(96,210,150,.28);--glow-green-2:rgba(96,210,150,.12);--glow-green-p1:rgba(140,230,180,.40);--glow-green-p2:rgba(96,210,150,.17);
  --glow-red-1:rgba(255,110,110,.28);--glow-red-2:rgba(255,110,110,.12);--glow-red-p1:rgba(255,150,150,.40);--glow-red-p2:rgba(255,110,110,.17);
  --glow-yellow-1:rgba(240,200,90,.30);--glow-yellow-2:rgba(240,200,90,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
html{min-height:100%}
body{
  min-height:100vh;
  background:radial-gradient(ellipse 90% 70% at 50% 42%, var(--black-2) 0%, var(--black) 70%);
  background-attachment:fixed;
  color:var(--copper-light);
  font-family:'Jost',system-ui,-apple-system,sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;
}

/* ---- page fade: 3s in on open, 1s out on navigation (lr.js adds .lr-leaving) ---- */
body{opacity:0;animation:lr-pagein 3s ease forwards}
body.lr-leaving{animation:lr-pageout 1s ease forwards}
@keyframes lr-pagein{from{opacity:0}to{opacity:1}}
@keyframes lr-pageout{from{opacity:1}to{opacity:0}}

/* ---- logos ---- */
.lr-logo-link{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform .5s ease;animation:lr-breathe 5.5s ease-in-out infinite;
  --g1:var(--glow-copper-1);--g2:var(--glow-copper-2);--p1:var(--glow-copper-p1);--p2:var(--glow-copper-p2)}
.lr-logo-link:hover{transform:scale(1.04)}
.lr-logo-link:focus-visible{outline:1px solid var(--copper-dim);outline-offset:12px;border-radius:50%}
.lr-logo-link[data-glow="blue"]{--g1:var(--glow-blue-1);--g2:var(--glow-blue-2);--p1:var(--glow-blue-p1);--p2:var(--glow-blue-p2)}
.lr-logo-link[data-glow="green"]{--g1:var(--glow-green-1);--g2:var(--glow-green-2);--p1:var(--glow-green-p1);--p2:var(--glow-green-p2)}
.lr-logo-link[data-glow="red"]{--g1:var(--glow-red-1);--g2:var(--glow-red-2);--p1:var(--glow-red-p1);--p2:var(--glow-red-p2)}
.lr-logo-link svg{display:block;height:auto;margin:0 auto}
@keyframes lr-breathe{
  0%,100%{filter:drop-shadow(0 0 26px var(--g1)) drop-shadow(0 0 70px var(--g2))}
  50%{filter:drop-shadow(0 0 34px var(--p1)) drop-shadow(0 0 90px var(--p2))}
}

/* ---- type ---- */
.lr-wordmark{font-family:'Jost',sans-serif;font-weight:200;text-transform:lowercase;letter-spacing:.5em;text-indent:.5em;
  background:linear-gradient(100deg,var(--copper-deep) 0%,var(--copper-light) 38%,var(--copper-hi) 50%,var(--copper-light) 62%,var(--copper-deep) 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:lr-sheen 9s ease-in-out infinite}
@keyframes lr-sheen{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.lr-label{font-family:'Jost',sans-serif;font-weight:300;text-transform:lowercase;letter-spacing:.3em;color:var(--copper-dim)}
.lr-editorial{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:.06em;line-height:1.6;color:var(--copper-dim)}
.lr-date{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(1.35rem,3vw,1.7rem);letter-spacing:.12em;color:var(--copper)}
.lr-rule{width:min(220px,50%);height:1px;margin:28px auto 24px;background:linear-gradient(90deg,transparent,var(--copper-dim),transparent);opacity:.55}
.lr-back{display:inline-block;font-family:'Jost',sans-serif;font-weight:300;font-size:.72rem;letter-spacing:.34em;text-transform:lowercase;
  text-decoration:none;color:var(--copper-dim);transition:color .3s ease}
.lr-back:hover{color:var(--copper-light)}

/* ---- layout ---- */
.lr-stage{text-align:center;padding:56px 24px 72px;max-width:920px;margin:0 auto}
.lr-home{display:block;margin:0 auto}

/* ---- section tiles (start page) ---- */
.lr-tiles{display:flex;justify-content:center;align-items:flex-start;gap:clamp(28px,6vw,72px);flex-wrap:wrap;margin-top:44px}
.lr-tile{display:flex;flex-direction:column;align-items:center;text-decoration:none;width:clamp(150px,26vw,200px)}
.lr-tile svg{width:clamp(110px,18vw,150px)}
.lr-tile .lr-label{margin-top:22px;font-size:.78rem;letter-spacing:.22em;line-height:1.7;color:var(--copper-text);transition:color .4s ease;white-space:nowrap}
.lr-tile:hover .lr-label{color:var(--copper-light)}

/* ---- search box (yellow glow) ---- */
.lr-search{margin:64px auto 0;display:flex;justify-content:center}
.lr-search input{appearance:none;-webkit-appearance:none;
  width:min(280px,80vw);padding:11px 18px;border-radius:999px;
  background:rgba(13,10,8,.7);border:1px solid rgba(240,200,90,.35);color:var(--copper-light);
  font-family:'Jost',sans-serif;font-weight:300;font-size:.9rem;letter-spacing:.12em;text-align:center;outline:none;
  box-shadow:0 0 18px var(--glow-yellow-1),0 0 48px var(--glow-yellow-2);
  transition:box-shadow .5s ease,border-color .5s ease}
.lr-search input::placeholder{color:var(--copper-dim);text-transform:lowercase;letter-spacing:.3em}
.lr-search input:focus{border-color:rgba(240,200,90,.6);box-shadow:0 0 24px rgba(240,200,90,.42),0 0 64px rgba(240,200,90,.18)}

/* ---- post list (section index & search results) ---- */
.lr-list{list-style:none;margin:8px auto 0;max-width:560px;text-align:left}
.lr-list li{border-bottom:1px solid rgba(154,107,63,.18)}
.lr-list a{display:flex;gap:22px;align-items:baseline;padding:16px 8px;text-decoration:none;transition:background .4s ease}
.lr-list a:hover{background:rgba(184,115,51,.06)}
.lr-list .d{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:1.3rem;letter-spacing:.1em;color:var(--copper);white-space:nowrap}
.lr-list .f{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:1.3rem;line-height:1.4;letter-spacing:.04em;color:var(--copper-dim);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .4s ease}
.lr-list a:hover .f{color:var(--copper-text)}
.lr-empty{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;color:var(--copper-dim);letter-spacing:.08em;margin-top:18px}
@media (max-width:520px){.lr-list a{flex-direction:column;gap:6px;padding:18px 8px}.lr-list .d{font-size:1.35rem}.lr-list .f{white-space:normal;font-size:1.4rem;line-height:1.45}}

@media (prefers-reduced-motion:reduce){
  body{animation-duration:.8s}
  body.lr-leaving{animation-duration:.3s}
  .lr-logo-link,.lr-wordmark{animation:none}
  .lr-wordmark{-webkit-text-fill-color:var(--copper-light);background:none}
  .lr-logo-link{filter:drop-shadow(0 0 26px var(--g1))}
}

/* ---- picture posts ---- */
.lr-media{margin:0 auto 28px;max-width:min(720px,92vw)}
.lr-media img{display:block;width:100%;height:auto;border-radius:6px;
  box-shadow:0 0 0 1px rgba(184,115,51,.28),0 0 46px rgba(184,115,51,.14)}
.lr-list .f.img{font-family:'Jost',sans-serif;font-style:normal;font-size:.85rem;letter-spacing:.3em;text-transform:lowercase}

/* ---- post passages: light copper ---- */
.note.lr-editorial{color:var(--copper-text)}
