:root{--how-midnight: #0b1120;--how-midnight-rgb: 11, 17, 32;--how-porcelain: #f7f4ed;--how-porcelain-rgb: 247, 244, 237;--how-charcoal: #15171c;--how-charcoal-rgb: 21, 23, 28;--how-platinum: #bec2c8;--how-platinum-rgb: 190, 194, 200;--how-obsidian: #080808;--how-obsidian-rgb: 8, 8, 8;--how-gold: #c29b52;--how-champagne: #d4ba7d;--how-desert-ivory: #eee5d4;--how-desert-ivory-rgb: 238, 229, 212;--how-navy: #0d1830;--how-navy-rgb: 13, 24, 48;--how-sterling: #bcc2cb;--how-pearl: #e7eaef;--how-pearl-rgb: 231, 234, 239;--how-navy-soft: #20305a;--how-navy-soft-rgb: 32, 48, 90;--how-claret: #5a212b;--how-claret-rgb: 90, 33, 43;--how-steel: #33404f;--how-steel-rgb: 51, 64, 79;--how-royal-ivory: #f3efe4;--how-royal-ivory-rgb: 243, 239, 228;--how-oxblood: #651d25;--how-ink: #171a20;--how-font-serif: "Cormorant Garamond", "Times New Roman", serif;--how-font-sans: "Manrope", -apple-system, "Helvetica Neue", sans-serif;--how-font-display: var(--how-font-serif);--how-serif-beside-13: 1.125rem;--how-serif-beside-15: 1.3125rem;--how-serif-beside-17: 1.5rem;--how-ease: cubic-bezier(.22, .61, .36, 1);--how-quick: .26s;--how-mid: .42s;--how-slow: .64s;--how-surface-bg: var(--how-porcelain);--how-surface-fg: var(--how-charcoal);--how-surface-fg-rgb: var(--how-charcoal-rgb);--how-metal: var(--how-accent-ink, var(--how-charcoal));--how-plate: radial-gradient( 110% 92% at 50% 20%, rgba(var(--how-surface-fg-rgb), .05), transparent 62% );--how-rule-metal: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--how-metal) 55%, transparent) 16%, color-mix(in srgb, var(--how-metal) 55%, transparent) 84%, transparent );--how-rule-metal-vertical: linear-gradient( 180deg, transparent, color-mix(in srgb, var(--how-metal) 40%, transparent) 18%, color-mix(in srgb, var(--how-metal) 40%, transparent) 82%, transparent );--how-hairline: color-mix(in srgb, var(--how-metal) 26%, transparent);--how-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)' opacity='0.07'/%3E%3C/svg%3E");--how-vignette: radial-gradient(125% 105% at 50% 38%, transparent 38%, rgba(0, 0, 0, .62) 100%)}:root{--heading-font-family: var(--how-font-serif);--heading-font-weight: 400;--heading-font-style: normal;--text-font-family: var(--how-font-sans);--text-font-weight: 400;--text-font-style: normal}[data-world=house]{--how-accent: var(--how-platinum);--how-accent-ink: var(--how-charcoal);--how-accent-soft: var(--how-platinum);--how-world-bg: var(--how-midnight);--how-world-fg: var(--how-porcelain);--how-world-fg-rgb: var(--how-porcelain-rgb)}[data-world=oasis]{--how-accent: var(--how-gold);--how-accent-ink: var(--how-gold);--how-accent-soft: var(--how-champagne);--how-world-bg: var(--how-obsidian);--how-world-fg: var(--how-desert-ivory);--how-world-fg-rgb: var(--how-desert-ivory-rgb)}[data-world=decree]{--how-accent: var(--how-sterling);--how-accent-ink: var(--how-navy);--how-accent-soft: var(--how-royal-ivory);--how-world-bg: var(--how-navy);--how-world-fg: var(--how-royal-ivory);--how-world-fg-rgb: var(--how-royal-ivory-rgb)}.how-surface{background-color:var(--how-surface-bg);color:var(--how-surface-fg);font-family:var(--how-font-sans)}.how-surface--porcelain{--how-surface-bg: var(--how-porcelain);--how-surface-fg: var(--how-charcoal);--how-surface-fg-rgb: var(--how-charcoal-rgb)}.how-surface--midnight{--how-surface-bg: var(--how-midnight);--how-surface-fg: var(--how-porcelain);--how-surface-fg-rgb: var(--how-porcelain-rgb)}.how-surface--navy{--how-surface-bg: var(--how-navy);--how-surface-fg: var(--how-porcelain);--how-surface-fg-rgb: var(--how-porcelain-rgb)}.how-surface--obsidian{--how-surface-bg: var(--how-obsidian);--how-surface-fg: var(--how-desert-ivory);--how-surface-fg-rgb: var(--how-desert-ivory-rgb);--how-accent: var(--how-gold)}.how-surface--ivory{--how-surface-bg: var(--how-royal-ivory);--how-surface-fg: var(--how-charcoal);--how-surface-fg-rgb: var(--how-charcoal-rgb);--how-metal: var(--how-gold)}.how-surface--paper{--how-surface-bg: var(--how-royal-ivory);--how-surface-fg: var(--how-navy);--how-surface-fg-rgb: var(--how-navy-rgb);--how-metal: var(--how-navy)}.how-surface--stone{--how-surface-bg: var(--how-pearl);--how-surface-fg: var(--how-navy);--how-surface-fg-rgb: var(--how-navy-rgb);--how-metal: var(--how-navy)}.how-surface--indigo{--how-surface-bg: var(--how-navy-soft);--how-surface-fg: var(--how-royal-ivory);--how-surface-fg-rgb: var(--how-royal-ivory-rgb);--how-metal: var(--how-sterling)}.how-surface--claret{--how-surface-bg: var(--how-claret);--how-surface-fg: var(--how-royal-ivory);--how-surface-fg-rgb: var(--how-royal-ivory-rgb);--how-metal: var(--how-royal-ivory)}.how-surface--steel{--how-surface-bg: var(--how-steel);--how-surface-fg: var(--how-royal-ivory);--how-surface-fg-rgb: var(--how-royal-ivory-rgb);--how-metal: var(--how-sterling)}.how-surface--world{--how-surface-bg: var(--how-world-bg);--how-surface-fg: var(--how-world-fg);--how-surface-fg-rgb: var(--how-world-fg-rgb)}.how-surface--midnight,.how-surface--navy,.how-surface--obsidian,.how-surface--world{--how-metal: var(--how-accent, currentColor);--how-plate: radial-gradient( 110% 92% at 50% 20%, rgba(var(--how-surface-fg-rgb), .16), transparent 62% )}.how-surface--porcelain{--how-metal: var(--how-accent-ink, var(--how-charcoal))}:root,.how-surface--ivory,.how-surface--paper,.how-surface--stone,.how-surface--indigo,.how-surface--claret,.how-surface--steel,.how-surface--porcelain,.how-surface--midnight,.how-surface--navy,.how-surface--obsidian,.how-surface--world{--how-rule-metal: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--how-metal) 55%, transparent) 16%, color-mix(in srgb, var(--how-metal) 55%, transparent) 84%, transparent );--how-rule-metal-vertical: linear-gradient( 180deg, transparent, color-mix(in srgb, var(--how-metal) 40%, transparent) 18%, color-mix(in srgb, var(--how-metal) 40%, transparent) 82%, transparent );--how-hairline: color-mix(in srgb, var(--how-metal) 26%, transparent)}.how-container{width:100%;max-width:var(--page-width, 87.5rem);margin:0 auto;padding:0 1.25rem}@media(min-width:750px){.how-container{padding:0 2.5rem}}em,i,cite,address,blockquote,.prose em,.prose i,.prose figcaption,.prose blockquote,.rte em,.rte i,.inventory{font-style:normal}.shopify-section--main-page .section-header h1{font-size:clamp(2.25rem,1.7rem + 1.8vw,3rem)}.how-eyebrow{margin:0;font-family:var(--how-font-sans);font-size:.6875rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.how-eyebrow--ruled{display:flex;align-items:center;gap:1rem}.how-eyebrow--ruled:before{content:"";width:2.75rem;height:1px;flex:none;background-color:var(--how-metal)}.badge--sold-out{padding:.25rem .625rem;border:1px solid rgba(var(--how-desert-ivory-rgb),.3);background:#080808a8;font-family:var(--how-font-sans);font-size:.6875rem;font-weight:500;letter-spacing:.22em;color:var(--how-champagne);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.how-cta{display:inline-flex;align-items:center;justify-content:center;gap:.875rem;padding:1.0625rem 2.5rem;border:1px solid var(--how-metal);background:none;color:inherit;font-family:var(--how-font-sans);font-size:.75rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--how-mid) var(--how-ease),color var(--how-mid) var(--how-ease)}.how-cta__arrow{width:1.875rem;flex:none;transition:transform var(--how-mid) var(--how-ease)}.how-cta:hover,.how-cta:focus-visible{background-color:var(--how-metal);color:var(--how-surface-bg)}.how-cta:hover .how-cta__arrow,.how-cta:focus-visible .how-cta__arrow{transform:translate(.25rem)}.how-cta--line{gap:1.25rem;padding:0 0 .875rem;border:0;border-block-end:1px solid var(--how-hairline);transition:border-color var(--how-mid) var(--how-ease),color var(--how-mid) var(--how-ease)}.how-cta--line:hover,.how-cta--line:focus-visible{background:none;border-block-end-color:var(--how-metal);color:var(--how-metal)}.how-cta--line:hover .how-cta__arrow,.how-cta--line:focus-visible .how-cta__arrow{transform:translate(.375rem)}.how-cta--circle{gap:1.125rem;padding:0;border:0}.how-cta--circle:hover,.how-cta--circle:focus-visible{background:none;color:inherit}.how-cta__ring{display:grid;place-items:center;width:3.25rem;height:3.25rem;flex:none;border:1px solid var(--how-metal);border-radius:50%;transition:background-color var(--how-mid) var(--how-ease),color var(--how-mid) var(--how-ease)}.how-cta__ring svg{width:1.125rem;transition:transform var(--how-mid) var(--how-ease)}.how-cta--circle:hover .how-cta__ring,.how-cta--circle:focus-visible .how-cta__ring{background-color:var(--how-metal);color:var(--how-surface-bg)}.how-cta--circle:hover .how-cta__ring svg,.how-cta--circle:focus-visible .how-cta__ring svg{transform:translate(.1875rem)}@media(max-width:749px){.how-cta{gap:.625rem;padding:.8125rem 1.25rem;font-size:.6875rem;letter-spacing:.16em}.how-cta__arrow{width:1.375rem}.how-cta--circle{gap:.875rem;padding:0}.how-cta__ring{width:2.75rem;height:2.75rem}}@media(prefers-reduced-motion:reduce){:root{--how-quick: 1ms;--how-mid: 1ms;--how-slow: 1ms}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-foundation.css.map */
