:root{--bg:#0b0a08;--panel:#12100d;--ink:#f4efe8;--muted:#b8afa2;--gold:#c9a55a;--gold2:#f0d28f;--line:rgba(201,165,90,.24);--cream:#f4efe8;--max:1480px;--serif:"Cormorant Garamond",serif;--sans:"Manrope",sans-serif;--arabic:"Noto Kufi Arabic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body[dir=rtl]{font-family:var(--arabic)}a{color:inherit;text-decoration:none}button,input{font:inherit}.section-shell{width:min(calc(100% - 72px),var(--max));margin-inline:auto}.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(201,165,90,.08),transparent 68%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:90px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(to bottom,rgba(5,4,3,.65),transparent)}.site-header.scrolled{height:72px;background:rgba(11,10,8,.86);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{color:var(--gold);font-size:32px;line-height:1}.brand strong{display:block;font-family:var(--serif);font-size:23px;letter-spacing:.14em}.brand small{display:block;color:var(--gold);letter-spacing:.48em;font-size:8px;margin-top:-2px}.desktop-nav{display:flex;gap:30px}.desktop-nav a{font-size:12px;color:#ddd6cd;letter-spacing:.08em;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.3s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:12px}.lang-btn,.menu-btn,.close-menu{background:none;border:0;color:var(--ink);cursor:pointer}.lang-btn{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:9px 12px}.menu-btn{display:none;width:40px;height:40px}.menu-btn span{display:block;width:22px;height:1px;background:var(--ink);margin:6px auto}.mobile-panel{position:fixed;z-index:80;inset:0 0 0 auto;width:min(420px,88vw);background:#12100d;padding:90px 36px;transform:translateX(105%);transition:.4s cubic-bezier(.7,0,.2,1)}body[dir=rtl] .mobile-panel{inset:0 auto 0 0;transform:translateX(-105%)}.mobile-panel.open{transform:translateX(0)!important}.close-menu{position:absolute;top:25px;right:28px;font-size:34px}.mobile-panel nav{display:grid;gap:24px}.mobile-panel nav a{font-family:var(--serif);font-size:34px;color:var(--cream)}
.hero{min-height:100svh;padding-top:115px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:0 -20vw;background:radial-gradient(circle at 76% 44%,rgba(201,165,90,.14),transparent 28%),linear-gradient(115deg,#0b0a08 45%,#17110a);z-index:-3}.hero:after{content:"";position:absolute;inset:0 -20vw;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-2}.hero-orbit{position:absolute;width:670px;height:670px;border:1px solid var(--line);border-radius:50%;right:-120px;top:50%;transform:translateY(-48%);box-shadow:0 0 0 90px rgba(201,165,90,.025),0 0 0 180px rgba(201,165,90,.018);z-index:-1}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.3em;font-weight:700;margin:0 0 22px}.hero h1,.section-heading h2,.story h2,.wholesale h2{font:600 clamp(62px,7vw,116px)/.83 var(--serif);letter-spacing:-.035em;margin:0}.hero h1 em,.section-heading h2 em,.story h2 em,.wholesale h2 em{color:var(--gold2);font-weight:500}.hero-text{max-width:570px;color:var(--muted);font-size:16px;line-height:1.85;margin:32px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:12px;letter-spacing:.07em;transition:.25s}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171008;border-color:transparent}.btn-gold:hover{transform:translateY(-3px);box-shadow:0 14px 45px rgba(201,165,90,.2)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold2)}.hero-facts{display:flex;gap:48px;margin-top:58px}.hero-facts div{display:grid;gap:4px}.hero-facts strong{font:600 28px var(--serif);color:var(--gold2)}.hero-facts span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.hero-visual{height:78vh;min-height:560px;display:flex;align-items:center;justify-content:center;position:relative}.hero-visual img{width:min(570px,92%);max-height:75vh;object-fit:contain;filter:drop-shadow(0 45px 55px rgba(0,0,0,.55));mix-blend-mode:screen;animation:float 5s ease-in-out infinite}.hero-badge{position:absolute;right:4%;bottom:15%;width:125px;height:125px;border:1px solid var(--line);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(12,10,8,.8);backdrop-filter:blur(10px);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-badge strong{font:600 27px var(--serif);color:var(--gold2);margin:5px}.steam{position:absolute;top:6%;left:51%;width:120px;height:170px;z-index:2;filter:blur(1px)}.steam i{position:absolute;bottom:0;width:24px;height:140px;border-left:2px solid rgba(240,210,143,.35);border-radius:50%;animation:steam 4s ease-in infinite}.steam i:nth-child(2){left:36px;animation-delay:1.2s}.steam i:nth-child(3){left:70px;animation-delay:2.1s}.scroll-cue{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.scroll-cue span{width:42px;height:1px;background:var(--gold)}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#0d0b09}.marquee-track{width:max-content;display:flex;align-items:center;gap:32px;padding:18px 0;animation:marquee 30s linear infinite;font:500 12px var(--sans);letter-spacing:.22em;color:#c9c0b4}.marquee b{color:var(--gold)}
.collection{padding-block:150px}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;column-gap:80px;align-items:end;margin-bottom:65px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(50px,5vw,82px)}.section-heading>p:last-child{color:var(--muted);line-height:1.8;max-width:500px}.section-heading.centered{display:block;text-align:center}.section-heading.centered p:last-child{margin-inline:auto}.product-stage{background:linear-gradient(135deg,#f6f4f0,#e8e3da);padding:25px;border-radius:2px;overflow:hidden}.product-stage img{width:100%;display:block;transition:.6s}.product-stage:hover img{transform:scale(1.015)}.blend-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.blend-tabs button{background:none;border:0;border-right:1px solid var(--line);padding:25px 16px;color:var(--muted);text-align:left;cursor:pointer;transition:.3s}.blend-tabs button span{font:600 22px var(--serif);color:var(--gold);display:block}.blend-tabs button strong{display:block;color:var(--ink);font-size:12px;margin:9px 0 4px}.blend-tabs button small{font-size:9px}.blend-tabs button:hover,.blend-tabs button.active{background:rgba(201,165,90,.07)}
.story{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:center;padding-block:130px}.story-art{position:relative}.story-art:before{content:"";position:absolute;inset:8% -4% -5% 8%;border:1px solid var(--line);z-index:-1}.story-art img{width:100%;display:block}.story h2{font-size:clamp(50px,5.5vw,90px);margin-bottom:32px}.story-copy>p:not(.eyebrow){color:var(--muted);line-height:1.9;max-width:570px}.text-link{display:inline-flex;gap:12px;color:var(--gold2);font-size:12px;margin-top:24px;border-bottom:1px solid var(--gold);padding-bottom:7px}
.journey{padding-block:150px}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid var(--line)}.journey-grid article{padding:42px 34px;min-height:320px;border-right:1px solid var(--line);position:relative;transition:.3s}.journey-grid article:hover{background:rgba(201,165,90,.06);transform:translateY(-8px)}.journey-grid article>span{color:var(--gold);font:600 20px var(--serif)}.journey-icon{font-size:38px;color:var(--gold2);margin:45px 0 24px}.journey-grid h3{font:600 31px var(--serif);margin:0 0 12px}.journey-grid p{color:var(--muted);font-size:13px;line-height:1.8}
.wholesale{padding-bottom:150px}.wholesale-card{padding:75px;background:linear-gradient(130deg,#1a140d,#0d0b09);border:1px solid var(--line);display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;position:relative;overflow:hidden}.wholesale-card:after{content:"A";position:absolute;right:-50px;bottom:-170px;font:600 420px var(--serif);color:rgba(201,165,90,.035)}.wholesale h2{font-size:clamp(52px,6vw,92px)}.wholesale-card>div:last-child{position:relative;z-index:1}.wholesale-card p{color:var(--muted);line-height:1.8;margin-bottom:26px}
footer{border-top:1px solid var(--line);background:#080705}.footer-top{display:grid;grid-template-columns:1.2fr .6fr .7fr 1.2fr;gap:60px;padding-block:75px}.footer-brand h2{font:600 35px var(--serif);letter-spacing:.16em;margin:12px 0 0}.footer-brand p{color:var(--gold);letter-spacing:.55em;font-size:9px}.footer-top h3{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;margin:0 0 22px}.footer-top>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px}.footer-top a,.newsletter p{font-size:12px;color:var(--muted)}.newsletter form{display:flex;border-bottom:1px solid var(--line);margin-top:12px}.newsletter input{width:100%;background:none;border:0;color:white;padding:12px 0;outline:0}.newsletter button{border:0;background:none;color:var(--gold);font-size:20px}.footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;color:#786f65;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-16px) rotate(1deg)}}@keyframes steam{0%{opacity:0;transform:translateY(35px) scaleX(.7)}30%{opacity:.8}100%{opacity:0;transform:translateY(-65px) translateX(24px) scaleX(1.5)}}@keyframes marquee{to{transform:translateX(-50%)}}
body[dir=rtl] .desktop-nav,body[dir=rtl] .hero-actions,body[dir=rtl] .hero-facts{direction:rtl}body[dir=rtl] .blend-tabs button{text-align:right}body[dir=rtl] .section-heading h2,body[dir=rtl] .hero h1,body[dir=rtl] .story h2,body[dir=rtl] .wholesale h2{font-family:var(--arabic);line-height:1.25;letter-spacing:0}body[dir=rtl] .eyebrow{letter-spacing:.06em}body[dir=rtl] .hero-orbit{right:auto;left:-120px}body[dir=rtl] .blend-tabs button{border-right:0;border-left:1px solid var(--line)}
@media(max-width:1100px){.desktop-nav{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:72px}.section-heading{grid-template-columns:1fr;gap:20px}.blend-tabs{grid-template-columns:repeat(3,1fr)}.story{gap:45px}.journey-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}.wholesale-card{grid-template-columns:1fr}}
@media(max-width:760px){.section-shell{width:min(calc(100% - 36px),var(--max))}.site-header{height:72px;padding-inline:18px}.brand strong{font-size:19px}.hero{padding-top:105px;grid-template-columns:1fr;min-height:auto;text-align:center}.hero h1{font-size:58px}.hero-text{font-size:14px;margin-inline:auto}.hero-actions,.hero-facts{justify-content:center}.hero-facts{gap:25px;margin-top:38px}.hero-visual{height:520px;min-height:0}.hero-visual img{width:92%;max-height:500px}.hero-orbit{width:440px;height:440px;right:-180px;top:68%}.hero-badge{width:95px;height:95px;right:0}.scroll-cue{display:none}.collection,.journey{padding-block:90px}.section-heading{text-align:center;margin-bottom:40px}.section-heading h2{font-size:48px}.blend-tabs{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr;padding-block:90px}.story-copy{text-align:center}.story-copy>p:not(.eyebrow){margin-inline:auto}.journey-grid{grid-template-columns:1fr}.journey-grid article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.wholesale-card{padding:45px 25px;text-align:center}.wholesale{padding-bottom:90px}.footer-top{grid-template-columns:1fr;text-align:center}.footer-top>div:not(.footer-brand){align-items:center}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.cursor-glow{display:none}}
/* V2 enhancements */
.page-loader{position:fixed;inset:0;z-index:999;background:#080705;display:grid;place-content:center;text-align:center;transition:opacity .7s,visibility .7s}.page-loader.hide{opacity:0;visibility:hidden}.loader-mark{font-size:52px;color:var(--gold);animation:pulse 1.3s infinite}.loader-word{font:600 30px var(--serif);letter-spacing:.25em;margin-top:10px}.page-loader span{display:block;width:180px;height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:loaderLine 1.4s infinite}.scroll-progress{position:fixed;z-index:100;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 16px rgba(201,165,90,.6)}
.experience{padding-block:130px;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.experience h2{font:600 clamp(52px,5.5vw,88px)/.9 var(--serif);margin:0 0 30px}.experience h2 em{color:var(--gold2);font-weight:500}.experience-copy>p:last-child{color:var(--muted);line-height:1.9}.experience-panel{min-height:560px;border:1px solid var(--line);background:radial-gradient(circle at 34% 45%,rgba(201,165,90,.13),transparent 34%),#0e0c0a;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:55px;overflow:hidden}.taste-wheel{width:min(430px,36vw);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:relative;margin:auto;box-shadow:0 0 0 52px rgba(201,165,90,.025),0 0 0 104px rgba(201,165,90,.014)}.wheel-center{position:absolute;inset:28%;border-radius:50%;background:linear-gradient(145deg,#1d160d,#090806);border:1px solid var(--gold);display:grid;place-content:center;text-align:center}.wheel-center strong{font:600 25px var(--serif);letter-spacing:.12em}.wheel-center span{font-size:9px;color:var(--gold);letter-spacing:.12em;text-transform:uppercase}.taste-wheel button{--angle:calc(var(--i)*60deg);position:absolute;left:50%;top:50%;transform:rotate(var(--angle)) translateY(-185px) rotate(calc(-1*var(--angle)));translate:-50% -50%;border:1px solid var(--line);background:#11100d;color:var(--muted);border-radius:99px;padding:10px 14px;font-size:10px;cursor:pointer;transition:.25s}.taste-wheel button:hover,.taste-wheel button.active{background:var(--gold);color:#15100a;transform:rotate(var(--angle)) translateY(-192px) rotate(calc(-1*var(--angle)))}.taste-details{padding-left:30px}.taste-details>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.taste-details strong{display:block;font:600 52px var(--serif);color:var(--gold2);margin:10px 0}.taste-details p{color:var(--muted);line-height:1.8;font-size:13px}
.brew{padding-block:140px}.brew-layout{border:1px solid var(--line);display:grid;grid-template-columns:260px 1fr;min-height:390px}.brew-methods{display:flex;flex-direction:column;border-right:1px solid var(--line)}.brew-methods button{flex:1;background:none;border:0;border-bottom:1px solid var(--line);color:var(--muted);text-align:left;padding:0 32px;cursor:pointer;transition:.25s}.brew-methods button:hover,.brew-methods button.active{background:rgba(201,165,90,.08);color:var(--gold2);padding-left:40px}.brew-card{display:grid;grid-template-columns:180px 1fr;align-items:center;padding:55px;position:relative;background:radial-gradient(circle at 15% 50%,rgba(201,165,90,.12),transparent 25%)}.brew-symbol{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);font-size:55px;color:var(--gold2);box-shadow:0 0 0 18px rgba(201,165,90,.035)}.brew-card h3{font:600 62px var(--serif);margin:0 0 10px}.brew-card>div:nth-child(2)>p:last-child{color:var(--muted)}.brew-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:35px;padding-top:30px}.brew-stats span{display:grid;gap:7px}.brew-stats small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.15em}.brew-stats strong{font:600 30px var(--serif);color:var(--gold2)}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:45;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(11,10,8,.82);backdrop-filter:blur(10px);color:var(--gold);cursor:pointer;opacity:0;transform:translateY(15px);transition:.3s}.back-to-top.show{opacity:1;transform:none}.back-to-top:hover{background:var(--gold);color:#111}
@keyframes pulse{50%{transform:translateY(-6px);opacity:.6}}@keyframes loaderLine{0%{transform:scaleX(.1)}50%{transform:scaleX(1)}100%{transform:scaleX(.1)}}
@media(max-width:1100px){.experience{grid-template-columns:1fr}.experience-panel{grid-template-columns:1fr 1fr}.taste-wheel{width:360px}.brew-layout{grid-template-columns:210px 1fr}}
@media(max-width:760px){.experience{padding-block:90px;text-align:center}.experience h2{font-size:48px}.experience-panel{grid-template-columns:1fr;padding:35px 18px;gap:55px}.taste-wheel{width:280px}.taste-wheel button{transform:rotate(var(--angle)) translateY(-120px) rotate(calc(-1*var(--angle)));padding:7px 9px;font-size:8px}.taste-wheel button:hover,.taste-wheel button.active{transform:rotate(var(--angle)) translateY(-124px) rotate(calc(-1*var(--angle)))}.taste-details{padding-left:0}.taste-details strong{font-size:42px}.brew{padding-block:90px}.brew-layout{grid-template-columns:1fr}.brew-methods{display:grid;grid-template-columns:repeat(2,1fr);border-right:0}.brew-methods button{min-height:58px;padding:12px;border-right:1px solid var(--line);text-align:center}.brew-methods button:hover,.brew-methods button.active{padding-left:12px}.brew-card{grid-template-columns:1fr;text-align:center;padding:38px 20px}.brew-symbol{margin:auto auto 32px}.brew-card h3{font-size:50px}.brew-stats{gap:12px}.brew-stats strong{font-size:23px}}
/* V3 additions */
.v3-launch{margin-bottom:5rem;padding:4rem;border:1px solid rgba(201,165,90,.25);background:linear-gradient(135deg,rgba(201,165,90,.08),rgba(255,255,255,.02));display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end;border-radius:28px}.v3-launch h2{font-size:clamp(2.6rem,5vw,5.4rem);margin:.5rem 0}.v3-launch p{color:#b9b2a8;line-height:1.8}.inner-hero{min-height:62vh;padding-top:9rem;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(201,165,90,.14),transparent 42%)}.inner-hero h1{font-size:clamp(3.5rem,8vw,7.5rem);margin:.3rem 0}.inner-hero p{max-width:700px;color:#b8b1a7}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;padding-bottom:7rem}.coffee-card{position:relative;padding:1.4rem;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#11100e;overflow:hidden;transition:.35s}.coffee-card:hover{transform:translateY(-8px);border-color:rgba(201,165,90,.45)}.coffee-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f4f1eb;border-radius:18px}.coffee-card h3{font-family:'Cormorant Garamond',serif;font-size:2rem;margin:1.2rem 0 .3rem}.coffee-card p{color:#a9a298;min-height:3rem}.coffee-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;color:#d4ba83;margin:1rem 0}.coffee-card .btn{width:100%;justify-content:center}.filter-bar{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:0 auto 2.5rem}.filter-bar button{border:1px solid rgba(255,255,255,.12);background:transparent;color:#eee4d5;padding:.75rem 1.1rem;border-radius:99px;cursor:pointer}.filter-bar button.active{background:#c9a55a;color:#111;border-color:#c9a55a}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding-top:10rem;padding-bottom:6rem}.product-detail .product-shot{background:#f3f0ea;border-radius:32px;padding:2rem}.product-detail img{width:100%;max-height:650px;object-fit:contain}.product-copy h1{font-size:clamp(3.5rem,7vw,6.5rem);margin:.4rem 0}.pill-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.pill{border:1px solid rgba(201,165,90,.35);padding:.55rem .8rem;border-radius:99px;color:#d9bd86;font-size:.78rem}.profile-bars{display:grid;gap:1rem;margin:2rem 0}.profile-bars label{display:flex;justify-content:space-between;font-size:.86rem}.profile-bars i{display:block;height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.profile-bars i:after{content:'';display:block;width:var(--w);height:100%;background:#c9a55a}.origin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-bottom:7rem}.origin-card{min-height:300px;border:1px solid rgba(255,255,255,.09);border-radius:26px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75)),radial-gradient(circle at top right,rgba(201,165,90,.24),transparent 35%),#171512}.origin-card h3{font-size:2.4rem;margin:.4rem 0}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;padding:10rem 0 7rem}.contact-form{display:grid;gap:1rem}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:1rem 1.1rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#11100e;color:#fff}.contact-form textarea{min-height:160px;resize:vertical}.cart-bubble{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;border:0;background:#c9a55a;color:#111;font-weight:800;z-index:30;box-shadow:0 12px 35px rgba(0,0,0,.35)}.cart-bubble span{position:absolute;top:-5px;right:-3px;background:#fff;color:#111;border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;font-size:.72rem}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,120px);background:#f5efe5;color:#111;padding:.9rem 1.2rem;border-radius:99px;z-index:40;transition:.3s}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-detail,.contact-layout,.v3-launch{grid-template-columns:1fr}.origin-grid{grid-template-columns:1fr}}
@media(max-width:560px){.catalog-grid{grid-template-columns:1fr}.v3-launch{padding:2rem}.product-detail{padding-top:7rem;gap:2rem}}

/* V4 — commerce, editorial pages and resilient inner-page system */
.header-actions{display:flex;align-items:center;gap:.65rem}.cart-link{position:relative;width:42px;height:42px;border:1px solid rgba(201,165,90,.35);border-radius:50%;display:grid;place-items:center;color:var(--gold,#c9a55a);text-decoration:none}.cart-link span{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#c9a55a;color:#111;font:700 11px/19px Manrope;text-align:center}.inner-header-spacer{height:92px}.inner-hero{min-height:58vh;display:flex;align-items:end;padding-top:170px;padding-bottom:80px;background:radial-gradient(circle at 75% 30%,rgba(201,165,90,.12),transparent 32%)}.inner-hero h1{font-size:clamp(3.8rem,8vw,7.5rem);line-height:.82;margin:.35rem 0 1.4rem}.inner-hero p:not(.eyebrow){max-width:620px;color:#b9b2a7}.page-intro{max-width:760px;margin-bottom:45px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:90px}.editorial-card{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);padding:32px;border-radius:22px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.editorial-card span{color:#c9a55a;font-size:.78rem;letter-spacing:.18em}.editorial-card h3{font:600 2.2rem/1 Cormorant Garamond;margin:16px 0}.editorial-card p{color:#aaa297}.brew-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:100px}.brew-guide-card{padding:38px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}.brew-guide-card .method-no{color:#c9a55a;letter-spacing:.18em}.brew-guide-card h2{font-size:3rem;margin:12px 0}.recipe-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.recipe-specs div{padding:15px;border:1px solid rgba(201,165,90,.2);border-radius:12px}.recipe-specs small{display:block;color:#918a80}.steps{counter-reset:steps;display:grid;gap:12px}.steps li{list-style:none;counter-increment:steps;color:#c8c1b7;padding-left:38px;position:relative}.steps li:before{content:counter(steps);position:absolute;left:0;top:-2px;width:25px;height:25px;border-radius:50%;border:1px solid #c9a55a;color:#c9a55a;display:grid;place-items:center;font-size:.72rem}.cart-drawer{position:fixed;inset:0;z-index:200;pointer-events:none}.cart-drawer.open{pointer-events:auto}.cart-overlay{position:absolute;inset:0;background:rgba(0,0,0,.68);opacity:0;transition:.3s}.cart-drawer.open .cart-overlay{opacity:1}.cart-panel{position:absolute;right:0;top:0;height:100%;width:min(460px,100%);background:#11100e;border-left:1px solid rgba(201,165,90,.25);transform:translateX(102%);transition:.4s cubic-bezier(.2,.8,.2,1);padding:30px;display:flex;flex-direction:column}.cart-drawer.open .cart-panel{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}.cart-head h2{font-size:2rem;margin:0}.cart-close{background:none;border:0;color:#fff;font-size:2rem}.cart-items{overflow:auto;flex:1;padding:20px 0}.cart-empty{color:#948d83;text-align:center;padding:70px 10px}.cart-item{display:grid;grid-template-columns:76px 1fr auto;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cart-item img{width:76px;height:90px;object-fit:contain;background:#f3f0eb;border-radius:10px}.cart-item h4{margin:5px 0;font-size:1rem}.cart-item small{color:#8f887f}.qty-controls{display:flex;align-items:center;gap:10px;margin-top:10px}.qty-controls button{width:25px;height:25px;border:1px solid rgba(201,165,90,.3);background:none;color:#fff;border-radius:50%}.remove-item{background:none;border:0;color:#b28a55}.cart-foot{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.cart-total{display:flex;justify-content:space-between;font-size:1.15rem;margin-bottom:15px}.cart-foot .btn{width:100%;text-align:center}.product-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.product-options label{font-size:.75rem;color:#9d958b}.product-options select{width:100%;margin-top:8px;background:#171512;color:#fff;border:1px solid rgba(201,165,90,.28);padding:13px;border-radius:10px}.cart-page{padding-top:150px;padding-bottom:100px}.cart-page-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:35px}.checkout-box{border:1px solid rgba(201,165,90,.25);padding:30px;border-radius:20px;height:max-content;position:sticky;top:120px}.checkout-box h2{font-size:2.5rem}.checkout-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.wide-link{display:inline-flex;margin-top:25px}
@media(max-width:900px){.editorial-grid{grid-template-columns:1fr}.brew-guide-grid{grid-template-columns:1fr}.cart-page-grid{grid-template-columns:1fr}.desktop-nav{display:none}.inner-hero{min-height:48vh;padding-top:130px}.inner-hero h1{font-size:4rem}}@media(max-width:600px){.recipe-specs{grid-template-columns:1fr}.product-options{grid-template-columns:1fr}.cart-panel{padding:22px}.header-actions .lang-btn{display:none}}

/* ALASRIYA V5.0.0 — flagship foundation */
:root{--v5-gold:#c9a55a;--v5-black:#090806;--v5-cream:#f4efe7;--v5-panel:#12110f}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
.site-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header.scrolled{background:rgba(9,8,6,.88);border-bottom-color:rgba(201,165,90,.2)}
.desktop-nav a.active,.desktop-nav a:hover{color:var(--v5-gold)}
.hero{min-height:100svh}.hero-visual img{filter:drop-shadow(0 45px 65px rgba(0,0,0,.65));transition:transform .2s ease-out}.hero-visual:after{content:"SIGNATURE / 01";position:absolute;right:-25px;top:50%;writing-mode:vertical-rl;letter-spacing:.38em;color:rgba(201,165,90,.52);font-size:.65rem}
.v5-b2b-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:100px}.v5-b2b-grid article{min-height:330px;padding:38px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(150deg,rgba(201,165,90,.08),rgba(255,255,255,.015));display:flex;flex-direction:column;justify-content:flex-end;transition:.35s}.v5-b2b-grid article:hover{transform:translateY(-8px);border-color:rgba(201,165,90,.42)}.v5-b2b-grid span{color:var(--v5-gold);letter-spacing:.2em}.v5-b2b-grid h2{font-size:2.6rem;margin:16px 0}.v5-b2b-grid p{color:#aca49a;line-height:1.75}
.v5-rfq{margin-bottom:100px;padding-block:72px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;border-top:1px solid rgba(201,165,90,.22);border-bottom:1px solid rgba(201,165,90,.22)}.v5-rfq h2{font-size:clamp(3rem,6vw,5.5rem);line-height:.9;margin:15px 0 25px}.v5-rfq p{color:#aaa297;max-width:540px}.v5-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-2px;transform:translateX(-120%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:.65s}.btn:hover:after{transform:translateX(120%) skewX(-20deg)}
@media(max-width:900px){.v5-b2b-grid,.v5-rfq{grid-template-columns:1fr}.v5-rfq{gap:35px}.hero-visual:after{display:none}}@media(max-width:560px){.v5-form-row{grid-template-columns:1fr}.v5-b2b-grid article{min-height:250px}}

/* =========================================================
   ALASRIYA V5.0.1 — Cinematic interaction layer
   ========================================================= */
:root{--mouse-x:50%;--mouse-y:40%}
.hero{isolation:isolate;overflow:hidden;perspective:1400px}
.hero::after{content:"";position:absolute;inset:-25%;z-index:-2;pointer-events:none;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(201,165,90,.18),transparent 23%),radial-gradient(circle at 72% 36%,rgba(134,86,41,.13),transparent 28%);transition:background-position .2s linear}
.hero-cinema{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hero-cinema .grain{position:absolute;inset:-50%;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");animation:grainShift .4s steps(2) infinite}
@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(0)}}
.coffee-particle{position:absolute;width:14px;height:22px;border-radius:50%;background:linear-gradient(135deg,#5b321c,#1d0d07 55%,#8a5632);box-shadow:inset 2px 1px 3px rgba(255,255,255,.15),0 8px 22px rgba(0,0,0,.3);opacity:.38;animation:beanFloat var(--dur,12s) ease-in-out infinite;animation-delay:var(--delay,0s);transform:translate3d(0,0,0) rotate(var(--rot,20deg))}
.coffee-particle::after{content:"";position:absolute;left:48%;top:8%;width:1px;height:84%;background:rgba(235,190,112,.36);border-radius:999px;transform:rotate(8deg)}
@keyframes beanFloat{0%,100%{translate:0 0;rotate:0deg}50%{translate:var(--dx,24px) var(--dy,-34px);rotate:22deg}}
.hero-visual{transform-style:preserve-3d;will-change:transform}
.hero-visual img{transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s ease;filter:drop-shadow(0 35px 45px rgba(0,0,0,.48));will-change:transform}
.hero-visual.is-interacting img{transition-duration:.12s}
.hero-badge{transition:transform .35s ease;backdrop-filter:blur(12px)}
.hero-visual.is-interacting .hero-badge{transform:translateZ(70px) scale(1.025)}
.magnetic{will-change:transform;transition:transform .25s ease}
.page-transition{position:fixed;inset:0;z-index:9998;background:#0b0a08;display:grid;place-items:center;transform:translateY(100%);pointer-events:none}
.page-transition::after{content:"ALASRIYA";font-family:"Cormorant Garamond",serif;letter-spacing:.32em;color:#c9a55a;font-size:clamp(1.4rem,4vw,3rem)}
.page-transition.enter{animation:pageEnter .78s cubic-bezier(.77,0,.18,1) forwards}
@keyframes pageEnter{0%{transform:translateY(100%)}48%,58%{transform:translateY(0)}100%{transform:translateY(-100%)}}
.section-heading h2 em,.hero-copy h1 em{background:linear-gradient(90deg,#a67936,#efd28d,#b68b48);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:goldSweep 7s linear infinite}
@keyframes goldSweep{to{background-position:200% center}}
[data-reveal-word]{display:inline-block;overflow:hidden;vertical-align:bottom}.word-rise{display:inline-block;transform:translateY(115%);opacity:0;animation:wordRise .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--word-delay)}
@keyframes wordRise{to{transform:translateY(0);opacity:1}}
.motion-toggle{position:fixed;right:18px;bottom:82px;z-index:40;width:42px;height:42px;border:1px solid rgba(201,165,90,.3);border-radius:50%;background:rgba(11,10,8,.82);color:#c9a55a;backdrop-filter:blur(10px);cursor:pointer;font-size:14px}
html[dir="rtl"] .motion-toggle{right:auto;left:18px}
body.reduce-motion *{animation-play-state:paused!important;scroll-behavior:auto!important}
@media(max-width:820px){.coffee-particle:nth-child(n+7){display:none}.motion-toggle{bottom:72px}.hero::after{inset:-10%}}
@media(prefers-reduced-motion:reduce){.hero-cinema,.cursor-glow{display:none!important}.section-heading h2 em,.hero-copy h1 em{animation:none}}

/* V5.0.2 — product discovery, compare, wishlist and gallery */
.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:1rem 0 2rem}.catalog-search{display:grid;gap:.45rem;min-width:min(420px,100%);font-size:.72rem;letter-spacing:.14em;color:var(--gold,#c9a55a)}.catalog-search input{width:100%;padding:1rem 1.1rem;border:1px solid rgba(201,165,90,.25);background:rgba(255,255,255,.03);color:inherit;border-radius:999px}.card-actions{display:grid;grid-template-columns:auto auto 1fr;gap:.55rem;align-items:center;margin-top:1rem}.card-actions .btn{margin:0}.icon-action{width:44px;height:44px;border-radius:50%;border:1px solid rgba(201,165,90,.28);background:rgba(255,255,255,.03);color:var(--gold,#c9a55a);font-size:1.1rem;cursor:pointer}.icon-action.active,.wishlist-btn.active{background:var(--gold,#c9a55a);color:#111}.compare-drawer{position:fixed;inset:0;z-index:1200;pointer-events:none}.compare-drawer.open{pointer-events:auto}.compare-overlay{position:absolute;inset:0;background:rgba(0,0,0,.65);opacity:0;transition:.3s}.compare-panel{position:absolute;right:0;top:0;height:100%;width:min(720px,94vw);background:#111;padding:2rem;transform:translateX(102%);transition:.35s;overflow:auto}.compare-drawer.open .compare-overlay{opacity:1}.compare-drawer.open .compare-panel{transform:none}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.compare-card{border:1px solid rgba(201,165,90,.2);padding:1rem;border-radius:18px;background:rgba(255,255,255,.025)}.compare-card img{width:100%;height:210px;object-fit:contain}.compare-card dl{display:grid;gap:.6rem}.compare-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.45rem}.product-gallery{display:grid;gap:1rem}.product-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.product-thumbs button{border:1px solid rgba(201,165,90,.18);background:rgba(255,255,255,.025);border-radius:14px;padding:.5rem;cursor:pointer}.product-thumbs button.active{border-color:var(--gold,#c9a55a)}.product-thumbs img{width:100%;height:90px;object-fit:contain}.zoom-stage{position:relative;overflow:hidden}.zoom-stage img{transition:transform .35s}.zoom-stage:hover img{transform:scale(1.08)}.zoom-hint{position:absolute;right:1rem;bottom:1rem;border:1px solid rgba(201,165,90,.3);background:rgba(0,0,0,.55);color:#fff;border-radius:999px;padding:.65rem 1rem}.image-lightbox{position:fixed;inset:0;z-index:1600;background:rgba(0,0,0,.94);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.3s}.image-lightbox.open{opacity:1;pointer-events:auto}.image-lightbox img{max-width:90vw;max-height:86vh;object-fit:contain}.lightbox-close{position:absolute;right:2rem;top:1.5rem;background:none;border:0;color:#fff;font-size:2.5rem}.product-buy-row{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.product-buy-row>label{display:grid;gap:.4rem;font-size:.7rem;letter-spacing:.12em}.product-buy-row input{width:84px;padding:.9rem;border:1px solid rgba(201,165,90,.3);background:#141414;color:#fff}.product-intelligence{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:3rem auto;max-width:1200px;padding:0 1.25rem}.product-intelligence article{padding:1.5rem;border:1px solid rgba(201,165,90,.16);border-radius:18px;background:rgba(255,255,255,.025)}.compact-grid .coffee-card img{height:190px}.wishlist-empty{padding:3rem;border:1px dashed rgba(201,165,90,.25);text-align:center;border-radius:18px}.recently-viewed{margin-top:4rem}
@media(max-width:760px){.catalog-toolbar{align-items:stretch;flex-direction:column}.compare-grid,.product-intelligence{grid-template-columns:1fr}.card-actions{grid-template-columns:auto auto 1fr}.product-buy-row{align-items:stretch}.product-buy-row .hero-actions{width:100%}}
/* V5.0.3 — dashboard access */
.admin-access{position:fixed;left:20px;bottom:20px;z-index:70;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#111;background:#c9a55a;box-shadow:0 10px 30px #0008;font-size:17px;transition:.25s}.admin-access:hover{transform:rotate(35deg) scale(1.06)}