.hippo-package-rates, .hippo-package-cards { --hippo-ivory:#f5f0e6; --hippo-sand:#c49a6c; --hippo-gold:#a07835; --hippo-bark:#2a1a08; --hippo-night:#0e0a04; --hippo-package-button:#2a1a07; }
.hippo-package-rates { box-sizing:border-box; color:var(--hippo-ivory); isolation:isolate; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); max-width:100vw; overflow:hidden; padding:clamp(3.5rem, 8vw, 8rem) clamp(1.25rem, 5vw, 5rem); position:relative; width:100vw; }
.hippo-package-rates::before { background-color:var(--hippo-bark); background-image:var(--hippo-rate-background, none); background-position:center; background-repeat:no-repeat; background-size:cover; content:""; inset:0; position:absolute; z-index:-2; }
.hippo-package-rates::after { background:rgba(14,10,4,.74); content:""; inset:0; position:absolute; z-index:-1; }
.hippo-package-rates *, .hippo-package-rates *::before, .hippo-package-rates *::after { box-sizing:border-box; }
.hippo-package-rates__inner { margin:auto; max-width:1720px; }
.hippo-package-rates__label { color:var(--hippo-gold); display:block; font:500 .6rem/1 Montserrat,sans-serif; letter-spacing:.48em; margin-bottom:1rem; text-transform:uppercase; }
.hippo-package-rates h2 { color:var(--hippo-ivory); font:300 clamp(2.3rem,4vw,3.9rem)/1.15 "Cormorant Garamond",serif; margin:0 0 1.2rem; }
.hippo-package-rates h2 em { color:var(--hippo-sand); }
.hippo-package-rates__layout, .hippo-package-rates__pair { display:grid; gap:2px; grid-template-columns:calc(40% + 3.6rem) calc(60% - 3.6rem); }
.hippo-package-rates__layout { margin-top:3.5rem; }
.hippo-package-rates__pair { margin-top:2px; }
.hippo-package-rates__intro { background:rgba(160,120,53,.06); border:1px solid rgba(160,120,53,.3); padding:2.2rem 2.4rem; }
.hippo-package-rates__intro p { color:rgba(245,240,230,.68); font:400 .95rem/1.9 Montserrat,sans-serif; margin:0; max-width:42rem; }
.hippo-package-rates__intro p strong { color:var(--hippo-sand); font-weight:500; }
.hippo-package-rates__intro span { background:var(--hippo-gold); display:block; height:1px; margin:.8rem 0; width:40px; }
.hippo-package-rates__intro span:last-child { display:none; }
.hippo-rate-card { background:transparent; border:1px solid rgba(160,120,53,.22); display:flex; flex-direction:column; min-height:420px; padding:1.4rem 1.6rem; position:relative; transition:background .3s ease,border-color .3s ease; }
.hippo-rate-card:hover, .hippo-rate-card:focus-within { background:rgba(14,10,4,.14); border-color:rgba(160,120,53,.5); }
.hippo-rate-card.is-featured { background:transparent; border-color:rgba(160,120,53,.34); }
.hippo-package-rates__pair .hippo-rate-card:last-child { border-left-color:rgba(160,120,53,.2); }
.hippo-rate-card__badge { background:var(--hippo-gold); color:var(--hippo-night); font:500 .55rem/1 Montserrat,sans-serif; letter-spacing:.2em; padding:.3rem .85rem; position:absolute; right:1.8rem; text-transform:uppercase; top:0; }
.hippo-rate-card__tier { color:var(--hippo-gold); display:block; font:500 .68rem/1.35 Montserrat,sans-serif; letter-spacing:.18em; margin-bottom:.5rem; text-transform:uppercase; }
.hippo-rate-card h3 { color:var(--hippo-ivory); font:300 1.8rem/1.2 "Cormorant Garamond",serif; margin:0 0 .3rem; }
.hippo-rate-card__tagline { color:rgba(245,240,230,.55); font:italic 1rem/1.4 "Cormorant Garamond",serif; margin:0 0 .7rem; }
.hippo-rate-card__price { color:var(--hippo-gold); font:300 2.5rem/1 "Cormorant Garamond",serif; margin:.25rem 0 .7rem; }
.hippo-rate-card__price span { color:rgba(245,240,230,.5); font:400 .9rem/1.4 Montserrat,sans-serif; }
.hippo-rate-card ul { list-style:none; margin:0 0 .7rem; padding:0; }
.hippo-rate-card li { align-items:flex-start; border-bottom:1px solid rgba(160,120,53,.1); color:rgba(245,240,230,.68); display:flex; font:400 .88rem/1.45 Montserrat,sans-serif; gap:.7rem; padding:.45rem 0; }
.hippo-rate-card li::before { background:var(--hippo-gold); content:""; flex:0 0 14px; height:1px; margin-top:.65rem; }
.hippo-rate-card a { background:var(--hippo-package-button); border:1px solid rgba(245,240,230,.3); color:var(--hippo-ivory); display:block; font:600 .7rem/1.2 Montserrat,sans-serif; letter-spacing:.22em; margin-top:auto; padding:1.1rem 1.25rem; text-align:center; text-decoration:none; text-transform:uppercase; transition:background .3s ease,color .3s ease,transform .3s ease; }
.hippo-rate-card a:hover, .hippo-rate-card a:focus-visible { background:var(--hippo-sand); color:var(--hippo-night); outline:0; transform:translateY(-2px); }
.hippo-package-cards { color:var(--hippo-ivory); display:grid; gap:2px; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; }
.hippo-package-cards[data-columns="1"] { grid-template-columns:1fr; }
.hippo-package-cards[data-columns="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hippo-package-cards .hippo-rate-card { min-width:0; }
.hippo-rv { opacity:0; transform:translateY(34px); transition:opacity .8s ease,transform .8s ease; }
.hippo-rv.is-visible { opacity:1; transform:none; }
.hippo-rv.d1 { transition-delay:.1s; }.hippo-rv.d2 { transition-delay:.2s; }.hippo-rv.d3 { transition-delay:.3s; }.hippo-rv.d4 { transition-delay:.4s; }
@media (max-width:1024px) { .hippo-package-rates__layout, .hippo-package-rates__pair { grid-template-columns:1fr; } .hippo-package-rates__layout { gap:2px; } .hippo-package-rates__pair { margin-top:2px; } .hippo-package-rates__pair .hippo-rate-card:last-child { border-left-color:transparent; border-top-color:rgba(160,120,53,.2); } .hippo-package-cards, .hippo-package-cards[data-columns="3"] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:768px) { .hippo-package-rates__intro, .hippo-rate-card { padding:1.4rem 1.6rem; } .hippo-rate-card { min-height:0; } .hippo-rate-card__price span { display:block; margin-top:.35rem; } .hippo-package-cards, .hippo-package-cards[data-columns="2"], .hippo-package-cards[data-columns="3"] { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .hippo-package-rates *, .hippo-package-rates *::before, .hippo-package-rates *::after, .hippo-package-cards *, .hippo-package-cards *::before, .hippo-package-cards *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } .hippo-rv { opacity:1; transform:none; } }