/* Quiet interaction details; all content remains readable without motion. */
#coruh-inline .hero{
  background:radial-gradient(ellipse at 86% 18%,#d8e4f07a,transparent 56%),radial-gradient(ellipse at 8% 92%,#efddb84d,transparent 54%),#f5f2e9;
}
#coruh-inline .page-top{
  background:radial-gradient(ellipse at 86% 5%,#d7e4f080,transparent 60%),linear-gradient(115deg,#f6f3ec,#eaf0f5);
}
#coruh-inline .cta-box{
  background:radial-gradient(ellipse at 92% 12%,#d7e4f0b3,transparent 58%),linear-gradient(115deg,#f2f5f8,#e6edf4);
  box-shadow:inset 0 0 0 1px #0a315c08;
}
#coruh-inline .hero-photo{
  box-shadow:0 18px 42px #0a315c12;
}
#coruh-inline .hero-caption{
  outline:1px solid #ffffffb3;outline-offset:-1px;
}

/* Underlines track the active page as well as mouse and keyboard focus. */
#coruh-inline .nav>a,#coruh-inline .nav>.nav-drop>button{position:relative}
#coruh-inline .nav>a::after,#coruh-inline .nav>.nav-drop>button::after{
  content:"";position:absolute;left:0;right:0;bottom:5px;height:1px;
  background:#91631d;pointer-events:none;opacity:0;transform:scaleX(.25);
  transform-origin:left center;transition:transform .24s ease,opacity .24s ease;
}
#coruh-inline .nav>a.active::after,
#coruh-inline .nav>.nav-drop>button.active::after,
#coruh-inline .nav>a:focus-visible::after,
#coruh-inline .nav>.nav-drop>button:focus-visible::after,
#coruh-inline .nav>.nav-drop>button[aria-expanded="true"]::after{
  opacity:1;transform:scaleX(1);
}
#coruh-inline .nav>.nav-drop>button>svg{transition:transform .24s ease}
#coruh-inline[data-motion="running"] .nav>.nav-drop>button[aria-expanded="true"]>svg{transform:rotate(180deg)}

/* A single light pass gives the photographs and primary actions a tactile finish. */
#coruh-inline .service-img{box-shadow:0 9px 22px #0a315c0c}
#coruh-inline .service-img::before{
  content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;
  box-shadow:inset 0 0 0 1px #ffffff40;pointer-events:none;
}
#coruh-inline .service-img::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(110deg,transparent 24%,#ffffff2b 48%,transparent 72%);
  opacity:0;transform:translateX(-105%);
}
#coruh-inline .service-img .number{z-index:2}
#coruh-inline .btn{position:relative;isolation:isolate;overflow:hidden}
#coruh-inline .btn::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 28%,#ffffff26 48%,transparent 68%);
  opacity:0;transform:translateX(-105%);
}
#coruh-inline[data-motion="running"] .btn:focus-visible::before{
  animation:coruhRefineSheen .65s ease both;
}
#coruh-inline[data-motion="running"] .service-card:focus-visible .service-img::after{
  animation:coruhRefineSheen .85s ease both;
}
#coruh-inline[data-motion="running"] .service-card:focus-visible img{transform:scale(1.035)}
#coruh-inline[data-motion="running"] .btn:active{transform:translateY(1px)}
#coruh-inline .whatsapp{transition:background .2s ease,transform .25s ease}

/* Newly selected dishes and open panels appear in a brief, one-time sequence. */
#coruh-inline[data-motion="running"] .dish,
#coruh-inline[data-motion="running"] .cocktail-item{
  animation:coruhRefineDish .3s cubic-bezier(.22,.7,.3,1) both;
}
#coruh-inline .dish:nth-child(2),#coruh-inline .cocktail-item:nth-child(2){animation-delay:35ms}
#coruh-inline .dish:nth-child(3),#coruh-inline .cocktail-item:nth-child(3){animation-delay:70ms}
#coruh-inline .dish:nth-child(4),#coruh-inline .cocktail-item:nth-child(4){animation-delay:105ms}
#coruh-inline .cocktail-item:nth-child(5){animation-delay:140ms}
#coruh-inline .cocktail-item:nth-child(6){animation-delay:175ms}
#coruh-inline[data-motion="running"] .drop-panel:not([hidden]){
  animation:coruhRefineDropdown .2s ease both;transform-origin:top left;
}
#coruh-inline[data-motion="running"] .wa-panel:not([hidden]){
  animation:coruhRefinePanel .25s cubic-bezier(.22,.7,.3,1) both;transform-origin:bottom right;
}
#coruh-inline .field input,#coruh-inline .field select,#coruh-inline .field textarea{
  transition:border-color .2s ease,background-color .2s ease;
}
#coruh-inline .field input:focus,#coruh-inline .field select:focus,#coruh-inline .field textarea:focus{
  border-color:#315a83;background:#fffef9;outline:2px solid #bac8d7;outline-offset:2px;
}

