:root{--primary: #4B3621;--accent: #D4AF37;--accent-light: #F4E8C1;--dark: #1E1A17;--bg-paper: #FCF9F5;--white: #FFFFFF;--border-style: 3px solid var(--dark);--sketch-shadow: 6px 6px 0px var(--dark)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-paper);color:var(--dark);line-height:1.6;background-image:linear-gradient(rgba(30,26,23,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,26,23,.05) 1px,transparent 1px);background-size:30px 30px}h1,h2,h3{font-family:Fredoka,sans-serif;font-weight:800;color:var(--primary)}.highlight{background:linear-gradient(104deg,#d4af374d,#d4af3766);padding:2px 8px;border-radius:12px 4px 14px 3px/5px 12px 3px 10px;display:inline-block}.handwritten{font-family:Architects Daughter,cursive;color:var(--primary)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-paper);border-left:var(--border-style)}::-webkit-scrollbar-thumb{background:var(--primary);border:3px solid var(--bg-paper);border-radius:10px}nav{background-color:var(--white);padding:.8rem 5%;display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;top:0;z-index:1000;border-bottom:4px solid var(--dark);box-shadow:0 4px #0000000d}.logo-block{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-block img{height:60px;width:auto;transform:translateZ(0);transition:transform .3s ease;-webkit-tap-highlight-color:transparent}.logo-block:hover img{transform:scale(1.1) rotate(-5deg)}.brand-name{font-family:Pacifico,cursive;font-size:2.2rem;letter-spacing:0px;display:inline-block;filter:drop-shadow(2px 2px 0px rgba(0,0,0,.15))}.coffee-text{color:var(--primary);-webkit-text-stroke:1.5px var(--white)}.cakes-text{color:var(--accent);-webkit-text-stroke:1.5px var(--white);margin-left:2px}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{text-decoration:none;color:var(--dark);font-weight:700;font-size:1.1rem;transition:all .2s ease;position:relative;padding:5px 10px}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transition:transform .3s ease;transform-origin:right}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-links a:hover{color:var(--primary);transform:translateY(-2px)}.hero-wall{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 5% 80px;position:relative;background-color:#f3f1ed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath d='M10,20 Q20,10 30,20 T50,20' stroke='%23d1cdc8' fill='none' stroke-width='2'/%3E%3Cpath d='M80,30 C90,40 100,20 110,35' stroke='%23d1cdc8' fill='none' stroke-width='1.5'/%3E%3Ccircle cx='140' cy='40' r='6' stroke='%23d1cdc8' fill='none' stroke-width='1.5'/%3E%3Cpath d='M20,100 C30,110 25,130 40,120' stroke='%23d1cdc8' fill='none' stroke-width='1.5'/%3E%3Cpath d='M70,90 Q85,110 100,90' stroke='%23d1cdc8' fill='none' stroke-width='2'/%3E%3Ccircle cx='130' cy='110' r='4' stroke='%23d1cdc8' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");border-bottom:5px solid var(--dark)}.bg-doodle{position:absolute;opacity:.12;pointer-events:none;z-index:1}.doodle-1{top:15%;left:5%;width:140px;height:140px;animation:float 6s infinite ease-in-out}.doodle-2{bottom:12%;right:5%;width:130px;height:130px;animation:float 8s infinite ease-in-out 1s}.doodle-3{top:22%;right:8%;width:120px;height:120px;animation:float 7s infinite ease-in-out 2s}.hero-container{width:100%;max-width:1200px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;position:relative;z-index:10}.hero-creative-card{background:var(--white);border:4px solid var(--dark);border-radius:30px 10px 40px 15px/20px 40px 15px 30px;padding:50px;box-shadow:var(--sketch-shadow);position:relative;transform:rotate(-1deg)}.hero-creative-card:before{content:"★ SELLING HAPPINESS ★";position:absolute;top:-18px;left:30px;background:var(--accent);color:var(--dark);font-family:Fredoka,sans-serif;font-weight:800;font-size:.9rem;padding:5px 15px;border:3px solid var(--dark);border-radius:8px}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;color:var(--primary)}.hero-subtitle{font-size:1.4rem;margin-bottom:2.5rem;font-weight:500;color:#555}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.btn-primary{background-color:var(--accent);color:var(--dark);font-family:Fredoka,sans-serif;font-weight:800;font-size:1.2rem;text-transform:uppercase;padding:1rem 2.5rem;text-decoration:none;border:3px solid var(--dark);border-radius:15px 50px 12px 40px/40px 12px 50px 15px;box-shadow:4px 4px 0 var(--dark);transition:all .2s ease;cursor:pointer}.btn-primary:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--dark);background-color:#c39b2d}.btn-secondary{background-color:var(--white);color:var(--dark);font-family:Fredoka,sans-serif;font-weight:700;font-size:1.1rem;padding:1rem 2rem;text-decoration:none;border:3px solid var(--dark);border-radius:50px;box-shadow:4px 4px 0 var(--dark);transition:all .2s ease}.btn-secondary:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--dark);background-color:#f1f1f1}.hero-brand-frame{display:flex;justify-content:center;align-items:center;position:relative}.brand-logo-main{display:block;width:100%;height:auto;max-width:420px;z-index:5;filter:drop-shadow(8px 8px 0px rgba(0,0,0,.15));animation:float 4s infinite ease-in-out}.marquee-banner{background:var(--dark);color:var(--white);padding:15px 0;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;overflow:hidden;border-bottom:4px solid var(--dark);display:flex}.marquee-content{display:flex;white-space:nowrap;animation:marquee 25s linear infinite}.marquee-content span{padding:0 2rem}.about-section{padding:120px 10%;background:var(--white);border-bottom:5px solid var(--dark);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.scrapbook-gallery{position:relative;height:450px;width:100%}.polaroid{background:var(--white);padding:15px 15px 35px;border:3px solid var(--dark);box-shadow:var(--sketch-shadow);position:absolute;width:280px;transition:all .3s ease}.polaroid img{width:100%;height:200px;object-fit:cover;border:2px solid var(--dark)}.polaroid-text{font-family:Architects Daughter,cursive;font-size:1.2rem;text-align:center;margin-top:15px;color:var(--primary);font-weight:700}.p1{top:10px;left:20px;transform:rotate(-6deg);z-index:3}.p2{bottom:20px;right:40px;transform:rotate(8deg);z-index:2}.polaroid:hover{transform:scale(1.05) rotate(0);z-index:10}.tape{background-color:#d4af3799;height:30px;width:110px;position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(-4deg);border:1px dashed rgba(0,0,0,.15)}.about-text-block h2{font-size:3.5rem;margin-bottom:2rem;line-height:1.1}.about-text-block p{font-size:1.2rem;color:#444;margin-bottom:1.5rem}.menu-section{padding:120px 5%;background:var(--bg-paper);border-bottom:5px solid var(--dark);text-align:center}.menu-header-block{max-width:700px;margin:0 auto 80px}.menu-header-block h2{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 0 var(--accent)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1200px;margin:0 auto}.menu-board{background:var(--white);border:4px solid var(--dark);border-radius:25px;padding:40px 30px;box-shadow:var(--sketch-shadow);position:relative;transition:all .3s ease}.menu-board:hover{transform:translateY(-5px);box-shadow:10px 10px 0 var(--accent)}.menu-board h3{font-size:2.2rem;margin-bottom:2rem;border-bottom:3px dashed var(--dark);padding-bottom:15px;position:relative}.board-tag{position:absolute;top:-15px;right:25px;background:var(--dark);color:var(--white);padding:4px 12px;font-family:Fredoka,sans-serif;font-weight:600;border-radius:8px;font-size:.8rem}.menu-list-item{display:flex;flex-direction:column;margin-bottom:1.8rem;text-align:left}.menu-item-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.menu-item-name{font-size:1.3rem;font-weight:700;color:var(--dark)}.menu-item-dots{flex-grow:1;border-bottom:2px dotted #aaa;margin:0 5px}.menu-item-price{font-size:1.4rem;font-weight:800;color:var(--primary);font-family:Fredoka,sans-serif}.menu-item-desc{font-size:.95rem;color:#666;margin-top:4px}.contact-section{padding:120px 5%;background:var(--primary);color:var(--white);display:flex;justify-content:center;border-bottom:5px solid var(--dark)}.contact-container{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.blackboard{background:var(--dark);border:10px solid #8B5A2B;border-radius:15px;padding:45px;box-shadow:0 10px 25px #0000004d;position:relative}.blackboard h2{color:var(--accent);font-size:3rem;margin-bottom:2rem;text-shadow:none;text-align:center;-webkit-text-stroke:1px var(--dark)}.chalk-text{font-family:Architects Daughter,cursive;font-size:1.3rem;line-height:2;color:#eaeaea}.chalk-text p{margin-bottom:1.5rem;border-bottom:1px dashed rgba(255,255,255,.15);padding-bottom:10px}.map-frame{border:6px solid var(--dark);border-radius:25px;overflow:hidden;box-shadow:var(--sketch-shadow);height:450px;position:relative}.map-frame iframe{width:100%;height:100%;border:0}footer{padding:3rem 5%;background:var(--dark);color:var(--white);text-align:center;font-family:Fredoka,sans-serif;border-top:3px solid var(--accent)}.skip-link:focus{top:0!important;clip:auto!important;height:auto!important;width:auto!important;outline:3px solid var(--accent);outline-offset:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.footer-text{font-size:1.2rem;color:#999}.footer-credit{margin-top:2rem;font-size:.9rem;color:#999;border-top:1px solid #333;padding-top:1.5rem}@media(prefers-reduced-motion:no-preference){@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes logoWink{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.08) rotate(-3deg)}50%{transform:scale(1.08) rotate(3deg)}75%{transform:scale(1.08) rotate(-3deg)}}@keyframes logoLaunch{0%{transform:translateZ(0) scale(1) rotate(0);opacity:1}14%{transform:translate3d(0,12px,0) scale(.92) rotate(-3deg);opacity:1}45%{transform:translate3d(0,-55vh,0) scale(.96) rotate(-12deg);opacity:0}to{transform:translate3d(0,-120vh,0) scale(.94) rotate(-24deg);opacity:0}}@keyframes logoFall{0%{transform:translate3d(-50%,calc(-100vh - 260px),0) rotate(0)}76%{transform:translate3d(-50%,12px,0) rotate(700deg)}88%{transform:translate3d(-50%,-12px,0) rotate(712deg)}to{transform:translate3d(-50%,0,0) rotate(720deg)}}@keyframes logoLanded{0%,to{transform:translate3d(-50%,0,0) rotate(720deg)}50%{transform:translate3d(-50%,-8px,0) rotate(722deg)}}@keyframes logoRestore{0%{transform:translate3d(-50%,0,0) rotate(720deg) scale(1);opacity:1}16%{transform:translate3d(-50%,10px,0) rotate(716deg) scale(.95);opacity:1}42%{transform:translate3d(-50%,-24vh,0) rotate(770deg) scale(1.02);opacity:1}to{transform:translate3d(-50%,calc(-100vh - 260px),0) rotate(900deg) scale(.9);opacity:0}}@keyframes logoReturn{0%{transform:translate3d(0,-90px,0) rotate(-6deg) scale(.96);opacity:0}62%{transform:translate3d(0,8px,0) rotate(2deg) scale(1.02);opacity:1}82%{transform:translate3d(0,-4px,0) rotate(-1deg) scale(.995)}to{transform:translateZ(0) rotate(0) scale(1);opacity:1}}.bg-doodle,.doodle-1{animation:float 6s infinite ease-in-out}.doodle-2{animation:float 8s infinite ease-in-out 1s}.doodle-3{animation:float 7s infinite ease-in-out 2s}.brand-logo-main{animation:float 4s infinite ease-in-out}.marquee-content{animation:marquee 25s linear infinite}.logo-easter-hint{animation:logoWink .8s ease-in-out 3}.brand-logo-main.logo-launching{animation:logoLaunch .58s cubic-bezier(.55,.06,.68,.19) both}.falling-logo-clone.logo-falling{animation:logoFall 1.35s cubic-bezier(.22,1,.36,1) .6s both}.falling-logo-clone.logo-landed{animation:logoLanded 2.6s ease-in-out infinite}.falling-logo-clone.logo-restoring{animation:logoRestore .85s cubic-bezier(.55,.06,.68,.19) both}.brand-logo-main.logo-returning{animation:logoReturn .45s cubic-bezier(.22,1,.36,1) both}}@media(prefers-reduced-motion:reduce){@keyframes logoFallReduced{0%{transform:translate3d(-50%,-30vh,0);opacity:0}to{transform:translate3d(-50%,0,0);opacity:1}}@keyframes logoReturnReduced{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.bg-doodle,.doodle-1,.doodle-2,.doodle-3,.brand-logo-main,.marquee-content,.logo-easter-hint{animation:none!important}.polaroid:hover,.menu-board:hover,.hero-creative-card{transform:none}.p1{transform:rotate(-6deg)}.p2{transform:rotate(8deg)}.brand-logo-main.logo-launching{animation:none!important;opacity:0}.falling-logo-clone.logo-falling{animation:logoFallReduced .25s ease-out both}.falling-logo-clone.logo-landed{animation:none;transform:translate3d(-50%,0,0)}.falling-logo-clone.logo-restoring{animation:logoFallReduced .25s ease-in reverse both}.brand-logo-main.logo-returning{animation:logoReturnReduced .25s ease-out both!important}}.brand-logo-main{transform:translateZ(0);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s;cursor:pointer;-webkit-tap-highlight-color:transparent}.falling-logo-clone{position:fixed;left:50%;bottom:clamp(24px,4vh,56px);width:clamp(140px,15vw,210px);height:auto;z-index:9999;cursor:pointer;filter:drop-shadow(7px 7px 0 rgba(0,0,0,.16));transform:translate3d(-50%,calc(-100vh - 260px),0);transform-origin:center;backface-visibility:hidden;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.marquee-paused .marquee-content{animation-play-state:paused}@media(max-width:992px){.hero-wall{padding-top:100px;padding-bottom:60px;height:auto;min-height:auto}.hero-container{grid-template-columns:1fr;text-align:center;gap:30px}.hero-creative-card{transform:none;padding:30px 20px}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.1rem;margin-bottom:1.8rem}.hero-buttons{justify-content:center;gap:1rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.8rem 1.8rem;width:100%;max-width:280px}.brand-logo-main{max-width:280px;margin:0 auto}.bg-doodle{width:80px;height:80px}.about-section{grid-template-columns:1fr;gap:50px;padding:60px 5%}.about-text-block h2{font-size:2.5rem;text-align:center}.about-text-block h2:after{content:"";display:block;width:60px;height:3px;background:var(--accent);border-radius:2px;margin:10px auto 0}.about-text-block p{font-size:1.1rem;text-align:center}.scrapbook-gallery{height:340px;max-width:450px;margin:0 auto}.polaroid{width:200px}.polaroid img{height:140px}.p1{left:10px}.p2{right:10px}.menu-section{padding:60px 5%}.menu-header-block{margin-bottom:40px}.menu-header-block h2{font-size:2.8rem}.menu-grid{grid-template-columns:1fr;gap:30px}.menu-board{padding:30px 20px}.menu-board h3{font-size:1.8rem}.contact-section{padding:60px 5%}.contact-container{grid-template-columns:1fr;gap:40px}.blackboard{padding:30px 20px}.blackboard h2{font-size:2.2rem}.chalk-text{font-size:1.1rem}.map-frame{height:320px}}@media(max-width:600px){nav{padding:.5rem 4%}.brand-name{font-size:1.6rem}.logo-block img{height:45px}.nav-links{display:none}.hero-title{font-size:2.3rem}}