:root{--ink:#171d1a;--wine:#512f35;--gold:#b9a06c;--cream:#f1eae0;--parchment:#e7dfd3;--soft:#d6c5b5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}
.eyebrow{letter-spacing:.23em;text-transform:uppercase;font-size:11px;font-weight:700}.serif{font-family:'Cormorant Garamond',Georgia,serif}.eyebrow.gold{color:#d7bf8c}.topnote{background:#1b201d;color:#eee6d9;text-align:center;padding:11px 16px;letter-spacing:.24em;text-transform:uppercase;font-size:10px}.head{position:absolute;top:33px;left:0;right:0;z-index:10;padding:25px max(4.5vw,22px);color:#fff;display:flex;align-items:center;gap:24px;justify-content:space-between}.wordmark{font-size:clamp(27px,3vw,44px);line-height:1;letter-spacing:-.025em;white-space:nowrap;font-weight:500}.head nav{display:flex;align-items:center;gap:30px}.head nav a:not(.reserve){font-size:10px;text-transform:uppercase;letter-spacing:.16em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;letter-spacing:.16em;font-size:10px;font-weight:700;text-transform:uppercase;padding:17px 24px;transition:all .2s}.btn:hover{transform:translateY(-2px)}.reserve{border:1px solid rgba(246,235,216,.65);color:#fff}.reserve:hover{background:#fff;color:#1b211f}.goldbtn{background:var(--gold);color:#141915}.goldbtn:hover{background:#e3c894}.outline{border:1px solid #867966}.outline:hover{background:var(--ink);color:#fff}.navtoggle{display:none;border:1px solid #f1e8d7;background:transparent;color:#fff;padding:9px 13px;font-size:18px;cursor:pointer}
.hero{min-height:clamp(670px,91vh,1050px);position:relative;color:#f5efe5;display:flex;align-items:center;overflow:hidden;background:#1a1d1b}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(9,13,12,.9) 1%,rgba(9,13,12,.65) 39%,rgba(9,13,12,.12) 100%),linear-gradient(0deg,rgba(15,19,18,.4),transparent 55%),url('https://dcx.kzx.mybluehost.me/website_9c3c11b5/wp-content/uploads/lvl-la-ville-approved-assets/3dde2fc686d7098764eacd72.webp');background-size:cover;background-position:center 40%;filter:contrast(1.02)}.herocontent{position:relative;z-index:1;margin:100px 0 0 max(7.5vw,34px);max-width:800px;padding:60px 28px 80px 0}.hero .goldline{height:1px;width:66px;background:var(--gold);margin:27px 0}.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(77px,9vw,150px);line-height:.82;letter-spacing:-.04em;margin:30px 0 22px}.hero h1 em{font-weight:400;color:#d5c49e}.hero p{font-size:clamp(15px,1.6vw,18px);line-height:1.9;max-width:540px;color:#e0d9ce}.hero .ctas{display:flex;gap:13px;flex-wrap:wrap;margin-top:35px}.hero-bottom{position:absolute;bottom:29px;left:7.5vw;right:7.5vw;z-index:1;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#d5c7b3}
main{overflow:hidden}.intro{padding:125px max(7vw,30px);display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;background:#eae3d8}.intro h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(59px,6.4vw,100px);font-weight:400;line-height:.88;letter-spacing:-.04em;margin:25px 0}.intro h2 em{color:var(--wine)}.intro p{max-width:530px;color:#5d5c58;line-height:2;font-size:15px}.intro img{width:100%;height:clamp(380px,40vw,640px);object-fit:cover;object-position:45% center;display:block;filter:saturate(.72)}.frame{padding:16px;border:1px solid #b9a58a;position:relative}.frame:before{content:'LA VILLE · CLEVELAND';position:absolute;bottom:-21px;right:-1px;letter-spacing:.18em;font-size:10px;background:#eae3d8;padding:5px 10px}
.thinline{text-align:center;padding:32px 20px;background:var(--wine);color:#f2e8df;letter-spacing:.26em;text-transform:uppercase;font-size:11px}.menus{padding:130px max(7vw,30px) 120px;text-align:center;background:#201e1c;color:#f0e9df}.menus .eyebrow{color:#cbb183}.menus h2{font-size:clamp(68px,7vw,120px);font-weight:400;line-height:.9;letter-spacing:-.04em;margin:24px auto}.menus p{color:#bfb4aa;font-size:15px;max-width:580px;margin:20px auto 55px;line-height:1.9}.menu-links{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto;border-top:1px solid #695f56;border-bottom:1px solid #695f56}.menu-links a{min-height:200px;padding:45px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.menu-links a+a{border-left:1px solid #695f56}.menu-links a:hover{background:#37312e}.menu-links .menutitle{font-family:'Cormorant Garamond',Georgia,serif;font-size:40px}.menu-links .arrow{font-size:16px;color:var(--gold)}
.story{display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;background:#efebe3}.story-image{position:relative;min-height:650px}.story-image img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.story-copy{padding:85px max(7vw,35px);display:flex;flex-direction:column;justify-content:center}.story h2{font-size:clamp(60px,6vw,100px);font-weight:400;line-height:.87;margin:25px 0;letter-spacing:-.04em}.story p{line-height:2;color:#64615b;max-width:480px}.story .smallrule{height:1px;width:60px;background:#a58a59;margin:24px 0}
.gallery{background:#e4dcd0;padding:100px max(5vw,20px)}.gallery-head{text-align:center;margin-bottom:50px}.gallery h2{font-size:clamp(65px,7vw,110px);font-weight:400;line-height:.9;margin:18px 0}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;max-width:1400px;margin:auto}.gallery-grid img{width:100%;object-fit:cover;display:block;height:475px}.gallery-grid img:last-child{filter:saturate(.7)}.caption{margin:15px 0 0;color:#74695f;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.visit{padding:125px max(7vw,30px);background:#241f1e;color:#eee8df;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.visit h2{font-size:clamp(70px,7.5vw,120px);font-weight:400;line-height:.9;margin:20px 0 35px}.visit h2 em{color:#d0b98c}.visit .smallrule{background:var(--gold);width:55px;height:1px;margin:30px 0}.visit p{line-height:1.9;color:#c2b5a5}.visit table{border-collapse:collapse;width:100%;font-size:13px;color:#dfd4c7}.visit td{padding:16px 0;border-bottom:1px solid #4d4541}.visit td:last-child{text-align:right}.visit a.goldbtn{margin-top:32px}
footer{background:#121714;color:#cbbfb1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:32px max(7vw,30px);font-size:11px;letter-spacing:.11em}footer a{color:#e7ddca}.concept-flag{position:fixed;z-index:20;right:16px;bottom:16px;background:#f7f3e9;border:1px solid #bdad88;padding:10px 14px;color:#282d28;box-shadow:0 8px 24px #0004;font-size:11px;letter-spacing:.05em;max-width:240px}
@media(max-width:900px){.head nav{display:none;position:absolute;top:100%;right:18px;left:18px;background:#161c19;border:1px solid #635e54;flex-direction:column;align-items:stretch;padding:18px}.head nav.show{display:flex}.navtoggle{display:block}.head{padding:18px 24px}.hero{min-height:800px}.hero:before{background-position:57% center;background-image:linear-gradient(90deg,rgba(9,13,12,.89),rgba(9,13,12,.54)),url('https://dcx.kzx.mybluehost.me/website_9c3c11b5/wp-content/uploads/lvl-la-ville-approved-assets/3dde2fc686d7098764eacd72.webp')}.hero .herocontent{margin:130px 25px 0;padding-right:0}.hero h1{font-size:clamp(65px,12vw,110px)}.intro,.story,.visit{grid-template-columns:1fr}.intro{padding:80px 25px;gap:65px}.story-image{min-height:420px;order:2}.story-copy{padding:75px 35px}.visit{padding:85px 28px;gap:65px}.hero-bottom{left:28px;right:28px}}
@media(max-width:600px){.topnote{font-size:8px}.wordmark{font-size:28px}.hero{min-height:760px}.hero .herocontent{margin:95px 24px 60px}.hero h1{font-size:clamp(69px,15vw,92px)}.hero p{font-size:15px}.hero-bottom{flex-direction:column;gap:9px;bottom:22px;font-size:8px}.intro h2,.story h2,.gallery h2,.visit h2{font-size:68px}.intro{padding:77px 22px}.intro img{height:360px}.menu-links{grid-template-columns:1fr}.menu-links a{min-height:120px;padding:25px 10px}.menu-links a+a{border-left:0;border-top:1px solid #695f56}.menus{padding:90px 22px}.menus h2{font-size:75px}.gallery{padding:70px 18px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:300px}.gallery-head{margin-bottom:30px}footer{flex-direction:column;align-items:flex-start;line-height:2}.concept-flag{font-size:9px;padding:7px 10px}}