:root{--blue:#2647ff;--pink:#ff8ea4;--yellow:#ffd843;--cream:#f5f0e6;--ink:#171717;--display:"Archivo Black",sans-serif;--body:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);overflow-x:hidden}body.loading{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}::selection{background:var(--pink);color:var(--ink)}.grain{position:fixed;inset:0;z-index:400;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E")}.wipe{position:fixed;inset:0;z-index:999;background:var(--cream);display:flex;align-items:center;justify-content:center;font:clamp(5rem,15vw,13rem)/1 var(--display);transition:transform .9s cubic-bezier(.8,0,.2,1)}.wipe span:first-child{color:var(--blue)}.wipe span:nth-child(2){color:var(--pink);font-family:Georgia,serif;font-style:italic}.wipe span:last-child{color:var(--yellow);-webkit-text-stroke:2px var(--ink)}.wipe.done{transform:translateY(-105%)}header{height:78px;position:fixed;z-index:100;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2.4vw;border-bottom:2px solid var(--ink);background:rgba(245,240,230,.9);backdrop-filter:blur(13px)}.logo{display:flex;align-items:center;font:1rem/1 var(--display);letter-spacing:-.07em;width:max-content}.logo i{font:italic 2rem/.5 Georgia,serif;color:var(--pink);margin:0 4px}.logo span:last-child{color:var(--blue)}header nav{display:flex;gap:2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}header nav a{transition:color .2s}header nav a:hover{color:var(--blue)}.call{justify-self:end;border:2px solid;border-radius:999px;padding:11px 16px;font-size:.72rem;font-weight:700}.call span{margin-left:10px}.hero{min-height:100svh;padding-top:78px;display:grid;grid-template-columns:1fr 1fr;position:relative;border-bottom:2px solid}.hero-half{position:relative;min-height:calc(100svh - 78px);overflow:hidden;padding:55px 3vw}.hero-half:after{content:attr(data-word);position:absolute;font:18vw/.75 var(--display);left:-2vw;bottom:-3vw;color:rgba(23,23,23,.05);writing-mode:vertical-rl}.brother{background:var(--blue);color:white;border-right:2px solid var(--ink)}.sister{background:var(--yellow)}.eyebrow{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em}.hero h1{position:relative;z-index:2;margin:8vh 0 0;font:clamp(5rem,11vw,12rem)/.71 var(--display);letter-spacing:-.1em}.hero h1 span{display:block}.brother h1 span:last-child{color:var(--yellow)}.sister h1 span:last-child{color:var(--pink);-webkit-text-stroke:2px var(--ink)}.ampersand{position:absolute;z-index:5;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-12deg);width:130px;aspect-ratio:1;border:2px solid;border-radius:50%;display:grid;place-items:center;background:var(--cream);font:italic 6.5rem/1 Georgia,serif;box-shadow:8px 8px 0 var(--ink);animation:bob 3s ease-in-out infinite alternate}@keyframes bob{to{transform:translate(-50%,-58%) rotate(7deg)}}.bread-object{position:absolute;width:34vw;height:25vw;right:-5vw;bottom:7vh;perspective:800px}.loaf{position:absolute;inset:2vw 0;background:linear-gradient(145deg,#f4bd55,#b76524 72%);border-radius:55% 48% 50% 50%;transform:rotate(-12deg) rotateX(12deg);box-shadow:inset 20px 20px 35px rgba(255,235,150,.4),inset -25px -25px 40px rgba(103,39,10,.35);animation:loaf 4s ease-in-out infinite alternate}.loaf i{position:absolute;width:13%;height:75%;top:8%;border-left:8px solid rgba(255,226,148,.75);border-radius:50%;transform:rotate(24deg)}.loaf i:nth-child(1){left:22%}.loaf i:nth-child(2){left:40%}.loaf i:nth-child(3){left:58%}.loaf i:nth-child(4){left:76%}@keyframes loaf{to{transform:rotate(-7deg) rotateX(4deg) translateY(-15px)}}.shadow{position:absolute;bottom:0;left:15%;right:8%;height:20%;background:rgba(0,0,0,.25);filter:blur(20px);border-radius:50%}.hero-image{position:absolute;right:-4vw;bottom:7vh;width:36vw;height:24vw;margin:0;border:2px solid;padding:8px;background:var(--cream);transform:rotate(7deg);box-shadow:8px 8px 0 var(--ink);overflow:hidden}.hero-image img{transition:transform 1s}.hero-image:hover img{transform:scale(1.06)}.hero-caption{position:absolute;z-index:3;left:3vw;bottom:4vh;font-size:1rem;font-weight:700}.scroll{position:absolute;z-index:6;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:white;padding:11px 15px;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.14em}.scroll span{color:var(--yellow);margin-left:8px}.conveyor{overflow:hidden;background:var(--ink);color:var(--cream);padding:18px 0;border-bottom:2px solid}.conveyor-track{width:max-content;display:flex;align-items:center;gap:22px;font:1.25rem var(--display);animation:roll 23s linear infinite}.conveyor i{color:var(--pink);font-style:normal}@keyframes roll{to{transform:translateX(-50%)}}.house{min-height:1100px;padding:130px 5vw;position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;overflow:hidden}.house-copy{position:relative;z-index:2}.label{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.house h2,.timeline-heading h2,.counter-top h2,.visit h2{font:clamp(3.8rem,7.2vw,8rem)/.83 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:45px 0}.house h2 span{color:var(--blue)}.house-copy>p:last-child{max-width:450px;line-height:1.7;font-size:1.05rem}.shop-shot{position:relative;height:650px;margin:0}.shop-shot:before{content:"";position:absolute;inset:-12px 12px 12px -12px;background:var(--pink);border:2px solid}.shop-shot img{position:relative;border:2px solid}.shop-shot figcaption{position:absolute;right:-2px;bottom:-2px;background:var(--ink);color:white;padding:20px 25px}.shop-shot figcaption span{display:block;color:var(--yellow);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.shop-shot figcaption b{display:block;margin-top:5px}.round-stamp{position:absolute;left:43%;bottom:110px;width:165px;aspect-ratio:1;border:3px solid;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--yellow);font:1rem/1.1 var(--display);transform:rotate(-8deg);animation:bobStamp 4s ease-in-out infinite alternate}.round-stamp small{font:.45rem var(--body);letter-spacing:.12em}@keyframes bobStamp{to{transform:rotate(8deg) translateY(-10px)}}.timeline{padding:120px 5vw 160px;background:var(--pink);border-block:2px solid}.timeline-heading{display:grid;grid-template-columns:.4fr 1.6fr}.timeline-heading h2{margin-top:0}.timeline-heading em{font-style:normal;color:var(--blue)}.time-list{margin-top:80px;border-top:2px solid}.time-card{min-height:470px;border-bottom:2px solid;display:grid;grid-template-columns:.25fr .8fr 1fr;gap:4vw;align-items:center;padding:40px 0}.time-card.reverse .time-visual{order:3}.hour{font:2rem var(--display);align-self:start;margin-top:20px}.time-visual{height:370px;overflow:hidden;border:2px solid;background:var(--cream);padding:8px;transform:rotate(-2deg)}.time-card.reverse .time-visual{transform:rotate(2deg)}.time-card h3{font:clamp(2rem,3.6vw,4.2rem)/.95 var(--display);letter-spacing:-.055em;text-transform:uppercase;margin:0 0 22px}.time-card p{max-width:420px;line-height:1.7}.counter{padding:130px 5vw;background:var(--cream)}.counter-top{display:grid;grid-template-columns:.4fr 1.6fr}.counter-top h2{margin-top:0}.counter-top h2 span{color:var(--pink);-webkit-text-stroke:1px var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.product{position:relative;min-height:500px;border:2px solid;background:none;padding:25px;text-align:left;overflow:hidden;cursor:pointer;transition:transform .3s,box-shadow .3s}.product:hover,.product.active{transform:translateY(-10px);box-shadow:8px 8px 0 var(--ink)}.product.blue{background:var(--blue);color:white}.product.pink{background:var(--pink)}.product.yellow{background:var(--yellow)}.product>span{float:right;font-weight:700}.product h3{font:2rem var(--display);text-transform:uppercase;margin:40px 0 5px}.product p{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.product-shape{height:290px;position:relative;display:grid;place-items:center}.bread-shape{width:75%;height:190px;margin:55px auto 45px;border-radius:50%;background:linear-gradient(145deg,#ffdc79,#aa5c20);transform:rotate(-10deg);box-shadow:inset 15px 15px 25px rgba(255,255,255,.3)}.bread-shape i{position:absolute;width:12px;height:75%;border-left:5px solid #ffe5a4;border-radius:50%;transform:rotate(25deg)}.bread-shape i:nth-child(1){left:28%}.bread-shape i:nth-child(2){left:48%}.bread-shape i:nth-child(3){left:68%}.croissant-shape{display:flex;align-items:center;justify-content:center}.croissant-shape i{display:block;width:23%;height:120px;border-radius:50%;background:linear-gradient(100deg,#ffda63,#bd6a24);margin:-7px;transform:rotate(15deg);box-shadow:inset 5px 5px 12px rgba(255,255,255,.35)}.croissant-shape i:first-child{transform:rotate(-30deg) translateY(15px)}.croissant-shape i:last-child{transform:rotate(30deg) translateY(15px)}.sandwich-shape{height:200px;width:80%;margin:auto;background:linear-gradient(160deg,#efb94f,#a95c1c);clip-path:polygon(12% 12%,90% 0,100% 72%,5% 95%);transform:rotate(-5deg)}.sandwich-shape i{position:absolute;left:3%;right:0;top:50%;height:20%;background:#5d9c42;clip-path:polygon(0 30%,13% 0,24% 40%,38% 5%,51% 55%,65% 8%,76% 45%,90% 0,100% 40%,100% 100%,0 100%)}.product-detail{margin-top:18px;border:2px solid;padding:22px 25px;display:grid;grid-template-columns:.35fr 1fr 1fr;gap:3vw;align-items:center}.product-detail>span{font-size:.62rem;font-weight:700;letter-spacing:.18em}.product-detail p{font-weight:700}.product-detail small{line-height:1.5}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-block:2px solid;background:var(--blue);color:white}.number-block{min-height:430px;padding:45px;display:flex;flex-direction:column;justify-content:center;border-right:2px solid var(--ink)}.number-block:last-child{border:0}.number-block.flip{background:var(--yellow);color:var(--ink)}.number-block>span{font:clamp(6rem,13vw,13rem)/.8 var(--display);letter-spacing:-.1em}.number-block>span span{font-size:.25em;letter-spacing:0}.number-block p{margin:35px 0 0;text-transform:uppercase;font-weight:700;letter-spacing:.12em;font-size:.72rem}.visit{padding:150px 5vw;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:7vw}.visit h2{color:var(--blue)}.visit-copy>p:nth-of-type(2){line-height:1.7}.visit-actions{display:flex;gap:25px;align-items:center;margin-top:35px}.primary{display:inline-block;background:var(--ink);color:white;border-radius:999px;padding:16px 22px;font-size:.72rem;font-weight:700;text-transform:uppercase}.visit-actions>a:last-child{text-decoration:underline;text-underline-offset:5px;font-weight:700}.opening{border:2px solid;padding:35px;align-self:center;background:var(--yellow);box-shadow:10px 10px 0 var(--ink);transform:rotate(1.5deg)}.opening>span{font-size:.65rem;font-weight:700;letter-spacing:.18em}.opening-row{padding:35px 0;border-bottom:2px solid;display:flex;justify-content:space-between;gap:20px}.opening-row b{font:1.3rem var(--display)}.opening-row strong{font-size:1.3rem}.opening-row.muted{opacity:.5}.opening>p{font-size:.75rem;line-height:1.5;margin-top:30px}.finale{min-height:680px;background:var(--ink);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.finale-word{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;font:12vw/.75 var(--display);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12);transform:rotate(-8deg) scale(1.2)}.finale-word span:last-child{transform:translateX(10vw)}.finale h2{position:relative;font:clamp(3.8rem,7vw,8rem)/.85 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:0 0 45px}.finale em{font-style:normal;color:var(--pink)}.finale>a{position:relative;background:var(--yellow);color:var(--ink);padding:17px 24px;border-radius:999px;font-weight:700}.finale>a span{margin-left:15px}.magnetic{transition:transform .2s}footer{min-height:150px;padding:40px 3vw;display:grid;grid-template-columns:1.2fr 1fr 1.5fr auto;gap:25px;align-items:end;border-top:2px solid;font-size:.7rem}footer p{margin:0}.legal{text-align:center}.reveal{opacity:0;transform:translateY(45px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){header{grid-template-columns:1fr auto}header nav{display:none}.hero{grid-template-columns:1fr;min-height:1500px}.hero-half{min-height:720px}.brother{border-right:0;border-bottom:2px solid}.hero h1{font-size:19vw}.hero-image,.bread-object{width:62vw;height:42vw}.ampersand{top:50%;width:100px;font-size:5rem}.house{grid-template-columns:1fr;min-height:auto}.shop-shot{height:520px}.round-stamp{left:auto;right:4%;bottom:80px}.timeline-heading,.counter-top{grid-template-columns:1fr}.time-card{grid-template-columns:.2fr 1fr}.time-card>div:last-child{grid-column:2}.time-card.reverse .time-visual{order:initial}.product-grid{grid-template-columns:1fr}.product{min-height:460px}.product-detail{grid-template-columns:1fr}.numbers{grid-template-columns:1fr}.number-block{min-height:300px;border-right:0;border-bottom:2px solid}.visit{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.legal{text-align:left}}
@media(max-width:560px){header{height:68px;padding-inline:4vw}.logo{font-size:.72rem}.logo i{font-size:1.5rem}.call{font-size:0;width:45px;height:45px;padding:0;display:grid;place-items:center}.call span{font-size:1rem;margin:0}.hero{padding-top:68px;min-height:1240px}.hero-half{min-height:600px;padding:45px 5vw}.hero h1{font-size:22vw}.hero-image,.bread-object{width:76vw;height:52vw;bottom:8vh}.hero-caption{left:5vw}.ampersand{width:82px;font-size:4rem}.house,.timeline,.counter,.visit{padding:95px 6vw}.house h2,.timeline-heading h2,.counter-top h2,.visit h2{font-size:13vw}.shop-shot{height:380px}.round-stamp{width:115px;bottom:55px}.time-card{grid-template-columns:1fr;padding:35px 0}.time-card>div:last-child{grid-column:1}.time-visual{height:280px}.time-card.reverse .time-visual{order:initial}.time-card h3{font-size:2rem}.product{min-height:430px}.product-detail{padding:20px}.number-block>span{font-size:35vw}.visit-actions{align-items:flex-start;flex-direction:column}.opening{padding:25px}.opening-row{display:block}.opening-row strong{display:block;margin-top:8px}.finale{min-height:550px}.finale h2{font-size:12vw}footer{grid-template-columns:1fr}.legal{order:4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}