/** Shopify CDN: Minification failed

Line 862:213 Unexpected "\\n"
Line 862:270 Expected ":"
Line 862:292 Expected ":"
Line 862:312 Expected ":"
Line 862:329 Expected ":"
Line 862:392 Expected ":"
Line 862:405 Expected ":"
Line 862:427 Expected ":"
Line 862:447 Expected ":"
Line 862:474 Expected ":"
... and 15 more hidden warnings

**/

:root{--mw-shell:1600px;--mw-content:1480px;--mw-line:#e7e7e7;--mw-circle:rgba(17,17,17,.16);--mw-circle-soft:rgba(17,17,17,.09)}
*{box-sizing:border-box}
.header-wrapper{border-bottom:1px solid var(--mw-line);background:#fff}
.header.page-width{width:calc(100% - 48px);max-width:var(--mw-shell);padding-left:0;padding-right:0;min-height:72px}
.mw-dawn-logo-fallback img,.header__heading-logo{width:162px!important;height:auto!important;max-height:45px;object-fit:contain}
.mw-dawn-nav{justify-self:center}.mw-dawn-nav .list-menu--inline{gap:30px}.mw-dawn-nav .header__menu-item{font-size:12px;letter-spacing:.06em;padding:1rem .55rem}
.header__icons{gap:8px}.header__icon{width:4.2rem;height:4.2rem}
@media(max-width:749px){.header.page-width{width:100%;min-height:58px;padding-left:12px;padding-right:12px}.mw-dawn-logo-fallback img,.header__heading-logo{width:116px!important;max-height:36px}.mw-dawn-nav{display:none}}

.mw-hero.page-width{width:calc(100% - 32px)!important;max-width:var(--mw-shell)!important;padding:0!important;margin:0 auto!important;display:grid;grid-template-columns:minmax(0,2fr) minmax(330px,1fr);gap:4px}
.mw-hero__main{height:620px;position:relative;overflow:hidden}.mw-hero__media{position:absolute;inset:0}.mw-hero__media img{width:100%;height:100%;object-fit:cover}.mw-hero__main:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,var(--mw-hero-overlay));pointer-events:none}
.mw-hero__copy{position:absolute;z-index:4;top:17%;max-width:52%;color:var(--mw-hero-text)}.mw-hero__copy--left{left:7%}.mw-hero__copy--right{right:7%}.mw-hero__copy>p,.mw-hero-tile small{font-size:11px;line-height:1.4;letter-spacing:.14em;margin:0 0 22px}.mw-hero__copy h1{font-size:clamp(48px,4.8vw,78px);line-height:1.03;letter-spacing:.11em;font-weight:300;margin:0 0 24px}.mw-hero__subcopy{font-size:14px;line-height:1.65;max-width:450px}
.mw-hero__buttons{display:flex;gap:14px;margin-top:30px}.mw-hero__buttons .button{min-height:48px;padding:0 26px;font-size:11px}.mw-hero__side{display:grid;grid-template-rows:1fr 1fr;gap:4px}.mw-hero-tile{position:relative;overflow:hidden;min-height:308px;text-decoration:none}.mw-hero-tile img{width:100%;height:100%;object-fit:cover}.mw-hero-tile__copy{position:absolute;z-index:4;left:9%;top:24%;max-width:58%}.mw-hero-tile h2{font-weight:400;font-size:26px;line-height:1.5;margin:0 0 20px}.mw-hero-tile span{font-size:11px;text-decoration:underline}
.mw-circle{position:absolute;border:1px solid var(--mw-circle);border-radius:50%;pointer-events:none;z-index:2}.mw-circle--hero-a{width:430px;height:430px;left:-160px;top:55px}.mw-circle--hero-b{width:330px;height:330px;left:210px;bottom:-175px;border-style:dotted}.mw-circle--tile{width:125px;height:125px;right:-55px;bottom:-35px;border-color:rgba(255,255,255,.72)}

