:root{
  --steel:#e8eef0;
  --steel-dark:#b8c7cc;
  --panel:#f7fbfb;
  --ink:#132025;
  --muted:#627178;
  --freezer:#2f74b7;
  --parsley:#3f8b5b;
  --plum:#6d385f;
  --acid:#d6d84a;
  --rule:#cfdadd;
  --shadow:rgba(19,32,37,.12);
}

*{box-sizing:border-box}

body{
  margin:0;
  background:linear-gradient(90deg,var(--steel) 0,var(--steel) 18px,#eef4f5 18px,#eef4f5 36px);
  color:var(--ink);
  font-family:Verdana,Geneva,sans-serif;
  font-size:16px;
  line-height:1.55;
}

a{color:inherit}

.fresh-site,
.article-walkin{
  width:min(1180px,calc(100% - 28px));
  margin:0 auto;
  padding:24px 0 64px;
}

.cold-door{
  position:relative;
  min-height:520px;
  padding:54px clamp(22px,5vw,76px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:3px solid var(--steel-dark);
  border-radius:28px 28px 12px 12px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(247,251,251,.94)),
    repeating-linear-gradient(90deg,transparent 0,transparent 62px,rgba(47,116,183,.08) 62px,rgba(47,116,183,.08) 64px);
  box-shadow:0 28px 70px var(--shadow), inset 0 0 0 10px rgba(255,255,255,.42);
  overflow:hidden;
}

.cold-door:before{
  content:"";
  position:absolute;
  top:22px;
  right:28px;
  width:96px;
  height:22px;
  border-radius:999px;
  background:var(--acid);
  box-shadow:0 0 0 7px rgba(214,216,74,.25);
}

.cold-door__seal{
  position:absolute;
  top:34px;
  left:28px;
  display:flex;
  gap:7px;
}

.cold-door__seal span,
.age-band span{
  display:block;
  width:9px;
  height:46px;
  border-radius:8px;
  background:var(--freezer);
}

.cold-door__seal span:nth-child(even),
.age-band span:nth-child(even){height:26px;background:var(--parsley)}
.cold-door__seal span:nth-child(5),
.age-band span:nth-child(5){height:36px;background:var(--plum)}

.kicker,
.section-label,
.sensor-title,
.lot-tag time,
.lot-tag__foot,
.article-meta{
  margin:0;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.76rem;
  color:var(--muted);
}

.cold-door h1{
  margin:.08em 0 .12em;
  max-width:850px;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;
  font-weight:900;
  line-height:.86;
  letter-spacing:.005em;
  font-size:clamp(4.4rem,14vw,11.8rem);
  text-transform:uppercase;
}

.dek{
  max-width:760px;
  margin:0;
  font-size:clamp(1.05rem,2vw,1.45rem);
  color:#2c3c42;
}

.byline{
  margin:28px 0 0;
  color:var(--muted);
}

.spoilage-premise,
.cadence-bins,
.inspection-bay,
.featured-quarantine,
.rotation-rules,
.recent-lots{
  margin-top:18px;
  border:1px solid var(--rule);
  background:rgba(247,251,251,.92);
  box-shadow:0 14px 38px rgba(19,32,37,.08);
}

.spoilage-premise{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:20px;
  padding:28px;
}

.spoilage-premise h2,
.cadence-bins h2,
.inspection-bay h2,
.featured-quarantine h2,
.rotation-rules h2,
.archive-head h2{
  margin:.35rem 0 0;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.015em;
  line-height:.98;
}

.spoilage-premise h2{font-size:clamp(2.1rem,5vw,4.7rem)}
.cadence-bins h2,.inspection-bay h2,.featured-quarantine h2,.rotation-rules h2,.archive-head h2{font-size:clamp(1.8rem,3.8vw,3.4rem)}

.premise-meter{
  align-self:stretch;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:10px;
  border-left:8px solid var(--freezer);
  background:linear-gradient(90deg,rgba(47,116,183,.08),transparent);
}

.premise-meter span{
  display:block;
  padding:11px 14px;
  border:1px solid var(--rule);
  background:white;
  font-weight:700;
  text-transform:uppercase;
  font-size:.84rem;
}

.cadence-bins,
.rotation-rules{padding:28px}

.chip-bin{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}

.chip-bin a,
.chip-bin span{
  display:inline-block;
  padding:9px 13px 10px;
  border:1px solid var(--steel-dark);
  border-radius:0 16px 16px 0;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  font-weight:700;
  box-shadow:inset 7px 0 0 var(--freezer);
}

.inspection-bay{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);
  gap:24px;
  padding:28px;
  background:linear-gradient(135deg,rgba(109,56,95,.1),rgba(247,251,251,.96) 38%);
}

.inspection-list{
  list-style:none;
  display:grid;
  gap:10px;
  padding:0;
  margin:0;
}

.inspection-list li{
  padding:16px;
  border:1px solid var(--rule);
  background:white;
}

.inspection-list strong{display:block;font-size:1.05rem}
.inspection-list span{display:block;color:var(--muted);margin-top:3px}

