:root{--bg-dark: #0f0907;--paper-dark: #1e130f;--accent-coffee: #bc6c25;--accent-cream: #fefae0;--accent-caramel: #dda15e;--text-main: #fefae0;--text-muted: #d4a373}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:linear-gradient(rgba(188,108,37,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(188,108,37,.05) 1px,transparent 1px);background-size:60px 60px}.bg-fx{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(188,108,37,.1) 0%,transparent 40%);pointer-events:none;z-index:-1;animation:bgPulse 12s infinite alternate ease-in-out}@keyframes bgPulse{0%{transform:scale(1) translate(2%,2%)}to{transform:scale(1.1) translate(-2%,-2%)}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--accent-caramel);border-radius:50%;box-shadow:0 0 10px var(--accent-caramel);opacity:.4;animation:floatUp linear infinite}@keyframes floatUp{to{transform:translateY(-100vh);opacity:0}}.header{display:flex;justify-content:space-between;align-items:center;padding:40px 60px;max-width:1400px;margin:0 auto}.logo{font-size:1.5rem;font-weight:800;letter-spacing:2px}.btn-drift{background:transparent;border:1px solid var(--accent-coffee);color:var(--accent-caramel);padding:8px 24px;border-radius:50px;font-family:Outfit;font-weight:600;cursor:pointer;transition:all .3s}.btn-drift:hover{background:#bc6c251a;box-shadow:0 0 15px #bc6c254d}.bento-container{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:24px;padding:0 60px 80px;max-width:1400px;margin:0 auto}.bento-item{background:var(--paper-dark);border-radius:1% 3% 2% 4%/4% 1% 3% 2%;border:1px solid rgba(255,255,255,.05);box-shadow:5px 8px 15px #00000080;padding:30px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;display:flex;flex-direction:column;justify-content:center}.bento-item:nth-child(1){transform:rotate(-1deg)}.bento-item:nth-child(2){transform:rotate(1.5deg);border-radius:4% 2% 5% 1%/2% 4% 1% 5%}.bento-item:nth-child(3){transform:rotate(-.5deg);border-radius:1% 5% 2% 3%/5% 1% 4% 2%}.bento-item:nth-child(4){transform:rotate(2deg)}.bento-item:nth-child(5){transform:rotate(-1.5deg)}.bento-item:nth-child(6){transform:rotate(1deg)}.bento-item:hover{z-index:10}.hero{grid-column:span 2;grid-row:span 2;padding:40px}.bento-large{grid-column:span 2;grid-row:span 2}.bento-wide{grid-column:span 2;grid-row:span 1;padding:30px}.gallery-tall{grid-column:span 1;grid-row:span 2}.about{display:flex;flex-direction:column;justify-content:flex-start}.bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.8;transition:transform .8s ease}.bento-item:hover .bg-img{transform:scale(1.05)}.content-overlay{position:relative;z-index:10}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 60%);z-index:1}.hand-text{font-family:Nanum Pen Script,cursive;font-size:2.5rem;color:var(--accent-caramel);transform:rotate(-3deg);margin-bottom:10px}.badge{display:inline-block;padding:5px 15px;border-radius:20px;background:var(--accent-coffee);color:#fff;font-weight:800;font-size:.8rem;text-transform:uppercase;margin-bottom:20px}h1{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:15px}.neon-text{color:var(--accent-caramel);text-shadow:0 0 20px rgba(188,108,37,.6)}p{color:var(--text-muted);font-size:1.1rem;line-height:1.5;margin-bottom:30px}.about p{font-size:1rem;margin-bottom:20px}.link{color:var(--accent-caramel);text-decoration:none;font-weight:600}.btn-primary{background:var(--accent-coffee);border:none;padding:14px 30px;color:#fff;border-radius:30px;font-weight:600;font-family:Outfit;cursor:pointer;transition:.3s;font-size:1.1rem}.btn-primary:hover{background:var(--accent-caramel);box-shadow:0 0 25px #bc6c2566}.menu-list{list-style:none;margin-top:20px;width:100%}.menu-list li{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.1);padding:12px 0;font-size:1.1rem}.price{color:var(--accent-caramel);font-weight:800}.bottom-label{position:absolute;bottom:20px;left:20px;z-index:10;font-size:1.8rem}.center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);z-index:10;font-size:3rem;text-shadow:2px 2px 10px rgba(0,0,0,.8)}.footer{text-align:center;padding:20px;color:var(--text-muted);font-size:.9rem}@media (max-width: 1024px){.bento-container{grid-template-columns:repeat(2,1fr);padding:20px}.header{padding:30px}}@media (max-width: 600px){.bento-container{grid-template-columns:1fr;padding:0 20px 60px;grid-auto-rows:min-content}.hero,.bento-large,.bento-wide,.gallery-tall{grid-column:span 1;grid-row:auto;min-height:420px}.bento-item{padding:24px;overflow:visible}.hero{display:flex;flex-direction:column;justify-content:center}h1{font-size:2.8rem}p{font-size:1rem;margin-bottom:20px}.header{padding:30px 20px}}