/* The Atelier — original, magazine-grade editorial art direction.
   Bound to #noire-magazine-app; does not change Wix Stores/Blog/Bookings.
   Layout is data-driven; all 40 CMS MagazinePages still supply page text, images and links. */
#noire-magazine-app .nm-ed{--ink:#221914;--paper:#f3ebde;--bronze:#a68257;--hairline:#d3c0a2;color:var(--ink);background:var(--paper);isolation:isolate;overflow:hidden;position:relative;display:flex;flex-direction:column;font-family:'DM Sans',Arial,sans-serif;line-height:1.4;font-size:3cqw;letter-spacing:0;}
#noire-magazine-app .nm-ed *{box-sizing:border-box;min-width:0}
#noire-magazine-app .nm-ed h2,#noire-magazine-app .nm-ed p,#noire-magazine-app .nm-ed figure{margin:0}
#noire-magazine-app .nm-ed h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.048em;line-height:.99;overflow-wrap:normal;hyphens:none;text-wrap:balance}
#noire-magazine-app .nm-ed .nm-ed__image{display:block;position:relative;width:100%;height:100%;object-fit:cover;object-position:center 28%;max-width:none;transform:none;filter:none}
#noire-magazine-app .nm-ed__eyebrow{display:flex;justify-content:space-between;align-items:center;gap:3cqw;color:#a47b50;font:700 2.2cqw/1.2 'DM Sans',Arial,sans-serif;letter-spacing:.135em;text-transform:uppercase;white-space:normal}
#noire-magazine-app .nm-ed__overline{display:block;color:#a17c55;font:700 2.4cqw/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
#noire-magazine-app .nm-ed__dek{font:400 3.1cqw/1.48 'DM Sans',Arial,sans-serif;color:#54493e;text-wrap:pretty;overflow-wrap:break-word;hyphens:none}
#noire-magazine-app .nm-ed__rule{width:12cqw;height:1px;background:#b58a5c;flex:0 0 auto}
#noire-magazine-app .nm-ed__link{display:inline-flex;gap:2.2cqw;align-items:center;align-self:flex-start;margin-top:auto;padding:2.6cqw 0 1.7cqw;border-bottom:1px solid currentColor;color:inherit;background:transparent!important;box-shadow:none!important;text-decoration:none!important;font:800 2.55cqw/1.1 'DM Sans',Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;white-space:normal;position:relative;z-index:25;min-height:6cqw}
#noire-magazine-app .nm-ed__link span{font-size:3.7cqw;font-weight:400;line-height:.55}
#noire-magazine-app .nm-ed__link:hover,#noire-magazine-app .nm-ed__link:focus-visible{color:#a0794b}
#noire-magazine-app .nm-ed__folio{position:absolute;left:6cqw;right:6cqw;bottom:2.3cqw;z-index:24;display:flex;justify-content:space-between;align-items:center;gap:2cqw;font:700 1.9cqw/1.1 'DM Sans',Arial,sans-serif;letter-spacing:.13em;color:#978574;text-transform:uppercase;pointer-events:none;text-shadow:none}

