/* Morris Standard — Discount Delights case study v2.9.60
   Final premium design polish: calmer editorial hierarchy, lighter information design,
   deliberate image moments and consistent desktop/tablet/mobile rhythm. */

/* Page rhythm and type hierarchy */
.msdd-case{
  --msdd-section-space:clamp(4.75rem,7vw,7.25rem);
  --msdd-rule:rgba(7,23,30,.16);
  --msdd-soft-shadow:0 18px 48px rgba(7,23,30,.075);
}
.msdd-kicker{margin-bottom:.8rem;letter-spacing:.12em}
.msdd-case h2{letter-spacing:-.035em}

/* Hero — premium project introduction rather than evidence panel */
.msdd-hero__grid{
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
  gap:clamp(3rem,5.5vw,6.25rem);
  padding:clamp(4.75rem,7vw,7rem) 0 clamp(4.4rem,6vw,6.25rem);
}
.msdd-hero__copy{max-width:760px}
.msdd-hero h1{
  max-width:14ch;
  margin-bottom:1rem;
  font-size:clamp(3.25rem,4.35vw,5.65rem);
  line-height:.92;
}
.msdd-hero__statement{max-width:27ch;font-size:clamp(1.3rem,1.45vw,1.8rem);line-height:1.15}
.msdd-lead{max-width:62ch;font-size:1.04rem;line-height:1.68}
.msdd-file-mark{margin-bottom:.9rem}
.msdd-hero-visual{
  border-color:rgba(255,255,255,.12);
  border-radius:2px;
  box-shadow:0 24px 56px rgba(0,0,0,.22);
}
.msdd-hero-visual figcaption{padding:.9rem 1rem;gap:.8rem}
.msdd-hero-visual figcaption strong{font-size:1.05rem}
.msdd-status-tape{min-height:42px;border-top-width:2px;opacity:.96}

/* Findings — editorial summary, not a dashboard grid */
.msdd-findings{padding:var(--msdd-section-space) 0}
.msdd-findings__head{gap:clamp(2.5rem,5vw,5.5rem);margin-bottom:2.4rem}
.msdd-findings h2{max-width:14ch;font-size:clamp(2.75rem,3.75vw,4.6rem);line-height:.94}
.msdd-findings__grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0 clamp(1.5rem,3vw,3rem);
  border:0;
  border-top:1px solid var(--dd-ink);
}
.msdd-findings__grid li{
  min-height:0;
  padding:1.55rem 0 1.75rem;
  border:0;
  border-bottom:1px solid var(--msdd-rule);
  background:transparent;
}
.msdd-findings__grid span{margin-bottom:1rem;font-size:.61rem}
.msdd-findings__grid strong{max-width:18ch;font-size:1.42rem;line-height:1.1}
.msdd-findings__grid small{max-width:42ch;margin-top:.55rem;font-size:.84rem;line-height:1.55}

