/* N-Scent Showcase 1.1.0 — intentionally scoped; no theme/header/body overrides. */
.nscf-showcase {
  --nscf-bg:#fbf8f3; --nscf-heading:#003e32; --nscf-text:#40554c; --nscf-accent:#8e681e;
  --nscf-button-bg:#003e32; --nscf-button-text:#fffaf2; --nscf-button-hover:#075747;
  --nscf-hl-bg:#00392d; --nscf-hl-text:#fffaf2; --nscf-hl-accent:#d6b572;
  --nscf-cols:4; --nscf-mobile-cols:1; --nscf-gap:24px; --nscf-radius:5px;
  --nscf-max:1440px; --nscf-pt:64px; --nscf-pb:64px; --nscf-px:28px;
  --nscf-title-font:Georgia,serif; --nscf-body-font:inherit; --nscf-weight:400;
  --nscf-title-size:58px; --nscf-card-title-size:28px; --nscf-body-size:16px; --nscf-hl-height:440px;
  box-sizing:border-box; width:100%; margin:0; padding:var(--nscf-pt) var(--nscf-px) var(--nscf-pb);
  background:var(--nscf-bg); color:var(--nscf-text); font-family:var(--nscf-body-font);
  font-size:var(--nscf-body-size); font-weight:400; line-height:1.6; text-align:left;
  container-name:nscf-showcase; container-type:inline-size; isolation:isolate;
}
.nscf-showcase *, .nscf-showcase *::before, .nscf-showcase *::after { box-sizing:border-box; }
.nscf-showcase .nscf-inner { width:100%; max-width:var(--nscf-max); margin:0 auto; padding:0; }
.nscf-showcase .nscf-section-header { display:flex; justify-content:space-between; align-items:center; gap:32px; margin:0 0 32px; padding:0; }
.nscf-showcase .nscf-section-copy { min-width:0; }
.nscf-showcase .nscf-eyebrow, .nscf-showcase .nscf-family { font-family:var(--nscf-body-font); color:var(--nscf-accent); font-size:12px; font-weight:400; line-height:1.65; letter-spacing:.21em; text-transform:uppercase; margin:0 0 8px; padding:0; }
.nscf-showcase .nscf-eyebrow { margin-bottom:10px; }
.nscf-showcase .nscf-heading { font-family:var(--nscf-title-font); font-size:clamp(26px,4.1vw,var(--nscf-title-size)); font-weight:var(--nscf-weight); font-style:normal; line-height:1.12; letter-spacing:-.035em; text-transform:none; margin:0 0 13px; padding:0; color:var(--nscf-heading); overflow-wrap:anywhere; }
.nscf-showcase .nscf-intro { margin:0; padding:0; font-family:var(--nscf-body-font); font-size:calc(var(--nscf-body-size) + 2px); line-height:1.65; font-weight:400; color:var(--nscf-text); max-width:760px; }
.nscf-showcase .nscf-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:16px 25px; margin:0; min-height:52px; border:1px solid transparent; border-radius:var(--nscf-radius); background:var(--nscf-button-bg); color:var(--nscf-button-text); box-shadow:none; font-family:var(--nscf-title-font); font-size:calc(var(--nscf-body-size) + 1px); font-weight:400; line-height:1.45; text-transform:none; letter-spacing:0; text-decoration:none; cursor:pointer; transition:background .2s ease,transform .2s ease; white-space:normal; text-align:center; max-width:100%; }
.nscf-showcase .nscf-all { flex-shrink:0; max-width:36%; }
.nscf-showcase .nscf-button:hover { background:var(--nscf-button-hover); color:var(--nscf-button-text); text-decoration:none; box-shadow:none; }
.nscf-showcase .nscf-arrow { display:inline-block; flex:0 0 24px; width:24px; height:24px; color:var(--nscf-accent); transition:transform .2s ease; }
.nscf-showcase .nscf-button .nscf-arrow { color:var(--nscf-hl-accent); }
.nscf-showcase .nscf-button:hover .nscf-arrow, .nscf-showcase .nscf-text-link:hover .nscf-arrow { transform:translateX(3px); }
.nscf-showcase .nscf-grid { display:grid; grid-template-columns:repeat(var(--nscf-cols), minmax(0,1fr)); column-gap:var(--nscf-gap); row-gap:42px; margin:0; padding:0; }
.nscf-showcase .nscf-card { min-width:0; display:flex; flex-direction:column; background:transparent; border:0; border-radius:0; box-shadow:none; padding:0; margin:0; }
.nscf-showcase .nscf-photo { position:relative; overflow:hidden; aspect-ratio:1; background:#eee9e1; border-radius:var(--nscf-radius); padding:0; margin:0; }
.nscf-showcase .nscf-ratio-portrait .nscf-photo { aspect-ratio:4/5; }
.nscf-showcase .nscf-ratio-landscape .nscf-photo { aspect-ratio:4/3; }
.nscf-showcase .nscf-photo-link { position:relative; display:block; width:100%; height:100%; min-height:0; border:0; border-radius:0; background:none; color:inherit; padding:0; margin:0; box-shadow:none; line-height:0; text-decoration:none; }
.nscf-showcase button.nscf-photo-link, .nscf-showcase a.nscf-photo-link { cursor:pointer; }
.nscf-showcase .nscf-photo-link:hover { background:none; box-shadow:none; }
.nscf-showcase .nscf-card-image { display:block; width:100%; height:100%; max-width:none; max-height:none; margin:0; border:0; border-radius:0; object-fit:cover; transition:transform .45s ease; }
.nscf-showcase .nscf-fit-contain .nscf-card-image { object-fit:contain; }
.nscf-showcase a.nscf-photo-link:hover .nscf-card-image, .nscf-showcase button.nscf-photo-link:hover .nscf-card-image { transform:scale(1.035); }
.nscf-showcase .nscf-card-copy { display:flex; flex-direction:column; flex:1; align-items:flex-start; min-width:0; padding:21px 6px 0; }
.nscf-showcase .nscf-brand { font-family:var(--nscf-body-font); font-weight:500; font-size:12px; letter-spacing:.08em; line-height:1.5; color:var(--nscf-text); text-transform:uppercase; margin:0 0 7px; padding:0; overflow-wrap:anywhere; }
.nscf-showcase .nscf-family { font-size:11px; margin:0 0 8px; overflow-wrap:anywhere; }
.nscf-showcase .nscf-card-title { font-family:var(--nscf-title-font); font-weight:var(--nscf-weight); font-style:normal; color:var(--nscf-heading); font-size:var(--nscf-card-title-size); letter-spacing:-.025em; line-height:1.2; text-transform:none; margin:0 0 9px; padding:0; overflow-wrap:anywhere; }
.nscf-showcase .nscf-notes { font-family:var(--nscf-body-font); font-size:calc(var(--nscf-body-size) - 1px); line-height:1.6; font-weight:400; letter-spacing:0; color:var(--nscf-text); margin:0 0 15px; padding:0; overflow-wrap:anywhere; }
.nscf-showcase .nscf-text-link { display:inline-flex; align-items:center; justify-content:flex-start; gap:16px; border:0; border-radius:0; background:none; color:var(--nscf-heading); padding:4px 0; margin:auto 0 0; font-family:var(--nscf-title-font); font-size:var(--nscf-body-size); font-weight:400; line-height:1.5; text-transform:none; letter-spacing:0; text-decoration:none; box-shadow:none; cursor:pointer; text-align:left; max-width:100%; }
.nscf-showcase .nscf-text-link:hover { color:var(--nscf-accent); background:none; box-shadow:none; text-decoration:none; }
.nscf-showcase .nscf-image-placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:120px; background:linear-gradient(135deg,#e8ebe4,#f5eee1); color:var(--nscf-heading); letter-spacing:.2em; font-family:Georgia,serif; font-size:16px; font-weight:400; }
.nscf-showcase .nscf-demo-note { margin:30px 0 0; padding:0; font-family:var(--nscf-body-font); color:var(--nscf-text); font-size:11px; font-weight:400; line-height:1.65; letter-spacing:.03em; text-align:center; opacity:.85; }
.nscf-showcase .nscf-highlight { position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:stretch; min-height:var(--nscf-hl-height); background:var(--nscf-hl-bg); color:var(--nscf-hl-text); border:0; border-radius:var(--nscf-radius); overflow:hidden; }
.nscf-showcase .nscf-highlight-after-grid { margin-top:56px; }
.nscf-showcase .nscf-highlight-photo { position:relative; min-width:0; min-height:100%; overflow:hidden; }
.nscf-showcase .nscf-highlight-image { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; margin:0; padding:0; border:0; border-radius:0; }
.nscf-showcase .nscf-highlight-copy { position:relative; min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; padding:52px clamp(28px,4vw,64px); }
.nscf-showcase .nscf-highlight .nscf-eyebrow { color:var(--nscf-hl-accent); font-size:11px; margin:0 0 16px; }
.nscf-showcase .nscf-highlight-brand { color:var(--nscf-hl-text); opacity:.86; font-family:var(--nscf-body-font); font-weight:400; font-size:12px; letter-spacing:.1em; text-transform:uppercase; margin:0 0 6px; }
.nscf-showcase .nscf-highlight-title { font-family:var(--nscf-title-font); font-size:clamp(28px,3.6vw,52px); line-height:1.12; font-weight:var(--nscf-weight); font-style:normal; text-transform:none; letter-spacing:-.035em; color:var(--nscf-hl-text); margin:0 0 20px; padding:0; overflow-wrap:anywhere; }
.nscf-showcase .nscf-highlight-description { font-size:var(--nscf-body-size); font-weight:400; line-height:1.8; font-family:var(--nscf-body-font); color:var(--nscf-hl-text); opacity:.9; margin:0 0 18px; max-width:540px; overflow-wrap:anywhere; }
.nscf-showcase .nscf-highlight-description p { font:inherit; color:inherit; padding:0; margin:0 0 12px; }
.nscf-showcase .nscf-highlight-description p:last-child { margin-bottom:0; }
.nscf-showcase .nscf-highlight-notes { color:var(--nscf-hl-accent); font-family:var(--nscf-body-font); font-size:13px; font-weight:400; line-height:1.7; margin:0 0 24px; padding:0; overflow-wrap:anywhere; }
.nscf-showcase .nscf-highlight-button { background:var(--nscf-hl-accent); color:var(--nscf-hl-bg); border-color:var(--nscf-hl-accent); }
.nscf-showcase .nscf-highlight-button .nscf-arrow { color:currentColor; }
.nscf-showcase .nscf-highlight-button:hover { background:var(--nscf-hl-text); border-color:var(--nscf-hl-text); color:var(--nscf-hl-bg); }
.nscf-showcase .nscf-highlight-split.nscf-image-right .nscf-highlight-photo { order:2; }
.nscf-showcase .nscf-highlight-cover { grid-template-columns:1fr; }
.nscf-showcase .nscf-highlight-cover .nscf-highlight-photo { position:absolute; inset:0; }
.nscf-showcase .nscf-highlight-cover .nscf-highlight-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,30,23,.96) 0%,rgba(0,30,23,.86) 35%,rgba(0,30,23,.30) 70%,rgba(0,30,23,.12)); }
.nscf-showcase .nscf-highlight-cover .nscf-highlight-copy { width:60%; max-width:800px; }
.nscf-showcase .nscf-highlight-cover.nscf-image-right .nscf-highlight-photo::after { background:linear-gradient(270deg,rgba(0,30,23,.96) 0%,rgba(0,30,23,.86) 35%,rgba(0,30,23,.30) 70%,rgba(0,30,23,.12)); }
.nscf-showcase .nscf-highlight-cover.nscf-image-right .nscf-highlight-copy { margin-left:auto; }
.nscf-showcase .nscf-dialog { position:fixed; inset:0; margin:auto; padding:0; width:min(920px,calc(100% - 40px)); max-width:920px; max-height:calc(100dvh - 48px); border:0; border-radius:var(--nscf-radius); background:var(--nscf-bg); color:var(--nscf-text); box-shadow:0 20px 90px #001d2466; font-family:var(--nscf-body-font); font-size:var(--nscf-body-size); overflow:auto; }
.nscf-showcase .nscf-dialog:not([open]) { display:none; }
.nscf-showcase .nscf-dialog::backdrop { background:rgba(0,22,18,.7); backdrop-filter:blur(4px); }
.nscf-showcase .nscf-dialog-layout { display:grid; grid-template-columns:1fr 1fr; min-width:0; }
.nscf-showcase .nscf-dialog-photo { position:relative; min-height:420px; overflow:hidden; }
.nscf-showcase .nscf-dialog-image { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; border:0; padding:0; margin:0; }
.nscf-showcase .nscf-dialog-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:54px 36px 40px; }
.nscf-showcase .nscf-dialog-title { font-family:var(--nscf-title-font); font-size:38px; font-weight:var(--nscf-weight); line-height:1.15; letter-spacing:-.03em; text-transform:none; color:var(--nscf-heading); margin:4px 0 20px; padding:0; overflow-wrap:anywhere; }
.nscf-showcase .nscf-dialog-notes { font-family:var(--nscf-body-font); font-size:14px; line-height:1.65; color:var(--nscf-accent); margin:0 0 18px; padding:0; }
.nscf-showcase .nscf-dialog-description { font-family:var(--nscf-body-font); line-height:1.75; color:var(--nscf-text); font-size:var(--nscf-body-size); overflow-wrap:anywhere; }
.nscf-showcase .nscf-dialog-description p { font:inherit; color:inherit; padding:0; margin:0 0 14px; }
.nscf-showcase .nscf-dialog-copy .nscf-demo-note { text-align:left; margin-top:20px; }
.nscf-showcase .nscf-close { display:flex; align-items:center; justify-content:center; position:absolute; z-index:3; top:12px; right:12px; width:40px; height:40px; min-width:40px; padding:0; margin:0; border:1px solid #d8dfd8; border-radius:50%; background:var(--nscf-bg); color:var(--nscf-heading); font:400 28px/1 Arial,sans-serif; box-shadow:none; cursor:pointer; }
.nscf-showcase .nscf-close:hover { background:var(--nscf-heading); color:var(--nscf-bg); }
.nscf-showcase :is(a,button):focus-visible { outline:2px solid var(--nscf-accent); outline-offset:4px; }
.nscf-showcase .nscf-photo-link:focus-visible { outline-offset:-5px; }
.nscf-showcase .nscf-dialog.nscf-fallback { display:block; z-index:2147483000; height:max-content; max-height:85vh; box-shadow:0 0 0 100vmax rgba(0,22,18,.75); }
@media (max-width:1024px) {
  .nscf-showcase .nscf-grid { grid-template-columns:repeat(min(var(--nscf-cols),2),minmax(0,1fr)); }
}
@container nscf-showcase (max-width:950px) {
  .nscf-showcase .nscf-grid { grid-template-columns:repeat(min(var(--nscf-cols),2),minmax(0,1fr)); }
  .nscf-showcase .nscf-heading { font-size:min(var(--nscf-title-size),44px); }
  .nscf-showcase .nscf-highlight-copy { padding:36px 28px; }
  .nscf-showcase .nscf-highlight-title { font-size:38px; }
}
@media (max-width:640px) {
  .nscf-showcase { padding-left:min(var(--nscf-px),20px); padding-right:min(var(--nscf-px),20px); }
  .nscf-showcase .nscf-section-header { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:25px; }
  .nscf-showcase .nscf-all { max-width:100%; font-size:16px; }
  .nscf-showcase .nscf-grid { grid-template-columns:repeat(var(--nscf-mobile-cols),minmax(0,1fr)); gap:32px min(var(--nscf-gap),16px); }
  .nscf-showcase .nscf-heading { font-size:min(var(--nscf-title-size),36px); }
  .nscf-showcase .nscf-intro { font-size:var(--nscf-body-size); }
  .nscf-showcase .nscf-card-copy { padding:17px 0 0; }
  .nscf-showcase .nscf-card-title { font-size:min(var(--nscf-card-title-size),27px); }
  .nscf-showcase .nscf-notes { font-size:14px; }
  .nscf-showcase .nscf-family { font-size:10px; letter-spacing:.15em; }
  .nscf-showcase .nscf-highlight { display:flex; flex-direction:column; min-height:0; }
  .nscf-showcase .nscf-highlight-after-grid { margin-top:36px; }
  .nscf-showcase .nscf-highlight .nscf-highlight-photo { position:relative; inset:auto; min-height:0; aspect-ratio:4/3; width:100%; order:0; }
  .nscf-showcase .nscf-highlight .nscf-highlight-photo::after { display:none; }
  .nscf-showcase .nscf-highlight .nscf-highlight-copy { padding:32px 25px; width:100%; max-width:none; }
  .nscf-showcase .nscf-highlight-title { font-size:34px; }
  .nscf-showcase .nscf-dialog { width:calc(100% - 24px); max-height:calc(100dvh - 24px); }
  .nscf-showcase .nscf-dialog-layout { grid-template-columns:1fr; }
  .nscf-showcase .nscf-dialog-photo { min-height:0; aspect-ratio:4/3; }
  .nscf-showcase .nscf-dialog-copy { padding:26px; }
  .nscf-showcase .nscf-dialog-title { font-size:32px; }
}
@container nscf-showcase (max-width:600px) {
  .nscf-showcase .nscf-section-header { align-items:flex-start; flex-direction:column; gap:20px; margin-bottom:25px; }
  .nscf-showcase .nscf-all { max-width:100%; }
  .nscf-showcase .nscf-grid { grid-template-columns:repeat(var(--nscf-mobile-cols),minmax(0,1fr)); gap:32px min(var(--nscf-gap),16px); }
  .nscf-showcase .nscf-heading { font-size:min(var(--nscf-title-size),36px); }
  .nscf-showcase .nscf-highlight { display:flex; flex-direction:column; min-height:0; }
  .nscf-showcase .nscf-highlight .nscf-highlight-photo { position:relative; inset:auto; min-height:0; aspect-ratio:4/3; width:100%; order:0; }
  .nscf-showcase .nscf-highlight .nscf-highlight-photo::after { display:none; }
  .nscf-showcase .nscf-highlight .nscf-highlight-copy { padding:32px 25px; width:100%; max-width:none; }
}
@media (prefers-reduced-motion:reduce) {
  .nscf-showcase .nscf-card-image, .nscf-showcase .nscf-arrow, .nscf-showcase .nscf-button { transition:none; transform:none !important; }
}
@media (forced-colors:active) {
  .nscf-showcase .nscf-button, .nscf-showcase .nscf-photo-link { border:1px solid ButtonText; }
}

/* v1.1.0 — editorial finish. Existing colour, font, spacing and grid controls remain authoritative. */
.nscf-showcase .nscf-card-number { display:none; }
.nscf-showcase.nscf-style-editorial .nscf-card { transition:transform .5s ease; }
.nscf-showcase.nscf-style-editorial .nscf-photo { box-shadow:0 10px 26px rgba(0,40,30,.055); }
.nscf-showcase.nscf-style-editorial .nscf-photo::after { content:""; position:absolute; inset:10px; z-index:1; pointer-events:none; border:1px solid rgba(214,181,114,.44); border-radius:max(0px,calc(var(--nscf-radius) - 2px)); opacity:.45; transition:opacity .5s ease; }
.nscf-showcase.nscf-style-editorial .nscf-card-number { position:absolute; z-index:2; top:20px; right:20px; display:flex; align-items:center; justify-content:center; min-width:32px; height:30px; padding:0 7px; background:var(--nscf-hl-bg); color:var(--nscf-hl-accent); font-family:var(--nscf-body-font); font-size:10px; font-weight:400; letter-spacing:.13em; line-height:1; pointer-events:none; }
.nscf-showcase.nscf-style-editorial .nscf-card-image { transition:transform .85s cubic-bezier(.2,.7,.25,1); }
.nscf-showcase.nscf-style-editorial .nscf-card-copy { position:relative; padding-top:28px; }
.nscf-showcase.nscf-style-editorial .nscf-card-copy::before { content:""; position:absolute; left:6px; top:13px; width:28px; height:1px; background:var(--nscf-accent); opacity:.6; transition:width .45s ease; }
.nscf-showcase.nscf-style-editorial .nscf-text-link { gap:22px; }
.nscf-showcase.nscf-style-editorial .nscf-highlight::after { content:""; position:absolute; inset:14px; z-index:1; border:1px solid rgba(214,181,114,.35); border-radius:max(0px,calc(var(--nscf-radius) - 2px)); pointer-events:none; }
.nscf-showcase.nscf-style-editorial .nscf-highlight-copy::after { content:""; position:absolute; width:240px; height:240px; top:-125px; right:-80px; border:1px solid var(--nscf-hl-accent); border-radius:50%; opacity:.2; pointer-events:none; }
@media (hover:hover) and (pointer:fine) {
  .nscf-showcase.nscf-style-editorial .nscf-card:hover { transform:translateY(-3px); }
  .nscf-showcase.nscf-style-editorial .nscf-card:hover .nscf-card-image { transform:scale(1.035); }
  .nscf-showcase.nscf-style-editorial .nscf-card:hover .nscf-photo::after { opacity:.85; }
  .nscf-showcase.nscf-style-editorial .nscf-card:hover .nscf-card-copy::before { width:48px; }
}

/* The expanded scent profile is available in both presentation modes. */
.nscf-showcase .nscf-dialog { width:min(1060px,calc(100% - 40px)); max-width:1060px; max-height:calc(100dvh - 48px); overflow:hidden; border:1px solid rgba(142,104,30,.26); box-shadow:0 30px 100px rgba(0,25,20,.32); }
.nscf-showcase .nscf-dialog-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr); max-height:calc(100dvh - 50px); align-items:stretch; }
.nscf-showcase .nscf-dialog-photo { min-width:0; min-height:480px; }
.nscf-showcase .nscf-dialog-photo::after { content:""; position:absolute; inset:16px; border:1px solid rgba(214,181,114,.4); pointer-events:none; }
.nscf-showcase .nscf-dialog-photo .nscf-image-placeholder { position:absolute; inset:0; }
.nscf-showcase .nscf-dialog-copy { display:block; padding:38px 38px 30px; max-height:calc(100dvh - 50px); min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--nscf-accent) transparent; }
.nscf-showcase .nscf-dialog-eyebrow { font-size:10px; letter-spacing:.2em; margin:0 30px 18px 0; }
.nscf-showcase .nscf-dialog-title { font-size:44px; line-height:1.1; margin:0 20px 12px 0; outline:none; }
.nscf-showcase .nscf-dialog-copy > .nscf-family { margin-bottom:20px; font-size:10px; letter-spacing:.16em; }
.nscf-showcase .nscf-dialog-description { font-size:calc(var(--nscf-body-size) - 1px); line-height:1.8; }
.nscf-showcase .nscf-dialog-description p:last-child { margin-bottom:0; }
.nscf-showcase .nscf-olfactive { margin:24px 0 0; padding:19px 0 0; border:0; border-top:1px solid rgba(142,104,30,.22); background:transparent; }
.nscf-showcase .nscf-profile-heading { color:var(--nscf-heading); font-family:var(--nscf-body-font); font-size:11px; font-weight:500; line-height:1.5; letter-spacing:.07em; text-transform:uppercase; margin:0 0 13px; padding:0; }
.nscf-showcase .nscf-olfactive > .nscf-profile-heading { font-family:var(--nscf-title-font); font-size:23px; font-weight:var(--nscf-weight); line-height:1.25; letter-spacing:-.015em; text-transform:none; margin:0 0 12px; }
.nscf-showcase .nscf-note-levels { padding:0; margin:0; }
.nscf-showcase .nscf-note-level { display:grid; grid-template-columns:minmax(100px,35%) minmax(0,1fr); align-items:start; gap:12px; margin:0; padding:12px 0; border-bottom:1px solid rgba(142,104,30,.14); }
.nscf-showcase .nscf-note-level dt { display:flex; align-items:baseline; gap:12px; margin:0; padding:0; color:var(--nscf-text); font-family:var(--nscf-body-font); font-size:12px; font-weight:400; line-height:1.6; text-transform:none; overflow-wrap:anywhere; }
.nscf-showcase .nscf-note-number { flex-shrink:0; font-size:10px; letter-spacing:.05em; color:var(--nscf-accent); }
.nscf-showcase .nscf-note-level dd { margin:0; padding:0; color:var(--nscf-heading); font-family:var(--nscf-body-font); font-size:13px; font-weight:400; line-height:1.6; overflow-wrap:anywhere; }
.nscf-showcase .nscf-product-specs { display:flex; flex-wrap:wrap; gap:20px 36px; margin:20px 0 0; padding:0; }
.nscf-showcase .nscf-product-specs > div { min-width:0; }
.nscf-showcase .nscf-product-specs dt { font-family:var(--nscf-body-font); font-size:10px; font-weight:400; color:var(--nscf-accent); letter-spacing:.05em; line-height:1.5; margin:0 0 5px; padding:0; }
.nscf-showcase .nscf-product-specs dd { font-family:var(--nscf-body-font); font-size:13px; font-weight:400; color:var(--nscf-heading); line-height:1.6; margin:0; padding:0; overflow-wrap:anywhere; }
.nscf-showcase .nscf-notes-notice { font-family:var(--nscf-body-font); font-size:11px; font-weight:400; line-height:1.65; color:var(--nscf-text); padding:0; margin:15px 0 0; opacity:.86; overflow-wrap:anywhere; }
.nscf-showcase .nscf-composition { margin:20px 0 0; padding:0; background:transparent; border:0; border-top:1px solid rgba(142,104,30,.22); border-bottom:1px solid rgba(142,104,30,.22); }
.nscf-showcase .nscf-composition > summary { display:flex; align-items:center; justify-content:space-between; gap:15px; list-style:none; color:var(--nscf-heading); background:transparent; font-family:var(--nscf-body-font); font-size:12px; font-weight:500; line-height:1.6; padding:14px 0; margin:0; border:0; cursor:pointer; }
.nscf-showcase .nscf-composition > summary::-webkit-details-marker { display:none; }
.nscf-showcase .nscf-composition > summary::marker { content:""; }
.nscf-showcase .nscf-details-mark { display:block; flex-shrink:0; color:var(--nscf-accent); font:400 22px/1 Arial,sans-serif; transition:transform .2s ease; }
.nscf-showcase .nscf-composition[open] .nscf-details-mark { transform:rotate(45deg); }
.nscf-showcase .nscf-composition-content { padding:3px 0 18px; }
.nscf-showcase .nscf-composition-content .nscf-profile-heading { margin:10px 0 7px; font-size:10px; }
.nscf-showcase .nscf-ingredient-text { font-family:var(--nscf-body-font); color:var(--nscf-text); font-size:12px; font-weight:400; line-height:1.75; overflow-wrap:anywhere; }
.nscf-showcase .nscf-ingredient-text p { font:inherit; color:inherit; padding:0; margin:0 0 12px; }
.nscf-showcase .nscf-ingredient-text p:last-child { margin-bottom:0; }
.nscf-showcase .nscf-sheet-link { margin-top:12px; font-size:14px; }
.nscf-showcase .nscf-dialog-actions { display:flex; flex-wrap:wrap; gap:10px; margin:25px 0 0; padding:0; }
.nscf-showcase .nscf-dialog-actions .nscf-button { flex:1 1 170px; min-width:0; min-height:48px; padding:13px 16px; font-family:var(--nscf-body-font); font-size:12px; font-weight:400; gap:12px; }
.nscf-showcase .nscf-dialog-actions .nscf-arrow { width:18px; height:18px; flex-basis:18px; }
.nscf-showcase .nscf-button-outline { border-color:var(--nscf-accent); color:var(--nscf-heading); background:transparent; }
.nscf-showcase .nscf-button-outline .nscf-arrow { color:var(--nscf-accent); }
.nscf-showcase .nscf-button-outline:hover { background:var(--nscf-heading); color:var(--nscf-button-text); border-color:var(--nscf-heading); }
.nscf-showcase .nscf-button-outline:hover .nscf-arrow { color:var(--nscf-hl-accent); }
.nscf-showcase .nscf-dialog-actions .nscf-dialog-detail { flex-basis:100%; border-color:transparent; min-height:40px; padding:9px 12px; }
.nscf-showcase .nscf-dialog-copy .nscf-demo-note { margin:14px 0 0; text-align:left; font-size:10px; }
.nscf-showcase .nscf-close { top:12px; right:12px; width:36px; min-width:36px; height:36px; font-size:24px; border-color:rgba(142,104,30,.24); }
.nscf-showcase summary:focus-visible { outline:2px solid var(--nscf-accent); outline-offset:4px; }
@media (min-width:641px) and (max-width:850px) {
  .nscf-showcase .nscf-dialog-layout { grid-template-columns:minmax(0,.7fr) minmax(0,1fr); }
  .nscf-showcase .nscf-dialog-copy { padding:35px 24px 26px; }
}
@media (max-width:640px) {
  .nscf-showcase.nscf-style-editorial .nscf-card-copy { padding-top:26px; }
  .nscf-showcase.nscf-style-editorial .nscf-card-copy::before { left:0; }
  .nscf-showcase.nscf-style-editorial .nscf-highlight::after { inset:10px; }
  .nscf-showcase .nscf-dialog { width:calc(100% - 20px); max-height:calc(100dvh - 20px); }
  .nscf-showcase .nscf-dialog-layout { display:block; max-height:calc(100dvh - 22px); overflow:auto; overscroll-behavior:contain; }
  .nscf-showcase .nscf-dialog-photo { min-height:0; height:clamp(140px,30dvh,220px); aspect-ratio:auto; }
  .nscf-showcase .nscf-dialog-photo::after { inset:12px; }
  .nscf-showcase .nscf-dialog-copy { max-height:none; overflow:visible; padding:26px 23px 24px; }
  .nscf-showcase .nscf-dialog-title { font-size:36px; }
  .nscf-showcase .nscf-dialog-eyebrow { margin-bottom:13px; }
  .nscf-showcase .nscf-dialog-actions { gap:9px; }
  .nscf-showcase .nscf-dialog-actions .nscf-button { flex-basis:100%; }
  .nscf-showcase .nscf-note-level { grid-template-columns:minmax(92px,36%) minmax(0,1fr); gap:8px; }
  .nscf-showcase .nscf-note-level dt { gap:8px; }
  .nscf-showcase .nscf-note-level dd { font-size:12px; }
  .nscf-showcase .nscf-close { top:9px; right:9px; width:40px; height:40px; }
}
@media (prefers-reduced-motion:reduce) {
  .nscf-showcase.nscf-style-editorial .nscf-card,
  .nscf-showcase.nscf-style-editorial .nscf-card-image,
  .nscf-showcase.nscf-style-editorial .nscf-photo::after,
  .nscf-showcase.nscf-style-editorial .nscf-card-copy::before,
  .nscf-showcase .nscf-details-mark { transition:none; }
  .nscf-showcase.nscf-style-editorial .nscf-card:hover,
  .nscf-showcase.nscf-style-editorial .nscf-card:hover .nscf-card-image { transform:none; }
}