/*
Theme Name: Villa Hills Atelier
Theme URI: https://villahillsrestaurant.am
Author: Villa Hills
Description: Bespoke, performance-focused theme for Villa Hills.
Version: 1.0.0
Text Domain: villa-hills-atelier
*/

:root {
  --ink:#17201b; --forest:#0d3f2a; --forest-2:#165b3d; --cream:#f5f1e8;
  --paper:#fffdf8; --stone:#d9d0c1; --gold:#b3925f; --muted:#667068;
  --line:rgba(23,32,27,.14); --white:#fff; --max:1320px;
  --shadow:0 30px 80px rgba(12,40,27,.14); --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Armenian",Arial,sans-serif;font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden} img,video{display:block;max-width:100%} a{color:inherit;text-decoration:none} button{font:inherit} h1,h2,h3,p{margin-top:0} h1,h2,.display{font-family:Georgia,"Times New Roman","Noto Serif Armenian",serif;font-weight:500;letter-spacing:-.045em;line-height:1.04}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section{padding:clamp(82px,9vw,150px) 0}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:var(--gold);font-size:12px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:38px;height:1px;background:currentColor}.section-title{max-width:920px;margin:0;font-size:clamp(2.5rem,5.4vw,5.6rem)}.section-copy{max-width:760px;color:var(--muted);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 24px;border:1px solid var(--forest);border-radius:999px;background:var(--forest);color:#fff;font-size:13px;font-weight:750;letter-spacing:.06em;transition:transform .3s var(--ease),background .3s,color .3s}.button:hover{background:var(--forest-2);transform:translateY(-3px)}.button.ghost{background:transparent;color:var(--forest)}.button.ghost:hover{background:var(--forest);color:#fff}.arrow{font-size:18px;line-height:1}

/* Header */
.topbar{height:38px;background:var(--forest);color:rgba(255,255,255,.9);font-size:12px;letter-spacing:.02em}.topbar .container{height:100%;display:flex;align-items:center;justify-content:flex-end;gap:26px}.topbar a:hover{color:#fff}.site-header{position:fixed;top:38px;left:0;right:0;z-index:1000;border-bottom:1px solid transparent;transition:.35s var(--ease)}.site-header.is-scrolled{top:0;background:rgba(255,253,248,.92);border-color:var(--line);box-shadow:0 12px 38px rgba(12,40,27,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-shell{height:102px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;transition:height .35s var(--ease)}.is-scrolled .nav-shell{height:76px}.brand img{width:92px;height:76px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.08));transition:.35s}.is-scrolled .brand img{width:72px;height:58px}.desktop-nav{display:flex;justify-content:center;gap:clamp(18px,2.2vw,36px)}.desktop-nav a{position:relative;color:var(--white);font-size:12px;font-weight:760;letter-spacing:.05em;white-space:nowrap;text-shadow:0 1px 14px rgba(0,0,0,.25)}.is-scrolled .desktop-nav a{color:var(--ink);text-shadow:none}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current="page"]:after{transform:scaleX(1)}.header-call{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:12px;font-weight:760}.is-scrolled .header-call{color:var(--forest)}.menu-toggle{display:none;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.08);color:#fff}.is-scrolled .menu-toggle{border-color:var(--line);color:var(--forest);background:#fff}.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:19px;height:1.5px;margin:5px auto;background:currentColor;transition:.3s}.menu-open .menu-toggle span{opacity:0}.menu-open .menu-toggle:before{transform:translateY(6.5px) rotate(45deg)}.menu-open .menu-toggle:after{transform:translateY(-6.5px) rotate(-45deg)}.mobile-panel{position:fixed;inset:0;z-index:990;display:flex;flex-direction:column;justify-content:center;padding:110px 30px 40px;background:var(--cream);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.35s var(--ease)}.menu-open .mobile-panel{opacity:1;visibility:visible;transform:none}.mobile-panel nav{display:flex;flex-direction:column}.mobile-panel nav a{padding:14px 0;border-bottom:1px solid var(--line);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,8vw,2.7rem);letter-spacing:-.03em}.mobile-meta{display:grid;gap:8px;margin-top:35px;color:var(--muted);font-size:14px}

/* Hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#183124}.hero-media{position:absolute;inset:0}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,17,10,.22) 0%,rgba(3,17,10,.18) 35%,rgba(3,17,10,.78) 100%)}.hero-media img{width:100%;height:100%;object-fit:cover;animation:heroZoom 18s ease-out both}.hero-content{position:relative;z-index:2;width:100%;padding:190px 0 clamp(70px,10vh,118px);color:#fff}.hero-kicker{margin:0 0 26px;font-size:12px;font-weight:750;letter-spacing:.24em;text-transform:uppercase}.hero h1{max-width:1050px;margin:0;font-size:clamp(4.1rem,9.5vw,9.4rem);color:#fff}.hero h1 span{display:block;font-family:inherit;font-size:.24em;font-style:italic;letter-spacing:.02em;margin-bottom:12px}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:38px}.hero-copy{max-width:620px;margin:0;color:rgba(255,255,255,.84);font-size:clamp(1rem,1.3vw,1.2rem)}.scroll-mark{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.scroll-mark:before{content:"";width:64px;height:1px;background:rgba(255,255,255,.55)}@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1.12)}}

/* Intro */
.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(50px,8vw,130px);align-items:center}.intro-visual{position:relative;min-height:720px}.intro-visual .image-main{position:absolute;inset:0 16% 11% 0;width:84%;height:89%;object-fit:cover;border-radius:240px 240px 24px 24px}.intro-visual .image-float{position:absolute;right:0;bottom:0;width:43%;aspect-ratio:.78;object-fit:cover;border:10px solid var(--cream);border-radius:120px 120px 18px 18px;box-shadow:var(--shadow)}.intro-copy .section-title{font-size:clamp(2.8rem,5vw,5.4rem);margin-bottom:32px}.intro-copy .section-copy + .section-copy{margin-top:18px}.intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}