.mw-home-section.page-width,.mw-instagram.page-width{width:calc(100% - 96px)!important;max-width:var(--mw-content)!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important}.mw-home-section{padding-top:54px!important;padding-bottom:30px!important}.mw-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.mw-section-head h2{font-size:24px;letter-spacing:.16em;font-weight:400;margin:0}.mw-section-head a{font-size:12px;text-decoration:none}
.mw-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.mw-product-card{min-width:0}.mw-product-card__media{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f7f7f7}.mw-product-card__media img{width:100%;height:100%;object-fit:cover}.mw-product-card__info{padding-top:10px}.mw-product-card__info a{display:block;text-decoration:none;font-size:13px;line-height:1.5}.mw-product-card__info span{display:block;font-size:12px;margin-top:6px}
.mw-section-head--category{margin-top:62px}.mw-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mw-category{position:relative;overflow:hidden;min-height:156px;background:#f8f8f8;text-decoration:none;display:grid;grid-template-columns:47% minmax(0,1fr) auto;align-items:center;padding:17px;gap:12px}.mw-category__media{position:relative;z-index:2;height:125px}.mw-category__media img{width:100%;height:100%;object-fit:contain}.mw-category__label{position:relative;z-index:2}.mw-category strong{display:block;font-size:14px}.mw-category small{display:block;font-size:11px;margin-top:6px}.mw-category__number{position:absolute;left:13px;top:10px;z-index:3;font-size:24px;color:#bbb}.mw-category__circle{position:absolute;width:185px;height:185px;border:1px solid var(--mw-circle-soft);border-radius:50%;right:-48px;top:-17px}.mw-circle-arrow{position:relative;z-index:3;width:34px;height:34px;border:1px solid var(--mw-circle);border-radius:50%;display:grid;place-items:center;font-size:12px}
.mw-rank-feature{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;align-items:start;margin-top:66px}.mw-ranking{position:relative;border-right:1px solid var(--mw-line);padding-right:34px}.mw-ranking ol{list-style:none;padding:0;margin:0}.mw-ranking li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:center;margin:11px 0}.mw-ranking li>a{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;text-decoration:none;font-size:12.5px}.mw-ranking li img{width:48px;height:54px;object-fit:contain}.mw-ranking li small{display:block;font-size:11px;margin-top:5px}.mw-rank-number{width:24px;height:24px;border:1px solid var(--mw-circle);border-radius:50%;display:grid;place-items:center;font-size:9px}
.mw-feature__grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(210px,.68fr) minmax(190px,.62fr);gap:24px;align-items:center}.mw-feature__image,.mw-feature__secondary{display:block;height:390px;background:#f6f6f6;overflow:hidden}.mw-feature__image img,.mw-feature__secondary img{width:100%;height:100%;object-fit:cover}.mw-feature__copy small{font-size:11px}.mw-feature__copy h3{font-size:21px;font-weight:400;margin:9px 0 15px}.mw-feature__copy p{font-size:13.5px;line-height:1.9}.mw-feature__copy a{font-size:12px;text-decoration:none}
.mw-instagram{padding-top:24px!important;padding-bottom:20px!important}.mw-instagram__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.mw-instagram__grid>a{aspect-ratio:1;overflow:hidden;background:#f4f4f4}.mw-instagram__grid img{width:100%;height:100%;object-fit:cover}
@media(max-width:749px){
 html,body{overflow-x:hidden}.mw-hero.page-width{width:100%!important;display:block}.mw-hero__main{height:57vh;min-height:420px;max-height:560px}.mw-hero__copy{top:auto!important;left:20px!important;right:20px!important;bottom:22px!important;max-width:none!important}.mw-hero__copy>p{display:none}.mw-hero__copy h1{font-size:clamp(32px,9vw,44px);line-height:.98;letter-spacing:.075em;max-width:310px;margin-bottom:12px}.mw-hero__subcopy{font-size:12px}.mw-hero__buttons{margin-top:16px}.mw-hero__buttons .button{min-height:42px;padding:0 16px;font-size:10px}.mw-hero__buttons .button--secondary{display:none}.mw-hero__side{display:none}
 .mw-home-section.page-width,.mw-instagram.page-width{width:100%!important;padding-left:16px!important;padding-right:16px!important}.mw-home-section{padding-top:30px!important;padding-bottom:26px!important}.mw-section-head{margin-bottom:16px}.mw-section-head h2{font-size:19px}.mw-section-head a{font-size:10.5px}
 .mw-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}.mw-product-card__media{aspect-ratio:4/5}.mw-product-card__info a{font-size:12px}.mw-product-card__info span{font-size:11px}
 .mw-section-head--category{margin-top:38px}.mw-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mw-category{min-height:105px;grid-template-columns:44% minmax(0,1fr) auto;padding:10px;gap:7px}.mw-category__media{height:82px}.mw-category strong{font-size:11.5px}.mw-category small{font-size:9.5px}.mw-category__number{font-size:17px}.mw-category__circle{width:100px;height:100px;right:-35px;top:1px}.mw-circle-arrow{width:27px;height:27px}
 .mw-rank-feature{display:block;margin-top:40px}.mw-ranking{border-right:0;border-bottom:1px solid var(--mw-line);padding:0 0 26px}.mw-ranking ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}.mw-ranking li{margin:0;grid-template-columns:18px minmax(0,1fr)}.mw-ranking li>a{grid-template-columns:40px minmax(0,1fr);font-size:10.5px}.mw-ranking li img{width:40px;height:46px}.mw-ranking li small{font-size:9.5px}.mw-rank-number{width:18px;height:18px;font-size:7px}
 .mw-feature{padding-top:32px}.mw-feature__grid{display:block}.mw-feature__image{height:auto;aspect-ratio:4/3}.mw-feature__copy{padding-top:16px}.mw-feature__copy h3{font-size:17px}.mw-feature__copy p{font-size:12px;line-height:1.75}.mw-feature__secondary{display:none}
 .mw-instagram__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.mw-instagram__grid>a:nth-child(n+5){display:none}
}
@media(min-width:750px){.mw-products{grid-template-columns:repeat(4,minmax(0,1fr))!important}.mw-categories{grid-template-columns:repeat(4,minmax(0,1fr))!important}.mw-rank-feature{display:grid!important}.mw-feature__grid{display:grid!important}.mw-feature__secondary{display:block!important}.mw-instagram__grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}}


/* ==========================================================
   FINAL PRESENTATION LOCK — 2026-08-25
   Approved mock is the visual source of truth.
   ========================================================== */

/* Never allow browser/theme link blue inside MONDE editorial UI */
.mw-hero a:not(.button),
.mw-home-section a,
.mw-instagram a,
.mw-feature a,
.mw-ranking a,
.mw-category,
.mw-section-head a{
  color:#111 !important;
}
.mw-hero-tile,
.mw-hero-tile__copy,
.mw-hero-tile__copy small,
.mw-hero-tile__copy h2,
.mw-hero-tile__copy span{
  color:#111 !important;
}
.mw-hero__buttons .button{
  text-decoration:none !important;
}
.mw-section-head a,
.mw-feature__copy a,
.mw-hero-tile span{
  text-decoration-color:#777;
}

/* Header readability */
.header.page-width{
  min-height:76px !important;
}
.mw-dawn-logo-fallback img,
.header__heading-logo{
  width:170px !important;
  max-height:48px !important;
}
.mw-dawn-nav .list-menu--inline{
  gap:34px !important;
}
.mw-dawn-nav .header__menu-item{
  font-size:14px !important;
  line-height:1.4 !important;
  letter-spacing:.055em !important;
  padding:1.1rem .55rem !important;
  color:#111 !important;
}

