:root{--primary-color: #4a3c31;--secondary-color: #8b7355;--background-color: #f5f3f0;--text-color: #2c2420;--accent-color: #d4c5b9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Yu Mincho,YuMincho,Hiragino Mincho ProN,serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}header{background-color:#fffffff2;position:fixed;width:100%;top:0;z-index:1000;padding:1rem;box-shadow:0 2px 4px #0000001a}header h1{text-align:center;color:var(--primary-color);font-size:1.8rem;letter-spacing:.1em;font-weight:400;margin-bottom:.8rem}nav ul{display:flex;justify-content:center;list-style:none;gap:3rem}nav a{color:var(--secondary-color);text-decoration:none;font-size:1rem;letter-spacing:.05em;transition:color .3s ease}nav a:hover{color:var(--primary-color)}main{margin-top:80px}section{padding:6rem 2rem}h2{text-align:center;color:var(--primary-color);font-size:2.2rem;letter-spacing:.1em;font-weight:400;margin-bottom:3rem}#hero{padding:0;height:100svh;overflow:hidden;position:relative}#hero img{width:100%;height:100%;object-fit:cover}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-text h2{color:#fff;font-size:1.5rem;margin:0;white-space:nowrap;letter-spacing:.2em;line-height:1.8}#afternoon-tea{background-color:#fff}.afternoon-tea-content{display:flex;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}.afternoon-tea-content img{width:50%;border-radius:8px;box-shadow:0 4px 8px #0000001a}.afternoon-tea-text{flex:1}.afternoon-tea-text h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:1.5rem;letter-spacing:.1em;font-weight:400}.afternoon-tea-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:2;letter-spacing:.05em}#concept .content{display:flex;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}#concept img{width:50%;border-radius:8px;box-shadow:0 4px 8px #0000001a}#concept .text{flex:1}#concept p{margin-bottom:1.5rem;font-size:1.1rem;line-height:2;letter-spacing:.05em}#news{background-color:#fff}.news-list{max-width:800px;margin:0 auto}.news-list article{padding:2rem;border-bottom:1px solid var(--accent-color)}.news-list time{color:var(--secondary-color);font-size:.95rem;letter-spacing:.05em}.news-list h3{margin:.8rem 0;color:var(--primary-color);font-size:1.3rem;letter-spacing:.05em;font-weight:400}.menu-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.menu-category h3{color:var(--primary-color);margin-bottom:2rem;text-align:center;font-size:1.8rem;letter-spacing:.1em;font-weight:400}.menu-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.menu-item img{width:100%;height:200px;object-fit:cover}.menu-details{padding:1.5rem;text-align:center}.menu-details h4{color:var(--primary-color);margin-bottom:.8rem;font-size:1.3rem;letter-spacing:.05em;font-weight:400}#contact{background-color:#fff}.contact-info{max-width:600px;margin:0 auto;text-align:center}.contact-info p{margin-bottom:1.5rem;font-size:1.1rem;letter-spacing:.05em}footer{background-color:var(--primary-color);color:#fff;text-align:center;padding:2rem;margin-top:2rem;letter-spacing:.05em}@media (max-width: 768px){nav ul{flex-direction:column;align-items:center;gap:1rem}.afternoon-tea-content{flex-direction:column}.afternoon-tea-content img{width:100%}#concept .content{flex-direction:column}#concept img{width:100%}.menu-container{grid-template-columns:1fr}.hero-text h2{font-size:1.2rem;white-space:normal;padding:0 1rem}}