/* Order journey — one clean process rail */
.msdd-order{padding:var(--msdd-section-space) 0}
.msdd-order__head{
  grid-template-columns:110px minmax(0,.95fr) minmax(300px,.55fr);
  gap:clamp(1.75rem,4vw,4rem);
  padding-bottom:2.4rem;
  border-bottom:1px solid var(--dd-ink);
}
.msdd-order__index strong{font-size:3.15rem}
.msdd-order h2{max-width:13ch;font-size:clamp(2.8rem,4vw,4.9rem);line-height:.93}
.msdd-order-route{
  position:relative;
  grid-template-columns:repeat(7,minmax(0,1fr));
  border:0;
  border-bottom:1px solid var(--msdd-rule);
}
.msdd-order-route:before{
  content:"";
  position:absolute;
  left:0;right:0;top:2.2rem;
  height:1px;
  background:var(--msdd-rule);
}
.msdd-order-route li{
  min-height:146px;
  padding:1.35rem .95rem 1.5rem;
  border:0;
  background:transparent;
}
.msdd-order-route li:after{top:1.63rem;right:-9px;border:1px solid var(--dd-line);background:#fff}
.msdd-order-route span{
  position:relative;
  z-index:1;
  width:max-content;
  margin-bottom:1.65rem;
  padding-right:.5rem;
  background:#fff;
}
.msdd-order-route strong{margin-bottom:.45rem;font-size:1.38rem}
.msdd-order-route small{font-size:.82rem;line-height:1.48}
.msdd-breakline{margin-top:1.15rem;border-top:0;padding-top:.25rem}

/* Catalogue — editorial copy + board, then one full-width premium image */
.msdd-catalogue{padding:var(--msdd-section-space) 0}
.msdd-catalogue__layout{
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  gap:clamp(2.75rem,5vw,5.5rem);
  align-items:start;
}
.msdd-catalogue__copy{position:static;top:auto}
.msdd-catalogue h2{max-width:14ch;font-size:clamp(2.8rem,3.75vw,4.6rem);line-height:.94}
.msdd-catalogue__copy>p:not(.msdd-kicker){font-size:1rem;line-height:1.68}
.msdd-catalogue blockquote{margin-top:2rem;padding:1rem 0;font-size:1.5rem;border-top:1px solid var(--dd-coral);border-bottom:0}
.msdd-catalogue-board{border-color:var(--msdd-rule)}
.msdd-catalogue-cell{
  min-height:160px;
  padding:1.15rem;
  border-color:var(--msdd-rule);
}
.msdd-catalogue-cell strong{font-size:1.3rem;line-height:1.08}
.msdd-catalogue-cell small{font-size:.73rem}
.msdd-catalogue-cell--f{background:var(--dd-blue-soft);color:var(--dd-ink)}
.msdd-catalogue-cell--f span{color:var(--dd-coral-dark)}
.msdd-catalogue-cell--f small{color:var(--dd-muted)}
.msdd-catalogue__layout > .msdd-story-image--catalogue{
  grid-column:1/-1;
  width:min(100%,1180px);
  max-width:1180px;
  margin:clamp(3rem,5vw,4.5rem) auto 0;
}

/* Premium narrative images — consistent framing and captions */
.msdd-story-image,
.msdd-premium-evidence,
.msdd-hero-visual{
  border-radius:2px;
}
.msdd-story-image{border-color:var(--msdd-rule);box-shadow:var(--msdd-soft-shadow)}
.msdd-story-image figcaption{padding:1rem 1.15rem;gap:clamp(1rem,2.2vw,2.25rem)}
.msdd-story-image figcaption strong{font-size:clamp(1.08rem,1.35vw,1.35rem)}

/* Channels — tighter, wider operating spine, less boxed */
.msdd-channels{padding:var(--msdd-section-space) 0}
.msdd-channels__head{grid-template-columns:.3fr 1fr;gap:2rem;margin-bottom:2.75rem}
.msdd-channels h2{max-width:18ch;font-size:clamp(2.85rem,3.85vw,4.75rem);line-height:.94}
.msdd-channel-board{
  grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);
  border-color:rgba(255,255,255,.14);
}
.msdd-channel{min-height:390px;padding:clamp(1.5rem,2.4vw,2.4rem)}
.msdd-channel h3{max-width:11ch;margin-top:3rem;font-size:clamp(2rem,2.6vw,3rem);line-height:.97}
.msdd-channel ul{margin-top:2rem}
.msdd-channel li{padding:.65rem 0}
.msdd-spine{padding:1.5rem .9rem}
.msdd-spine>span{margin-bottom:1.1rem}

/* Trust — no sticky copy; content first, image as a separate premium beat */
.msdd-trust{padding:var(--msdd-section-space) 0}
.msdd-trust__grid{
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  gap:clamp(2.75rem,5vw,5rem);
}
.msdd-trust header{position:static;top:auto}
.msdd-trust h2{max-width:14ch;font-size:clamp(2.8rem,3.8vw,4.65rem);line-height:.94}
.msdd-trust header>p:not(.msdd-kicker){font-size:1rem}
.msdd-promise-ledger{border-top:1px solid var(--dd-ink)}
.msdd-promise-ledger>div{gap:1.5rem;padding:1.2rem .9rem}
.msdd-promise-ledger strong{font-size:1.35rem}
.msdd-promise-ledger p{font-size:.94rem}
.msdd-trust__grid > .msdd-story-image--operations{
  grid-column:1/-1;
  width:min(100%,1180px);
  max-width:1180px;
  margin:clamp(3rem,5vw,4.5rem) auto 0;
}

