/* Author: codex | Model: gpt-6-astra | Updated: 2026-09-06 */
:root { --accent:#ac512d; --accent-dark:#873b20; }
.august-home, .business-page, .recipe-search-page, .recipe-article { --red:var(--accent); --sage:var(--accent); }
.home-service__label, .august-feature-card__meta, .recipe-meta span { color:var(--accent); }
.home-service__link, .business-page .pill-button.light, .recipe-search-page .filter-list button.is-selected, .recipe-search-page .recipe-sort select { background:var(--accent); border-color:var(--accent); color:#fff; }
.home-service__link { padding:16px 22px; border-radius:4px; }
.home-service__link span:last-child { border-color:rgba(255,255,255,.55); }
.business-page .pill-button.light:hover, .home-service__link:hover { background:var(--accent-dark); }
.home-service__photo, .business-service__photo { padding:0; border:0; background:#fff; border-radius:4px; }
.home-service__photo img, .business-service__photo img { border-radius:inherit; }
.home-service:nth-child(even) .home-service__photo, .business-service:nth-child(even) .business-service__photo { border-radius:4px; }
.august-home .august-profile__inner { position:relative; grid-template-columns:1.1fr .9fr; gap:0; }
.august-home .august-profile__photo { width:112%; }
.august-home .august-profile__copy { position:relative; z-index:1; margin:100px 0 0 -40px; width:calc(100% + 40px); padding:52px; border:1px solid var(--line); border-radius:28px; background:var(--paper); box-shadow:0 24px 70px rgba(64,49,34,.1); }
.august-home .august-profile__role { margin-top:28px; color:#282624; }
.august-home .contact { position:relative; isolation:isolate; background:#243b31 url('../images/hero/mariko-table-background-2026.jpg') center 60%/cover no-repeat; color:#fff; }
.august-home .contact::before { content:''; position:absolute; inset:0; background:rgba(17,32,25,.72); z-index:-1; }
.august-home .contact .contact-script { display:none; }
.august-home .contact .section-number, .august-home .contact h2, .august-home .contact > p { color:#fff; }
.august-home .contact .contact-button { color:#fff; border-color:#fff; background:transparent; }
.august-home .contact .contact-button:hover { color:#243b31; background:#fff; }
.recipe-search-page .recipe-section { padding-top:145px; }
.recipe-search-page .section-heading { align-items:end; }
.recipe-search-page .section-heading h1 { font:400 clamp(28px,3vw,43px)/1.8 var(--serif); letter-spacing:.04em; }
.recipe-search-page .search-field input { font-size:17px; }
.recipe-search-page .search-field { min-height:64px; padding:18px 22px; }
.recipe-search-page .recipe-copy > p { font-size:13px; line-height:1.9; }
.recipe-search-page .filter-list button { font-size:14px; }
.recipe-search-page .recipe-tags button { font-size:13px; min-height:44px; }
.recipe-search-page .recipe-tags button span { color:var(--accent); }
.recipe-search-page .recipe-card a:focus-visible, .august-feature-card a:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.recipe-article { color:#282624; background:#fff; padding:130px clamp(24px,8vw,120px) 100px; }
.recipe-article__inner { max-width:1140px; margin:auto; }
.recipe-article__header { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; margin:40px 0 60px; }
.recipe-article__header img { width:100%; aspect-ratio:1; object-fit:cover; }
.recipe-article h1 { font:400 clamp(28px,3vw,43px)/1.7 var(--serif); margin:24px 0; text-wrap:balance; }
.recipe-article__intro { font-size:15px; line-height:2; }
.recipe-article__category { color:var(--accent); font-size:13px; }
.recipe-article__toc { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.recipe-article__toc a { padding:12px 20px; border:1px solid var(--accent); border-radius:28px; font-size:14px; color:var(--accent); }
.recipe-article__body { max-width:800px; margin:auto; }
.recipe-article__body section { scroll-margin-top:110px; padding:48px 0; border-top:1px solid #d5ded8; }
.recipe-article h2 { font:400 28px/1.6 var(--serif); margin-bottom:24px; }
.recipe-article__body p, .recipe-article__body li { font-size:16px; line-height:2; }
.recipe-ingredients { list-style:none; padding:28px; background:#f1f5ef; }
.recipe-ingredients li { border-bottom:1px solid #d5ded8; padding:10px 0; white-space:pre-wrap; }
.recipe-preparation { padding-left:24px; list-style:disc; }
.recipe-steps { padding-left:28px; list-style:decimal; }
.recipe-steps li { padding:0 0 24px 12px; white-space:pre-line; }
.recipe-steps li::marker { color:var(--accent); font-weight:600; }
.recipe-points { padding-left:24px; list-style:disc; }
.recipe-points li { padding-bottom:18px; }
.recipe-article__footer { display:flex; flex-wrap:wrap; gap:28px; border-top:1px solid #d5ded8; padding-top:32px; margin-top:32px; font-size:14px; }
.recipe-article__footer a { text-decoration:underline; text-underline-offset:6px; }
.recipe-safety { background:#f1f5ef; padding:24px; margin-top:24px; font-size:14px; line-height:2; }
.august-home .home-services__grid { gap:24px; }
.august-home .home-service { position:relative; isolation:isolate; min-height:340px; padding:44px; border:0; border-radius:5px; overflow:hidden; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.august-home .home-service__photo { position:absolute; inset:0; width:100%; height:100%; max-width:none; margin:0; z-index:-2; border-radius:0; }
.august-home .home-service__photo img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.august-home .home-service::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(36,25,18,.76),rgba(36,25,18,.40)); z-index:-1; }
.august-home .home-service__label { margin:0 0 20px; color:#fff; font-size:13px; }
.august-home .home-service h2 { color:#fff; margin:0; font-size:clamp(25px,2.3vw,34px); line-height:1.8; padding-right:26px; }
.august-home .home-service__description, .august-home .home-service__audience { display:none; }
.august-home .home-service__link { position:absolute; inset:0; margin:0; padding:0; border:0; border-radius:5px; background:transparent; color:#fff; }
.august-home .home-service__link span:first-child { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.august-home .home-service__link span:last-child { position:absolute; right:28px; bottom:28px; width:44px; height:44px; border:1px solid rgba(255,255,255,.8); border-radius:50%; display:grid; place-items:center; }
.august-home .home-service:has(a:hover) img { transform:scale(1.035); }
.august-home .home-service:focus-within { outline:3px solid var(--accent); outline-offset:5px; }
.business-page .subhero-business { position:relative; isolation:isolate; display:block; min-height:800px; padding:170px var(--page-gutter) 90px; color:#fff; background:#302319; }
.business-page .subhero-media { position:absolute; inset:0; width:100%; height:100%; z-index:-2; }
.business-page .subhero-media img { width:100%; height:100%; object-fit:cover; object-position:center; }
.business-page .subhero-overlay { display:block; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(30,20,14,.82),rgba(30,20,14,.52)); }
.business-page .business-hero-inner { position:relative; max-width:780px; margin:0; color:#fff; }
.business-page .subhero h1 { font-size:clamp(34px,4.3vw,62px); color:#fff; }
.business-page .subhero-lead { color:#fff; max-width:650px; opacity:1; }
.business-page .subhero .eyebrow, .business-page .subhero .quiet-link, .business-page .hero-proof strong, .business-page .hero-proof span { color:#fff; opacity:1; }
.business-page .hero-proof, .business-page .hero-proof li + li { border-color:rgba(255,255,255,.45); }
.recipe-ingredients, .recipe-safety { background:#faf4ed; }
.recipe-ingredients li, .recipe-article__body section, .recipe-article__footer { border-color:#e0d4c6; }
@media(max-width:680px) {
 .august-home .home-service { min-height:280px; padding:32px 28px; }
 .august-home .home-service h2 { font-size:22px; padding-right:0; letter-spacing:0; }
 .business-page .subhero h1 .phrase { white-space:normal; text-wrap:balance; }
 .business-page .subhero-business { min-height:850px; padding-top:140px; padding-bottom:60px; }
 .business-page .subhero-media { height:100%; }
 .business-page .subhero-overlay { background:rgba(30,20,14,.70); }
}
@media(max-width:980px) { .august-home .august-profile__copy { padding:32px; } .recipe-article__header { gap:36px; } }
@media(max-width:680px) {
 .august-home .august-profile__photo { width:100%; }
 .august-home .august-profile__copy { width:94%; margin:-65px 0 0 auto; padding:30px 24px; }
 .recipe-article__header { grid-template-columns:1fr; gap:28px; }
 .recipe-article__header img { order:-1; }
 .recipe-article__toc { gap:8px; }
 .recipe-article__toc a { padding:12px 15px; }
 .recipe-article__body section { padding-block:36px; }
 .recipe-ingredients { padding:18px; }
 .recipe-search-page .recipe-copy h3 { font-size:16px; }
 .recipe-search-page .recipe-copy > p { font-size:12px; }
}

/* Recipe layout review — author: codex; model: gpt-6-astra; updated: 2026-09-09 */
.recipe-search-page .recipe-section{padding-top:125px}
.recipe-search-page .section-heading h1{font-size:clamp(28px,2.6vw,38px);line-height:1.6}
.recipe-search-page .section-heading{margin-bottom:28px}
.recipe-search-page .filter-group{padding-bottom:12px;min-height:0;border:0}
.recipe-search-page .filter-list{padding:8px 0}
.recipe-search-page .filter-list button{padding:12px 22px}
.recipe-search-page .search-field{margin:8px auto 22px}
.recipe-search-page .search-field input{font-size:18px}
.recipe-search-page .recipe-filter-details{padding:10px 0;margin-bottom:16px}
.recipe-search-page .search-panel{margin-bottom:26px}
.recipe-search-page .result-meta{margin-top:0;min-height:48px}
.recipe-search-page .recipe-card a{height:100%;display:flex;flex-direction:column}
.recipe-search-page .recipe-copy{flex:1;display:flex;flex-direction:column}
.recipe-search-page .recipe-read-link{margin-top:auto}
.recipe-search-page .recipe-copy>p:not(.recipe-meta){margin-bottom:18px}
@media(max-width:680px){.recipe-search-page .recipe-section{padding-top:108px}.recipe-search-page .section-heading>p{margin-top:12px}.recipe-search-page .filter-list{grid-template-columns:repeat(3,minmax(0,1fr))}.recipe-search-page .filter-list button{padding:11px 5px;font-size:12px}.recipe-search-page .search-field{padding:14px 12px;min-height:54px}.recipe-search-page .search-field input{font-size:14px;letter-spacing:0}.recipe-search-page .recipe-copy>p:not(.recipe-meta){font-size:12px}.recipe-search-page .recipe-copy h2{font-size:15px}}

.recipe-search-page .recipe-sort{position:relative;z-index:1}.recipe-search-page .result-meta{margin-top:-48px;padding-right:180px;min-height:48px}.recipe-search-page .result-meta>button{margin-left:12px}.recipe-search-page .recipe-grid{scroll-margin-top:100px}
@media(max-width:680px){.recipe-search-page .section-heading{margin-bottom:18px}.recipe-search-page .section-heading h1{font-size:27px}.recipe-search-page .result-meta{padding-right:170px}.recipe-search-page .result-meta>button{font-size:10px;line-height:1.5;margin-left:6px}.recipe-search-page .recipe-copy{padding-bottom:18px}}

body:has(.recipe-search-page) .site-header,body:has(.recipe-article) .site-header{background:rgba(255,255,255,.97)}
.recipe-search-page .result-meta>p{white-space:nowrap}
@media(max-width:680px){.recipe-search-page .result-meta{flex-wrap:wrap;gap:8px}.recipe-search-page .result-meta>button{margin:0;text-align:left}}

@media(max-width:680px){.recipe-article .recipe-article__header h1{font-size:28px;line-height:1.6;text-wrap:pretty;letter-spacing:.025em}}
