/* Warm Editorial Gallery. Visual layer only: no motion geometry or behavior. */
:root {
  --brand: var(--ui-brand); --brand-strong: var(--ui-brand); --brand-soft: var(--ui-bg);
  --accent: var(--ui-line); --accent-soft: var(--ui-bg); --green: var(--ui-brand);
  --deep: var(--ui-ink); --deepest: var(--ui-ink); --leaf: var(--ui-line); --lime: var(--ui-line);
  --yellow: var(--ui-brand-text); --violet: #957460; --mint: var(--ui-bg); --cream: var(--ui-bg);
  --paper: var(--ui-bg); --ink: var(--ui-ink); --copy: var(--ui-copy); --muted: var(--ui-muted);
  --line: var(--ui-panel); --white: var(--ui-surface); --vacuum-surface: var(--ui-bg); --turkey-surface: var(--ui-panel);
  --neutral-soft: var(--ui-bg); --on-dark-copy: var(--ui-panel); --on-dark-muted: var(--ui-line);
  --electric-cyan: var(--ui-line); --ultraviolet: #a7957a; --hot-magenta: #c29b76;
  --signal-orange: var(--ui-brand-text); --signal-mint: var(--ui-panel); --volt-red: #b33640;
  --carbon: var(--ui-ink); --alloy: var(--ui-ink); --alloy-raised: var(--ui-ink);
  --titanium: var(--ui-panel); --ice: var(--ui-bg);
  --spectral: linear-gradient(90deg, var(--ui-brand), var(--ui-muted) 60%, #c5ad86);
  --shadow: 0 16px 46px rgba(54, 49, 32, .08);
  --heading: Georgia, 'Times New Roman', 'Songti SC', SimSun, serif;
  --body: 'Open Sans', 'Microsoft YaHei UI', Arial, sans-serif;
}
html, body.alassy-site { background: var(--ice); color: var(--ink); }
body.alassy-site h1, body.alassy-site h2, body.alassy-site h3, body.alassy-site h4 {
  font-family: var(--heading); font-weight: 400; font-stretch: normal;
  font-variation-settings: normal; letter-spacing: -.035em;
}
body.alassy-site h1, body.alassy-site h2 { line-height: 1.04; }
.language-zh { --heading: 'Songti SC', SimSun, Georgia, serif; }
.language-zh body.alassy-site h1, .language-zh body.alassy-site h2,
.language-zh body.alassy-site h3 { letter-spacing: -.025em; line-height: 1.18; }
body.alassy-site .eyebrow { font-family: var(--body); font-weight: 700; letter-spacing: .14em; }
body.alassy-site :focus-visible { outline-color: var(--ui-brand); outline-offset: 4px; }
body.alassy-site ::selection { color: var(--ui-ink); background: var(--ui-panel); }
.eyebrow, .text-link, .section-head h2 em, .tube-home em, .preroll-page em { color: var(--ui-brand-text); }

/* Navigation and its existing responsive disclosures. */
.commerce-bar { background: var(--ui-ink); color: var(--ui-bg); }
.commerce-bar a, .commerce-bar__inquiry { color: var(--ui-bg); }
.site-header, .commerce-header, .site-header.is-compact {
  color: var(--ink); background: rgba(250,249,246,.97);
  border-color: var(--line); box-shadow: 0 4px 20px rgba(38,35,31,.045);
}
.commerce-header__brand img { filter: none; opacity: 1; }
.primary-nav a, .commerce-nav__menu > li > a, .header-tool, .menu-toggle,
.submenu-toggle, .shop-menu__heading { color: var(--ink); }
.menu-toggle i, .menu-toggle i::before, .menu-toggle i::after { background: var(--ink); }
.primary-nav .sub-menu, .commerce-nav .sub-menu, .language-switcher ul {
  color: var(--ink); background: var(--ui-bg); border-color: var(--line); box-shadow: var(--shadow);
}
.primary-nav .sub-menu a, .commerce-nav .sub-menu a { color: var(--ink); }
.primary-nav .sub-menu a:hover, .primary-nav .sub-menu a:focus-visible,
.header-tool:hover { color: var(--ui-brand-text); background: var(--ui-bg); }
.request-badge { color: var(--ui-surface); background: var(--ui-brand); box-shadow: 0 0 0 3px var(--ui-bg); }
.language-switcher summary, .language-switcher summary:hover, .language-switcher[open] summary {
  color: var(--ink); background: transparent; border-color: var(--ui-line); box-shadow: none;
}
.language-switcher li a:hover, .language-switcher li a:focus-visible,
.language-switcher li a[aria-current="true"] { color: var(--ink); background: var(--ui-bg); border-color: var(--ui-line); }
.language-switcher li span, .language-switcher li a[aria-current="true"] span {
  color: var(--ui-brand-text); background: var(--ui-bg); border-color: var(--ui-line);
}
.language-switcher li i, .language-switcher[open] .language-switcher__globe,
.language-switcher summary:hover .language-switcher__globe { color: var(--ui-brand-text); }

/* Shared controls: preserve disabled, error and checked-state behavior. */
.button { border-radius: 7px; font-family: var(--body); font-weight: 650; }
.button--lime, .button--dark { color: var(--ui-surface); background: var(--ui-brand); border-color: var(--ui-brand); box-shadow: none; }
.button--lime:hover, .button--dark:hover { color: var(--ui-surface); background: var(--ui-ink); border-color: var(--ui-ink); box-shadow: 0 6px 18px #26231f1a; }
.button--outline { color: var(--ui-brand-text); background: transparent; border-color: var(--ui-border); }
.button--outline:hover { color: var(--ui-surface); background: var(--ui-brand); border-color: var(--ui-brand); }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea {
  border-color: var(--ui-line); border-radius: 6px;
}
input:focus, select:focus, textarea:focus { outline-color: var(--ui-brand); }
.section--mint { background: var(--ui-bg); }
.section--cream, .section--page-copy { background: var(--ui-bg); }
.product-card, .principle-card, .contact-method-card, .video-card, .post-card,
.search-result, .wholesale-choice { background: var(--ui-surface); border-color: var(--line); box-shadow: var(--shadow); border-radius: 12px; }
.product-card::before, .principle-card::before, .contact-method-card::before,
.video-card::before, .post-card::before, .search-result::before, .wholesale-choice::before { background: var(--ui-panel); }
.product-card:hover, .post-card:hover, .video-card:hover { box-shadow: 0 20px 42px #26231f14; }
.page-hero, .wholesale-hero, .account-auth-hero, .preroll-hero, .design-library-hero {
  color: var(--ink); background: linear-gradient(125deg, var(--ui-bg), var(--ui-panel));
  border-color: var(--line);
}
.page-hero::before, .page-hero::after, .wholesale-hero__art,
.account-auth-hero::before { background: none; border-color: var(--ui-line); }
.page-hero h1, .wholesale-hero h1, .preroll-hero h1, .design-library-hero h1,
.account-auth-hero__copy h1 { color: var(--ink); }
.page-hero__grid > p, .page-hero__grid > div + div > p, .page-hero__aside p,
.wholesale-hero__copy > p:not(.eyebrow), .preroll-hero__lead, .preroll-business-note,
.design-library-hero__intro, .account-auth-hero__copy > p, .account-benefits li { color: var(--copy); }
.page-hero .eyebrow, .preroll-hero .eyebrow { color: var(--ui-brand-text); }
.page-hero .purchase-process-note { color: var(--copy) !important; }
.page-hero .button--outline, .wholesale-hero .button--outline { color: var(--ui-brand-text); border-color: var(--ui-border); }
.page-hero .button--outline:hover, .wholesale-hero .button--outline:hover { color: var(--ui-surface); background: var(--ui-brand); }
.account-auth-hero__copy h1 em, .preroll-hero h1 em, .design-library-hero h1 em {
  color: var(--ui-brand-text); background: none; -webkit-text-fill-color: currentColor;
}
.section--dark, .media-split--dark, .wholesale-band { background: var(--ui-ink); }

/* Home gallery. Photography and the two protected scroll sequences are untouched. */
.tube-home, .tube-scroll-story { background: var(--ui-bg); color: var(--ink); }
.tube-home__hero { color: var(--ink); background: radial-gradient(ellipse at 72% 10%, var(--ui-panel), transparent 60%), var(--ui-bg); }
.tube-home__hero::before, .tube-home__hero::after,
.tube-home__hero-copy::before, .account-auth-hero__copy::before { background: none; }
.tube-home__hero h1 { color: var(--ink); }
.tube-home__hero h1 em { color: var(--ui-brand-text); background: none; -webkit-text-fill-color: currentColor; }
.tube-home__hero-lead { color: var(--copy); }
.tube-home__trust li { background: rgba(255,255,255,.7); border-color: var(--line); }
.tube-home__trust strong, .tube-home__trust li:nth-child(2) strong,
.tube-home__trust li:nth-child(3) strong { color: var(--ui-brand-text); }
.tube-home__trust span { color: var(--copy); }
.tube-home__hero-image { border-radius: 120px 12px 12px 12px; border-color: var(--ui-line); box-shadow: var(--shadow); }
.tube-home__hero-visual figcaption { color: var(--ui-surface); background: var(--ui-ink); border-color: var(--ui-muted); }
.tube-home__ticker { background: var(--ui-panel); color: var(--ui-brand-text); }
.tube-scroll-story__lead h2 { color: var(--ink); }
.tube-scroll-story__lead-copy > p { color: var(--copy); }
.tube-scroll-story__intro-stage, .tube-scroll-story__intro-visual { background: var(--ui-panel); }
.tube-scroll-story__intro-visual { box-shadow: 0 20px 64px #26231f26; }
.tube-scroll-story__intro-visual img { object-fit: contain; transform: none; }
.tube-scroll-story__kinetic-line { color: var(--ui-ink); text-shadow: 0 2px 16px #ffffff80; }
.tube-scroll-story__kinetic-line strong span { color: var(--ui-ink); }
.tube-scroll-story p.tube-scroll-story__kinetic-line--bottom { font-size: clamp(3.4rem, 7vw, 8.4rem); bottom: 5%; }
html[lang^="es"] .tube-scroll-story .tube-scroll-story__kinetic-line--top { font-size: clamp(4rem, 8vw, 10rem); }
html[lang^="es"] .tube-scroll-story p.tube-scroll-story__kinetic-line--bottom { font-size: clamp(3rem, 6vw, 6rem); bottom: 2%; }
.tube-scroll-story__chapter { --story-panel: var(--ui-bg); --story-panel-ink: var(--ui-ink); --story-panel-muted: var(--ui-copy); border-color: var(--ui-line); box-shadow: 0 20px 56px #26231f20; }
.tube-scroll-story__chapter--sand { --story-panel: var(--ui-panel); --story-panel-ink: #302f24; --story-panel-muted: #655e51; }
.tube-scroll-story__chapter--lime { --story-panel: var(--ui-panel); --story-panel-ink: var(--ui-ink); --story-panel-muted: var(--ui-copy); }
.tube-scroll-story__chapter--night { --story-panel: var(--ui-ink); --story-panel-ink: var(--ui-surface); --story-panel-muted: var(--ui-panel); }
.tube-scroll-story__chapter-copy .eyebrow, .tube-scroll-story__chapter--lime .tube-scroll-story__chapter-copy .eyebrow { color: var(--ui-copy); }
.tube-scroll-story__chapter--night .eyebrow { color: var(--ui-line); }
.tube-scroll-story__count { color: var(--ui-copy); }
.tube-scroll-story__chapter--night .tube-scroll-story__count { color: var(--ui-line); }
.tube-home__designs, .tube-home__routes, .tube-home__product,
.tube-home__other, .design-library-page, .official-design-library { color: var(--ink); background: var(--ui-bg); }
.tube-home__designs .section-head, .tube-home__designs .section-head h2,
.design-library-results h2 { color: var(--ink); }
.tube-design-browser { color: var(--ink); background: var(--ui-bg); border-color: var(--line); box-shadow: none; }
.template-filter-row button, .template-library-nav button,
.design-library-filters a, .design-library-pagination .page-numbers {
  color: var(--ui-brand-text); background: var(--ui-bg); border-color: var(--ui-line);
}
.template-filter-row button.is-active, .template-filter-row button[aria-pressed="true"],
.design-library-filters a.is-active, .design-library-pagination .current {
  color: var(--ui-surface); background: var(--ui-brand); border-color: var(--ui-brand);
}
.tube-design-card { color: var(--ink); background: var(--ui-surface); border-color: var(--ui-line); border-radius: 10px; }
.tube-design-card__image { background: linear-gradient(145deg, var(--ui-bg), var(--ui-panel)); }
.tube-design-card__copy, .tube-design-card strong { color: var(--ink); }
.tube-design-card small { color: var(--ui-copy); }
.tube-route-card { color: var(--ui-surface); background: var(--ui-ink); border-color: var(--ui-copy); box-shadow: none; }
.tube-route-card::before { background: radial-gradient(circle at 90% 90%, #71695f55, transparent 65%); }
.tube-route-card:nth-child(2)::before { background: radial-gradient(circle at 90% 90%, #c09d7055, transparent 65%); }
.tube-route-card p { color: var(--ui-panel); }
.tube-home__specs > div { border-color: var(--line); }
.tube-home__shipping, .tube-home__process { color: var(--ink); background: var(--ui-bg); }
.tube-shipping-grid article { background: var(--ui-ink); border-color: var(--ui-copy); }
.tube-shipping-grid article:nth-child(2) { background: var(--ui-brand); }
.tube-home__process-grid { background: var(--ui-surface); border-color: var(--line); }
.tube-home__process-grid li { border-color: var(--line); }
.tube-home__process-grid li > span, .tube-home__process-grid li:nth-child(2) > span,
.tube-home__process-grid li:nth-child(3) > span { color: var(--ui-muted); }
.tube-home__payment-lock { color: var(--ui-brand-text); background: var(--ui-panel); border-color: var(--ui-border); }
.tube-home__other-card { background: var(--ui-surface); border-color: var(--line); }
.tube-home__final { color: var(--ui-surface); background: var(--ui-ink); }
.tube-home__final h2 em { color: var(--ui-line); background: none; -webkit-text-fill-color: currentColor; }

/* Packaging, resource articles, customer support and forms. */
.packaging-choice, .flower-bag-choice, .tube-display-card { background: var(--ui-surface); border-color: var(--line); box-shadow: var(--shadow); }
.flower-bag-hub, .tube-display-catalog { background: var(--ui-bg); }
.tube-display-card__art { background: linear-gradient(145deg, var(--ui-bg), var(--ui-panel)); }
.packaging-choice b, .format-switcher__item, .contact-method-card a,
.entry-content a, .faq-section a, .form-section a:not(.button) { color: var(--ui-brand-text); }
.form-section { color: var(--ink); background: var(--ui-bg); }
.form-section h2, .form-section h3 { color: var(--ink); }
.form-section p { color: var(--copy); }
.lead-form, .request-form { color: var(--ink); background: var(--ui-surface); border-color: var(--line); box-shadow: var(--shadow); }
.request-list-section, .account-page { background: var(--ui-bg); }
.request-list-total { color: var(--ink); background: var(--ui-panel); }
.site-search, .request-drawer, .request-drawer__panel { color: var(--ink); background: var(--ui-bg); border-color: var(--line); }
.request-drawer__summary { color: var(--ink); background: var(--ui-bg); border-color: var(--line); }
.commerce-footer { color: var(--ui-surface); background: var(--ui-ink); }
.commerce-footer__support { background: var(--ui-surface); color: var(--ink); border-color: var(--line); }
.commerce-footer a { color: var(--ui-panel); }
.commerce-footer__support a { color: var(--ui-brand-text); }
.commerce-footer__base { color: var(--ui-line); border-color: var(--ui-copy); }

/* Configurator: controls remain exact; artwork/color swatches are not recolored. */
.preroll-page { --preroll-dark: var(--ui-ink); --preroll-deep: var(--ui-ink); --preroll-green: var(--ui-brand); --preroll-pale: var(--ui-bg); --preroll-silver: var(--ui-panel); }
.preroll-facts { background: var(--ui-ink); }
.preroll-facts span, .preroll-facts__grid > div:nth-child(n) span { color: var(--ui-panel); }
.preroll-facts strong { color: var(--ui-panel); }
.preroll-designer-section, .preroll-faq { background: var(--ui-bg); }
.preroll-preview-card, .preroll-order-form { border-color: var(--line); box-shadow: var(--shadow); }
.preroll-preview-card { color: var(--ui-surface); background: var(--ui-ink); }
.preroll-canvas-wrap { background: radial-gradient(circle at 50% 42%, var(--ui-surface), var(--ui-panel) 65%, var(--ui-panel)); }
.preroll-layer-stack, .preroll-preview-modes button, .preroll-view-controls button { color: var(--ui-panel); background: var(--ui-ink); border-color: var(--ui-muted); }
.preroll-preview-modes button.is-active { color: var(--ui-ink); background: var(--ui-panel); border-color: var(--ui-border); box-shadow: none; }
.preroll-order-form { background: var(--ui-surface); }
.preroll-order-form fieldset, .preroll-customizer-panel, .preroll-partner-access { border-color: var(--line); }
.preroll-route-card.is-selected, .preroll-template-card.is-selected,
.preroll-finish-option:has(input:checked) { border-color: var(--ui-brand); box-shadow: 0 0 0 3px #c54b1620; }
.preroll-order-form input:focus, .preroll-order-form select:focus, .preroll-order-form textarea:focus {
  border-color: var(--ui-brand); box-shadow: 0 0 0 3px #c54b1620;
}
.preroll-design-paths, .preroll-estimate, .preroll-volume-card,
.preroll-template-detail, .preroll-warning-example, .preroll-warning-appearance,
.preroll-compliance { background: var(--ui-ink); border-color: var(--ui-copy); }
.preroll-design-path, .preroll-design-path:nth-child(2) { background: var(--ui-surface); box-shadow: none; }
.preroll-design-path.is-active, .preroll-template-picker label:has(input:checked),
.preroll-template-picker label.is-selected, .preroll-finish-grid input:checked + span,
.preroll-uv-path-grid input:checked + span, .preroll-finish-card--recommended input:checked + span,
.preroll-logo-mode__grid input:checked + span, .preroll-overlay-picker button.is-active {
  color: var(--ink); background: var(--ui-bg); border-color: var(--ui-brand); box-shadow: inset 0 0 0 1px var(--ui-brand);
}
.preroll-design-path__index, .preroll-overlay-picker button > b,
.preroll-route-crumb, .preroll-private-rate, .preroll-field-label-row output,
.preroll-field-label-row > span { color: var(--ui-brand-text); background: var(--ui-bg); border-color: var(--ui-line); }
.preroll-design-path > span:nth-child(2) > b, .preroll-design-path__status b,
.preroll-custom-panel > small span, .preroll-overlay-picker i,
.preroll-overlay-editor__head .preroll-step-label, .preroll-overlay-head .preroll-step-label,
.preroll-partner-link, .preroll-order-form .check-field a { color: var(--ui-brand-text); }
.preroll-order-form .preroll-design-panel, .preroll-custom-panel,
.preroll-production-files, .preroll-compliance-builder, .preroll-overlay-editor,
.preroll-logo-upload, .preroll-symbol-overlay, .preroll-uv-panel { background: var(--ui-bg); border-color: var(--ui-line); }
.preroll-overlay-panel { background: var(--ui-bg) !important; border-color: var(--ui-line) !important; }
.preroll-ai-note, .preroll-proof-stage-note, .preroll-symbol-guidance { color: var(--ui-copy); background: var(--ui-bg); border-color: var(--ui-line); }
.preroll-process { background: var(--ui-surface); }
.preroll-compliance h2 em { color: var(--ui-panel); }
.sale-flag { color: var(--ui-ink); background: var(--ui-panel); border-color: var(--ui-border); box-shadow: none; }

/* Account, order history and the existing authentication states. */
.account-auth-card, .account-sidebar, .account-panel, .account-order-list,
.account-overview-grid article, .account-empty { border-color: var(--line); box-shadow: var(--shadow); background: var(--ui-surface); }
.account-auth-card--new { background: var(--ui-bg); }
.account-benefits span { color: var(--ui-brand-text); background: var(--ui-bg); border-color: var(--ui-line); }
.account-form input:focus, .account-form select:focus, .account-form textarea:focus { border-color: var(--ui-brand); box-shadow: 0 0 0 3px #c54b1620; }
.account-dashboard-head { background: var(--ui-ink); }
.account-dashboard-head::after { background: #71695f40; }
.account-overview-grid article:first-child { background: var(--ui-ink); border-color: var(--ui-ink); }
.account-sidebar nav a:hover, .account-sidebar nav a.is-active { color: var(--ink); background: var(--ui-bg); }
.account-order-list > a:hover, .account-product-checks label { background: var(--ui-bg); border-color: var(--line); }
.account-empty > span { color: var(--ui-brand-text); background: var(--ui-bg); }
/* Final specificity pass for legacy variants and light/dark contrast. */
body.alassy-site .button { font-variation-settings: normal; font-stretch: normal; font-size: .82rem; }
.language-switcher summary > svg:not([class]) { width: 12px; height: 8px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.tube-home__hero .eyebrow, .tube-scroll-story__lead .eyebrow,
.tube-home__routes .eyebrow, .design-library-results .eyebrow { color: var(--ui-copy); }
.tube-home__hero .button--outline, .preroll-hero .button--outline { color: var(--ui-brand-text); border-color: var(--ui-border); }
.tube-home__hero .button--outline:hover, .preroll-hero .button--outline:hover { color: var(--ui-surface); background: var(--ui-brand); }
.tube-home__trust li:nth-child(n) { background: #ffffffb3; }
.tube-home__business-note { color: var(--ui-copy); }
.tube-home__hero-visual figcaption span, .tube-home__hero-visual figcaption small { color: var(--ui-panel); }
.tube-scroll-story__lead h2 em { color: var(--ui-brand-text); font-style: italic; }
.tube-home__routes-head h2 { color: var(--ink); }
.tube-home__designs .section-head > p { color: var(--copy); }
.tube-home__library-actions .text-link { color: var(--ui-brand-text); }
.tube-route-card--custom small, .tube-route-card--custom > strong i { color: #d4c2a0; }
.tube-home__product-visual { background: var(--ui-bg); box-shadow: var(--shadow); }
.tube-shipping-grid article:nth-child(2) { color: var(--ui-surface); }
.tube-shipping-grid article:nth-child(2) p { color: var(--ui-panel); }
.tube-home__process-grid li { background: var(--ui-surface); }
.tube-home__process-grid li:nth-child(n) span { color: var(--ui-muted); }
.packaging-choice:nth-child(2) { background: var(--ui-bg); }
.eyebrow--light, .section--dark .eyebrow, .media-split--dark .eyebrow { color: var(--ui-panel); }
.preroll-preview-modes button:not(.is-active) small,
.preroll-preview-disclaimer { color: var(--ui-panel); }
.preroll-overlay-picker button.is-complete { border-color: var(--ui-muted); box-shadow: inset 3px 0 0 var(--ui-muted); }
.preroll-overlay-picker button.is-complete small { color: var(--ui-brand-text); }
.preroll-overlay-editor__head > span, .preroll-overlay-head > span,
.preroll-warning-appearance__head > span, .preroll-proof-stage-note span { color: var(--ui-brand-text); background: var(--ui-bg); }
.preroll-finish-grid label > span, .preroll-uv-path-grid label > span { border-color: var(--ui-line); background: var(--ui-surface); }
.preroll-preview-card .eyebrow { color: var(--ui-panel); }
.visual-story, .visual-story--preroll { background: var(--ui-ink); }
.visual-story .eyebrow { color: var(--ui-panel); }
.visual-story .section-head h2 em { color: var(--ui-panel); }
.visual-story .section-head > p { color: var(--ui-panel); }
.tube-design-card, .tube-design-card:hover { box-shadow: 0 8px 24px #26231f10; }
.account-auth-hero .eyebrow { color: var(--ui-copy); }
.form-section .section-head > p { color: var(--copy); }
.media-split__copy { color: var(--ink); background: var(--ui-bg); }
.media-split--dark .media-split__copy .eyebrow { color: var(--ui-brand-text); }
.media-split--dark .button--outline { color: var(--ui-brand-text); border-color: var(--ui-border); }
.media-split--dark .button--outline:hover { color: var(--ui-surface); background: var(--ui-brand); }
.packaging-menu__branch-toggle { color: var(--ink); }
.packaging-menu__branch-toggle:hover, .packaging-menu__branch-toggle:focus-visible,
.packaging-menu__branch.submenu-open > .packaging-menu__branch-toggle { color: var(--ui-brand-text); background: var(--ui-bg); }
@media (max-width: 900px) {
  .primary-nav, .commerce-nav { color: var(--ink); background: var(--ui-bg); border-color: var(--line); }
  .commerce-nav__menu > li, .primary-nav .menu > li { border-color: var(--line); }
  .tube-home__hero-image { border-radius: 60px 12px 12px 12px; }
}
@media (max-width: 920px) {
  .commerce-header .primary-nav { color: var(--ink); background: var(--ui-bg); }
  .commerce-nav__menu > li > a { font-family: var(--body); font-size: 1.05rem; }
}
@media (max-width: 600px) {
  .language-zh .tube-home__hero h1 { font-size: clamp(2.4rem, 11vw, 3rem); }
}
@media (forced-colors: active) {
  .button, .language-switcher summary, .tube-design-card { border-color: ButtonText; }
}

/* Approved C v3 boards 01–14: composition, not just a palette swap.
   ponytail: existing markup, controls, validation and motion drive this visual layer. */
:root {
  --paper: var(--ui-bg); --ice: var(--ui-bg); --cream: var(--ui-bg); --white: var(--ui-surface);
  --ink: var(--ui-ink); --copy: var(--ui-copy); --muted: var(--ui-copy); --line: var(--ui-panel);
  --brand: var(--ui-brand); --brand-strong: var(--ui-brand); --brand-soft: var(--ui-panel);
  --heading: Georgia, 'Times New Roman', 'Songti SC', SimSun, serif;
  --shadow: 0 8px 30px #453c2910;
}
body.alassy-site { background: var(--paper); }
.shell { width: min(1440px, calc(100% - 96px)); }
body.alassy-site h1, body.alassy-site h2, body.alassy-site h3 { letter-spacing: -.045em; }
body.alassy-site .eyebrow { color: var(--ui-brand-text); font-size: .69rem; letter-spacing: .15em; line-height: 1.6; }
body.alassy-site .button { min-height: 48px; padding: 13px 22px; font-size: .86rem; font-weight: 600; letter-spacing: 0; text-transform: none; border-radius: 5px; }
.button--lime, .button--dark { background: var(--ui-brand); border-color: var(--ui-brand); }
.button--outline { background: #ffffff18; border-color: var(--ui-copy); }
input, select, textarea { accent-color: var(--ui-brand); }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), select, textarea { background-color: #ffffff80; border-color: var(--ui-line); }
body.alassy-site .text-link { font-weight: 600; }

/* 01 / 05: quiet masthead, existing disclosures and destinations. */
.commerce-bar { color: var(--ui-copy); background: var(--ui-panel); border: 0; }
.commerce-bar a, .commerce-bar__inquiry { color: var(--ui-copy); font-weight: 400; }
.commerce-bar__inquiry strong { color: var(--ui-brand-text); }
.site-header, .commerce-header, .site-header.is-compact { background: #faf9f6f5; box-shadow: none; border-bottom: 1px solid var(--ui-line); }
.commerce-header__inner { min-height: 78px; }
.commerce-header__brand { width: 186px; }
.commerce-nav__menu > li > a { font-family: var(--body); font-size: .83rem; font-weight: 550; font-stretch: normal; letter-spacing: 0; }
.language-switcher summary { min-width: 68px; border: 0; border-left: 1px solid var(--line); border-radius: 0; }
.request-badge { background: var(--ui-brand-text); }
.primary-nav .sub-menu, .commerce-nav .sub-menu { padding: 14px; border-radius: 8px; }
.site-search__panel, .request-drawer__panel { background: var(--ui-bg); border-color: var(--line); box-shadow: 0 24px 80px #26231f26; }
.request-drawer__panel h2 { color: var(--ink); }
.request-drawer__message { color: var(--ui-copy); }
.request-drawer .button--outline { color: var(--ui-brand-text); border-color: var(--ui-border); }
.site-search input { border-bottom-color: var(--ui-muted); }

/* 01 / 02: full-bleed stone photo with real selectable HTML copy and links. */
.tube-home__hero { position: relative; min-height: 800px; padding: 0; overflow: hidden; background: var(--ui-bg); }
.tube-home__hero::before, .tube-home__hero::after, .tube-home__hero-copy::before { content: none; }
.tube-home__hero-grid { position: static; display: block; min-height: 800px; padding-top: 86px; padding-bottom: 32px; }
.tube-home__hero-copy { position: relative; z-index: 2; width: 44%; max-width: 640px; }
.tube-home__hero .eyebrow { max-width: 420px; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #ac8e73; font-size: .7rem; }
body.alassy-site .tube-home__hero h1 { margin-bottom: 26px; font-size: clamp(56px, 6.65vw, 112px); line-height: 1.02; letter-spacing: -.055em; }
.tube-home__hero h1 em { color: var(--ink); font-style: italic; }
.tube-home__hero-lead { max-width: 490px; font-size: 1rem; color: var(--ui-ink); line-height: 1.8; margin-bottom: 32px; }
.tube-home__hero .button-row { gap: 14px; flex-wrap: wrap; }
.tube-home__hero-visual { position: absolute; z-index: 0; inset: 0; margin: 0; pointer-events: none; }
.tube-home__hero-image { width: 100%; height: 100%; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.tube-home__hero-image img { content: normal; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.tube-home__hero-visual figcaption { position: absolute; width: 1px; height: 1px; min-width: 0; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.tube-home__trust { width: min(740px, 59vw); margin: 58px 0 17px; padding: 20px 0; gap: 0; background: #faf9f6de; border: 0; border-top: 1px solid var(--line); border-radius: 0 14px 0 0; }
.tube-home__trust li:nth-child(n) { min-height: 80px; padding: 0 26px; border: 0; border-left: 1px solid #c8b99f; background: transparent; }
.tube-home__trust li:first-child { border-left: 0; padding-left: 0; }
.tube-home__trust li:nth-child(n) strong { color: var(--ui-brand-text); font-family: var(--heading); font-weight: 400; font-size: 2rem; }
.tube-home__trust span { color: var(--ui-ink); font-size: .79rem; line-height: 1.55; }
.tube-home__business-note { color: var(--ui-copy); width: min(740px, 59vw); font-size: .73rem; }
.tube-home__ticker { background: var(--ui-bg); color: var(--ui-copy); font-size: .7rem; border-block: 1px solid var(--line); }

/* 03 / 03B: skins only. Never alter scroll geometry, transforms or keyframes. */
.tube-scroll-story, .tube-scroll-story__intro-stage { background: var(--ui-bg); }
.tube-scroll-story__chapter { --story-panel: var(--ui-bg); --story-panel-ink: var(--ui-ink); --story-panel-muted: var(--ui-copy); border-color: var(--ui-line); box-shadow: 0 24px 56px #26231f1c; }
.tube-scroll-story__chapter--sand { --story-panel: var(--ui-bg); }
.tube-scroll-story__chapter--lime { --story-panel: var(--ui-panel); }
.tube-scroll-story__chapter--night { --story-panel: var(--ui-ink); --story-panel-ink: var(--ui-bg); --story-panel-muted: var(--ui-panel); }
body.alassy-site .tube-scroll-story__chapter--night .eyebrow { color: var(--ui-panel); }

/* 04 / 06: eight artworks on a single gallery rail, not oversized dark cards. */
.tube-home .section { padding: 62px 0; }
.tube-home__designs .section-head { min-height: 280px; padding: 34px 0; align-items: start; display: block; background: url('../media/preroll-hero-three-fullwrap-v1.webp') right 45% / 80% auto no-repeat; }
.tube-home__designs .section-head > div, .tube-home__designs .section-head > p { max-width: 37%; }
.tube-home__designs .section-head h2 { font-size: clamp(2.4rem, 4vw, 4.3rem); }
.tube-home__designs .section-head h2 em { font-size: .72em; color: var(--ui-copy); }
.tube-style-browser { padding: 0; background: transparent; border: 0; box-shadow: none; border-radius: 0; }
.tube-style-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 16px; }
.tube-style-card { aspect-ratio: auto; background: transparent; border: 0; box-shadow: none; border-radius: 0; color: var(--ink); overflow: visible; }
.tube-style-card::before, .tube-style-card::after { content: none; }
.tube-style-card__art { position: relative; display: block; width: min(100%, 164px); aspect-ratio: 656 / 1368; margin-inline: auto; padding: 0; border-radius: 7px; overflow: hidden; background: var(--ui-panel); }
.tube-style-card__art img { height: auto; object-fit: contain; object-position: center; filter: none; }
.tube-style-card:hover .tube-style-card__art img { transform: none; }
.tube-style-card__copy { position: relative; padding: 13px 2px 0; text-align: center; gap: 5px; }
.tube-style-card__copy strong { font: 600 .81rem/1.4 var(--body); letter-spacing: 0; color: var(--ink); }
.tube-style-card__copy i { color: var(--ui-copy); font-size: .64rem; font-weight: 400; }
.tube-style-card:hover { box-shadow: none; transform: translateY(-3px); }
.tube-home__library-actions { margin-top: 26px; }
.tube-home__routes-head { max-width: 700px; margin-bottom: 30px; }
.tube-home__routes-head h2 { font-size: clamp(2rem, 3vw, 3.2rem); }
.tube-route-grid { gap: 22px; }
.tube-route-card { min-height: 330px; padding: 38px; color: var(--ink); background: var(--ui-bg) url('../media/preroll-pair-fullwrap-v1.webp') center / cover no-repeat; border: 1px solid var(--ui-line); border-radius: 10px; }
.tube-route-card::before { content: none; }
.tube-route-card__number { color: #9c876d; font-size: .68rem; }
.tube-route-card small, .tube-route-card--custom small { color: var(--ui-brand-text); }
.tube-route-card h3 { max-width: 52%; font-size: clamp(2rem, 3vw, 3.1rem); }
.tube-route-card p { max-width: 48%; color: var(--ui-copy); font-size: .82rem; }
.tube-route-card > strong { width: fit-content; margin-top: 22px; padding: 10px 14px; color: var(--ui-surface); background: var(--ui-brand); border-radius: 5px; font: 500 .75rem var(--body); }
.tube-route-card--custom > strong { background: var(--ui-bg); color: var(--ui-brand-text); border: 1px solid var(--ui-muted); }
.tube-route-card--custom > strong i { color: var(--ui-brand-text); }
.tube-home__product-grid { gap: 45px; }
.tube-home__product-visual { border-radius: 12px; box-shadow: none; background: var(--ui-panel); }
.tube-home__product-visual img { content: normal; height: 100%; object-fit: cover; object-position: 90% 50%; }
.tube-home__specs > div { padding: 12px 0; }
.tube-home__shipping, .tube-home__process { background: var(--ui-bg); }
.tube-shipping-grid article, .tube-shipping-grid article:nth-child(2) { color: var(--ink); background: var(--ui-panel); border: 1px solid var(--ui-line); border-radius: 9px; padding: 32px; }
.tube-shipping-grid article strong { color: var(--ui-copy); font: 400 2.8rem var(--heading); }
.tube-shipping-grid article small { color: var(--ui-copy); }
.tube-home__process-grid { box-shadow: none; background: var(--ui-bg); border-radius: 10px; }
.tube-home__process-grid li { background: transparent; }
.tube-home__process-grid li:nth-child(n) > span { font-family: var(--heading); color: var(--ui-copy); }
.tube-home__other-card { border-radius: 9px; box-shadow: none; }
.tube-home__final { color: var(--ui-surface); background: linear-gradient(90deg,#26231ff2,#26231fe0), url('../media/preroll-hero-three-fullwrap-v1.webp') right center / cover; }
.tube-home__final h2 em { color: var(--ui-bg); font-style: normal; }
.design-library-hero { padding: 65px 0; background: var(--ui-bg) url('../media/preroll-hero-three-fullwrap-v1.webp') right center / auto 145% no-repeat; }
.design-library-hero__grid { display: block; }
.design-library-hero__copy, .design-library-hero__intro { width: 48%; max-width: 610px; }
.design-library-hero h1 { font-size: clamp(2.6rem, 4.5vw, 5.4rem); }
.design-library-hero h1 em { font-style: italic; }
.design-library-filters a { border-radius: 5px; font-weight: 550; padding: 10px 16px; }
.official-design-library__grid .tube-design-card { border-radius: 8px; box-shadow: none; }
.official-design-library__grid .tube-design-card__image { aspect-ratio: 656 / 1368; background: var(--ui-bg); }
.official-design-library__grid .tube-design-card__image img { height: auto; }
.tube-design-card__copy { padding: 18px; }
.tube-design-card__copy strong { font-family: var(--body); font-weight: 550; font-size: .92rem; letter-spacing: 0; }
.design-library-pagination { border-color: var(--line); }
/* Keep the currently deployed pagination markup on the same visual system. */
.design-library-pagination a { color: var(--ui-brand-text); background: var(--ui-bg); border-color: var(--ui-line); border-radius: 5px; }
.design-library-pagination a.is-active, .design-library-pagination a:hover { color: var(--ui-surface); background: var(--ui-brand); border-color: var(--ui-brand); }
.design-library-pagination--no-counts { display: block; }
.design-library-pagination--no-counts .design-library-pagination__list { display: flex; justify-content: center; gap: 12px; margin: 0; padding: 0; list-style: none; }
.design-library-pagination--no-counts .page-numbers { width: auto; min-width: 0; min-height: 44px; padding: 10px 16px; gap: 8px; }
.design-library-pagination--no-counts .pagination-direction__label { position: static; width: auto; height: auto; overflow: visible; clip: auto; clip-path: none; white-space: normal; }
.tube-style-card__copy small { color: var(--ui-copy); }

/* 07 / 08: warm photo stage behind the existing transparent WebGL canvas. */
.preroll-hero { background: var(--ui-bg); }
.preroll-hero__visual { background: var(--ui-panel); border-radius: 10px; padding: 0; box-shadow: none; overflow: hidden; }
.preroll-hero__visual img { content: normal; border-radius: 0; object-position: right center; }
.preroll-hero__visual figcaption { padding: 14px 18px; color: var(--ui-copy); }
.preroll-business-note strong { color: var(--ui-copy); }
.preroll-facts { background: var(--ui-panel); }
.preroll-facts__grid > div { border-color: #d1c7b7; }
.preroll-facts__grid > div:nth-child(n) span { color: var(--ui-brand-text); font: 400 1.75rem var(--heading); }
.preroll-facts strong { color: var(--ui-copy); }
.preroll-intro, .preroll-designer-section, .preroll-faq { background: var(--ui-bg); }
.preroll-designer { grid-template-columns: minmax(340px,.92fr) minmax(0,1.08fr); gap: 42px; }
.preroll-preview-card, .preroll-order-form { background: var(--ui-bg); border: 1px solid var(--ui-line); border-radius: 10px; box-shadow: none; }
.preroll-preview-card { color: var(--ink); padding: 18px; }
.preroll-preview-card__head span, .preroll-preview-card .eyebrow { color: var(--ui-brand-text); }
.preroll-canvas-wrap { background: var(--ui-bg) url('../media/preroll-marble-surface-v1.webp') center / cover no-repeat; border-radius: 7px; }
.preroll-renderer-status, .preroll-preview-disclaimer { color: var(--ui-copy); }
.preroll-layer-stack, .preroll-preview-modes button, .preroll-view-controls button { color: var(--ui-ink); background: var(--ui-bg); border-color: var(--ui-line); border-radius: 6px; }
.preroll-preview-modes button:not(.is-active) small { color: var(--ui-copy); }
.preroll-preview-modes button.is-active { background: var(--ui-panel); border-color: var(--ui-brand); }
.preroll-preview-card .button { width: 100%; }
.preroll-order-form { padding: 26px; background: transparent; border: 0; }
.preroll-design-paths { padding: 0; background: transparent; border: 0; }
.preroll-design-paths { box-shadow: none; }
.preroll-design-paths__head > span { color: var(--ui-brand-text); }
.preroll-design-paths__head .preroll-step-label { color: var(--ui-ink); font: 600 1rem/1.4 var(--body); }
.preroll-design-paths__head small { color: var(--ui-copy); }
.preroll-template-download { min-height: 44px; margin-top: 15px; padding: 12px 16px; color: var(--ui-surface); background: var(--ui-brand); border: 1px solid var(--ui-brand); border-radius: 5px; text-decoration: none; }
.template-filter-row button { border-radius: 5px; font-weight: 550; }
.preroll-design-path__status i { color: var(--ui-brand-text); background: var(--ui-panel); }
.preroll-design-path, .preroll-design-path:nth-child(2) { background: var(--ui-bg); border: 1px solid var(--line); border-radius: 6px; }
.preroll-design-path.is-active { background: var(--ui-bg); border-color: var(--ui-brand); box-shadow: inset 0 0 0 1px var(--ui-brand); }
.preroll-estimate, .preroll-template-detail, .preroll-warning-example, .preroll-warning-appearance { color: var(--ink); background: var(--ui-bg); border-color: var(--ui-line); }
.preroll-estimate :is(strong,span,b,summary), .preroll-template-detail :is(strong,p), .preroll-warning-example :is(strong,p) { color: var(--ui-ink); }
.preroll-estimate__meta { color: var(--ui-copy) !important; }
.preroll-estimate :is(p,small), .preroll-estimate__explain p { color: var(--ui-copy); }
.preroll-estimate__line + .preroll-estimate__line, .preroll-estimate__rows, .preroll-estimate__explain { border-color: var(--ui-line); }
.preroll-order-form .preroll-design-panel, .preroll-custom-panel, .preroll-production-files,
.preroll-compliance-builder, .preroll-overlay-editor, .preroll-logo-upload, .preroll-symbol-overlay, .preroll-uv-panel { background: var(--ui-bg); border-color: var(--ui-line); border-radius: 6px; }
.preroll-overlay-panel { background: var(--ui-bg) !important; border-color: var(--ui-line) !important; }
.preroll-overlay-picker button { border-radius: 6px; }
.preroll-finish-grid input:checked + span, .preroll-uv-path-grid input:checked + span { background: var(--ui-bg); }

/* 09–14: shared editorial page hierarchy, real catalog photos and real forms. */
.page-hero, .wholesale-hero { padding: 66px 0; background: var(--ui-bg) url('../media/preroll-pair-fullwrap-v1.webp') right center / auto 135% no-repeat; }
.page-hero__grid { display: block; }
.page-hero__grid > div, .page-hero__grid > p { max-width: 48%; }
.page-hero h1, .wholesale-hero h1 { font-size: clamp(2.8rem,5vw,5.8rem); }
.page-hero__grid > p { margin-top: 24px; font-size: .95rem; }
.page-hero::before, .page-hero::after { content: none; }
.page-hero:has(form) { background: var(--ui-bg); }
.section, .section--cream, .section--page-copy, .bag-product-catalog, .flower-bag-hub, .tube-display-catalog { background-color: var(--ui-bg); }
.section--mint { background-color: var(--ui-bg); }
.packaging-choice, .packaging-choice:nth-child(2) { background: var(--ui-panel); border-color: var(--ui-line); border-radius: 10px; }
.packaging-choice::after { border-color: #c8bda8; }
.packaging-choice strong, .flower-bag-choice strong { font-family: var(--heading); font-weight: 400; }
.tube-display-card, .flower-bag-choice, .product-card, .principle-card, .video-card, .post-card, .search-result { border-radius: 8px; box-shadow: none; border-color: var(--ui-line); background: var(--ui-bg); }
.product-card::before, .principle-card::before, .video-card::before, .post-card::before, .search-result::before { content: none; }
.product-layout { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 50px; }
.product-summary { grid-column: 1; grid-row: 1; }
.product-gallery { grid-column: 2; grid-row: 1; }
.product-summary h1 { font-size: clamp(2.2rem,3.3vw,3.8rem); }
.product-gallery__main { background: var(--ui-panel); border-radius: 10px; border-color: var(--ui-line); box-shadow: none; }
.product-gallery__thumbs button { border-radius: 6px; border-color: var(--ui-line); }
.product-gallery__thumbs button.is-active { border-color: var(--ui-copy); }
.product-offer { background: var(--ui-bg); border-color: var(--ui-line); border-radius: 8px; box-shadow: none; }
.commerce-price strong { font-family: var(--heading); font-weight: 400; }
.product-section-nav { background: var(--ui-bg); border-color: var(--ui-line); box-shadow: none; }
.product-lightbox { background: var(--ui-bg); border-color: var(--ui-line); border-radius: 12px; }
.product-lightbox__stage { background: var(--ui-panel); }
.tube-display-card__copy { padding: 24px; }
.tube-box-category-preview > a { border-radius: 10px; box-shadow: none; }
.contact-method-card__media { border-radius: 7px 7px 0 0; }
.contact-method-card__copy { padding: 28px; }
.contact-method-card a { overflow-wrap: anywhere; }
.form-section, .request-list-section, .account-page { background: var(--ui-bg); }
.lead-form, .request-form { background: var(--ui-bg); border-color: var(--ui-line); box-shadow: none; border-radius: 8px; }
.account-auth-hero { background: var(--ui-bg); }
.account-auth-card, .account-auth-card--new, .account-panel, .account-sidebar { background: var(--ui-bg); border-radius: 9px; box-shadow: none; }
.account-auth-card--new { background: var(--ui-bg); }
.account-dashboard-head { background: var(--ui-copy); }
.account-overview-grid article:first-child { background: var(--ui-bg); color: var(--ui-ink); border-color: var(--ui-line); }
.account-overview-grid article:first-child :is(p,strong,span) { color: var(--ui-ink); }
.wholesale-band { background: var(--ui-copy); }
.wholesale-band .button { background: var(--ui-bg); color: var(--ui-ink); border-color: var(--ui-bg); }
.commerce-footer { background: var(--ui-ink); }
.commerce-footer__support { background: var(--ui-panel); border-radius: 0; }
.commerce-footer__nav h2 { font-family: var(--body); font-size: .76rem; font-weight: 600; letter-spacing: .05em; }
.commerce-footer a { font-weight: 400; }
.commerce-footer .eyebrow { color: var(--ui-panel); }
body.alassy-site .wholesale-band .eyebrow, body.alassy-site .section--dark .eyebrow,
body.alassy-site .preroll-volume-card .eyebrow { color: var(--ui-panel); }
.section.section--dark, .section.preroll-compliance { color: var(--ui-bg); background: var(--ui-ink); }
.section.preroll-compliance .eyebrow { color: var(--ui-panel); }
.section.preroll-compliance .entry-content, .section.preroll-compliance .entry-content li { color: var(--ui-panel); }
.section.visual-story { color: var(--ink); background: var(--ui-bg); }
.section.visual-story .section-head > p { color: var(--ui-copy); }
.section.visual-story .section-head h2 em { color: var(--ui-copy); }
.preroll-template-detail figcaption :is(small,span), .preroll-template-detail > p { color: var(--ui-copy); }
.preroll-template-detail figcaption strong { color: var(--ui-ink); }
.form-section .form-intro > p { color: var(--ui-copy); }
.principle-card:nth-child(n) > span { color: #81775f; }
.tube-style-card__copy i span { color: var(--ui-copy); }
.footer-updates-form__row { flex-wrap: wrap; }
.footer-updates-form__row input { width: 100%; min-width: 0; }
.footer-updates-form__row button { width: 100%; color: var(--ui-surface); background: var(--ui-brand); border-color: var(--ui-brand); }
.about-statement__body, .brand-facts > div { min-width: 0; }
.brand-facts strong { font-family: var(--heading); font-weight: 400; font-size: clamp(1.7rem, 2.8vw, 2.65rem); letter-spacing: -.04em; overflow-wrap: anywhere; }
.brand-facts > div { padding-inline: 18px; }
.account-auth-hero { padding: 0 0 70px; }
.account-auth-hero__inner { display: block; }
.account-auth-hero__copy { max-width: none; padding: 60px 0 45px; background: linear-gradient(90deg,var(--ui-bg) 0 38%,#faf9f600 70%),url('../media/preroll-pair-fullwrap-v1.webp') right center / auto 125% no-repeat; }
.account-auth-hero__copy h1, .account-auth-hero__copy > p { max-width: 48%; }
.account-auth-hero__copy h1 { font-size: clamp(3rem,5vw,5.5rem); }
.account-benefits { display: flex; flex-wrap: wrap; gap: 18px; max-width: 50%; }
.account-benefits li { font-size: .8rem; }
.account-auth-shell { max-width: 1100px; margin-inline: auto; }
.account-auth-grid { gap: 24px; align-items: start; }
.account-auth-grid--single { justify-content: start; }
.account-auth-card--new { background: var(--ui-bg); }
.account-form__split { grid-template-columns: 1fr; }
.account-card-kicker { color: var(--ui-brand-text); }
.page-hero { background-image: linear-gradient(90deg,var(--ui-bg) 0%,var(--ui-bg) 44%,#faf9f600 68%),url('../media/preroll-pair-fullwrap-v1.webp'); background-repeat: no-repeat; background-size: 100% 100%,auto 135%; background-position: center,right center; }
.contact-method-card__copy > span { color: var(--ui-panel); }
.contact-method-card__copy h2 { font-size: clamp(1.6rem,2.25vw,2.4rem); }
.packaging-choice-grid { grid-template-columns: minmax(0,1fr); }
.packaging-choice { min-height: 335px; padding: 42px; background: linear-gradient(90deg,var(--ui-bg) 0 38%,#faf9f600 76%),url('../media/tube-display-boxes-studio-v1.webp') right center / auto 125% no-repeat; }
.packaging-choice:nth-child(2) { background: linear-gradient(90deg,var(--ui-bg) 0 38%,#faf9f600 76%),url('../media/vacuum-hero-bright-v3.webp') right center / auto 125% no-repeat; }
.packaging-choice::after { content: none; }
.packaging-choice :is(strong,p) { max-width: 44%; }
.packaging-choice strong { font-size: clamp(2rem,3vw,3.2rem); }
.packaging-choice__number { color: #8e795e; }
.page-hero--shop { background-image: linear-gradient(90deg,var(--ui-bg) 0 40%,#faf9f600 70%),url('../media/tube-display-boxes-studio-v1.webp'); }
body:has(.flower-bag-hub) .page-hero--shop, body:has(.bag-product-catalog) .page-hero--shop { background-image: linear-gradient(90deg,var(--ui-bg) 0 40%,#faf9f600 70%),url('../media/vacuum-hero-bright-v3.webp'); }
.content-layout { grid-template-columns: minmax(170px,.28fr) minmax(0,1fr); gap: 60px; }
.content-layout > aside { border-right: 1px solid var(--line); padding-right: 30px; }
.content-layout > aside h2 { font-size: 1.7rem; }
.content-layout > .entry-content { max-width: 860px; }
.contact-method-card__media { margin: 26px 28px 0; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; background: var(--ui-panel); }
.contact-method-card__media img { display: none; }
.contact-method-card__media::before { content: '✉'; color: var(--ui-ink); font: 32px Georgia,serif; }
.contact-method-card:nth-child(2) .contact-method-card__media::before { content: '☎'; }
.contact-method-card:nth-child(3) .contact-method-card__media::before { content: '↗'; }
.contact-method-card__copy > span { display: none; }
body.alassy-site .eyebrow { font-stretch: normal; font-variation-settings: normal; }

@media (min-width: 1600px) {
  .tube-home__hero, .tube-home__hero-grid { min-height: 900px; }
  .tube-home__hero-grid { padding-top: 105px; }
}
@media (max-width: 1100px) {
  .shell { width: calc(100% - 56px); }
  .commerce-header__brand { width: 155px; }
  .commerce-nav__menu > li > a { font-size: .74rem; }
  .tube-home__hero, .tube-home__hero-grid { min-height: 740px; }
  .tube-home__hero-grid { padding-top: 62px; }
  .tube-home__hero-copy { width: 46%; }
  .tube-home__hero-lead { font-size: .91rem; }
  .tube-style-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .preroll-designer { gap: 24px; }
  .preroll-order-form { padding: 12px; }
  .tube-route-card { padding: 28px; }
}
@media (max-width: 920px) {
  .commerce-header .language-switcher summary { border-left: 0; }
  .commerce-header__inner { min-height: 66px; }
  .commerce-nav__menu > li > a { font-size: 1rem; }
  .preroll-designer { grid-template-columns: minmax(0,1fr); }
  .preroll-preview-card { max-width: 620px; width: 100%; margin-inline: auto; }
  .preroll-order-form { padding: 24px 0; }
  .product-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .product-summary, .product-gallery { grid-column: auto; grid-row: auto; }
  .tube-home__hero, .tube-home__hero-grid { min-height: 0; }
  .tube-home__hero-grid { display: flex; flex-direction: column; padding: 46px 0 30px; }
  .tube-home__hero-copy { width: 100%; max-width: none; }
  .tube-home__hero-visual { position: relative; width: calc(100% + 56px); height: 480px; margin: 28px -28px 0; }
  .tube-home__hero-image img { object-fit: cover; object-position: 88% 50%; width: 100%; }
  .tube-home__hero .eyebrow { margin-bottom: 24px; }
  body.alassy-site .tube-home__hero h1 { font-size: clamp(3.6rem,9vw,5.8rem); }
  .tube-home__hero-lead { max-width: 600px; font-size: 1rem; }
  .tube-home__trust, .tube-home__business-note { width: 100%; }
  .tube-home__trust { margin-top: 30px; }
  .tube-home__designs .section-head { background-size: auto 100%; background-position: 72% center; }
  .tube-home__designs .section-head > div, .tube-home__designs .section-head > p { max-width: 45%; }
  .design-library-hero__copy, .design-library-hero__intro { width: 60%; }
}
@media (max-width: 600px) {
  .shell { width: calc(100% - 36px); }
  body.alassy-site .button { min-height: 46px; padding: 12px 15px; font-size: .78rem; }
  .commerce-header__brand { width: 137px; }
  .commerce-header__inner { gap: 12px; }
  .language-switcher summary { min-width: 45px; }
  .tube-home__hero-grid { padding-top: 34px; }
  .tube-home__hero .eyebrow { max-width: 100%; font-size: .59rem; }
  body.alassy-site .tube-home__hero h1 { font-size: clamp(2.8rem,12vw,4.3rem); line-height: 1.03; }
  .language-zh body.alassy-site .tube-home__hero h1 { font-size: 2.75rem; line-height: 1.2; }
  .tube-home__hero-lead { font-size: .88rem; line-height: 1.75; }
  .tube-home__hero .button-row { gap: 10px; }
  .tube-home__trust { grid-template-columns: repeat(3,minmax(0,1fr)); padding: 16px 0; margin-top: 40px; }
  .tube-home__trust li:nth-child(n) { padding: 0 12px; min-height: 75px; }
  .tube-home__trust li:first-child { padding-left: 0; }
  .tube-home__trust li:nth-child(n) strong { font-size: 1.5rem; }
  .tube-home__trust span { font-size: .63rem; }
  .tube-home__business-note { font-size: .65rem; }
  .tube-home__hero-grid { position: relative; }
  .tube-home__hero-visual { position: absolute; inset: 0 -18px; width: auto; height: auto; margin: 0; background: url('../media/preroll-pair-fullwrap-v1.webp') right 145px bottom 160px / auto 460px no-repeat; }
  .tube-home__hero-visual { background-position: right -76px bottom 145px; mask-image: linear-gradient(to bottom, transparent 15%, #000 35%, #000 82%, transparent 95%); }
  .tube-home__hero-image { background: transparent; }
  .tube-home__hero-image img { opacity: 0; }
  .tube-home__hero-lead { width: 54%; min-height: 190px; font-size: .79rem; line-height: 1.8; }
  .tube-home__hero .button-row { flex-direction: column; align-items: flex-start; }
  .tube-home__hero .button-row .button { width: 55%; min-height: 45px; padding: 11px 10px; font-size: .65rem; text-align: left; }
  .tube-home__hero-copy { isolation: auto; }
  .tube-home .section { padding: 42px 0; }
  .tube-home__designs .section-head { min-height: 0; padding: 0 0 220px; background-size: auto 250px; background-position: 85% bottom; }
  .tube-home__designs .section-head > div, .tube-home__designs .section-head > p { max-width: 100%; }
  .tube-style-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 14px; }
  .tube-style-card__copy strong { font-size: .88rem; }
  .tube-route-card { min-height: 310px; padding: 26px; background-position: 55% center; }
  .tube-route-card h3 { font-size: 2.15rem; max-width: 55%; }
  .tube-route-card p { font-size: .77rem; max-width: 53%; }
  .tube-route-card > strong { font-size: .7rem; }
  .tube-home__product-grid { gap: 26px; }
  .tube-shipping-grid article strong { font-size: 2.2rem; }
  .design-library-hero { padding: 40px 0 250px; background-size: auto 320px; background-position: 88% bottom; }
  .design-library-hero__copy, .design-library-hero__intro { width: 100%; }
  .design-library-hero h1 { font-size: 2.9rem; }
  .design-library-filters { gap: 6px; }
  .design-library-filters a { padding: 9px 10px; font-size: .67rem; }
  .tube-design-card__copy { padding: 12px; }
  .tube-design-card__copy strong { font-size: .8rem; }
  .preroll-preview-card { padding: 12px; }
  .preroll-order-form { padding-inline: 0; }
  .page-hero, .wholesale-hero { padding: 40px 0; background-image: none; }
  .page-hero__grid > div, .page-hero__grid > p { max-width: 100%; }
  .page-hero h1, .wholesale-hero h1 { font-size: 2.9rem; }
  .contact-method-card__copy { padding: 22px; }
  .packaging-choice { min-height: 380px; padding: 28px; background-size: auto,auto 75%; background-position: center,right bottom; }
  .packaging-choice:nth-child(2) { background-size: auto,auto 75%; background-position: center,right bottom; }
  .packaging-choice :is(strong,p) { max-width: 72%; }
  .packaging-choice strong { font-size: 2rem; }
  .content-layout { grid-template-columns: minmax(0,1fr); gap: 26px; }
  .content-layout > aside { border: 0; padding: 0; }
  .account-auth-hero__copy { padding: 38px 0 190px; background-size: auto 250px; background-position: 90% bottom; }
  .account-auth-hero__copy h1, .account-auth-hero__copy > p { max-width: 100%; }
  .account-auth-hero__copy h1 { font-size: 2.9rem; }
  .account-benefits { max-width: 100%; gap: 10px; }
  .account-auth-grid { grid-template-columns: minmax(0,1fr); }
  .brand-facts > div { padding-inline: 10px; }
}
@media (max-width: 380px) {
  .commerce-header, .commerce-header.is-compact { height: auto; }
  .commerce-header__inner { height: auto; display: grid; grid-template-columns: 1fr auto; gap: 0 12px; padding-block: 6px; }
  .commerce-header__brand { grid-area: 1 / 1; }
  .commerce-header__inner > .menu-toggle { grid-area: 1 / 2; min-width: 44px; min-height: 44px; }
  .commerce-header__inner > .header-tools { grid-area: 2 / 1 / 3 / 3; justify-content: flex-end; border-left: 0; }
  .commerce-header .header-tool, .commerce-header .language-switcher summary { min-width: 44px; min-height: 44px; }
}

/* Customer navigation and compact tool pages. Preserve showroom motion. */
.journey-help { margin:14px 0; font-size:.86rem; line-height:1.55; }
.journey-help a { color:var(--ui-brand-text); text-decoration:underline; text-underline-offset:4px; padding-block:8px; display:inline-block; }
.journey-library-help .journey-help { margin-block:0; }
.order-essentials { background:var(--ui-bg); }
.order-essentials .section-head { align-items:center; margin-bottom:24px; }
.order-essentials .section-head h2 { font-size:clamp(1.65rem,3vw,2.7rem); }
.order-essentials__grid { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.order-essentials h3 { font-size:1rem; margin:0 0 16px; }
.order-essentials__prices { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.order-essentials__prices a { display:grid; gap:8px; padding:18px; color:var(--ui-brand-text); background:var(--ui-surface); border:1px solid var(--ui-border); border-radius:8px; text-decoration:none; transition:border-color .2s,transform .2s; }
.order-essentials__prices a:hover { border-color:var(--ui-brand); transform:translateY(-2px); }
.order-essentials__prices b { font-weight:400; }
.order-essentials__prices strong { font-size:clamp(1.4rem,2.2vw,1.9rem); font-variant-numeric:tabular-nums; }
.order-essentials__prices small { font-size:.8rem; }
.order-essentials__grid p,.order-essentials__note { font-size:.85rem; line-height:1.6; color:var(--ui-copy); }
.order-essentials__delivery { border-left:1px solid var(--ui-line); padding-left:32px; }
.order-essentials__delivery p strong,.order-essentials__delivery p span { display:block; }
.order-essentials__delivery p strong { color:var(--ui-brand-text); margin-bottom:4px; }
.order-essentials__note { border-top:1px solid var(--ui-line); padding-top:16px; margin:22px 0 0; }
.journey-preview-details,.journey-design-choices,.journey-inquiry-extra { min-width:0; border:1px solid var(--ui-line); padding:12px; border-radius:8px; }
.journey-preview-details { margin-top:16px; }
.journey-preview-details summary,.journey-design-choices summary,.journey-inquiry-extra summary { cursor:pointer; min-height:44px; align-content:center; color:var(--ui-brand-text); font-weight:650; font-size:.88rem; }
.journey-preview-details[open] summary,.journey-design-choices[open] summary,.journey-inquiry-extra[open] summary { margin-bottom:12px; }
.journey-continue { margin-top:14px; white-space:normal; text-align:center; }
.journey-form-step { margin-top:28px; }
.journey-form-step h4 { margin:0 0 16px; padding-top:20px; border-top:1px solid var(--ui-line); font-size:1.15rem; }
.journey-form-notice { padding:14px; border-left:3px solid var(--ui-brand); background:var(--ui-bg); color:var(--ui-brand-text); line-height:1.6; font-size:.88rem; }
.journey-inquiry-extra .form-grid { margin-top:12px; }
#order-essentials,#specifications,#preroll-request-start,#preroll-shipping-step,#preroll-contact-step { scroll-margin-top:120px; }
.order-essentials a:focus-visible,.journey-help a:focus-visible,.journey-preview-details summary:focus-visible,.journey-design-choices summary:focus-visible,.journey-inquiry-extra summary:focus-visible { outline:3px solid var(--ui-brand-text); outline-offset:3px; }
@media(max-width:760px) {
 .order-essentials { padding-block:32px; }
 .order-essentials__grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 .order-essentials__delivery { border-left:0; border-top:1px solid var(--ui-line); padding:22px 0 0; }
 .order-essentials__prices a { padding:14px; }
 .preroll-hero__lead { font-size:.95rem; line-height:1.65; }
 .journey-preview-details { padding:10px; }
 .preroll-template-layout:has(.journey-design-choices:not([open])) { grid-template-columns:minmax(0,1fr); }
 .journey-design-choices { padding:8px; }
 .journey-design-choices:not([open]) + .preroll-template-detail { margin-top:12px; }
}
@media(max-width:360px) {
 #order-essentials,#specifications,#preroll-request-start,#preroll-shipping-step,#preroll-contact-step { scroll-margin-top:155px; }
 .order-essentials__prices strong { font-size:1.3rem; }
}
@media(prefers-reduced-motion:reduce) { .order-essentials__prices a { transition:none; } .order-essentials__prices a:hover { transform:none; } }
.account-draft-link { display:flex; flex-wrap:wrap; gap:6px 20px; padding-block:18px; font-size:.82rem; }
.account-draft-link a { color:var(--ui-brand-text); font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.account-draft-link small { color:var(--ui-copy); }
.commerce-footer__support > .text-link { display:block; margin-top:22px; }
.media-split { overflow-x:clip; }
.tube-home__quick-start { padding-block:18px; text-align:center; }
.preroll-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 24px; padding:12px; border:1px solid var(--ui-line); border-radius:12px; background:var(--ui-bg); }
.preroll-progress a { min-height:58px; padding:8px; text-decoration:none; color:var(--ui-copy); border-radius:6px; display:grid; grid-template-columns:18px 1fr; gap:4px; font-size:12px; }
.preroll-progress a small { grid-column:2; font-size:10px; color:var(--ui-muted); }
.preroll-progress .is-complete { background:var(--ui-panel); color:var(--ui-brand-text); }
.preroll-progress .is-complete small::before { content:"✓ "; }
.preroll-progress a:focus-visible, .tube-guide-grid summary:focus-visible { outline:3px solid var(--ui-brand-text); outline-offset:3px; }
.journey-preview-return { display:none; }
@media(max-width:920px) {
 html.has-preview-return { scroll-padding-bottom:88px; }
 .has-preview-return body { padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px)); }
 .journey-preview-return:not([hidden]) { position:fixed; right:max(16px, env(safe-area-inset-right, 0px)); bottom:calc(16px + env(safe-area-inset-bottom, 0px)); z-index:19; display:flex; align-items:center; justify-content:center; min-height:48px; max-width:calc(100% - 32px); padding:12px 20px; border:1px solid var(--ui-brand); border-radius:999px; background:var(--ui-brand); color:var(--ui-surface); box-shadow:0 4px 18px #26231f29; font-size:14px; font-weight:700; line-height:1.4; text-decoration:none; text-align:center; }
 .journey-preview-return:focus-visible { outline:3px solid var(--ui-brand-text); outline-offset:3px; }
 .journey-preview-return:active { background:var(--ui-ink); }
 .menu-open .journey-preview-return, body:has(dialog[open], .language-switcher[open]) .journey-preview-return { visibility:hidden; }
}
#tube-preview,#preroll-finish-step,#preroll-label-step,#preroll-quantity,#preroll-company,[id^="policy-topic-"],[id^="tube-guide-"] { scroll-margin-top:115px; }
.tube-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:26px 0; align-items:start; }
.tube-guide-grid details { border:1px solid var(--ui-line); padding:20px; border-radius:10px; background:var(--ui-surface); }
.tube-guide-grid summary { cursor:pointer; min-height:44px; font-weight:700; color:var(--ui-brand-text); }
.tube-guide-grid p { margin:10px 0 0; line-height:1.7; color:var(--ui-copy); }
.policy-contents { display:flex; flex-wrap:wrap; gap:10px 20px; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid var(--ui-line); }
.policy-contents a { color:var(--ui-brand-text); text-underline-offset:4px; }
body.page-template-page-terms .page-hero,body.page-template-page-returns .page-hero,body.page-template-page-shipping-delivery .page-hero { background-image:none; }
@media(max-width:760px) {
 .design-library-page .design-library-hero { padding:30px 0 24px; background-image:none; }
 .design-library-page .design-library-hero h1 { font-size:clamp(2rem,7.5vw,2.65rem); }
 .design-library-page .design-library-hero__copy,.design-library-page .design-library-hero__intro { width:100%; max-width:100%; }
 .design-library-page .design-library-hero__intro { font-size:.86rem; margin:12px 0 0; }
 .design-library-page .official-design-library { padding-top:22px; }
 .design-library-filters a { min-height:44px; display:inline-flex; align-items:center; }
 .preroll-orbit-zoom button,.preroll-view-controls button { min-width:44px; min-height:44px; }
 .preroll-progress { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .preroll-progress a { font-size:13px; }
 .preroll-order-column { overflow:visible; }
 .tube-guide-grid { grid-template-columns:minmax(0,1fr); }
}

/* Purchasing sequence: product and decisions before the presentation cards. */
body.alassy-site .tube-home__hero, body.alassy-site .tube-home__hero-grid { min-height:0; }
body.alassy-site .tube-home__hero-grid { display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:56px 0; }
body.alassy-site .tube-home__hero-copy { width:auto;max-width:none;position:relative;z-index:1; }
body.alassy-site .tube-home__hero-visual { position:relative;inset:auto;width:100%;height:auto;min-width:0;margin:0;background:none;mask-image:none; }
body.alassy-site .tube-home__hero-image { aspect-ratio:1/1;overflow:hidden;background:var(--ui-bg);border-radius:20px;transform:none;transition:none; }
body.alassy-site .tube-home__hero-image img { display:block;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center; }
body.alassy-site .tube-home__hero h1 { font-size:clamp(3.3rem,5.8vw,5.6rem);line-height:1.03; }
body.alassy-site .tube-home__hero-lead { width:auto;min-height:0;max-width:480px;font-size:1rem;line-height:1.7; }
body.alassy-site .tube-home__hero .button-row { display:flex;flex-direction:row;flex-wrap:wrap;gap:12px; }
body.alassy-site .tube-home__hero .button-row .button { width:auto;min-height:46px;font-size:.8rem;padding:14px 19px; }
.tube-home__pricing-note,.preroll-tier-note { max-width:560px;font-size:.82rem;line-height:1.6;color:var(--ui-copy); }
.tube-home__trust { display:flex!important;flex-wrap:wrap;gap:28px!important; }
.tube-home__trust li { min-width:0; }
.tube-matching h2 { font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.12; }
.tube-matching { background:var(--ui-surface);scroll-margin-top:110px; }
.tube-matching__grid { display:grid;grid-template-columns:1fr 1fr;gap:24px; }
.tube-matching__card { display:block;color:inherit;text-decoration:none;border:1px solid var(--ui-line);border-radius:16px;overflow:hidden;background:var(--ui-bg); }
.tube-matching__card>img { display:block;width:100%;height:310px;object-fit:contain; }
.tube-matching__card>div { position:relative;padding:22px 25px;background:var(--ui-surface); }
.tube-matching__card h3 { font-size:1.25rem;margin:0 32px 8px 0; }
.tube-matching__card span { color:var(--ui-copy);font-size:.85rem; }
.tube-matching__card b { position:absolute;right:24px;top:24px;font-size:24px; }
.tube-matching__note { max-width:900px;font-size:.84rem;color:var(--ui-copy);line-height:1.7;margin:22px 0 12px; }
.tube-print-guide { margin:30px auto 60px;border-block:1px solid var(--ui-line); }
.tube-print-guide>summary { padding:22px 0;cursor:pointer;font-weight:600; }
.tube-home__ticker a { color:inherit;text-underline-offset:4px; }
:is(.tube-matching__card,.tube-print-guide>summary):focus-visible { outline:3px solid var(--ui-brand);outline-offset:4px; }
@media(max-width:980px){body.alassy-site .tube-home__hero-grid{gap:22px;padding:38px 0}.tube-matching__card>img{height:250px}}
@media(max-width:760px){
 body.alassy-site .tube-home__hero-grid{display:flex;flex-direction:column;padding:28px 0 32px;gap:22px}
 body.alassy-site .tube-home__hero h1{font-size:clamp(2.9rem,11vw,4.3rem)}
 body.alassy-site .tube-home__hero .eyebrow{font-size:.65rem;margin-bottom:18px}
 body.alassy-site .tube-home__hero-lead{font-size:.92rem;line-height:1.65}
 body.alassy-site .tube-home__hero-visual{position:relative;inset:auto;order:2;width:100%;margin:0;height:auto;background:none;mask-image:none}
 body.alassy-site .tube-home__hero-image{aspect-ratio:1.2/1;border-radius:14px}
 body.alassy-site .tube-home__hero-image img{opacity:1;object-position:center}
 body.alassy-site .tube-home__hero .button-row .button{flex:1;min-width:125px;justify-content:center;padding:12px 10px;font-size:.74rem}
 .tube-home__pricing-note{font-size:.76rem}.tube-home__trust{margin-top:20px!important;gap:30px!important}
 .tube-matching__grid{gap:16px;grid-template-columns:1fr}.tube-matching__card{display:grid;grid-template-columns:44% 56%;align-items:stretch}.tube-matching__card>img{height:180px;width:100%;object-fit:cover}.tube-matching__card>div{padding:22px 16px}.tube-matching__card h3{font-size:1.05rem;margin-right:0}.tube-matching__card span{font-size:.76rem}.tube-matching__card b{top:auto;bottom:12px;right:16px}
 .tube-matching .section-head{gap:18px}.tube-matching .section-head p{font-size:.9rem}
}

.tube-home__designs .section-head { background:none;min-height:0;padding:0;margin-bottom:32px; }
.tube-home__designs .section-head > div, .tube-home__designs .section-head > p { max-width:none; }
.tube-home__designs .tube-style-grid { grid-template-columns:repeat(8,minmax(0,1fr));gap:24px 16px; }
@media(max-width:1199px){
 .tube-home__designs .tube-style-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:760px){
 body.alassy-site .tube-home__hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 0}
 body.alassy-site .tube-home__hero-copy{display:contents}
 body.alassy-site .tube-home__hero .eyebrow{order:1;margin:0;font-size:.64rem}
 body.alassy-site .tube-home__hero h1{order:2;font-size:clamp(2.35rem,10vw,3.4rem);margin:0}
 body.alassy-site .tube-home__hero-visual{order:3}
 body.alassy-site .tube-home__hero-image{aspect-ratio:1.5/1}
 body.alassy-site .tube-home__hero-visual figcaption{display:none}
 body.alassy-site .tube-home__hero-lead{order:4;margin:0;font-size:.83rem;line-height:1.55}
 body.alassy-site .tube-home__hero .button-row{order:5;margin:0}
 body.alassy-site .tube-home__hero .tube-home__trust{order:6;margin:4px 0 0!important;padding:0;border:0;gap:24px!important}
 body.alassy-site .tube-home__hero .tube-home__trust strong{font-size:1.55rem}
 body.alassy-site .tube-home__hero .tube-home__trust span{font-size:.67rem}
 body.alassy-site .tube-home__hero .tube-home__pricing-note{order:7;margin:0;line-height:1.5}
 body.alassy-site .tube-home__hero .journey-help{order:8;margin:0}
 body.alassy-site .tube-home__hero .tube-home__business-note{order:8;margin:0;font-size:.66rem;line-height:1.5}
 .tube-home__designs .section-head{padding-bottom:0;background:none}
 .tube-home__designs .tube-style-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}
 .tube-home__designs .tube-style-card{scroll-snap-align:start}
 .tube-home__designs .tube-style-card__art{width:100%}
 .tube-matching__card>img{height:155px}
}

.preroll-quantity-options{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.preroll-quantity-options button{min-width:70px;min-height:44px;border:1px solid var(--ui-muted);border-radius:6px;background:var(--ui-bg);color:var(--ui-brand-text);cursor:pointer;font:inherit}
.preroll-quantity-options button:hover{background:var(--ui-panel)}
.preroll-quantity-options button:focus-visible{outline:3px solid var(--ui-brand);outline-offset:3px}
#preroll-estimate{scroll-margin-top:110px}.preroll-box-result{font-size:.84rem;color:var(--ui-copy)}
[data-preroll-box-details][hidden]{display:none}
@media(max-width:760px){.tube-home__ticker .shell{flex-wrap:wrap;white-space:normal;gap:12px 18px;padding-block:16px}.tube-home__ticker i{display:none}}

/* Desktop logo stays within the existing header row. */
@media (min-width: 921px) {
  .commerce-header__inner { min-height: 0; }
  .commerce-header__brand { width: 150px; }
}
@media (min-width: 921px) and (max-width: 1024px) {
  .commerce-header__inner { gap: 8px; }
  .commerce-header__brand { width: 128px; }
  .commerce-header .language-switcher summary { min-width: 44px; }
}

/* Keep the product-first headline readable across all three languages. */
body.alassy-site .tube-home__hero h1 { font-size: clamp(2.75rem, 5vw, 4.5rem); }
@media (max-width: 760px) {
  body.alassy-site .tube-home__hero h1 { font-size: clamp(1.875rem, 8.2vw, 3rem); }
}

/* Product facts and clearly actionable shortcuts share one aligned information bar. */
.tube-home__ticker .tube-home__ticker-layout { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center;min-width:0;padding-block:18px;overflow:visible; }
.tube-home__ticker-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;min-width:0;margin:0;padding:0;list-style:none; }
.tube-home__ticker-facts li { display:flex;align-items:center;justify-content:center;min-width:0;padding:4px 16px;text-align:center;text-wrap:balance;color:var(--ui-ink);font-size:.875rem;font-weight:600;line-height:1.6;letter-spacing:0;white-space:normal; }
.tube-home__ticker-facts li+li { border-inline-start:1px solid var(--ui-line); }
.tube-home__ticker-links { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0; }
.tube-home__ticker-links a { display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:5px;color:var(--ui-ink);background:var(--ui-bg);text-decoration:none;font-size:.8125rem;font-weight:600;line-height:1.4; }
.tube-home__ticker-links a span { font:inherit;letter-spacing:0;white-space:normal; }
.tube-home__ticker-links a span[aria-hidden] { flex-shrink:0;font-size:1rem; }
.tube-home__ticker-links a:hover { color:var(--ui-surface);background:var(--ui-brand);border-color:var(--ui-brand); }
.tube-home__ticker-links a:focus-visible { outline:3px solid var(--ui-brand);outline-offset:3px; }
@media(max-width:1100px) {
 .tube-home__ticker .tube-home__ticker-layout { grid-template-columns:minmax(0,1fr);gap:16px;padding-block:18px; }
 .tube-home__ticker-links { padding-top:16px;border-top:1px solid var(--ui-line); }
 .tube-home__ticker-links a { justify-content:center; }
}
@media(max-width:600px) {
 .tube-home__ticker .tube-home__ticker-layout { gap:14px;padding-block:16px; }
 .tube-home__ticker-facts li { padding:2px 8px;font-size:.8125rem;line-height:1.55; }
 .tube-home__ticker-links { gap:6px;padding-top:14px; }
 .tube-home__ticker-links a { padding:10px 7px;text-align:center; }
 .tube-home__ticker-links a span[aria-hidden] { display:none; }
}

/* Product-led motion outside the static hero and information bar. */
.motion-ribbon { flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
.motion-ribbon__track { display:flex;width:max-content; }
.motion-ribbon__group { display:flex;align-items:center;justify-content:space-around;gap:30px;padding-inline:15px;flex-shrink:0;min-width:var(--ribbon-width,0px); }
.motion-ribbon__group span { white-space:nowrap;font-size:.76rem;font-weight:650;letter-spacing:.035em; }
.tube-home__ticker .motion-ribbon__group i { display:block;flex-shrink:0;font-size:0;width:6px;height:6px;background:var(--ui-muted);transform:rotate(45deg);border-radius:0; }
.motion-ribbon__group i img { display:none!important; }
.motion-ribbon__group[aria-hidden] { display:none; }
.has-page-motion .motion-ribbon__group[aria-hidden] { display:flex; }
.motion-toggle { width:44px;height:44px;min-width:44px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--ui-line);border-radius:50%;color:var(--ui-ink);background:#ffffffe8;cursor:pointer;z-index:2; }
.motion-toggle { pointer-events:auto; }
.motion-toggle[hidden] { display:none; }
.motion-toggle:focus-visible { outline:3px solid var(--ui-brand);outline-offset:4px; }
.motion-toggle__icon { width:10px;height:12px;border-inline:3px solid currentColor; }
.motion-paused .motion-toggle__icon { width:10px;height:12px;border:0;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%); }
.tube-home__hero-visual>.motion-toggle { position:absolute;right:16px;top:16px; }
.preroll-hero__visual { position:relative;overflow:hidden; }
.preroll-hero__visual>.motion-toggle { position:absolute;right:18px;top:18px; }

@media (prefers-reduced-motion:no-preference) {
 .has-page-motion .motion-ribbon__track { animation:alassy-ribbon-flow 26s linear infinite;animation-play-state:paused; }
 .has-page-motion .motion-ribbon.motion-in-view .motion-ribbon__track { animation-play-state:running; }
 .has-page-motion .preroll-hero__visual>img { animation:alassy-product-drift 7s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 62%; }
 .has-page-motion .preroll-hero__visual.motion-in-view>img { animation-play-state:running; }
 body.motion-paused .motion-ribbon__track,body.motion-paused .tube-home__hero-image img,body.motion-paused .preroll-hero__visual>img,
 body.motion-tab-hidden .motion-ribbon__track,body.motion-tab-hidden .tube-home__hero-image img,body.motion-tab-hidden .preroll-hero__visual>img { animation-play-state:paused!important; }
 .reveal.motion-entry { transition:opacity .65s ease,transform .85s cubic-bezier(.2,.75,.2,1),filter .65s ease;transition-delay:var(--reveal-delay,0ms); }
 .reveal.motion-entry.reveal-pending,.reveal.motion-entry.reveal-pending:nth-child(even) { opacity:0;transform:translate3d(0,30px,0);filter:none; }
 .reveal.motion-entry.is-visible { opacity:1;transform:none;filter:none;transition-delay:var(--reveal-delay,0ms); }
 .motion-card.is-visible:not(.tube-style-card):not(.tube-design-card) img,.motion-photo.is-visible img { animation:alassy-photo-arrive 1.15s cubic-bezier(.2,.75,.2,1) backwards; }
 .motion-card { overflow:hidden; }
 .tube-style-card__art,.tube-matching__card>img,.tube-display-card__art img,.tube-design-card__image img { transition:transform .7s cubic-bezier(.2,.75,.2,1); }
 .button,.motion-toggle { transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease; }
 .button:not(:disabled):active,.motion-toggle:active { transform:scale(.97); }
 .text-link span[aria-hidden],.button span[aria-hidden],.tube-matching__card b { display:inline-block;transition:transform .3s cubic-bezier(.2,.75,.2,1); }
 .text-link:is(:hover,:focus-visible) span[aria-hidden],.button:is(:hover,:focus-visible) span[aria-hidden] { transform:translateX(5px); }
 .tube-home__process-grid li>span { display:inline-grid;transition:transform .45s ease; }
 @keyframes alassy-product-drift { from { transform:translate3d(0,4px,0) scale(1.025); } to { transform:translate3d(0,var(--drift-y,-10px),0) scale(var(--drift-scale,1.055)); } }
 @keyframes alassy-ribbon-flow { to { transform:translateX(-50%); } }
 @keyframes alassy-photo-arrive { from { transform:scale(1.075); } to { transform:scale(1); } }
}
@media (min-width:901px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 .has-page-motion:not(.motion-paused) .preroll-hero__visual>img { translate:var(--pointer-shift-x,0px) var(--pointer-shift-y,0px);transition:translate .8s cubic-bezier(.2,.75,.2,1); }
 .tube-matching__card:hover>img,.tube-display-card:hover .tube-display-card__art img { transform:scale(1.045); }
 .tube-matching__card:hover b { transform:translate(3px,-3px); }
 .button:not(:disabled):hover,.motion-toggle:hover { transform:translateY(-3px);box-shadow:0 7px 16px #26231f16; }
 .tube-home__process-grid li:hover>span { transform:translateY(-5px) rotate(-5deg); }
}
@media(max-width:900px) {
 .motion-ribbon { flex-basis:calc(100% - 54px); }
 .motion-ribbon__group { gap:22px; }
 .tube-home__hero-image img,.preroll-hero__visual>img { --drift-y:-5px;--drift-scale:1.04; }
 .tube-home__hero-visual>.motion-toggle { right:10px;top:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .motion-ribbon__track { animation:none!important;transform:none!important; }
 .reveal.motion-entry,.reveal.motion-entry.reveal-pending,.reveal.motion-entry.is-visible { opacity:1!important;transform:none!important;filter:none!important;transition:none!important; }
 .motion-card img,.motion-photo img,.tube-home__hero-image img,.preroll-hero__visual>img { animation:none!important;translate:none!important; }
}
body:not(.has-page-motion) .motion-ribbon__track { width:auto; }
body:not(.has-page-motion) .motion-ribbon__group { flex-wrap:wrap;justify-content:center;gap:8px 18px; }
body:not(.has-page-motion) .motion-ribbon__group span { white-space:normal; }

/* Keep disclosure visibility, keyboard focus and touch controls in sync. */
.primary-nav.is-enhanced li:not(.submenu-open) > .sub-menu { display: none; }
.primary-nav.is-enhanced li.submenu-open > .sub-menu { display: grid; }
@media (max-width: 920px) {
  .commerce-header .menu-toggle { min-width: 44px; min-height: 44px; padding: 10px; flex-shrink: 0; justify-content: center; }
  .commerce-header .primary-nav { height: calc(100vh - var(--menu-top, 60px)); height: calc(100dvh - var(--menu-top, 60px)); overscroll-behavior: contain; }
}
@media (max-width: 600px) {
  .commerce-header__inner { gap: 6px; }
}

/* One product gallery, followed by concise purchasing and specification details. */
.preroll-hero__grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); column-gap: clamp(32px, 5vw, 72px); row-gap: 18px; padding-block: 40px; }
.preroll-hero__intro { grid-column: 1; grid-row: 1; align-self: end; }
.preroll-hero__intro .preroll-hero__lead { margin-bottom: 0; }
.preroll-hero__purchase { grid-column: 1; grid-row: 2; align-self: start; }
.preroll-hero__purchase .preroll-tier-note { margin-top: 12px; }
.preroll-hero__purchase .journey-help { margin-top: 14px; }
.preroll-hero__purchase .preroll-business-note { margin-top: 14px; }
.tube-gallery { grid-column: 2; grid-row: 1 / 3; min-width: 0; scroll-margin-top: 90px; }
.tube-gallery__stage { position: relative; }
.tube-gallery .product-gallery__main { height: 400px; min-height: 0; padding: 0; background: var(--ui-bg); touch-action: pan-y pinch-zoom; }
.tube-gallery .product-gallery__main img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; }
.tube-gallery .product-gallery__main:hover img { transform: none; }
.tube-gallery__arrow { position: absolute; top: calc(50% - 22px); display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--ui-line); border-radius: 50%; background: rgba(255,255,255,.95); color: var(--ui-brand-text); font: 28px/1 Arial,sans-serif; }
.tube-gallery__arrow--previous { left: 10px; }
.tube-gallery__arrow--next { right: 10px; }
.tube-gallery__arrow:hover { background: var(--ui-bg); }
.tube-gallery .product-gallery__thumbs { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-columns: auto; gap: 10px; overflow: visible; }
.tube-gallery .product-gallery__thumbs img { width: 100%; height: 64px; object-fit: contain; }
.tube-gallery .product-gallery__thumbs span { display: block; padding: 5px 2px; font-size: 14px; line-height: 1.4; color: var(--ui-brand-text); }
.tube-gallery__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; color: var(--ui-copy); font-size: 13px; }
.tube-gallery__footer p { margin: 0; }
.tube-gallery__footer a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--ui-brand-text); text-decoration: underline; text-underline-offset: 4px; }
.tube-gallery__error { color: var(--ui-brand-text); font-size: 14px; }
.tube-gallery .product-lightbox { width: min(1440px, calc(100% - 48px)); height: calc(100dvh - 48px); max-height: none; margin: auto; padding: 0; overflow: hidden; border: 1px solid var(--ui-line); border-radius: 12px; color: var(--ui-brand-text); background: var(--ui-bg); }
.tube-gallery .product-lightbox[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.tube-lightbox__header, .tube-lightbox__footer { display: flex; align-items: center; gap: 12px; padding: 10px 16px; background: var(--ui-surface); }
.tube-lightbox__header { border-bottom: 1px solid var(--ui-line); }
.tube-lightbox__header p { flex: 1; min-width: 0; margin: 0; font-size: 15px; line-height: 1.4; font-weight: 600; }
.tube-lightbox__header a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; color: inherit; font-size: 14px; }
.tube-gallery .product-lightbox__close { position: static; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; border: 1px solid var(--ui-line); border-radius: 50%; background: transparent; color: var(--ui-brand-text); font: 28px/1 Arial, sans-serif; }
.tube-lightbox__viewport { position: relative; min-height: 0; overflow: hidden; }
.tube-gallery .product-lightbox__stage { position: relative; display: block; width: 100%; height: 100%; min-height: 0; padding: 0; overflow: hidden; background: var(--ui-bg); touch-action: none; user-select: none; cursor: zoom-in; }
.tube-gallery .product-lightbox__stage.is-zoomed { cursor: grab; }
.tube-gallery .product-lightbox__stage.is-dragging { cursor: grabbing; }
.tube-gallery .product-lightbox__stage img { position: absolute; left: 50%; top: 50%; display: block; width: auto; height: auto; max-width: none; max-height: none; object-fit: contain; transform-origin: center; pointer-events: none; transition: none; will-change: transform; }
.tube-gallery .product-lightbox__stage.has-error img { visibility: hidden; }
.tube-lightbox__error { position: absolute; inset: 35% 15% auto; margin: 0; color: var(--ui-brand-text); text-align: center; font-size: 14px; }
.tube-lightbox__viewport .tube-gallery__arrow { z-index: 1; }
.tube-lightbox__footer { flex-wrap: wrap; justify-content: space-between; border-top: 1px solid var(--ui-line); }
.tube-lightbox__footer p { margin: 0; color: var(--ui-copy); font-size: 13px; line-height: 1.5; }
.tube-lightbox__touch-hint { display: none; }
.tube-lightbox__zoom { display: flex; align-items: center; gap: 8px; }
.tube-lightbox__zoom button { min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--ui-line); border-radius: 6px; color: var(--ui-brand-text); background: var(--ui-surface); font-size: 14px; line-height: 1.4; }
.tube-lightbox__zoom button:disabled { opacity: .4; cursor: default; }
.tube-lightbox__zoom output { min-width: 4ch; text-align: right; font-size: 13px; font-variant-numeric: tabular-nums; }
.tube-lightbox__zoom button:not(:disabled):hover, .tube-lightbox__header :is(a, button):hover { background: var(--ui-bg); }
.tube-lightbox__header :is(a, button), .tube-lightbox__zoom button, .tube-lightbox__viewport > button { touch-action: manipulation; }
.tube-gallery [data-gallery-open], .tube-gallery .product-lightbox :is(button, a) { -webkit-tap-highlight-color: transparent; }
.tube-gallery .product-lightbox__stage:focus-visible { outline: 3px solid #287f76; outline-offset: -4px; }
@media (pointer: coarse) {
 .tube-lightbox__mouse-hint { display: none; }
 .tube-lightbox__touch-hint { display: inline; }
}
.preroll-page .order-essentials { padding-block: 32px; }
.preroll-page .order-essentials .section-head { margin-bottom: 20px; }
.preroll-page .order-essentials .section-head h2 { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.2; }
.preroll-page .order-essentials .section-head .eyebrow { display: none; }
.preroll-page .order-essentials__grid { gap: 28px; }
.preroll-page .order-essentials__prices a { padding: 14px; gap: 4px; }
.tube-specs { padding: 28px 0 36px; background: var(--ui-bg); scroll-margin-top: 95px; }
.tube-specs h2 { margin: 0 0 16px; font-size: clamp(24px, 2.2vw, 30px); line-height: 1.2; }
.tube-specs dl { margin: 0; }
.tube-specs__primary { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; border-block: 1px solid var(--ui-line); }
.tube-specs__primary > div { padding-block: 18px; }
.tube-specs dt { font-size: 14px; line-height: 1.45; color: var(--ui-copy); }
.tube-specs dd { margin: 6px 0 0; font-size: 18px; font-weight: 600; line-height: 1.45; color: var(--ui-brand-text); }
.tube-specs__details > summary, .tube-artwork-help > summary { padding: 15px 0; cursor: pointer; color: var(--ui-brand-text); font-size: 15px; font-weight: 600; }
.tube-specs__full { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; padding-bottom: 18px; }
.tube-specs__full > div { padding-bottom: 12px; border-bottom: 1px solid var(--ui-line); }
.tube-specs__full dd { font-size: 16px; }
.tube-specs__full small { display: block; margin-top: 4px; color: var(--ui-copy); font-size: 13px; font-weight: 400; }
.tube-artwork-help { margin-bottom: 12px; border-bottom: 1px solid var(--ui-line); }
.tube-artwork-help p { font-size: 14px; line-height: 1.6; }
.tube-gallery :is(a, button):focus-visible, .tube-specs :is(a, summary):focus-visible, .tube-artwork-help > summary:focus-visible { outline: 3px solid #287f76; outline-offset: 3px; }
@media (max-width: 920px) {
 .preroll-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 22px; padding-block: 28px; }
 .preroll-hero__intro, .preroll-hero__purchase, .tube-gallery { grid-column: 1; grid-row: auto; }
 .preroll-hero__intro .preroll-hero__lead { max-width: none; }
 .tube-gallery .product-gallery__main { height: auto; aspect-ratio: 4 / 3; max-height: 420px; }
 .tube-gallery .product-gallery__main img { max-height: 420px; }
 .tube-specs__primary { grid-template-columns: minmax(0, 1fr); gap: 0; }
 .tube-specs__primary > div { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: 16px; padding-block: 12px; }
 .tube-specs__primary > div + div { border-top: 1px solid var(--ui-line); }
 .tube-specs__primary dd { margin: 0; font-size: 16px; }
}
@media (max-width: 600px) {
 .tube-gallery .product-gallery__thumbs img { height: 54px; }
 .tube-gallery .product-lightbox { width: 100%; height: 100dvh; border: 0; border-radius: 0; }
 .tube-lightbox__header { padding: max(8px, env(safe-area-inset-top)) 12px 8px; gap: 8px; }
 .tube-lightbox__header a span:first-child { display: none; }
 .tube-lightbox__footer { flex-direction: column-reverse; gap: 8px; padding: 10px 8px max(12px, env(safe-area-inset-bottom)); }
 .tube-lightbox__footer p { font-size: 12px; text-align: center; }
 .tube-gallery__arrow--previous { left: 6px; }
 .tube-gallery__arrow--next { right: 6px; }
 .tube-specs__full { grid-template-columns: minmax(0, 1fr); }
}

/* Approved homepage customization overview: static media, no added browser script. */
.hc-eyebrow{font-size: 11px; letter-spacing: 0.14em; font-weight: 700; color: rgb(167,60,16); margin: 0px 0px 15px;}
.hc-custom-section{padding: 56px 0px; background: var(--white); border-block: 1px solid var(--line); scroll-margin-top: 20px;}
.hc-custom-heading{display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 32px;}
.hc-custom-heading h2{font-size: 46px; color: var(--ink);}
.hc-custom-heading h2 em{color: rgb(88,83,76);}
.hc-custom-heading .hc-eyebrow{margin-bottom: 14px;}
.hc-custom-intro{color: rgb(88,83,76); font-size: 14px; line-height: 1.75; margin-top: 17px;}
.hc-desktop-break{display: none;}
.hc-custom-cta{min-width: 176px; justify-content: space-between; white-space: nowrap; align-self: flex-end;}
.hc-custom-visual{position: relative; width: 100%; height: auto; aspect-ratio: 16 / 5; min-height: 360px; overflow: hidden; background: linear-gradient(112deg, rgba(255,255,255,0.86), rgba(250,249,246,0.46)) rgb(250,249,246); border: 1px solid var(--line); border-radius: 7px; isolation: isolate;}
.hc-visual-topline{position: absolute; inset: 20px 26px auto; display: flex; justify-content: space-between; color: rgb(113,105,95); letter-spacing: 0.08em; font-size: 10px; z-index: 2;}
.hc-artwork-composition{position: absolute; inset: 52px auto 24px 11%; width: 191px;}
.hc-artwork-sheet{position: relative; width: auto; height: calc(100% - 64px); aspect-ratio: 656 / 1368; margin: 0px auto; box-shadow: rgba(64, 63, 39, 0.16) 9px 15px 22px; background: rgb(250,249,246); transform: rotate(-5deg); border: 6px solid rgb(255,255,255);}
.hc-artwork-sheet > img:first-child{width: 100%; height: 100%; object-fit: contain;}
.hc-sheet-corner{position: absolute; width: 11px; height: 11px; border: 1px solid rgb(113,105,95);}
.hc-top-left{left: -13px; top: -13px; border-right: 0px; border-bottom: 0px;}
.hc-top-right{right: -13px; top: -13px; border-left: 0px; border-bottom: 0px;}
.hc-bottom-left{left: -13px; bottom: -13px; border-right: 0px; border-top: 0px;}
.hc-bottom-right{right: -13px; bottom: -13px; border-left: 0px; border-top: 0px;}
.hc-artwork-caption, .hc-branding-caption, .hc-model-caption{display: flex; align-items: center; gap: 12px; position: absolute; bottom: 0px; left: 0px; right: 0px; justify-content: center; white-space: nowrap;}
.hc-step-number{display: grid; place-items: center; border: 1px solid rgb(153,139,124); border-radius: 50%; width: 29px; height: 29px; font-size: 11px; color: rgb(88,83,76); flex-shrink: 0;}
.hc-custom-visual strong{display: block; font-size: 14px; font-weight: 650; letter-spacing: 0.015em;}
.hc-custom-visual small{display: block; color: rgb(113,105,95); font-size: 10px; margin-top: 2px;}
.hc-connection-lines{position: absolute; inset: 0px; width: 100%; height: 100%; stroke: rgb(113,105,95); stroke-width: 1; fill: none; stroke-dasharray: 4, 5; opacity: 0.8; pointer-events: none;}
.hc-connection-lines .hc-arrow-head{stroke-dasharray: none;}
.hc-branding-composition{position: absolute; left: 39.5%; top: clamp(96px, 9.1vw, 130px); width: 230px; bottom: 24px;}
.hc-logo-tile{padding: 15px 18px 13px; border: 1px solid rgb(222,215,206); background: var(--white); border-radius: 7px; box-shadow: rgba(38,35,31,0.05) 0px 9px 24px;}
.hc-logo-tile__title{display: flex; align-items: center; justify-content: space-between; font-size: 10px; font-weight: 650; color: rgb(88,83,76);}
.hc-logo-tile__title i{display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: rgb(242,239,234); color: rgb(88,83,76); font: 11px/1 var(--body);}
.hc-logo-tile > img{width: 132px; height: 40px; object-fit: contain; margin: 22px auto;}
.hc-logo-tile__meta{display: block; font-size: 9px; text-align: center; color: rgb(113,105,95); border-top: 1px solid rgb(222,215,206); padding-top: 10px;}
.hc-label-tools{display: flex; gap: 7px; margin-top: 11px; justify-content: center;}
.hc-label-tools > span{display: flex; align-items: center; gap: 5px; padding: 5px 10px; border: 1px solid rgb(222,215,206); border-radius: 4px; color: rgb(113,105,95); font-size: 10px;}
.hc-label-tools svg{width: 14px; height: 14px; fill: none; stroke: currentcolor; stroke-width: 1.2;}
.hc-model-composition{position: absolute; inset: 32px 4% 24px 62%;}
.hc-model-composition::before{content: ""; position: absolute; width: 170px; height: 22px; background: rgba(38,35,31,0.12); filter: blur(14px); border-radius: 50%; left: calc(50% - 75px); bottom: 73px; transform: rotate(-5deg);}
#hc-tube-model{position: absolute; inset: 0px 0px 64px;}
#hc-tube-model img{display: block; width: 100%; height: 100%; position: relative;}
.hc-orbit{position: absolute; bottom: 60px; left: calc(50% - 85px); width: 170px; height: 37px; color: rgb(113,105,95);}
.hc-orbit svg{position: absolute; inset: 0px; width: 100%; height: 100%; stroke: rgb(222,215,206); stroke-width: 1; fill: none;}
.hc-orbit span{position: absolute; left: calc(50% - 13px); top: 19px; font-size: 10px; letter-spacing: 0.03em; background: rgb(250,249,246); padding: 0px 4px;}
.hc-custom-cta--mobile{display: none;}
@media (max-width: 1000px){.hc-custom-heading{gap: 20px;}
.hc-custom-heading h2{font-size: 38px;}
.hc-custom-cta{min-width: 156px; padding-inline: 18px; gap: 20px;}
.hc-custom-visual{min-height: 350px;}
.hc-artwork-composition{left: 6%; width: 170px;}
.hc-artwork-sheet{width: auto; height: calc(100% - 64px);}
.hc-branding-composition{left: 35%; width: 205px; top: 80px;}
.hc-logo-tile__meta{font-size: 8px;}
.hc-model-composition{left: 62%; right: 1%;}}
@media (max-width: 600px){.hc-eyebrow{font-size: 10px;}
.hc-custom-section{padding: 36px 0px;}
.hc-custom-heading{display: block; margin-bottom: 23px;}
.hc-custom-heading h2{font-size: 34px; line-height: 1.23;}
.hc-custom-heading h2 em{display: block;}
.hc-custom-heading .hc-eyebrow{margin-bottom: 13px;}
.hc-custom-intro{font-size: 12px; line-height: 1.85; margin-top: 15px; max-width: 340px;}
.hc-custom-heading > .hc-custom-cta{display: none;}
.hc-custom-visual{height: auto; aspect-ratio: 1.5 / 1; min-height: 220px; border-radius: 7px;}
.hc-visual-topline{inset: 15px 14px auto; font-size: 8px; letter-spacing: 0.03em;}
.hc-visual-topline > span:last-child{display: none;}
.hc-artwork-composition{left: 3%; top: 44px; bottom: 16px; width: 28%;}
.hc-artwork-sheet{width: auto; height: calc(100% - 30px); max-width: calc(100% - 10px); border-width: 3px; margin: 0px auto; transform: rotate(-6deg); box-shadow: rgba(64, 63, 39, 0.12) 7px 12px 18px;}
.hc-sheet-corner{width: 7px; height: 7px;}
.hc-top-left{top: -8px; left: -8px;}
.hc-top-right{top: -8px; right: -8px;}
.hc-bottom-left{bottom: -8px; left: -8px;}
.hc-bottom-right{bottom: -8px; right: -8px;}
.hc-artwork-caption{left: 0px; gap: 4px;}
.hc-step-number{width: auto; height: auto; border: 0px; font-size: 9px;}
.hc-custom-visual strong{font-size: 10px;}
.hc-custom-visual small{display: none;}
.hc-branding-composition{left: 36%; width: 28%; top: 26%; bottom: 16px;}
.hc-logo-tile{padding: 7px 8px 9px; border-radius: 5px;}
.hc-logo-tile__title{font-size: 8px;}
.hc-logo-tile__title i{width: 12px; height: 12px; font-size: 8px;}
.hc-logo-tile > img{width: 68px; height: 24px; margin: 12px auto 1px;}
.hc-logo-tile__meta{display: none;}
.hc-label-tools{flex-wrap: wrap; gap: 5px; margin-top: 7px;}
.hc-label-tools > span{font-size: 8px; gap: 3px; padding: 2px 6px;}
.hc-label-tools svg{width: 10px; height: 10px;}
.hc-branding-caption{left: 0px; right: 0px; gap: 4px;}
.hc-branding-caption strong{font-size: 10px;}
.hc-model-composition{inset: 28px 2% 16px 68%;}
.hc-model-composition::before{width: 65px; height: 8px; left: calc(50% - 30px); bottom: 42px; filter: blur(7px);}
#hc-tube-model{inset: 0px 0px 36px;}
.hc-orbit{width: 76px; height: 24px; bottom: 28px; left: calc(50% - 38px);}
.hc-orbit span{font-size: 8px; top: 12px;}
.hc-model-caption{gap: 4px; left: 0px; right: 0px;}
.hc-model-caption strong{font-size: 10px;}
.hc-connection-lines{display: none;}
.hc-custom-cta--mobile{display: flex; margin-top: 20px; width: 100%; min-height: 46px; justify-content: space-between; padding-inline: 22px; font-size: 13px;}}
@media (max-width: 360px){.hc-custom-heading h2{font-size: 30px;}}
body.alassy-site .hc-custom-section { font-family:var(--body);line-height:1.65; }
body.alassy-site .hc-custom-section :is(h2,p,figure) { margin:0; }
body.alassy-site .hc-custom-section h2 { font-family:var(--heading);font-weight:400;line-height:1.18;letter-spacing:-.025em; }
body.alassy-site .hc-custom-section h2 em { font-style:normal; }
body.alassy-site .hc-custom-section .hc-eyebrow { margin-bottom:14px; }
body.alassy-site .hc-custom-section .hc-custom-intro { margin-top:17px; }
.hc-custom-section img { display:block;max-width:100%; }
.hc-custom-section #hc-tube-model img { width:100%;height:100%;object-fit:contain; }
.hc-custom-section .hc-custom-cta { min-height:48px;padding:13px 22px;border-radius:5px;font-size:13px;font-weight:650;gap:25px; }
.hc-custom-section .hc-custom-cta span[aria-hidden] { font-size:22px;line-height:1; }
.hc-custom-section .hc-custom-heading .hc-custom-cta { flex-shrink:0; }
.hc-custom-section .hc-label-tools > span { white-space:nowrap; }
.hc-custom-section .hc-caption-short { display:none; }
.hc-custom-section .hc-custom-cta:focus-visible { outline:3px solid var(--ui-brand);outline-offset:5px; }
@media(max-width:1000px){.hc-custom-section .hc-custom-cta{padding-inline:18px;gap:20px}}
@media(max-width:600px){body.alassy-site .hc-custom-section h2{line-height:1.23}.hc-custom-section .hc-caption-full{display:none}.hc-custom-section .hc-caption-short{display:inline}.hc-custom-section .hc-custom-cta{min-height:46px;padding-inline:22px}body.alassy-site .hc-custom-section .hc-eyebrow{margin-bottom:13px}body.alassy-site .hc-custom-section .hc-custom-intro{margin-top:15px}}

/* Campaign artwork uses the whole frame so caps and box edges stay visible. */
body.alassy-site .tube-home__hero-image{aspect-ratio:1/1;height:auto}
body.alassy-site .tube-home__hero-image picture{display:block;width:100%;height:100%}
body.alassy-site .tube-home__hero-image img{object-fit:cover}
.tube-matching__card>img{height:auto;aspect-ratio:5/4;object-fit:contain;background:var(--ui-bg)}
.tube-scroll-story__chapter-media{background:var(--ui-bg)}
.tube-scroll-story__chapter-media img{object-fit:contain;object-position:center;transform:none}
.visual-story__card:not(.visual-story__card--wide){display:flex;flex-direction:column;aspect-ratio:auto;background:var(--ui-bg)}
.visual-story__card:not(.visual-story__card--wide)::after{display:none}
.visual-story__card:not(.visual-story__card--wide) img{height:auto;aspect-ratio:16/9;object-fit:contain;flex:none}
.visual-story__card:not(.visual-story__card--wide) figcaption{position:relative;inset:auto;flex:1;color:var(--ui-ink);background:var(--ui-bg)}
.visual-story__card:not(.visual-story__card--wide) figcaption small{color:var(--ui-copy)}
.visual-story__card:not(.visual-story__card--wide) figcaption span{color:var(--ui-copy)}
@media(min-width:981px){
 .tube-scroll-story__chapter{aspect-ratio:auto;min-height:clamp(480px,36vw,560px)}
 .tube-scroll-story__chapter-copy{width:42%;padding:clamp(28px,3vw,44px)}
 .tube-scroll-story__chapter--copy-left .tube-scroll-story__chapter-media{left:42%}
 .tube-scroll-story__chapter--copy-right .tube-scroll-story__chapter-media{right:42%}
}
@media(max-width:760px){
 body.alassy-site .tube-home__hero-image{aspect-ratio:1/1}
 body.alassy-site .tube-home__hero-image img{object-fit:contain}
 .tube-matching__card>img{height:100%;aspect-ratio:auto;object-fit:contain}
}