/* Customer proof — premium image leads, evidence index becomes quiet navigation */
.msdd-proof{padding:var(--msdd-section-space) 0;background:#eeeae1}
.msdd-premium-evidence{
  grid-template-columns:minmax(300px,.52fr) minmax(0,1.48fr);
  border-color:var(--msdd-rule);
  box-shadow:var(--msdd-soft-shadow);
}
.msdd-premium-evidence__copy.msdd-proof__head{padding:clamp(2rem,3.5vw,3.4rem)}
.msdd-premium-evidence__copy h2{max-width:13ch;font-size:clamp(2.7rem,3.65vw,4.5rem);line-height:.94}
.msdd-premium-evidence__copy>p{font-size:.94rem;line-height:1.66}
.msdd-premium-evidence__index{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem 1rem;
  margin-top:1.8rem;
}
.msdd-premium-evidence__index div,
.msdd-premium-evidence__index div:nth-child(odd),
.msdd-premium-evidence__index div:nth-child(even){
  display:flex;
  align-items:center;
  gap:.4rem;
  padding:0;
  border:0;
}
.msdd-premium-evidence__index dt{font-size:.56rem}
.msdd-premium-evidence__index dd{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.msdd-premium-evidence__visual--customer>img{min-height:520px}
.msdd-premium-evidence__visual--customer figcaption{min-height:70px;padding:.9rem 1rem}

/* Product decision evidence — editorial diagram, not admin UI */
.msdd-decision-proof{margin-top:clamp(4rem,6vw,6rem)}
.msdd-decision-proof__head{gap:1.25rem 3rem;padding-bottom:1.8rem;border-bottom:1px solid var(--msdd-rule)}
.msdd-decision-proof__head h3{font-size:clamp(2.2rem,3vw,3.5rem);line-height:.98}
.msdd-decision-model{
  margin-top:2rem;
  border:1px solid var(--msdd-rule);
  border-radius:2px;
  box-shadow:none;
}
.msdd-decision-model__bar{padding:.65rem .85rem;background:var(--dd-ink);font-size:.61rem}
.msdd-decision-model__identity{padding:1.7rem}
.msdd-decision-model__identity strong{font-size:2.15rem}
.msdd-decision-model__price{padding:1.25rem}
.msdd-decision-model__price strong{font-size:2.5rem}
.msdd-decision-model__signals p{padding:.85rem}
.msdd-decision-model__action{padding:.82rem;background:var(--dd-coral);font-size:.64rem}

/* Proving ground — stronger statement + restrained timeline */
.msdd-proving-ground{padding:var(--msdd-section-space) 0;border-top:2px solid var(--dd-coral)}
.msdd-proving-ground__grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(3rem,6vw,7rem)}
.msdd-proving-ground h2{max-width:17ch;font-size:clamp(2.9rem,3.8vw,4.65rem);line-height:.94}
.msdd-proving-ground__statement>p:not(.msdd-kicker){font-size:1rem}
.msdd-lineage{position:relative;border-top:0;padding-left:1.4rem}
.msdd-lineage:before{content:"";position:absolute;left:4px;top:.65rem;bottom:.65rem;width:1px;background:rgba(7,23,30,.25)}
.msdd-lineage li{position:relative;grid-template-columns:44px 1fr;gap:.85rem;padding:1.05rem 0;border-bottom:1px solid var(--msdd-rule)}
.msdd-lineage li:before{content:"";position:absolute;left:-1.4rem;top:1.42rem;width:9px;height:9px;border-radius:50%;background:var(--dd-coral);box-shadow:0 0 0 4px var(--dd-warm)}
.msdd-lineage strong{font-size:1.4rem}
.msdd-lineage small{font-size:.86rem}

/* Lessons — authoritative but shorter and easier to scan */
.msdd-lessons{padding:clamp(4.5rem,6.5vw,6.5rem) 0}
.msdd-lessons__head{grid-template-columns:.27fr 1fr;gap:2rem;margin-bottom:2.6rem}
.msdd-lessons h2{max-width:16ch;font-size:clamp(2.8rem,3.8vw,4.65rem);line-height:.94}
.msdd-question-stack li{
  grid-template-columns:52px minmax(0,1fr) minmax(260px,.42fr);
  gap:1.5rem;
  padding:1.2rem 0;
}
.msdd-question-stack strong{font-size:clamp(1.45rem,1.8vw,2rem);line-height:1.05}
.msdd-question-stack small{font-size:.9rem;line-height:1.48}

/* Mid Wales — contextual relief, lighter navigation */
.msdd-area{padding:var(--msdd-section-space) 0}
.msdd-area h2{max-width:13ch;font-size:clamp(2.75rem,3.7vw,4.5rem);line-height:.94}
.msdd-area__links{
  gap:1px;
  margin-top:1.25rem;
  border:0;
  background:rgba(7,23,30,.12);
}
.msdd-area__links a{
  min-height:125px;
  padding:1.2rem;
  border:0;
  background:rgba(255,255,255,.6);
}
.msdd-area__links strong{font-size:1.32rem}
.msdd-area__links span{font-size:.64rem}

/* Closing — calm final commercial frame */
.msdd-closing{padding:clamp(4.75rem,6.5vw,6.5rem) 0}
.msdd-closing__grid{
  grid-template-columns:86px minmax(0,1.1fr) minmax(310px,.5fr);
  gap:clamp(2rem,4vw,4rem);
  align-items:center;
}
.msdd-closing__marker{padding:.75rem 0;font-size:.58rem;line-height:1.6}
.msdd-closing h2{max-width:17ch;font-size:clamp(2.85rem,3.85vw,4.65rem);line-height:.94}
.msdd-closing__action p{font-size:1rem;line-height:1.62}

@media(max-width:1200px){
  .msdd-hero__grid{grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);gap:2.75rem}
  .msdd-channel-board{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr)}
  .msdd-channel{min-height:370px}
}

