.essay-page{background:#f1eee5}
.back-home{justify-self:end;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.essay-hero{padding:8rem 6vw 3rem;border-bottom:1px solid}
.essay-hero h1{font-size:clamp(4.5rem,8vw,9.5rem);line-height:.82;letter-spacing:-.05em;margin:.25em 0}
.essay-hero h1 em,.essay h2 em,.essay blockquote em{color:#917900}
.essay-hero>p{font-size:1.35rem;max-width:680px;margin-left:40%}
.essay-meta{display:flex;justify-content:space-between;margin-top:6rem;font-size:.7rem;letter-spacing:.12em}
.essay-index{position:sticky;top:0;z-index:10;background:#f3cb00;display:flex;gap:2rem;padding:1rem 3vw;overflow-x:auto;white-space:nowrap}
.essay-index span{font-weight:800}
.essay{max-width:1500px;margin:auto}
.essay>section:not(.field-image):not(.essay-end){padding:8rem 8vw;border-bottom:1px solid}
.chapter{font-size:.72rem;font-weight:700;letter-spacing:.15em;margin-bottom:3rem}
.essay h2{font-size:clamp(3.2rem,5.4vw,6.4rem);line-height:.92;letter-spacing:-.04em;margin:0 0 4rem}
.essay section>p{max-width:720px;margin-left:32%;font-size:1.08rem}
.essay .opening{font-size:1.55rem;line-height:1.42}
.essay blockquote{font-size:clamp(2.8rem,5vw,5.7rem);line-height:.95;margin:6rem 0}
.definition{background:#f3cb00;padding:3rem;max-width:900px;margin:0 0 5rem 24%}
.definition b{font:2.2rem var(--s)}
.distinction{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid;margin:5rem 0}
.distinction div{padding:2rem;border-right:1px solid}
.distinction div:last-child{border:0}
.distinction b{font:2rem var(--s)}
.field-image{height:76vh;min-height:580px;background:linear-gradient(0deg,#000d 0%,#0002 58%,transparent 100%),url("../assets/fundamentos-territorio.webp") center 55%/cover;position:relative;color:#fff;filter:saturate(.88) contrast(1.04)}
.field-image>div{position:absolute;left:6vw;bottom:5rem}
.field-image small{color:#f3cb00}
.field-image h2{margin:.3em 0;max-width:1000px}
.principle-list{border-top:1px solid}
.principle-list>div{display:grid;grid-template-columns:80px 1fr 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid #1114}
.principle-list i{font-style:normal;font-size:.72rem}
.principle-list h3{font-size:2.3rem;margin:0}
.principle-list p{margin:0;max-width:580px}
.essay details{border-top:1px solid;padding:1.5rem 0}
.essay details:last-of-type{border-bottom:1px solid}
.essay summary{font:1.8rem var(--s);cursor:pointer}
.essay details p{max-width:680px;margin-left:25%}
.references{border-top:1px solid;margin-top:5rem}
.references a{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:1.6rem 0;border-bottom:1px solid #1114}
.references b{font:1.5rem var(--s)}
.editorial-note{border-left:5px solid #f3cb00;padding-left:1.5rem;margin-top:4rem!important}
.essay-end{background:#0d0d0c;color:#f1eee5;padding:8rem 6vw}
.essay-end small{color:#f3cb00}
.essay-end blockquote{max-width:1200px}
.essay-end a{text-decoration:underline}
.essay-page footer{grid-template-columns:1fr .7fr 1fr}

@media(max-width:820px){.back-home{font-size:.62rem}
.essay-hero{padding:5rem 22px 2rem}
.essay-hero h1{font-size:3.8rem}
.essay-hero>p{margin-left:0;font-size:1.1rem}
.essay-meta{margin-top:4rem}
.essay-index{gap:1.3rem;padding:1rem 22px}
.essay>section:not(.field-image):not(.essay-end){padding:5rem 22px}
.essay h2{font-size:3rem;margin-bottom:3rem}
.essay section>p{margin-left:0;font-size:1.05rem}
.essay .opening{font-size:1.3rem}
.essay blockquote{font-size:2.8rem;margin:4rem 0}
.definition{margin:0 0 4rem;padding:1.7rem}
.definition b{font-size:1.8rem}
.distinction{grid-template-columns:1fr}
.distinction div{border-right:0;border-bottom:1px solid}
.field-image{height:68vh;background-position:38% center}
.field-image>div{left:22px;right:22px;bottom:3rem}
.principle-list>div{grid-template-columns:40px 1fr}
.principle-list p{grid-column:2}
.principle-list h3{font-size:1.9rem}
.essay details p{margin-left:0}
.references a{grid-template-columns:1fr;gap:.5rem}
.essay-end{padding:5rem 22px}
.essay-page footer{grid-template-columns:1fr 1fr}
.essay-page footer h3{grid-column:1/-1}
}
.system-architecture{display:grid;grid-template-columns:1fr 1fr;margin:5rem 0;border:1px solid}
.system-architecture article{display:flex;flex-direction:column;min-height:330px;padding:2.5rem;border-right:1px solid;border-bottom:1px solid}
.system-architecture article:nth-child(2n){border-right:0}
.system-architecture article:nth-child(n+3){border-bottom:0}
.system-architecture small{color:#806b00}
.system-architecture h3{font:2.6rem/1.02 var(--s);margin:3rem 0 1rem}
.system-architecture p{max-width:520px;margin-top:auto}
.dialogue-title{font:clamp(2rem,3vw,3.4rem)/1.05 var(--s);margin:7rem 0 2rem}
@media(max-width:820px){.system-architecture{grid-template-columns:1fr}.system-architecture article{border-right:0!important;border-bottom:1px solid!important;min-height:270px;padding:1.7rem}.system-architecture article:last-child{border-bottom:0!important}.system-architecture h3{font-size:2rem;margin-top:2rem}.dialogue-title{margin-top:5rem}}