/* Cocoon Lux preview: the homepage's own sections (wp/src/pages/home.html), loaded after base.css and
   nav.css. Editorial pass (13 Oct 2026, design/editorial/SPEC.md 10): after the hero come Trusted Care Across Bali
   (the facts strip as a quiet list of four facts, then the three clinics with a photograph each), Your visit (five
   steps under plain numerals), the doctors, Featured Treatments, the packages and promotions band, Cocoon Across Bali
   (the pioneer section and its awards rail) and the close. No gold counters, no arches, no quote, no FAQ.
   The hero rules are the 0.4.0 ones, unchanged. Mobile first; 768 tablet; 901 the artboard's three columns;
   1024 desktop; 1181 the four facts and six award years in one row. No text under 16px (SPEC 1.5): the base's 15px
   pills, links, labels and captions are raised inside this page's main. */

.lux-hero__lead,.lux-list__desc,.lux-steps__text,.lux-team__lead{text-wrap:pretty}
/* Hero: phones follow the artboard, the film fills the top 500px and fades into espresso */
.lux-hero{position:relative;overflow:hidden;background:var(--espresso);color:var(--ivory)}
.lux-hero__media{position:absolute;top:0;left:0;width:100%;height:500px}
.lux-hero__media img,.lux-hero__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.lux-hero__video{opacity:0;transition:opacity .7s}
.lux-hero__video.is-on{opacity:1}
.lux-hero__scrim{position:absolute;top:0;left:0;right:0;height:501px;background:linear-gradient(to bottom,rgba(42,33,27,.72) 0%,rgba(42,33,27,.64) 10%,rgba(42,33,27,.2) 26%,rgba(42,33,27,.76) 48%,rgba(42,33,27,.9) 76%,#2A211B 100%)}
.lux-hero__content{position:relative;padding:248px var(--gutter) 52px}
.lux-hero__label{margin-bottom:16px;color:var(--gold-light)}
.lux-hero__title{font-family:var(--serif);font-weight:400;font-size:42px;line-height:1.08;letter-spacing:-.01em;color:var(--ivory)}
.lux-hero__title em{color:var(--gold-pale)}
.lux-hero__lead{margin:20px 0 30px;color:var(--lead-dark)}

/* the 16px floor: base.css sets pills, text links, labels and captions at 15px */
.lux-home #main .lux-pill,.lux-home #main .lux-link,.lux-home #main .lux-label,.lux-home #main figcaption{font-size:16px}

/* Trusted Care Across Bali: the facts as a quiet list, one fact a row under a hairline (number in the serif,
   the words beside it, the detail under them); no gold numerals */
.lux-trust{padding-top:var(--sec)}
.lux-trust .lux-h2{font-size:36px;line-height:1.1;letter-spacing:-.01em}
.lux-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;margin:32px 0 0;padding:0;list-style:none;border-bottom:1px solid var(--line)}
.lux-figure{padding:14px 0 16px;border-top:1px solid var(--line)}
/* the figures: large and gold, each on its own line, counting up once (assets/js/pages/home.js); client, 13 Oct 2026 */
.lux-figure__n{display:block;margin-bottom:6px;font-family:var(--serif);font-weight:400;font-size:46px;line-height:1;letter-spacing:-.01em;color:var(--gold);font-variant-numeric:lining-nums tabular-nums}
.lux-figure__plus{margin-left:.04em;font-size:.55em;vertical-align:.7em}
.lux-figure__label{font-size:18px;font-weight:500;line-height:1.4;color:var(--espresso)}
.lux-figure__desc{display:block;margin-top:2px;font-size:16px;line-height:1.5;color:var(--umber)}

/* The three clinics, always Legian, Ubud, Canggu: a photograph, the place, one line, the address and the two links;
   stacked on phones and up to 900, three columns above. "Explore ..." is an espresso text link (it keeps
   cocoon-home-location-card__link); "Get directions" is the usual gold link. */
.lux-clinics{margin:40px 0 0;padding:0;list-style:none}
.lux-clinic{padding:32px 0 0}
.lux-clinic+.lux-clinic{margin-top:8px}
.lux-clinic__photo{aspect-ratio:4/3;margin-bottom:22px}
.lux-clinic__title{font-family:var(--serif);font-weight:400;color:var(--espresso)}
.lux-clinic__brand{display:block;font-family:var(--sans);font-size:16px;font-weight:500;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--umber)}
.lux-clinic__place{display:block;margin-top:4px;font-size:26px;line-height:1.2}
.lux-clinic__desc{margin-top:8px;line-height:1.6;color:var(--umber)}
.lux-clinic__addr{margin-top:14px;font-size:16px;line-height:1.6;color:var(--umber)}
.lux-clinic__street{font-weight:500;color:var(--espresso)}
.lux-clinic__links{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px;margin-top:10px}
.lux-clinic__links .lux-link{min-height:48px;white-space:nowrap}
.lux-link.lux-link--ink{color:var(--espresso)}
.lux-link.lux-link--ink:hover{color:var(--gold-text);text-decoration-color:var(--gold)}

