.krema-hero .mug-hero-copy{background-image:linear-gradient(rgba(246,240,228,.84),rgba(246,240,228,.84)),var(--hero-art,url('/assets/krema/tinley-park-drawing.jpg'));background-position:center;background-size:cover}
.krema-hero .mug-hero-image img{object-position:center}
.krema-story,.krema-news,.krema-process{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.krema-news{background:var(--ochre)}
.krema-process{background:#edf1ef}
.krema-story{background:var(--paper);border-block:1px solid var(--line)}
.krema-story figure,.krema-news figure,.krema-process figure{margin:0;background:var(--ink)}
.krema-story img,.krema-news img,.krema-process img{width:100%;aspect-ratio:4/3;object-fit:cover}
.krema-story figcaption,.krema-news figcaption,.krema-process figcaption{padding:13px 16px;color:var(--cream);font-size:13px}
.krema-collection{background:var(--paper)}
.krema-collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}
.krema-collection-grid a{text-decoration:none;background:var(--cream);border:1px solid var(--line)}
.krema-collection-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}
.krema-collection-grid span{display:block;padding:13px 14px;font-family:var(--serif)}
.article-photo{width:min(960px,86vw);margin:0 auto;padding-top:62px}
.article-photo img{width:100%;max-height:680px;object-fit:cover}
.article-photo figcaption{padding-top:10px;font-size:13px}
.tumbler-gallery{background:var(--paper)}
.tumbler-gallery-heading{max-width:760px;margin-bottom:36px}
.tumbler-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tumbler-gallery figure{margin:0;background:var(--ink)}
.tumbler-gallery img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
.tumbler-gallery figcaption{padding:13px 16px;color:var(--cream);font-size:13px}
.lockport-gallery{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:7vw;align-items:center;background:var(--paper)}
.lockport-gallery-heading{max-width:520px}
.lockport-gallery figure{margin:0;background:var(--ink)}
.lockport-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}
.lockport-gallery figcaption{padding:13px 16px;color:var(--cream);font-size:13px}
.north-aurora-gallery{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:7vw;align-items:center;background:var(--paper)}
.north-aurora-gallery-heading{max-width:520px}
.north-aurora-gallery figure{margin:0;background:var(--ink)}
.north-aurora-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}
.north-aurora-gallery figcaption{padding:13px 16px;color:var(--cream);font-size:13px}
.timeline-section{background:var(--paper);border-block:1px solid var(--line)}
.story-timeline{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:55px 0 0;padding:0;border-top:1px solid var(--line)}
.story-timeline li{position:relative;padding:34px 26px 8px 0}
.story-timeline li::before{content:"";position:absolute;top:-7px;left:0;width:13px;height:13px;border-radius:50%;background:var(--clay);box-shadow:0 0 0 5px var(--paper)}
.story-timeline time{display:block;color:var(--clay);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.story-timeline h3{margin:12px 0;font-size:1.45rem}
.story-timeline p{margin:0;padding-right:14px;font-size:15px;line-height:1.6}
.landmark-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;background:var(--ochre);color:var(--ink)}
.landmark-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(23,59,80,.28)}
.landmark-list article{position:relative;padding:28px 30px 26px 42px;border-bottom:1px solid rgba(23,59,80,.28)}
.landmark-list article:nth-child(odd){border-right:1px solid rgba(23,59,80,.28)}
.landmark-list span{position:absolute;top:31px;left:0;font-size:11px;font-weight:700;letter-spacing:.12em}
.landmark-list h3{margin:0 0 8px;font-size:1.45rem}
.landmark-list p{margin:0;font-size:15px;line-height:1.55}
@media(max-width:850px){.lockport-gallery,.north-aurora-gallery{grid-template-columns:1fr}.lockport-gallery figure,.north-aurora-gallery figure{order:-1}}
@media(max-width:700px){.tumbler-gallery-grid{grid-template-columns:1fr}.tumbler-gallery-heading{margin-bottom:24px}}
@media(max-width:1050px){.story-timeline{grid-template-columns:repeat(3,1fr);row-gap:34px}.story-timeline li:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:850px){.krema-story,.krema-news,.krema-process{grid-template-columns:1fr}.krema-collection-grid{grid-template-columns:1fr 1fr}.krema-hero .mug-hero-image{min-height:520px}.krema-news figure{order:-1}}
@media(max-width:800px){.landmark-section{grid-template-columns:1fr}.story-timeline{grid-template-columns:1fr;margin-top:35px;border-top:0}.story-timeline li,.story-timeline li:nth-child(n+4){padding:18px 0 22px 30px;border-top:0;border-left:1px solid var(--line)}.story-timeline li::before{top:24px;left:-7px}.landmark-list{grid-template-columns:1fr}.landmark-list article:nth-child(odd){border-right:0}}
@media(max-width:520px){.krema-collection-grid{grid-template-columns:1fr 1fr}.krema-hero .mug-hero-image{min-height:460px}}