@charset "UTF-8";
:root{--white:#f8f1e8;--muted:#b7b8ad;--gold:#d9a85a;--line:rgba(239,234,215,.30)}
*{box-sizing:border-box}html{min-height:100%;background:#0a120f}body{margin:0;color:var(--white);font:17px/1.5 Georgia,"Times New Roman",serif;min-height:100vh;background:#0a120f;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ffd48d;outline-offset:6px}.scene{position:fixed;inset:0;background:#101612 url("floresta.jpg") center center / cover no-repeat;z-index:0}.veil{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.17) 47%,rgba(0,0,0,.04) 83%),linear-gradient(180deg,rgba(0,0,0,.13) 0%,transparent 45%,rgba(0,0,0,.83) 89%,rgba(0,0,0,.92) 100%);z-index:1}.layout{min-height:100vh;position:relative;z-index:2;display:flex;flex-direction:column;max-width:1440px;margin:auto;padding:0 clamp(30px,5.5vw,80px)}.top{height:108px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{font-size:27px;letter-spacing:.105em}.top nav{display:flex;gap:56px;font-size:18px}.top nav a{position:relative;transition:color .2s}.top nav a:hover{color:#ffdfaa}.top nav a.selected:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:#dfd6c5}.home main{flex:1;display:flex;flex-direction:column}.hero{margin-left:16.5%;padding-top:165px;flex:1;min-height:575px}.hero h1{font-size:clamp(75px,8.1vw,124px);font-weight:400;letter-spacing:-.063em;line-height:.94;margin:0 0 9px;text-shadow:0 2px 20px rgba(0,0,0,.48)}.subtitle{margin:0 0 27px;font-size:21px;font-style:italic;letter-spacing:.29em;white-space:nowrap}.author{display:flex;align-items:center;gap:22px}.avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 22px rgba(0,0,0,.5);background:radial-gradient(circle at 50% 30%,#82989b,#182b29 70%)}.author strong{display:block;font-size:24px;font-weight:400;letter-spacing:.10em}.author span{display:block;font-size:18px;font-style:italic;color:#e1d8c8;letter-spacing:.05em}.posts{margin-top:auto;margin-bottom:52px}.post-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.post-row{display:grid;grid-template-columns:175px minmax(0,1fr) 30px;align-items:center;min-height:74px;padding:15px 28px;gap:30px;background:rgba(2,7,6,.24);border-bottom:1px solid var(--line);transition:background .22s}.post-row:last-child{border-bottom:0}.post-row:hover{background:rgba(12,20,17,.78)}.post-row time{white-space:nowrap;color:#f2e9d8;font-size:15px;font-style:italic;letter-spacing:.15em}.post-title{font-size:23px;letter-spacing:.015em}.arrow{font:27px/1 Arial,sans-serif;color:#eee5d9;text-align:right}.foot{display:flex;justify-content:space-between;font-size:13px;color:#c4b9a6;letter-spacing:.08em;padding:0 0 22px;opacity:.78}.inner .veil{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.42)),linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.68))}.inner-main{width:min(100%,890px);margin:120px auto 90px;flex:1}.inner-title{font-size:clamp(60px,8vw,104px);font-weight:400;margin:0 0 50px}.inner .post-list{margin-top:30px}.inner .author{margin-bottom:40px}.placeholder{font-size:23px;color:var(--muted)}.reading{max-width:740px;margin:105px auto 90px}.reading .back{font-size:15px;color:var(--muted)}.article-date{font-size:14px;letter-spacing:.14em;color:var(--muted);margin:68px 0 15px}.reading h1{font-size:clamp(42px,6vw,74px);line-height:1.08;font-weight:400;margin:0 0 36px}.reading .author{margin-bottom:55px}.article-body{font-size:22px;line-height:1.85;border-top:1px solid var(--line);padding-top:32px}.outside{color:#f9d9a9;text-decoration:underline;text-underline-offset:6px}
@media(max-width:800px){.top{height:82px}.top nav{gap:20px;font-size:15px}.logo{font-size:22px}.hero{margin-left:0;padding-top:150px;min-height:520px}.hero h1{font-size:clamp(68px,15vw,108px)}.subtitle{font-size:16px;letter-spacing:.2em}.post-row{grid-template-columns:130px 1fr 20px;gap:10px;padding:14px 9px}.post-title{font-size:19px}.post-row time{font-size:12px}.scene{background-position:57% center}}@media(max-width:520px){.layout{padding:0 21px}.top nav{gap:15px;font-size:14px}.hero{padding-top:95px;min-height:450px}.hero h1{font-size:71px}.subtitle{font-size:13px;letter-spacing:.15em}.avatar{width:64px;height:64px}.author strong{font-size:19px}.author span{font-size:15px}.post-row{grid-template-columns:1fr 20px;gap:5px;min-height:77px}.post-row time{grid-column:1;grid-row:1}.post-title{grid-column:1;grid-row:2;font-size:20px}.post-row .arrow{grid-column:2;grid-row:1/3}.posts{margin-bottom:30px}.inner-main{margin-top:85px}.foot{font-size:11px}}

.empty-state{padding:24px 28px;margin:0;color:var(--muted);background:rgba(2,7,6,.38)}
.article-body p{margin:0 0 1.25em}.article-body a{text-decoration:underline;text-underline-offset:5px}.article-body h2{font-weight:normal;font-size:1.6em}

/* CULMINE — PADRONIZAÇÃO DOS ARTIGOS */

.article-body {
  max-width: 720px;
  margin: 0 auto;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.85;
  color: #eee9df;
}

/* Texto justificado */
.article-body p {
  margin: 0 0 1.6em;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  overflow-wrap: break-word;
}

/* Imagens centralizadas e padronizadas */
.article-body img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 350px;
  height: auto;
  margin: 32px auto;
  border-radius: 10px;
}

/* Títulos */
.article-body h2,
.article-body h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.3;
  color: #f8f1e8;
}

/* Adaptação para celulares */
@media (max-width: 768px) {
  .article-body {
    font-size: 17px;
    line-height: 1.8;
    padding: 0 12px;
  }

  .article-body img {
    max-height: 260px;
  }
}

/* CULMINE — ARQUIVO */

.archive-page {
  min-height: 65vh;
  padding: 110px 24px 130px;
}

.archive-container {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}

.archive-container h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 6vw, 68px);
  font-weight: 400;
  margin: 0 0 12px;
  color: #f8f1e8;
}

.archive-description {
  color: #b7b8ad;
  font-size: 15px;
  margin-bottom: 50px;
}

.archive-list {
  border-top: 1px solid rgba(239,234,215,.25);
}

.archive-item {
  display: flex;
  align-items: baseline;
  gap: 36px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(239,234,215,.25);
}

.archive-item time {
  flex: 0 0 110px;
  color: #b7b8ad;
  font-size: 13px;
  white-space: nowrap;
}

.archive-item a {
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  font-size: 21px;
  color: #f8f1e8;
}

.archive-item a:hover {
  color: #d9a85a;
}

@media (max-width: 600px) {
  .archive-page {
    padding: 70px 22px 90px;
  }

  .archive-item {
    flex-direction: column;
    gap: 8px;
  }

  .archive-item time {
    flex-basis: auto;
  }

  .archive-item a {
    width: 100%;
    font-size: 19px;
  }
}
