/* EVARA CMS pages — supplementary utilities not present in the compiled Tailwind build.
   Loaded after evara.css on CMS-rendered pages only. */
.text-\[\.55rem\]{font-size:.55rem}.text-\[\.58rem\]{font-size:.58rem}.text-\[\.72rem\]{font-size:.72rem}
.text-\[\.98em\]{font-size:.98em}.text-\[1\.0em\]{font-size:1em}.text-\[1\.08rem\]{font-size:1.08rem}
.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.25rem\]{font-size:1.25rem}
.text-\[1\.6rem\]{font-size:1.6rem}.text-\[1\.9rem\]{font-size:1.9rem}
.text-\[clamp\(1\.2rem\,2\.4vw\,1\.7rem\)\]{font-size:clamp(1.2rem,2.4vw,1.7rem)}
.max-w-\[20ch\]{max-width:20ch}.max-w-\[22ch\]{max-width:22ch}.max-w-\[640px\]{max-width:640px}.max-w-\[860px\]{max-width:860px}
.min-h-\[clamp\(380px\,52vh\,520px\)\]{min-height:clamp(380px,52vh,520px)}
.min-h-\[clamp\(440px\,62vh\,580px\)\]{min-height:clamp(440px,62vh,580px)}
@media (min-width:768px){
  .md\:min-h-\[clamp\(430px\,62vh\,660px\)\]{min-height:clamp(430px,62vh,660px)}
  .md\:min-h-\[clamp\(500px\,74vh\,760px\)\]{min-height:clamp(500px,74vh,760px)}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
.py-\[clamp\(50px\,6vw\,80px\)\]{padding-block:clamp(50px,6vw,80px)}
.py-\[clamp\(50px\,6vw\,90px\)\]{padding-block:clamp(50px,6vw,90px)}
.py-\[clamp\(60px\,8vw\,100px\)\]{padding-block:clamp(60px,8vw,100px)}
.gap-\[clamp\(2rem\,5vw\,4rem\)\]{gap:clamp(2rem,5vw,4rem)}
.gap-y-4{row-gap:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pb-7{padding-bottom:1.75rem}.mt-2{margin-top:.5rem}
.py-1{padding-block:.25rem}.py-3{padding-block:.75rem}.top-1{top:.25rem}
.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}
.border-l{border-left-width:1px}.-left-\[9px\]{left:-9px}.min-w-\[74px\]{min-width:74px}
.aspect-square{aspect-ratio:1/1}
.border-forest\/10{border-color:color-mix(in srgb,#122B1D 10%,transparent)}
.border-forest\/12{border-color:color-mix(in srgb,#122B1D 12%,transparent)}
.bg-forest\/70{background-color:color-mix(in srgb,#122B1D 70%,transparent)}
.text-bone\/50{color:color-mix(in srgb,#F2EEE3 50%,transparent)}
.italic{font-style:italic}
.font-accent{font-family:'Cormorant Garamond',serif;font-style:italic}
.font-display{font-family:'Marcellus',serif}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
.saturate-95{filter:saturate(.95)}.brightness-\[\.58\]{filter:brightness(.58)}.opacity-\[\.14\]{opacity:.14}
.duration-700{transition-duration:.7s}
.transition-shadow{transition-property:box-shadow;transition-duration:.3s}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.12),0 4px 6px -4px rgba(0,0,0,.1)}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.h-\[18px\]{height:18px}.w-\[18px\]{width:18px}
/* dark band sections on CMS templates (the compiled build has no gradient utilities; this restores the intended look) */
.cms-dark{background:linear-gradient(180deg,#122B1D 0%,#0B1710 100%)}
.cms-dark2{background:linear-gradient(180deg,#0B1710 0%,#122B1D 100%)}
/* hero pillar chips */
.cms-pill{border:1px solid rgba(201,162,75,.35);background:rgba(11,23,16,.55);color:#e9e2cf;backdrop-filter:blur(4px)}