/*!
 * lookbook.css — shared styles for the lookbook + drop calendar system.
 *
 * Used by:
 *   sections/drop-calendar-landing.liquid
 *   sections/drop-article.liquid
 *   sections/lookbook-landing-v2.liquid
 *   sections/lookbook-tab.liquid
 *   sections/shop-the-look-modal.liquid
 *
 * Loaded once via theme.liquid (cached cross-page).
 *
 * Conventions:
 *   - Block names match the Liquid class names (`.lookbook-look-card`,
 *     `.drop-tile`, `.shop-the-look-panel`, `.drop-article-header`)
 *   - Modifiers: `--variant-name` (e.g. `.drop-tile--hero`)
 *   - States: `--state-pre`, `--state-live`, `--state-past`
 *   - All sizes use rems where possible; fall back to fixed px for grid gaps
 *
 * Performance:
 *   - No `@import` (avoid render-blocking serial chains)
 *   - Use `aspect-ratio` for images, not padding-bottom hacks
 *   - Keep specificity low; rely on cascade order rather than `!important`
 */.collection-view-switcher__title{text-align:center;margin:var(--spacing-4) 0 var(--spacing-2);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:400;letter-spacing:0}.collection-view-switcher__title--cursive{font-family:"Birds of Paradise  Personal use",cursive;font-style:italic}@media(max-width:749px){.collection-view-switcher__title{margin:var(--spacing-3) 0 var(--spacing-1);font-size:clamp(1.25rem,6vw,1.75rem)}}.collection-view-switcher__tabs{display:flex;justify-content:center;align-items:center;gap:var(--spacing-5);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid #eee;background:#fff}.collection-view-switcher__tab{background:transparent;border:0;padding:var(--spacing-1) 0;font-size:.875rem;letter-spacing:0;color:#888;cursor:pointer;position:relative;font-family:inherit;transition:color .2s ease}@media(max-width:749px){.collection-view-switcher__tabs{padding:var(--spacing-1) var(--spacing-3);gap:var(--spacing-4)}.collection-view-switcher__tab{font-size:.75rem}}.collection-view-switcher__tab:hover,.collection-view-switcher__tab--active{color:#000}.collection-view-switcher__tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#000}.drop-calendar-landing{background:var(--cal-section-bg, #fff)}.drop-calendar-landing__tabs{display:flex;justify-content:center;align-items:center;gap:var(--spacing-5);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--cal-tab-border, #eee);background:var(--cal-tab-bg, #fff)}.drop-calendar-landing__tab{background:transparent;border:0;padding:var(--spacing-1) 0;font-size:.875rem;letter-spacing:0;color:var(--cal-tab-color, #888);cursor:pointer;position:relative;font-family:inherit}@media(max-width:749px){.drop-calendar-landing__tabs{padding:var(--spacing-1) var(--spacing-3);gap:var(--spacing-4)}.drop-calendar-landing__tab{font-size:.75rem}}.drop-calendar-landing__tab:hover,.drop-calendar-landing__tab--active{color:var(--cal-tab-active-color, #000)}.drop-calendar-landing__tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--cal-tab-underline, #000)}.drop-calendar-landing__tiles{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.drop-calendar-landing__tiles[hidden]{display:none}.drop-calendar-landing__tile-wrap{margin:0}.drop-calendar-landing__empty{text-align:center;padding:var(--spacing-10);opacity:.5;list-style:none}.drop-tile{position:relative;display:block;width:100%;text-decoration:none;color:inherit;overflow:hidden;isolation:isolate}.drop-tile__media{width:100%;aspect-ratio:16 / 9;overflow:hidden}.drop-tile--hero .drop-tile__media{aspect-ratio:4 / 5}@media(min-width:750px){.drop-tile--hero .drop-tile__media{aspect-ratio:16 / 9}}.drop-tile__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.drop-tile:hover .drop-tile__media img{transform:scale(1.02)}.drop-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:var(--spacing-6) var(--spacing-5);color:var(--tile-headline-color, #fff);background:linear-gradient(180deg,transparent 50%,var(--tile-overlay-gradient, rgba(0,0,0,.6)) 100%);pointer-events:none}@media(max-width:749px){.drop-tile__overlay{padding:var(--spacing-4) var(--spacing-3)}}.drop-tile--text-m-top .drop-tile__overlay{justify-content:flex-start}.drop-tile--text-m-middle .drop-tile__overlay{justify-content:center}.drop-tile--text-m-bottom .drop-tile__overlay{justify-content:flex-end}.drop-tile--align-m-left .drop-tile__overlay{align-items:flex-start;text-align:left}.drop-tile--align-m-center .drop-tile__overlay{align-items:center;text-align:center}.drop-tile--align-m-right .drop-tile__overlay{align-items:flex-end;text-align:right}@media(min-width:750px){.drop-tile--text-d-top .drop-tile__overlay{justify-content:flex-start}.drop-tile--text-d-middle .drop-tile__overlay{justify-content:center}.drop-tile--text-d-bottom .drop-tile__overlay{justify-content:flex-end}.drop-tile--align-d-left .drop-tile__overlay{align-items:flex-start;text-align:left}.drop-tile--align-d-center .drop-tile__overlay{align-items:center;text-align:center}.drop-tile--align-d-right .drop-tile__overlay{align-items:flex-end;text-align:right}}.drop-tile__subhead{font-family:"Birds of Paradise  Personal use",cursive;font-size:1.5rem;letter-spacing:0;opacity:.95;margin:0 0 var(--spacing-1);color:var(--tile-subhead-color, inherit);font-style:italic}.drop-tile__headline{font-size:clamp(1.75rem,5vw,3rem);letter-spacing:.02em;margin:0 0 var(--spacing-2);font-weight:700;line-height:1;text-transform:uppercase}.drop-tile--tile .drop-tile__headline{font-size:clamp(1.25rem,2.5vw,2rem)}.drop-tile--nav-thumb .drop-tile__headline{font-size:1rem}.drop-tile__date{font-size:.875rem;opacity:.9;margin:0 0 var(--spacing-2)}.drop-tile__countdown{display:flex;gap:var(--spacing-2);margin:0 0 var(--spacing-3);font-size:.875rem}.drop-tile__countdown-unit{display:inline-flex;align-items:baseline;gap:2px}.drop-tile__countdown-num{font-weight:700;font-size:1.125rem}.drop-tile__countdown-label{font-size:.625rem;opacity:.8;font-style:italic}.drop-tile__ctas{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-2);pointer-events:auto;flex-wrap:wrap;justify-content:inherit;align-items:center}.drop-tile__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-1) 0;font-size:.9375rem;letter-spacing:0;text-decoration:underline;text-underline-offset:4px;background:transparent;border:0;white-space:nowrap;transition:opacity .2s ease}.drop-tile__cta--primary{color:var(--tile-cta-primary-text, #fff);font-weight:500}.drop-tile__cta--secondary{color:var(--tile-cta-secondary-text, #fff);font-weight:400;opacity:.95}.drop-tile__cta:hover{opacity:.7}@media(max-width:749px){.drop-tile__ctas{gap:var(--spacing-3)}.drop-tile__cta{font-size:.875rem}}.drop-article-header{display:flex;flex-direction:column;background:var(--drop-header-bg, #fff);color:var(--drop-header-text, #000);position:relative}.drop-article-header__media{flex:0 0 auto}.drop-article-header__media img{width:100%;height:auto;object-fit:cover;display:block;aspect-ratio:4 / 5}.drop-article-header__content{padding:var(--spacing-6) var(--spacing-5);display:flex;flex-direction:column;justify-content:center;background:var(--drop-header-bg, #fff);color:var(--drop-header-text, #000)}@media(min-width:750px){.drop-article-header--layout-split{flex-direction:row;min-height:80vh}.drop-article-header--layout-split .drop-article-header__media,.drop-article-header--layout-split .drop-article-header__content{flex:1 1 50%}.drop-article-header--layout-split .drop-article-header__media img{height:100%;aspect-ratio:auto}.drop-article-header--layout-split .drop-article-header__content{padding:var(--spacing-10) var(--spacing-8)}}.drop-article-header--layout-overlay{position:relative;min-height:80vh}.drop-article-header--layout-overlay .drop-article-header__media{position:absolute;top:0;right:0;bottom:0;left:0}.drop-article-header--layout-overlay .drop-article-header__media img{width:100%;height:100%;aspect-ratio:auto}.drop-article-header--layout-overlay .drop-article-header__content{position:relative;background:transparent;z-index:2;min-height:80vh;padding:var(--spacing-10) var(--spacing-6)}.drop-article-header--layout-overlay.drop-article-header--text-top .drop-article-header__content{justify-content:flex-start}.drop-article-header--layout-overlay.drop-article-header--text-center .drop-article-header__content{justify-content:center}.drop-article-header--layout-overlay.drop-article-header--text-bottom .drop-article-header__content{justify-content:flex-end}.drop-article-header--layout-image-only .drop-article-header__media img{height:auto;max-height:80vh}.drop-article-header--align-left .drop-article-header__content{align-items:flex-start;text-align:left}.drop-article-header--align-center .drop-article-header__content{align-items:center;text-align:center}.drop-article-header--align-right .drop-article-header__content{align-items:flex-end;text-align:right}.drop-article-header__subhead{font-family:"Birds of Paradise  Personal use",cursive;font-size:clamp(1.25rem,3vw,1.75rem);letter-spacing:0;margin:0 0 var(--spacing-2);color:var(--drop-header-subhead, inherit)}.drop-article-header__headline{font-size:clamp(2rem,6vw,5rem);letter-spacing:-.02em;font-weight:700;line-height:.95;margin:0 0 var(--spacing-4)}.drop-article-header__countdown{margin:0 0 var(--spacing-4)}.drop-article-header__description{font-size:1rem;opacity:.8;margin:0 0 var(--spacing-5);max-width:480px}.drop-article-header__signup-heading{font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;margin:0 0 var(--spacing-3);font-weight:500}.drop-article-header__signup{width:100%;max-width:480px}.drop-article-header__cta{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background:var(--drop-header-cta-bg, #000);color:var(--drop-header-cta-text, #fff);border:0;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .2s ease;min-width:200px}.drop-article-header__cta:hover{opacity:.85}@media(max-width:749px){.drop-article-header__content{padding:var(--spacing-5) var(--spacing-4)}.drop-article-header__cta{width:100%;min-width:0}.drop-article-header__media img{max-height:65vh}}.drop-article__gallery{display:flex;flex-direction:column;gap:4px;margin:0}.drop-row{width:100%}.drop-row--full{display:block}.drop-row--split_2{display:grid;grid-template-columns:1fr 1fr;gap:4px}.drop-row--split_3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}@media(max-width:749px){.drop-row--split_2,.drop-row--split_3{grid-template-columns:1fr}}.drop-row__media{width:100%;height:auto;display:block;object-fit:cover}.lookbook-landing{background:var(--ll-section-bg, transparent)}.lookbook-landing__tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-5);padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--ll-tab-border, #eee);background:var(--ll-tab-bg, #fff)}.lookbook-landing__tabs--count-1 .lookbook-landing__tab{cursor:default;font-size:.875rem;letter-spacing:0}.lookbook-landing__tab{background:transparent;border:0;padding:var(--spacing-1) 0;font-size:.875rem;letter-spacing:0;color:var(--ll-tab-color, #888);cursor:pointer;position:relative;font-family:inherit;transition:color .2s ease}@media(max-width:749px){.lookbook-landing__tabs{padding:var(--spacing-1) var(--spacing-3);gap:var(--spacing-4)}.lookbook-landing__tab,.lookbook-landing__tabs--count-1 .lookbook-landing__tab{font-size:.75rem}}.lookbook-landing__tab:hover,.lookbook-landing__tab--active{color:var(--ll-tab-active-color, #000)}.lookbook-landing__tabs:not(.lookbook-landing__tabs--count-1) .lookbook-landing__tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ll-tab-underline, #000)}.lookbook-landing .lookbook-look-card__title{color:var(--ll-card-title-color, inherit)}.lookbook-landing__panel[hidden]{display:none}.lookbook-landing__empty,.lookbook-tab__empty{text-align:center;padding:var(--spacing-10);opacity:.5}.lookbook-tab{background:var(--lt-section-bg, transparent)}.lookbook-tab__heading{color:var(--lt-heading-color, inherit);text-align:center;margin:var(--spacing-6) 0 var(--spacing-4);font-size:var(--fs-heading-3, 1.5rem);letter-spacing:.05em;text-transform:uppercase}.lookbook-tab .lookbook-look-card__title{color:var(--lt-card-title-color, inherit)}.lookbook-tab .lookbook-look-card__hotspot{background:var(--lt-hotspot-color, #fff)}.lookbook-grid{display:grid;gap:2px}.lookbook-grid--cols-1{grid-template-columns:1fr}.lookbook-grid--cols-2{grid-template-columns:repeat(2,1fr)}.lookbook-grid--cols-3{grid-template-columns:repeat(3,1fr)}.lookbook-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:749px){.lookbook-grid--cols-1,.lookbook-grid--cols-2,.lookbook-grid--cols-3,.lookbook-grid--cols-4{grid-template-columns:repeat(2,1fr)}}.lookbook-look-card{position:relative;display:block;width:100%;background:transparent;border:0;padding:0;cursor:pointer;overflow:hidden;text-align:left;color:inherit;font:inherit}.lookbook-look-card__media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden}.lookbook-look-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.lookbook-look-card:hover .lookbook-look-card__media img{transform:scale(1.03)}.lookbook-look-card__hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);width:32px;height:32px;border-radius:50%;background:#ffffffe6;box-shadow:0 2px 8px #00000040;transform:translate(-50%,-50%);pointer-events:none;transition:transform .2s ease}.lookbook-look-card__hotspot:after{content:"+";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#000}.lookbook-look-card:hover .lookbook-look-card__hotspot{transform:translate(-50%,-50%) scale(1.1)}.lookbook-look-card__shop-badge{position:absolute;bottom:10px;left:10px;width:32px;height:32px;border-radius:50%;background:#fffffff2;color:#000;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 1px 3px #00000026;transition:transform .2s ease,background .2s ease;z-index:2}.lookbook-look-card:hover .lookbook-look-card__shop-badge{transform:scale(1.06);background:#fff}@media(max-width:749px){.lookbook-look-card__shop-badge{bottom:8px;left:8px;width:28px;height:28px}}.lookbook-look-card__title{display:block;font-size:.875rem;margin-top:var(--spacing-2);letter-spacing:.05em;text-transform:uppercase}.shop-the-look-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none}.shop-the-look-modal:not([hidden]){pointer-events:auto}.shop-the-look-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stl-backdrop, rgba(0, 0, 0, .5));opacity:0;transition:opacity .25s ease}.shop-the-look-modal.is-open .shop-the-look-modal__backdrop{opacity:1}.shop-the-look-modal__container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);background:var(--stl-modal-bg, #fff);color:var(--stl-modal-text, #000)}@media(min-width:960px){.shop-the-look-modal__container{top:0;right:0;bottom:0;left:0}}.shop-the-look-modal.is-open .shop-the-look-modal__container{transform:translate(0)}.shop-the-look-panel{display:flex;flex-direction:column;width:100%;height:100%;background:var(--stl-modal-bg, #fff);color:var(--stl-modal-text, #000)}@media(min-width:960px){.shop-the-look-panel{flex-direction:row}}.shop-the-look-panel__image-col{flex:0 0 auto;position:relative;background:#f5f5f5;max-height:55vh;overflow:hidden}@media(min-width:960px){.shop-the-look-panel__image-col{flex:1 1 50%;max-width:50%;max-height:none}}.shop-the-look-panel__media{position:relative;width:100%;height:100%}.shop-the-look-panel__media picture,.shop-the-look-panel__media img{width:100%;height:100%;object-fit:cover;display:block}.shop-the-look-panel__siblings{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;padding:var(--spacing-3);gap:var(--spacing-2)}.shop-the-look-panel__position{font-size:.875rem;background:#ffffffe6;padding:2px 8px;letter-spacing:.05em}.shop-the-look-panel__sibling-strip{display:flex;gap:var(--spacing-1);overflow-x:auto;scrollbar-width:none}.shop-the-look-panel__sibling-strip::-webkit-scrollbar{display:none}.shop-the-look-panel__sibling{flex:0 0 56px;width:56px;height:70px;background:#fffffff2;border:1px solid transparent;padding:2px;cursor:pointer;transition:border-color .15s ease}.shop-the-look-panel__sibling:hover{border-color:#000}.shop-the-look-panel__sibling img{width:100%;height:100%;object-fit:cover;display:block}.shop-the-look-panel__content-col{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}@media(min-width:960px){.shop-the-look-panel__content-col{flex:1 1 50%;max-width:50%}}.shop-the-look-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--stl-header-border, #eee);flex:0 0 auto}.shop-the-look-panel__title{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--stl-title-color, inherit)}.shop-the-look-panel__close{background:transparent;border:0;cursor:pointer;padding:var(--spacing-1);line-height:0;color:inherit}.shop-the-look-panel__products{flex:1 1 auto;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-5)}.shop-the-look-panel__footer{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;border-top:1px solid var(--stl-footer-border, #eee);background:var(--stl-footer-bg, #fff)}.shop-the-look-panel__rewards{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-3) var(--spacing-4);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--stl-rewards-color, inherit)}.shop-the-look-panel__cta{width:100%;padding:var(--spacing-4);background:var(--stl-cta-bg, #000);color:var(--stl-cta-text, #fff);border:0;font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.shop-the-look-panel__cta:disabled{opacity:.6;cursor:wait}.stl-product{display:flex;gap:var(--spacing-3);align-items:flex-start}.stl-product.is-missing-size{outline:2px solid #c00;outline-offset:4px}.stl-product__thumb{flex:0 0 80px;background:#f5f5f5}.stl-product__thumb img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.stl-product__info{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.stl-product__title{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--stl-product-title, inherit);text-decoration:none;line-height:1.3}.stl-product__title:hover{text-decoration:underline}.stl-product__price{font-size:.75rem;margin-bottom:var(--spacing-2);color:var(--stl-product-price, inherit)}.stl-product__size-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:0;margin-top:var(--spacing-2);gap:var(--spacing-3)}.stl-product__size-label{color:#666;white-space:nowrap;flex:0 0 auto}.stl-product__size-guide{white-space:nowrap;flex:0 0 auto}.stl-product__size-guide{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;cursor:pointer;color:inherit;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit}.stl-product__size-guide u{text-underline-offset:2px}.stl-product__sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:4px;margin-top:var(--spacing-2)}.stl-product__size{padding:var(--spacing-2) 0;border:1px solid var(--stl-size-border, #ddd);background:var(--stl-size-bg, #fff);color:var(--stl-size-text, #000);font-size:.75rem;letter-spacing:.05em;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-align:center}.stl-product__size:hover:not(.stl-product__size--sold-out){background:#f5f5f5;border-color:#888}.stl-product__size.is-selected{background:var(--stl-size-selected-bg, #000);color:var(--stl-size-selected-text, #fff);border-color:var(--stl-size-selected-bg, #000)}.stl-product__size--sold-out{text-decoration:line-through;opacity:.4;cursor:not-allowed;pointer-events:none}.stl-product__add{width:100%;margin-top:var(--spacing-2);padding:var(--spacing-2);background:var(--stl-add-bg, #fff);color:var(--stl-add-text, #000);border:1px solid var(--stl-add-border, #000);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease}.stl-product__add:hover{background:var(--stl-add-text, #000);color:var(--stl-add-bg, #fff)}.stl-product__add:disabled{opacity:.6;cursor:wait}.drop-signup-form{width:100%;max-width:480px}.drop-signup-form--unconfigured{padding:var(--spacing-3);background:#f9f9f9;color:#777;text-align:center;font-size:.875rem}.section--vertical-padding-top-bottom{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.section--vertical-padding-top-only{padding-top:var(--spacing-4)}.section--vertical-padding-bottom-only{padding-bottom:var(--spacing-4)}.section--vertical-padding-none{padding-top:0;padding-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/184/assets/lookbook.css.map */