:root{--depth-0: #14586C;--depth-1: #0C4459;--depth-2: #08344B;--depth-3: #063049;--depth-4: #05283F;--depth-5: #041F35;--depth-6: #041B34;--depth-7: #041B34;--hero-handoff: var(--depth-0);--depth-seam: #85D8EC;--depth-surface: #8ADFF3;--depth-shallow: #61B8E2;--depth-midwater: #2F82C6;--depth-deep: #0E4B84;--depth-abyss: #041B34}.reef-zone{--reef-top: transparent;--reef-bottom: transparent;position:relative;display:flow-root;background:linear-gradient(180deg,var(--reef-top) 0%,var(--reef-bottom) 100%)}.reef-zone--surface{--reef-top: var(--depth-seam);--reef-bottom: var(--depth-surface)}.reef-zone--shallow{--reef-top: var(--depth-surface);--reef-bottom: var(--depth-shallow)}.reef-zone--midwater{--reef-top: var(--depth-shallow);--reef-bottom: var(--depth-midwater)}.reef-zone--deep{--reef-top: var(--depth-midwater);--reef-bottom: var(--depth-deep)}.reef-zone--abyss{--reef-top: var(--depth-deep);--reef-bottom: var(--depth-abyss)}.reef-fill--surface{background:var(--depth-surface)}.reef-fill--shallow{background:var(--depth-shallow)}.reef-fill--midwater{background:var(--depth-midwater)}.reef-fill--deep{background:var(--depth-deep)}.reef-fill--abyss{background:var(--depth-abyss)}.reef-zone__inner{position:relative;z-index:1;max-width:var(--reef-content-width, 1200px);margin-inline:auto;padding-block:var(--reef-pad-block, 6rem);padding-inline:1.25rem}.reef-zone__label{position:absolute;top:1rem;left:1rem;z-index:2;padding:.5rem .75rem;font:600 .8rem/1.3 ui-sans-serif,system-ui,sans-serif;color:#fff;background:#00000052;border-left:3px solid rgba(255,255,255,.9);border-radius:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.reef-zone__label small{display:block;font-weight:400;opacity:.8}main#MainContent[data-template=index]{background:linear-gradient(180deg,var(--depth-0) 0%,var(--depth-0) 11%,var(--depth-1) 22%,var(--depth-2) 40%,var(--depth-3) 55%,var(--depth-4) 68%,var(--depth-5) 80%,var(--depth-6) 90%,var(--depth-7) 100%)}#MainContent[data-template=index] .shopify-section,#MainContent[data-template=index] .section-background{background-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/12/assets/reef-depth.css.map */