/* Sugarmill's original palette, with the quiet finish of a neighborhood bakery. */
.site-header {
  min-height:108px;
  gap:24px;
  border-bottom-color:#d9d2c5;
}
.site-nav { gap:22px; font-weight:400; }
.site-nav a { color:#304b4e; }
.site-nav .button { background:#166876; color:#fffaf2; border-radius:3px; min-height:46px; padding:11px 18px; }
.site-nav .button:hover { background:#115b67; transform:none; }
.site-nav a:not(.button)::after { height:1px; background:#c4773f; }
.menu-toggle { border-radius:3px; background:#fffefd; border-color:#c4c7bd; }
.mobile-nav { border-color:#d9d2c5; background:#fffefd; }
.mobile-nav a { font-weight:400; border-bottom-color:#e4dfd5; }
.button { border-radius:3px; }
.button:hover,.button:active { transform:none; }
.request-form,.form-result,dialog { border-radius:5px; box-shadow:none; }
.section-note { background:#f4f1e8; border-block:1px solid #e0d9cc; }
.site-footer { border-top:1px solid #d9d2c5; background:#f7f3ea; }
.footer-main h2 { font-size:32px; }
.photo-button,.custom-example,.path-photo { border-radius:2px; }
.photo-button .photo-plus { width:34px; height:34px; border:1px solid #d9d2c5; border-radius:3px; font-size:20px; }
.path-photo img,.photo-button img { transition:transform .35s ease; }
.path-link:hover .path-photo img,.photo-button:hover img { transform:scale(1.015); }
.home-studio { background:#edf3f0; }
.hero-heading h1 { font-size:clamp(50px,5.5vw,78px); }

/* The menu reads like a short printed bakery menu, led by the actual photographs. */
.bakery-menu .page-heading { padding:48px 0 36px; align-items:center; gap:40px; }
.bakery-menu .page-heading h1 { font-size:clamp(42px,4.6vw,64px); max-width:700px; }
.bakery-menu .page-heading>p { max-width:430px; font-size:16px; line-height:1.7; }
.bakery-menu .filter-tabs { gap:28px; margin-bottom:0; border-color:#d6cabb; }
.bakery-menu .filter-tabs button { padding:12px 0; font-size:15px; border-bottom-width:2px; }
.bakery-menu .treat-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 48px; margin-bottom:22px; }
.bakery-menu .treat-card { display:grid; grid-template-columns:156px minmax(0,1fr); grid-template-rows:auto 1fr; gap:10px 24px; padding:28px 0; border-bottom:1px solid #ded7c9; align-items:start; }
.bakery-menu .treat-card .photo-button { grid-row:1/3; height:156px; align-self:start; background:#f1e8da; }
.bakery-menu .treat-card .photo-button img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; }
.bakery-menu .treat-card h2 { align-self:end; margin:0; font-size:28px; line-height:1.15; }
.bakery-menu .treat-card p { margin:0; font-size:15px; line-height:1.6; max-width:330px; }
.bakery-menu .gallery-status { font-size:13px; margin-bottom:24px; }
.bakery-menu .section-note { margin:24px 0; padding:22px 24px; }
.bakery-menu .cookie-shop-invite { margin-bottom:32px; background:#edf3f0; }
.bakery-menu .cookie-shop-invite h2 { font-size:28px; }
.bakery-menu .request-intro h2 { font-size:38px; }
.bakery-menu .secondary-retail { padding:32px 0 44px; }
.bakery-menu .secondary-retail h2 { font-size:30px; }

@media(max-width:1100px) {
  .site-nav { gap:15px; font-size:14px; }
  .bakery-menu .treat-gallery { column-gap:32px; }
  .bakery-menu .treat-card { grid-template-columns:130px minmax(0,1fr); column-gap:18px; }
  .bakery-menu .treat-card .photo-button { height:142px; }
  .bakery-menu .treat-card h2 { font-size:25px; }
}
@media(max-width:760px) {
  .site-header { min-height:92px; }
  .bakery-menu .page-heading { padding:32px 0 24px; display:block; }
  .bakery-menu .page-heading>p { max-width:520px; margin-top:18px; }
  .bakery-menu .treat-gallery { grid-template-columns:1fr; }
  .bakery-menu .treat-card { grid-template-columns:132px minmax(0,1fr); gap:10px 22px; padding:24px 0; }
  .bakery-menu .treat-card .photo-button { height:144px; }
  .bakery-menu .treat-card h2 { font-size:28px; }
  .bakery-menu .section-note { padding:20px; }
  .bakery-menu .cookie-shop-invite h2 { font-size:28px; }
  .hero-heading h1 { font-size:clamp(46px,9.5vw,68px); }
}
@media(max-width:420px) {
  .bakery-menu .page-heading h1 { font-size:44px; }
  .bakery-menu .filter-tabs { gap:22px; }
  .bakery-menu .treat-card { grid-template-columns:112px minmax(0,1fr); column-gap:16px; }
  .bakery-menu .treat-card .photo-button { height:132px; }
  .bakery-menu .treat-card h2 { font-size:25px; }
  .bakery-menu .treat-card p { font-size:14px; }
}
@media(max-width:350px) {
  .bakery-menu .page-heading h1 { font-size:39px; }
  .bakery-menu .treat-card { grid-template-columns:92px minmax(0,1fr); column-gap:14px; }
  .bakery-menu .treat-card .photo-button { height:122px; }
  .bakery-menu .treat-card h2 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
  .path-photo img,.photo-button img { transition:none; }
}