:root{
  --bg:#0e0d0b;
  --bg-soft:#151310;
  --paper:#f2eadc;
  --paper-2:#e7d6bd;
  --ink:#16120f;
  --cream:#f6efe3;
  --muted:#aaa092;
  --line:rgba(246,239,227,.15);
  --accent:#c89a61;
  --accent-2:#8f633e;
  --radius:26px;
  --shadow:0 30px 80px rgba(0,0,0,.34);
  --serif:"Playfair Display", Georgia, serif;
  --sans:"DM Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);overflow-x:hidden}
body[dir="rtl"]{font-family:Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:76px;border:1px solid var(--line);background:rgba(14,13,11,.72);backdrop-filter:blur(18px);border-radius:22px;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;transition:.3s}
.site-header.scrolled{top:10px;background:rgba(14,13,11,.92);box-shadow:0 12px 40px rgba(0,0,0,.25)}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:23px;font-weight:700}
.brand-copy{display:flex;flex-direction:column;line-height:.9;gap:5px}
.brand-copy strong{font-size:17px;letter-spacing:.18em}
.brand-copy small{font-size:8px;letter-spacing:.5em;color:var(--muted)}
.desktop-nav{display:flex;gap:30px}
.desktop-nav a{font-size:14px;color:#d8d0c5;position:relative}
.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--accent);transform:scaleX(0);transition:.25s}
.desktop-nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:12px}
.language-switcher{display:flex;background:#191714;border:1px solid var(--line);border-radius:12px;padding:3px}
.lang-btn{border:0;background:transparent;color:#887f75;padding:7px 8px;border-radius:9px;font-size:10px;cursor:pointer}
.lang-btn.active{background:var(--cream);color:var(--ink)}
.mini-cta{background:var(--cream);color:var(--ink);border-radius:12px;padding:12px 15px;font-weight:700;font-size:12px}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:12px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{width:17px;height:1px;background:#fff}
.mobile-menu{display:none;position:fixed;inset:0;background:rgba(14,13,11,.98);z-index:80;padding:140px 28px 40px;flex-direction:column;gap:22px}
.mobile-menu a{font-family:var(--serif);font-size:40px}
.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:145px max(6vw,24px) 70px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 42%,rgba(190,139,86,.12),transparent 34%),linear-gradient(180deg,#0e0d0b 0%,#0f0e0c 80%,#12100e 100%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28}
.glow-1{width:340px;height:340px;background:#72492c;right:12%;top:28%}
.glow-2{width:220px;height:220px;background:#b28759;right:32%;bottom:8%}
.hero-copy,.hero-visual{position:relative;z-index:2}
.eyebrow{font-size:11px;letter-spacing:.28em;color:var(--accent);font-weight:700;margin:0 0 18px}
.hero h1,.section-heading h2,.story h2,.experience h2,.cta-band h2{font-family:var(--serif);font-weight:600;letter-spacing:-.045em;margin:0}
.hero h1{font-size:clamp(58px,8vw,118px);line-height:.82;max-width:720px}
.hero h1 em,.section-heading h2 em,.story h2 em,.experience h2 em,.cta-band h2 em{font-weight:600;color:var(--accent);font-style:italic}
.hero-text{max-width:610px;font-size:18px;line-height:1.7;color:#b7afa4;margin:34px 0 28px}
.hero-ctas{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:14px;padding:16px 20px;font-weight:700;font-size:14px;transition:.25s}
.btn-primary{background:var(--cream);color:var(--ink)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(255,255,255,.08)}
.btn-ghost{border:1px solid var(--line);color:#d6cec3}
.hero-trust{display:flex;gap:34px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line);max-width:620px}
.hero-trust div{display:flex;flex-direction:column;gap:5px}
.hero-trust strong{font-size:18px}
.hero-trust span{font-size:11px;color:#82796f}
.hero-visual{min-height:630px;display:grid;place-items:center}
.hero-card{position:relative;width:min(450px,88%);aspect-ratio:.78;border-radius:34px;background:linear-gradient(150deg,#1f1914,#302116 58%,#15110e);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);overflow:hidden;transform:rotate(2.5deg)}
.hero-card:after{content:"";position:absolute;inset:auto -20% -26% -20%;height:50%;background:radial-gradient(circle,#c4925b22,transparent 65%)}
.hero-card img{position:absolute;width:88%;left:6%;top:11%;filter:drop-shadow(0 28px 34px rgba(0,0,0,.42))}
.badge{position:absolute;top:22px;left:22px;z-index:3;background:rgba(246,239,227,.1);border:1px solid rgba(246,239,227,.2);backdrop-filter:blur(8px);padding:8px 10px;border-radius:999px;font-size:8px;letter-spacing:.18em}
.hero-card-copy{position:absolute;left:28px;right:28px;bottom:26px;z-index:3;display:flex;flex-direction:column;gap:7px}
.hero-card-copy span{font-size:9px;letter-spacing:.22em;color:#b8a58e}
.hero-card-copy strong{font-family:var(--serif);font-size:24px}
.orbit{position:absolute;border:1px solid rgba(200,154,97,.18);border-radius:50%}
.orbit-a{width:570px;height:570px}
.orbit-b{width:700px;height:700px}
.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(25,22,18,.78);backdrop-filter:blur(14px);border:1px solid rgba(246,239,227,.12);border-radius:999px;padding:12px 15px;font-size:11px;box-shadow:0 16px 40px rgba(0,0,0,.25)}
.chip-one{left:0;top:23%}
.chip-two{right:0;bottom:23%}
.chip-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(200,154,97,.12)}
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#6f685f;z-index:3}
.scroll-cue span{height:1px;width:38px;background:#6f685f}
.scroll-cue small{font-size:8px;letter-spacing:.28em}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#12100e;padding:17px 0}
.marquee-track{display:flex;align-items:center;gap:28px;white-space:nowrap;width:max-content;animation:marquee 26s linear infinite}
.marquee span{font-family:var(--serif);font-size:13px;letter-spacing:.2em;color:#a79b8c}
.marquee i{font-style:normal;color:var(--accent);font-size:9px}
@keyframes marquee{to{transform:translateX(-50%)}}
.section-pad{padding:120px max(6vw,24px)}
.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}
.section-heading>div{max-width:760px}
.section-heading h2,.story h2,.experience h2,.cta-band h2{font-size:clamp(45px,6vw,82px);line-height:.98}
.section-heading>p{max-width:420px;color:#9d9388;line-height:1.7;margin:0 0 8px}
.menu-section{background:#0f0e0c}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.filter{border:1px solid var(--line);background:transparent;color:#afa69b;border-radius:999px;padding:10px 16px;cursor:pointer;transition:.2s}
.filter.active,.filter:hover{background:var(--cream);color:var(--ink)}
.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.menu-card{background:#16130f;border:1px solid rgba(255,255,255,.06);border-radius:24px;overflow:hidden;transition:.35s}
.menu-card:hover{transform:translateY(-8px);border-color:rgba(200,154,97,.34);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.menu-card.hide{display:none}
.menu-image{position:relative;aspect-ratio:1.08;background:linear-gradient(145deg,#1c1712,#2a1e15);overflow:hidden}
.menu-image img{width:100%;height:100%;object-fit:cover;transition:.5s}
.menu-card:hover .menu-image img{transform:scale(1.04)}
.tag{position:absolute;left:16px;top:16px;background:rgba(246,239,227,.88);color:#17120e;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:700;letter-spacing:.12em}
.menu-info{padding:20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-end}
.menu-info h3{font-family:var(--serif);margin:0 0 7px;font-size:23px}
.menu-info p{margin:0;color:#8d8378;font-size:12px;line-height:1.5;max-width:220px}
.price{white-space:nowrap;font-size:12px;color:var(--accent)}
.menu-footer{margin-top:34px;display:flex;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid var(--line);color:#9b9288}
.menu-footer a{color:var(--cream);font-weight:700}
.story{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#f1e8da;color:var(--ink)}
.story-visual{position:relative}
.story-photo{border-radius:30px;overflow:hidden;box-shadow:0 30px 70px rgba(48,31,18,.18)}
.story-stamp{position:absolute;right:-42px;bottom:42px;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--cream);box-shadow:0 16px 40px rgba(30,20,12,.22)}
.story-stamp svg{position:absolute;inset:8px;width:112px;height:112px;animation:spin 18s linear infinite}
.story-stamp text{font-size:7px;fill:#d5c6b3;letter-spacing:1.4px}
.story-stamp span{font-size:25px}
@keyframes spin{to{transform:rotate(360deg)}}
.story .eyebrow{color:#956943}
.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#5d5146;max-width:620px}
.story-stats{margin-top:34px;border-top:1px solid rgba(22,18,15,.14)}
.story-stats div{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid rgba(22,18,15,.14)}
.story-stats strong{font-size:11px;color:#9c7049}
.story-stats span{font-family:var(--serif);font-size:20px}
.experience{padding:120px max(6vw,24px);position:relative;overflow:hidden;background:linear-gradient(180deg,#11100e,#17130f)}
.experience:before{content:"LEYAN";position:absolute;right:-1vw;bottom:-10vw;font-family:var(--serif);font-size:31vw;line-height:.8;color:rgba(255,255,255,.018);pointer-events:none}
.experience-inner{position:relative;z-index:2}
.experience h2{max-width:940px}
.experience-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}
.experience-card{min-height:230px;border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.02);transition:.3s}
.experience-card:hover{background:rgba(200,154,97,.07);transform:translateY(-5px)}
.experience-card>span{margin-bottom:auto;font-size:10px;color:var(--accent)}
.experience-card h3{font-family:var(--serif);font-size:30px;margin:0 0 8px}
.experience-card p{color:#8d847a;margin:0;line-height:1.6;font-size:13px;max-width:290px}
.gallery{background:#0e0d0b}
.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:280px;gap:16px}
.gallery-item{margin:0;border-radius:24px;overflow:hidden;background:#1d1712}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}
.gallery-item:hover img{transform:scale(1.035)}
.gallery-item.tall{grid-row:span 2}
.gallery-item.wide{grid-column:span 2}
.cta-band{margin:0 max(4vw,16px) 24px;border-radius:34px;background:var(--accent);color:#17120e;padding:72px max(4vw,28px);display:flex;justify-content:space-between;gap:40px;align-items:end}
.cta-band .eyebrow{color:#5f412b}
.cta-band h2 em{color:#fff1da}
.cta-copy p:last-child{max-width:610px;line-height:1.6;color:#5c402b}
.cta-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.btn-light{background:#17120e;color:#fff4e6}
.text-link{font-weight:700;text-decoration:underline;text-underline-offset:5px}
footer{padding:72px max(6vw,24px) 28px;background:#0b0a09}
.footer-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:56px}
.footer-brand p{color:#81796f;max-width:300px;line-height:1.6}
.footer-col{display:flex;flex-direction:column;gap:10px}
.footer-col>span{font-size:9px;letter-spacing:.24em;color:var(--accent);margin-bottom:8px}
.footer-col p,.footer-col a{margin:0;color:#aaa198;font-size:13px}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:#716a62;font-size:11px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.reveal.in-view{opacity:1;transform:none}
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media(max-width:980px){
  .desktop-nav,.mini-cta{display:none}
  .menu-toggle{display:flex}
  .mobile-menu.open{display:flex}
  .hero{grid-template-columns:1fr;padding-top:130px}
  .hero-copy{padding-top:20px}
  .hero-visual{min-height:560px}
  .hero h1{font-size:clamp(62px,15vw,100px)}
  .section-heading{align-items:flex-start;flex-direction:column}
  .menu-grid{grid-template-columns:repeat(2,1fr)}
  .story{grid-template-columns:1fr;gap:70px}
  .story-stamp{right:24px}
  .experience-cards{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .gallery-item.tall{grid-row:span 1}
  .gallery-item.wide{grid-column:span 2}
  .cta-band{align-items:flex-start;flex-direction:column}
  .footer-top{grid-template-columns:1.2fr 1fr;row-gap:36px}
}
@media(max-width:640px){
  .site-header{height:68px;top:10px}
  .brand-copy{display:none}
  .language-switcher .lang-btn{padding:6px 7px}
  .hero{padding:110px 20px 50px;gap:16px}
  .hero-text{font-size:15px;margin:24px 0}
  .hero-trust{gap:18px;justify-content:space-between}
  .hero-trust strong{font-size:15px}
  .hero-trust span{font-size:9px}
  .hero-visual{min-height:470px}
  .hero-card{width:82%;border-radius:26px}
  .orbit-a{width:410px;height:410px}.orbit-b{width:510px;height:510px}
  .floating-chip{font-size:9px;padding:10px 12px}
  .chip-one{left:-7px}.chip-two{right:-8px}
  .scroll-cue{display:none}
  .section-pad,.experience{padding:90px 20px}
  .section-heading h2,.story h2,.experience h2,.cta-band h2{font-size:44px}
  .menu-grid{grid-template-columns:1fr}
  .menu-info{align-items:center}
  .story-stamp{width:108px;height:108px;right:16px;bottom:20px}
  .story-stamp svg{width:94px;height:94px}
  .gallery-grid{grid-template-columns:1fr;grid-auto-rows:240px}
  .gallery-item.wide{grid-column:auto}
  .cta-band{margin:0 12px 16px;padding:54px 24px;border-radius:28px}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{gap:18px;flex-direction:column}
}
[dir="rtl"] .site-header{padding:0 20px 0 18px}
[dir="rtl"] .hero-card{transform:rotate(-2.5deg)}
[dir="rtl"] .hero-card-copy,[dir="rtl"] .badge,[dir="rtl"] .tag{left:auto;right:22px}
[dir="rtl"] .tag{right:16px}
[dir="rtl"] .hero h1,[dir="rtl"] .section-heading h2,[dir="rtl"] .story h2,[dir="rtl"] .experience h2,[dir="rtl"] .cta-band h2,[dir="rtl"] .menu-info h3,[dir="rtl"] .story-stats span,[dir="rtl"] .experience-card h3{font-family:Tahoma,Arial,sans-serif}

.profile-section{background:#13110f}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.profile-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border-radius:24px;padding:28px;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;transition:.3s}
.profile-card:hover{transform:translateY(-6px);border-color:rgba(200,154,97,.35);background:rgba(200,154,97,.05)}
.profile-card span{margin-bottom:auto;color:var(--accent);font-size:10px;letter-spacing:.16em}
.profile-card h3{font-family:var(--serif);font-size:28px;margin:0 0 10px}
.profile-card p{margin:0;color:#91877c;line-height:1.7;font-size:13px}
.menu-info{align-items:flex-start}
@media(max-width:980px){.profile-grid{grid-template-columns:1fr}}

.services-section{background:#0f0e0c}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{min-height:280px;border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(180deg,#17130f,#12100e);position:relative;overflow:hidden;transition:.3s}
.service-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(200,154,97,.13),transparent 68%);right:-50px;bottom:-50px}
.service-card:hover{transform:translateY(-7px);border-color:rgba(200,154,97,.4)}
.service-no{font-size:9px;letter-spacing:.18em;color:var(--accent)}
.service-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(200,154,97,.10);border:1px solid rgba(200,154,97,.22);font-size:22px;margin:42px 0 28px}
.service-card h3{font-family:var(--serif);font-size:25px;margin:0 0 10px}
.service-card p{margin:0;color:#8e8479;line-height:1.7;font-size:13px;position:relative;z-index:2}

.contact-section{background:#0e0d0b}
.contact-panel{border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#17130f,#0f0d0b);display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding:42px;overflow:hidden;position:relative}
.contact-panel:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(200,154,97,.17),transparent 65%)}
.contact-copy{position:relative;z-index:2}
.contact-copy h2{font-family:var(--serif);font-size:clamp(45px,5vw,72px);margin:0 0 18px}
.contact-copy>p:last-of-type{color:#978d82;line-height:1.8;max-width:620px}
.contact-list{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.contact-list>a,.contact-list>div{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.contact-list span{font-size:9px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}
.contact-list strong{font-size:13px;color:#e9e1d7}
.contact-card{position:relative;z-index:2;background:var(--paper);color:var(--ink);border-radius:26px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;min-height:390px;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.contact-card-label{font-size:9px;letter-spacing:.18em;color:#966b45;margin-bottom:auto}
.contact-card h3{font-family:var(--serif);font-size:48px;letter-spacing:-.04em;margin:0 0 12px}
.contact-card p{color:#65594f;line-height:1.7;margin:0}
.contact-mini{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.contact-mini span{border:1px solid rgba(22,18,15,.15);border-radius:999px;padding:8px 10px;font-size:9px}

@media(max-width:980px){
  .services-grid{grid-template-columns:1fr 1fr}
  .contact-panel{grid-template-columns:1fr}
}
@media(max-width:640px){
  .services-grid{grid-template-columns:1fr}
  .contact-panel{padding:24px}
  .contact-list{grid-template-columns:1fr}
  .contact-card{min-height:330px}
}

/* ===== LEYAN PREMIUM ANIMATION UPGRADE ===== */
html{scroll-padding-top:110px}
body{
  background:
    linear-gradient(rgba(12,9,7,.93),rgba(12,9,7,.96)),
    url("../img/coffee-premium-bg.svg") center top/cover fixed;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-3;
  background:
    radial-gradient(circle at 18% 22%,rgba(185,118,67,.12),transparent 28%),
    radial-gradient(circle at 82% 44%,rgba(217,158,97,.11),transparent 30%),
    radial-gradient(circle at 50% 86%,rgba(120,70,40,.10),transparent 32%);
}
.preloader{
  position:fixed;inset:0;z-index:9999;background:#0d0a08;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;transition:opacity .65s ease,visibility .65s ease
}
.preloader.hide{opacity:0;visibility:hidden}
.preloader-mark{
  width:76px;height:76px;border-radius:50%;display:grid;place-items:center;
  background:#f4eadb;color:#17110d;font-family:var(--serif);font-size:40px;font-weight:700;
  box-shadow:0 0 0 10px rgba(244,234,219,.04),0 24px 60px rgba(0,0,0,.4);
  animation:prePulse 1.4s ease-in-out infinite
}
.preloader-line{width:150px;height:2px;background:rgba(255,255,255,.08);overflow:hidden;border-radius:99px}
.preloader-line span{display:block;width:45%;height:100%;background:var(--accent);animation:preLine 1.1s ease-in-out infinite}
.preloader small{letter-spacing:.36em;color:#8c8176;font-size:9px}
@keyframes prePulse{50%{transform:scale(1.05);box-shadow:0 0 0 16px rgba(244,234,219,.025),0 24px 60px rgba(0,0,0,.4)}}
@keyframes preLine{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}

.ambient-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.ambient-orb{position:absolute;border-radius:50%;filter:blur(85px);opacity:.2;animation:orbFloat 13s ease-in-out infinite}
.orb-one{width:360px;height:360px;background:#b77746;left:-90px;top:14%}
.orb-two{width:420px;height:420px;background:#7a442a;right:-150px;top:38%;animation-delay:-4s}
.orb-three{width:300px;height:300px;background:#c09261;left:38%;bottom:-130px;animation-delay:-8s}
@keyframes orbFloat{50%{transform:translate3d(0,-28px,0) scale(1.08)}}

.coffee-bean{
  position:absolute;width:28px;height:42px;border-radius:52% 48% 50% 50%;
  background:linear-gradient(135deg,#7c4a2e,#2e1b12 72%);
  box-shadow:inset -5px -6px 12px rgba(0,0,0,.28),0 10px 20px rgba(0,0,0,.24);
  opacity:.28;animation:beanFloat 15s ease-in-out infinite
}
.coffee-bean:after{
  content:"";position:absolute;left:49%;top:6px;bottom:6px;width:2px;border-radius:99px;
  background:#c79166;opacity:.45;transform:rotate(14deg)
}
.bean-1{left:5%;top:28%;transform:rotate(28deg)}
.bean-2{right:9%;top:18%;transform:rotate(-30deg);animation-delay:-3s}
.bean-3{left:16%;bottom:16%;transform:rotate(-18deg);animation-delay:-6s}
.bean-4{right:18%;bottom:22%;transform:rotate(38deg);animation-delay:-9s}
.bean-5{left:46%;top:12%;transform:rotate(14deg);animation-delay:-11s}
.bean-6{right:42%;bottom:8%;transform:rotate(-42deg);animation-delay:-7s}
@keyframes beanFloat{
  0%,100%{translate:0 0;rotate:0deg}
  50%{translate:0 -34px;rotate:8deg}
}

.site-header{
  background:linear-gradient(180deg,rgba(19,15,12,.82),rgba(12,10,8,.76));
  border-color:rgba(230,190,144,.13);
  box-shadow:0 12px 50px rgba(0,0,0,.25)
}
.site-header.scrolled{
  box-shadow:0 18px 60px rgba(0,0,0,.38),0 0 0 1px rgba(200,154,97,.06)
}
.brand-mark{
  background:linear-gradient(145deg,#fff4e7,#d7bc98);
  box-shadow:0 10px 24px rgba(200,154,97,.14)
}
.mini-cta,.btn-primary{
  background:linear-gradient(135deg,#f8efe2,#d9bc94);
  box-shadow:0 12px 32px rgba(201,153,96,.18)
}
.hero{
  min-height:100svh;
  background:
    linear-gradient(90deg,rgba(13,10,8,.97) 0%,rgba(13,10,8,.88) 43%,rgba(13,10,8,.48) 100%),
    url("../img/coffee-premium-bg.svg") center/cover;
  isolation:isolate
}
.hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,transparent 62%,#0f0d0b 100%)
}
.premium-hero-copy:before{
  content:"PREMIUM COFFEE PROFILE";
  display:inline-flex;align-items:center;gap:8px;
  margin-bottom:20px;padding:7px 11px;border-radius:999px;
  border:1px solid rgba(200,154,97,.22);background:rgba(200,154,97,.07);
  color:#cda777;font-size:8px;letter-spacing:.24em;font-weight:700
}
.hero h1{
  text-shadow:0 20px 60px rgba(0,0,0,.38);
  animation:heroTextIn .9s cubic-bezier(.2,.75,.2,1) both .15s
}
@keyframes heroTextIn{
  from{opacity:0;transform:translateY(28px) scale(.985)}
  to{opacity:1;transform:none}
}
.hero-card{
  box-shadow:
    0 45px 100px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.05),
    0 0 80px rgba(190,121,67,.12);
  transition:transform .18s ease-out,box-shadow .3s ease
}
.hero-card:hover{
  box-shadow:
    0 55px 120px rgba(0,0,0,.58),
    0 0 0 1px rgba(232,192,145,.12),
    0 0 110px rgba(190,121,67,.18)
}
.hero-card img{animation:cupFloat 5s ease-in-out infinite}
@keyframes cupFloat{50%{transform:translateY(-10px) scale(1.015)}}
.floating-chip{animation:chipFloat 5.8s ease-in-out infinite}
.chip-two{animation-delay:-2.6s}
@keyframes chipFloat{50%{translate:0 -10px}}

.section-pad{position:relative}
.section-heading h2,.story h2,.experience h2,.cta-band h2,.contact-copy h2{
  text-shadow:0 12px 40px rgba(0,0,0,.12)
}
.glass-card{
  backdrop-filter:blur(10px);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    rgba(17,14,12,.74)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16)
}

.menu-card{
  position:relative;isolation:isolate;
  background:linear-gradient(180deg,#17130f,#100e0c);
}
.menu-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;
  background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 24%);
  opacity:.6
}
.menu-card:hover{transform:translateY(-10px) scale(1.012)}
.menu-image:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(10,8,6,.28));
  pointer-events:none
}

.coffee-visual-strip{
  min-height:520px;margin:0 max(3vw,14px);border-radius:34px;overflow:hidden;position:relative;
  background:url("../img/coffee-strip.svg") center/cover no-repeat;
  box-shadow:0 40px 100px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.05)
}
.visual-strip-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(12,9,7,.86),rgba(12,9,7,.28) 60%,rgba(12,9,7,.56))
}
.visual-strip-content{
  position:absolute;left:max(5vw,28px);bottom:48px;z-index:2;max-width:760px
}
.visual-strip-content>span{
  font-size:9px;letter-spacing:.28em;color:#d4ac7b;font-weight:700
}
.visual-strip-content h2{
  font-family:var(--serif);font-size:clamp(42px,6vw,78px);line-height:.96;margin:14px 0 0
}
.visual-strip-content em{color:#d0a06a}

.service-card,.profile-card,.experience-card,.contact-card{
  transform-style:preserve-3d;
  will-change:transform
}
.service-card:hover .service-icon{
  transform:rotate(-6deg) scale(1.08);
  box-shadow:0 12px 30px rgba(200,154,97,.12)
}
.service-icon{transition:.3s}

.story{
  background:
    radial-gradient(circle at 80% 20%,rgba(165,105,60,.08),transparent 28%),
    #f1e8da
}
.story-photo{position:relative}
.story-photo:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 80px rgba(30,17,10,.18)
}

.experience{
  background:
    linear-gradient(rgba(14,11,9,.88),rgba(17,13,10,.94)),
    url("../img/coffee-premium-bg.svg") center/cover fixed;
}
.experience-card{
  position:relative;overflow:hidden
}
.experience-card:after{
  content:"";position:absolute;width:180px;height:180px;border-radius:50%;
  right:-90px;top:-90px;background:radial-gradient(circle,rgba(200,154,97,.14),transparent 65%);
  transition:.35s
}
.experience-card:hover:after{transform:scale(1.35)}

.gallery-item{
  position:relative;
  box-shadow:0 24px 60px rgba(0,0,0,.22)
}
.gallery-item:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(10,7,6,.30));
  opacity:.8;pointer-events:none
}
.gallery-item:hover{transform:translateY(-5px)}
.gallery-item{transition:.35s}

.cta-band{
  background:
    linear-gradient(120deg,rgba(197,145,90,.96),rgba(143,92,55,.97)),
    url("../img/coffee-premium-bg.svg") center/cover;
  box-shadow:0 40px 100px rgba(0,0,0,.26)
}
.contact-panel{
  background:
    linear-gradient(145deg,rgba(22,17,13,.93),rgba(12,10,8,.96)),
    url("../img/coffee-premium-bg.svg") center/cover;
  box-shadow:0 40px 100px rgba(0,0,0,.24)
}

.reveal{
  opacity:0;
  transform:translateY(34px) scale(.985);
  filter:blur(8px);
  transition:
    opacity .85s cubic-bezier(.2,.7,.2,1),
    transform .85s cubic-bezier(.2,.7,.2,1),
    filter .85s ease
}
.reveal.in-view{
  opacity:1;transform:none;filter:none
}
.reveal.from-left{transform:translateX(-42px);filter:blur(8px)}
.reveal.from-right{transform:translateX(42px);filter:blur(8px)}
.reveal.from-left.in-view,.reveal.from-right.in-view{transform:none;filter:none}

.cursor-glow{
  position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:1;
  background:radial-gradient(circle,rgba(195,135,80,.09),transparent 68%);
  transform:translate(-50%,-50%);
  mix-blend-mode:screen
}

@media(max-width:980px){
  body{background-attachment:scroll}
  .coffee-visual-strip{min-height:430px}
}
@media(max-width:640px){
  .coffee-bean{opacity:.18;transform:scale(.75)}
  .ambient-orb{opacity:.14}
  .coffee-visual-strip{min-height:380px;border-radius:26px;margin:0 12px}
  .visual-strip-content{left:24px;right:24px;bottom:30px}
  .visual-strip-content h2{font-size:42px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .cursor-glow{display:none}
}