/* Your visit: five steps on hairline rows, a plain numeral beside each (no gold, no icons); a hairline parts it
   from the clinics above */
.lux-visit{padding-block:var(--sec);border-top:1px solid var(--line-soft)}
.lux-steps{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.lux-steps>li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:24px 0;border-bottom:1px solid var(--line)}
.lux-steps__n{padding-top:3px;font-size:17px;font-weight:500;line-height:1.4;color:var(--umber);font-variant-numeric:lining-nums}
.lux-steps__title{margin:0 0 8px;font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.25;color:var(--espresso)}
.lux-steps__text{margin:0;color:var(--bark)}

/* The doctors: the heading, the one credential line, then names and roles on hairline rows */
.lux-team{padding:var(--sec) 0}
.lux-team .lux-h2{color:var(--ivory)}
.lux-team__lead{max-width:34em;margin-top:20px;color:var(--lead-dark)}
.lux-rows{margin:28px 0 0;padding:0;list-style:none;border-bottom:1px solid var(--dark-line)}
.lux-rows li{padding:16px 0 17px;border-top:1px solid var(--dark-line)}
.lux-rows__name{display:block;font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.3;color:var(--ivory)}
.lux-rows__role{display:block;margin-top:4px;font-size:16px;line-height:1.5;color:var(--on-dark-muted)}
.lux-rows__role--derm{color:var(--gold-light);font-weight:500}
.lux-team .lux-more{margin-top:20px}

/* Featured Treatments: the photograph, then the rows (a name and one line), then "View all treatments" */
.lux-featured{padding-block:var(--sec)}
.lux-featured__figure{margin-top:28px}
.lux-featured__figure .lux-frame{aspect-ratio:3/2}
.lux-featured__figure img{object-position:25% 50%}
.lux-list{margin:32px 0 0;padding:0;list-style:none;border-bottom:1px solid var(--line)}
.lux-list li{padding:22px 0 24px;border-top:1px solid var(--line)}
.lux-list__desc{margin-top:8px;color:var(--umber)}
.lux-featured__more{margin-top:24px}

/* Packages and promotions (the one cream band): a name and one line each; promotions name their clinics */
.lux-sand{padding-block:var(--sec);background:var(--cream)}
.lux-pair__col+.lux-pair__col{margin-top:56px}
.lux-pair .lux-h2{margin-bottom:28px}
.lux-item{padding:22px 0 24px;border-top:1px solid var(--line)}
.lux-item__meta{margin-top:6px;font-size:16px;line-height:1.5;color:var(--umber)}
.lux-item__desc{margin-top:8px;color:var(--umber)}
.lux-pair__all{padding-top:22px;border-top:1px solid var(--line)}

