:root { --sans: 'Manrope', sans-serif; --serif: 'Playfair Display', serif; --bg: #f3ede2; --surface: #fbf7ef; --field: #fffdf8; --text: #2d2119; --muted: #6d6157; --accent: #9a6535; --accent-ink: #fffaf2; --line: rgb(82 59 41 / .18); }
body.ovenly { background-image: radial-gradient(circle at 12% 16%, rgb(255 255 255 / .7), transparent 25%), linear-gradient(105deg, transparent 0 72%, rgb(133 100 68 / .05) 72% 73%, transparent 73%); }
.ovenly .site-header { background: color-mix(in srgb, #f3ede2 92%, transparent); }
.ovenly .hero:not(.hero--cinematic) .hero__inner { grid-template-columns: minmax(0, 1.05fr) minmax(20rem, .95fr); }
.ovenly .hero:not(.hero--cinematic) .hero__media { height: min(72svh, 710px); border-radius: 14rem 14rem 1.5rem 1.5rem; }
.ovenly .hero h1 { max-width: 10ch; }
.ovenly .dual-intro { display: grid; grid-template-columns: 1fr 1fr; border-block: 1px solid var(--line); }
.ovenly .dual-intro article { padding: clamp(2rem, 6vw, 5rem); }
.ovenly .dual-intro article + article { border-inline-start: 1px solid var(--line); }
.ovenly .arch-card { display: block; overflow: hidden; border: 1px solid var(--line); border-radius: 10rem 10rem 1rem 1rem; background: var(--surface); color: inherit; text-decoration: none; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.ovenly .arch-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--accent) 62%, var(--line)); box-shadow: 0 16px 36px rgb(60 42 28 / .1); }
.ovenly .arch-card:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 70%, transparent); outline-offset: 4px; }
.ovenly .arch-card img { aspect-ratio: 4 / 5; object-fit: cover; }
.ovenly .arch-card__copy { padding: 1.4rem; }
.ovenly .eat-in-out { padding-block: clamp(2.5rem, 5vw, 5rem); }
.ovenly .atmosphere-band { display: grid; width: min(100%, 54rem); min-height: 0; grid-template-columns: minmax(0, .85fr) minmax(18rem, .65fr); overflow: hidden; border-radius: var(--radius); background: #2e251f; color: #f8f0e5; }
.ovenly .atmosphere-band img { width: 100%; height: 100%; min-height: 0; aspect-ratio: 4 / 3; object-fit: cover; }
.ovenly .atmosphere-band__copy { display: grid; align-content: center; padding: clamp(1.5rem, 3.5vw, 2.75rem); }
.ovenly .gift-panel { display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 12rem 1rem 1rem 1rem; background: var(--surface); }
.ovenly .gift-panel img { width: 100%; height: 100%; min-height: 30rem; object-fit: cover; }
.ovenly .gift-panel__copy { padding: clamp(2rem, 7vw, 6rem); align-self: center; }
.ovenly .page-hero__media { border-radius: 9rem 9rem .8rem .8rem; }
.ovenly .category-hero { border-radius: 8rem 8rem 1rem 1rem; }
.ovenly .blog-card:nth-child(3n + 2) { background: #eee5d7; }

@media (max-width: 700px) {
  .ovenly .hero:not(.hero--cinematic) .hero__inner { grid-template-columns: 1fr; }
  .ovenly .hero:not(.hero--cinematic) .hero__media { order: -1; height: 54svh; min-height: 27rem; border-radius: 10rem 10rem 1rem 1rem; }
  .ovenly .dual-intro, .ovenly .atmosphere-band, .ovenly .gift-panel { grid-template-columns: 1fr; }
  .ovenly .dual-intro article + article { border-inline-start: 0; border-top: 1px solid var(--line); }
  .ovenly .atmosphere-band { width: 100%; grid-template-columns: 1fr; }
  .ovenly .atmosphere-band img { min-height: 0; aspect-ratio: 16 / 10; }
  .ovenly .atmosphere-band__copy { padding: 1.5rem; }
  .ovenly .gift-panel { border-radius: 7rem 1rem 1rem 1rem; }
}