.hippo-package-rates, .hippo-package-cards, .hippo-package-card { --hippo-ivory:#f5f0e6; --hippo-sand:#c49a6c; --hippo-gold:#a07835; --hippo-bark:#2a1a08; --hippo-night:#0e0a04; --hippo-package-button:#2a1a07; --hippo-border-color:var(--cc-border-color,#a07835); }
.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:#fff; 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 color-mix(in srgb,var(--hippo-border-color) 30%,transparent); 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 { --hippo-bullet-gap:.35rem; background:transparent; border:1px solid color-mix(in srgb,var(--hippo-border-color) 22%,transparent); display:flex; flex-direction:column; min-height:0; padding:1.4rem 1.6rem 1.2rem; position:relative; transition:background .3s ease,border-color .3s ease; }
.hippo-package-card .hippo-rate-card, .hippo-rate-card--compact { min-height:0; }
.hippo-rate-card:hover, .hippo-rate-card:focus-within { background:rgba(14,10,4,.14); border-color:color-mix(in srgb,var(--hippo-border-color) 50%,transparent); }
.hippo-rate-card.is-featured { background:transparent; border-color:color-mix(in srgb,var(--hippo-border-color) 34%,transparent); }
.hippo-package-rates__pair .hippo-rate-card:last-child { border-left-color:color-mix(in srgb,var(--hippo-border-color) 20%,transparent); }
.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__list { margin:0 0 .75rem; }
.hippo-rate-card__list h4 { color:var(--hippo-gold); font:500 .62rem/1.3 Montserrat,sans-serif; letter-spacing:.18em; margin:0 0 .35rem; text-transform:uppercase; }
.hippo-rate-card ul { list-style:none; margin:0; padding:0; }
.hippo-rate-card li { align-items:flex-start; border-bottom:1px solid color-mix(in srgb,var(--hippo-border-color) 10%,transparent); color:rgba(245,240,230,.68); display:flex; font:400 .88rem/1.45 Montserrat,sans-serif; gap:.7rem; padding-block:var(--hippo-bullet-gap); }
.hippo-rate-card li:last-child { border-bottom:0; }
.hippo-rate-card__list--excludes h4 { color:rgba(245,240,230,.55); }
.hippo-rate-card__note { color:var(--hippo-sand); font:italic .9rem/1.5 "Cormorant Garamond",serif; margin:.15rem 0 0; }
.hippo-rate-card__note strong { color:var(--hippo-ivory); display:inline; font:500 .62rem/1.3 Montserrat,sans-serif; letter-spacing:.14em; margin-right:.4rem; text-transform:uppercase; }
.hippo-rate-card li::before { background:var(--hippo-bullet-color,var(--hippo-gold)); content:""; flex:0 0 14px; height:1px; margin-top:.65rem; }
.hippo-rate-card--bullets-dot li::before { border-radius:50%; flex-basis:7px; height:7px; margin: .42rem .35rem 0; }
.hippo-rate-card--bullets-check li::before, .hippo-rate-card--bullets-arrow li::before, .hippo-rate-card--bullets-diamond li::before { background:transparent; color:var(--hippo-bullet-color,var(--hippo-gold)); font:700 1rem/1 Montserrat,sans-serif; height:auto; margin: .12rem 0 0; text-align:center; }
.hippo-rate-card--bullets-check li::before { content:"✓"; }
.hippo-rate-card--bullets-arrow li::before { content:"→"; }
.hippo-rate-card--bullets-diamond li::before { content:"◆"; font-size:.65rem; margin-top:.28rem; }
.hippo-rate-card--bullets-none li::before { display:none; }
.hippo-rate-card a { background:var(--hippo-package-button); border:1px solid color-mix(in srgb,var(--hippo-border-color) 30%,transparent); 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:1; transform:none; transition:opacity .8s ease,transform .8s ease; }
.hippo-package-rates.is-enhanced .hippo-rv:not(.is-visible),
.hippo-package-cards.is-enhanced .hippo-rv:not(.is-visible),
.hippo-package-card.is-enhanced .hippo-rv:not(.is-visible) { opacity:0; transform:translateY(34px); }
.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:color-mix(in srgb,var(--hippo-border-color) 20%,transparent); } .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.2rem 1.4rem; } .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, .hippo-package-card *, .hippo-package-card *::before, .hippo-package-card *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } .hippo-rv { opacity:1; transform:none; } }