/* Cocoon Across Bali: the client-approved heading, the one fact, the awards as a rail of years: on phones a list
   with the year beside its awards, from 768 two years a row, three above 900, all six above 1180, each year under a
   hairline. Every award is one Cocoon publishes, with its year (wp/build.py checks them against its AWARDS list). */
.lux-pioneer{padding:64px 0}
.lux-pioneer .lux-h2{font-size:34px;line-height:1.12;letter-spacing:-.01em}
.lux-pioneer__lead{margin-top:20px;color:var(--bark)}
.lux-pioneer__fig{white-space:nowrap;font-weight:500;color:var(--gold-text)}
.lux-pioneer__label{margin-top:44px;color:var(--umber)}
.lux-rail{margin:16px 0 0;padding:0;list-style:none;border-bottom:1px solid var(--line)}
.lux-stop{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:16px;align-items:baseline;padding:20px 0 22px;border-top:1px solid var(--line)}
.lux-stop__year{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.1;letter-spacing:-.01em;color:var(--espresso)}
.lux-stop__list{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}
.lux-stop__name{display:block;font-size:17px;font-weight:500;line-height:1.45;color:var(--espresso)}
.lux-stop__body{display:block;margin-top:2px;font-size:16px;line-height:1.5;color:var(--umber)}
.lux-pioneer .lux-more{margin-top:24px}

/* The close: the book label as the heading beside Legian at dusk, a plain photograph (no arch) */
.lux-close{padding-block:var(--sec)}
.lux-close .lux-frame{aspect-ratio:1/1;background:var(--night)}
.lux-close .lux-frame img{object-position:60% 50%;filter:saturate(.62)}
.lux-close__caption{display:none}
.lux-close .lux-h2{margin-top:32px;color:var(--ivory)}
.lux-close .lux-actions{margin-top:28px}

@media (max-width:359.98px){
  /* "recognised since 2013" stays on one line: at 34px it needs 302px, so below 360 the heading takes
     the 32px of the other phone headings (about 284px) and keeps inside the 16px gutter */
  .lux-pioneer .lux-h2{font-size:32px}
}

/* 600 to 767 (large phones sideways, foldables, iPad mini portrait): the phone layout in a centred
   560px column, so pills and lines keep the phone proportions. Header, menu and the Book
   and Call bar line up with that column. */
@media (min-width:600px) and (max-width:767.98px){
  .lux-hero__inner{max-width:560px;margin-inline:auto}
}

