@font-face{font-family:TonieSerif;src:url('assets/serif.woff') format('woff');font-display:swap}
@font-face{font-family:TonieSans;src:url('assets/sans.woff') format('woff');font-display:swap}
:root{--cream:#f5ebdd;--cocoa:#4b2413;--olive:#686b43;--apricot:#eba06f;--line:#4b24132e;--serif:TonieSerif,Georgia,serif;--sans:TonieSans,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--cream);color:var(--cocoa);font-family:var(--sans);font-size:1rem;line-height:1.65}a{color:inherit}a:focus-visible{outline:3px solid var(--olive);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.13}em{font-weight:400} .skip-link{position:absolute;z-index:5;top:-5rem;left:1rem;background:var(--cocoa);color:var(--cream);padding:1rem}.skip-link:focus{top:1rem}
.header{min-height:112px;padding:1rem 5%;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{flex:none}.brand img{width:144px;height:66px}.header nav{display:flex;gap:2.4rem}.header nav a{text-decoration:none;font-size:.9rem;padding:.5rem 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:var(--cocoa)}.header-note{font-family:var(--serif);font-size:.9rem;font-style:italic}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:710px}.hero-copy{padding:4.8rem 8% 3.4rem 10%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:.75rem;letter-spacing:.12em;line-height:1.7}.hero h1{font-size:clamp(3.4rem,5.3vw,6.1rem);letter-spacing:-.045em;margin:1.45rem 0 1.65rem}.hero h1 em{color:var(--olive)}.intro{font-size:1rem;line-height:1.8}.button{margin-top:2rem;display:inline-flex;align-items:center;justify-content:space-between;gap:1.7rem;padding:1rem 1.35rem;background:var(--cocoa);color:var(--cream);font-size:.875rem;text-decoration:none;transition:background .18s}.button:hover{background:var(--olive)}.button span{font-size:1.4rem;line-height:1}.palette{display:flex;align-items:center;gap:.55rem;margin-top:2.5rem}.palette i,.about-dots i{display:block;width:14px;height:14px;background:var(--cocoa);border-radius:50%}.palette i:nth-child(2){background:var(--olive)}.palette i:nth-child(3){background:var(--apricot)}.palette span{font-family:var(--serif);font-size:.875rem;margin-left:.55rem}.hero-visual{position:relative;min-height:100%;background:#d8c5ab;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:url('assets/tonie-criacoes.png');background-size:auto 125%;background-position:100% 0;background-repeat:no-repeat}.photo-caption{position:absolute;bottom:2rem;left:2rem;right:2rem;background:var(--cream);padding:1rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.photo-caption span{font-size:.7rem;letter-spacing:.08em;max-width:115px;line-height:1.5}.photo-caption p{font-family:var(--serif);font-size:1.2rem;line-height:1.3}
.ribbon{background:var(--olive);color:var(--cream);padding:1.5rem 5%;display:flex;justify-content:space-evenly;align-items:center;gap:1rem}.ribbon p{font-family:var(--serif);font-size:1.3rem}.ribbon span{color:var(--apricot)}.section{padding:6.5rem 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section-heading h2{font-size:clamp(2.1rem,3.4vw,3.5rem);letter-spacing:-.04em;margin-top:1rem}.section-heading>p{font-size:.95rem}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.product-photo{height:360px;position:relative;background-image:url('assets/tonie-criacoes.png');background-repeat:no-repeat;background-color:#ddc9b0;overflow:hidden}.tart-photo{background-image:url('assets/tonie-tortinhas-salgadas.png');background-size:cover;background-position:50% 50%}.strawberry-photo{background-size:230%;background-position:100% 0}.classics-photo{background-image:url('assets/tonie-classicos.png');background-size:220%;background-position:0 100%}.tag{position:absolute;top:1rem;left:1rem;padding:.5rem .7rem;font-size:.7rem;letter-spacing:.04em;line-height:1.4}.olive{background:var(--olive);color:var(--cream)}.apricot{background:var(--apricot)}.cocoa{background:var(--cocoa);color:var(--cream)}.product-title{display:flex;gap:.85rem;align-items:center;margin:1.5rem 0 .85rem}.number{font-size:.75rem;border:1px solid var(--line);width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}.product-title h3{font-size:clamp(1.2rem,1.7vw,1.7rem);letter-spacing:-.025em}.product>p{font-size:.95rem;line-height:1.8;max-width:34rem}.image-note{font-size:.75rem;margin-top:2.5rem;opacity:.8}
.about{background:var(--cocoa);color:var(--cream);display:grid;grid-template-columns:1fr 1fr}.about-signature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:5rem 10%;border-right:1px solid #f5ebdd30}.about-signature img{width:100%;max-width:390px}.about-dots{display:flex;gap:1rem}.about-dots i{width:22px;height:22px;background:var(--cream)}.about-dots i:nth-child(2){background:var(--olive)}.about-dots i:nth-child(3){background:var(--apricot)}.about-copy{padding:5.5rem 10%}.about-copy .eyebrow{color:var(--apricot)}.about-copy h2{font-size:clamp(2.3rem,3.5vw,3.7rem);letter-spacing:-.035em;margin:1.4rem 0 2rem}.about-copy>p:not(.eyebrow){font-size:.95rem;margin-top:1rem;line-height:1.8;max-width:34rem}.closing{text-align:center;padding:6rem 5%}.closing-line{font-family:var(--serif);font-size:clamp(2rem,3.4vw,3.8rem);line-height:1.25;letter-spacing:-.035em;margin:1.5rem 0 2rem}.closing-line em{color:var(--olive)}.text-link{text-underline-offset:7px;font-size:.875rem}.text-link span{margin-left:.6rem}footer{border-top:1px solid var(--line);margin:0 5%;padding:1.7rem 0;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem}footer span:last-child{font-family:var(--serif);font-size:.875rem}
@media(min-width:1600px){body{max-width:1800px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1050px){.header-note{display:none}.hero-copy{padding-top:3rem}.hero{min-height:650px}.hero h1{font-size:4.3rem}.product-grid{gap:1.2rem}.product-photo{height:300px}.product-title{align-items:flex-start}.product-title h3{font-size:1.25rem}.photo-caption{flex-direction:column;align-items:flex-start}.photo-caption span{max-width:none}.ribbon p{font-size:1.05rem}.section{padding:4.5rem 5%}}
@media(max-width:700px){.header{min-height:92px;gap:1rem;padding:1rem 6%}.brand img{width:118px;height:54px}.header nav{gap:1rem}.header nav a{font-size:.875rem}.hero{grid-template-columns:1fr}.hero-copy{padding:3rem 7%}.hero h1{font-size:clamp(3.3rem,12vw,5rem)}.hero h1 br:nth-child(2){display:none}.hero h1 em:before{content:' '}.hero .eyebrow{font-size:.7rem}.hero-visual{min-height:470px}.hero-photo{background-size:auto 160%}.photo-caption{left:1.3rem;right:1.3rem;bottom:1.3rem;flex-direction:row;align-items:center}.photo-caption span{max-width:100px;font-size:.65rem}.photo-caption p{font-size:1.1rem}.ribbon{padding:1.2rem 6%;justify-content:center;flex-wrap:wrap;gap:.6rem 1rem}.ribbon p{font-size:1rem}.ribbon p:last-child,.ribbon span:last-of-type{display:none}.section{padding:3.5rem 7%}.section-heading{display:block;margin-bottom:2rem}.section-heading>p{margin-top:1.5rem}.section-heading>p br{display:none}.product-grid{grid-template-columns:1fr;gap:2.7rem}.product-photo{height:auto;aspect-ratio:1.12}.product-title h3{font-size:1.5rem}.product-title{align-items:center;margin-top:1.1rem}.product>p{font-size:1rem}.about{grid-template-columns:1fr}.about-signature{padding:3rem 15%;border-right:0;border-bottom:1px solid #f5ebdd30;gap:1.8rem}.about-signature img{max-width:270px}.about-copy{padding:3rem 7%}.about-copy>p:not(.eyebrow){font-size:1rem}.closing{padding:3.5rem 7%}footer{margin:0 7%;display:block}footer span{display:block}footer span:last-child{margin-top:.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.header a.header-note{text-decoration:none;font-family:var(--sans);font-size:.875rem;font-style:normal;text-underline-offset:5px}.header a.header-note:hover{text-decoration:underline}.hero-menu-link{margin-top:1.1rem}.closing-whatsapp{margin-top:0;max-width:100%;text-align:left}.contact-number{font-size:1rem;margin:.9rem 0 1.5rem}footer>a{font-size:.875rem;text-underline-offset:4px}@media(max-width:700px){footer>a{display:inline-block;margin-top:.75rem;min-height:44px}.closing-whatsapp{gap:1rem}.button{max-width:100%;white-space:normal}}
body{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}
.whatsapp-fixed{position:fixed;z-index:1000;right:max(1.25rem,env(safe-area-inset-right,0px));bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.6rem;max-width:calc(100vw - 2.5rem);padding:.85rem 1.4rem;border:2px solid var(--cream);border-radius:999px;background:#25d366;color:#123326;box-shadow:0 5px 24px #12332640;font-family:var(--sans);font-size:1rem;font-weight:700;line-height:1.25;text-decoration:none;transition:background .18s,box-shadow .18s}
.whatsapp-fixed svg{flex:none}.whatsapp-fixed:hover{background:#3fe080;box-shadow:0 7px 28px #12332655}.whatsapp-fixed:focus-visible{outline:3px solid var(--cocoa);outline-offset:4px}
@media(max-width:700px){.whatsapp-fixed{right:max(1rem,env(safe-area-inset-right,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 2rem);padding:.8rem 1.2rem}}