/* Eden: dimensional photography, warm brass, and a little afterglow. */
:root{--eden-ink:#101c17;--eden-brass:#d7ba7e;--eden-paper:#f5f0e5}
body{background:var(--eden-paper)}
header{background:rgba(16,28,23,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #dbc58f24}
header .brand-wordmark{mix-blend-mode:lighten}
header:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#806337,#edd6a3);transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
header nav .nav-order{border-radius:4px;background:linear-gradient(120deg,#f0dca8,#c9a668);box-shadow:0 3px 0 #8a6a3b,0 8px 25px #0003;transition:transform .2s,box-shadow .2s}
header nav .nav-order:hover{transform:translateY(-2px);box-shadow:0 5px 0 #8a6a3b,0 12px 28px #0004}
.hero.depth-hero{min-height:650px;padding:54px 7% 66px;display:grid;grid-template-columns:1fr 1.1fr;gap:2%;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 80% 28%,#46694b55,transparent 47%),radial-gradient(ellipse at 28% 105%,#89734a25,transparent 60%),#101c17;perspective:1400px}
.hero.depth-hero:after{inset:auto -18% -200px auto;width:75%;height:520px;border:1px solid #d7ba7e20;border-radius:50%;background:none;transform:rotate(-25deg);z-index:-1;box-shadow:0 0 0 65px #d7ba7e04,0 0 0 130px #d7ba7e03}
.hero.depth-hero:before{content:'EDEN';position:absolute;left:2%;bottom:-.23em;font:300 clamp(150px,26vw,440px)/1 Georgia,serif;letter-spacing:-.045em;color:#c9b17c05;pointer-events:none;z-index:-1}
.hero .hero-copy{position:relative;z-index:4;max-width:530px}
.hero .eyebrow{color:#d7ba7e;letter-spacing:3px;font-size:10px;display:flex;align-items:center;gap:14px}
.hero .eyebrow:before{content:'';width:28px;height:1px;background:#d7ba7e}
.hero.depth-hero h1{font:400 clamp(53px,6.3vw,98px)/.99 Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-3px;margin:28px 0 24px;text-wrap:balance}
.hero.depth-hero h1 em{font-style:italic;display:inline-block;color:#ebd4a1;font-size:1.42em;letter-spacing:-.065em;padding-right:.12em;text-shadow:1px 1px 0 #a28650,2px 2px 0 #715b35,3px 3px 0 #493e29,5px 8px 15px #0005}
.hero.depth-hero p{font-size:16px;line-height:1.85;color:#d5d8ca;max-width:345px}
.hero.depth-hero .button{position:relative;border-radius:4px;transition:transform .2s,box-shadow .2s;background:#ffffff04;border-color:#e5dcc275}
.hero.depth-hero .button.primary{background:linear-gradient(125deg,#f2dda9,#ccaa6c);border-color:#e6cc94;box-shadow:0 4px 0 #88693d,0 13px 28px #0004}
.hero.depth-hero .button:hover{transform:translateY(-3px);box-shadow:0 6px 0 #735a35,0 16px 30px #0004}
.hero.depth-hero .hero-details{margin-top:28px;font-size:11px;color:#ccd1c2;gap:12px 20px}
.hero .today-hours:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#d7ba7e;margin:0 7px 2px 0}
.hero .hero-scene{position:relative;max-width:none;width:100%;height:495px;perspective:1100px;isolation:isolate;--scene-x:0deg;--scene-y:0deg;--float-x:0px;--float-y:0px}
.hero-scene:before{content:'';position:absolute;inset:3% -5% 3% 4%;border:1px solid #d5bb7e3b;border-radius:50%;transform:rotate(-26deg);box-shadow:inset 0 0 55px #d7ba7e05,0 0 50px #0002;pointer-events:none}
.hero-scene:after{content:'';position:absolute;left:18%;right:0;bottom:-8%;height:65px;background:#0006;filter:blur(22px);border-radius:50%;transform:rotate(-8deg);z-index:-1}
.hero .depth-photo{margin:0;position:absolute;overflow:hidden;border-radius:22px;border:1px solid #f2ddad66;background:#223129;box-shadow:0 1px 0 #f7e6b24d,inset 0 0 0 1px #fff2,9px 12px 0 #060d0966,20px 35px 55px #0008;transition:transform .65s cubic-bezier(.2,.7,.25,1);will-change:transform;isolation:isolate}
.hero .depth-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffefc329,transparent 32%,transparent 65%,#0002);border-radius:inherit;pointer-events:none;border:7px solid #fff05}
.hero .depth-photo img{display:block;position:static;inset:auto;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;margin:0;opacity:1;box-shadow:none;z-index:auto}
.hero .depth-dish{width:84%;height:390px;right:1%;top:34px;transform:rotateX(calc(5deg + var(--scene-x))) rotateY(calc(-12deg + var(--scene-y))) rotateZ(5deg);transform-origin:center}
.hero .depth-dish img{object-position:55% 56%}
.hero .depth-drink{width:34%;height:222px;left:-1%;bottom:-6px;border-radius:90px 90px 18px 18px;transform:translate3d(var(--float-x),var(--float-y),50px) rotate(-9deg);z-index:3}
.hero .depth-drink img{object-position:50% 52%}
.scene-note{position:absolute;right:-1%;bottom:2px;z-index:5;padding:19px 23px;background:linear-gradient(140deg,#f8f1df,#e0d3b2);color:#1d2b23;box-shadow:4px 5px 0 #ab95706b,10px 18px 38px #0005;transform:rotate(-5deg) translate3d(var(--float-x),var(--float-y),70px);border:1px solid #ffffffe0;border-radius:5px;font:italic 26px/1.1 Georgia,serif;transition:transform .65s cubic-bezier(.2,.7,.25,1)}
.scene-note small{display:block;font:9px/1.6 Arial,sans-serif;letter-spacing:2.8px;text-transform:uppercase;margin-bottom:5px;color:#63705b}
.scene-caption{position:absolute;top:0;left:10%;font:10px/1.5 Arial,sans-serif;letter-spacing:2.5px;color:#d7ba7e;text-transform:uppercase;transform:rotate(-5deg)}
.scene-spark{position:absolute;right:0;top:-8px;z-index:2;color:#d8bd85;font:72px/1 Georgia,serif;text-shadow:0 0 30px #d7ba7e35;transform:rotate(12deg);pointer-events:none}
.location{position:relative;z-index:5;background:#15241c;border-top:1px solid #d7ba7e24;border-bottom:1px solid #d7ba7e24}
.highlights{background:radial-gradient(ellipse at 50% 0,#fcf8ef,#eee8da);padding-block:72px 70px}
.highlights h2,.story h2,.eden-gallery h2,.visit h2,.faq h2,.order h2{font-family:Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:-1.3px;line-height:1.1}
.highlights h2{font-size:clamp(32px,4vw,52px);margin:15px 0 36px}
.cards{gap:24px;perspective:1000px}
.card{position:relative;border:1px solid #d6c8aa;background:linear-gradient(135deg,#fffdf7,#f3eddf);border-radius:12px;padding:28px 25px 27px;box-shadow:0 4px 0 #ded3ba,0 15px 30px #3c38260b;transform:perspective(900px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg));transition:transform .4s,box-shadow .4s;transform-style:preserve-3d}
.card:before{content:attr(data-number);position:absolute;top:14px;right:18px;font:italic 46px Georgia,serif;color:#c8b38638;pointer-events:none}
.card .tag{font-size:8px;letter-spacing:2px;color:#6d5c37}
.card h3{font-size:26px;margin:22px 0 12px;max-width:240px;transform:translateZ(16px)}
.card p{font-size:13px;line-height:1.8;min-height:70px;color:#646a5e}
.card .cost{font-size:27px;color:#78633c;display:block;margin-top:20px;transform:translateZ(22px)}
.card:hover{box-shadow:0 5px 0 #d5c5a2,0 24px 38px #3c38261b}
.menu-switcher{border-top:1px solid #d6c8aa66;background:#faf8f2;padding-top:40px}
.menu-switcher>div{gap:14px}
.menu-switcher button{padding:13px 24px;border:1px solid #d2c7af;border-radius:30px;font:15px Georgia,serif;letter-spacing:.5px;box-shadow:0 3px 0 #e9e2d1}
.menu-switcher button[aria-pressed=true]{background:#20372a;color:#f6eedc;border-color:#20372a;box-shadow:0 3px 0 #0e2116,0 6px 16px #12221825}
.menu>h2,.wine>h2,.cocktails h2{font-family:Georgia,serif;text-transform:none;letter-spacing:-1px}
.story{background:#e8e4d6;position:relative;overflow:hidden;padding-block:90px}
.story h2{font-size:clamp(36px,4.2vw,58px)}
.story-photo{border-radius:130px 130px 12px 12px;transform:perspective(1100px) rotateY(-7deg) rotate(3deg);box-shadow:10px 12px 0 #c4c2ab,25px 30px 55px #2836212b;border:7px solid #f8f2e4;max-width:94%;justify-self:center}
.eden-gallery{background:#f4efe3;padding-block:75px}
.eden-gallery h2{font-size:clamp(34px,4vw,52px)}
.photo-grid{gap:26px}
.photo-grid figure{background:#fffcf4;border:1px solid #d5c8aa;padding:10px 10px 0;border-radius:6px;box-shadow:0 3px 0 #ded4bf,0 12px 26px #3933240d;transition:transform .3s,box-shadow .3s;transform:rotate(var(--photo-angle,0deg))}
.photo-grid figure:nth-child(3n+1){--photo-angle:-1.4deg}
.photo-grid figure:nth-child(3n+3){--photo-angle:1.4deg}
.photo-grid figure:hover{transform:translateY(-7px) rotate(0);box-shadow:0 4px 0 #d3c2a0,0 24px 35px #39332420}
.photo-grid .open-photo{border-radius:3px}
.photo-grid figcaption{padding:17px 5px 19px;font-style:italic}
.visit{background:#e6e4d7;border-top:1px solid #c9c7af88}
.visit h2{font-size:clamp(38px,4.2vw,58px)}
.hours{background:#f9f5e9;border:1px solid #d4ccb6;border-radius:12px;padding:20px 30px;box-shadow:6px 7px 0 #d4d2bd,16px 20px 32px #24341c12}
.hours h3{margin-top:8px}
.faq{background:#e6e4d7;padding-top:25px}
.evening-feature{background:radial-gradient(ellipse at 80% 60%,#344833,#13221a);padding:55px 5%;gap:7%;overflow:hidden}
.evening-feature>img{height:430px;border:7px solid #d4c69b;border-radius:8px;transform:perspective(1000px) rotateY(8deg) rotate(-3deg);box-shadow:-9px 12px 0 #6570564d,0 30px 45px #0005}
.evening-feature>div{padding:30px 0}
.evening-feature h2{font:italic clamp(35px,4vw,54px)/1.1 Georgia,serif;text-transform:none;letter-spacing:-1px}
.evening-feature .button{color:#edddb9;border-color:#ab976b;border-radius:4px}
.order{background:#15241c;border-top:1px solid #c9b17c33}
.order h2{font-size:clamp(34px,4vw,52px)}
.order .primary{background:linear-gradient(125deg,#f2dda9,#ccaa6c);color:#172018;border-radius:4px;box-shadow:0 4px 0 #88693d,0 13px 28px #0004}
footer{background:#101c17}
@media(min-width:851px) and (prefers-reduced-motion:no-preference){.hero-copy{animation:eden-arrive .9s both}.hero-scene{animation:eden-arrive 1.1s .12s both}}
@keyframes eden-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:1000px) and (min-width:761px){.hero.depth-hero{padding-inline:5%;grid-template-columns:1fr 1fr;min-height:610px}.hero .hero-scene{height:420px}.hero .depth-dish{height:320px;top:40px}.hero .depth-drink{height:190px}.scene-note{font-size:22px;padding:17px}.hero.depth-hero h1{font-size:62px}.hero.depth-hero .button{padding-inline:13px;font-size:9px}}
@media(max-width:850px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{padding:22px 18px}.card h3{font-size:22px}.card p{min-height:95px}.story-photo{max-width:80%;margin-top:25px}.hours{width:100%}}
@media(max-width:760px){
 header{background:rgba(16,28,23,.97)}
 .hero.depth-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:40px 7% 42px;overflow:hidden}
 .hero .hero-copy{max-width:none}
 .hero.depth-hero h1{font-size:clamp(51px,13vw,76px);letter-spacing:-2px;margin:21px 0}
 .hero.depth-hero h1 br{display:none}
 .hero.depth-hero h1 em{font-size:1.28em;display:block;margin-top:2px}
 .hero.depth-hero p{font-size:15px;line-height:1.75;max-width:330px}
 .hero.depth-hero .button{padding:16px 17px;margin-top:17px;font-size:10px}
 .hero.depth-hero .hero-details{margin-top:24px;font-size:10px}
 .hero .hero-scene{height:340px;width:100%;margin-top:40px;align-self:center;max-width:470px}
 .hero .depth-dish{height:265px;width:84%;right:1%;top:28px;border-radius:17px;transform:rotateX(4deg) rotateY(-9deg) rotateZ(5deg)}
 .hero .depth-drink{height:165px;width:32%;left:1%;bottom:-2px;transform:rotate(-9deg);border-radius:65px 65px 12px 12px}
 .scene-note{right:0;bottom:0;font-size:22px;padding:14px 17px;transform:rotate(-5deg)}
 .scene-note small{font-size:8px;letter-spacing:2px}
 .scene-caption{font-size:8px;left:13%;top:0;letter-spacing:2px}
 .scene-spark{font-size:48px;right:0;top:-5px}
 .hero.depth-hero:before{font-size:40vw;bottom:0}
 .hero.depth-hero:after{width:120%;height:400px;bottom:0}
 .location{font-size:9px}
 .highlights{padding:48px 7%}
 .highlights h2{margin-bottom:28px}
 .cards{grid-template-columns:1fr;gap:20px}
 .card{padding:24px 25px;transform:none}
 .card h3{font-size:26px;max-width:none;margin-top:18px;transform:none}
 .card p{min-height:0;max-width:none}
 .card .cost{margin-top:15px;transform:none}
 .menu-switcher>div{gap:10px}
 .menu-switcher button{padding:12px 20px;font-size:14px}
 .story{padding:55px 7% 65px}
 .story-photo{height:330px;max-width:90%;margin-top:18px;border-width:5px}
 .eden-gallery{padding-block:52px}
 .photo-grid{gap:18px 14px}
 .photo-grid figure{padding:6px 6px 0}
 .photo-grid figcaption{padding:12px 3px;font-size:14px}
 .hours{padding:17px 21px}
 .evening-feature{padding:45px 7%;gap:25px}
 .evening-feature>img{height:330px;border-width:5px}
 .evening-feature>div{padding:15px 0 0}
 .mobile-actions{background:#101c17}
 .mobile-actions a:last-child{background:linear-gradient(120deg,#f0dca8,#c9a668)}
}
@media(max-width:360px){.hero.depth-hero .button{padding-inline:13px;font-size:9px}.hero .hero-scene{height:300px}.hero .depth-dish{height:230px}.hero .depth-drink{height:145px}.scene-note{font-size:20px;padding:13px}.menu-switcher button{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.hero .depth-photo,.scene-note,.card,.photo-grid figure,.button,header nav .nav-order{transition:none!important}.card{transform:none!important}.hero .depth-dish{transform:rotate(-2deg)}.hero .depth-drink{transform:rotate(-7deg)}.scene-note{transform:rotate(-4deg)}}
@media print{.hero-scene{display:none}.card,.story-photo,.photo-grid figure,.hours{box-shadow:none;transform:none}}