/* ---------- 768 and up: tablet ---------- */
@media (min-width:768px){
  /* the film fills the hero; the words sit bottom left over the hub scrim */
  .lux-hero{height:900px;height:min(100svh,900px);min-height:680px}
  .lux-hero__media{height:100%}
  .lux-hero__scrim{height:auto;bottom:0;background:linear-gradient(to bottom,rgba(28,20,14,.55) 0%,rgba(28,20,14,0) 26%),linear-gradient(to top,rgba(28,20,14,.5) 0%,rgba(28,20,14,0) 45%),linear-gradient(90deg,rgba(28,20,14,.86) 0%,rgba(28,20,14,.72) 50%,rgba(28,20,14,.36) 80%,rgba(28,20,14,.24) 100%)}
  .lux-hero__content{position:absolute;left:0;right:0;bottom:0;padding:0 var(--gutter) 104px}
  .lux-hero__inner{max-width:860px}
  .lux-hero__label{margin-bottom:22px}
  .lux-hero__title{font-size:clamp(48px,5.556vw,80px);line-height:1.04}
  .lux-hero__lead{max-width:640px;margin:32px 0 0;font-size:20px}
  .lux-hero .lux-actions{margin-top:44px}

  .lux-trust{padding-top:128px}
  .lux-trust .lux-h2{font-size:56px;line-height:1.08}
  /* the facts in two columns, then four from 1181 */
  .lux-figures{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin-top:48px;border-bottom:0}
  .lux-figure{padding:18px 0 20px}
  .lux-figure__n{font-size:60px}
  .lux-figure__desc{font-size:17px;line-height:1.55;text-wrap:balance}
  /* the clinics: one column up to 900 (the artboard's own collapse) */
  .lux-clinics{display:grid;grid-template-columns:minmax(0,1fr);row-gap:40px;margin-top:64px}
  .lux-clinic{display:grid;row-gap:0;padding:28px 0 0;border-top:1px solid var(--line)}
  .lux-clinic+.lux-clinic{margin-top:0}
  .lux-clinic__photo{margin-bottom:24px}
  .lux-clinic__place{margin-top:6px;font-size:28px}
  .lux-clinic__desc{margin-top:10px;font-size:16px;text-wrap:pretty}
  .lux-clinic__addr{margin-top:22px}
  .lux-clinic__links{gap:0 28px;margin-top:18px}
  .lux-clinic__links .lux-link{min-height:44px}

  .lux-visit__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px;align-items:start}
  .lux-steps{margin-top:0}
  .lux-steps>li{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:28px 0}
  .lux-steps__n{font-size:18px}
  .lux-steps__title{font-size:26px}

  .lux-team__lead{margin-top:24px;font-size:18px}
  .lux-rows{margin-top:36px}
  .lux-rows li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 24px;padding:18px 0 19px}
  .lux-rows__name{font-size:22px}
  .lux-rows__role{margin:0}
  .lux-team .lux-more{margin-top:28px}

  .lux-featured__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-items:end}
  .lux-featured__figure{margin:0}
  .lux-featured__figure .lux-frame{aspect-ratio:4/3}
  .lux-featured__figure img{object-position:30% 50%}
  .lux-list{margin-top:48px}
  .lux-list li{padding:28px 0 30px}
  .lux-list__desc{max-width:560px;margin-top:10px}
  .lux-featured__more{margin-top:32px}

  /* the two columns share one grid so the headings, rows and "View all" links line up */
  .lux-pair{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(48px,8.34vw,120px)}
  .lux-pair__col{display:contents}
  .lux-pair .lux-h2{align-self:end;margin-bottom:0;padding-bottom:36px}
  .lux-item{padding:28px 0 32px}
  .lux-item .lux-h3{font-size:clamp(24px,2.5vw,28px);line-height:1.22}
  .lux-item__meta{margin-top:8px}
  .lux-item__desc{margin-top:10px}
  .lux-pair__all{padding-top:24px}

  .lux-pioneer{padding:120px 0 128px}
  .lux-pioneer__head{display:grid;row-gap:24px}
  .lux-pioneer .lux-h2{font-size:52px;line-height:1.1}
  .lux-pioneer__lead{margin:0;text-wrap:pretty}
  .lux-pioneer__label{margin-top:88px}
  .lux-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px;margin-top:24px;border:0}
  .lux-stop{display:block;padding:32px 16px 0 0}
  .lux-stop__year{font-size:40px;line-height:1}
  .lux-stop__list{margin-top:24px;gap:20px}
  .lux-stop__name{font-size:18px;text-wrap:pretty}
  .lux-stop__body{margin-top:6px;font-size:16px}
  .lux-pioneer .lux-more{margin-top:48px}

  .lux-close__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
  .lux-close__figure{grid-column:2;grid-row:1}
  .lux-close__text{grid-column:1;grid-row:1}
  .lux-close .lux-frame{aspect-ratio:4/5}
  .lux-close .lux-frame img{object-position:58% 50%}
  .lux-close__caption{display:block;margin-top:16px;color:var(--on-dark-muted)}
  .lux-close .lux-h2{max-width:12em;margin:0;font-size:clamp(38px,4.7vw,56px);line-height:1.1}
  .lux-close .lux-actions{margin-top:44px}
}