/* Desktop hero: exact 2/3 + 1/3 editorial composition */
@media (min-width:750px){
  .mw-hero.page-width{
    width:100% !important;
    max-width:1600px !important;
    grid-template-columns:minmax(0,2fr) minmax(360px,1fr) !important;
    gap:4px !important;
  }
  .mw-hero__main{
    height:620px !important;
    min-height:620px !important;
  }
  .mw-hero__side{
    height:620px !important;
    min-height:620px !important;
    max-height:620px !important;
    display:grid !important;
    grid-template-rows:308px 308px !important;
    gap:4px !important;
    overflow:hidden !important;
  }
  .mw-hero-tile{
    height:308px !important;
    min-height:308px !important;
    max-height:308px !important;
    overflow:hidden !important;
  }
  .mw-hero-tile > img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
  .mw-hero-tile__copy{
    position:absolute !important;
    left:9% !important;
    top:24% !important;
    max-width:58% !important;
    z-index:4 !important;
  }
  .mw-hero-tile h2{
    font-size:27px !important;
    line-height:1.48 !important;
  }
  .mw-hero-tile small,
  .mw-hero-tile span{
    font-size:12px !important;
  }
  .mw-hero__copy>p{
    font-size:12px !important;
  }
  .mw-hero__subcopy{
    font-size:15px !important;
  }
}

/* Home product cards: same visible image frame */
@media (min-width:750px){
  .mw-product-card__media{
    aspect-ratio:4/3 !important;
    background:#f7f7f7 !important;
  }
  .mw-product-card__media img{
    object-fit:cover !important;
  }
  .mw-product-card__info a{
    font-size:14px !important;
    line-height:1.5 !important;
  }
  .mw-product-card__info span{
    font-size:13px !important;
    line-height:1.5 !important;
  }
  .mw-section-head h2{
    font-size:25px !important;
  }
  .mw-section-head a{
    font-size:13px !important;
  }
  .mw-category strong{
    font-size:15px !important;
  }
  .mw-category small{
    font-size:12px !important;
  }
  .mw-ranking li>a{
    font-size:13.5px !important;
  }
  .mw-ranking li small{
    font-size:12px !important;
  }
  .mw-feature__copy small{
    font-size:12px !important;
  }
  .mw-feature__copy h3{
    font-size:22px !important;
  }
  .mw-feature__copy p{
    font-size:14px !important;
  }
  .mw-feature__copy a{
    font-size:13px !important;
  }
}

/* Collection/search product grids: normalize every product image frame */
.product-grid .card-wrapper .card__inner,
.collection .card-wrapper .card__inner{
  background:#f7f7f7 !important;
}
.product-grid .card-wrapper .card__inner.ratio::before,
.collection .card-wrapper .card__inner.ratio::before{
  padding-bottom:125% !important;
}
.product-grid .card__media,
.product-grid .card__media .media,
.collection .card__media,
.collection .card__media .media{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}
.product-grid .card__media .media img,
.collection .card__media .media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
.product-grid .card__heading,
.collection .card__heading{
  font-size:14px !important;
  line-height:1.5 !important;
}
.product-grid .price,
.collection .price{
  font-size:13px !important;
  line-height:1.5 !important;
}

/* Mobile stays shopping-first, but text is readable */
@media (max-width:749px){
  .header.page-width{
    min-height:60px !important;
  }
  .mw-dawn-logo-fallback img,
  .header__heading-logo{
    width:122px !important;
  }
  .mw-product-card__info a{
    font-size:12.5px !important;
    line-height:1.5 !important;
  }
  .mw-product-card__info span{
    font-size:11.5px !important;
  }
  .mw-section-head h2{
    font-size:20px !important;
  }
  .mw-category strong{
    font-size:12px !important;
  }
  .mw-category small{
    font-size:10px !important;
  }
  .mw-ranking li>a{
    font-size:11px !important;
  }
  .mw-ranking li small{
    font-size:10px !important;
  }
  .mw-feature__copy p{
    font-size:12.5px !important;
  }
}

/* Kill accidental blue visited/link states */
.mw-hero a:visited,
.mw-home-section a:visited,
.mw-instagram a:visited,
.mw-category:visited,
.mw-ranking a:visited,
.mw-feature a:visited{
  color:#111 !important;
}


/* CLIENT PREVIEW AUDIT — header/layout guardrails */
@media (min-width:990px){
  .header.page-width{
    grid-template-areas:"heading navigation icons" !important;
    grid-template-columns:220px minmax(0,1fr) 220px !important;
    align-items:center !important;
  }
  .header__heading,.header__heading-link{grid-area:heading !important}
  .mw-dawn-nav{grid-area:navigation !important;display:block !important;justify-self:center !important;align-self:center !important}
  .header__icons{grid-area:icons !important;justify-self:end !important}
}
@media (min-width:750px) and (max-width:989px){
  .mw-dawn-nav{display:none !important}
}


/* =========================================================
   MONDE APPROVED SAFE REVISION — 2026-08-26
   Built from CLIENT PREVIEW AUDITED.
   These rules only alter the newly approved items.
   ========================================================= */

/* PC: one-row menu. If there is not enough room, tablet mode uses drawer
   instead of wrapping into two lines. */
