@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');:root{--dark:#173c32;--green:#315d4c;--sage:#e6eee7;--cream:#f8f6f0;--gold:#c8a36b;--text:#26342d;--side:264px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--dark);color:#fff;z-index:30;padding:42px 25px;display:flex;flex-direction:column;box-shadow:5px 0 25px #0001}.brand{font:italic 39px 'Playfair Display',serif;letter-spacing:-2px;line-height:1}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3px;margin:10px 0 0 6px}.sidebar nav{margin-top:64px;display:grid;gap:8px}.sidebar nav a{padding:15px 18px;border-radius:12px;color:#d5e2d9;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff1c;color:#fff}.sidebar .bottom{margin-top:auto;font-size:12px;line-height:1.8;color:#bed1c4}.sidebar .bottom b{color:#e9d3a9}.mobilebar{display:none}.main{margin-left:var(--side);min-height:100vh}.wrap{max-width:1200px;margin:auto;padding:0 6%}.hero{min-height:590px;background:linear-gradient(90deg,#102e28e8,#102e2855),url('images/menu-21.webp') center/cover;display:flex;align-items:center;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--gold);font-weight:700;font-size:12px}.hero h1{font:600 clamp(42px,6vw,82px)/1.12 'Playfair Display',serif;max-width:800px;margin:17px 0}.hero p{font-size:17px;line-height:1.8;max-width:590px;color:#e3ece5}.btn{display:inline-block;padding:15px 26px;border-radius:7px;background:var(--gold);color:#173c32;font-weight:700;margin:20px 12px 0 0}.btn.outline{background:transparent;border:1px solid #ffffffaa;color:#fff}.section{padding:85px 0}.section h2,.pagehead h1{font:600 clamp(33px,4vw,54px)/1.2 'Playfair Display',serif;margin:12px 0 20px}.lead{line-height:1.85;color:#63726a;max-width:720px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.card{background:white;border-radius:18px;overflow:hidden;box-shadow:0 9px 25px #1438290d}.card img{width:100%;height:260px;object-fit:cover}.card .inside{padding:24px}.card h3{font:600 24px 'Playfair Display',serif;margin:0 0 9px}.card p{line-height:1.7;color:#65766b}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split img{width:100%;height:480px;object-fit:cover;border-radius:22px}.soft{background:var(--sage)}.pagehead{padding:85px 0 55px;background:var(--dark);color:white}.pagehead .lead{color:#cbded2}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0}.filter{cursor:pointer;border:1px solid #d5ded5;border-radius:100px;background:#fff;padding:12px 19px;color:var(--green);font-weight:700}.filter.active{background:var(--green);color:#fff}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.menu-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #142c2110}.menu-item img{width:100%;height:auto;display:block;aspect-ratio:904/1277;object-fit:contain;background:#f1f0ec}.menu-item .meta{padding:17px 20px;display:flex;justify-content:space-between;gap:8px;align-items:center}.menu-item h3{font-size:15px;margin:0}.tag{font-size:11px;background:var(--sage);padding:7px 9px;border-radius:15px;white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gallery-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:15px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-box{background:white;border-radius:16px;padding:30px}.contact-box h3{margin-top:0}.footer{padding:32px 6%;background:#122f27;color:#c4d4c8;font-size:13px;line-height:1.8}.footer a{color:#f4dfb6}.notice{background:#fff8e7;padding:13px 17px;border-left:3px solid var(--gold);color:#5e583f;border-radius:5px;line-height:1.7}.lightbox{position:fixed;inset:0;background:#07150de8;z-index:100;display:none;align-items:center;justify-content:center;padding:25px}.lightbox.show{display:flex}.lightbox img{max-height:90vh;max-width:95vw;object-fit:contain}.closebox{position:absolute;top:15px;right:22px;color:white;font-size:36px;background:none;border:0;cursor:pointer}@media(max-width:1100px){.menu-grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){:root{--side:0px}.sidebar{transform:translateX(-100%);transition:transform .25s;width:270px;padding-top:90px}.sidebar.open{transform:translateX(0)}.mobilebar{display:flex;position:sticky;top:0;z-index:40;background:var(--dark);color:white;align-items:center;justify-content:space-between;padding:15px 20px}.mobilebar .brand{font-size:28px}.mobilebar .brand small{font-size:7px;margin-top:5px}.hamburger{border:1px solid #ffffff80;color:#fff;background:none;font-size:25px;border-radius:7px;padding:5px 12px;cursor:pointer}.main{margin-left:0}.hero{min-height:520px}.section{padding:60px 0}.split{grid-template-columns:1fr;gap:25px}.split img{height:320px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.menu-grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.menu-item .meta{padding:12px;display:block}.menu-item h3{font-size:12px}.tag{display:inline-block;margin-top:8px;font-size:10px}.card img{height:160px}.card .inside{padding:15px}.card h3{font-size:19px}.contact-grid{grid-template-columns:1fr}.pagehead{padding:60px 0 35px}.hero h1{font-size:44px}.gallery-grid{gap:10px}}
/* Interactive Skyline menu book */
.book-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:24px 0 20px}.book-toolbar label{font-weight:700}.book-toolbar select{background:#fff;border:1px solid #c6d1c8;border-radius:12px;padding:12px 18px;color:#173c32;font:inherit}.book-hint{font-size:13px;color:#64766d}.book-stage{background:radial-gradient(ellipse at 50% 20%,#e8f0e7,#b4c8b8);border-radius:24px;padding:28px 22px;box-shadow:inset 0 0 40px #2c4a3522;overflow:hidden;touch-action:pan-y}.book-spread{display:flex;margin:auto;width:min(100%,800px);position:relative;perspective:1800px;filter:drop-shadow(0 16px 17px #173c3240)}.book-spread:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:7px;transform:translateX(-50%);background:linear-gradient(90deg,#0002,#fff5,#0002);pointer-events:none;z-index:3}.book-page{width:50%;aspect-ratio:904/1277;background:#faf8f3;overflow:hidden;position:relative;cursor:zoom-in}.book-page.left{border-radius:7px 0 0 7px;box-shadow:inset -10px 0 15px #0001}.book-page.right{border-radius:0 7px 7px 0;box-shadow:inset 10px 0 15px #0001}.book-page img{width:100%;height:100%;object-fit:contain;display:block}.book-turn{display:none;position:absolute;top:0;bottom:0;left:50%;width:50%;z-index:4;transform-origin:left center;backface-visibility:hidden;pointer-events:none;background:#f6f5f0;box-shadow:0 0 18px #0002}.book-turn img{height:100%;width:100%;object-fit:contain}.book-turn.forward{display:block;animation:turnForward .55s ease-in-out forwards}.book-turn.backward{display:block;left:0;transform-origin:right center;animation:turnBackward .55s ease-in-out forwards}@keyframes turnForward{from{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes turnBackward{from{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.book-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px auto;flex-wrap:wrap}.book-controls button{background:#173c32;color:white;border:0;padding:13px 20px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer}.book-controls button:disabled{opacity:.4;cursor:not-allowed}.book-controls span{min-width:110px;text-align:center;font-weight:700}.book-tip{text-align:center;color:#68786f;font-size:14px}.book-zoom[hidden]{display:none}.book-zoom{position:fixed;inset:0;z-index:9999;background:#071711ee;display:flex;justify-content:center;align-items:center;padding:65px 12px 16px}.book-zoom img{max-width:100%;max-height:100%;object-fit:contain}.book-zoom button{position:absolute;top:15px;right:20px;padding:10px 16px;border:0;border-radius:10px;background:#fff;color:#173c32;cursor:pointer;font-weight:700}@media(max-width:700px){.book-stage{padding:15px 10px}.book-spread{width:min(100%,440px)}.book-page{width:100%}.book-page.left{display:none}.book-page.right{border-radius:7px}.book-spread:after{display:none}.book-turn{left:0;width:100%}.book-controls{gap:9px}.book-controls button{padding:12px 14px}.book-hint{display:none}}
@media(prefers-reduced-motion:reduce){.book-turn.forward,.book-turn.backward{animation-duration:.01s}}

/* SEO editorial content: accessible, mobile responsive */
.seo-editorial{background:#faf9f4}.seo-kicker{font-size:.75rem;letter-spacing:.2em;font-weight:800;color:#a68a46;margin-bottom:1rem}.seo-content{max-width:900px;margin:auto;font-size:1.04rem;line-height:1.85;color:#33473e}.seo-content h2{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.25;margin:1rem 0 1.2rem;color:#173c32}.seo-content h3{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.4;margin:2rem 0 .65rem;color:#173c32}.seo-content p{margin:0 0 1.25rem}.seo-content a{text-decoration:underline;text-underline-offset:3px;color:#246e53}@media(max-width:700px){.seo-content{font-size:1rem;line-height:1.75}.seo-editorial{padding-top:2.8rem;padding-bottom:2.8rem}}

/* Mobile fixed bottom navigation: all six pages */
.mobile-bottom-nav{display:none}
.about-banner{background:linear-gradient(90deg,rgba(13,39,32,.87),rgba(13,39,32,.28)),url('/assets/images/menu-21.webp') center/cover;min-height:330px;display:flex;align-items:center}
@media(max-width:800px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:80;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;background:#fff;border-top:1px solid #dbe5dc;box-shadow:0 -5px 20px #102e281b;padding:8px 3px calc(8px + env(safe-area-inset-bottom,0px))}
 .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;font-size:clamp(9px,2.2vw,11px);font-weight:700;color:#65776a;border-radius:9px;text-align:center}
 .mobile-bottom-nav a.active{color:#173c32;background:#e6eee7}
 .mobile-bottom-nav a svg{flex-shrink:0}
 .lightbox,.book-zoom{z-index:150}
}
@media(max-width:380px){.mobile-bottom-nav{padding-left:0;padding-right:0}.mobile-bottom-nav a{font-size:9px}.mobile-bottom-nav a svg{width:19px;height:19px}}

/* Official Skyline logo */
.brand{display:flex;align-items:center;justify-content:center;letter-spacing:normal;text-decoration:none;max-width:100%}.brand-logo{display:block;width:min(100%,205px);height:auto;object-fit:contain}.mobilebar .brand-logo{width:132px;max-height:55px;object-fit:contain}@media(max-width:700px){.sidebar .brand-logo{width:185px}}

/* Homepage panoramic slideshow */
.hero-slideshow{position:relative;isolation:isolate;overflow:hidden;background:#172d29;min-height:620px}
.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}
.hero-slide{background-position:center;background-size:cover;opacity:0;transition:opacity 1s ease;z-index:-3}
.hero-slide.is-active{opacity:1}
.hero-shade{background:linear-gradient(90deg,rgba(7,23,20,.78) 0%,rgba(7,23,20,.36) 52%,rgba(7,23,20,.08) 100%);z-index:-2}
.hero-slideshow>.wrap{position:relative;z-index:1;width:100%;padding-top:75px;padding-bottom:110px}
.hero-controls{position:absolute;z-index:2;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:17px}
.hero-controls>button{width:37px;height:37px;border:1px solid #fff9;background:#112c2699;color:white;border-radius:50%;cursor:pointer}
.hero-dots{display:flex;gap:9px}.hero-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#ffffff88;cursor:pointer;padding:0}.hero-dots button.is-active{background:white;width:23px;border-radius:8px}
@media(max-width:800px){.hero-slideshow{min-height:540px}.hero-slideshow>.wrap{padding-top:65px;padding-bottom:110px}.hero-shade{background:linear-gradient(0deg,rgba(7,23,20,.86),rgba(7,23,20,.12))}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* Google Maps & directions */
.skyline-map-section,.skyline-map-cta{background:#f7f8f4}.skyline-map-section h2,.skyline-map-cta h2{margin:10px 0 14px}.skyline-map-frame{width:100%;aspect-ratio:16/8;min-height:300px;border-radius:18px;overflow:hidden;border:1px solid #dce5de;box-shadow:0 12px 32px rgba(0,0,0,.08);margin:22px 0}.skyline-map-frame iframe{display:block;width:100%;height:100%;min-height:300px;border:0}.skyline-map-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0}.skyline-map-secondary{font-weight:700;color:#235f4b;text-decoration:underline;text-underline-offset:4px}.skyline-map-note{font-size:.88rem;opacity:.8}@media(max-width:700px){.skyline-map-frame{aspect-ratio:4/5;min-height:340px}.skyline-map-frame iframe{min-height:340px}.skyline-map-actions{align-items:stretch;flex-direction:column}.skyline-map-actions .btn{text-align:center}}

/* Editorial imagery and full restaurant catalog gallery */
.editorial-photo{margin:1.6rem 0 2rem;max-width:100%}.editorial-photo img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:16px}.editorial-photo figcaption{font-size:.85rem;opacity:.75;margin-top:.5rem}.gallery-grid .gallery-menu-item{margin:0;min-width:0}.gallery-grid .gallery-menu-item img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block;cursor:zoom-in;border-radius:12px}.gallery-menu-item figcaption{font-size:.8rem;padding:.45rem .15rem;color:#617268}.gallery-grid{align-items:start}
@media(max-width:650px){.editorial-photo img{aspect-ratio:4/3}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.domain-dropdown { width: 100%; max-width: 450px; margin: 20px auto; font-family: Arial, sans-serif; } .domain-details { width: 100%; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07); overflow: hidden; } .domain-dropdown-btn { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; color: #222222; font-size: 15px; font-weight: 700; cursor: pointer; list-style: none; transition: background 0.3s ease; } .domain-dropdown-btn::-webkit-details-marker { display: none; } .domain-dropdown-btn::marker { content: ""; } .domain-dropdown-btn:hover { background: #fff5ed; } .dropdown-arrow { font-size: 12px; color: #d97706; transition: transform 0.3s ease; } .domain-details[open] .dropdown-arrow { transform: rotate(180deg); } .domain-dropdown-menu { display: flex; flex-direction: column; max-height: 350px; overflow-y: auto; background: #ffffff; border-top: 1px solid #eeeeee; padding: 8px; } .domain-dropdown-menu a { display: block; padding: 12px 15px; margin: 2px 0; color: #333333; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; border-radius: 7px; transition: all 0.2s ease; } .domain-dropdown-menu a:hover { background: #fff0df; color: #c65c00; padding-left: 20px; } .domain-dropdown-menu::-webkit-scrollbar { width: 5px; } .domain-dropdown-menu::-webkit-scrollbar-track { background: #f5f5f5; } .domain-dropdown-menu::-webkit-scrollbar-thumb { background: #d6a36c; border-radius: 10px; } @media (max-width: 768px) { .domain-dropdown { max-width: 100%; margin: 15px auto; } .domain-dropdown-btn { padding: 14px 16px; font-size: 14px; } .domain-dropdown-menu { max-height: 300px; } .domain-dropdown-menu a { padding: 11px 12px; font-size: 13px; } }