/* A high-fashion full-bleed cover, with protected type zones. */
#noire-magazine-app .nm-ed--cover{background:#090909;color:#fff}
#noire-magazine-app .nm-ed__cover-image,#noire-magazine-app .nm-ed__back-image{position:absolute!important;inset:0;width:100%;height:100%;object-position:62% 20%!important}
#noire-magazine-app .nm-ed__cover-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#030305e9 0%,#0b0808a8 36%,transparent 83%),linear-gradient(0deg,#050406df 0%,transparent 60%)}
#noire-magazine-app .nm-ed__cover-top{position:relative;z-index:1;display:flex;flex-direction:column;padding:6cqw 6.5cqw 1cqw;text-align:left}
#noire-magazine-app .nm-ed__cover-top span:first-child{font-size:3cqw;letter-spacing:.25em;color:#f2d4a2}
#noire-magazine-app .nm-ed__cover-top strong{font:500 18cqw/.80 'Cormorant Garamond',Georgia,serif;letter-spacing:-.065em;text-transform:uppercase;color:#fff}
#noire-magazine-app .nm-ed__cover-top span:last-child{font:700 2.3cqw/1.4 'DM Sans',sans-serif;letter-spacing:.28em;color:#e2c9a0;margin-top:3cqw}
#noire-magazine-app .nm-ed__cover-issue{position:relative;z-index:1;display:flex;justify-content:space-between;gap:4cqw;padding:6cqw 6.5cqw 0;font:700 2.1cqw/1.5 'DM Sans',sans-serif;letter-spacing:.08em;color:#f1d7ad}
#noire-magazine-app .nm-ed__cover-copy{position:relative;z-index:1;margin:auto 6.5cqw 7cqw;max-width:75%;display:flex;flex-direction:column;gap:3cqw}
#noire-magazine-app .nm-ed__cover-line{font:700 2.6cqw 'DM Sans',sans-serif;letter-spacing:.15em;color:#ebc898}
#noire-magazine-app .nm-ed__cover-copy h2{font-size:16cqw;line-height:.86;text-shadow:0 5px 18px #0006;color:#fff}
#noire-magazine-app .nm-ed__cover-copy p{max-width:34ch;font:400 2.9cqw/1.55 'DM Sans',sans-serif;color:#f5e8d7}
#noire-magazine-app .nm-ed--cover .nm-ed__link{color:#ffe0b7;margin-top:1.7cqw}
#noire-magazine-app .nm-ed--cover .nm-ed__folio,#noire-magazine-app .nm-ed--back .nm-ed__folio{color:#dcc6a9}

/* Editorial letter, photo from 0–39%, typography completely below photo. */
#noire-magazine-app .nm-ed--letter{background:#f6efe5}
#noire-magazine-app .nm-ed__letter-image{height:40%;flex:0 0 40%;overflow:hidden}
#noire-magazine-app .nm-ed__letter-image img{object-position:center 40%}
#noire-magazine-app .nm-ed__letter-copy{height:55%;padding:5cqw 7cqw 8cqw;display:flex;flex-direction:column;gap:2.6cqw}
#noire-magazine-app .nm-ed__letter-copy .nm-ed__rule{margin:2cqw 0 0}
#noire-magazine-app .nm-ed__letter-copy h2{font-size:9cqw;max-width:98%}
#noire-magazine-app .nm-ed__signature{font:italic 4cqw 'Cormorant Garamond',Georgia,serif;color:#946e48}

/* Table of contents: magazine hierarchy and clear chapter grid. */
#noire-magazine-app .nm-ed--contents{background:#eae1d4}
#noire-magazine-app .nm-ed__contents-heading{height:31%;padding:7cqw 7cqw 2cqw;display:flex;flex-direction:column;gap:2.4cqw}
#noire-magazine-app .nm-ed__contents-heading>span{font-size:2.4cqw;font-weight:800;letter-spacing:.18em;color:#9a7651}
#noire-magazine-app .nm-ed__contents-heading h2{font-size:12.2cqw;line-height:.83}
#noire-magazine-app .nm-ed__contents-heading p{font-size:2.7cqw;line-height:1.43;color:#625246}
#noire-magazine-app .nm-ed__contents-grid{height:61%;display:grid;grid-template-columns:60% 40%;overflow:hidden}
#noire-magazine-app .nm-ed__contents-links{padding:3cqw 3.5cqw 2cqw 6cqw;display:flex;flex-direction:column;justify-content:space-around}
#noire-magazine-app .nm-ed__contents-links>div{display:grid;grid-template-columns:8cqw 1fr;gap:1cqw;border-bottom:1px solid #cbbba7;padding:3cqw 0}
#noire-magazine-app .nm-ed__contents-links b{font:500 5.8cqw 'Cormorant Garamond',serif;color:#af8455}
#noire-magazine-app .nm-ed__contents-links span{font:800 2.65cqw/1.3 'DM Sans',sans-serif;letter-spacing:.04em;align-self:center}
#noire-magazine-app .nm-ed__contents-photo{overflow:hidden}