@media (min-width: 990px) {
  .header.page-width {
    width: calc(100% - 32px) !important;
    max-width: 1600px !important;
    grid-template-areas: "heading navigation icons" !important;
    grid-template-columns: 150px minmax(0,1fr) 125px !important;
    column-gap: 10px !important;
    align-items: center !important;
  }
  .header__heading,
  .header__heading-link { grid-area: heading !important; }
  .mw-dawn-nav {
    grid-area: navigation !important;
    display: block !important;
    min-width: 0 !important;
    justify-self: center !important;
  }
  .mw-dawn-nav .list-menu--inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(10px, 1.15vw, 18px) !important;
    white-space: nowrap !important;
  }
  .mw-dawn-nav .header__menu-item {
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    padding: .9rem .12rem !important;
  }
  .header__icons {
    grid-area: icons !important;
    justify-self: end !important;
    gap: 0 !important;
  }
  .mw-dawn-logo-fallback img,
  .header__heading-logo {
    width: 140px !important;
    max-width: 140px !important;
  }
}

/* Approved PC hero: main image only. Existing side-block code remains dormant,
   so the home section structure cannot collapse from deleting Liquid markup. */
@media (min-width: 750px) {
  .mw-hero.page-width {
    display: block !important;
    width: calc(100% - 32px) !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mw-hero__main {
    width: 100% !important;
    height: min(64vw, 680px) !important;
    min-height: 540px !important;
    max-height: 680px !important;
  }
  .mw-hero__side {
    display: none !important;
  }

  /* Five approved categories: WEAR / BAG / ACCESSORIES / GOODS / ARCHIVE */
  .mw-categories {
    grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  }

  /* Ranking retired; LOOK / FEATURE uses the full content width. */
  .mw-ranking {
    display: none !important;
  }
  .mw-rank-feature {
    display: block !important;
    margin-top: 66px !important;
  }
  .mw-feature__grid {
    grid-template-columns: minmax(0,1.25fr) minmax(220px,.65fr) minmax(200px,.62fr) !important;
  }
}

/* Approved mobile structure remains unchanged except the fifth ARCHIVE card
   gets a clean full-width final row. */
@media (max-width: 749px) {
  .mw-categories {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  .mw-category:nth-child(5) {
    grid-column: 1 / -1 !important;
  }
}


/* ==========================================================
   MONDE HERO — MEDIA ART TYPOGRAPHY / FINAL
   2026-08-26

   Concept:
   - The woman remains the visual subject.
   - Typography begins as ink-black editorial type.
   - A second, identical layer is revealed only where the type
     enters the photograph's dark hair / clothing field.
   - The reveal is soft-edged and uses difference blending:
     the photograph, not a generic text color, determines the
     final tone at the contact point.
   - No CTA, no panel, no artificial dark gradient.
   ========================================================== */

.mw-hero--mediaart{
  position:relative;
}

.mw-hero--mediaart .mw-hero__main{
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
  background:#f4f2ee;
}

.mw-hero--mediaart .mw-hero__media{
  position:absolute;
  inset:0;
  z-index:0;
  cursor:default;
}

.mw-hero--mediaart .mw-hero__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

/* Disable every previous global light/dark wash. */
.mw-hero--mediaart .mw-hero__main::before,
.mw-hero--mediaart .mw-hero__main::after{
  content:none !important;
  display:none !important;
}

/* Existing circle language becomes a quiet construction system. */
.mw-hero--mediaart .mw-circle{
  z-index:1 !important;
  border-width:1px !important;
  border-color:rgba(17,17,17,.18) !important;
  mix-blend-mode:multiply;
}

.mw-hero--mediaart .mw-circle--hero-a{
  width:430px !important;
  height:430px !important;
  left:-172px !important;
  top:58px !important;
}

.mw-hero--mediaart .mw-circle--hero-b{
  width:286px !important;
  height:286px !important;
  left:272px !important;
  bottom:-166px !important;
  border-style:dotted !important;
  border-color:rgba(17,17,17,.13) !important;
}

/* One coordinate system for both type layers. */
.mw-hero--mediaart .mw-hero__copy-stage{
  position:absolute;
  z-index:4;
  left:7.2%;
  top:20.2%;
  width:min(64vw, 930px);
  max-width:930px;
  pointer-events:none;
}

.mw-hero--mediaart .mw-hero__copy-layer{
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  color:#111;
  font-synthesis:none;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}

/* Base layer: true black, no shadow, no color safety-net. */
.mw-hero--mediaart .mw-hero__copy-layer--base{
  position:relative;
  z-index:1;
  color:#111;
}

/* Inverse layer: the media-art event.
   It is revealed only in the curved right/lower image zones
   where the fixed photograph contains hair / black garment. */
.mw-hero--mediaart .mw-hero__copy-layer--inverse{
  z-index:2;
  color:#fff;
  -webkit-text-fill-color:#fff;
  mix-blend-mode:difference;
  filter:
    drop-shadow(0 0 .35px rgba(255,255,255,.65))
    drop-shadow(0 0 7px rgba(255,255,255,.10));

  -webkit-mask-image:
    radial-gradient(ellipse 45% 98% at 83% 34%,
      #000 0%,
      #000 57%,
      rgba(0,0,0,.84) 64%,
      rgba(0,0,0,.24) 72%,
      transparent 80%),
    radial-gradient(ellipse 50% 66% at 77% 98%,
      #000 0%,
      #000 52%,
      rgba(0,0,0,.80) 61%,
      transparent 76%);
  mask-image:
    radial-gradient(ellipse 45% 98% at 83% 34%,
      #000 0%,
      #000 57%,
      rgba(0,0,0,.84) 64%,
      rgba(0,0,0,.24) 72%,
      transparent 80%),
    radial-gradient(ellipse 50% 66% at 77% 98%,
      #000 0%,
      #000 52%,
      rgba(0,0,0,.80) 61%,
      transparent 76%);
}

/* Japanese opening line: not a fashion-industry label.
   It behaves like the starting point of the circle. */
.mw-hero--mediaart .mw-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 20px;
  font-family:var(--font-body-family);
  font-size:12px;
  font-weight:500;
  line-height:1.6;
  letter-spacing:.15em;
  color:currentColor;
  -webkit-text-fill-color:currentColor;
}

.mw-hero--mediaart .mw-hero__origin{
  display:block;
  width:8px;
  height:8px;
  flex:0 0 8px;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.78;
}

/* Main statement.
   The first line intentionally reaches into the model's hair.
   The second line turns inward and returns, echoing a circular motion. */
.mw-hero--mediaart .mw-hero__statement{
  margin:0;
  padding:0;
  font-family:var(--font-heading-family);
  font-weight:300;
  font-style:normal;
  font-size:clamp(58px, 4.65vw, 84px);
  line-height:.93;
  letter-spacing:.045em;
  color:currentColor;
  -webkit-text-fill-color:currentColor;
  text-transform:none;
}

.mw-hero--mediaart .mw-hero__line{
  display:block;
  width:max-content;
  max-width:100%;
  white-space:nowrap;
}

.mw-hero--mediaart .mw-hero__line--1{
  transform:translateX(0);
}

.mw-hero--mediaart .mw-hero__line--2{
  margin-top:.09em;
  transform:translateX(1.05em);
  letter-spacing:.055em;
}

/* 0 is a circle twice: once as language, once as construction detail.
   No color accent; the detail follows the same inversion logic as the type. */
.mw-hero--mediaart .mw-zero{
  position:relative;
  display:inline-block;
  min-width:.60em;
  text-align:center;
  letter-spacing:0;
}

.mw-hero--mediaart .mw-zero::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:.77em;
  height:.77em;
  border:1px solid currentColor;
  border-radius:50%;
  transform:translate(-49%,-48%);
  opacity:.22;
  pointer-events:none;
}