/* ---------- 901 and up, as on the artboard: the heading and the facts side by side (heading on columns 1 to 6,
   the facts on 7 to 12), the clinics in three columns whose rows line up, the doctors in two columns of four,
   the awards rail three years a row ---------- */
@media (min-width:901px){
  .lux-trust .lux-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
  .lux-trust__head{grid-column:1/7}
  .lux-figures{grid-column:7/13;grid-template-columns:minmax(0,1fr);margin-top:12px}
  .lux-clinics{grid-column:1/13;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,auto);column-gap:40px;row-gap:0;margin-top:88px}
  .lux-clinic{grid-row:span 6;grid-template-rows:subgrid}
  .lux-clinic__photo{aspect-ratio:4/5}
  .lux-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:72px;border-bottom:0}
  .lux-rows li:nth-child(4n){border-bottom:1px solid var(--dark-line)}
  .lux-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---------- phones held sideways (768 or wider, 500 or less tall): the phone header height and a
   hero that fits one screen, so the WhatsApp and call buttons are on the first screen ---------- */
@media (min-width:768px) and (max-height:500px){
  .lux-hero{min-height:0}
  .lux-hero__title{font-size:44px}
  .lux-hero__label{margin-bottom:12px}
  .lux-hero__lead{margin-top:16px;font-size:18px}
  .lux-hero .lux-actions{margin-top:24px}
  .lux-hero__content{padding-bottom:32px}
}

/* ---------- 1024 and up: the desktop artboard ---------- */
@media (min-width:1024px){
  .lux-visit{padding-block:128px}
  .lux-visit__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:96px}

  .lux-team{padding:128px 0}

  .lux-featured{padding-top:0}
  .lux-featured__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start;padding-top:var(--sec);border-top:1px solid var(--line-soft)}
  .lux-featured__head{display:block}
  .lux-featured .lux-h2{font-size:clamp(40px,3.334vw,48px);line-height:1.1}
  .lux-featured__figure{margin-top:48px}
  .lux-list{margin-top:0}
  .lux-list li{padding:32px 0 34px}
  .lux-list .lux-h3{font-size:clamp(26px,2.084vw,30px);line-height:1.2}

  .lux-sand{padding-block:var(--sec)}

  .lux-close__grid{gap:96px}
}

