@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--cream:#f8f2e8;--paper:#fffdf8;--ink:#24332c;--muted:#6f776f;--terracotta:#c65f3d;--olive:#64725b;--line:#e7dfd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.shell{width:min(1160px,100% - 40px);margin-inline:auto}.nav{justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font:700 21px Playfair Display,serif;text-decoration:none;display:flex}.brand i{color:var(--terracotta);font-weight:600}.brand-mark{color:#fff;background:var(--terracotta);border-radius:50% 50% 48% 52%;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-5deg)}.nav nav{gap:38px;display:flex}.nav nav a{color:#48544e;font-size:14px;font-weight:600;text-decoration:none}.nav nav a:hover{color:var(--terracotta)}.saved{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;display:flex;position:relative}.saved b{background:var(--terracotta);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid;position:absolute;top:-8px;right:-6px}.hero{background:var(--cream);border-radius:28px;grid-template-columns:1.05fr .95fr;min-height:570px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:86px 30px 70px 72px}.eyebrow,.kicker{color:var(--terracotta);letter-spacing:.13em;font-size:12px;font-weight:700}.eyebrow{align-items:center;gap:8px;display:flex}.hero h1{letter-spacing:-.035em;max-width:620px;margin:18px 0;font:700 clamp(48px,5.3vw,76px)/.99 Playfair Display,serif}.hero h1 em{color:var(--terracotta);font-weight:600}.hero-copy>p{max-width:530px;color:var(--muted);font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:25px;margin-top:34px;display:flex}.primary{color:#fff;background:var(--terracotta);border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 10px 25px #c65f3d33}.hero-actions>span{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.hero-art{background:radial-gradient(circle at 55% 48%,#e4ceb4 0 28%,#0000 28.5%),linear-gradient(145deg,#f4e7d5,#e3cbb0);min-height:570px;position:relative}.plate{background:#fefcf6;border-radius:50%;place-items:center;width:360px;height:360px;display:grid;position:absolute;top:90px;left:55px;box-shadow:0 24px 55px #5b39252c,inset 0 0 0 22px #fff}.plate-food{filter:drop-shadow(0 12px 10px #52361d24);font-size:150px}.leaf{filter:drop-shadow(0 8px 6px #52361d22);font-size:48px;position:absolute}.leaf-one{bottom:30px;left:-30px;transform:rotate(-25deg)}.leaf-two{top:55px;right:-17px}.leaf-three{bottom:-15px;right:10px}.note{background:#fff8d8;width:125px;padding:18px;font:15px/1.25 Playfair Display,serif;position:absolute;top:55px;left:6px;transform:rotate(-7deg);box-shadow:0 8px 30px #573a211a}.note span{color:var(--terracotta);margin-left:6px}.flour{width:75px;height:75px;color:var(--terracotta);background:#fff9;border-radius:50%;place-items:center;font-size:26px;display:grid;position:absolute;bottom:50px;right:25px}.recipe-section{padding:95px 0 85px}.section-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.section-heading h2{margin:8px 0 0;font:700 40px Playfair Display,serif}.search{border:1px solid var(--line);color:#899089;background:#fff;border-radius:999px;align-items:center;gap:10px;width:min(370px,100%);padding:12px 16px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.search button{cursor:pointer;background:0 0;border:0;display:grid}.filters{flex-wrap:wrap;gap:9px;margin:35px 0 28px;display:flex}.filters button{cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600}.filters button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 16px 38px #28342d14}.heart{z-index:2;cursor:pointer;color:#667068;background:#fffdf5e8;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:13px;right:13px}.heart.liked{color:var(--terracotta)}.food-image{cursor:pointer;border:0;place-items:center;width:100%;height:210px;display:grid;position:relative;overflow:hidden}.food-image:after,.modal-hero:after{content:"";border:1px solid #ffffff65;border-radius:50%;width:150px;height:150px;position:absolute}.food-image span{z-index:1;filter:drop-shadow(0 14px 12px #44301d31);font-size:86px;transition:transform .3s}.card:hover .food-image span{transform:scale(1.08)rotate(-3deg)}.food-image small{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;background:#fffdf4d9;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;position:absolute;top:14px;left:14px}.lemon{background:linear-gradient(145deg,#efe0a5,#d9bd67)}.peach{background:linear-gradient(145deg,#f0c5ad,#dd936e)}.honey{background:linear-gradient(145deg,#e8c48a,#bd8744)}.cinnamon{background:linear-gradient(145deg,#ccb59e,#99735d)}.taco{background:linear-gradient(145deg,#c9d3a4,#94a66f)}.chocolate{background:linear-gradient(145deg,#b79a89,#795547)}.tomato{background:linear-gradient(145deg,#e9a48d,#bf604e)}.orange{background:linear-gradient(145deg,#f0c286,#dc8f45)}.card-body{padding:20px}.meta{color:#8b918d;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.meta span{align-items:center;gap:5px;display:flex}.card h3{margin:10px 0 8px;font:700 21px/1.15 Playfair Display,serif}.card p{min-height:61px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.read-more{color:var(--terracotta);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:16px;padding:0;font-size:13px;font-weight:700;display:flex}.empty{text-align:center;border:1px dashed var(--line);background:var(--cream);border-radius:20px;padding:70px}.empty span{font-size:52px}.empty h3{margin:12px 0 5px;font:700 26px Playfair Display,serif}.empty p{color:var(--muted)}.empty button{background:var(--terracotta);color:#fff;cursor:pointer;border:0;border-radius:99px;padding:10px 18px}.collections{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:95px;display:grid}.collection{border-radius:22px;height:310px;padding:45px;position:relative;overflow:hidden}.collection>span{letter-spacing:.15em;font-size:11px;font-weight:700}.collection h3{margin:14px 0 30px;font:600 36px/1.12 Playfair Display,serif}.collection button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:700;display:flex}.collection>b{opacity:.18;font:700 110px Playfair Display,serif;position:absolute;bottom:12px;right:34px;transform:rotate(-8deg)}.collection.dark{color:#fff;background:#3f5349}.collection.light{color:var(--ink);background:#ead4c2}.about{text-align:center;max-width:790px;padding:20px 20px 100px}.about-icon{background:var(--cream);border-radius:50%;place-items:center;width:56px;height:56px;font-size:25px;display:inline-grid}.about p{margin:20px 0 10px;font:600 30px/1.35 Playfair Display,serif}.about small{color:var(--muted)}footer{border-top:1px solid var(--line);background:var(--cream)}.footer-inner{justify-content:space-between;align-items:center;gap:25px;min-height:120px;display:flex}.footer-inner p,.footer-inner>span{color:var(--muted);font-size:13px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#17221ccc;place-items:center;padding:30px;display:grid;position:fixed;inset:0;overflow:auto}.modal{background:var(--paper);border-radius:24px;width:min(950px,100%);max-height:calc(100vh - 60px);position:relative;overflow:auto;box-shadow:0 30px 80px #0006}.modal-close{z-index:3;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:18px;right:18px}.modal-hero{place-items:center;height:240px;display:grid;position:relative;overflow:hidden}.modal-hero>span{z-index:1;filter:drop-shadow(0 15px 15px #43271835);font-size:110px}.modal-hero small{z-index:2;text-transform:uppercase;letter-spacing:.08em;background:#fffd;border-radius:99px;padding:6px 11px;font-weight:700;position:absolute;bottom:20px;left:25px}.modal-content{padding:35px 45px 45px}.modal-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.modal-title h2{margin:5px 0 0;font:700 38px Playfair Display,serif}.heart.static{background:var(--cream);flex:none;position:static}.modal-content>p{color:var(--muted);line-height:1.6}.recipe-stats{border-block:1px solid var(--line);gap:25px;margin:25px 0;padding:16px 0;display:flex}.recipe-stats span{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.recipe-stats svg{width:18px;color:var(--terracotta)}.recipe-columns{grid-template-columns:.8fr 1.2fr;gap:55px;display:grid}.recipe-columns h3{font:700 22px Playfair Display,serif}.recipe-columns ul{padding:0;list-style:none}.recipe-columns ul li{border-bottom:1px solid var(--line);padding:9px 0 9px 20px;font-size:14px;position:relative}.recipe-columns ul li:before{content:"•";color:var(--terracotta);position:absolute;left:2px}.recipe-columns ol{padding:0;list-style:none}.recipe-columns ol li{color:var(--muted);gap:13px;margin-bottom:16px;font-size:14px;line-height:1.5;display:flex}.recipe-columns ol b{background:var(--cream);height:28px;color:var(--terracotta);border-radius:50%;flex:0 0 28px;place-items:center;display:grid}@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 55px 35px}.hero-art{min-height:440px}.plate{top:45px;left:50%;transform:translate(-50%)}}@media (max-width:700px){.shell{width:min(100% - 28px,1160px)}.nav{height:72px}.nav nav,.saved span{display:none}.hero{border-radius:19px}.hero-copy{padding:45px 24px 35px}.hero h1{font-size:46px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-art{min-height:345px}.plate{width:260px;height:260px;top:32px}.plate-food{font-size:110px}.leaf{font-size:38px}.note{top:25px;left:5px}.recipe-section{padding:65px 0}.section-heading{flex-direction:column;align-items:stretch}.section-heading h2{font-size:34px}.search{width:100%}.grid{grid-template-columns:1fr}.food-image{height:240px}.collections{grid-template-columns:1fr;padding-bottom:65px}.collection{height:280px;padding:32px}.collection h3{font-size:31px}.about{padding-bottom:65px}.about p{font-size:24px}.footer-inner{text-align:center;flex-direction:column;justify-content:center;padding:30px 0}.modal-backdrop{padding:10px}.modal{border-radius:18px;max-height:calc(100vh - 20px)}.modal-hero{height:180px}.modal-content{padding:28px 22px}.modal-title h2{font-size:30px}.recipe-stats{flex-wrap:wrap;gap:12px}.recipe-columns{grid-template-columns:1fr;gap:18px}}