@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400&display=swap');

/* ================= base ================= */
html{scroll-behavior:smooth;scroll-padding-top:0}
body{
  max-width:none;width:auto;height:auto;margin:0;padding:0;display:block;
  background:#040d10;color:#c8c8c8;
  font-family:"Prompt",sans-serif;font-size:18px;line-height:1.6;letter-spacing:normal;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
body.is-locked{overflow:hidden}
img{max-width:100%;height:auto}
a{transition:color .3s ease}
h1,h2,h3,h4,h5,h6{font-family:"Baskervville",serif;font-weight:400;color:#fff}
p{margin:0}
::selection{background:#ffd28d;color:#040d10}
:focus-visible{outline:1px solid #ffd28d;outline-offset:4px}

.ak-section-heading .ak-section-subtitle{margin-bottom:14px}
.ak-section-title{font-family:"Baskervville",serif;color:#ffd28d}

/* ================= logo ================= */
.henry-logo{
  display:block;text-align:center;color:#f7f1e6;
  font-family:"Jost",sans-serif;font-weight:200;font-size:27px;line-height:1;
  letter-spacing:.34em;text-transform:uppercase;transform:translateX(.17em);
  transition:color .3s ease;
}
.henry-logo span{
  display:block;margin-top:6px;transform:translateX(-.17em);
  font-family:"Jost",sans-serif;font-weight:300;font-size:6px;letter-spacing:.3em;color:#ffd28d;
}
a:hover .henry-logo{color:#ffd28d}
.center-log{margin-right:88px}
.center-log a{display:block}
.ak-main_header_left .henry-logo{font-size:22px;text-align:left;transform:none;margin:0}
.ak-main_header_left .henry-logo span{display:none}
.ak-main_header_left{padding-left:22px}
.ak-munu_toggle{display:none}

.header-logo .logo{font-family:"Prompt",sans-serif;font-size:18px;letter-spacing:normal}

/* ================= header ================= */
.ak-sticky_header{background:rgba(0,0,0,.855);transition:transform .45s cubic-bezier(.22,.7,.24,1),background .4s ease,border-color .4s ease}
.ak-sticky_header.is-hidden{transform:translateY(-100%)}
.ak-sticky_header.scrolled{background:rgba(0,0,0,.9);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.header-top{background:transparent}
.ak-main_header{background:transparent}
.nav-bar-border{background:#2b2721}

.ak-nav_list > li > a{color:#fff;font-size:16px;font-weight:500;letter-spacing:normal;text-transform:uppercase}
.ak-nav_list > li > a:hover{color:#ffd28d}
.ak-nav_list > li > a:after{background:#ffd28d}

/* ================= drawer ================= */
.nav-drawer{
  position:fixed;inset:0;z-index:1200;background:#040d10;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;
}
.nav-drawer.is-open{opacity:1;visibility:visible}
.drawer-close{
  position:absolute;top:34px;right:42px;width:48px;height:48px;
  border:1px solid #4f4836;border-radius:50%;background:transparent;color:#fff;
  font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.3s;
}
.drawer-close:hover{background:#ffd28d;color:#040d10;border-color:#ffd28d}
.drawer-nav{display:flex;flex-direction:column;align-items:center;gap:6px}
.drawer-nav a{
  font-family:"Baskervville",serif;font-size:clamp(34px,4.2vw,56px);line-height:1.25;
  color:#f7f1e6;padding:6px 18px;transition:color .3s,letter-spacing .4s;
}
.drawer-nav a:hover{color:#ffd28d;letter-spacing:.02em}
.drawer-meta{
  position:absolute;bottom:46px;left:0;right:0;text-align:center;
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#8f8678;
}
.drawer-meta a{color:#ffd28d;margin:0 12px}
.drawer-meta a:hover{color:#fff}

/* ================= hero ================= */
.ak-hero.ak-style1{min-height:calc(100vh + 150px)}
.ak-hero-bg{width:100%;height:100%;object-fit:cover}
.hero-main-title,.hero-main-title-1{letter-spacing:.01em}
.hero-main-title{font-size:60px}
.hero-main-title-1{font-size:60px;color:#ffd28d}
.hero-sub-text{color:#c8c8c8;max-width:430px;margin-right:0}
.hero-main-title-1:after{background:#4f4836}
.ak-btn.style-5{font-family:"Prompt",sans-serif;letter-spacing:.03em}
.ak-btn.style-5:hover{color:#fff}
.ak-swiper-controll-hero-2{bottom:25vh}
.ak-slider-hero-2 .swiper-slide{overflow:visible!important}
.hero-swiper-prev,.hero-swiper-next{position:relative;width:56px;height:55px;display:block;cursor:pointer}
.ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap{gap:82px;margin-right:330px}

/* ================= marquee ================= */
.ak-moving-section-wrap{background:#05161a;border-top:1px solid rgba(255,210,141,.08);border-bottom:1px solid rgba(255,210,141,.08)}
.ak-moving-section h2{font-family:"Baskervville",serif;font-size:54px;line-height:1.2;color:#ffd28d;margin:0;letter-spacing:.01em}
.ak-moving-section h2 span{color:#f7f1e6}
.ak-moving-section .marquee-sep{color:#4f4836;margin-left:60px;letter-spacing:.35em}
.ak-moving-section{padding:24px 0}

/* ================= about ================= */
.ak-about.ak-style-1 .ak-about-bg-img{z-index:0}
.ak-about.ak-style-1 .ak-about-bg-img:after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,#040d10 0%,rgba(4,13,16,.25) 35%,rgba(4,13,16,0) 70%);
}
.ak-about.ak-style-1 .ak-about-bg-img img{position:relative;z-index:0;object-fit:cover}
.ak-about.ak-style-1 .container{position:relative;z-index:2}
.ak-about.ak-style-1 .about-section.ak-about-1{position:relative;z-index:2}
.about-subtext{max-width:610px;color:#c8c8c8;font-size:16px;line-height:24px;letter-spacing:normal}
.ak-about.ak-style-1 .about-text-section .ak-section-title{font-size:60px;line-height:1.22}

/* ================= hours ================= */
.opening-hour-img-section{position:relative}
.images-show,.img-container-overlay img{opacity:1!important}
.opening-hour-img-section img{width:100%;height:100%;object-fit:cover;display:block}
.opening-hour-subtext{max-width:560px;color:#c8c8c8;font-size:16px;line-height:24px}
.opening-hour-date{max-width:450px}
.opening-hour-date p{font-size:16px;letter-spacing:normal;line-height:24px}
.ak-bg-secendary{background:#05161a}

/* ================= food showcase ================= */
.ak-card.ak-style-1 .ak-card-img img{width:100%;height:520px;object-fit:cover;display:block}
.ak-card .card-text .card-title{font-family:"Baskervville",serif;color:#ffd28d;font-size:26px;line-height:1.25}
.ak-card .card-text .card-subtitle{color:#fff;margin-top:8px;font-size:14px}
.ak-card.ak-style-1 .card-info{background:#040d10;border:1px solid rgba(255,210,141,.12)}
.ak-pagination-2.ak-style1 .swiper-pagination-bullet{cursor:pointer}
.ak-slider-2{padding-bottom:4px}

/* ================= menu ================= */
.ak-menu-list-section-1 > img{
  position:absolute;left:0;top:0;width:270px;height:270px;object-fit:cover;
  border-radius:50%;opacity:0;pointer-events:none;z-index:20;
  transform:translate(-50%,-50%);transition:opacity .35s ease;
  box-shadow:0 0 0 8px #040d10,0 10px 40px rgba(0,0,0,.6);
}
.ak-menu-list-section-1:hover > img{opacity:1}
.ak-menu-list-section-1{position:relative}
.food-menu.style-1 .food-menu-section-1 .food-menu-hr.style-1{width:120px!important;opacity:.35}
.food-menu.style-1 .food-menu-section-1 .food-menu-title p{font-size:18px;letter-spacing:.02em}
.food-menu.style-1 .food-menu-section-1 .food-menu-price p{font-size:18px}
.food-menu.style-1 .food-menu-section-2 .food-menu-subsitle p,
.food-menu.style-1 .food-menu-section-2 .food-menu-price-subsitle p{font-size:16px;line-height:24px;letter-spacing:normal}
.food-menu.style-1 .food-menu-section-2{padding-bottom:18px;border-bottom:1px solid rgba(79,72,54,.35)}
.ak-menu-list-section-1{margin-bottom:42px}

/* ================= specialities ================= */
.ak-best-item{overflow:visible}
.ak-best-item .best-item-section-1 p{max-width:520px;color:#c8c8c8}
.ak-best-item .img-one img,.ak-best-item .img-two img{width:100%;height:100%;object-fit:cover;display:block}
.ak-best-item .img-one{height:480px;overflow:hidden}
.ak-best-item .img-two{height:680px;overflow:hidden}
.ak-best-item .best-item-section-2 img{width:34px}
.best-item-section-2{display:flex;align-items:flex-end;justify-content:center;padding-bottom:60px}

/* ================= testimonials ================= */
.testimonial-section .testimonial-info-section .testimonial-info-img{object-fit:cover}
.testimonial-section .testimonial-info-title{font-family:"Baskervville",serif;color:#ffd28d;font-size:22px}
.testimonial-section .testimonial-info-section .short-title{color:#fff}
.testimonial-section .testimonial-info-section .testimonial-info-subtitle{
  font-family:"Prompt",sans-serif;font-style:italic;color:#fff;font-size:22px;line-height:1.5;max-width:820px;margin-left:auto;margin-right:auto
}
.testimonial-section .short-title{font-size:16px;line-height:24px}
.testimonial-icon-1 img{width:38px}
.ak-swiper-controll-3 .ak-swiper-navigation-wrap{gap:22px}
.ak-slider-3{overflow:hidden}

/* ================= reservation ================= */
.ak-booking-system{background:#04100f}
.ak-booking-system-bg-img{opacity:.9}
.booking-system-heading .ak-section-subtitle{margin-bottom:14px}
.booking-system-form .select{margin-bottom:18px;background:rgba(4,13,16,.35)}
.booking-system-form .ak-form-select{padding:14px;font-size:15px;color:#fff}
.booking-system-form .select input.ak-form-select{width:100%;border:none;background:transparent;color:#fff;font-family:"Prompt",sans-serif}
.booking-system-form .select input.ak-form-select::placeholder{color:#8f8678}
.booking-system-form .ak-form-select option{background:#0b1211;color:#f7f1e6}
.booking-system-form .ak-form-time-date .ak-time .time-input,
.booking-system-form .ak-form-time-date .ak-date .date-input{font-size:15px;color-scheme:dark}
.ak-booking-system .ak-btn.style-5{background:transparent}
.ak-booking-system .ak-btn.style-5:hover{color:#040d10}
.booking-status{font-size:13px;color:#ffd28d;margin-top:14px;min-height:20px}

/* ================= footer ================= */
.ak-footer.ak-style-1{background:#040d10}
.footer-time-border{width:100%!important;height:1px;background:#4f4836}
.ak-footer.ak-style-1 .footer-bg-img{opacity:.5}
.ak-footer-hr-top,.ak-footer-hr-bottom{width:100%!important;background:#4f4836}
.footer-email a{font-family:"Prompt",sans-serif;font-size:35px;letter-spacing:0;text-transform:none}
.footer-menu ul li a{color:#fff;font-size:16px;letter-spacing:.04em}
.footer-menu ul li a:hover{color:#ffd28d}
.footer-info{color:#fff;font-size:16px;line-height:1.7}
.footer-info a:hover{color:#ffd28d}
.ak-footer .footer-bg-img{bottom:0;right:0}
.copy-right-section p{font-size:13px;letter-spacing:.06em;color:#fff}
.footer-btn .ak-btn.style-5{font-size:16px}
.footer-btn .ak-btn.style-5:hover{color:#040d10}

/* ================= scroll up ================= */
.ak-scrollup{
  position:fixed;right:28px;bottom:34px;z-index:90;width:46px;height:46px;border-radius:50%;
  background:#040d10;border:1px solid #4f4836;color:#fff;display:grid;place-items:center;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:.35s;
}
.ak-scrollup.show{opacity:1;visibility:visible;transform:none}
.ak-scrollup:hover{background:#ffd28d;color:#040d10;border-color:#ffd28d}
.ak-scrollup svg{width:16px;height:16px}

/* ================= page hero (carta) ================= */
.page-hero{
  position:relative;height:520px;margin-top:132px;display:flex;align-items:center;justify-content:center;
  background-size:cover;background-position:center;text-align:center;overflow:hidden;
}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040d10 0%,rgba(4,13,16,.55) 55%,rgba(4,13,16,.75) 100%)}
.page-hero-inner{position:relative;z-index:2;padding-top:40px}
.page-hero .breadcrumb{font-family:"Baskervville",serif;font-style:italic;color:#fff;font-size:18px;margin-bottom:8px}
.page-hero .breadcrumb span{color:#ffd28d;margin:0 8px}
.page-hero h1{font-size:64px;color:#ffd28d;line-height:1.1}
.page-hero .page-sub{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#c8c8c8;margin-top:14px}

.carta-section{padding:50px 0 24px;border-bottom:1px solid rgba(79,72,54,.25)}
.carta-section .ak-section-heading{text-align:center;margin-bottom:20px}
.carta-section .ak-menu-list{margin-top:0}
.carta-note{color:#8f8678;font-size:13px;letter-spacing:.04em;margin-top:8px}
.carta-topline{text-align:center;color:#c8c8c8;max-width:640px;margin:0 auto 30px}
.carta-intro{padding:56px 0 8px}
.carta-anchors{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;padding:0 0 26px;border-bottom:1px solid rgba(255,210,141,.14)}
.carta-anchors a{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#c8c8c8;border-bottom:1px solid transparent;padding-bottom:4px;transition:.3s}
.carta-anchors a:hover{color:#ffd28d;border-color:#ffd28d}
.carta-cta{padding:30px 0 80px;text-align:center}
.carta-cta .carta-note{margin-top:22px;line-height:1.9}

/* ================= reveal ================= */
.reveal-up{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,.7,.24,1),transform .9s cubic-bezier(.22,.7,.24,1)}
.reveal-up.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal-up{opacity:1;transform:none}
}

/* ================= responsive ================= */
@media (max-width:1450px){
  .hero-main-title,.hero-main-title-1{font-size:48px}
  .ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap{margin-right:300px}
}
@media (max-width:1200px){
  .center-log{margin-right:40px}
  .henry-logo{font-size:24px}
}
@media (max-width:991px){
  .ak-hero.ak-style1{min-height:calc(100vh + 20px)}
  .ak-about.ak-style-1 .ak-about-bg-img{opacity:.22}
  .ak-about.ak-style-1 .about-text-section .ak-section-title{font-size:48px}
  .ak-about.ak-style-1 .about-section.ak-about-1{padding:90px 0}
  .opening-hour{flex-wrap:wrap;gap:30px;padding:0 20px}
  .opening-hour-img-section{min-width:100%;height:320px}
  .opening-hour .opening-hour-text-section{padding:0 0 50px}
  .ak-best-item{flex-wrap:wrap;gap:30px}
  .ak-best-item .best-item-section-1,.ak-best-item .best-item-section-3{flex-basis:100%}
  .ak-best-item .best-item-section-2{display:none}
  .ak-best-item .img-one,.ak-best-item .img-two{height:auto;max-height:520px}
  .ak-slider-2 .swiper-slide{width:50%!important}
  .ak-card.ak-style-1 .ak-card-img img{height:460px}
  .ak-swiper-controll-3{margin-top:30px}
  .testimonial-section .testimonial-info-section{width:100%}
  .footer-main{padding:50px 20px}
}
@media (max-width:1199px){
  html{scroll-padding-top:0}
  .ak-munu_toggle{display:block!important;position:absolute!important;top:40px!important;right:22px!important;margin-top:-13px!important;width:30px!important;height:27px!important;padding:0!important;cursor:pointer}
  .ak-main_header_left{display:flex;align-items:center}
}
@media (max-width:767px){
  html{scroll-padding-top:0}
  .ak-hero.ak-style1:after{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(90deg,rgba(4,13,16,.88) 0%,rgba(4,13,16,.55) 62%,rgba(4,13,16,.25) 100%)}
  #galeria .container-fluid{padding-left:0;padding-right:0}
  .header-logo{display:none}
  .center-log{margin:0 auto}
  .nav-toggles{position:absolute;right:0;top:0;width:64px}
  .header-top{padding:0 0 0 16px}
  .ak-munu_toggle{display:block!important;position:absolute!important;top:50%!important;right:22px!important;margin-top:-13px!important;width:30px!important;height:27px!important;padding:0!important}
  .ak-main_header_left{display:flex;align-items:center}
  .ak-main_header_right{padding-right:0}
  .ak-hero.ak-style1{min-height:100vh}
  .hero-main-title{font-size:42px}
  .hero-main-title-1{font-size:38px}
  .ak-hero.ak-style1 .hero-text-section .slider-info .hero-sub-text{margin-right:24px;font-size:15px}
  .ak-swiper-controll-hero-2{left:0;margin-left:16px;bottom:13vh}
  .ak-swiper-controll-hero-2 .ak-swiper-navigation-wrap{margin-right:0;justify-content:flex-start;gap:40px}
  .ak-moving-section h2{font-size:28px}
  .ak-about.ak-style-1 .about-text-section .ak-section-title{font-size:38px}
  .ak-about.ak-style-1 .ak-about-bg-img{position:relative;width:100%;height:320px;opacity:1}
  .ak-about.ak-style-1{display:block}
  .opening-hour-img-section{min-width:100%;height:260px}
  .ak-card.ak-style-1 .ak-card-img img{height:380px}
  .ak-section-title{font-size:38px!important}
  .ak-menu-list .ak-menu-list-section-1{flex-basis:100%}
  .ak-menu-list-section-1 > img{display:none}
  .testimonial-section .testimonial-info-section .testimonial-info-subtitle{font-size:17px}
  .testimonial-icon-1{display:none}
  .booking-system-form.style-2{flex-wrap:wrap}
  .page-hero{height:400px;margin-top:80px}
  .page-hero h1{font-size:46px}
  .footer-main{padding:30px 0}
  .footer-email a{font-size:22px}
  .drawer-nav a{font-size:34px}
  .ak-scrollup{right:14px;bottom:16px}
  .ak-sticky_header{background:rgba(4,13,16,.97)}
}
