/* The phone layout is one illuminated canvas. Material objects keep their finishes. */
@media(max-width:800px) {
    html.is-mobile-home-canvas {
        background:var(--mobile-home-canvas,#121916);
        color:var(--mobile-home-ink,#f7f7ef);
        isolation:isolate;
    }
    html.is-mobile-home-canvas body {
        background:transparent;
        color:var(--mobile-home-ink,#f7f7ef);
    }
    html.is-mobile-home-canvas::before {
        content:"";
        position:fixed;
        inset:0;
        pointer-events:none;
        z-index:-1;
        background:var(--mobile-home-light-field);
    }
    /* The opaque navigation shares the scroll lighting, above the moving content. */
    html.is-mobile-home-canvas .categoryNavSection--page .categoryNavRail--scrollBar {
        background-color:color-mix(in srgb,var(--mobile-home-canvas) 88%,#a59d90 12%) !important;
        background-image:var(--mobile-home-light-field);
        background-size:100vw 100vh;
        background-position:0 calc(0px - var(--home-header-visible-height,54px));
        background-repeat:no-repeat;
        box-shadow:0 5px 14px -5px rgb(0 0 0 / .32);
    }
    html.is-mobile-home-canvas .categoryNavRail--scrollBar.categoryNavRail--textOnly .categoryNavRail__link {
        color:var(--mobile-home-ink) !important;
        text-shadow:0 0 .8px var(--mobile-home-ink-edge,transparent);
        transition:none;
    }
    html.is-mobile-home-canvas .categoryNavRail--scrollBar .categoryNavRail__link:is(:hover,:focus-visible,.is-active)::after {
        background-color:var(--mobile-home-ink) !important;
        transition:transform 180ms ease;
    }
    /* A soft contrast shadow supports the brief crossover through middle grey. */
    html.is-mobile-home-canvas .body--default {
        text-shadow:0 0 .8px var(--mobile-home-ink-edge,transparent);
    }
    html.is-mobile-home-canvas .homeMobileArtBridge__svg {
        filter:drop-shadow(0 0 .8px var(--mobile-home-ink-edge,transparent));
    }
    html.is-mobile-home-canvas .body--default,
    html.is-mobile-home-canvas .body--default > .container,
    html.is-mobile-home-canvas .body--default :is(
        .homeArtCarousel,.homeArtCarousel__viewport,.homeArtCarousel__track,.homeArtCarousel__panel,
        .homeHero,.homeHero__inner,.homeHero__columns,.homeHero__bannerCol,.homeHero__actions,
        .homeProductCards,.homeProductRows,.homeProductRow,.productGrid--homeRow,
        .homeWakeSenses,.homeWakeSenses__inner,.homeWakeSenses__weaveInterlude,
        .homeWakeSenses__weaveInterlude p,.homeEditorialWeave,.homeEditorialWeave__copy,
        .homeMobileArtBridge,.homeCoffeeRhythm,
        .harvestFilm,.harvestFilm__content,.harvestFilm__floor
    ) {
        background:transparent !important;
        box-shadow:none !important;
        color:var(--mobile-home-ink);
    }
    html.is-mobile-home-canvas .body--default :is(.homeArtCarousel__panel,.homeProductCards,.homeWakeSenses) {
        border-block:0 !important;
        border-image:none !important;
    }
    /* Transparent chapters cannot conceal a sticky hero underneath them.
       Keep the entrance in document flow so it also returns correctly upward. */
    html.is-mobile-home-canvas .body--default .homeArtCarousel--singleChapter {
        position:relative !important;
        top:auto !important;
    }
    html.is-mobile-home-canvas .body--default .homeArtCarousel .homeHero__bannerTitle > p {
        background:transparent !important;
        box-shadow:none;
    }
    html.is-mobile-home-canvas .body--default .homeMobileArtBridge,
    html.is-mobile-home-canvas .body--default .homeMobileArtBridge__heading :is(h2,p),
    html.is-mobile-home-canvas .body--default .homeMobileArtBridge__svg {
        color:var(--mobile-home-ink) !important;
    }
    html.is-mobile-home-canvas .body--default .homeMobileArtBridge__svg path {
        stroke:var(--mobile-home-ink) !important;
    }
    html.is-mobile-home-canvas .body--default .homeMobileArtBridge::before {
        background:var(--mobile-home-line);
    }
    html.is-mobile-home-canvas .body--default .homeProductRow::before,
    html.is-mobile-home-canvas .body--default .homeProductRow::after,
    html.is-mobile-home-canvas .body--default .harvestFilm::before,
    html.is-mobile-home-canvas .body--default .harvestFilm::after {
        display:none;
    }
    html.is-mobile-home-canvas .body--default :is(
        .homeProductRow,.homeWakeSenses,.homeEditorialWeave,.homeCoffeeRhythm,.harvestFilm
    ) {
        border-block-color:transparent !important;
        --rhythm-ink:var(--mobile-home-ink);
        --rhythm-muted:var(--mobile-home-ink);
        --rhythm-line:var(--mobile-home-line);
    }
    html.is-mobile-home-canvas .body--default :is(
        .homeProductRow__heading,.homeProductRow__headingEyebrow,.homeProductRow__headingLink,
        .card-title,.card-title a,.card-text,.card-text a,.price,.price-section,
        .homeWakeSenses__title,.homeWakeSenses__eyebrow,.homeWakeSenses__intro,
        .homeWakeSenses__lead,.homeWakeSenses__weaveCopy,.homeWakeSenses__weaveCopy strong,
        .homeWakeSenses__weaveCopy > span,.homeWakeSenses__weaveInterlude p,
        .homeWakeSenses__weaveInterlude p strong,.homeWakeSenses__weaveInterlude p span,
        .homeEditorialWeave__title,.homeEditorialWeave__copy,
        .homeCoffeeRhythm__title,.homeCoffeeRhythm__lead,.homeCoffeeRhythm__eyebrow,
        .harvestFilm__eyebrow,.museumWall__brandTitle,.museumWall__brandTitle > span,
        .harvestFilm__lead,.harvestFilm__lead > span,.museumWall__tabLabel,
        .museumWall__tabs button,.museumOffer__copy strong,.museumOffer__context,
        .museumOffer__price,.museumWall__caption
    ) {
        color:var(--mobile-home-ink) !important;
        text-shadow:0 0 .8px var(--mobile-home-ink-edge,transparent);
    }
    html.is-mobile-home-canvas .body--default .homeHero__bannerCol::after { display:none !important; }
    html.is-mobile-home-canvas .body--default .homeHero__titleRow--primary .homeHero__titleLine {
        color:var(--mobile-home-ink) !important;
        -webkit-text-fill-color:var(--mobile-home-ink) !important;
    }
    html.is-mobile-home-canvas .body--default :is(.homeEditorialWeave,.homeWakeSenses) :is(p,h3) {
        color:var(--mobile-home-ink);
    }
    html.is-mobile-home-canvas .body--default :is(.homeEditorialWeave,.homeWakeSenses) {
        border-color:var(--mobile-home-line);
    }
    /* Light changes carry the chapter boundaries; retain the existing spacing. */
    html.is-mobile-home-canvas .body--default :is(
        .homeProductRow__headingRule,.homeWakeSenses__divider,.homeMobileArtBridge__headingRule
    ) { visibility:hidden; }
    html.is-mobile-home-canvas .body--default .homeMobileArtBridge::before { display:none; }
    html.is-mobile-home-canvas .body--default :is(
        .homeArtCarousel,.homeArtCarousel__panel,.homeProductCards,.homeProductRows,
        .homeProductRow,.homeWakeSenses,.homeWakeSenses__mobileWeave,
        .homeWakeSenses__weaveProduct,.homeWakeSenses__weaveInterlude,
        .homeEditorialWeave,.homeMobileArtBridge,.homeCoffeeRhythm,.harvestFilm
    ) {
        border-block-color:transparent !important;
        border-image:none !important;
        box-shadow:none !important;
    }

}