:root{--cream:#f6f1e7;--ink:#35291f;--brown:#90623a;--line:#d9cdbb;--sage:#e3e4df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:HelveticaLTStd,"Helvetica LT Std",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a95f2c;outline-offset:5px}.preview{background:#e8ddca;padding:6px 5%;font-size:14px;letter-spacing:1.4px;text-align:center}.preview span{margin-left:18px;letter-spacing:.4px}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand img{display:block;width:235px}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav>a:not(.button):hover,.text-link:hover{color:var(--brown);text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--brown);color:white;padding:15px 23px;border:1px solid var(--brown);font-size:14px;cursor:pointer;transition:background .2s}.button:hover{background:#654023}.button.small{padding:11px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.hero-copy{padding:85px 10% 52px}.eyebrow{font-size:14px;letter-spacing:2.2px;font-weight:bold;margin:0 0 24px}h1,h2,h3{font-family:Signika,"Trebuchet MS",sans-serif;font-weight:700;line-height:1.06;margin:0}h1{font-size:clamp(60px,6.2vw,94px);letter-spacing:-3.5px}h2{font-size:clamp(40px,4vw,60px);letter-spacing:-1.8px}.intro{max-width:365px;font-size:16px;line-height:1.8;margin:28px 0}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.text-link{font-size:14px;border-bottom:1px solid var(--brown);padding-bottom:4px;display:inline-block}.hero-note{margin-top:59px;font-size:14px;letter-spacing:2px}.hero-image{position:relative;min-height:500px;overflow:hidden}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:53% 65%}.image-label{position:absolute;bottom:28px;left:32px;color:white;font-family:Georgia,serif;font-size:21px;text-shadow:0 1px 6px #000}.roundel{position:absolute;right:28px;top:30px;border-radius:50%;width:108px;height:108px;display:grid;place-content:center;background:var(--cream);text-align:center;font-size:14px;line-height:1.9;letter-spacing:1px;transform:rotate(10deg)}.ribbon{padding:22px 5%;display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--line);font-size:14px;letter-spacing:1.2px;text-transform:uppercase}.ribbon span:nth-child(even){font-size:23px;color:var(--brown)}.section{padding:95px 5%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-heading p:not(.eyebrow){font-size:14px;color:#685d51;margin:0}.products{display:grid;grid-template-columns:1fr 1fr .85fr;gap:30px}.product-image{height:330px;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-image:hover img{transform:scale(1.035)}.product-image span{position:absolute;bottom:16px;left:16px;background:var(--cream);padding:5px 10px;font-size:14px;letter-spacing:1px}.product-title{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.product-title h3{font-size:28px}.product-title span{font-size:14px;color:var(--brown)}article>p{font-size:16px;color:#685d51;max-width:340px}.menu-card{background:#eae1d1;padding:38px 30px;display:flex;flex-direction:column;align-items:start;justify-content:center}.menu-card h3{font-size:43px}.draft-note{font-size:14px!important;color:#71675b!important;margin-top:25px!important}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--sage)}.story-image{min-height:620px}.story-image img{width:100%;height:100%;object-fit:cover;display:block;max-height:720px}.story-copy{padding:80px 13%;align-self:center}.story-copy>p:not(.eyebrow){font-size:16px;max-width:390px}.story-copy h2{margin-bottom:28px}.signature{font-family:Georgia,serif;font-style:italic;font-size:22px!important;margin-top:30px}.bake-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:50px}.bake-grid article{padding:35px 0 0}.step{font-size:14px;letter-spacing:1.5px;color:var(--brown)}.bake-grid h3{font-size:31px;margin-top:20px}.bake-grid p{max-width:450px}.signup{padding:65px 5%;background:#eae1d1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.signup h2{font-size:45px}.signup p{font-size:16px}.signup label{font-size:14px;display:block;margin-bottom:10px}.form-row{display:flex}.form-row input{min-width:0;flex:1;background:var(--cream);border:1px solid #a99b86;padding:14px;font-size:14px;border-radius:0}.form-note{font-size:14px!important}footer{background:#362c23;color:var(--cream);padding:55px 5% 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}footer img{width:270px}footer p{font-size:14px;color:#d8ccbc}.footer-links{display:flex;gap:28px;font-size:14px;align-items:center}.copyright{width:100%;border-top:1px solid #65584a;padding-top:22px;display:flex;justify-content:space-between;margin-top:25px}@media(min-width:1600px){body{max-width:1700px;margin:auto}}@media(max-width:900px){nav{gap:18px}.brand img{width:200px}.hero-copy{padding:60px 8% 30px}h1{font-size:64px}.products{gap:20px}.product-image{height:260px}.menu-card{padding:25px 20px}.menu-card h3{font-size:35px}.story-copy{padding:55px 9%}.story-image{min-height:540px}.signup{gap:30px}.form-row{flex-direction:column}}@media(max-width:640px){.preview{font-size:14px}.preview span{display:none}header{padding:22px 6%;flex-wrap:wrap}.brand img{width:195px}.menu{display:flex;gap:12px;background:none;border:0;color:var(--ink);padding:8px;font-size:14px}nav{display:none;width:100%;padding-top:25px;align-items:stretch;gap:12px}nav.open{display:flex;flex-direction:column}nav a{padding:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:49px 7% 30px}.eyebrow{font-size:14px;margin-bottom:20px}h1{font-size:65px;letter-spacing:-2.8px}.intro{font-size:15px;margin:24px 0;max-width:330px}.hero-note{margin-top:32px}.hero-image{min-height:400px}.roundel{width:88px;height:88px;font-size:14px;top:20px;right:20px}.image-label{font-size:18px;left:23px}.ribbon{padding:16px 6%;font-size:14px;gap:10px}.ribbon span:nth-last-child(-n+2){display:none}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px!important}h2{font-size:42px}.products{grid-template-columns:1fr;gap:35px}.product-image{height:350px}.menu-card{padding:35px}.menu-card h3{font-size:42px}.story{grid-template-columns:1fr}.story-image{min-height:0}.story-image img{height:440px;object-position:50% 35%}.story-copy{padding:48px 7%}.bake-grid{grid-template-columns:1fr;gap:30px}.bake-grid article+article{border-top:1px solid var(--line)}.signup{grid-template-columns:1fr;padding:48px 6%;gap:20px}.signup h2{font-size:40px}.form-row{flex-direction:row}.form-row .button{padding:13px;gap:8px;font-size:14px}footer{padding:42px 6% 18px}footer img{width:240px}.footer-links{gap:25px}.copyright span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Crumb & Co. brand palette and type */
.preview,.menu-card,.signup{background:#e3e4df}.footer-links{flex-wrap:wrap}h1{letter-spacing:-2px}h2{letter-spacing:-1px}.hero-copy{padding-top:70px}.button:hover{background:#74502f}@media(max-width:640px){h1{font-size:60px;letter-spacing:-1.5px}.hero-copy{padding-top:49px}}

.social-link{display:inline-flex;align-items:center;gap:9px;padding:10px 0;min-height:44px}.social-link svg{width:22px;height:22px;flex-shrink:0}.social-link:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}

.event-socials{display:flex;flex-direction:column;align-items:flex-start;gap:14px}

.bake-calendar{margin:0 0 40px;border:1px solid var(--line);padding:28px;background:var(--cream)}.calendar-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px}.calendar-heading h3{font-size:30px}.calendar-heading .eyebrow{margin-bottom:12px}.calendar-heading p:not(.eyebrow),.calendar-note{font-size:14px;color:#685d51}.calendar-heading .text-link{flex-shrink:0}.bake-calendar iframe{display:block;width:100%;height:460px;border:0;background:var(--cream)}.calendar-note{margin:20px 0 0}.calendar-note a{text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){.bake-calendar{padding:16px}.calendar-heading{flex-direction:column;gap:10px}.calendar-heading h3{font-size:26px}.bake-calendar iframe{height:420px}}

.bake-calendar iframe{height:420px}.bake-calendar{padding:20px}.calendar-heading{margin-bottom:16px}.calendar-heading h3{font-size:26px}@media(max-width:640px){.bake-calendar{padding:12px}.bake-calendar iframe{height:380px}}

.newsletter-connect{max-width:470px}.newsletter-connect .button{min-height:48px}.newsletter-status{font-size:14px!important;color:#685d51;margin-top:14px}

/* Readable supporting copy and comfortable touch targets. */
.eyebrow,.hero-note,.step{font-size:13px;letter-spacing:1.3px}.intro{font-size:17px}.section-heading p:not(.eyebrow),.calendar-heading p:not(.eyebrow){font-size:16px}.text-link{min-height:44px;display:inline-flex;align-items:center;padding-block:8px}.button,.menu{min-height:44px;font-size:16px}nav{font-size:16px}.ribbon{flex-wrap:wrap;justify-content:center;column-gap:24px;row-gap:8px}.form-note{font-size:14px!important}.calendar-note{font-size:14px}.product-image span{font-size:13px}.footer-links>a{min-height:44px;display:inline-flex;align-items:center}.story-copy p{line-height:1.8}@media(max-width:900px) and (min-width:641px){header{flex-wrap:wrap;gap:20px}nav{gap:20px;flex-wrap:wrap}h1{font-size:clamp(45px,7vw,64px)}}@media(max-width:640px){.eyebrow,.hero-note,.step{font-size:13px}.ribbon{font-size:13px;letter-spacing:.7px}.ribbon span:nth-child(even){display:none}.hero-copy{padding-top:36px}h1{font-size:clamp(42px,13.5vw,60px)}.brand img{width:180px}.menu{padding:8px;font-size:16px}nav a{min-height:44px;display:flex;align-items:center}.product-image{height:310px}.footer-links{gap:14px 24px}.newsletter-connect .button{width:100%;text-align:center}.calendar-heading h3{font-size:25px}}

@media(max-width:640px){h1{font-size:clamp(36px,11vw,48px);letter-spacing:-1px}}