/* Three editorial feature treatments for visual rhythm. */
#noire-magazine-app .nm-ed--split{display:grid;grid-template-columns:52% 48%;background:#f5eee3}
#noire-magazine-app .nm-ed__split-photo{height:100%;overflow:hidden}
#noire-magazine-app .nm-ed__split-photo img{object-position:center 28%}
#noire-magazine-app .nm-ed__split-copy{padding:7cqw 5cqw 9cqw;display:flex;flex-direction:column;gap:4cqw}
#noire-magazine-app .nm-ed__split-copy .nm-ed__eyebrow{flex-direction:column;align-items:flex-start;gap:1.7cqw}
#noire-magazine-app .nm-ed__split-copy h2{font-size:8.0cqw;line-height:1.0;overflow-wrap:break-word}
#noire-magazine-app .nm-ed__split-copy .nm-ed__dek{font-size:3cqw}
#noire-magazine-app .nm-ed--vertical{background:#f1e6d8}
#noire-magazine-app .nm-ed__vertical-copy{height:38%;padding:6cqw 7cqw 2cqw;display:flex;flex-direction:column;gap:3cqw}
#noire-magazine-app .nm-ed__vertical-copy h2{font-size:10.5cqw;line-height:.98}
#noire-magazine-app .nm-ed__vertical-copy .nm-ed__dek{font-size:3.15cqw}
#noire-magazine-app .nm-ed__vertical-photo{height:54%;overflow:hidden}
#noire-magazine-app .nm-ed__vertical-bottom{height:8%;padding:1.2cqw 7cqw 4cqw;display:flex;align-items:center;background:#191413;color:#eed1a5}
#noire-magazine-app .nm-ed__vertical-bottom .nm-ed__link{margin:0;padding:0 0 1cqw}
#noire-magazine-app .nm-ed--vertical .nm-ed__folio{color:#e6d1b5}
#noire-magazine-app .nm-ed--poster{background:#1b1714;color:#f5f0e9}
#noire-magazine-app .nm-ed__poster-photo{height:66%;flex:0 0 66%;overflow:hidden}
#noire-magazine-app .nm-ed__poster-copy{height:34%;display:flex;flex-direction:column;gap:2cqw;padding:4.4cqw 7cqw 8cqw;background:#241a17}
#noire-magazine-app .nm-ed__poster-copy h2{font-size:9cqw;color:#f6eee5}
#noire-magazine-app .nm-ed__poster-copy .nm-ed__dek{color:#d3c4b7;font-size:2.85cqw}
#noire-magazine-app .nm-ed--poster .nm-ed__link{color:#e9bd85}
#noire-magazine-app .nm-ed--poster .nm-ed__folio{color:#ddc5a8}

/* Real salon packshots belong to their own image panels: never overlap text. */
#noire-magazine-app .nm-ed--product{background:#f4ecdf}
#noire-magazine-app .nm-ed__product-top{height:26%;padding:5cqw 7cqw 1.5cqw;display:flex;flex-direction:column;gap:2cqw}
#noire-magazine-app .nm-ed__product-top h2{font-size:9.2cqw;line-height:.95}
#noire-magazine-app .nm-ed__product-image{height:48%;flex:0 0 48%;display:flex;flex-direction:column;overflow:hidden;background:#e9d8bf;position:relative;margin:0 6cqw!important;border:1px solid #d5bfa5}
#noire-magazine-app .nm-ed__product-image .nm-ed__image{width:100%;height:100%;object-fit:cover;object-position:center 47%}
#noire-magazine-app .nm-ed__product-image figcaption{position:absolute;bottom:2cqw;left:3cqw;right:3cqw;font:700 2.3cqw 'DM Sans',sans-serif;letter-spacing:.08em;color:#3b2b20;text-transform:uppercase;background:#f5ecdbed;padding:2cqw}
#noire-magazine-app .nm-ed__product-copy{height:26%;padding:3.4cqw 7cqw 7cqw;display:flex;flex-direction:column;gap:2cqw}
#noire-magazine-app .nm-ed__product-copy .nm-ed__dek{font-size:2.7cqw;max-height:9cqw;overflow:hidden}
#noire-magazine-app .nm-ed__product-copy .nm-ed__link{margin-top:1cqw}
#noire-magazine-app .nm-ed__product-copy small{font-size:1.9cqw;color:#76675c;line-height:1.3}