/* ---------- 1181 and up: the four facts in one row under the heading, the six award years in one row ---------- */
@media (min-width:1181px){
  .lux-trust .lux-wrap{display:block}
  .lux-figures{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;border-top:1px solid var(--line)}
  .lux-figure{padding:24px 0 0;border-top:0}
  .lux-figure__n{font-size:68px}
  .lux-rail{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* ---------- Photo-tinted dark bands (DESIGN.md section 0, Kyle, 6 Oct 2026): the doctors and the close show a
   warm Cocoon photograph under an espresso tint, with the values of the Home and HomeMobile artboards
   (design/variants/bands/bands-spec.json, bands home-doctors and home-cta). The photos are decorative backgrounds
   (no <img>, no alt): the artboards' 800px files, AVIF with a JPEG fallback for browsers without image-set(). The
   solid espresso of .lux-dark stays under both: it shows while a photo loads, if it fails, and in print. home.js adds
   is-band once a band is within a screen of view, so its photo is asked for only then; with scripting off the photo
   is drawn straight away. The tint of the close follows its layout: across, darkest behind the text, while the
   photo of Legian at dusk sits beside it (768 and up); downwards, darkest at the bottom, while that photo sits above
   the text (phones). The route turns both bands sand and drops the photos. ---------- */
.lux-home .lux-team,.lux-home .lux-close{background-color:var(--espresso);background-repeat:no-repeat}
.lux-home .lux-team{background-position:0 0,50% 50%;background-size:auto,cover}
.lux-home .lux-close{background-position:0 0,88% 50%;background-size:auto,cover}
.lux-home .lux-team.is-band{
  background-image:linear-gradient(180deg,rgba(36,24,15,.88) 0%,rgba(36,24,15,.82) 55%,rgba(36,24,15,.78) 100%),url(../../img/ubud-stone-passage-800.jpg);
  background-image:linear-gradient(180deg,rgba(36,24,15,.88) 0%,rgba(36,24,15,.82) 55%,rgba(36,24,15,.78) 100%),image-set(url(../../img/ubud-stone-passage-800.avif) type("image/avif"),url(../../img/ubud-stone-passage-800.jpg) type("image/jpeg"))}
.lux-home .lux-close.is-band{
  background-image:linear-gradient(180deg,rgba(36,24,15,.84) 0%,rgba(36,24,15,.88) 50%,rgba(36,24,15,.9) 100%),url(../../img/legian-salt-wall-800.jpg);
  background-image:linear-gradient(180deg,rgba(36,24,15,.84) 0%,rgba(36,24,15,.88) 50%,rgba(36,24,15,.9) 100%),image-set(url(../../img/legian-salt-wall-800.avif) type("image/avif"),url(../../img/legian-salt-wall-800.jpg) type("image/jpeg"))}
@media (scripting:none){
  .lux-home .lux-team{
    background-image:linear-gradient(180deg,rgba(36,24,15,.88) 0%,rgba(36,24,15,.82) 55%,rgba(36,24,15,.78) 100%),url(../../img/ubud-stone-passage-800.jpg);
    background-image:linear-gradient(180deg,rgba(36,24,15,.88) 0%,rgba(36,24,15,.82) 55%,rgba(36,24,15,.78) 100%),image-set(url(../../img/ubud-stone-passage-800.avif) type("image/avif"),url(../../img/ubud-stone-passage-800.jpg) type("image/jpeg"))}
  .lux-home .lux-close{
    background-image:linear-gradient(180deg,rgba(36,24,15,.84) 0%,rgba(36,24,15,.88) 50%,rgba(36,24,15,.9) 100%),url(../../img/legian-salt-wall-800.jpg);
    background-image:linear-gradient(180deg,rgba(36,24,15,.84) 0%,rgba(36,24,15,.88) 50%,rgba(36,24,15,.9) 100%),image-set(url(../../img/legian-salt-wall-800.avif) type("image/avif"),url(../../img/legian-salt-wall-800.jpg) type("image/jpeg"))}
}
@media (min-width:768px){
  .lux-home .lux-close{background-position:0 0,100% 50%;background-size:auto,200% auto}
  .lux-home .lux-close.is-band{
    background-image:linear-gradient(90deg,rgba(36,24,15,.92) 0%,rgba(36,24,15,.88) 50%,rgba(36,24,15,.82) 100%),url(../../img/legian-salt-wall-800.jpg);
    background-image:linear-gradient(90deg,rgba(36,24,15,.92) 0%,rgba(36,24,15,.88) 50%,rgba(36,24,15,.82) 100%),image-set(url(../../img/legian-salt-wall-800.avif) type("image/avif"),url(../../img/legian-salt-wall-800.jpg) type("image/jpeg"))}
}
@media (min-width:768px) and (scripting:none){
  .lux-home .lux-close{
    background-image:linear-gradient(90deg,rgba(36,24,15,.92) 0%,rgba(36,24,15,.88) 50%,rgba(36,24,15,.82) 100%),url(../../img/legian-salt-wall-800.jpg);
    background-image:linear-gradient(90deg,rgba(36,24,15,.92) 0%,rgba(36,24,15,.88) 50%,rgba(36,24,15,.82) 100%),image-set(url(../../img/legian-salt-wall-800.avif) type("image/avif"),url(../../img/legian-salt-wall-800.jpg) type("image/jpeg"))}
}
@media (min-width:901px){
  .lux-home .lux-team{background-position:0 0,50% 42%}
}

@media print{.lux-hero__video{display:none}.lux-home .lux-team,.lux-home .lux-close{background-image:none !important}}