.featured-quarantine{
  padding:36px clamp(24px,6vw,84px);
  border-left:14px solid var(--plum);
}

.featured-quarantine p:last-child{
  max-width:850px;
  margin:18px 0 0;
  font-size:1.08rem;
}

.rule-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:20px;
}

.rule-row article{
  min-height:150px;
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid var(--rule);
  background:#fff;
}

.rule-row span{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  color:var(--freezer);
  font-weight:800;
}

.rule-row p{margin:16px 0 0;font-weight:700}

.recent-lots{padding:28px}
.archive-head{display:flex;align-items:end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--rule);padding-bottom:18px}

.lot-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:18px;
}

.lot-tag{min-width:0}

.lot-tag__link{
  position:relative;
  min-height:310px;
  display:flex;
  flex-direction:column;
  padding:18px;
  text-decoration:none;
  background:var(--panel);
  border:1px solid var(--steel-dark);
  border-top:10px solid var(--freezer);
  overflow:hidden;
  transition:transform .16s ease,box-shadow .16s ease;
}

.lot-tag__link:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 36px rgba(19,32,37,.13);
}

.lot-tag__head,
.lot-tag__foot{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}

.chill-seal{
  padding:4px 7px;
  border:1px solid rgba(63,139,91,.45);
  color:var(--parsley);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.age-band{
  display:flex;
  gap:5px;
  align-items:flex-end;
  height:52px;
  margin:20px 0 6px;
}

.age-band span{width:7px;height:38px;border-radius:7px 7px 0 0}

.lot-tag h3{
  margin:10px 0 0;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;
  font-size:2.05rem;
  line-height:.98;
  letter-spacing:.01em;
  text-transform:uppercase;
}

.lot-tag p{
  margin:14px 0 22px;
  color:#35464c;
}

.lot-tag__foot{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid var(--rule);
  color:var(--muted);
}

.article-cold-strip{
  padding:24px clamp(20px,5vw,64px) 30px;
  border:2px solid var(--steel-dark);
  border-top:16px solid var(--freezer);
  background:rgba(247,251,251,.96);
  box-shadow:0 20px 50px rgba(19,32,37,.1);
}

.article-nav{margin-bottom:22px}
.article-nav a{text-decoration:none;font-weight:800;color:var(--freezer)}

.article-cold-strip h1{
  max-width:940px;
  margin:.18em 0 .18em;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;
  font-size:clamp(3rem,8vw,7.6rem);
  line-height:.9;
  text-transform:uppercase;
  letter-spacing:.01em;
}

.walkin-frame{
  display:grid;
  grid-template-columns:190px minmax(0,720px) 230px;
  gap:18px;
  align-items:start;
  margin-top:18px;
}

.spoilage-sensors,
.rotation-order,
.article-body{
  border:1px solid var(--rule);
  background:rgba(247,251,251,.96);
}

.spoilage-sensors,
.rotation-order{
  position:sticky;
  top:14px;
  padding:16px;
}

.spoilage-sensors ol{
  margin:14px 0 0;
  padding:0;
  list-style:none;
  counter-reset:sensor;
}

.spoilage-sensors li{
  counter-increment:sensor;
  padding:10px 0;
  border-bottom:1px solid var(--rule);
  font-weight:700;
  font-size:.88rem;
}

.spoilage-sensors li:before{
  content:"0" counter(sensor) " ";
  color:var(--freezer);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}

.order-card{
  display:grid;
  gap:9px;
  margin-top:14px;
}

.order-card span{
  display:block;
  padding:10px;
  background:white;
  border-left:6px solid var(--parsley);
  font-size:.88rem;
  font-weight:700;
}

.article-body{
  padding:clamp(24px,5vw,58px);
  font-size:1.05rem;
  box-shadow:0 16px 42px rgba(19,32,37,.08);
}

.article-body h2,
.article-body h3{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Narrow",sans-serif;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.012em;
  margin:2rem 0 .7rem;
}

.article-body h2{font-size:2.35rem}
.article-body h3{font-size:1.65rem}
.article-body p{margin:0 0 1.1rem}
.article-body ul,.article-body ol{padding-left:1.25rem}
.article-body blockquote{
  margin:1.6rem 0;
  padding:18px 20px;
  border-left:10px solid var(--acid);
  background:#fff;
  font-weight:700;
}

@media (max-width:940px){
  .spoilage-premise,
  .inspection-bay,
  .walkin-frame{grid-template-columns:1fr}
  .lot-grid,.rule-row{grid-template-columns:1fr 1fr}
  .spoilage-sensors,.rotation-order{position:static}
}

@media (max-width:640px){
  .fresh-site,.article-walkin{width:min(100% - 18px,1180px);padding-top:9px}
  .cold-door{min-height:430px;border-radius:20px 20px 10px 10px;padding:34px 20px}
  .lot-grid,.rule-row{grid-template-columns:1fr}
  .archive-head{display:block}
  .article-body{padding:22px}
}