/* Colour analysis page with palette chips beneath a dedicated photo. */
#noire-magazine-app .nm-ed--palette{background:#f1e5d9}
#noire-magazine-app .nm-ed__palette-photo{height:55%;flex:0 0 55%;overflow:hidden}
#noire-magazine-app .nm-ed__palette-copy{height:45%;padding:4cqw 7cqw 8cqw;display:flex;flex-direction:column;gap:2cqw}
#noire-magazine-app .nm-ed__palette-copy h2{font-size:8.9cqw}
#noire-magazine-app .nm-ed__palette-copy .nm-ed__dek{font-size:2.8cqw}
#noire-magazine-app .nm-ed__swatch-row{display:flex;gap:2.5cqw;align-items:center;margin-top:1cqw}
#noire-magazine-app .nm-ed__swatch-row span{width:8cqw;height:8cqw;border-radius:50%;background:var(--sw);border:1px solid #38251b66;box-shadow:0 0 0 1px #fff8}

/* Service, journalism and team layouts. */
#noire-magazine-app .nm-ed--service{background:#eee5d9}
#noire-magazine-app .nm-ed__service-photo{height:56%;flex:0 0 56%;overflow:hidden}
#noire-magazine-app .nm-ed__service-copy{height:44%;padding:4.2cqw 7cqw 8cqw;display:flex;flex-direction:column;gap:2cqw}
#noire-magazine-app .nm-ed__service-copy h2{font-size:8.6cqw}
#noire-magazine-app .nm-ed__service-copy .nm-ed__dek{font-size:2.9cqw}
#noire-magazine-app .nm-ed--story{background:#f5efe6}
#noire-magazine-app .nm-ed__story-photo{height:54%;flex:0 0 54%;overflow:hidden}
#noire-magazine-app .nm-ed__story-copy{height:46%;padding:4.5cqw 7cqw 8cqw;display:flex;flex-direction:column;gap:2.2cqw}
#noire-magazine-app .nm-ed__story-copy h2{font-size:9.3cqw}
#noire-magazine-app .nm-ed__story-copy .nm-ed__dek{font-size:2.8cqw}

/* Narrative closing spread and back cover. */
#noire-magazine-app .nm-ed--closing{background:#e9dbc8}
#noire-magazine-app .nm-ed__closing-photo{height:60%;flex:0 0 60%;overflow:hidden}
#noire-magazine-app .nm-ed__closing-copy{height:40%;padding:4.6cqw 7cqw 8cqw;display:flex;flex-direction:column;gap:2.2cqw}
#noire-magazine-app .nm-ed__closing-copy h2{font-size:9.5cqw}
#noire-magazine-app .nm-ed__closing-copy .nm-ed__dek{font-size:3cqw}
#noire-magazine-app .nm-ed--back{background:#070605;color:white}
#noire-magazine-app .nm-ed__back-copy{position:relative;z-index:1;margin:auto 7cqw 11cqw;max-width:80%;display:flex;flex-direction:column;gap:4cqw}
#noire-magazine-app .nm-ed__back-copy>span{color:#e6c99d;letter-spacing:.25em;font-weight:700;font-size:2.5cqw}
#noire-magazine-app .nm-ed__back-copy h2{font-size:14cqw;color:#fff}
#noire-magazine-app .nm-ed__back-copy p{color:#f1e9dd;font-size:3.1cqw}
#noire-magazine-app .nm-ed--back .nm-ed__link{color:#edcda5}

/* Mobile reader is a page, not a shrunken desktop slide. Avoid CTA/folio collision. */
@media (max-width:900px){
 #noire-magazine-app .nm-ed__link{font-size:3cqw}
 #noire-magazine-app .nm-ed__dek{font-size:3.25cqw}
}
@media (max-width:620px){
 #noire-magazine-app .nm-ed__folio{bottom:2.4cqw;font-size:2.1cqw}
 #noire-magazine-app .nm-ed__link{font-size:3.1cqw;min-height:7cqw}
 #noire-magazine-app .nm-ed__cover-copy{max-width:83%}
 #noire-magazine-app .nm-ed__cover-copy h2{font-size:16.5cqw}
 #noire-magazine-app .nm-ed__product-copy small{font-size:2.1cqw}
}
@media (prefers-reduced-motion:reduce){#noire-magazine-app .nm-ed img{transition:none!important;animation:none!important}}