*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,textarea,select{font-family:inherit}
::selection{background:#1F3D2B;color:#F4EEE2}
@keyframes pomFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes pomFloatS{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes pomMarquee{to{transform:translateX(-16.6667%)}}
@keyframes pomPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pomSpin{to{transform:rotate(360deg)}}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}
[data-reveal].in{opacity:1;transform:none}
[data-page]{animation:pomPageIn .55s cubic-bezier(.16,1,.3,1) both}
.pom-link{position:relative;transition:color .3s}
.pom-tile{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}
.pom-tile:hover{transform:translateY(-8px)}
.pom-cta{transition:background .35s,color .35s,transform .35s}
.pom-cta:hover{transform:translateY(-2px)}
.pom-swatch{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.pom-swatch:hover{transform:translate(0,-6px) scale(1.03)}
.pom-field:focus{outline:none;border-color:#1F3D2B !important}
@media(max-width:760px){
  .pom-navlinks{display:none !important}
  .pom-hero-grid{grid-template-columns:1fr !important}
  .pom-2col{grid-template-columns:1fr !important}
  .pom-hide-sm{display:none !important}
}