/* Nuestra esencia: page rhythm built from the existing cream, wine and gold palette. */
.essence-page{--ess-wine:#68102b;--ess-ink:#3e3030;--ess-sand:#efe4d4;--ess-gold:#d6b578}
.essence-page main>section{padding-block:clamp(72px,7vw,104px)}
.essence-page .ess-wrap{max-width:1240px}
.essence-page .ess-hero{padding-top:64px;padding-bottom:72px;border-bottom:0}
.essence-page .ess-hero h1{font-size:clamp(42px,5.1vw,70px);line-height:1.1;letter-spacing:-.045em;margin:22px 0 38px;text-wrap:balance}
.ess-manifesto{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 54px}
.essence-page .ess-manifesto p{margin:0;font-size:18px;line-height:1.8}
.essence-page .ess-manifesto p:last-child{grid-column:1/-1;margin-top:2px;padding-top:26px;border-top:1px solid var(--site-rule);font-size:clamp(21px,2vw,27px);color:#68102b}
.essence-page .ess-purpose{background:var(--ess-wine);color:#fff8ed}
.essence-page .ess-intro{grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.essence-page .ess-intro .eyebrow{color:#edce96}
.essence-page .ess-intro h2{font-size:clamp(30px,3.1vw,43px);line-height:1.22;color:#fff8ed;margin:18px 0 0;max-width:600px}
.essence-page .ess-intro>div:last-child{padding-left:36px;border-left:1px solid #9b5768}
.essence-page .ess-intro p{font-size:17px;line-height:1.8;margin:0 0 22px;color:#f7eae4}
.essence-page .ess-intro p:last-child{margin:0}
.essence-page .story-photo{background:var(--site-cream)}
.essence-page .story-photo-inner{grid-template-columns:1.05fr 1fr;gap:8%;max-width:1240px}
.essence-page .story-photo img{height:auto;aspect-ratio:1.25;object-fit:cover;border-radius:0}
.essence-page .story-photo-inner>div{border-top:2px solid #b18a47;padding-top:28px}
.essence-page .story-photo h2{font-size:clamp(32px,3.5vw,48px);line-height:1.18;margin:18px 0 24px;text-wrap:balance}
.essence-page .story-photo p{font-size:18px;line-height:1.8;margin:0}
.essence-page .ess-pillars{background:var(--ess-sand);border-block:1px solid #e0d0b9}
.essence-page .ess-title{margin-top:16px;margin-bottom:24px}
.essence-page .ess-pillars .ess-title{font-size:clamp(30px,3vw,44px)}
.essence-page .ess-pillars>.heart-accent{margin-bottom:22px}
.essence-page .ess-pillars .ess-wrap>p{font-size:17px;line-height:1.8;margin:0}
.essence-page .ess-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:38px}
.essence-page .ess-grid article{grid-column:span 2;background:#fffaf2;padding:30px;border:1px solid #decbb1;border-top:3px solid #b18a47;border-radius:0;box-shadow:none}
.essence-page .ess-grid article:nth-child(n+4){grid-column:span 3}
.essence-page .ess-grid span{font-size:13px;letter-spacing:.12em;color:#8a6233}
.essence-page .ess-grid h3{font-size:26px;line-height:1.25;letter-spacing:-.03em;margin:24px 0 16px;color:#68102b}
.essence-page .ess-grid p{font-size:16px;line-height:1.8;margin:0}
.essence-page .ess-values{background:var(--ess-ink);color:#fff8ed}
.essence-page .ess-values .eyebrow{color:#edce96}
.essence-page .ess-values .ess-wrap>p{font-size:17px;line-height:1.8;color:#eadfd4}
.essence-page .ess-values-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;background:none;margin-top:40px}
.essence-page .ess-values-grid article,.essence-page .ess-values-grid article:nth-child(2),.essence-page .ess-values-grid article:nth-child(5){padding:28px 0;background:none;border-top:1px solid #806c60}
.essence-page .ess-values-grid h3{font-size:25px;line-height:1.3;color:#f4d5a2;margin:0 0 14px}
.essence-page .ess-values-grid p{font-size:16px;line-height:1.8;color:#f4eae1}
.essence-page .ess-tree{background:var(--site-cream)}
.essence-page .ess-tree-grid{grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}
.essence-page .ess-tree img{width:100%;max-width:400px;justify-self:center;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.essence-page .ess-tree .ess-title{font-size:clamp(32px,3.5vw,46px);line-height:1.2;text-wrap:balance}
.essence-page .ess-tree p,.essence-page .ess-tree li{font-size:17px;line-height:1.8}
.essence-page .ess-tree ul{padding-left:22px;margin:24px 0}
.essence-page .ess-tree li{margin:14px 0;padding-left:5px}
.essence-page .ess-tree-grid>div>p:last-child{color:#68102b;margin:26px 0 0}
.ess-name-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;margin-top:64px;padding:40px;background:var(--ess-sand);border-top:2px solid #b18a47}
.essence-page .ess-name-story h3{font-size:clamp(27px,2.6vw,35px);line-height:1.25;margin:0;text-wrap:balance;color:#68102b}
.essence-page .ess-name-story p{font-size:17px;line-height:1.8;margin:0 0 20px}
.essence-page .ess-name-story p:last-child{margin:0}
.essence-page .ess-closing{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;background:var(--ess-wine);border-top:3px solid #b18a47;color:#fff8ed}
.essence-page .ess-closing:before,.essence-page .ess-closing:after{display:none}
.essence-page .ess-closing>.eyebrow{grid-column:1/-1;color:#edce96;margin-bottom:4px}
.essence-page .ess-closing .ess-title{font-size:clamp(32px,3.5vw,48px);line-height:1.2;margin:16px 0 0;text-wrap:balance}
.ess-vision-copy{padding-top:16px}
.essence-page .ess-closing p{font-size:17px;line-height:1.8;max-width:none;margin:0 0 24px}
.essence-page .ess-closing .button{margin-top:4px}
.essence-page .collaboration{border-top:0;gap:8%}
.essence-page .collaboration-logo img{max-width:300px}
.essence-page .collaboration-copy{border-left:1px solid var(--site-rule);padding-left:36px}
@media(max-width:1000px){
 .essence-page .ess-grid article{padding:25px}
 .essence-page .ess-grid h3{font-size:24px}
 .essence-page .ess-values-grid{gap:0 24px}
 .essence-page .ess-name-story{padding:32px;gap:32px}
}
@media(max-width:850px){
 .essence-page .ess-intro,.essence-page .ess-tree-grid,.essence-page .ess-closing{grid-template-columns:1fr;gap:28px}
 .essence-page .ess-intro>div:last-child{padding:26px 0 0;border-left:0;border-top:1px solid #9b5768}
 .essence-page .ess-intro h2{max-width:700px;font-size:36px}
 .essence-page .ess-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .essence-page .ess-grid article,.essence-page .ess-grid article:nth-child(n+4){grid-column:auto}
 .essence-page .ess-grid article:last-child{grid-column:1/-1}
 .essence-page .ess-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .essence-page .ess-tree img{max-width:320px}
 .essence-page .ess-name-story{grid-template-columns:1fr;gap:24px;margin-top:44px}
 .essence-page .ess-closing>.eyebrow{margin-bottom:-16px}
 .essence-page .ess-closing .ess-title{margin-top:0;max-width:700px}
 .ess-vision-copy{padding-top:0}
}
@media(max-width:700px){
 .essence-page main>section{padding-block:58px}
 .essence-page .ess-hero{padding-top:40px;padding-bottom:52px}
 .essence-page .ess-hero h1{font-size:clamp(37px,8.2vw,50px);margin:22px 0 28px}
 .ess-manifesto{grid-template-columns:1fr;gap:22px}
 .essence-page .ess-manifesto p{font-size:16px;line-height:1.8}
 .essence-page .ess-manifesto p:last-child{font-size:22px;padding-top:24px}
 .essence-page .ess-intro h2{font-size:32px;line-height:1.25}
 .essence-page .ess-intro p,.essence-page .story-photo p,.essence-page .ess-tree p,.essence-page .ess-tree li,.essence-page .ess-name-story p,.essence-page .ess-closing p{font-size:16px}
 .essence-page .story-photo-inner{grid-template-columns:1fr;gap:30px}
 .essence-page .story-photo img{aspect-ratio:1.2}
 .essence-page .story-photo h2{font-size:34px}
 .essence-page .ess-grid,.essence-page .ess-values-grid{grid-template-columns:1fr}
 .essence-page .ess-grid{margin-top:30px;gap:16px}
 .essence-page .ess-grid article:last-child{grid-column:auto}
 .essence-page .ess-grid article{padding:26px}
 .essence-page .ess-grid h3{margin-top:18px;font-size:26px}
 .essence-page .ess-values .ess-title,.essence-page .ess-pillars .ess-title{white-space:normal;font-size:32px;line-height:1.22;text-wrap:balance}
 .essence-page .ess-values-grid{margin-top:30px}
 .essence-page .ess-values-grid article{padding:24px 0}
 .essence-page .ess-values-grid article:last-child{padding-bottom:0}
 .essence-page .ess-tree .ess-title,.essence-page .ess-closing .ess-title{font-size:34px}
 .essence-page .ess-tree img{max-width:280px}
 .essence-page .ess-name-story{padding:26px;margin-top:36px}
 .essence-page .ess-name-story h3{font-size:28px}
 .essence-page .collaboration-copy{border-left:0;padding-left:0}
}
