.menu-btn{position:fixed;top:24px;left:24px;z-index:100;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;&:hover{transform:scale(1.1)}img{width:55px;height:55px;object-fit:contain}}section{padding:80px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"h2 h2";font-size:50pt;font-weight:900;&.black{background-color:#000;color:#fff}&.kraft{background:url(/images/bg-kraft-paper.jpg) center/cover no-repeat}h2{font-size:24pt;grid-area:h2;text-align:center;padding-bottom:60px}}header{position:absolute;top:40px;right:80px;z-index:10;transition:opacity .3s ease;>.logo{display:none}img{text-align:right}.banneton-container{position:relative;display:inline-block}.banneton{anchor-name:--banneton;cursor:pointer;display:block;position:relative;z-index:2}.banneton-peek{position:absolute;width:55px;top:-25px;left:calc(50% - 42.5px);transform:rotate(-12deg);transform-origin:top left;z-index:3;pointer-events:none;clip-path:inset(0 0 30% 0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.banneton-badge{position:absolute;top:-16px;right:18px;width:34px;height:34px;background-color:#ff0;color:#000;font-size:11pt;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none;animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.banneton-tooltip{position:fixed;position-anchor:--banneton;top:anchor(--banneton bottom);left:anchor(--banneton center);transform:translate(-50%);margin-top:8px;background:#000;color:#fff;padding:8px 16px;border-radius:8px;font-size:12pt;font-weight:400;white-space:nowrap;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.banneton-tooltip.tooltip-visible{opacity:1}.banneton-container:hover+.banneton-tooltip{opacity:1}}.hero{height:780px;position:relative;view-timeline:--hero;view-timeline-axis:block;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-break-bread.jpg) center/cover no-repeat;filter:grayscale(20%) brightness(.8);z-index:-1}h2{all:unset;color:#fff;font-weight:900;font-size:clamp(48pt,8.7vw,96pt);line-height:1;display:none;margin-top:35px}@media(min-width:1200px){h2{display:block}}.hero-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);animation:gentle-tilt 6s ease-in-out infinite,hero-scroll-away linear both;animation-timeline:auto,--hero;animation-range:normal,exit 0% exit 80%;overflow:hidden;z-index:5;img{display:block}&:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 55%,transparent 80%);animation:shimmer 6s ease-in-out infinite;pointer-events:none}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:768px){height:750px;background:url(/images/bg-bakery.jpg) center/cover no-repeat;.hero-wrapper{transform:translate(-50%,-50%)}}}@keyframes hero-scroll-away{0%{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg) scale(1)}30%{top:62%;left:55%;transform:translate(-50%,-50%) rotate(18deg) scale(.85)}60%{top:80%;left:62%;transform:translate(-50%,-50%) rotate(12deg) scale(.7)}80%{top:120%;left:60%;transform:translate(-50%,-50%) rotate(-3deg) scale(.55)}to{top:162%;left:60%;transform:translate(-50%,-50%) rotate(-3deg) scale(.4125)}}.description{font-size:54pt;text-align:right;grid-template-columns:1fr 1fr;padding-bottom:0;view-timeline:--description;view-timeline-axis:block;.images{position:relative;justify-self:center}.thumbs-up{position:relative;z-index:2}.excited-woman{position:absolute;top:calc(50% + 50px);left:calc(50% + 75px);transform:translate(-50%,-50%) translate(-200px,115px) rotate(30deg);z-index:1;height:300px;animation:reveal-excited linear both;animation-timeline:--description;animation-range:entry 10% entry 80%}}@keyframes reveal-excited{0%{transform:translate(-50%,-50%) translate(-200px,115px) rotate(30deg)}to{transform:translate(-50%,-50%) translate(60px,-35px) rotate(30deg)}}@keyframes split-left{0%{transform:translate(calc(50% + 80px)) rotate(0)}to{transform:rotate(-7deg)}}@keyframes split-right{0%{transform:translate(calc(-50% - 80px)) rotate(0)}to{transform:rotate(7deg)}}@keyframes caption-fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%,18%{left:-100%}20%{left:-60%}27%{left:140%}30%,to{left:-100%}}@keyframes gentle-tilt{0%,to{transform:translate(-50%,-50%) rotate(-5deg) perspective(600px) rotateY(0) rotateX(0)}8%{transform:translate(-50%,-50%) rotate(-5deg) perspective(600px) rotateY(3deg) rotateX(1deg)}16%{transform:translate(-50%,-50%) rotate(-5deg) perspective(600px) rotateY(-3deg) rotateX(-1deg)}24%{transform:translate(-50%,-50%) rotate(-5deg) perspective(600px) rotateY(2deg) rotateX(.5deg)}30%{transform:translate(-50%,-50%) rotate(-5deg) perspective(600px) rotateY(0) rotateX(0)}}.sample-card{font-size:50pt;grid-template-columns:1fr 1fr;padding-left:80px;padding-right:80px;.card{place-self:center;&.front{z-index:1;animation:split-left 1s linear both;animation-timeline:view();animation-range:cover 5% cover 40%}&.back{animation:split-right 1s linear both;animation-timeline:view();animation-range:cover 5% cover 40%}}.caption{padding-top:60px;font-size:32pt;place-self:center;position:relative;animation:caption-fade-in 1s linear both;animation-timeline:view();animation-range:cover 15% cover 40%}}.comparison{padding-left:160px;padding-right:160px;font-size:20pt;table{--table-border: white;border-collapse:collapse}thead th{border-bottom:8px solid var(--table-border);padding-bottom:10px;font-weight:900;font-size:24pt}tr>td{text-align:center;padding:25px 75px;font-weight:500}tbody>tr>th{text-align:right;font-weight:900}td.highlight,th.highlight{box-shadow:-3px 0 3px -1px #00000040,3px 0 3px -1px #00000040}thead th.highlight{box-shadow:-3px 0 3px -1px #00000040,3px 0 3px -1px #00000040,0 -3px 3px -1px #00000040}tbody tr:last-child td.highlight{box-shadow:-3px 0 3px -1px #00000040,3px 0 3px -1px #00000040,0 3px 3px -1px #00000040}tr:not(:last-child)>th,tr:not(:last-child)>td{border-bottom:2px solid var(--table-border)}}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}62%{transform:rotate(0)}to{transform:rotate(0)}}.who-its-for{grid-template-columns:1fr 2fr;font-size:64pt;img{justify-self:center;transform-origin:70% 70%;animation:wave 4s ease-in-out infinite;animation-play-state:paused}img.waving{animation-play-state:running}}.gifting{display:grid;grid-template-columns:1fr;grid-template-areas:"h2" "content";position:relative;padding:0;font-size:38pt;text-align:center;color:#fff;overflow:hidden;>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}h2{position:relative;z-index:1;padding-top:80px}>div{position:relative;z-index:1}p{padding:40px 60px 80px;font-weight:100;text-shadow:0 2px 8px rgba(0,0,0,.6)}}.boule-separator{padding:0;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"h2 h2 h2 h2 h2"}.product-listing{grid-template-columns:1fr 2fr;grid-template-areas:"h2 h2";position:relative;overflow:hidden;height:700px;color:#fff;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg-bakery.jpg) center/cover no-repeat;filter:grayscale(50%) brightness(.8);z-index:-1}button{background-color:#ff0;cursor:pointer;font-size:28pt;padding:14px 40px;border:none;font-weight:900;transition:background-color .2s ease,transform .15s ease;&:hover{background-color:#f0e000;transform:scale(1.02)}}.offer{font-size:32pt}>div:last-of-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.wrapper{justify-self:end}}.charity-partner{grid-template-columns:1fr 2fr;font-size:34pt;font-weight:200;img{justify-self:center}p{max-width:750px}b{font-weight:700}a{color:inherit;text-decoration:none;&:hover{text-decoration:underline}}}.fly-to-banneton{position:fixed;z-index:1000;pointer-events:none;transform-origin:top left}footer{padding:40px 80px;display:flex;justify-content:space-between;align-items:center;font-size:24px;a{color:inherit;text-decoration:none;&:hover{text-decoration:underline}font-weight:700}.footer-links{display:flex;gap:24px;font-size:14px;a{font-weight:400;opacity:.6;&:hover{opacity:1}}}}.quirky-arrow{width:120px;height:auto;position:absolute;top:10px;right:-130px}.quirky-arrow.flipped{right:auto;left:-130px;transform:scaleX(-1)}.quirky-arrow path{fill:none;stroke:#ff0;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.join-the-movement{grid-template-columns:1fr 2fr;img{justify-self:center}.caption{font-size:32px}}