@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Noto+Sans+KR:wght@400;600;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff7e9;color:#182e53;font-family:'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.notice{text-align:center;padding:9px;background:#1d3156;color:#fff;font:11px 'Archivo Black';letter-spacing:.13em}header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #1d3156}.logo{font:19px/1 'Archivo Black';display:flex;align-items:center;gap:10px}.logo span{font-size:38px;color:#f36c36}nav{display:flex;gap:35px;font:12px 'Archivo Black'}.order,.button{background:#f36c36;color:#fff;border:2px solid #1d3156;box-shadow:4px 4px 0 #1d3156;padding:14px 20px;font:12px 'Archivo Black'}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 5vw;gap:5vw;background:radial-gradient(circle at 20% 30%,#ffd75b 0 12%,transparent 12.5%)}.tag,.menu-title small,.about small,.location small{display:inline-block;background:#1d3156;color:#fff;padding:7px 10px;font:10px 'Archivo Black';letter-spacing:.1em;transform:rotate(-2deg)}.hero h1{font:clamp(58px,7vw,100px)/.86 'Archivo Black';letter-spacing:-.05em;margin:26px 0}.hero h1 i{color:#f36c36;font-style:normal;-webkit-text-stroke:2px #1d3156}.hero p{font-weight:600;line-height:1.8}.hero .copy>div{display:flex;gap:30px;align-items:center;margin-top:35px}.under{font:12px 'Archivo Black';border-bottom:2px solid}.hero-image{position:relative}.hero-image img{height:530px;border:3px solid #1d3156;border-radius:50% 50% 12px 12px}.hero-image b{position:absolute;right:-15px;top:20px;width:100px;height:100px;border-radius:50%;background:#ffd64f;border:3px solid #1d3156;display:grid;place-items:center;text-align:center;transform:rotate(12deg);font:14px 'Archivo Black'}.marquee{overflow:hidden;background:#f36c36;color:#fff;border-block:2px solid #1d3156;padding:18px 0;white-space:nowrap;font:22px 'Archivo Black';letter-spacing:.06em}.menu{padding:100px 5vw}.menu-title{text-align:center}.menu-title h2,.about h2,.location h2{font:clamp(44px,5vw,68px)/1 'Archivo Black';letter-spacing:-.04em;margin:20px 0}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px}.menu-grid article{padding:14px 14px 28px;background:#f27243;border:3px solid #1d3156;box-shadow:7px 7px 0 #1d3156}.menu-grid article.blue{background:#90c8dc}.menu-grid article.yellow{background:#ffd65a}.menu-grid article>div{display:flex;justify-content:space-between;padding:5px;font:12px 'Archivo Black'}.menu-grid img{height:250px;border:2px solid #1d3156}.menu-grid h3{font:24px 'Archivo Black';margin:20px 5px 8px}.menu-grid p{font-size:12px;margin:0 5px 15px}.menu-grid strong{margin-left:5px;font:17px 'Archivo Black'}.about{padding:110px 9vw;background:#94cadd;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;border-block:3px solid #1d3156}.polaroid{background:#fff;padding:16px 16px 45px;border:3px solid #1d3156;box-shadow:10px 10px 0 #f36c36;transform:rotate(-3deg)}.polaroid img{height:390px}.polaroid span{display:block;text-align:center;margin-top:20px;font:13px 'Archivo Black'}.about p{line-height:1.9;font-weight:600}.about li{margin:10px 0}.location{padding:80px 6vw;background:#ffd65a;display:flex;align-items:center;justify-content:space-between}.location h2{font-size:40px}.location>div:last-child{display:grid;gap:12px;font:16px 'Archivo Black';text-align:right}footer{padding:28px 5vw;display:flex;justify-content:space-between;background:#1d3156;color:#fff;font-size:11px}@media(max-width:800px){nav{display:none}.hero,.about{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr}.hero-image img{height:400px}.location{align-items:flex-start;flex-direction:column}.location>div:last-child{text-align:left;margin-top:20px}}@media(max-width:520px){header{padding:0 20px}.order{display:none}.hero{padding:50px 20px}.hero h1{font-size:54px}.hero .copy>div{flex-direction:column;align-items:flex-start}.menu,.about{padding:80px 20px}.location{padding:60px 20px}.location h2{font-size:31px}footer{flex-direction:column;gap:10px}}