.gloom-hero{position:relative;min-height:90vh;display:flex;flex-direction:column;justify-content:space-between;padding-block:1.5rem 3rem;overflow:hidden}@media screen and (min-width:990px){.gloom-hero{min-height:100vh}}.gloom-hero__glow{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:#3ba3da6b;filter:blur(130px);transition:all 1s ease-out}@keyframes gloom-throb{0%,to{opacity:1}50%{opacity:.45}}.gloom-hero--ache .gloom-hero__glow{animation:gloom-throb 1.3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.gloom-hero--ache .gloom-hero__glow{animation:none}}.gloom-hero__top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding-top:.5rem}.gloom-hero__eyebrow{display:flex;align-items:center;gap:.5rem}.gloom-hero__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--gloom-primary-container);box-shadow:0 0 10px #3ba3dacc;animation:gloom-pulse 2.4s ease-in-out infinite}@keyframes gloom-pulse{0%,to{opacity:1}50%{opacity:.4}}.gloom-hero__note{display:none;max-width:240px;text-align:right;font:var(--gloom-text-label-editorial);color:var(--gloom-on-surface-variant)}@media screen and (min-width:640px){.gloom-hero__note{display:block}}.gloom-hero__stage{position:relative;z-index:1;margin:auto 0;display:grid;place-items:center;padding-block:1.5rem}.gloom-hero__headline{grid-area:1 / 1;z-index:1;width:min(92vw,30rem);margin-inline:auto;padding-inline:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--gloom-font-display);font-weight:400;letter-spacing:-.02em;font-size:clamp(3.6rem,11vw,4.4rem);line-height:1.05;color:var(--gloom-on-surface)}@media screen and (min-width:750px){.gloom-hero__headline{font:var(--gloom-text-display-hero);width:min(85vw,62rem)}}.gloom-hero__headline-right{text-align:right}.gloom-hero__image-frame{grid-area:1 / 1;position:relative;z-index:2;width:100%;max-width:320px;aspect-ratio:4 / 5}@media screen and (min-width:750px){.gloom-hero__image-frame{max-width:480px}}.gloom-hero__image{display:block;width:100%;height:100%}.gloom-hero__image img{width:100%;height:100%;object-fit:contain;transition:transform .7s ease-out}.gloom-hero__image-frame:hover img{transform:scale(1.05)}.gloom-hero__cta{position:absolute;left:50%;bottom:-1.25rem;transform:translate(-50%)}.gloom-hero__mood-dock{position:absolute;left:var(--gloom-gutter-mobile);bottom:.5rem;z-index:3;display:flex;flex-direction:column;gap:16px;padding:.35rem;border-radius:var(--gloom-radius-full);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@media screen and (min-width:990px){.gloom-hero__mood-dock{bottom:5rem}}.gloom-mood-btn{position:relative;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--gloom-on-surface-variant);cursor:pointer;transition:background-color .2s ease,color .2s ease}.gloom-mood-btn:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.gloom-mood-btn:hover{color:var(--gloom-primary-container)}.gloom-mood-btn.is-active{background:var(--gloom-surface-container);color:var(--gloom-mood-active-color, var(--gloom-primary-container));box-shadow:0 0 12px var(--gloom-mood-active-shadow, rgba(59, 163, 218, .3))}.gloom-hero__quick-links{position:relative;z-index:1;padding-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;font:var(--gloom-text-caption);color:var(--gloom-on-surface-variant)}.gloom-hero__quick-link{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none;transition:color .2s ease}.gloom-hero__quick-link:hover{color:var(--gloom-primary-container)}.gloom-feeling{padding-block:var(--gloom-space-xl)}.gloom-feeling__intro{display:flex;flex-direction:column;gap:var(--gloom-space-lg);margin-bottom:4rem}@media screen and (min-width:990px){.gloom-feeling__intro{flex-direction:row;align-items:flex-end;justify-content:space-between}}.gloom-feeling__heading{font:var(--gloom-text-headline-lg-mobile);color:var(--gloom-on-surface);margin:.75rem 0 0}@media screen and (min-width:750px){.gloom-feeling__heading{font:var(--gloom-text-headline-lg)}}.gloom-feeling__description{max-width:28rem;font:var(--gloom-text-body-lg);color:var(--gloom-on-surface-variant)}.gloom-feeling__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:990px){.gloom-feeling__grid{grid-template-columns:repeat(12,1fr);align-items:stretch}.gloom-feeling__card--wide{grid-column:span 7}.gloom-feeling__card:not(.gloom-feeling__card--wide){grid-column:span 5}}.gloom-feeling__card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:460px;border-radius:var(--gloom-radius-lg);overflow:hidden;background:var(--gloom-surface-container);padding:2rem;color:var(--gloom-on-surface);text-decoration:none;transition:transform .5s ease}@media screen and (min-width:750px){.gloom-feeling__card{min-height:560px;padding:2.5rem}}.gloom-feeling__card:hover{transform:translateY(-4px)}.gloom-feeling__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out}.gloom-feeling__card:hover .gloom-feeling__card-image{transform:scale(1.05)}.gloom-feeling__card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(18,50,71,.9),rgba(18,50,71,.3) 60%,transparent)}.gloom-feeling__card-top,.gloom-feeling__card-bottom{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.gloom-feeling__card-index{font:var(--gloom-text-headline-md);font-weight:300;color:#ffffffe0}.gloom-feeling__card-title{font:var(--gloom-text-headline-lg-mobile);margin:0}@media screen and (min-width:750px){.gloom-feeling__card-title{font:var(--gloom-text-headline-md)}}.gloom-feeling__card-text{font:var(--gloom-text-caption);color:var(--gloom-on-surface-variant);max-width:20rem;margin:.5rem 0 0}.gloom-feeling__card-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background-color .2s ease,color .2s ease}.gloom-feeling__card:hover .gloom-feeling__card-icon{background:var(--gloom-primary-container);color:var(--gloom-on-primary)}.gloom-mood{padding-block:var(--gloom-space-xl)}.gloom-mood__intro{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}@media screen and (min-width:750px){.gloom-mood__intro{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1.5rem}}.gloom-mood__heading{font:var(--gloom-text-headline-lg-mobile);color:var(--gloom-on-surface);margin:.5rem 0 0}@media screen and (min-width:750px){.gloom-mood__heading{font:var(--gloom-text-headline-lg)}}.gloom-mood__description{max-width:24rem;font:var(--gloom-text-body-md);color:var(--gloom-on-surface-variant);margin:0}.gloom-mood__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media screen and (min-width:560px){.gloom-mood__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.gloom-mood__grid{grid-template-columns:repeat(4,1fr)}}.gloom-mood__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:24rem;border-radius:var(--gloom-radius-lg);overflow:hidden;background:var(--gloom-surface-container);padding:1.5rem;text-decoration:none;color:var(--gloom-on-surface);transition:transform .5s ease}.gloom-mood__card:hover{transform:translateY(-6px)}.gloom-mood__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.gloom-mood__card:hover .gloom-mood__card-image{transform:scale(1.05)}.gloom-mood__card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(18,50,71,.95),rgba(18,50,71,.4) 60%,transparent)}.gloom-mood__card-content{position:relative;z-index:1}.gloom-mood__card-title{font:var(--gloom-text-headline-md);margin:.25rem 0}.gloom-mood__card-text{font:var(--gloom-text-caption);color:var(--gloom-on-surface-variant);margin:0}.gloom-products{padding-block:var(--gloom-space-xl)}.gloom-products__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem}.gloom-products__heading{font:500 28px/34px var(--gloom-font-headline);color:var(--gloom-on-surface);margin:.5rem 0 0}.gloom-products__view-all{flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem;color:var(--gloom-on-surface-variant);text-decoration:none;font:var(--gloom-text-body-md);transition:color .2s ease}.gloom-products__view-all:hover{color:var(--gloom-primary-container)}.gloom-products__tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.4rem;border-radius:var(--gloom-radius-full);background:var(--gloom-surface-container);width:fit-content;margin-bottom:2.5rem}.gloom-products__tab{border:none;background:transparent;color:var(--gloom-on-surface-variant);border-radius:var(--gloom-radius-full);padding:.5rem 1.5rem;font:var(--gloom-text-body-md);cursor:pointer;transition:background-color .2s ease,color .2s ease}.gloom-products__tab:hover{color:var(--gloom-on-surface)}.gloom-products__tab.is-active{background:var(--gloom-surface-container-highest);color:var(--gloom-primary-container)}.gloom-products__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem .75rem}.gloom-products__grid.is-hidden{display:none}.gloom-products__grid>li,.related-products__grid>li{display:block;width:100%;max-width:none;min-width:0;list-style:none}@media screen and (min-width:560px){.gloom-products__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.gloom-products__grid{grid-template-columns:repeat(var(--gloom-grid-columns, 3),1fr)}}.gloom-products__empty{grid-column:1 / -1;color:var(--gloom-on-surface-variant)}.gloom-categories{padding-block:var(--gloom-space-xl)}.gloom-categories__header{margin-bottom:2.5rem}.gloom-categories__heading{font:500 28px/34px var(--gloom-font-headline);color:var(--gloom-on-surface);margin:.5rem 0 0}.gloom-categories__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media screen and (min-width:750px){.gloom-categories__grid{grid-template-columns:repeat(3,1fr)}}.gloom-categories__card{position:relative;display:flex;align-items:flex-end;height:20rem;border-radius:var(--gloom-radius-lg);overflow:hidden;background:var(--gloom-surface-container);padding:1.5rem;text-decoration:none;transition:transform .5s ease}.gloom-categories__card:hover{transform:translateY(-4px)}.gloom-categories__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.gloom-categories__card:hover .gloom-categories__card-image{transform:scale(1.05)}.gloom-categories__card-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(18,50,71,.88),transparent 65%)}.gloom-categories__card-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;font:var(--gloom-text-headline-md);color:var(--gloom-on-surface)}.gloom-editorial{padding-block:var(--gloom-space-xl)}.gloom-editorial__frame{display:grid;grid-template-columns:1fr;border-radius:var(--gloom-radius-lg);overflow:hidden;background:var(--gloom-surface-container)}@media screen and (min-width:990px){.gloom-editorial__frame{grid-template-columns:7fr 5fr;align-items:center}.gloom-editorial__frame--reverse{grid-template-columns:5fr 7fr}.gloom-editorial__frame--reverse .gloom-editorial__media{order:2}}.gloom-editorial__media{position:relative;min-height:420px}@media screen and (min-width:990px){.gloom-editorial__media{min-height:580px;height:100%}}.gloom-editorial__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gloom-editorial__content{padding:2rem}@media screen and (min-width:750px){.gloom-editorial__content{padding:3.5rem}}.gloom-editorial__eyebrow-row{display:flex;align-items:center;gap:.5rem;color:var(--gloom-primary-container);margin-bottom:1rem}.gloom-editorial__heading{font:var(--gloom-text-headline-lg-mobile);color:var(--gloom-on-surface);margin:0 0 1.5rem}@media screen and (min-width:750px){.gloom-editorial__heading{font:var(--gloom-text-headline-lg)}}.gloom-editorial__description{font:var(--gloom-text-body-lg);color:var(--gloom-on-surface-variant);margin-bottom:2rem}.gloom-editorial__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-block:1.5rem;margin:.5rem 0;border-block:1px solid rgba(18,50,71,.2)}.gloom-editorial__metric-value{display:block;font:var(--gloom-text-headline-md);color:var(--gloom-primary-container);font-weight:400}.gloom-editorial__metric-label{display:block;font:var(--gloom-text-caption);color:var(--gloom-on-surface-variant);text-transform:uppercase}.gloom-editorial__link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.5rem;color:var(--gloom-primary-container);text-decoration:underline;text-underline-offset:8px;text-decoration-color:#3ba3da66}.gloom-editorial__link:hover{text-decoration-color:var(--gloom-primary-container)}.gloom-pillars-newsletter{padding-block:var(--gloom-space-xl)}.gloom-pillars{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:2rem;margin-bottom:4rem;border-bottom:1px solid var(--gloom-outline-variant)}@media screen and (min-width:560px){.gloom-pillars{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.gloom-pillars{grid-template-columns:repeat(4,1fr)}}.gloom-pillars__item{display:flex;flex-direction:column;gap:.75rem}.gloom-pillars__icon{color:var(--gloom-primary-container);font-size:28px}.gloom-pillars__title{font:var(--gloom-text-body-lg);font-weight:500;color:var(--gloom-on-surface);margin:0}.gloom-pillars__text{font:var(--gloom-text-caption);color:var(--gloom-on-surface-variant);margin:0}.gloom-newsletter{position:relative;overflow:hidden;border-radius:var(--gloom-radius-lg);background:var(--gloom-surface-container-low);padding:2rem;display:flex;flex-direction:column;gap:2.5rem}@media screen and (min-width:900px){.gloom-newsletter{flex-direction:row;align-items:center;justify-content:space-between;padding:4rem}}.gloom-newsletter__glow{pointer-events:none;position:absolute;right:-5rem;bottom:-5rem;width:20rem;height:20rem;border-radius:50%;background:#3ba3da1a;filter:blur(90px)}.gloom-newsletter__copy{position:relative;z-index:1;max-width:32rem}.gloom-newsletter__heading{font:var(--gloom-text-headline-md);color:var(--gloom-on-surface);margin:.5rem 0 .75rem}.gloom-newsletter__text{font:var(--gloom-text-body-md);color:var(--gloom-on-surface-variant);margin:0}.gloom-newsletter__form-wrapper{position:relative;z-index:1;width:100%}@media screen and (min-width:900px){.gloom-newsletter__form-wrapper{width:auto}}.gloom-newsletter__field{display:flex;flex-direction:column;gap:.75rem;width:100%}@media screen and (min-width:640px){.gloom-newsletter__field{flex-direction:row}}.gloom-newsletter__field input{width:100%;padding:1rem 1.5rem;border-radius:var(--gloom-radius-full);background:var(--gloom-surface-container-lowest);border:1px solid transparent;color:var(--gloom-on-surface);font:var(--gloom-text-body-md)}@media screen and (min-width:640px){.gloom-newsletter__field input{width:20rem}}.gloom-newsletter__field input:focus-visible{outline:none;border-color:var(--gloom-primary-container)}.gloom-newsletter__message{margin-top:.5rem;font:var(--gloom-text-caption)}.gloom-newsletter__message--success{color:var(--gloom-primary-container)}@media screen and (min-width:750px){.gloom-products__heading,.gloom-categories__heading{font:var(--gloom-text-headline-lg)}.gloom-products__grid{gap:2rem}}.gloom-hero__quick-link,.gloom-products__view-all,.gloom-editorial__link{min-height:44px}.gloom-feeling__card,.gloom-mood__card,.gloom-categories__card{--gloom-on-surface: #ffffff;--gloom-on-surface-variant: #d6e3f0;--gloom-primary-container: #a9c4df}
/*# sourceMappingURL=/cdn/shop/t/31/assets/gloomie-home.css.map */