.applications{background:#f5f6f5;padding:96px 0 62px}
.applications-heading{max-width:820px;margin-bottom:48px}
.applications-heading h2{margin:20px 0 24px;font-size:52px;line-height:1.18}
.applications-lead{font-size:17px;color:var(--muted);max-width:620px}
.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
.application-card{display:block;width:100%;text-align:left;padding:0;border-radius:6px;min-width:0}
.application-picture{display:block;aspect-ratio:1;overflow:hidden;border-radius:6px;background:#eceeec}
.application-picture img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.application-card:hover .application-picture img{transform:scale(1.045)}
.application-label{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:8px 14px;align-items:center;padding:18px 2px 0}
.application-name{font-size:20px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.application-ingredients{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.6;margin-top:6px}
.application-plus{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e5e9e5;color:var(--green);transition:background .2s,color .2s}
.application-card:hover .application-plus{background:var(--green);color:white}
.applications-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:40px}
#application-dialog{width:calc(100% - 40px);max-width:1040px;padding:0;overflow:auto;overscroll-behavior:contain}
.application-detail{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
#application-image{width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain;background:#f4f5f4}
.application-detail-copy{padding:52px 36px 34px;min-width:0}
.application-detail-copy h2{font-size:32px;line-height:1.25;overflow-wrap:anywhere}
.application-detail-copy h3{font-size:12px;margin-top:24px;font-weight:500;color:var(--muted)}
.application-detail-copy .eyebrow{font-size:10px;color:#8c7444;margin-top:0}
#application-note{font-size:11px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;margin-bottom:0}
#application-formats{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px}
.application-format-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;border-bottom:1px solid #acb8ae;font-size:13px}
.application-format-link:hover{color:var(--red)}
.application-close{position:absolute;z-index:1;right:12px;top:12px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:white;box-shadow:0 1px 6px #0001}
.application-close:hover{background:#e5e9e5}
@media(max-width:1050px){.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-detail-copy{padding-inline:26px}.application-detail-copy h2{font-size:28px}.header nav{gap:16px}}
@media(max-width:720px){.applications{padding:66px 0 44px}.applications-heading{margin-bottom:30px}.applications-heading h2{font-size:36px}.applications-lead{font-size:14px}.application-grid{grid-template-columns:minmax(0,1fr);gap:30px}.application-name{font-size:21px}.application-label{padding-top:16px}.applications-note{font-size:11px;margin-top:32px}.application-detail{display:block}.application-detail-copy{padding:24px}.application-detail-copy h2{font-size:27px}#application-dialog{width:calc(100% - 24px)}#application-image{max-height:44svh}#application-description{font-size:13px}}
@media(prefers-reduced-motion:reduce){.application-card:hover .application-picture img{transform:none}}