@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--bg:#17130f;--bg2:#211a14;--cream:#f1e7d6;--muted:#b6a995;--copper:#c87543;--gold:#e8b67a;--line:rgba(241,231,214,.18);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.grain-layer{position:fixed;inset:-50%;z-index:20;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");transform:translateZ(0)}.loader{position:fixed;inset:0;z-index:100;background:#17130f;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s,visibility .7s}.loader.done{opacity:0;visibility:hidden}.loader-mark{font:600 76px var(--serif);letter-spacing:-.1em}.loader-mark span{color:var(--copper)}.loader p{font-size:8px;letter-spacing:.2em;color:var(--muted);margin-top:20px}.loader-track{width:130px;height:1px;background:#4b3b2e;overflow:hidden;margin-top:18px}.loader-track span{display:block;width:100%;height:100%;background:var(--gold);transform:translateX(-100%);animation:load 1.6s ease forwards}.topbar{height:78px;position:absolute;top:0;left:0;right:0;z-index:30;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(241,231,214,.12)}.brand{font:600 37px var(--serif);letter-spacing:-.09em}.brand span{font:500 9px var(--sans);vertical-align:top;letter-spacing:0;margin-left:4px}.top-center,.menu-link{font-size:8px;letter-spacing:.17em;font-weight:600}.top-center{color:#c6b7a1}.top-center i{font-style:normal;color:var(--copper);margin:0 9px}.menu-link{border-bottom:1px solid var(--copper);padding:10px 0}.menu-link span{margin-left:17px;color:var(--gold);font-size:14px}.hero{min-height:790px;height:min(100vh,940px);position:relative;overflow:hidden;display:grid;grid-template-columns:45% 55%;padding:135px 6.5% 65px;background:radial-gradient(ellipse at 75% 45%,#4b2b1a 0%,#261a12 29%,#17130f 66%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(23,19,15,.94) 0%,rgba(23,19,15,.58) 43%,transparent 74%),linear-gradient(0deg,rgba(23,19,15,.6),transparent 24%)}.hero-bg-glow{position:absolute;width:45vw;height:45vw;max-width:700px;max-height:700px;right:4%;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(205,119,63,.22),rgba(205,119,63,0) 67%);filter:blur(15px)}.hero-copy{position:relative;z-index:3;align-self:center;padding-bottom:35px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.2em;color:#d4bda1;font-weight:600}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--copper);box-shadow:0 0 15px var(--copper)}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(60px,7vw,102px);line-height:.98;margin:30px 0 27px}h1 em,h2 em{color:var(--gold);font-weight:500}.hero-sub{font-size:13px;line-height:1.9;color:#c0b09b;max-width:330px}.hero-cta{display:inline-flex;gap:35px;align-items:center;margin-top:31px;padding:15px 0;border-bottom:1px solid var(--copper);font-size:8px;letter-spacing:.16em;font-weight:700}.hero-cta b{font-size:16px;color:var(--gold);font-weight:400}.product-stage{position:relative;z-index:2;align-self:stretch;min-height:500px;perspective:1200px;transform-style:preserve-3d;--mx:0deg;--my:0deg}.stage-halo{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;left:12%;top:5%;background:radial-gradient(circle,rgba(239,166,96,.23),rgba(192,102,49,.08) 42%,transparent 69%);filter:blur(10px);animation:haloPulse 5s ease-in-out infinite}.stage-ring{position:absolute;border:1px solid rgba(234,187,132,.22);width:105%;height:57%;left:-1%;top:23%;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 30px rgba(224,152,93,.04)}.ring-b{width:92%;height:80%;left:3%;top:13%;transform:rotate(36deg);border-color:rgba(234,187,132,.12)}.pastry-model{position:absolute;width:min(44vw,570px);height:min(27vw,340px);min-width:340px;min-height:230px;left:50%;top:48%;transform:translate(-50%,-50%) rotateX(var(--my)) rotateY(var(--mx));transform-style:preserve-3d;filter:drop-shadow(0 40px 34px rgba(0,0,0,.46));animation:pastryFloat 6s ease-in-out infinite;transition:transform .18s ease-out;z-index:4}.pastry-body{position:absolute;left:9%;top:22%;width:82%;height:59%;border-radius:52% 48% 43% 57%/61% 64% 36% 39%;background:linear-gradient(158deg,#ffdc9c 0%,#f3b463 15%,#cf7a39 43%,#8e421f 69%,#542516 100%);box-shadow:inset 0 14px 14px rgba(255,230,172,.72),inset 0 -23px 26px rgba(62,24,10,.58),inset 10px -5px 12px rgba(255,180,89,.3);transform:rotate(-11deg) translateZ(25px);overflow:hidden}.pastry-body:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 8%,rgba(255,232,178,.8) 18%,transparent 24%,transparent 39%,rgba(116,47,15,.25) 45%,transparent 51%,rgba(255,211,133,.38) 65%,transparent 72%);mix-blend-mode:screen}.pastry-body:after{content:"";position:absolute;inset:5% 2% 15%;border-radius:50%;border-top:2px solid rgba(255,232,172,.65);filter:blur(1px)}.ridge{position:absolute;top:-4%;height:106%;width:14%;border-radius:45% 55% 45% 55%;background:linear-gradient(90deg,#8f411d 0%,#c97132 22%,#ffd58b 52%,#f3ad58 69%,#8e401d 100%);box-shadow:inset 3px 0 5px rgba(255,222,156,.65),inset -5px 0 7px rgba(84,30,8,.45);z-index:2}.ridge-1{left:8%;transform:rotate(-18deg)}.ridge-2{left:23%;top:-8%;height:114%;transform:rotate(-10deg)}.ridge-3{left:39%;top:-10%;height:116%;transform:rotate(-3deg)}.ridge-4{left:55%;top:-7%;height:112%;transform:rotate(8deg)}.ridge-5{left:70%;transform:rotate(17deg)}.highlight{position:absolute;z-index:3;left:10%;top:13%;width:58%;height:17%;border-radius:50%;background:rgba(255,237,185,.7);filter:blur(10px);transform:rotate(-12deg)}.pastry-end{position:absolute;width:23%;height:48%;top:43%;background:linear-gradient(110deg,#6b2e16,#d27b3a 37%,#f8bd6b 64%,#9b4c24);border-radius:12% 58% 63% 42%;z-index:1;box-shadow:inset 0 7px 7px rgba(255,219,142,.3),inset 0 -10px 14px rgba(69,23,8,.5)}.end-left{left:1%;transform:rotate(28deg) skewY(-8deg)}.end-right{right:1%;transform:rotate(-28deg) skewY(8deg)}.product-shadow{position:absolute;z-index:1;width:73%;height:7%;left:14%;top:72%;background:#090706;border-radius:50%;filter:blur(25px);opacity:.8;animation:shadowPulse 6s ease-in-out infinite}.floating-particle{position:absolute;width:5px;height:5px;background:#e7b77d;border-radius:50%;box-shadow:0 0 14px #d88b4e;z-index:4;animation:particleDrift 6s ease-in-out infinite}.particle-1{left:20%;top:28%}.particle-2{left:77%;top:34%;animation-delay:-2s}.particle-3{left:30%;top:67%;animation-delay:-3.5s;width:3px;height:3px}.particle-4{left:85%;top:61%;animation-delay:-1s;width:4px;height:4px}.stage-caption{position:absolute;z-index:5;display:flex;flex-direction:column;gap:9px;font-size:8px;letter-spacing:.12em;line-height:1.5}.stage-caption span{color:#c38b5b}.stage-caption b{font-weight:500;color:#e5d4bc}.caption-left{left:0;bottom:17%}.caption-right{right:0;top:20%;text-align:right}.orbit-tag{position:absolute;top:8%;left:48%;font-size:7px;letter-spacing:.2em;color:#cbb092;transform:rotate(12deg)}.orbit-tag span{color:var(--copper);margin:0 8px}.scroll-cue{position:absolute;bottom:7%;left:42%;font-size:7px;letter-spacing:.15em;color:#bca68c;display:flex;align-items:center;gap:10px}.scroll-cue span{height:28px;width:1px;background:linear-gradient(var(--copper),transparent);animation:cue 1.8s ease-in-out infinite}.hero-footer{position:absolute;z-index:5;bottom:25px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#93816c}.hero-footer b{color:var(--gold);font-size:12px;margin-left:8px}.section-dark{background:#17130f}.manifesto{padding:130px 9% 100px}.section-index{font-size:8px;letter-spacing:.18em;color:#b39c82}.section-index span{color:var(--copper);margin:0 7px}.manifesto-grid{display:grid;grid-template-columns:1fr .65fr;gap:13%;align-items:end;margin-top:40px}.manifesto h2,.menu-head h2,.visit-copy h2,.order-section h2{font-size:clamp(52px,6.8vw,90px);line-height:.98;margin:0;letter-spacing:-.07em}.manifesto-copy{padding-bottom:7px}.manifesto-copy p{font-size:13px;line-height:2;color:#bfb09d;max-width:360px}.signature{display:block;font:italic 18px var(--serif);color:var(--gold);margin-top:25px}.manifesto-line{height:1px;background:var(--line);margin:75px 0 28px}.numbers{display:grid;grid-template-columns:repeat(3,1fr)}.numbers div{display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line);padding-left:25px}.numbers div:first-child{padding-left:0}.numbers div:last-child{border:0}.numbers strong{font:500 38px var(--serif);color:var(--gold)}.numbers strong span{font-size:19px}.numbers small{font-size:7px;letter-spacing:.15em;color:#aa9880}.menu-section{background:#e8ddcc;color:#211913;padding:115px 8% 100px}.menu-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.menu-head .section-index{color:#766553}.menu-head h2{margin-top:28px}.menu-head h2 em{color:#b4663c}.menu-head>p{max-width:275px;font-size:12px;line-height:1.9;color:#766a5c;margin-bottom:5px}.menu-gallery{display:grid;grid-template-columns:1.1fr .9fr 1.05fr;gap:17px;margin-top:60px;align-items:start}.menu-card:nth-child(2){margin-top:58px}.menu-card:nth-child(3){margin-top:20px}.card-image{height:360px;position:relative;overflow:hidden;background:#c8aa86}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,9,.25),transparent 30%,rgba(20,14,9,.1));pointer-events:none}.card-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.menu-card:hover img{transform:scale(1.06);filter:saturate(1)}.card-no,.card-plus{position:absolute;z-index:2;top:16px;color:#fff;font-size:7px;letter-spacing:.16em}.card-no{left:16px}.card-plus{right:16px;font-size:17px}.card-info{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid rgba(33,25,19,.22)}.card-info h3{font:500 21px var(--serif);margin:0 0 7px}.card-info p{font-size:9px;color:#7a6c5c;margin:0}.card-info strong{font-size:11px;white-space:nowrap}.disclaimer{font-size:8px;color:#7b6d5d;margin-top:35px}.interlude{height:650px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 9%;background:#1a130e}.interlude-image{position:absolute;inset:-5%;background:url('https://images.unsplash.com/photo-1509440159596-0249088772ff?auto=format&fit=crop&w=2000&q=90') center 54%/cover;filter:brightness(.55) saturate(.7);transform:scale(1.04);will-change:transform}.interlude-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,14,10,.9),rgba(19,14,10,.42) 60%,rgba(19,14,10,.1)),linear-gradient(0deg,rgba(19,14,10,.55),transparent 35%)}.interlude-content{position:relative;z-index:2}.interlude-content>span{font-size:8px;letter-spacing:.2em;color:#e4b17b}.interlude-content h2{font-size:clamp(48px,6.6vw,86px);line-height:1;margin:26px 0 30px}.interlude-content h2 em{color:#e4b17b}.interlude-content>a{font-size:8px;letter-spacing:.15em;border-bottom:1px solid var(--copper);padding-bottom:13px}.interlude-content>a b{color:var(--gold);font-size:14px;margin-left:20px}.interlude-number{position:absolute;right:8%;bottom:35px;font-size:8px;letter-spacing:.18em;color:#d1b99b;z-index:2}.visit-section{padding:115px 8% 125px}.visit-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;align-items:center;margin-top:45px}.visit-copy h2{margin-bottom:25px}.visit-copy h2 em{color:#d5a06d}.visit-copy p{font-size:12px;line-height:2;color:#b4a28d;max-width:320px}.light-cta{color:var(--cream);margin-top:28px}.visit-photo{height:500px;position:relative}.visit-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.8)}.photo-sticker{position:absolute;top:12%;left:-35px;width:110px;height:110px;background:#d18b56;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#20160f;font-size:11px;line-height:1.2;letter-spacing:.08em;transform:rotate(-11deg)}.photo-sticker span{font:italic 10px var(--serif);letter-spacing:0}.photo-sticker b{font-size:18px;margin-top:6px}.photo-caption{position:absolute;bottom:0;right:0;background:#e8ddcc;color:#241b14;font-size:7px;letter-spacing:.15em;padding:13px 17px}.order-section{position:relative;overflow:hidden;background:#a95d36;color:#f4e7d5;padding:105px 9% 95px}.order-section .section-index{color:#f1c9a5;position:relative;z-index:2}.order-section h2{font-size:clamp(58px,8vw,110px);margin:38px 0 20px;position:relative;z-index:2}.order-section h2 em{color:#27170f}.order-section>p{position:relative;z-index:2;font-size:12px;line-height:1.8;max-width:330px;color:#f0d1b6}.order-button{position:relative;z-index:2;margin-top:25px;background:#f4e7d5;color:#27170f;border:0;padding:17px 21px;font-size:8px;letter-spacing:.15em;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.order-button:hover{transform:translateY(-3px);background:#fff5e8}.order-button span{font-size:15px;margin-left:25px}.order-section small{display:block;position:relative;z-index:2;margin-top:16px;font-size:8px;color:#f0c5a4}.order-orb{position:absolute;width:570px;height:570px;border:1px solid rgba(255,238,219,.2);border-radius:50%;right:-70px;top:-20px;box-shadow:0 0 0 45px rgba(255,238,219,.025),0 0 0 90px rgba(255,238,219,.02)}.order-brand{position:absolute;right:7%;bottom:-45px;font:600 150px var(--serif);letter-spacing:-.1em;color:rgba(255,242,225,.1)}.order-brand span{font:10px var(--sans);vertical-align:top}.footer{min-height:100px;padding:24px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#17130f}.footer .brand{font-size:32px}.footer>span,.footer>a:last-child{font-size:7px;letter-spacing:.15em;color:#a99780}.footer>span a{color:var(--cream);font-weight:700}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;transition:.25s;background:#f1e7d6;color:#17130f;padding:14px 18px;font-size:11px;z-index:50;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes load{to{transform:translateX(0)}}@keyframes pastryFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -15px;rotate:1deg}}@keyframes shadowPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(.91);opacity:.5}}@keyframes haloPulse{0%,100%{opacity:.7;scale:1}50%{opacity:1;scale:1.08}}@keyframes particleDrift{0%,100%{translate:0 0;opacity:.4}50%{translate:12px -24px;opacity:1}}@keyframes cue{0%,100%{opacity:.4;transform:scaleY(.8);transform-origin:top}50%{opacity:1;transform:scaleY(1.1);transform-origin:top}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:900px){.hero{min-height:720px;grid-template-columns:43% 57%;padding-left:5%;padding-right:5%}h1{font-size:clamp(56px,7.3vw,78px)}.pastry-model{min-width:300px;min-height:210px}.manifesto{padding:100px 7% 80px}.menu-section{padding:95px 6%}.card-image{height:300px}.visit-photo{height:430px}.hero-footer{left:5%;right:5%}}@media(max-width:640px){.topbar{height:68px;padding:0 6%}.brand{font-size:33px}.top-center{display:none}.menu-link{font-size:7px}.hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:115px 6% 70px;background:radial-gradient(ellipse at 50% 56%,#492817 0%,#241811 36%,#17130f 76%)}.hero:after{background:linear-gradient(0deg,rgba(23,19,15,.55),transparent 25%)}.hero-copy{padding:0;z-index:5}.eyebrow{font-size:7px}h1{font-size:clamp(57px,15vw,82px);margin:25px 0 20px}.hero-sub{font-size:12px;max-width:300px}.hero-cta{margin-top:20px}.product-stage{min-height:390px;margin-top:8px;width:100%}.stage-halo{width:95%;left:2%;top:8%}.stage-ring{width:118%;left:-9%;top:24%}.ring-b{width:110%;left:-5%;top:15%}.pastry-model{width:100%;height:235px;min-width:0;min-height:0;top:48%}.pastry-body{height:58%}.stage-caption{font-size:7px}.caption-left{left:0;bottom:8%}.caption-right{right:0;top:13%}.orbit-tag{top:4%;left:42%;font-size:6px}.scroll-cue{bottom:1%;left:36%;font-size:6px}.hero-footer{bottom:19px;left:6%;right:6%;font-size:6px}.hero-footer span:nth-child(2){display:none}.manifesto{padding:80px 6% 70px}.manifesto-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.manifesto h2,.menu-head h2,.visit-copy h2{font-size:clamp(52px,13vw,70px)}.manifesto-copy p{font-size:12px}.manifesto-line{margin:50px 0 24px}.numbers div{padding-left:12px}.numbers strong{font-size:30px}.numbers small{font-size:6px;line-height:1.5}.menu-section{padding:78px 6% 65px}.menu-head{display:block}.menu-head h2{margin:25px 0}.menu-head>p{margin-top:20px}.menu-gallery{grid-template-columns:1fr;gap:28px;margin-top:38px}.menu-card:nth-child(2),.menu-card:nth-child(3){margin-top:0}.card-image{height:350px}.card-info h3{font-size:22px}.interlude{height:530px;padding:0 7%}.interlude-image{background-position:58% center}.interlude-content h2{font-size:clamp(48px,12vw,67px)}.visit-section{padding:80px 6%}.visit-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.visit-photo{height:370px;margin-left:18px}.photo-sticker{width:92px;height:92px;left:-28px;font-size:10px}.photo-caption{font-size:6px;padding:10px}.order-section{padding:78px 6% 75px}.order-section h2{font-size:clamp(58px,14vw,82px)}.order-orb{width:350px;height:350px;right:-180px;top:25px}.order-brand{font-size:90px;bottom:-20px;right:3%}.footer{padding:22px 6%;flex-wrap:wrap}.footer>span{order:3;width:100%;text-align:center}.footer>a:last-child{font-size:6px}}
/* Realistic photographic hero pastry replacing the former CSS illustration */
.hero-pastry-photo{position:absolute;width:min(49vw,700px);height:auto;max-height:78%;object-fit:contain;left:50%;top:48%;transform:translate(-50%,-50%);z-index:4;filter:drop-shadow(0 35px 30px rgba(0,0,0,.48));border-radius:3px;mix-blend-mode:normal;will-change:transform;transition:filter .3s ease}
.product-stage:hover .hero-pastry-photo{filter:drop-shadow(0 42px 35px rgba(0,0,0,.55)) saturate(1.04)}
@media(max-width:900px){.hero-pastry-photo{width:min(52vw,600px)}}
@media(max-width:640px){.hero-pastry-photo{width:min(112%,520px);max-height:74%;top:48%}}
