Ice Baths

About

/* CSS Variables */ .ol-navigator-wrapper { --ol-brand: #40b7ab; --ol-brand-dark: #359c91; --ol-accent-secondary: #8C7998; --ol-tint-bg: #E1F2EF; --ol-text-main: #2A2322; --ol-text-muted: #555555; --ol-white: #ffffff; --ol-radius: 8px; --ol-container-radius: 16px; --ol-shadow-soft: 0 15px 35px rgba(64, 183, 171, 0.08); --ol-shadow-hover: 0 20px 40px rgba(42, 35, 34, 0.12); --ol-transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1); font-family: 'canada-type-gibson', sans-serif; max-width: 1200px; margin: 0 auto 40px auto; /* Reduced top padding from 35px to 22px to minimize vertical space */ padding: 22px 30px 45px 30px; background-color: var(--ol-tint-bg); border-radius: var(--ol-container-radius); box-shadow: var(--ol-shadow-soft); border: 1px solid rgba(255,255,255,0.7); box-sizing: border-box; scroll-margin-top: 100px; } .ol-navigator-wrapper *, .ol-navigator-wrapper *::before, .ol-navigator-wrapper *::after { box-sizing: inherit; } /* HEADER (Inline Desktop Version) */ .ol-navigator-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; /* Replaces dual stacking margins */ width: 100%; } .ol-main-logo { max-width: 130px; /* Scaled slightly to fit perfectly inline */ width: 100%; height: auto; display: block; flex-shrink: 0; } .ol-navigator-subtitle { font-size: 1.1rem; color: var(--ol-text-muted); line-height: 1.5; font-weight: 400; margin: 0; max-width: 700px; font-family: inherit; } /* TABS */ .ol-nav-tabs-container { display: flex; justify-content: flex-end; width: auto; } .ol-nav-tabs { display: inline-flex; gap: 4px; position: relative; background: var(--ol-white); padding: 4px; border-radius: 60px; border: 1px solid rgba(255,255,255,0.8); box-shadow: 0 6px 20px rgba(64, 183, 171, 0.06); } .ol-nav-tab { background: none; border: none; padding: 7px 18px; /* Slimmed down vertical height */ font-size: 0.92rem; font-weight: 400; color: var(--ol-text-muted); cursor: pointer; transition: var