:root{--cream:#fbf5eb;--cream-deep:#f0e2d1;--ink:#302d2a;--terra:#c8532e;--terra-dark:#a83d21;--line:rgba(48,45,42,.2);--sans:"Montserrat",sans-serif;--serif:"Bodoni Moda",serif;--body-serif:"Cormorant Garamond",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9e2d9;color:var(--ink)}a{color:inherit;text-decoration:none}.site{width:100%;max-width:560px;margin:0 auto;background:var(--cream);min-height:100vh;overflow:hidden;box-shadow:0 24px 80px rgba(67,43,27,.16)}
.hero{position:relative;padding-top:max(24px,env(safe-area-inset-top))}.location-button{position:absolute;z-index:5;top:max(24px,env(safe-area-inset-top));right:20px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,250,242,.94);color:var(--terra);box-shadow:0 8px 22px rgba(54,37,25,.14)}.location-button svg{width:26px;fill:none;stroke:currentColor;stroke-width:1.6}.brand-header{text-align:center;padding:6px 28px 23px}.brand-logo{display:block;width:min(330px,88vw);height:190px;margin:0 auto -12px;object-fit:contain}.brand-line{font-family:var(--serif);font-size:clamp(25px,7.5vw,34px);line-height:1;margin:0;color:var(--terra);letter-spacing:-.025em}.brand-line span{padding:0 .08em}.ornament{display:flex;align-items:center;justify-content:center;gap:12px;width:min(330px,82%);margin:20px auto 9px;color:var(--terra)}.ornament i{height:1px;flex:1;background:var(--line)}.ornament b{font-family:var(--body-serif);font-size:26px;font-weight:400;line-height:1}.brand-copy{font-family:var(--body-serif);font-size:19px;line-height:1.2;margin:0}.hero-photo{height:50svh;min-height:410px;max-height:590px;background-image:linear-gradient(180deg,rgba(251,245,235,.06),transparent 57%,rgba(36,24,16,.3)),url("assets/maikai-rooftop-hero.png");background-size:cover;background-position:center 55%}.main-actions{position:relative;z-index:3;margin:-75px 16px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.action{height:64px;border-radius:13px;display:grid;place-items:center;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;box-shadow:0 8px 24px rgba(40,25,16,.18);transition:transform .2s}.action:active{transform:scale(.98)}.action-paper{background:rgba(255,251,245,.97)}.action-terra{color:#fff;background:linear-gradient(135deg,var(--terra),#d96b42)}
.meal-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:28px 4px 24px;background:var(--cream);border-bottom:1px solid var(--line)}.meal-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;color:var(--terra);padding:0 2px}.meal-nav a:not(:last-child)::after{content:"";position:absolute;right:0;top:3px;bottom:3px;width:1px;background:var(--line)}.meal-nav svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.meal-nav span{font-family:var(--body-serif);font-size:clamp(13px,3.8vw,17px);line-height:1;color:var(--ink);white-space:nowrap}
.story{padding:78px 27px 86px;background:linear-gradient(180deg,#f4e9dc,var(--cream-deep))}.section-label{display:block;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--terra);margin-bottom:17px}.story h1{font-family:var(--serif);font-size:clamp(42px,12.5vw,66px);font-weight:400;letter-spacing:-.055em;line-height:.94;margin:0}.story h1 em{font-family:var(--body-serif);font-weight:500;color:var(--terra)}.story p{font-family:var(--body-serif);font-size:21px;line-height:1.5;margin:27px 0 0;max-width:470px}
.footer{padding:48px 22px max(26px,env(safe-area-inset-bottom));background:#322d29;color:#fff}.footer>p{font-family:var(--body-serif);font-size:22px;margin:0 0 18px;color:#f7eade}.social-buttons{display:grid;gap:10px}.social-button{min-height:62px;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:0 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.05em}.social-button svg{width:25px;height:25px;fill:none;stroke:var(--terra);stroke-width:1.6}.social-button b{color:var(--terra);font-size:20px}.footer-bottom{display:flex;justify-content:space-between;margin-top:42px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14);font-family:var(--sans);font-size:10px;color:rgba(255,255,255,.55)}
.whatsapp-float{position:fixed;z-index:20;right:max(16px,calc((100vw - 560px)/2 + 16px));bottom:max(16px,env(safe-area-inset-bottom));width:54px;height:54px;border:2px solid rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center;color:#fff;background:#25d366;box-shadow:0 8px 24px rgba(18,75,38,.3);transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px)}.whatsapp-float svg{width:28px;height:28px;fill:currentColor;stroke:none}
.powered-by{width:max-content;margin:24px auto 0;padding:9px 13px;border:1px solid #65b9ec;border-radius:8px;background:#fff;color:#143968;font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.035em}.powered-by strong{color:#0a8bd3;font-weight:600}
.brand-line{font-size:clamp(21px,6.4vw,31px);white-space:nowrap}
@media(min-width:561px){body{padding:26px 0}.site{border-radius:30px}.hero{border-radius:30px 30px 0 0}.whatsapp-float{right:calc((100vw - 560px)/2 + 16px)}}
@media(max-width:380px){.brand-logo{height:166px}.brand-header{padding-left:15px;padding-right:15px}.location-button{width:46px;height:46px;right:14px}.main-actions{margin-left:10px;margin-right:10px}.action{font-size:11px}.meal-nav svg{width:30px;height:30px}.meal-nav span{font-size:12px}.story{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}