/* Japanese closing line begins beneath the returned second line.
   It is part of the composition, not a translation caption. */
.mw-hero--mediaart .mw-hero__subcopy{
  margin-top:23px;
  margin-left:5.25em;
  max-width:420px;
  font-family:var(--font-body-family);
  font-size:13px;
  font-weight:400;
  line-height:1.9;
  letter-spacing:.09em;
  color:currentColor;
  -webkit-text-fill-color:currentColor;
}

.mw-hero--mediaart .mw-hero__subcopy p{
  margin:0;
}

/* No hero commerce controls. The next section performs that job. */
.mw-hero--mediaart .mw-hero__buttons{
  display:none !important;
}

/* Desktop hero remains one photographic field. */
@media (min-width:750px){
  .mw-hero--mediaart.page-width{
    display:block !important;
    width:calc(100% - 32px) !important;
    max-width:1600px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mw-hero--mediaart .mw-hero__main{
    width:100% !important;
    height:min(64vw,680px) !important;
    min-height:540px !important;
    max-height:680px !important;
  }

  .mw-hero--mediaart .mw-hero__side{
    display:none !important;
  }
}

/* Wide desktop: hold the editorial scale instead of becoming billboard type. */
@media (min-width:1440px){
  .mw-hero--mediaart .mw-hero__copy-stage{
    left:7.0%;
    top:19.3%;
    width:980px;
    max-width:980px;
  }

  .mw-hero--mediaart .mw-hero__statement{
    font-size:78px;
  }
}

/* Compact desktop/tablet:
   keep the same concept but reduce the overlap zone and line offset. */
@media (min-width:750px) and (max-width:989px){
  .mw-hero--mediaart .mw-hero__copy-stage{
    left:6.4%;
    top:19%;
    width:79%;
    max-width:760px;
  }

  .mw-hero--mediaart .mw-hero__eyebrow{
    margin-bottom:15px;
    font-size:10.5px;
    letter-spacing:.14em;
  }

  .mw-hero--mediaart .mw-hero__statement{
    font-size:clamp(43px,5.7vw,58px);
    letter-spacing:.04em;
  }

  .mw-hero--mediaart .mw-hero__line--2{
    transform:translateX(.72em);
  }

  .mw-hero--mediaart .mw-hero__subcopy{
    margin-top:18px;
    margin-left:3.9em;
    font-size:11.5px;
  }

  .mw-hero--mediaart .mw-hero__copy-layer--inverse{
    -webkit-mask-image:
      radial-gradient(ellipse 42% 96% at 87% 37%,
        #000 0%, #000 54%, rgba(0,0,0,.72) 65%, transparent 80%),
      radial-gradient(ellipse 54% 64% at 82% 100%,
        #000 0%, #000 48%, rgba(0,0,0,.72) 60%, transparent 75%);
    mask-image:
      radial-gradient(ellipse 42% 96% at 87% 37%,
        #000 0%, #000 54%, rgba(0,0,0,.72) 65%, transparent 80%),
      radial-gradient(ellipse 54% 64% at 82% 100%,
        #000 0%, #000 48%, rgba(0,0,0,.72) 60%, transparent 75%);
  }
}

/* Mobile is not a shrunken desktop.
   The crop places most of the statement on dark clothing, so the
   inverse layer is allowed to cover a larger, soft lower field. */
@media (max-width:749px){
  .mw-hero--mediaart.page-width{
    width:100% !important;
    display:block !important;
  }

  .mw-hero--mediaart .mw-hero__main{
    height:57vh !important;
    min-height:420px !important;
    max-height:560px !important;
  }

  .mw-hero--mediaart .mw-hero__media img{
    object-position:center center;
  }

  .mw-hero--mediaart .mw-hero__side{
    display:none !important;
  }

  .mw-hero--mediaart .mw-circle--hero-a{
    width:216px !important;
    height:216px !important;
    left:-110px !important;
    top:48px !important;
    opacity:.68;
  }

  .mw-hero--mediaart .mw-circle--hero-b{
    width:158px !important;
    height:158px !important;
    left:auto !important;
    right:-74px !important;
    bottom:-54px !important;
    opacity:.52;
  }

  .mw-hero--mediaart .mw-hero__copy-stage{
    left:20px;
    right:20px;
    top:auto;
    bottom:24px;
    width:auto;
    max-width:none;
  }

  .mw-hero--mediaart .mw-hero__eyebrow{
    margin-bottom:12px;
    font-size:10px;
    line-height:1.55;
    letter-spacing:.13em;
  }

  .mw-hero--mediaart .mw-hero__origin{
    width:7px;
    height:7px;
    flex-basis:7px;
  }

  .mw-hero--mediaart .mw-hero__statement{
    font-size:clamp(32px,8.8vw,44px);
    line-height:.96;
    letter-spacing:.03em;
  }

  .mw-hero--mediaart .mw-hero__line--1{
    max-width:100%;
  }

  .mw-hero--mediaart .mw-hero__line--2{
    margin-top:.10em;
    transform:translateX(.56em);
  }

  .mw-hero--mediaart .mw-hero__subcopy{
    margin-top:13px;
    margin-left:2.35em;
    max-width:88%;
    font-size:11px;
    line-height:1.72;
    letter-spacing:.065em;
  }

  .mw-hero--mediaart .mw-hero__copy-layer--inverse{
    mix-blend-mode:difference;
    filter:
      drop-shadow(0 0 .3px rgba(255,255,255,.58))
      drop-shadow(0 0 5px rgba(255,255,255,.08));

    -webkit-mask-image:
      linear-gradient(
        180deg,
        transparent 0%,
        rgba(0,0,0,.18) 17%,
        rgba(0,0,0,.88) 31%,
        #000 45%,
        #000 100%);
    mask-image:
      linear-gradient(
        180deg,
        transparent 0%,
        rgba(0,0,0,.18) 17%,
        rgba(0,0,0,.88) 31%,
        #000 45%,
        #000 100%);
  }
}

/* The art still has to work if blending/masking is unavailable.
   Base black typography remains intact and legible on the light field. */
@supports not (mix-blend-mode:difference){
  .mw-hero--mediaart .mw-hero__copy-layer--inverse{
    display:none;
  }
}

/* No decorative motion by default. The effect comes from contact with the image. */
@media (prefers-reduced-motion:reduce){
  .mw-hero--mediaart *,
  .mw-hero--mediaart *::before,
  .mw-hero--mediaart *::after{
    animation:none !important;
    transition:none !important;
  }
}
\n\n/* ==========================================================\n   MONDE PUBLICATION MASTER — HOME PRODUCT GRID / MESSAGE BOARD\n   2026-08-30\n   ========================================================== */\n.mw-products--top{margin-top:2px}\n.mw-message-board{\n  position:relative;\n  overflow:hidden;\n  display:grid;\n  grid-template-columns:minmax(190px,.52fr) minmax(0,1.48fr);\n  gap:48px;\n  align-items:start;\n  margin-top:66px;\n  padding:42px 46px 44px;\n  border-top:1px solid var(--mw-line);\n  border-bottom:1px solid var(--mw-line);\n  background:#faf9f7;\n  color:#111;\n}\n.mw-message-board__circle{\n  position:absolute;\n  width:300px;\n  height:300px;\n  right:-108px;\n  top:-126px;\n  border:1px solid var(--mw-circle-soft);\n  border-radius:50%;\n  pointer-events:none;\n}\n.mw-message-board__meta{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px}\n.mw-message-board__meta small{font-size:10px;letter-spacing:.17em}\n.mw-message-board__meta strong{margin-top:8px;font-size:16px;font-weight:400;letter-spacing:.055em}\n.mw-message-board__meta span{font-size:12px;line-height:1.55}\n.mw-message-board__body{position:relative;z-index:1;max-width:800px}\n.mw-message-board__body h2{margin:0 0 18px;font-size:clamp(24px,2.3vw,36px);font-weight:300;line-height:1.28;letter-spacing:.06em}\n.mw-message-board__text{max-width:680px;font-size:13px;line-height:1.9}\n.mw-message-board__text p{margin:0}\n.mw-message-board__body a{display:inline-flex;align-items:center;gap:12px;margin-top:22px;color:#111;text-decoration:none;font-size:11px;letter-spacing:.08em}\n@media(max-width:749px){\n  .mw-products--top{margin-top:0}\n  .mw-message-board{grid-template-columns:1fr;gap:24px;margin-top:42px;padding:28px 22px 30px}\n  .mw-message-board__circle{width:190px;height:190px;right:-82px;top:-86px}\n  .mw-message-board__meta{gap:5px}\n  .mw-message-board__meta strong{font-size:14px}\n  .mw-message-board__body h2{font-size:23px;margin-bottom:14px}\n  .mw-message-board__text{font-size:12px;line-height:1.78}\n}\n
/* MONDE NEWSBOARD — editorial event/information board
   Works with or without a photograph. */
.mw-newsboard{
  margin-top:clamp(56px,7vw,110px);
  margin-bottom:clamp(64px,8vw,120px);
}

.mw-newsboard__frame{
  position:relative;
  overflow:hidden;
  min-height:330px;
  background:#f5f5f3;
  border-top:1px solid rgba(17,17,17,.14);
  border-bottom:1px solid rgba(17,17,17,.14);
  display:grid;
  grid-template-columns:1fr;
}

.mw-newsboard__content{
  position:relative;
  z-index:2;
  min-height:330px;
  padding:34px 38px 32px;
  display:grid;
  grid-template-columns:minmax(130px,.34fr) minmax(280px,1fr);
  grid-template-rows:auto 1fr auto;
  column-gap:clamp(30px,4vw,80px);
}

.mw-newsboard__kicker{
  grid-column:1;
  grid-row:1;
  display:flex;
  align-items:center;
  gap:14px;
  align-self:start;
  font-size:11px;
  line-height:1;
  letter-spacing:.16em;
}

.mw-newsboard__index{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(17,17,17,.28);
  border-radius:50%;
}

.mw-newsboard__type{
  font-weight:500;
}

.mw-newsboard__main{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  max-width:760px;
}

.mw-newsboard__main h2{
  margin:0;
  font-family:var(--font-heading-family);
  font-weight:300;
  font-size:clamp(34px,4vw,66px);
  line-height:1.02;
  letter-spacing:.025em;
  text-wrap:balance;
}

.mw-newsboard__text{
  margin-top:18px;
  max-width:620px;
  font-size:13px;
  line-height:1.9;
  letter-spacing:.045em;
}

.mw-newsboard__text p{
  margin:0;
}

.mw-newsboard__details{
  grid-column:1 / 3;
  grid-row:3;
  display:flex;
  align-items:flex-end;
  gap:clamp(24px,3vw,56px);
  padding-top:28px;
  border-top:1px solid rgba(17,17,17,.12);
}

.mw-newsboard__detail{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:120px;
}

.mw-newsboard__detail small{
  font-size:9px;
  letter-spacing:.18em;
  opacity:.48;
}

.mw-newsboard__detail span{
  font-size:12px;
  letter-spacing:.05em;
}

.mw-newsboard__detail--place{
  flex:1;
}

.mw-newsboard__link{
  position:absolute;
  right:38px;
  bottom:30px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:11px;
  letter-spacing:.12em;
  text-decoration:none;
  color:inherit;
}

.mw-newsboard__link i{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(17,17,17,.25);
  border-radius:50%;
  font-style:normal;
  transition:transform .25s ease;
}

.mw-newsboard__link:hover i{
  transform:translate(3px,-3px);
}

.mw-newsboard__orbit{
  position:absolute;
  z-index:1;
  display:block;
  border:1px solid rgba(17,17,17,.10);
  border-radius:50%;
  pointer-events:none;
}

.mw-newsboard__orbit--a{
  width:520px;
  height:520px;
  right:-190px;
  top:-260px;
}

.mw-newsboard__orbit--b{
  width:220px;
  height:220px;
  right:145px;
  bottom:-150px;
  border-style:dotted;
  opacity:.72;
}

/* Photo mode */
.mw-newsboard--with-image .mw-newsboard__frame{
  grid-template-columns:minmax(320px,36%) 1fr;
}

.mw-newsboard--with-image .mw-newsboard__media{
  position:relative;
  min-height:390px;
  overflow:hidden;
}

.mw-newsboard--with-image .mw-newsboard__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mw-newsboard--with-image .mw-newsboard__content{
  min-height:390px;
  padding-left:clamp(30px,4vw,64px);
}

.mw-newsboard--with-image .mw-newsboard__orbit--a{
  right:-240px;
}

@media (max-width:989px){
  .mw-newsboard__content{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    padding:26px 24px 26px;
    row-gap:26px;
  }

  .mw-newsboard__kicker{
    grid-column:1;
    grid-row:1;
  }

  .mw-newsboard__main{
    grid-column:1;
    grid-row:2;
  }

  .mw-newsboard__details{
    grid-column:1;
    grid-row:3;
    padding-right:110px;
    flex-wrap:wrap;
  }

  .mw-newsboard--with-image .mw-newsboard__frame{
    grid-template-columns:1fr;
  }

  .mw-newsboard--with-image .mw-newsboard__media{
    min-height:330px;
    max-height:52vw;
  }

  .mw-newsboard--with-image .mw-newsboard__content{
    min-height:360px;
  }
}

@media (max-width:749px){
  .mw-newsboard{
    margin-top:48px;
    margin-bottom:60px;
  }

  .mw-newsboard__frame{
    min-height:0;
  }

  .mw-newsboard__content{
    min-height:0;
    padding:22px 18px 22px;
    row-gap:24px;
  }

  .mw-newsboard__main h2{
    font-size:clamp(30px,9vw,43px);
    line-height:1.04;
  }

  .mw-newsboard__text{
    font-size:11px;
    line-height:1.8;
  }

  .mw-newsboard__details{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px 20px;
    padding-top:20px;
    padding-right:0;
  }

  .mw-newsboard__detail{
    min-width:0;
  }

  .mw-newsboard__detail--place{
    grid-column:1 / -1;
  }

  .mw-newsboard__link{
    position:relative;
    right:auto;
    bottom:auto;
    margin-top:2px;
    justify-self:start;
  }

  .mw-newsboard__orbit--a{
    width:330px;
    height:330px;
    right:-170px;
    top:-130px;
  }

  .mw-newsboard__orbit--b{
    width:150px;
    height:150px;
    right:50px;
    bottom:-90px;
  }

  .mw-newsboard--with-image .mw-newsboard__media{
    min-height:260px;
    max-height:72vw;
  }

  .mw-newsboard--with-image .mw-newsboard__content{
    min-height:0;
    padding:22px 18px 22px;
  }
}

/* ================================================================
   HERO OPENING ANIMATION (additive) - 2026-08-29
      Adds an entrance sequence in front of the approved static
         design. Nothing here changes the resting/final appearance of
            .mw-hero--mediaart; every rule below only takes effect while the
               JS-controlled .mw-hero--intro-run / .mw-hero--intro-play classes
                  are present, and those are removed again once the intro ends.
                     ================================================================ */

                     .mw-hero--mediaart{
                       --mw-intro-duration: 2800ms;
                         --mw-intro-circle-color: rgba(17,17,17,.18);
                           --mw-intro-circle-fill: transparent;
                             --mw-intro-circle-peak: 1;
                             }

                             @keyframes mwHeroImageSettle{
                               0%{ transform:scale(1.045); }
                                 100%{ transform:scale(1); }
                                 }
                                 @keyframes mwHeroCircleIn{
                                   0%{ opacity:0; transform:scale(.16); }
                                     55%{ opacity:1; }
                                       70%{ transform:scale(var(--mw-intro-circle-peak,1)); }
                                         100%{ opacity:1; transform:scale(1); }
                                         }
                                         @keyframes mwHeroInverseIn{
                                           0%{ opacity:0; }
                                             100%{ opacity:1; }
                                             }
                                             @keyframes mwHeroWordIn{
                                               0%{ opacity:0; transform:translateY(.22em); }
                                                 100%{ opacity:1; transform:translateY(0); }
                                                 }
                                                 @keyframes mwHeroFadeUp{
                                                   0%{ opacity:0; transform:translateY(12px); }
                                                     100%{ opacity:1; transform:translateY(0); }
                                                     }

                                                     .mw-hero--mediaart.mw-hero--intro-run .mw-hero__media img{
                                                       transform:scale(1.045);
                                                         transform-origin:center center;
                                                         }
                                                         .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-hero__media img{
                                                           animation:mwHeroImageSettle var(--mw-intro-duration) cubic-bezier(.16,1,.3,1) forwards;
                                                           }

                                                           .mw-hero--mediaart.mw-hero--intro-run .mw-circle{
                                                             opacity:0;
                                                               transform:scale(.16);
                                                                 transform-origin:center center;
                                                                   border-color:var(--mw-intro-circle-color) !important;
                                                                     background:var(--mw-intro-circle-fill);
                                                                     }
                                                                     .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-circle{
                                                                       animation:mwHeroCircleIn calc(var(--mw-intro-duration) * .55) cubic-bezier(.16,1,.3,1) forwards;
                                                                         animation-delay:calc(var(--mw-intro-duration) * .06);
                                                                         }
                                                                         .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-circle--hero-b{
                                                                           animation-delay:calc(var(--mw-intro-duration) * .14);
                                                                           }

                                                                           .mw-hero--mediaart.mw-hero--intro-run .mw-hero__copy-layer--inverse{
                                                                             opacity:0;
                                                                             }
                                                                             .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-hero__copy-layer--inverse{
                                                                               animation:mwHeroInverseIn calc(var(--mw-intro-duration) * .3) ease-out forwards;
                                                                                 animation-delay:calc(var(--mw-intro-duration) * .32);
                                                                                 }

                                                                                 .mw-hero--mediaart.mw-hero--intro-run .mw-hero__word{
                                                                                   display:inline-block;
                                                                                     opacity:0;
                                                                                       transform:translateY(.22em);
                                                                                       }
                                                                                       .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-hero__word{
                                                                                         animation:mwHeroWordIn .5s cubic-bezier(.16,1,.3,1) forwards;
                                                                                           animation-delay:calc(var(--mw-intro-duration) * .24 + (var(--mw-word-index, 0) * 55ms));
                                                                                           }

                                                                                           .mw-hero--mediaart.mw-hero--intro-run .mw-hero__eyebrow,
                                                                                           .mw-hero--mediaart.mw-hero--intro-run .mw-hero__subcopy,
                                                                                           .mw-hero--mediaart.mw-hero--intro-run .mw-hero__side{
                                                                                             opacity:0;
                                                                                               transform:translateY(12px);
                                                                                               }
                                                                                               .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-hero__eyebrow,
                                                                                               .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-hero__subcopy,
                                                                                               .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-hero__side{
                                                                                                 animation:mwHeroFadeUp .55s cubic-bezier(.16,1,.3,1) forwards;
                                                                                                   animation-delay:calc(var(--mw-intro-duration) * .5);
                                                                                                   }
                                                                                                   .mw-hero--mediaart.mw-hero--intro-run.mw-hero--intro-play .mw-hero__side .mw-hero__tile:nth-child(2){
                                                                                                     animation-delay:calc(var(--mw-intro-duration) * .56);
                                                                                                     }

                                                                                                     @media (max-width:749px){
                                                                                                       .mw-hero--mediaart{
                                                                                                           --mw-intro-duration: 2000ms;
                                                                                                             }
                                                                                                             }

                                                                                                             @media (prefers-reduced-motion: reduce){
                                                                                                               .mw-hero--mediaart.mw-hero--intro-run .mw-hero__media img,
                                                                                                                 .mw-hero--mediaart.mw-hero--intro-run .mw-circle,
                                                                                                                   .mw-hero--mediaart.mw-hero--intro-run .mw-hero__copy-layer--inverse,
                                                                                                                     .mw-hero--mediaart.mw-hero--intro-run .mw-hero__word,
                                                                                                                       .mw-hero--mediaart.mw-hero--intro-run .mw-hero__eyebrow,
                                                                                                                         .mw-hero--mediaart.mw-hero--intro-run .mw-hero__subcopy,
                                                                                                                           .mw-hero--mediaart.mw-hero--intro-run .mw-hero__side{
                                                                                                                               animation:none !important;
                                                                                                                                   opacity:1 !important;
                                                                                                                                       transform:none !important;
                                                                                                                                         }
                                                                                                                                         }

                                                                                                                                         .shopify-design-mode .mw-hero--intro-run,
                                                                                                                                         .shopify-design-mode .mw-hero--intro-run *{
                                                                                                                                           animation:none !important;
                                                                                                                                             opacity:1 !important;
                                                                                                                                               transform:none !important;
                                                                                                                                               }