@media(max-width:980px){
  .msdd-hero__grid{grid-template-columns:1fr;gap:2.5rem}
  .msdd-hero__copy{max-width:760px}
  .msdd-findings__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .msdd-order__head{grid-template-columns:100px 1fr}
  .msdd-order__head>p{grid-column:2}
  .msdd-order-route{grid-template-columns:repeat(4,1fr)}
  .msdd-order-route:before{display:none}
  .msdd-order-route li{border-bottom:1px solid var(--msdd-rule)}
  .msdd-order-route li:nth-child(4):after{display:none}
  .msdd-catalogue__layout,.msdd-trust__grid,.msdd-proving-ground__grid{grid-template-columns:1fr}
  .msdd-catalogue__layout > .msdd-story-image--catalogue,
  .msdd-trust__grid > .msdd-story-image--operations{grid-column:1;width:100%;max-width:100%}
  .msdd-channel-board{grid-template-columns:1fr 150px 1fr}
  .msdd-channel{min-height:340px}
  .msdd-premium-evidence{grid-template-columns:1fr}
  .msdd-premium-evidence__visual--customer>img{min-height:0;height:auto;aspect-ratio:3/2}
  .msdd-lessons__head{grid-template-columns:1fr}
  .msdd-question-stack li{grid-template-columns:48px 1fr}
  .msdd-question-stack small{grid-column:2}
  .msdd-closing__grid{grid-template-columns:72px 1fr}
  .msdd-closing__action{grid-column:2}
}

@media(max-width:720px){
  .msdd-case{--msdd-section-space:4rem}
  .msdd-hero__grid{padding:3.8rem 0 3rem}
  .msdd-hero h1{font-size:clamp(3rem,11vw,4.5rem)}
  .msdd-status-tape{font-size:.57rem}
  .msdd-findings__head{grid-template-columns:1fr;gap:1.4rem}
  .msdd-findings__grid{grid-template-columns:1fr}
  .msdd-findings__grid li{padding:1.2rem 0}
  .msdd-order__head{grid-template-columns:1fr;gap:1.25rem}
  .msdd-order__head>p{grid-column:auto}
  .msdd-order-route{grid-template-columns:1fr}
  .msdd-order-route li{grid-template-columns:42px 120px 1fr;min-height:0;padding:1rem 0}
  .msdd-order-route span{margin:0;background:transparent}
  .msdd-order-route li:after{content:"↓";left:14px;right:auto;top:auto;bottom:-10px}
  .msdd-order-route li:nth-child(4):after{display:grid}
  .msdd-catalogue-board{grid-template-columns:1fr 1fr}
  .msdd-catalogue-cell{min-height:145px}
  .msdd-channel-board{grid-template-columns:1fr}
  .msdd-channel{min-height:0}
  .msdd-spine{grid-template-columns:1fr repeat(7,auto)}
  .msdd-premium-evidence__copy.msdd-proof__head{padding:1.75rem 1rem}
  .msdd-premium-evidence__index{gap:.45rem .85rem}
  .msdd-decision-model__content{grid-template-columns:1fr}
  .msdd-decision-model__identity{border-right:0}
  .msdd-decision-model__signals{grid-template-columns:1fr 1fr}
  .msdd-proving-ground__grid{gap:2.5rem}
  .msdd-question-stack li{grid-template-columns:38px 1fr;gap:1rem}
  .msdd-area__grid{grid-template-columns:1fr}
  .msdd-area__links{grid-template-columns:1fr}
  .msdd-closing__grid{grid-template-columns:1fr;gap:1.5rem}
  .msdd-closing__marker{display:none}
  .msdd-closing__action{grid-column:auto}
}