/** Shopify CDN: Minification failed
Line 16:0 Unexpected "<"
Line 22:2 Expected identifier but found "%"
Line 24:1 Unexpected "<"
Line 33:3 Expected identifier but found "%"
Line 34:3 Unexpected "<"
Line 39:3 Expected identifier but found "%"
Line 41:2 Unexpected "<"
Line 42:4 Unexpected "{"
Line 42:16 Expected ":"
Line 43:3 Unexpected "{"
... and 96 more hidden warnings
**/
{% render 'video-intro' %}
{%- unless settings.type_header_font.system? and settings.type_body_font.system? -%}
{%- endunless -%}
{{ page_title }}
{%- if current_tags %}
– tagged "{{ current_tags | join: ', ' }}"
{%- endif -%}
{%- if current_page != 1 %}
– Page {{ current_page -}}
{%- endif -%}
{%- unless page_title contains shop.name %}
– {{ shop.name -}}
{%- endunless -%}
{%- if settings.favicon -%}
{%- endif -%}
{%- unless settings.heading_font.system? -%}
{%- endunless -%}
{%- unless settings.text_font.system? -%}
{%- endunless -%}
{%- render 'meta-tags' -%}
{%- render 'css-variables' -%}
{%- render 'js-variables' -%}
{% render 'fonts' %}
{% if settings.disable_cart %}
{% endif %}
{{ content_for_header }}
{{- 'theme.css' | asset_url | stylesheet_tag: preload: true -}}
{{- 'lt-4-0-brand-identity.css' | asset_url | stylesheet_tag -}}
{{- 'lt-4-0-components.css' | asset_url | stylesheet_tag -}}
{% if template == 'product' %}
{{- 'product.css' | asset_url | stylesheet_tag: preload: true -}}
{% endif %}
{%- render 'shadow-dom-templates' -%}
{{ 'general.accessibility.skip_to_content' | t }}
{%- if request.page_type != 'password' -%}
{%- sections 'header-group' -%}
{%- sections 'overlay-group' -%}
{%- if settings.cart_type == 'popover' -%}
{%- endif -%}
{%- endif -%}
{%- if request.page_type == 'customers/account'
or request.page_type == 'customers/order'
or request.page_type == 'customers/addresses'
-%}
{%- section 'account-banner' -%}
{%- endif -%}
{{ content_for_layout }}
{%- if request.page_type != 'password' -%}
{%- sections 'footer-group' -%}
{%- endif -%}
/* =========================================================
LT 4.1 — STORE-WIDE PREMIUM SPACING RHYTHM
One spacing system for desktop + mobile. Theme-native sections
inherit these tokens while full-bleed heroes keep their own art direction.
========================================================= */
:root {
--lt-space-section: 48px;
--lt-space-content: 24px;
--lt-space-heading: 16px;
--lt-space-tight: 10px;
--lt-page-gutter: 20px;
--ul-container-gutter: var(--lt-page-gutter);
--ul-section-outer-spacing-block: var(--lt-space-section);
--ul-section-inner-max-spacing-block: var(--lt-space-section);
--ul-section-inner-spacing-inline: var(--lt-page-gutter);
--ul-section-stack-spacing-block: var(--lt-space-content);
--ul-grid-gutter: 16px;
--ul-product-list-row-gap: 32px;
}
.section-stack { gap: var(--lt-space-content) var(--ul-section-stack-spacing-inline, 0px); }
.section-header { margin-block-end: var(--lt-space-content); }
@media screen and (min-width: 750px) {
:root {
--lt-space-section: 64px;
--lt-space-content: 28px;
--lt-space-heading: 16px;
--lt-page-gutter: 32px;
--ul-container-gutter: var(--lt-page-gutter);
--ul-section-outer-spacing-block: var(--lt-space-section);
--ul-section-inner-max-spacing-block: var(--lt-space-section);
--ul-section-inner-spacing-inline: var(--lt-page-gutter);
--ul-section-stack-spacing-block: var(--lt-space-content);
--ul-grid-gutter: 20px;
--ul-product-list-row-gap: 40px;
}
}
@media screen and (min-width: 1150px) {
:root {
--lt-space-section: 72px;
--lt-space-content: 32px;
--lt-page-gutter: 48px;
--ul-container-gutter: var(--lt-page-gutter);
--ul-section-outer-spacing-block: var(--lt-space-section);
--ul-section-inner-max-spacing-block: var(--lt-space-section);
--ul-section-inner-spacing-inline: var(--lt-page-gutter);
--ul-section-stack-spacing-block: var(--lt-space-content);
--ul-grid-gutter: 24px;
--ul-product-list-row-gap: 48px;
}
}
/* =========================================================
LT 5.0 — GLOBAL TYPOGRAPHY HIERARCHY
Same purpose = same typography across the store.
Hero/display artwork and the LT logo remain intentional exceptions.
========================================================= */
:root {
--lt-type-page-title: 48px;
--lt-type-section-title: 28px;
--lt-type-subheading: 18px;
--lt-type-product-title: 16px;
--lt-type-body: 16px;
--lt-type-price: 15px;
--lt-type-button: 13px;
--lt-type-label: 12px;
--lt-type-page-title-mobile: 32px;
--lt-type-section-title-mobile: 22px;
--lt-type-subheading-mobile: 16px;
--lt-type-product-title-mobile: 14px;
--lt-type-body-mobile: 15px;
--lt-type-price-mobile: 14px;
--lt-type-button-mobile: 13px;
--lt-type-label-mobile: 11px;
--lt-type-heading-weight: 700;
--lt-type-ui-weight: 700;
--lt-type-heading-tracking: .12em;
--lt-type-ui-tracking: .14em;
--lt-type-body-leading: 1.55;
}
/* Functional/site typography stays Assistant. Brand marks/logos are image assets and are not overridden. */
body, button, input, select, textarea { font-family: "Assistant", sans-serif; }
/* Page titles */
.lt-cart-title,
.main-page-title,
.collection-header h1,
.collection-banner h1,
.page-header h1:not(.hero__title) {
font-family: "Assistant", sans-serif !important;
font-size: var(--lt-type-page-title) !important;
font-weight: var(--lt-type-heading-weight) !important;
line-height: 1.08 !important;
letter-spacing: var(--lt-type-heading-tracking) !important;
text-transform: uppercase;
}
/* Section titles */
.lt-cart-cross-sell__heading,
.section-header h2,
.section__title,
h2.lt-section-heading {
font-family: "Assistant", sans-serif !important;
font-size: var(--lt-type-section-title) !important;
font-weight: var(--lt-type-heading-weight) !important;
line-height: 1.15 !important;
letter-spacing: var(--lt-type-heading-tracking) !important;
text-transform: uppercase;
}
/* Product-card titles/prices */
.product-card__title,
.product-card__title a,
.lt-cart-cross-sell__title {
font-family: "Assistant", sans-serif !important;
font-size: var(--lt-type-product-title) !important;
font-weight: 700 !important;
line-height: 1.35 !important;
letter-spacing: 0 !important;
}
.product-card .price-list,
.product-card .price,
.lt-cart-cross-sell__price {
font-family: "Assistant", sans-serif !important;
font-size: var(--lt-type-price) !important;
line-height: 1.35 !important;
}
/* Buttons / functional CTAs */
.button,
button.button,
.lt-cart-cross-sell__add,
.lt-cart-drawer__button {
font-family: "Assistant", sans-serif !important;
font-size: var(--lt-type-button) !important;
font-weight: var(--lt-type-ui-weight) !important;
letter-spacing: var(--lt-type-ui-tracking) !important;
text-transform: uppercase;
line-height: 1.2 !important;
}
/* Small labels / eyebrow copy */
.eyebrow,
.lt-eyebrow,
.lt-cart-progress__message,
.lt-cart-trust__item {
font-family: "Assistant", sans-serif !important;
font-size: var(--lt-type-label) !important;
font-weight: var(--lt-type-ui-weight) !important;
letter-spacing: var(--lt-type-ui-tracking) !important;
}
/* Standard body copy */
.lt-body-text,
.rte,
.section-header > p,
.lt-cart-cross-sell__subheading {
font-family: "Assistant", sans-serif !important;
font-size: var(--lt-type-body) !important;
line-height: var(--lt-type-body-leading) !important;
}
@media screen and (max-width: 749px) {
.lt-cart-title,
.main-page-title,
.collection-header h1,
.collection-banner h1,
.page-header h1:not(.hero__title) { font-size: var(--lt-type-page-title-mobile) !important; }
.lt-cart-cross-sell__heading,
.section-header h2,
.section__title,
h2.lt-section-heading { font-size: var(--lt-type-section-title-mobile) !important; }
.product-card__title,
.product-card__title a,
.lt-cart-cross-sell__title { font-size: var(--lt-type-product-title-mobile) !important; }
.product-card .price-list,
.product-card .price,
.lt-cart-cross-sell__price { font-size: var(--lt-type-price-mobile) !important; }
.button,
button.button,
.lt-cart-cross-sell__add,
.lt-cart-drawer__button { font-size: var(--lt-type-button-mobile) !important; }
.eyebrow,
.lt-eyebrow,
.lt-cart-progress__message,
.lt-cart-trust__item { font-size: var(--lt-type-label-mobile) !important; }
.lt-body-text,
.rte,
.section-header > p,
.lt-cart-cross-sell__subheading { font-size: var(--lt-type-body-mobile) !important; }
}
/* =========================================================
LT 5.0 — CART DRAWER CONFIRMATION TYPOGRAPHY
Drawer confirmation is a compact UI heading, not a page title.
Keep it elegant and single-line on desktop wherever space permits.
========================================================= */
#cart-drawer .lt-cart-title[data-lt-cart-drawer-title] {
font-family: "Assistant", sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
white-space: nowrap;
}
@media screen and (max-width: 749px) {
#cart-drawer .lt-cart-title[data-lt-cart-drawer-title] {
font-size: 18px !important;
letter-spacing: .09em !important;
white-space: normal;
}
}