:root{--cream:#faf6f0;--sand:#f0e7da;--camel:#b8875a;--camel-d:#9a6c42;--brown:#3a2a1f;--mute:#7a6a5d;--line:#e4d8c8}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Jost',system-ui,sans-serif;font-weight:300;color:var(--brown);background:var(--cream);line-height:1.7;font-size:17px}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.15}
.wrap{max-width:1140px;margin:0 auto;padding:0 28px}

/* Logo */
.logo{display:inline-flex;flex-direction:column;align-items:center;line-height:1;color:var(--brown)}
.logo b{font-family:'Jost';font-weight:200;letter-spacing:.06em;font-size:30px}
.logo b i{font-style:normal;position:relative}
.logo b i::after{content:"★";position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:.36em}
.logo small{font-weight:300;letter-spacing:.28em;font-size:9px;margin-top:4px}
.logo img{height:46px}

/* Header */
header{position:sticky;top:0;z-index:20;background:rgba(250,246,240,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:78px}
nav{display:flex;gap:30px;align-items:center;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
nav a{padding:4px 0;border-bottom:1px solid transparent;transition:.2s}
nav a:hover,nav a.on{border-color:var(--camel);color:var(--camel-d)}
nav a.brand{background:var(--camel);color:#fff;padding:9px 20px;border-radius:40px;border:0;font-weight:400}
nav a.brand:hover{background:var(--camel-d);color:#fff}
.burger{display:none;background:none;border:0;font-size:28px;cursor:pointer;color:var(--brown)}

/* Photo slots: dépose tes photos dans /images avec le nom indiqué */
.ph{position:relative;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,var(--sand),#e6d8c3);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--camel-d);font-size:13px;letter-spacing:.12em;text-transform:uppercase;min-height:260px}
.ph span{padding:20px;opacity:.8}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph.tall{min-height:460px}.ph.sq{aspect-ratio:1/1}.ph.wide{min-height:380px}

/* Hero */
.hero{padding:70px 0 90px}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(42px,6vw,72px);margin-bottom:24px}
.hero h1 em{color:var(--camel);font-style:italic}
.hero p{color:var(--mute);font-size:19px;max-width:500px;margin-bottom:34px}
.page-hero{padding:80px 0 50px;text-align:center}
.page-hero h1{font-size:clamp(40px,5.5vw,64px);margin-bottom:16px}
.page-hero p{color:var(--mute);max-width:620px;margin:0 auto;font-size:19px}

.btn{display:inline-block;background:var(--camel);color:#fff;padding:15px 34px;border-radius:40px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;transition:.2s;border:1px solid var(--camel)}
.btn:hover{background:var(--camel-d);border-color:var(--camel-d)}
.btn.ghost{background:transparent;color:var(--brown);border-color:var(--brown)}
.btn.ghost:hover{background:var(--brown);color:#fff}

section{padding:90px 0}
.alt{background:var(--sand)}
.eyebrow{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--camel-d);margin-bottom:14px}
h2{font-size:clamp(32px,4.5vw,48px);margin-bottom:18px}
.lead{color:var(--mute);font-size:18px;max-width:620px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split.rev>:first-child{order:2}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px 30px}
.card h3{font-size:25px;margin-bottom:10px}
.card p{color:var(--mute);font-size:16px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.steps{counter-reset:s;margin-top:40px;display:grid;gap:18px}
.step{display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:start;padding:22px 0;border-top:1px solid var(--line)}
.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:'Cormorant Garamond',serif;font-size:36px;color:var(--camel)}
.step h3{font-size:24px;margin-bottom:4px}
.step p{color:var(--mute);font-size:16px}
.cta{text-align:center;background:var(--brown);color:var(--cream)}
.cta h2{color:var(--cream)}
.cta p{color:#d9c9b6;margin:0 auto 30px;max-width:520px}

/* Page marque */
.brand-hero{background:var(--sand);padding:90px 0}
.brandlogo{background:#fff;border:1px solid var(--line);border-radius:8px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:30px;position:relative;overflow:hidden;color:var(--mute);font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.brandlogo img{max-height:80%;max-width:80%;object-fit:contain}

/* Contact */
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}
.info p{margin-bottom:12px;color:var(--mute)}
.info strong{color:var(--brown);font-weight:500}
form{display:grid;gap:14px}
input,textarea{font:inherit;font-weight:300;padding:15px 16px;border:1px solid var(--line);border-radius:6px;background:#fff;width:100%;color:var(--brown)}
input:focus,textarea:focus{outline:2px solid var(--camel)}
textarea{min-height:150px;resize:vertical}

footer{background:var(--brown);color:#d9c9b6;padding:50px 0 30px;font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer .logo{color:var(--cream)}
footer a:hover{color:#fff}
footer .links{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
footer .copy{width:100%;border-top:1px solid #5a463a;padding-top:22px;margin-top:10px;font-size:13px;color:#a8937f}

@media(max-width:860px){
  .hero .wrap,.split,.contact{grid-template-columns:1fr;gap:36px}
  .split.rev>:first-child{order:0}
  .cards,.gallery{grid-template-columns:1fr}
  .burger{display:block}
  nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:flex-start;padding:24px 28px;gap:18px;border-bottom:1px solid var(--line)}
  nav.open{display:flex}
  section{padding:60px 0}
}

/* Language switcher + extra scripts */
.langs{display:flex;gap:4px;margin-left:6px}
.langs button{font:inherit;font-size:12px;letter-spacing:.08em;background:none;border:1px solid var(--line);color:var(--mute);padding:5px 9px;border-radius:20px;cursor:pointer;transition:.2s}
.langs button:hover{border-color:var(--camel);color:var(--camel-d)}
.langs button.on{background:var(--brown);border-color:var(--brown);color:var(--cream)}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.ph span span{padding:0}
.ph.banner{aspect-ratio:16/9;min-height:0;margin-top:44px}
.ph.map{aspect-ratio:722/442;min-height:0;margin-top:20px}
.brand-hero .brandlogo{background:var(--cream)}
.brandlogo img{width:80%;height:auto;max-height:none;max-width:none}
.logo img{height:52px;width:auto}
footer .logo img{height:58px}
.info a{color:var(--camel-d);border-bottom:1px solid var(--line)}
@media(max-width:860px){.ph.tall,.ph.wide{min-height:0;aspect-ratio:1.1}}
.cards.five{grid-template-columns:repeat(6,1fr)}
.cards.five .card{grid-column:span 2}
.cards.five .card:nth-child(n+4){grid-column:span 3}
.video{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;margin-top:40px;background:var(--brown)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:860px){.cards.five{grid-template-columns:1fr}.cards.five .card,.cards.five .card:nth-child(n+4){grid-column:auto}}
html[lang="hy"] body{font-family:'Noto Sans Armenian','Jost',system-ui,sans-serif}
html[lang="hy"] h1,html[lang="hy"] h2,html[lang="hy"] h3{font-family:'Noto Serif Armenian','Cormorant Garamond',Georgia,serif}
html[lang="hy"] .step::before{font-family:'Noto Serif Armenian',serif}
html[lang="hy"] nav,html[lang="hy"] .eyebrow,html[lang="hy"] .btn{letter-spacing:.03em}
@media(max-width:1020px){nav{gap:18px;font-size:13px}}
@media(max-width:860px){.langs{margin-left:0}}