:root{--green:#1a290b;--cream:#fbf8ef;--orange:#c97920;--pale:#edebdf;--line:#d6d3c5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif}html{scroll-behavior:smooth}.topline{text-align:center;background:var(--green);color:var(--cream);padding:10px;font-size:11px;letter-spacing:.14em;font-weight:700}header{height:104px;max-width:1220px;margin:auto;padding:0 35px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:10px;color:var(--green);text-decoration:none;font-size:25px;line-height:.76;font-weight:800;letter-spacing:.1em}.logo img{width:70px;height:70px;object-fit:contain;border-radius:50%;border:2px solid var(--orange)}.logo i{font:italic 22px 'Playfair Display'}nav{margin-left:auto;display:flex;gap:25px}nav a{color:var(--green);text-decoration:none;font-size:13px;font-weight:800;padding:13px 0}nav a:hover,nav .active{color:var(--orange)}.order,.button{background:var(--green);color:var(--cream);border-radius:99px;padding:14px 20px;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap}header button{display:none;background:none;border:0;font-size:24px}.hero,.about-hero{max-width:1220px;margin:auto;padding:85px 35px;min-height:625px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.eyebrow{margin:0 0 15px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.15em}h1,h2,h3{font-family:'Playfair Display'}h1,h2{margin:0;line-height:.98;letter-spacing:-.055em}h1{font-size:clamp(52px,7.5vw,106px)}h2{font-size:clamp(42px,4.5vw,62px)}em{color:var(--orange)}.hero p:not(.eyebrow),.about-hero p:not(.eyebrow){max-width:460px;line-height:1.7;color:#526043;margin:24px 0 32px}.link{color:var(--green);font-size:14px;font-weight:800;margin-left:20px}.hero-image{height:465px;position:relative}.hero-image img{width:85%;height:100%;object-fit:cover;position:absolute;right:0;border-radius:180px 180px 12px 12px;border:8px solid var(--cream);box-shadow:0 12px 25px #1a290b25}.hero-image span{position:absolute;left:0;bottom:35px;background:var(--cream);border:1px solid var(--line);padding:14px;border-radius:9px;z-index:1;font-size:12px;transform:rotate(-7deg)}.hero-image b{font:24px 'Playfair Display';color:var(--orange)}.section{max-width:1220px;margin:auto;padding:110px 35px;text-align:center}.section h2{margin-bottom:44px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;text-align:left}.cards article{background:#fffdf8;border:1px solid var(--line);border-radius:14px;padding:14px}.cards img{width:100%;height:270px;object-fit:cover;border-radius:9px}.cards h3{font-size:30px;margin:20px 0 7px}.cards p{min-height:65px;line-height:1.55;color:#526043;font-size:14px}.cards ul{list-style:none;padding:0;border-top:1px solid var(--line)}.cards li{display:grid;grid-template-columns:1fr 1fr auto;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}.cards small{color:#657054}.cards li b{background:var(--green);color:#fff;padding:4px 7px;border-radius:5px}.cards button{width:100%;padding:13px;border:0;border-radius:8px;background:var(--orange);color:#fff;font-weight:800;cursor:pointer}.how{background:var(--pale);padding:100px max(35px,calc((100vw - 1150px)/2));display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.how p{line-height:1.7;color:#536047}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps article{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:20px}.steps>b{color:var(--orange)}.steps h3{font-size:21px;margin:22px 0 7px}.steps p{font-size:13px}.contact{background:var(--green);color:var(--cream);padding:85px max(35px,calc((100vw - 1150px)/2));display:grid;grid-template-columns:1.15fr .85fr;gap:60px}.contact p:not(.eyebrow){max-width:460px;line-height:1.7;color:#d3d7c8}.cream{background:var(--cream);color:var(--green)}.contact aside{align-self:center;display:flex;flex-direction:column;gap:14px}.contact aside>*{color:var(--cream);text-decoration:none;font-size:15px}.contact aside>b{font-size:11px;letter-spacing:.14em;color:var(--orange)}footer{text-align:center;padding:25px;color:#647054;font-size:12px}.about-hero>img{width:min(390px,88%);justify-self:end}.about{background:var(--pale);padding:105px max(35px,calc((100vw - 1150px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.about h3{font:italic 24px 'Playfair Display';color:var(--orange)}.about p{line-height:1.8;color:#536047}.mission{max-width:840px;margin:auto;text-align:center;padding:105px 35px}.mission>p:not(.eyebrow){max-width:690px;margin:24px auto 0;line-height:1.8;color:#536047}@media(max-width:760px){header{height:82px;padding:0 20px}.logo{font-size:20px}.logo img{width:56px;height:56px}nav,.order{display:none}nav.open{display:flex;position:absolute;top:122px;left:20px;right:20px;padding:22px;background:var(--cream);z-index:4;flex-direction:column;border:1px solid var(--line)}header button{display:block;margin-left:auto}.hero,.about-hero{grid-template-columns:1fr;padding:60px 23px;gap:35px;min-height:auto}.hero-image{height:370px}.section{padding:80px 23px}.cards,.how,.contact,.about{grid-template-columns:1fr}.how,.about{padding:75px 23px;gap:35px}.steps{grid-template-columns:1fr}.contact{padding:70px 23px}.about-hero>img{justify-self:center;width:230px}.mission{padding:75px 23px}}
/* Three menu items: keep every treat equally visible */
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cards article{display:flex;flex-direction:column}.cards button{margin-top:auto}@media(max-width:980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.cards{grid-template-columns:1fr}}

/* Premium finish: typography, motion, depth, and polish */
:root{--shadow:0 20px 50px rgba(26,41,11,.12);--shadow-soft:0 12px 28px rgba(26,41,11,.08)}
body{font-family:'Plus Jakarta Sans',sans-serif;background:radial-gradient(circle at 8% 14%,rgba(201,121,32,.08),transparent 23rem),var(--cream);letter-spacing:-.015em}.topline{position:relative;overflow:hidden;background:linear-gradient(90deg,#112006,var(--green),#23370d);padding:12px;font-size:10px}.topline span{color:var(--orange);padding:0 9px}header{position:sticky;top:0;z-index:20;background:rgba(251,248,239,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(26,41,11,.06)}nav{gap:30px}nav a{position:relative;transition:color .2s ease}nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--orange);border-radius:5px;transform:scaleX(0);transition:transform .2s ease}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.order,.button{background:linear-gradient(135deg,#162508,#294015);box-shadow:4px 4px 0 rgba(201,121,32,.8);transition:transform .2s ease,box-shadow .2s ease}.order:hover,.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(201,121,32,.7)}.hero{min-height:680px}.hero-copy{position:relative}.hero-copy:before{content:'✦';position:absolute;right:2.5rem;top:-2rem;color:var(--orange);font-size:28px;animation:float 4s ease-in-out infinite}.hero-copy h1{font-weight:800;text-wrap:balance}.hero-copy h1 em{font-style:italic}.hero-image:after{content:'';position:absolute;right:3%;top:8%;width:94%;height:94%;border:1px solid rgba(201,121,32,.45);border-radius:180px 180px 15px 15px;z-index:-1;transform:rotate(6deg)}.hero-image img{filter:saturate(1.08) contrast(1.03);transition:transform .5s ease}.hero-image:hover img{transform:translateY(-6px) rotate(1deg)}.section{position:relative}.section h2,.mission h2{font-weight:800}.cards{gap:20px}.cards article{border:1px solid rgba(26,41,11,.10);padding:13px;background:linear-gradient(145deg,#fffefa,#f8f3e8);box-shadow:0 2px 0 rgba(26,41,11,.05);transition:transform .25s ease,box-shadow .25s ease}.cards article:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.cards article:before{content:'HANDMADE';align-self:flex-start;background:var(--pale);color:var(--green);border-radius:99px;padding:6px 9px;margin:2px 0 10px;font-size:9px;font-weight:800;letter-spacing:.1em}.cards img{box-shadow:inset 0 0 0 1px rgba(26,41,11,.08)}.cards h3{font-weight:800}.cards li{transition:background .2s ease}.cards li:hover{background:rgba(201,121,32,.08)}.cards button{background:linear-gradient(135deg,var(--orange),#a85c12);box-shadow:none;transition:filter .2s ease,transform .2s ease}.cards button:hover{filter:brightness(1.08);transform:translateY(-2px)}.how{position:relative;overflow:hidden;background:linear-gradient(115deg,#edf0df,var(--pale) 60%,#f3e5cf)}.how:after{content:'NATE’S\A GOODIES';white-space:pre;position:absolute;right:-3rem;bottom:-3rem;color:rgba(26,41,11,.04);font:800 9rem/.75 'Playfair Display';pointer-events:none}.steps article{position:relative;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .2s ease}.steps article:hover{transform:translateY(-5px)}.steps article>b{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--green);color:var(--cream);border-radius:50%}.contact{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 25%,rgba(201,121,32,.38),transparent 19rem),linear-gradient(135deg,#112006,#23370d)}.contact:after{content:'✦';position:absolute;right:9%;bottom:-2.5rem;font-size:12rem;color:rgba(251,248,239,.08);font-family:'Playfair Display'}.contact aside{padding:28px;border-left:1px solid rgba(251,248,239,.22)}.contact aside a{transition:color .2s ease}.contact aside a:hover{color:var(--orange)}footer{border-top:1px solid var(--line);background:#f8f3e8;padding:30px}.about-hero,.about{position:relative}.about-hero>img{filter:drop-shadow(0 20px 26px rgba(26,41,11,.12))}.about{background:linear-gradient(115deg,#edf0df,var(--pale) 60%,#f3e5cf)}.mission{position:relative}.mission:before{content:'✦';display:block;color:var(--orange);font-size:28px;margin-bottom:15px}@keyframes float{50%{transform:translateY(-10px) rotate(16deg)}}@media(max-width:760px){.topline{font-size:8px}.topline span{padding:0 4px}.hero{min-height:auto}.hero-copy:before{right:0}.hero-image:after{display:none}.contact aside{border-left:0;border-top:1px solid rgba(251,248,239,.22);padding:25px 0 0}.cards article:before{margin-top:5px}}
/* Clear WhatsApp ordering and custom-tray request */
.tray-note{min-height:0!important;margin:8px 0 16px!important;padding:11px 12px;background:rgba(201,121,32,.10);border-left:3px solid var(--orange);font-size:12px!important;line-height:1.5!important;color:var(--green)!important}.tray-note a{display:block;margin-top:3px;color:var(--green);font-weight:800}.whatsapp-float{position:fixed;z-index:30;right:22px;bottom:22px;display:flex;align-items:center;gap:7px;background:#1d7a42;color:#fff;text-decoration:none;padding:14px 17px;border-radius:99px;box-shadow:0 12px 28px rgba(26,41,11,.28);font-size:12px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.whatsapp-float span{font-size:20px;line-height:0}.whatsapp-float b{font-size:13px}.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(26,41,11,.32)}@media(max-width:760px){.whatsapp-float{right:14px;bottom:14px;padding:13px 15px}.whatsapp-float b{display:none}}
/* Final photo and contact refinements */
.cards article:nth-child(3) img{object-position:center 16%;transform:scale(1.12)}.cards article:nth-child(3){overflow:hidden}.whatsapp-float,.whatsapp-float:visited,.whatsapp-float b,.whatsapp-float span{color:#fff!important;text-shadow:none}.whatsapp-float{background:#207b45!important}
/* Phone refinements: readable WhatsApp button, centred cinnamon rolls, closing mobile menu */
.contact .button.cream,.contact .button.cream:visited{background:#207b45!important;color:#fff!important;border:1px solid rgba(255,255,255,.42);text-shadow:none;box-shadow:4px 4px 0 rgba(255,255,255,.22)}.contact .button.cream:hover{background:#176b39!important;color:#fff!important}.cards article:nth-child(3) img{object-position:50% 32%;transform:scale(1.05)}@media(max-width:760px){nav.open{animation:menuIn .2s ease both}nav.open a{padding:14px 0;border-bottom:1px solid var(--line)}nav.open a:last-child{border-bottom:0}@keyframes menuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}