/*
Theme Name: Bake It Journal
Description: A cat baker and a flour-dusted WordPress journal, with native block content and batch photography.
Version: 1.0.3
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: bake-it-journal
*/
@font-face{font-family:"Crumb Display";src:url("fonts/CrumbDisplay-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{
 --color-paper:#f3e7d4;--color-paper-2:#eadbc3;--color-sheet:#fff9ef;
 --color-ink:#424d27;--color-ink-2:#434536;--color-muted:#656653;
 --color-rule:#c1b79f;--color-accent:#ba3c22;--color-accent-ink:#fff9ef;
 --color-focus:#ba3c22;--color-olive-ink:#fff9ef;
 --font-display:'Crumb Display',sans-serif;--font-body:'DM Sans',system-ui,sans-serif;--font-heading:var(--font-body);
 --space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;
 --space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;
 --page-gutter:clamp(1.25rem,4vw,4rem);--page-max:88rem;
 --radius-sm:.4rem;--radius-card:1rem;--radius-pill:100vmax;
 --ease:cubic-bezier(.2,.7,.2,1);--duration:180ms;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-xl)}
body{margin:0;background:var(--color-paper);color:var(--color-ink-2);font:1rem/1.7 var(--font-body)}
h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-style:normal}
h1,h2,h3{font-family:var(--font-heading);font-weight:700;color:var(--color-ink);line-height:1.16;letter-spacing:-.025em}
h4{font-weight:700;line-height:1.4}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--color-accent)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px;box-shadow:0 0 0 2px var(--color-paper)}
img{display:block;max-width:100%;height:auto}.site-wrap{max-width:var(--page-max);margin:auto;padding-inline:var(--page-gutter)}
.skip{position:absolute;top:-6rem;left:var(--space-md);background:var(--color-sheet);padding:var(--space-md);z-index:100001}.skip:focus{top:var(--space-md)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.label,.eyebrow{font-size:.75rem;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.eyebrow{color:var(--color-accent)}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding-block:var(--space-xl)}
.brand{text-wrap:balance;display:block;max-width:13ch;font:1.5rem/1.08 var(--font-display);color:var(--color-ink);text-decoration:none;letter-spacing:0}
.primary-menu{display:flex;align-items:center;gap:clamp(1rem,3vw,3rem);padding:0;margin:0;list-style:none}
.primary-menu a{text-decoration:none;font-size:.9375rem;font-weight:500}.current-menu-item>a{text-decoration:underline}
.nav-button{display:flex;gap:var(--space-lg);align-items:center;border:1.5px solid var(--color-ink);padding:.6rem 1.2rem;border-radius:var(--radius-pill)}
.nav-button:hover{background:var(--color-ink);color:var(--color-olive-ink)}
.intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:var(--space-lg);padding-block:var(--space-xl) var(--space-3xl);min-height:650px}
.intro h1{font-family:var(--font-display);font-weight:400;text-wrap:balance;font-size:clamp(4.8rem,7.65vw,7.6rem);max-width:9.5ch;line-height:1.02;letter-spacing:-.025em;word-spacing:0;text-transform:capitalize;overflow-wrap:break-word}
.lede{font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.65;max-width:37ch;margin-top:var(--space-xl)}
.hero-actions{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-xl)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:.85rem 1.35rem;border-radius:var(--radius-pill);font-size:.9375rem;font-weight:600;text-decoration:none;background:var(--color-ink);color:var(--color-olive-ink);transition:transform var(--duration) var(--ease)}
.button:hover{transform:translateY(-2px);color:var(--color-olive-ink)}.text-link{font-size:.9375rem;font-weight:600}
.baker-art{width:100%;align-self:center}.baker-art img{width:100%;object-fit:contain;aspect-ratio:1}
.journal-ribbon{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding-block:var(--space-lg);border-block:1.5px solid var(--color-ink);color:var(--color-ink)}
.journal-ribbon p{font-family:var(--font-display);font-size:1.65rem}.journal-ribbon span{font-size:.8125rem}
.section{padding-block:var(--space-3xl)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-xl);margin-bottom:var(--space-2xl)}
.section-head h2,.archive-title{font-size:clamp(2.6rem,4.5vw,4.4rem);max-width:19ch;margin-top:var(--space-md)}
.section-note{font-size:.8125rem;color:var(--color-muted);max-width:20ch;text-align:right}
.post-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center;padding-block:var(--space-2xl);border-top:1px solid var(--color-rule)}
.post-preview:first-of-type{padding-top:0;border-top:0}.preview-photo{display:block}.preview-photo img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:var(--radius-sm)}
.preview-copy h2{font-size:clamp(2.15rem,3.8vw,3.5rem);max-width:19ch;margin-top:var(--space-md)}.preview-copy h2 a{text-decoration:none}
.preview-copy .prose{max-width:52ch;margin-block:var(--space-lg)}.prose p+p{margin-top:var(--space-lg)}
.post-categories a{text-decoration:none}.post-preview:nth-of-type(even) .preview-photo{grid-column:2;grid-row:1}.post-preview:nth-of-type(even) .preview-copy{grid-column:1;grid-row:1}
.post-preview--text{display:block;background:var(--color-paper-2);padding:var(--space-xl);border:0;border-radius:var(--radius-sm);margin-top:var(--space-lg)}
.post-preview--text .preview-copy{max-width:52rem}.post-preview--text .prose{max-width:70ch}
.next-test{padding:clamp(1.25rem,4.8vw,4.5rem);margin-bottom:var(--space-2xl);background:var(--color-ink);color:var(--color-olive-ink);border-radius:var(--radius-card)}
.next-test .eyebrow,.next-test h2{color:var(--color-olive-ink)}.planned-label{font-size:.875rem;margin-top:var(--space-xs)}
.next-test h2{font-size:clamp(2.6rem,5vw,4.6rem);max-width:20ch;margin-block:var(--space-lg)}.next-copy{max-width:55ch}
.next-test .button{margin-top:var(--space-xl)}.button-light{background:var(--color-sheet);color:var(--color-ink)}.button-light:hover{color:var(--color-accent)}
.reading-view{max-width:66.25rem;margin-inline:auto}.post-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-rule)}
.post-header h1{font-size:clamp(2.75rem,6.3vw,5.5rem);max-width:20ch;overflow-wrap:break-word}.post-header .eyebrow{margin-bottom:var(--space-lg)}
.entry-content>*{max-width:47.5rem;margin-inline:auto}.entry-content>*+*{margin-top:var(--space-lg)}
.entry-content h2{font-size:clamp(2rem,3vw,2.7rem);margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}
.entry-content h3{font-size:1.85rem;margin-top:var(--space-xl);margin-bottom:var(--space-md)}
.entry-content ul,.entry-content ol{padding-left:1.4rem}.entry-content li+li{margin-top:var(--space-xs)}
.entry-content ul ul,.entry-content ol ol{margin-block:var(--space-sm)}
.entry-content .wp-block-image{margin-block:var(--space-xl)}.entry-content .wp-block-image img{width:100%;height:auto;border-radius:var(--radius-sm)}
.entry-content figcaption{font-size:.8125rem;color:var(--color-muted);margin-top:var(--space-xs);line-height:1.5}
.entry-content .alignwide,.entry-content .alignfull{max-width:100%}.entry-content::after{content:'';display:block;clear:both}
.entry-content table{width:100%;border-collapse:collapse}.entry-content td,.entry-content th{padding:var(--space-sm);border:1px solid var(--color-rule);text-align:left}
.entry-content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-lg)}
.entry-content iframe,.entry-content video{max-width:100%}.entry-content pre{overflow:auto;padding:var(--space-lg);background:var(--color-sheet)}
.post-navigation{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-rule)}
.nav-links{display:flex;justify-content:space-between;gap:var(--space-xl)}.nav-previous,.nav-next{max-width:45%}.nav-next{text-align:right}
.pagination{margin-top:var(--space-xl)}.pagination .nav-links{justify-content:center;flex-wrap:wrap;gap:var(--space-md)}.page-numbers{padding:var(--space-xs) var(--space-sm)}
.site-footer{border-top:1.5px solid var(--color-ink);padding-block:var(--space-xl)}
.footer-statement{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,5.5rem);letter-spacing:-.025em;line-height:1.08;color:var(--color-accent);padding-bottom:var(--space-xl)}
.footer-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-lg)}
.footer-title{font-family:var(--font-display);font-size:1.5rem;line-height:1.1;color:var(--color-ink);margin-bottom:var(--space-xs)}
.footer-meta p:last-child{font-size:.75rem;color:var(--color-muted)}
@media(max-width:899px){
 .intro{min-height:0;gap:var(--space-md);padding-block:var(--space-xl) var(--space-2xl)}.intro h1{font-size:clamp(3.3rem,7.2vw,5.8rem)}
 .hero-actions{gap:var(--space-md)}.journal-ribbon span{display:none}.post-preview{gap:var(--space-xl)}
}
@media(max-width:659px){
 .masthead{flex-wrap:wrap;padding-block:var(--space-lg);gap:var(--space-lg)}.brand{font-size:1.5rem}.masthead nav{width:100%}
 .primary-menu{justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.primary-menu a{font-size:.8125rem}.nav-button{padding:.4rem .85rem;gap:var(--space-xs)}
 .intro{grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-top:var(--space-lg)}.intro h1{font-size:clamp(2.8rem,13.8vw,5.5rem)}
 .lede{margin-top:var(--space-lg);max-width:36ch}.hero-actions{margin-top:var(--space-lg)}.button,.text-link{font-size:.8125rem}
 .baker-art{max-width:24rem;margin:auto}.journal-ribbon{padding-block:var(--space-md)}.journal-ribbon p{font-size:1.3rem}
 .section{padding-block:var(--space-2xl)}.section-head{display:block}.section-note{display:block;text-align:left;margin-top:var(--space-md);max-width:none}
 .section-head h2,.archive-title{font-size:2.65rem}.post-preview{grid-template-columns:minmax(0,1fr);padding-block:var(--space-xl);gap:var(--space-lg)}
 .preview-copy h2{font-size:2.35rem}.post-preview:nth-of-type(even) .preview-photo,.post-preview:nth-of-type(even) .preview-copy{grid-column:auto;grid-row:auto}
 .post-preview--text{padding:var(--space-lg)}.next-test{margin-bottom:var(--space-lg)}.next-test h2{font-size:2.6rem}
 .footer-meta{align-items:flex-start;flex-direction:column}.footer-statement{font-size:2.75rem}.nav-links{gap:var(--space-md)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media print{body{font-size:11pt}.site-wrap{padding:0}.masthead nav,.skip,.hero-actions,.baker-art,.post-navigation{display:none}.intro{min-height:0;padding-block:var(--space-lg);display:block}.intro h1{font-size:3rem}.section{padding-block:var(--space-lg)}.next-test{background:var(--color-paper);color:var(--color-ink)}.next-test h2,.next-test .eyebrow{color:var(--color-ink)}}