/* Venues */
.venues{background:var(--paper)}.section-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(48px,7vw,90px)}.section-heading-row .section-copy{max-width:420px;margin:0}.venue-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:440px 440px;gap:22px}.venue-card{position:relative;display:flex;align-items:flex-end;overflow:hidden;border-radius:28px;background:#ddd;color:#fff;isolation:isolate}.venue-card:first-child{grid-row:1/3}.venue-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.venue-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(3,19,11,.82))}.venue-card:hover img{transform:scale(1.055)}.venue-card-content{position:relative;z-index:2;width:100%;padding:34px}.venue-index{font-size:11px;letter-spacing:.18em;opacity:.7}.venue-card h3{margin:8px 0 0;font-size:clamp(1.65rem,2.5vw,3rem);letter-spacing:-.035em}.venue-card p{margin:10px 0 0;opacity:.76;font-size:13px}.venue-link{position:absolute;right:30px;bottom:30px;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:22px;transition:.3s}.venue-card:hover .venue-link{background:#fff;color:var(--forest);transform:rotate(-45deg)}

/* Editorial statement */
.statement{position:relative;background:var(--forest);color:#fff;overflow:hidden}.statement:before{content:"VH";position:absolute;right:-2vw;bottom:-11vw;color:rgba(255,255,255,.035);font:500 34vw/1 Georgia,serif}.statement .container{position:relative}.statement .section-title{max-width:1150px;color:#fff}.statement .section-copy{margin:40px 0 0 30%;color:rgba(255,255,255,.68)}

/* Kitchen */
.kitchen{background:var(--cream)}.mosaic{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:280px 280px;gap:18px;margin-top:62px}.mosaic figure{margin:0;overflow:hidden;border-radius:22px}.mosaic figure:first-child{grid-row:1/3}.mosaic figure:nth-child(4){grid-column:2/4}.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.mosaic figure:hover img{transform:scale(1.06)}

/* Services */
.services{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:64px}.service-card{position:relative;min-height:340px;grid-column:span 4;display:flex;align-items:flex-end;overflow:hidden;border-radius:24px;background:var(--forest);color:#fff}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 6}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,17,9,.02),rgba(2,17,9,.78))}.service-card h3{position:relative;z-index:2;margin:0;padding:28px;font-size:clamp(1.15rem,1.7vw,1.65rem);letter-spacing:-.02em}.service-card:hover img{transform:scale(1.06)}

/* Story / videos */
.stories{background:#0b2117;color:#fff}.stories .section-title{color:#fff}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:64px}.story-card{position:relative;min-height:560px;overflow:hidden;border-radius:28px;background:#173427}.story-card:first-child{grid-row:span 2;min-height:780px}.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,17,9,.8))}.story-card-content{position:absolute;z-index:2;left:30px;right:30px;bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.story-card h3{max-width:470px;margin:0;font-size:clamp(1.4rem,2.3vw,2.6rem);line-height:1.15}.play{flex:none;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}

/* Contact */
.contact{background:var(--cream)}.contact-card{display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;border-radius:32px;background:var(--paper);box-shadow:var(--shadow)}.contact-copy{padding:clamp(40px,6vw,86px)}.contact-copy h2{font-size:clamp(2.7rem,5vw,5.1rem);margin-bottom:36px}.contact-list{display:grid;gap:18px;color:var(--muted)}.contact-list strong{display:block;margin-bottom:3px;color:var(--ink);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.map iframe{width:100%;height:100%;min-height:620px;border:0;filter:saturate(.72) contrast(.96)}

/* Inner pages */
.page-hero{position:relative;min-height:78svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--forest);color:#fff}.page-hero img,.page-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,17,10,.18),rgba(3,17,10,.78))}.page-hero .container{position:relative;z-index:2;padding-bottom:clamp(65px,8vw,110px)}.page-hero h1{max-width:1000px;margin:0;color:#fff;font-size:clamp(3.6rem,8vw,8rem)}.page-hero p{max-width:620px;margin:24px 0 0;color:rgba(255,255,255,.78)}.page-intro{background:var(--cream)}.page-intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,10vw,160px)}.page-intro h2{font-size:clamp(2.6rem,4.8vw,5rem)}.page-intro p{color:var(--muted);font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.95}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:16px}.gallery-item{grid-column:span 4;grid-row:span 3;overflow:hidden;border-radius:20px}.gallery-item:nth-child(7n+1){grid-column:span 7;grid-row:span 5}.gallery-item:nth-child(7n+2){grid-column:span 5;grid-row:span 4}.gallery-item:nth-child(7n+5){grid-column:span 8;grid-row:span 4}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.gallery-item:hover img{transform:scale(1.05)}.about-video{position:relative;overflow:hidden;border-radius:30px;box-shadow:var(--shadow)}.about-video video{width:100%;max-height:780px;object-fit:cover}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,120px);margin-top:90px}.about-copy h2{font-size:clamp(2.7rem,5vw,5.3rem)}.about-copy p{color:var(--muted);line-height:1.95}.video-embed{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:28px;background:#0b2117;box-shadow:var(--shadow)}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Footer + CTA */
.site-footer{background:#0a281b;color:rgba(255,255,255,.72);padding:85px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:70px}.footer-brand img{width:110px;filter:brightness(0) invert(1);opacity:.92}.footer-brand p{max-width:500px;margin:25px 0 0}.footer-heading{margin:0 0 20px;color:#fff;font-size:12px;font-weight:760;letter-spacing:.13em;text-transform:uppercase}.footer-links{display:grid;gap:10px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:64px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.floating-call{position:fixed;left:24px;bottom:24px;z-index:980;display:grid;place-items:center;width:64px;height:64px;border:2px solid #fff;border-radius:50%;background:var(--forest);color:#fff;box-shadow:0 18px 40px rgba(13,63,42,.38);animation:ringMove 5s infinite}.floating-call:before,.floating-call:after{content:"";position:absolute;inset:-3px;border:2px solid rgba(22,91,61,.45);border-radius:50%;animation:ring 2.4s ease-out infinite}.floating-call:after{animation-delay:1.2s}.floating-call svg{width:27px;fill:#fff}@keyframes ring{0%{opacity:.8;transform:scale(.95)}80%,100%{opacity:0;transform:scale(1.7)}}@keyframes ringMove{0%,86%,100%{transform:rotate(0)}90%{transform:rotate(-10deg)}94%{transform:rotate(9deg)}97%{transform:rotate(-5deg)}}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
.venue-card img{z-index:-2}
body > #callnowbutton{display:none!important}

@media(max-width:1100px){.desktop-nav,.header-call{display:none}.nav-shell{grid-template-columns:1fr auto}.menu-toggle{display:block}.venue-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 380px}.venue-card:first-child{grid-column:1/3;grid-row:auto}.service-card{grid-column:span 6}.story-card:first-child{min-height:620px}.intro-grid{gap:60px}.intro-visual{min-height:600px}.contact-card{grid-template-columns:1fr}.map iframe{min-height:480px}}
@media(max-width:767px){body{font-size:16px}.container{width:min(calc(100% - 30px),var(--max))}.topbar{display:none}.site-header{top:0}.nav-shell,.is-scrolled .nav-shell{height:76px}.brand img,.is-scrolled .brand img{width:72px;height:58px}.hero-content{padding-top:135px}.hero h1{font-size:clamp(3.2rem,18vw,5.2rem)}.hero-bottom{display:block}.scroll-mark{display:none}.section{padding:80px 0}.intro-grid,.page-intro-grid,.about-copy{grid-template-columns:1fr}.intro-visual{min-height:520px}.intro-visual .image-main{inset:0 10% 10% 0;width:90%;height:90%;border-radius:160px 160px 18px 18px}.intro-visual .image-float{width:46%;border-width:7px}.section-heading-row,.gallery-head{display:block}.section-heading-row .section-copy{margin-top:24px}.venue-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.venue-card,.venue-card:first-child{grid-column:auto;grid-row:auto;min-height:470px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:340px 200px 200px}.mosaic figure:first-child{grid-column:1/3;grid-row:auto}.mosaic figure:nth-child(4){grid-column:auto}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 12;min-height:390px}.story-grid{grid-template-columns:1fr}.story-card,.story-card:first-child{grid-row:auto;min-height:510px}.statement .section-copy{margin-left:0}.contact-copy{padding:38px 24px}.map iframe{min-height:400px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:auto}.gallery-item,.gallery-item:nth-child(n){grid-column:auto;grid-row:auto;aspect-ratio:4/3}.footer-grid{grid-template-columns:1fr;gap:42px}.footer-bottom{display:block}.floating-call{left:16px;bottom:18px;width:58px;height:58px}.page-hero{min-height:68svh}.page-hero h1{font-size:clamp(3.2rem,15vw,5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}