/* Unpublished LabraZaar destination. Shared Aetheranium architecture; complete labradorite film. */
.brand-destination--labrazaar { --bazaar-stone:#d3d0c8; }
.brand-destination--labrazaar:not(.menu-open) .edition-masthead:not(.is-on-dark) { color:#172127; }
.labrazaar-film-hero { height:175svh; background:var(--bazaar-stone); color:#172127; --hero-handoff-ground:var(--paper); }
.labrazaar-film-hero .scroll-film__viewport { background:var(--bazaar-stone); }
.labrazaar-film-hero .scroll-film__viewport::after { display:none; }
.labrazaar-film-hero .scroll-film__poster { inset:0; }
.labrazaar-film-hero .scroll-film__poster>img,.labrazaar-film-hero video { width:min(100vw,177.778svh); height:auto; max-width:none; aspect-ratio:16/9; object-fit:contain; inset:auto; left:50%; top:50%; transform:translate(-50%,-50%); }
.labrazaar-film-hero .brand-hero__title { top:calc(var(--header-h) + 1.5rem); }
.labrazaar-film-hero .brand-hero__title h1 { font-size:clamp(4rem,9vw,9rem); line-height:.9; letter-spacing:-.06em; }
.labrazaar-film-hero .brand-hero__deck { width:23rem; max-width:calc(100% - 2*var(--gutter)); bottom:4.5rem; }
.labrazaar-film-hero .brand-hero__deck p { font-size:clamp(1.25rem,1.8vw,1.7rem); }
.labrazaar-film-hero .brand-hero__deck a { color:#172127; border-color:currentColor; }
.labrazaar-film-hero figcaption { color:#172127; font-size:.6rem; }
.labrazaar-film-hero .header-motion-toggle { color:#172127; background:rgba(255,255,255,.55); }
.bazaar-angle { position:absolute; left:var(--gutter); bottom:4.8rem; z-index:6; width:12rem; font-size:.7rem; }
.bazaar-angle input { display:block; width:100%; margin-top:.65rem; accent-color:#172127; cursor:ew-resize; }
.bazaar-intro { min-height:0; padding-block:clamp(4rem,7vw,7rem); --hero-entry-ground:var(--paper); }
.bazaar-chapters { padding:1.5rem var(--gutter); display:flex; flex-wrap:wrap; gap:1rem 3rem; border-block:1px solid var(--hairline-light); background:var(--paper); }
.bazaar-chapters a { font-size:.75rem; text-decoration:none; }
.bazaar-collection { padding:clamp(4rem,7vw,7rem) var(--gutter); background:var(--paper); scroll-margin-top:var(--header-h); }
.bazaar-collection>header { max-width:50rem; margin-bottom:3rem; }
.bazaar-collection h2 { font-family:var(--font-display); font-size:clamp(3rem,6vw,6.5rem); font-weight:400; letter-spacing:-.05em; line-height:.96; margin:1rem 0 1.5rem; }
.bazaar-collection>header>p:last-child { max-width:38rem; line-height:1.65; }
.bazaar-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3rem 2rem; }
.bazaar-card { min-width:0; border-top:1px solid var(--hairline-light); padding-top:1rem; }
.bazaar-card img { width:100%; height:auto; aspect-ratio:1672/941; object-fit:contain; background:#172127; }
#creative-resources .bazaar-card img { aspect-ratio:1752/897; }
#mineral-botanica .bazaar-card img { aspect-ratio:4/3; }
.bazaar-card>div { padding:1.5rem 0 0; }
.bazaar-card h3 { font-family:var(--font-display); font-size:clamp(1.75rem,2.5vw,2.8rem); font-weight:400; line-height:1.12; margin:.75rem 0; }
.bazaar-card h3 a { text-decoration:none; }
.bazaar-card p:not(.edition-kicker) { max-width:38rem; line-height:1.6; }
.bazaar-price { font-size:.95rem; }
.bazaar-price del { opacity:.65; padding-left:.3rem; }
.bazaar-price small { display:block; font-size:.7rem; }
.bazaar-shop-link { display:inline-block; padding:.65rem 0; text-underline-offset:.3rem; }
.bazaar-note { display:grid; grid-template-columns:1fr 1fr; gap:2rem; border-top:1px solid var(--hairline-light); margin-top:3rem; padding-top:1rem; font-size:.8rem; line-height:1.65; }
.bazaar-collection--ink { background:var(--night); color:var(--night-ink); }
.bazaar-collection--ink .bazaar-card,.bazaar-collection--ink .bazaar-note { border-color:var(--hairline-dark); }
.bazaar-worlds { min-height:0; padding-block:clamp(4rem,7vw,7rem); }
.bazaar-footer { margin:0; padding:3rem var(--gutter); background:var(--night); color:var(--night-ink); }
.bazaar-footer a { display:inline-flex; align-items:center; min-height:44px; }
.brand-destination--labrazaar :focus-visible { outline-color:#397382; }
.bazaar-collection--ink :focus-visible,.bazaar-footer :focus-visible { outline-color:var(--spectral); }
@media(max-width:700px) {
.labrazaar-film-hero { height:160svh; }
.labrazaar-film-hero .brand-hero__title { top:calc(var(--header-h) + 1rem); }
.labrazaar-film-hero .brand-hero__title h1 { font-size:clamp(3.7rem,16vw,6.5rem); }
.labrazaar-film-hero .edition-kicker { max-width:20rem; line-height:1.65; font-size:.7rem; }
.labrazaar-film-hero figcaption { font-size:.7rem; }
.labrazaar-film-hero .scroll-film__poster>img,.labrazaar-film-hero video { width:min(165vw,110svh); top:50%; }
.labrazaar-film-hero .brand-hero__deck { left:var(--gutter); right:auto; bottom:7rem; }
.bazaar-angle { bottom:3.5rem; width:11rem; }
.bazaar-grid,.bazaar-note { grid-template-columns:1fr; gap:2rem; }
.bazaar-chapters { gap:1rem; justify-content:space-between; }
.bazaar-chapters a { font-size:.65rem; }
.bazaar-card h3 { font-size:2rem; }
}
@media(max-height:500px) and (orientation:landscape) {
.labrazaar-film-hero .brand-hero__title { top:calc(var(--header-h) + .5rem); }
.labrazaar-film-hero .brand-hero__title h1 { font-size:3.5rem; }
.labrazaar-film-hero .brand-hero__deck { bottom:2.5rem; width:15rem; }
.labrazaar-film-hero .brand-hero__deck p { font-size:.9rem; }
.bazaar-angle { bottom:3rem; width:9rem; }
.labrazaar-film-hero .scroll-film__poster>img,.labrazaar-film-hero video { width:min(100vw,145svh); top:54%; }
.bazaar-angle { left:auto; right:var(--gutter); bottom:4rem; width:8rem; }
}
html:not(.has-js) .labrazaar-film-hero { height:100svh; }
html:not(.has-js) .menu-toggle,html:not(.has-js) .masthead-shop { display:none; }
html:not(.has-js) .brand-destination--labrazaar .edition-menu { display:none; }
html:not(.has-js) .brand-destination--labrazaar .edition-masthead { grid-template-columns:1fr; position:fixed; }
html:not(.has-js) .brand-destination--labrazaar .masthead-brand { justify-self:center; }
html.motion-reduced .labrazaar-film-hero { height:100svh; }
html.motion-reduced .labrazaar-film-hero .scene-stage { position:relative; }
html.motion-reduced .bazaar-angle { display:none; }
@media(prefers-reduced-motion:reduce) { .labrazaar-film-hero { height:100svh; } .labrazaar-film-hero .scene-stage { position:relative; } .bazaar-angle { display:none; } }