@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&family=Caveat:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--butter:#f8edac;--paper:#fffdf6;--ink:#49392b;--muted:#746658;--line:#d9cfae;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #987a2b;outline-offset:5px}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:white;z-index:9}.skip:focus{top:10px}header{height:110px;background:var(--butter);display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid #49392b24}.brand{font-family:var(--serif);font-size:33px;letter-spacing:-1.7px;font-weight:600;display:flex;align-items:center;gap:12px}.brand-star{font-family:Georgia;font-size:37px;font-weight:400}nav{display:flex;align-items:center;gap:36px;font-size:13px}.nav-cta{border:1px solid var(--ink);padding:11px 18px;border-radius:4px}.nav-cta span{margin-left:18px}.hero{background:var(--butter);padding:66px 6.5% 0;display:grid;grid-template-columns:1.1fr 1fr;gap:0 6%;overflow:hidden}.hero-copy{padding:24px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:var(--ink)}h1,h2,blockquote{font-family:var(--serif);font-weight:400;letter-spacing:-2.4px;line-height:1.12;margin:0}h1{font-size:clamp(50px,5.2vw,82px)}em{font-weight:400}h1 em,h2 em{color:#826738}h2{font-size:clamp(36px,3.6vw,55px)}.intro{max-width:405px;color:#66543c;margin:27px 0;font-size:15px;line-height:1.85}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:16px 23px;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#6c5037;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.hero-photo{position:relative;align-self:center;margin-bottom:34px}.hero-photo>img{width:100%;height:505px;object-fit:cover;border-radius:170px 170px 8px 8px;display:block;object-position:50% 58%}.photo-label{position:absolute;left:20px;bottom:18px;right:20px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:10px;letter-spacing:2px;text-shadow:0 1px 8px black}.round-stamp{position:absolute;right:-28px;top:28px;background:var(--paper);height:122px;width:122px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:9px;line-height:1.2;letter-spacing:1px;transform:rotate(12deg);border:1px solid var(--line)}.round-stamp span{font:italic 28px var(--serif);letter-spacing:-1px}.hero-note{display:flex;align-items:center;gap:13px;margin-top:25px;font-size:11px;line-height:1.6;color:#7c6949}.bowl{width:75px;height:70px;fill:none;stroke:#897045;stroke-width:2;stroke-linecap:round}.bowl-fill{fill:var(--butter)}.whisk{transform-origin:54px 58px;animation:mix 2.8s ease-in-out infinite}.spark{animation:twinkle 2.8s ease-in-out infinite}@keyframes mix{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(18deg)}}@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:1}}.hero-bottom{grid-column:1/-1;border-top:1px solid #49392b30;margin-top:34px;padding:21px 0 24px;display:flex;align-items:center;justify-content:space-around;gap:26px;font-family:var(--serif);font-style:italic;font-size:21px;white-space:nowrap}.hero-bottom span{font-size:30px;font-style:normal}.section{padding:95px 6.5%;max-width:1600px;margin:auto}.preferences{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid var(--line)}.preferences p:not(.eyebrow){margin-top:0;color:var(--muted);font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0}.tags span{border:1px solid var(--line);padding:7px 14px;border-radius:30px;font-size:12px}.fine{font-size:11px!important;line-height:1.7;color:var(--muted)}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.section-top>p{font-size:14px;color:var(--muted)}.bake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}figure{margin:0}.image-wrap{height:345px;overflow:hidden;border-radius:5px;background:#e6dfce}.image-wrap img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.image-wrap:hover img{transform:scale(1.04)}figcaption{display:flex;justify-content:space-between;padding-top:16px;font-size:13px}figcaption span:last-child{font-size:10px;color:#9c8b71}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center;background:#f4efdf;max-width:none}.portrait{position:relative;max-width:440px;margin:auto;width:100%;padding-bottom:17px}.portrait img{width:100%;height:480px;object-fit:cover;object-position:center 55%;border-radius:160px 160px 6px 6px;display:block}.portrait>span{position:absolute;bottom:0;left:20px;right:20px;padding:12px;background:var(--paper);font-family:var(--serif);font-style:italic;font-size:19px;text-align:center;transform:rotate(-3deg)}.about-copy{max-width:520px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.about-copy h2{margin-bottom:25px}.signature{font-family:var(--serif);font-style:italic;font-size:38px;margin-top:20px}.signature span{font-size:25px;margin-left:10px}.quote{text-align:center;background:var(--butter);padding:64px 20px}.quote>span{font-size:34px}.quote blockquote{font-size:50px;line-height:1.2;margin:20px 0}.quote p{font-size:9px;letter-spacing:2px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;padding-top:105px}.contact-copy>p:not(.eyebrow){max-width:320px;font-size:14px;color:var(--muted);margin:25px 0}.email{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:5px}.how{margin-top:45px;display:grid;grid-template-columns:25px 1fr;gap:12px;align-items:center;font-size:12px}.how>span{color:#8c764b;font-family:var(--serif);font-style:italic}.how p{margin:0;color:var(--muted)}form{background:white;border:1px solid #e6dfcc;padding:32px;border-radius:7px}label{display:block;font-size:12px;font-weight:500}label>span{color:#967835}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:8px;padding:12px;background:var(--paper);border:1px solid #ddd6c5;border-radius:3px;color:var(--ink);font-size:12px;min-height:45px}textarea{resize:vertical}form>label,.form-row,fieldset{margin-bottom:21px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}fieldset{border:0;padding:0}legend{padding:0;font-size:12px;font-weight:500}.field-help{font-size:10px;color:var(--muted);margin:3px 0 10px}.checks{display:flex;flex-wrap:wrap;gap:9px}.checks label{border:1px solid #ddd6c5;border-radius:4px;padding:7px 10px;font-size:11px;display:flex;align-items:center;gap:6px;cursor:pointer}.checks label:has(input:checked){background:var(--butter);border-color:#b59d55}input[type=checkbox]{accent-color:var(--ink);margin:0}form>.button{width:100%;margin-top:8px}.form-note{font-size:10px;line-height:1.7;color:var(--muted);margin-bottom:0}#email-result{padding:18px;background:#fbf3c9;margin-top:20px;border-radius:4px;font-size:12px}.copy{border:0;background:none;text-decoration:underline;padding:12px 0;cursor:pointer;color:var(--ink);font-size:12px;display:block}footer{border-top:1px solid var(--line);margin:0 6.5%;padding:33px 0;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer .brand{font-size:27px}footer p{font-family:var(--serif);font-size:15px;font-style:italic;margin-right:auto}footer>a:not(.brand),footer small{font-size:11px}footer small{color:var(--muted)}
@media(min-width:1500px){.hero,header{padding-left:max(6.5%,calc((100vw - 1400px)/2));padding-right:max(6.5%,calc((100vw - 1400px)/2))}}@media(max-width:900px){header{height:85px;padding:0 5%}nav{gap:20px}.hero{padding:40px 5% 0;gap:4%}.hero-photo>img{height:440px}.round-stamp{height:95px;width:95px;right:-10px;font-size:8px}.round-stamp span{font-size:23px}.hero-bottom{font-size:17px}.section{padding:65px 5%}.image-wrap{height:270px}.about{gap:6%}.portrait img{height:430px}.contact{gap:5%;grid-template-columns:.8fr 1.2fr}form{padding:24px}.form-row{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){header{height:80px}.brand{font-size:27px}.brand-star{font-size:29px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:10px;padding:8px 10px}.nav-cta span{margin-left:7px}.hero{display:flex;flex-direction:column;padding-top:25px}.hero-copy{padding:12px 0 25px}h1{font-size:53px}.eyebrow{font-size:9px;margin-bottom:18px}.intro{font-size:14px;max-width:360px}.hero-note{margin-top:19px}.hero-photo{width:100%;padding:0 14px;margin:0}.hero-photo>img{height:400px;border-radius:150px 150px 6px 6px}.round-stamp{right:4px;top:17px}.photo-label{left:33px;right:33px}.hero-bottom{font-size:16px;margin-top:28px;gap:22px;justify-content:flex-start;width:140%;padding-left:10px}.preferences,.about,.contact{grid-template-columns:1fr;gap:30px}.section{padding:55px 6%}.preferences{gap:25px}h2{font-size:38px;letter-spacing:-1.5px}.section-top{display:block;margin-bottom:26px}.section-top>p{margin-top:20px;font-size:13px}.bake-grid{grid-template-columns:1fr;gap:28px}.image-wrap{height:340px}.bake-grid figure:nth-child(2) .image-wrap{height:300px}.portrait{max-width:340px}.portrait img{height:400px}.about-copy{margin-top:12px}.quote{padding:40px 15px}.quote blockquote{font-size:39px}.contact-copy>p:not(.eyebrow){max-width:100%}.how{margin-top:28px}form{padding:22px}.form-row{grid-template-columns:1fr}footer{margin:0 6%;gap:10px 24px}footer p{width:100%;order:3;margin:0}footer small{margin-left:auto}footer>a:not(.brand){margin-left:auto}footer small{width:100%;order:4}.button{font-size:12px;padding:15px 19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.brand{white-space:nowrap;flex-shrink:0}@media(max-width:380px){header{gap:12px}.brand{font-size:24px;gap:6px}.brand-star{font-size:24px}.nav-cta{font-size:9px;padding:8px}.nav-cta span{display:none}h1{font-size:46px}}
/* Macy's recipe notebook — a playful, graphic bakery identity. */

:root{--butter:#f5e781;--paper:#fffcf1;--ink:#3b3525;--muted:#70694e;--line:#c7bc84;--serif:'Space Grotesk','Arial',sans-serif}body{font-family:'DM Sans',Arial,sans-serif;background:var(--paper)}header{height:100px;border-bottom:2px solid var(--ink);padding:0 5%;background:var(--paper)}.brand{font-family:'Arial Black','Space Grotesk',sans-serif;font-weight:900;font-size:34px;letter-spacing:-2px;line-height:.9;white-space:nowrap}.brand-star{color:#ac591f;font-size:44px}nav{font-size:12px;font-weight:700}.nav-cta{background:var(--butter);border:2px solid var(--ink);border-radius:0;box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg)}.hero{padding:55px 5% 0;background-color:var(--butter);background-image:linear-gradient(90deg,#fffcf12b 50%,transparent 50%),linear-gradient(#fffcf12b 50%,transparent 50%);background-size:48px 48px;grid-template-columns:1.25fr .85fr;gap:4%;position:relative;border-bottom:2px solid var(--ink)}.hero-copy{padding:8px 0 25px;position:relative;z-index:1}.eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.2px;font-weight:500}.hero .eyebrow{display:inline-flex;background:var(--paper);border:1px solid var(--ink);padding:7px 12px;transform:rotate(-2deg);margin-bottom:25px}h1{font-family:'Arial Black','Space Grotesk',sans-serif;font-weight:900;font-size:clamp(65px,7.7vw,116px);letter-spacing:-7px;line-height:.92;max-width:800px}h1 em{font-family:Georgia,serif;font-weight:400;color:#a05225;letter-spacing:-5px}h2{font-weight:700;letter-spacing:-2.5px;line-height:1.03}h2 em{font-family:'Caveat',Georgia,serif;color:#a05225;font-weight:400;letter-spacing:-1px}.intro{font-size:15px;color:var(--ink);max-width:390px;margin:28px 0}.button{border-radius:0;border:2px solid var(--ink);background:var(--ink);box-shadow:4px 4px 0 #ad632f;color:var(--paper);font-weight:700;font-size:12px}.button:hover{background:#a05225;transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--ink)}.hero-note{margin-top:28px;font-family:'Caveat',Georgia,serif;font-size:19px;line-height:1.15;color:var(--ink);transform:rotate(-4deg)}.bowl{width:85px;height:75px;stroke:var(--ink)}.hero-photo{margin:30px 0 45px;transform:rotate(5deg);background:var(--paper);padding:16px 16px 60px;box-shadow:8px 12px 0 #3b35251c;border:1px solid #b6aa72}.hero-photo:before,.portrait:before{content:'';position:absolute;width:130px;height:36px;left:calc(50% - 65px);top:-17px;z-index:2;background:#e8d9b6ba;transform:rotate(-7deg);border-left:2px dotted #cab58b;border-right:2px dotted #cab58b}.hero-photo>img{border-radius:0;height:400px;object-position:center}.photo-label{color:var(--ink);text-shadow:none;bottom:19px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1px}.round-stamp{background:#a05225;color:var(--paper);border:0;right:-18px;top:auto;bottom:75px;transform:rotate(-15deg);height:125px;width:125px;box-shadow:3px 3px 0 var(--ink)}.round-stamp span{font-family:Georgia,serif}.hero-bottom{background:var(--ink);color:var(--butter);margin:18px -6% 0;padding:16px 6%;width:112%;font-family:'DM Mono',monospace;font-size:13px;text-transform:uppercase;font-style:normal;letter-spacing:2px;border:0}.hero-bottom span{color:var(--butter)}.section{padding:85px 7%}.preferences{grid-template-columns:1fr 1.1fr;gap:8%;position:relative;background-image:repeating-linear-gradient(transparent 0,transparent 31px,#d8ceb52b 32px);border-bottom:2px solid var(--ink)}.preferences h2{font-size:45px}.preferences p:not(.eyebrow){color:var(--ink)}.tags{gap:10px;margin:26px 0}.tags span{background:var(--butter);border:1.5px solid var(--ink);border-radius:0;font-weight:700;padding:9px 15px;box-shadow:3px 3px 0 #d6cba5}.tags span:nth-child(2n){transform:rotate(3deg);background:var(--paper)}.tags span:nth-child(3n){transform:rotate(-3deg)}.bakes{padding-top:80px;padding-bottom:100px}.section-top h2{font-size:55px}.section-top>p{font-family:'Caveat',Georgia,serif;font-size:21px;transform:rotate(3deg)}.bake-grid{gap:40px;align-items:start}.bake-grid figure{padding:12px 12px 18px;background:#fff;border:1px solid #bdb5a0;box-shadow:6px 7px 0 #e8e2ce;transform:rotate(-3deg)}.bake-grid figure:nth-child(2){transform:rotate(3deg);margin-top:45px}.bake-grid figure:nth-child(3){transform:rotate(-1deg)}.image-wrap{border-radius:0;height:310px}figcaption{font-family:'Caveat',Georgia,serif;font-size:23px;line-height:1.2;gap:8px}figcaption span:last-child{font-family:'DM Mono',monospace;font-size:10px}.about{background:#eae6d6;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:.8fr 1.2fr;gap:12%;padding-top:100px;padding-bottom:100px}.portrait{padding:14px 14px 65px;background:white;border:1px solid #bdb5a0;transform:rotate(-5deg);box-shadow:8px 8px 0 #d0c9b2;max-width:370px}.portrait img{border-radius:0;height:430px;object-position:center 60%}.portrait>span{bottom:14px;left:0;right:0;background:transparent;font-family:'Caveat',Georgia,serif;font-size:24px;transform:none;padding:0}.about-copy h2{font-size:48px}.about-copy>p:not(.eyebrow){font-size:15px;color:var(--ink)}.signature{font-family:'Caveat',Georgia,serif;font-size:45px}.quote{background:var(--butter);position:relative;overflow:hidden;padding:55px 5%;border-bottom:2px solid var(--ink)}.quote>span{position:absolute;font-size:220px;left:-30px;top:20px;color:#b6964233;line-height:1}.quote blockquote{font-weight:700;font-size:clamp(45px,6vw,85px);letter-spacing:-4px;line-height:1}.quote blockquote em{font-family:Georgia,serif;font-weight:400;color:#a05225}.quote p{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px}.contact{grid-template-columns:.8fr 1.2fr;gap:9%;padding:100px 7%}.contact-copy h2{font-size:60px}.email{font-family:'DM Mono',monospace;font-size:12px;border-bottom:2px solid var(--ink)}.how{padding-top:20px;border-top:1px dashed var(--line);max-width:320px}.how>span{font-family:'DM Mono',monospace;font-style:normal;color:#a05225}.contact form{border:2px solid var(--ink);border-radius:0;box-shadow:9px 9px 0 var(--butter);padding:35px;background:linear-gradient(#fffdf6,#fffdf6);position:relative}.contact form:before{content:'THE BAKE BRIEF';display:block;font-family:'DM Mono',monospace;letter-spacing:2px;font-size:12px;border-bottom:1px dashed var(--ink);padding-bottom:19px;margin-bottom:25px}input:not([type=checkbox]),select,textarea{border-radius:0;background:#fff;border-color:#b9b19b}.checks label{border-radius:0;border-color:#b9b19b}label,legend{font-size:12px;font-weight:600}.checks label:has(input:checked){border-color:var(--ink)}footer{margin:0;padding:35px 5%;background:var(--ink);color:var(--paper);border:0}footer .brand-star{color:var(--butter)}footer p{font-family:'Caveat',Georgia,serif;font-size:22px}footer small{color:#d1c8ae}
@media(max-width:1000px){h1{font-size:78px;letter-spacing:-5px}.hero-photo>img{height:355px}.section{padding-left:5%;padding-right:5%}.bake-grid{gap:25px}.image-wrap{height:250px}.about{gap:7%}.about-copy h2{font-size:40px}.contact{gap:5%}.contact form{padding:23px}}
@media(max-width:620px){header{height:80px;padding:0 5%;gap:14px}.brand{font-size:27px;letter-spacing:-1.5px}.brand-star{font-size:31px}.nav-cta{font-size:9px;padding:8px;box-shadow:2px 2px 0 var(--ink)}.hero{padding:35px 6% 0}.hero-copy{padding:0 0 15px}h1{font-size:70px;letter-spacing:-4.5px;line-height:.94}h1 em{letter-spacing:-3px}.hero .eyebrow{font-size:8px;padding:6px 8px;letter-spacing:.8px}.intro{font-size:14px;max-width:330px}.hero-photo{width:88%;margin:25px auto 35px;padding:11px 11px 50px;transform:rotate(4deg)}.hero-photo>img{height:330px}.round-stamp{height:100px;width:100px;right:-23px;bottom:65px}.photo-label{font-size:8px;left:13px;right:13px;bottom:17px}.hero-bottom{margin:10px -7% 0;font-size:10px;width:115%;padding:13px 5%;gap:25px}.section{padding:60px 7%}.preferences,.about,.contact{grid-template-columns:1fr;gap:30px}.preferences h2,.section-top h2{font-size:40px}.tags span{font-size:11px;padding:8px 12px}.section-top>p{font-size:20px}.bake-grid{gap:35px;padding:0 8px}.bake-grid figure:nth-child(2){margin-top:0}.image-wrap,.bake-grid figure:nth-child(2) .image-wrap{height:320px}.bakes{padding-bottom:70px}.portrait{max-width:290px}.portrait img{height:350px}.about{padding-top:70px;padding-bottom:60px}.about-copy{margin-top:18px}.about-copy h2{font-size:40px}.quote{padding:45px 6%}.quote blockquote{font-size:44px;letter-spacing:-2px}.quote>span{font-size:150px}.contact-copy h2{font-size:52px}.contact form{padding:22px;box-shadow:6px 6px 0 var(--butter)}footer .brand{font-size:27px}footer p{font-size:21px}}
@media(max-width:380px){.brand{font-size:24px;gap:6px}.brand-star{font-size:25px}.nav-cta{font-size:8px;padding:7px}h1{font-size:59px}.hero .eyebrow{font-size:7px}.hero-photo>img{height:285px}.round-stamp{right:-20px}}

.bake-grid{row-gap:48px}.bake-grid figure:nth-child(4){transform:rotate(2deg)}.bake-grid figure:nth-child(5){transform:rotate(-3deg);margin-top:35px}.bake-grid figure:nth-child(6){transform:rotate(2deg)}@media(max-width:620px){.bake-grid figure:nth-child(5){margin-top:0}.bake-grid{row-gap:35px}}

/* Keep the ingredient banner readable without clipping on phones. */
.hero-bottom .hero-bottom-message,.hero-bottom .hero-bottom-repeat:not(.hero-bottom-star){font:inherit;letter-spacing:inherit}
@media(max-width:620px){
  .hero-bottom{width:auto;align-self:stretch;margin:10px calc(-100% * 6 / 88) 0;padding:16px 6%;justify-content:center;gap:12px;white-space:normal;text-align:center;letter-spacing:1px;line-height:1.6}
  .hero-bottom .hero-bottom-message{min-width:0;max-width:100%;font-size:clamp(10px,2.8vw,14px);text-wrap:balance}
  .hero-bottom .hero-bottom-star{flex:0 0 auto;font-size:22px;line-height:1}
  .hero-bottom .hero-bottom-repeat{display:none}
}
/* Let the large quote fit even the narrowest phone viewport. */
@media(max-width:620px){
 .quote blockquote{font-size:clamp(27px,7.5vw,44px);letter-spacing:-1px;line-height:1.18;overflow-wrap:break-word;position:relative;margin:18px auto;max-width:100%}
 .quote blockquote em{display:inline-block}
 .quote>span{opacity:.35;left:-55px;pointer-events:none}
}