.crate-showcase{background:#f4f0df;color:#153b27;padding:90px 0 35px;overflow:hidden}.crate-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;padding:0 var(--space);align-items:end;margin-bottom:45px}.crate-heading>div:first-child>p{font:500 10px/1.7 Poppins,sans-serif;text-transform:uppercase;letter-spacing:.17em;margin:0 0 25px}.refined-site .crate-heading h2{font:500 clamp(36px,4.8vw,72px)/1.09 Poppins,sans-serif!important;letter-spacing:-.05em!important;max-width:20ch;margin:0!important;color:#153b27!important}.crate-heading>div:last-child>p{font:400 14px/1.9 Poppins,sans-serif;max-width:42ch;margin:0 0 25px}.crate-heading a{display:inline-block;color:inherit;font:500 12px/1.6 Poppins,sans-serif;text-decoration:none;border-bottom:1px solid #153b2770;padding:10px 0}.crate-viewport{overflow-x:auto;scrollbar-width:none;padding:12px var(--space) 25px;overscroll-behavior-x:contain}.crate-viewport::-webkit-scrollbar{display:none}.crate-track{display:flex;gap:25px;width:max-content;position:relative}.crate-card{display:block;width:clamp(280px,31vw,480px);color:#153b27;text-decoration:none;flex-shrink:0}.crate-photo{display:grid;place-items:center;aspect-ratio:1.12;background:#fffdf6;overflow:hidden;position:relative}.crate-photo:after{content:'';position:absolute;inset:15px;border:1px solid #153b270d;pointer-events:none}.crate-photo img{display:block;width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s cubic-bezier(.22,1,.36,1)}.crate-card:nth-child(even){padding-top:40px}.crate-card:hover img{transform:scale(1.055) rotate(-2deg)}.crate-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #153b2730;font:500 15px/1.6 Poppins,sans-serif}.crate-caption small{font:400 10px/1.5 Poppins,sans-serif;letter-spacing:.1em;color:#6b7b5e}.crate-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px var(--space) 0}.crate-bottom>span{display:flex;align-items:center;gap:20px;font:400 9px/1.7 Poppins,sans-serif;letter-spacing:.12em}.crate-bottom i{width:80px;height:1px;background:#153b2750}.crate-bottom button{background:transparent;border:1px solid #153b2750;padding:10px 18px;color:#153b27;font:400 11px/1.5 Poppins,sans-serif;cursor:pointer}.crate-card:focus-visible,.crate-heading a:focus-visible,.crate-bottom button:focus-visible,.crate-viewport:focus-visible{outline:3px solid #bda21b;outline-offset:5px}@media(max-width:700px){.crate-showcase{padding-top:55px}.crate-heading{grid-template-columns:1fr;gap:25px;padding:0 24px;margin-bottom:28px}.refined-site .crate-heading h2{font-size:36px!important;max-width:20ch}.crate-heading>div:last-child>p{font-size:13px;margin-bottom:15px}.crate-viewport{padding-left:24px;padding-right:24px}.crate-track{gap:17px}.crate-card{width:78vw;max-width:380px}.crate-card:nth-child(even){padding-top:25px}.crate-caption{font-size:13px;padding:16px 0}.crate-bottom{padding:15px 24px 0}.crate-bottom>span{font-size:8px;gap:12px}.crate-bottom i{width:28px}html[lang=de] .refined-site .crate-heading h2{font-size:32px!important}}@media(prefers-reduced-motion:reduce){.crate-photo img{transition:none!important;transform:none!important}}

/* Five complete photographs across the desktop frame, two on phones. */
.crate-viewport {
  container-type:inline-size;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:var(--space);
}
.crate-track {gap:20px}
.crate-showcase .crate-card {
  width:calc((100cqw - 80px) / 5);
  max-width:none;
  padding-top:0;
  scroll-snap-align:start;
}
.crate-photo {aspect-ratio:1}
@media (min-width:701px) and (max-width:1100px) {
  .crate-track {gap:18px}
  .crate-showcase .crate-card {width:calc((100cqw - 36px) / 3)}
}
@media (max-width:700px) {
  .crate-viewport {scroll-padding-inline:24px}
  .crate-track {gap:12px}
  .crate-showcase .crate-card {width:calc((100cqw - 12px) / 2)}
  .crate-photo:after {inset:7px}
  .crate-caption {font-size:11px}
  .crate-bottom button {order:-1}
}

.crate-bottom {flex-wrap:wrap;gap:14px}
.crate-controls,.crate-dots {display:flex;align-items:center;gap:8px}
.crate-bottom .crate-controls>button {display:grid;place-items:center;width:44px;height:44px;border-radius:50%;padding:0;font-size:19px}
.crate-bottom .crate-controls>button:hover:not(:disabled) {background:#153b27;color:#fffdf6}
.crate-controls>button:disabled {opacity:.36;cursor:default}
.crate-bottom .crate-dots button {position:relative;width:24px;height:34px;border:0;padding:0}
.crate-dots button::before {content:'';position:absolute;inset:50% auto auto 50%;width:6px;height:6px;border-radius:12px;background:#153b2755;transform:translate(-50%,-50%);transition:width .22s,background .22s}
.crate-dots button[aria-current=true]::before {width:18px;background:#153b27}
.crate-caption {gap:8px;min-height:62px}
@media(max-width:700px) {
  .crate-bottom button {order:0}
  .crate-bottom {justify-content:center}
  .crate-controls,.crate-dots {gap:2px}
}