.about{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(40px,5.5vw,84px);align-items:center;padding-top:92px;padding-bottom:110px}
.about-visual{position:relative;isolation:isolate;margin:12px 0 12px 10px}
.photo-paper{position:absolute;inset:-13px 14px -10px -16px;border-radius:36px 36px 100px 24px;background:#ffe49b;transform:rotate(-3deg);z-index:-1}
.team-photo{overflow:hidden;border-radius:30px 26px 100px 22px;position:relative;background:#efdda9}
.team-photo img{width:100%;height:auto;aspect-ratio:1.38;object-fit:cover;object-position:46% center}
.about-cheese-dot{position:absolute;right:-18px;bottom:16px;width:65px;height:65px;border:11px solid var(--paper);border-radius:50%;background:var(--yellow)}
.section-kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin-bottom:22px}
.about-copy .display-heading{font-size:clamp(34px,3.7vw,53px);line-height:1.18;margin-bottom:28px}
.about-copy>p:not(.section-kicker){font-size:18px;line-height:1.65;max-width:460px}
.about-copy>p+p{margin-top:16px}
.about-copy .about-signoff{font-family:'Comfortaa','Trebuchet MS',sans-serif;font-size:18px;font-weight:700;line-height:1.45;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}
.assortment{background:#fff0cc;padding:76px 0 64px;position:relative}
.assortment-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:44px}
.assortment-heading .display-heading{font-size:clamp(37px,4.5vw,62px)}
.assortment-heading>p{font-size:17px;line-height:1.6;padding-bottom:4px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.catalog-item{background:var(--paper);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.catalog-image{aspect-ratio:1.2;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;isolation:isolate}
.catalog-image:before{content:'';position:absolute;width:76%;height:78%;border-radius:50%;background:#f5db91;z-index:-1;left:13%;top:16%}
.butter-surface:before{background:#ffe5a9;border-radius:46% 54% 42% 58%;transform:rotate(-12deg)}
.curd-surface:before{background:#f1dfbd}
.catalog-image img{width:96%;height:96%;object-fit:contain;position:absolute;inset:2%;transition:transform .35s ease}
.catalog-copy{padding:20px 28px 28px;flex:1;display:flex;flex-direction:column}
.catalog-copy h3{font-family:'Comfortaa','Trebuchet MS',sans-serif;font-size:23px;line-height:1.3;letter-spacing:-.045em;font-weight:700;color:var(--display);margin-bottom:15px}
.catalog-copy>p{font-size:16px;line-height:1.65;margin-bottom:25px;flex:1}
.product-specs{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:18px}
.product-specs div{flex:1}
.product-specs dt{font-size:12px;line-height:1.5;margin-bottom:3px}
.product-specs dd{font-size:19px;font-weight:550;line-height:1.4}
.assortment-note{text-align:center;margin-top:32px;font-size:16px;line-height:1.7}
.save-contact{justify-content:center}
.site-nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.brand-divider{display:inline-block;flex:none;width:1em;height:1em;object-fit:contain;vertical-align:middle}
.hero-location{align-items:center}
.hero-location .brand-divider{width:21px;height:21px}
.company-location{display:flex;align-items:center;gap:12px}
.company-location .brand-divider{width:12px;height:12px}
.location{padding-bottom:0}
.location .map-frame{border-bottom:0;border-radius:18px 18px 0 0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.catalog-item:hover .catalog-image img{transform:translateY(-5px) rotate(-1deg)}}
@media(max-width:1100px){.header-inner{gap:22px}.site-nav{gap:17px}.about{gap:40px;padding-top:72px;padding-bottom:84px}.about-copy>p:not(.section-kicker){font-size:16px}.about-copy .display-heading{font-size:37px}.catalog-grid{gap:18px}.catalog-copy{padding:18px 22px 24px}.catalog-copy h3{font-size:20px}.catalog-copy>p{font-size:15px}.assortment-heading .display-heading{font-size:44px}.assortment-heading>p{font-size:15px}}
@media(max-width:780px){.about{grid-template-columns:1fr;gap:42px;padding-top:55px;padding-bottom:65px}.about-visual{width:min(580px,100% - 10px);margin-inline:auto}.team-photo img{aspect-ratio:1.5;object-position:center}.about-copy{max-width:580px;margin-inline:auto;width:100%}.about-copy .display-heading{font-size:44px}.about-copy .display-heading br{display:none}.about-copy>p:not(.section-kicker){font-size:17px;max-width:none}.about-copy .about-signoff{max-width:400px;font-size:17px}.assortment{padding:58px 0 52px}.assortment-heading{display:block;margin-bottom:30px}.assortment-heading .display-heading{font-size:42px}.assortment-heading>p{margin-top:16px;font-size:16px}.assortment-heading>p br{display:none}.catalog-grid{gap:14px}.catalog-copy{padding:16px}.catalog-copy h3{font-size:17px}.catalog-copy>p{font-size:14px}.product-specs{gap:12px}.product-specs dd{font-size:16px}.assortment-note{font-size:15px}.location .map-frame{border-radius:14px 14px 0 0}}
@media(max-width:600px){.catalog-grid{grid-template-columns:1fr;max-width:440px;margin-inline:auto;gap:24px}.catalog-image{aspect-ratio:1.55}.catalog-image:before{height:88%;width:62%;left:19%;top:8%}.catalog-image img{inset:-5% 4%;width:92%;height:110%}.catalog-copy{padding:15px 25px 26px}.catalog-copy h3{font-size:23px;margin-bottom:12px}.catalog-copy>p{font-size:16px;margin-bottom:20px}.product-specs{max-width:280px;padding-top:15px;gap:30px}.product-specs dt{font-size:12px}.product-specs dd{font-size:18px}}
@media(max-width:480px){.header-inner{gap:14px}.brand img{width:72px;height:58px}.site-nav{font-size:12px;gap:12px}.about{padding-top:40px;padding-bottom:50px;gap:34px}.about-visual{width:calc(100% - 12px)}.photo-paper{inset:-10px 8px -8px -10px;border-radius:24px 24px 70px 16px}.team-photo{border-radius:22px 22px 70px 16px}.team-photo img{aspect-ratio:1.22;object-position:center 35%}.about-cheese-dot{width:46px;height:46px;border-width:8px;right:-10px;bottom:10px}.section-kicker{font-size:11px;margin-bottom:17px}.about-copy .display-heading{font-size:clamp(29px,8vw,37px);margin-bottom:22px}.about-copy>p:not(.section-kicker){font-size:16px;line-height:1.7}.about-copy .about-signoff{font-size:16px;line-height:1.55;margin-top:23px;padding-top:18px}.assortment{padding:44px 0}.assortment-heading .display-heading{font-size:clamp(29px,8vw,37px)}.assortment-heading>p{font-size:15px;line-height:1.65;margin-top:15px;max-width:310px}.catalog-copy{padding:16px 22px 24px}.catalog-copy h3{font-size:22px}.catalog-copy>p{font-size:15px}.assortment-note{font-size:14px;max-width:280px;margin:27px auto 0}.location .map-frame{border-radius:12px 12px 0 0}}
@media(max-width:480px){.site-nav .nav-location{display:none}}
.location{padding-bottom:40px}
.location .map-frame{border:1px solid rgba(112,95,48,.2);border-radius:18px}
.company-note{display:flex;justify-content:space-between;align-items:start;gap:40px;padding-top:26px;padding-bottom:40px;border-top:1px solid var(--line);font-size:13px;line-height:1.7}
.company-note-name{flex-shrink:0}
.company-note-name p{font-weight:600;font-size:16px;margin-bottom:4px}
.company-note-name span{font-size:12px}
.company-note-terms{max-width:450px}
@media(max-width:780px){.team-photo img{aspect-ratio:1.54;object-position:center}.location{padding-bottom:32px}.company-note{gap:24px}.company-note-terms{max-width:360px}}
@media(max-width:480px){.team-photo img{aspect-ratio:1.35;object-position:47% center}.location .map-frame{border-radius:12px}.company-note{display:block;padding-top:22px;padding-bottom:32px;font-size:12px}.company-note-terms{margin-top:14px}}
/* The centred heading leads into an asymmetric story and a square photo slot. */
.about{display:block;padding-top:76px;padding-bottom:100px;text-align:center}
.about-header{max-width:760px;margin:0 auto}
.about-header .company-location{justify-content:center;margin-bottom:20px}
.about-header .display-heading{font-size:clamp(42px,5vw,68px);line-height:1.15}
.about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:'lead visual' 'copy visual';column-gap:clamp(48px,6vw,88px);row-gap:28px;max-width:1100px;margin:64px auto 0;text-align:left}
.about-lead{grid-area:lead;align-self:end;font-family:'Comfortaa','Trebuchet MS',sans-serif;font-size:clamp(30px,3.25vw,42px);font-weight:700;line-height:1.3;letter-spacing:-.045em;color:var(--display);text-wrap:balance}
.about .about-visual{grid-area:visual;align-self:center;width:100%;aspect-ratio:1;margin:0;background:#eedcb4}
.about .about-copy{grid-area:copy;align-self:start;width:100%;max-width:none;margin:0}
.about .about-copy>p{max-width:none;font-size:18px;line-height:1.75}
.about .about-copy>p+p{margin-top:20px}
@media(max-width:1100px){.about .about-copy>p{font-size:17px}}
@media(max-width:780px){.about{padding-top:66px;padding-bottom:74px}.about-story{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:'lead' 'visual' 'copy';max-width:540px;margin-top:44px;gap:30px}.about-lead{font-size:34px;max-width:480px}.about .about-copy>p{font-size:17px}}
@media(max-width:480px){.about{padding-top:62px;padding-bottom:56px}.about-header .section-kicker{font-size:10px;gap:11px;margin-bottom:16px}.about-header .display-heading{font-size:36px}.about-story{margin-top:36px;gap:26px}.about-lead{font-size:clamp(27px,7.2vw,33px);line-height:1.35}.about .about-copy>p{font-size:16px;line-height:1.75}.about .about-copy>p+p{margin-top:18px}}
@media print{.about,.assortment{display:none}}