@media(hover:hover) and (pointer:fine){
  #coruh-inline .nav>a:hover::after,#coruh-inline .nav>.nav-drop>button:hover::after{opacity:1;transform:scaleX(1)}
  #coruh-inline[data-motion="running"] .btn:hover::before{animation:coruhRefineSheen .65s ease both}
  #coruh-inline[data-motion="running"] .service-card:hover .service-img::after{animation:coruhRefineSheen .85s ease both}
  #coruh-inline[data-motion="running"] .service-card.is-revealed:focus-visible,
  #coruh-inline[data-motion="running"] .service-card:not(.coruh-reveal):focus-visible{transform:translateY(-5px);transition-delay:0ms}
  #coruh-inline[data-motion="running"] .hero-visual{
    transform:translate3d(var(--visual-x,0px),var(--visual-y,0px),0);
    transition:transform .45s cubic-bezier(.2,.65,.3,1);
  }
  #coruh-inline[data-motion="running"] .whatsapp:hover{transform:translateY(-3px)}
}
@media(hover:none),(pointer:coarse){
  #coruh-inline .btn:hover,#coruh-inline .service-card:hover img{transform:none}
}
@media(max-width:850px){
  #coruh-inline .nav>a::after,#coruh-inline .nav>.nav-drop>button::after{right:auto;width:28px;bottom:9px}
  #coruh-inline[data-motion="running"] .nav.is-open{animation:coruhRefineDropdown .2s ease both}
}

@keyframes coruhRefineSheen{
  0%{opacity:0;transform:translateX(-105%)}
  18%{opacity:1}
  78%{opacity:1}
  100%{opacity:0;transform:translateX(105%)}
}
@keyframes coruhRefineDish{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes coruhRefineDropdown{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes coruhRefinePanel{
  from{opacity:0;transform:translateY(9px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Pausing also restores a stable final state if an interaction was mid-animation. */
#coruh-inline[data-motion="paused"] .btn::before,
#coruh-inline[data-motion="paused"] .service-img::after{animation:none!important;transform:none!important;opacity:0!important}
#coruh-inline[data-motion="paused"] .dish,
#coruh-inline[data-motion="paused"] .cocktail-item,
#coruh-inline[data-motion="paused"] .drop-panel,
#coruh-inline[data-motion="paused"] .wa-panel,
#coruh-inline[data-motion="paused"] .nav,
#coruh-inline[data-motion="paused"] .hero-visual,
#coruh-inline[data-motion="paused"] .btn,
#coruh-inline[data-motion="paused"] .service-card,
#coruh-inline[data-motion="paused"] .service-card img,
#coruh-inline[data-motion="paused"] .whatsapp,
#coruh-inline[data-motion="paused"] .nav>.nav-drop>button>svg{
  animation:none!important;transform:none!important;opacity:1;
}
#coruh-inline[data-motion="paused"] .nav>a::after,
#coruh-inline[data-motion="paused"] .nav>.nav-drop>button::after{transform:none;transition:none}
@media(prefers-reduced-motion:reduce){
  #coruh-inline .btn::before,#coruh-inline .service-img::after{animation:none!important;transform:none!important;opacity:0!important}
  #coruh-inline .dish,#coruh-inline .cocktail-item,#coruh-inline .drop-panel,
  #coruh-inline .wa-panel,#coruh-inline .nav,#coruh-inline .hero-visual,
  #coruh-inline .btn,#coruh-inline .service-card,#coruh-inline .service-card img,#coruh-inline .whatsapp,
  #coruh-inline .nav>.nav-drop>button>svg{animation:none!important;transform:none!important;opacity:1}
  #coruh-inline .nav>a::after,#coruh-inline .nav>.nav-drop>button::after{transform:none!important;transition:none!important}
}
