*{box-sizing:border-box}:root{--bg-black:#000;--bg-base:#161000;--bg-warm:#251a10}html,body{margin:0;padding:0}body{background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Cairo,system-ui,sans-serif}#root{background-image:linear-gradient(180deg, var(--bg-black) 3.06%, var(--bg-base) 9.17%, var(--bg-black) 15.29%, var(--bg-warm) 21.16%, var(--bg-black) 26.8%, var(--bg-base) 32.44%, var(--bg-black) 38.08%, var(--bg-warm) 43.72%, var(--bg-black) 49.35%, var(--bg-base) 55.23%, var(--bg-black) 63.52%, var(--bg-warm) 73.98%, var(--bg-black) 84.44%, var(--bg-base) 94.26%, var(--bg-warm) 99.42%);background-repeat:no-repeat;background-size:100% 100%;min-height:100vh}img{max-width:100%;display:block}.section-texture-bg{background:0 0}.hero-products{line-height:0;position:relative}.hero-products__image{z-index:1;width:100%;height:auto;display:block;position:relative}.hero-products__glow{z-index:0;opacity:0;pointer-events:none;filter:drop-shadow(0 0 5px #a0d2fff2)drop-shadow(0 0 13px #5aaaffe6)drop-shadow(0 0 28px #2882ffbf)drop-shadow(0 0 52px #1469ff80);transition:opacity .28s;display:block;position:absolute;inset:0}.hero-products__glow img{width:100%;height:100%;display:block}.hero-products__hotspot{z-index:2;cursor:pointer;opacity:0;background:0 0;border:0;height:100%;padding:0;position:absolute;top:0}.hero-products__hotspot:focus-visible{opacity:1;outline-offset:-6px;border-radius:6px;outline:2px solid #78beffe6}@media (prefers-reduced-motion:reduce){.hero-products__glow{transition:none}}.hero-wrapper{height:300vh;position:relative}.main-header{isolation:isolate;width:100%;height:100vh;min-height:100vh;position:sticky;top:0;overflow:hidden}.main-header__house{object-fit:cover;object-position:center;z-index:0;transform-origin:50%;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.main-header__foreground{z-index:1;transform-origin:50%;will-change:transform, opacity;position:absolute;inset:0}.main-header__window{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.main-header__products{z-index:1;filter:drop-shadow(0 12px 20px #00000073);width:min(50%,680px);position:absolute;bottom:2%;left:44%;transform:translate(-50%)}.main-header__scroll-indicator{z-index:2;justify-content:center;align-items:center;width:40px;height:40px;animation:2.2s ease-in-out infinite main-header-bob;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.main-header__mid-roasted{object-fit:cover;object-position:bottom;mix-blend-mode:screen;opacity:.9;width:32px;height:28px;position:absolute;top:2px}.main-header__chevron{width:15px;height:8px;position:relative}@keyframes main-header-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.main-header__content{z-index:2;flex-direction:column;align-items:center;width:min(24%,320px);display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.main-header__logo-section{flex-direction:column;align-items:center;display:flex}.main-header__logo-wrap{aspect-ratio:236.832/162;filter:drop-shadow(0 2px 5px #00000040);width:100%;position:relative;overflow:hidden}.main-header__logo{width:130.9%;max-width:none;height:190%;position:absolute;top:-50.7%;left:-16.32%}.main-header__tagline{color:#fff6f1;text-align:center;margin:12px 0 0;font-family:Noto Nastaliq Urdu,Cairo,serif;font-size:clamp(14px,1.35vw,19px);font-weight:400}.main-header__experience{flex-direction:column;align-items:center;gap:8px;margin-top:clamp(14px,2.5vh,27px);display:flex}.main-header__stats{width:clamp(47px,4.1vw,63px);height:auto}.main-header__experience-label{color:#fff6f1;text-align:center;margin:0;font-family:Cairo,sans-serif;font-size:clamp(10px,1.05vw,14px);font-weight:400}.main-header__reveal-text{z-index:2;color:#fff6f1;text-align:center;opacity:0;pointer-events:none;will-change:transform, opacity;width:100%;margin:0;padding:0 24px;font-family:Noto Nastaliq Urdu,Cairo,serif;font-size:clamp(32px,5vw,64px);font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-header__blackout{z-index:5;opacity:0;pointer-events:none;background:#161000;position:absolute;inset:0}@media (width<=720px){.main-header__products{width:min(46%,260px)}.main-header__content{width:min(30%,170px)}}.package-open-wrapper{height:300vh;position:relative}.package-open{isolation:isolate;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.package-open__video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.package-open__scrim{z-index:1;pointer-events:none;background:radial-gradient(#16100000 35%,#161000a6 100%);position:absolute;inset:0}.package-open__line{z-index:2;color:#fff6f1;text-shadow:0 8px 30px #0000008c;opacity:0;pointer-events:none;will-change:transform, opacity;width:max-content;max-width:40vw;margin:0;font-family:Cairo,sans-serif;font-size:clamp(24px,3.6vw,56px);font-weight:800;position:absolute;top:50%;transform:translateY(-50%)}.package-open__line--right{text-align:right;left:57%}.package-open__line--left{text-align:left;right:57%}.package-open__blackout{z-index:3;opacity:0;pointer-events:none;will-change:opacity;background:#161000;position:absolute;inset:0}@media (width<=720px){.package-open__line{text-align:center;max-width:84vw;font-size:clamp(22px,7vw,34px)}.package-open__line--right{top:22%;left:8vw}.package-open__line--left{top:78%;right:8vw}}.damascus-coffee-wrapper{height:300vh;position:relative}.damascus-coffee{isolation:isolate;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.damascus-coffee__video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.damascus-coffee__scrim{z-index:1;pointer-events:none;background:radial-gradient(#16100000 35%,#161000a6 100%);position:absolute;inset:0}.damascus-coffee__line{z-index:2;color:#fff6f1;text-align:center;text-shadow:0 8px 30px #0000008c;opacity:0;pointer-events:none;will-change:opacity;width:100%;margin:0;padding:0 24px;font-family:Cairo,sans-serif;font-size:clamp(40px,7vw,100px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.damascus-coffee__blackout{z-index:3;opacity:0;pointer-events:none;will-change:opacity;background:#161000;position:absolute;inset:0}.products-showcase-wrapper{position:relative}.products-showcase{isolation:isolate;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.products-showcase__stage{perspective:1800px;width:min(1280px,92vw);height:min(840px,92vh);position:relative}.product-card{opacity:0;visibility:hidden;backface-visibility:hidden;transform-origin:50%;will-change:transform, opacity;justify-content:space-between;align-items:center;gap:clamp(24px,3.5vw,56px);display:flex;position:absolute;inset:0}.product-card__details{text-align:right;flex-direction:column;flex:340px;align-items:flex-end;gap:clamp(12px,1.8vh,22px);max-width:400px;display:flex}.product-card__title{color:#fff6f1;white-space:nowrap;margin:0;font-family:Noto Nastaliq Urdu,Cairo,serif;font-size:clamp(44px,7vw,104px);font-weight:400;line-height:1.6}.product-card__description{color:#fff6f1;margin:0;font-family:Cairo,sans-serif;font-size:clamp(15px,1.3vw,18px);font-weight:400;line-height:1.5}.product-card__features{background:#ffffff05;border-radius:5px;flex-wrap:wrap;justify-content:center;gap:clamp(20px,3vw,40px);width:100%;padding:20px clamp(16px,3vw,32px);display:flex}.product-card__title,.product-card__description,.product-card__features,.product-card__actions{opacity:0;transform:translateY(26px)}.product-card.is-revealed .product-card__title{animation:.7s cubic-bezier(.16,1,.3,1) 50ms forwards reveal-up}.product-card.is-revealed .product-card__description{animation:.7s cubic-bezier(.16,1,.3,1) .21s forwards reveal-up}.product-card.is-revealed .product-card__features{animation:.7s cubic-bezier(.16,1,.3,1) .29s forwards reveal-up}.product-card.is-revealed .product-card__actions{animation:.7s cubic-bezier(.16,1,.3,1) .37s forwards reveal-up}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}.feature{flex-direction:column;align-items:center;gap:14px;display:flex}.feature__detail{flex-direction:column;align-items:center;gap:8px;display:flex}.feature__icon{width:36px;height:36px}.feature__label{color:#a8846c;white-space:nowrap;margin:0;font-family:Cairo,sans-serif;font-size:16px;font-weight:600}.feature__value{color:#fff6f1;white-space:nowrap;margin:0;font-family:Cairo,sans-serif;font-size:16px;font-weight:500}.product-card__actions{flex-wrap:wrap;justify-content:flex-start;gap:clamp(16px,2vw,42px);display:flex}.btn{color:#fff6f1;white-space:nowrap;border-radius:5px;align-items:center;gap:10px;padding:10px 16px;font-family:Cairo,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn__icon{width:20px;height:20px}.product-card__visual{flex:none;width:min(780px,56vw,98vh);position:relative}.product-card__image{filter:drop-shadow(0 30px 40px #00000080);width:100%;height:auto;display:block}.product-card__video{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;z-index:3}.reveal-media{width:100%;position:relative}.reveal-media__image,.reveal-media__video{transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),filter .55s}.reveal-media__video{object-fit:contain;z-index:2;opacity:0;filter:blur(6px)drop-shadow(0 30px 40px #00000080);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(.9)}.reveal-media.is-playing .reveal-media__image{opacity:0;filter:blur(6px)drop-shadow(0 30px 40px #00000080);transform:scale(1.06)}.reveal-media.is-playing .reveal-media__video{opacity:1;filter:blur()drop-shadow(0 30px 40px #00000080);transform:scale(1)}.reveal-media.is-playing.is-ending .reveal-media__video{opacity:0;filter:blur(6px)drop-shadow(0 30px 40px #00000080);transform:scale(1.04)}.reveal-media.is-playing.is-ending .reveal-media__image{opacity:1;filter:blur()drop-shadow(0 30px 40px #00000080);transform:scale(1)}.reveal-media__hotspot{z-index:4;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;transition:opacity .35s;display:flex;position:absolute;top:1%;left:49%;transform:translate(-50%,-50%)}.reveal-media.is-playing .reveal-media__hotspot{opacity:0;pointer-events:none}.reveal-media__prompt{color:#fff6f1;white-space:nowrap;text-shadow:0 2px 8px #000000b3;font-family:Cairo,sans-serif;font-size:13px;font-weight:700}.reveal-media__dot{background:#2f9bff;border-radius:50%;width:14px;height:14px;animation:1.8s ease-in-out infinite reveal-dot-pop;position:relative;box-shadow:0 0 12px #2f9bffe6}.reveal-media__dot:after{content:"";background:#2f9bff8c;border-radius:50%;animation:1.8s ease-out infinite reveal-dot-ring;position:absolute;inset:0}@keyframes reveal-dot-pop{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes reveal-dot-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@media (prefers-reduced-motion:reduce){.reveal-media__dot,.reveal-media__dot:after{animation:none}}.product-card__beans{z-index:2;pointer-events:none;position:absolute;inset:-10% -8% -10% 0}.bean-wrap{opacity:0;pointer-events:none;display:block;position:absolute;transform:translateY(18px)scale(.6)}.product-card.is-revealed .bean-wrap{animation:.7s cubic-bezier(.16,1,.3,1) forwards bean-reveal}@keyframes bean-reveal{to{opacity:1;transform:translateY(0)scale(1)}}.bean{pointer-events:none;will-change:transform;width:100%;height:auto;animation-name:bean-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;display:block}.products-showcase.is-active .bean{animation-play-state:running}@keyframes bean-float{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(10px,-18px)rotate(18deg)}}@media (width<=900px){.products-showcase__stage{height:88vh}.product-card{flex-direction:column-reverse;justify-content:center;gap:20px;padding:24px;overflow-y:auto}.product-card__details{text-align:center;align-items:center;max-width:100%}.product-card__features,.product-card__actions{justify-content:center}.product-card__visual{width:min(280px,64vw)}}.arabic-coffee-wrapper{height:300vh;position:relative}.arabic-coffee{isolation:isolate;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.arabic-coffee__video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.arabic-coffee__scrim{z-index:1;pointer-events:none;background:radial-gradient(#16100000 35%,#161000a6 100%);position:absolute;inset:0}.arabic-coffee__line{z-index:2;color:#fff6f1;text-align:center;text-shadow:0 8px 30px #0000008c;opacity:0;pointer-events:none;will-change:opacity;width:100%;margin:0;padding:0 24px;font-family:Cairo,sans-serif;font-size:clamp(40px,7vw,100px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arabic-coffee__blackout{z-index:3;opacity:0;pointer-events:none;will-change:opacity;background:#161000;position:absolute;inset:0}.liquid-coffee-wrapper{position:relative}.liquid-coffee{isolation:isolate;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.liquid-coffee__stage{perspective:1800px;width:min(1280px,92vw);height:min(760px,84vh);position:relative}.fall-card{visibility:hidden;position:absolute;inset:0}.fall-card__heading-slot,.fall-card__image-slot,.fall-card__body-slot{position:absolute;top:50%;transform:translateY(-50%)}.fall-card__heading-slot{text-align:right;width:min(340px,27vw);right:0}.fall-card__image-slot{z-index:1;width:min(640px,46vw,62vh);left:50%;transform:translate(-50%,-50%)}.fall-card__body-slot{text-align:right;width:min(340px,27vw);left:0}.fall-card__heading{color:#fff6f1;will-change:transform, opacity;margin:0;font-family:Cairo,sans-serif;font-size:clamp(32px,4.4vw,60px);font-weight:700;line-height:1.3}.fall-card__image{filter:drop-shadow(0 30px 40px #00000080);will-change:transform, opacity;width:100%;height:auto;display:block}.fall-card__body{will-change:transform, opacity;flex-direction:column;align-items:flex-end;gap:clamp(20px,3vh,32px);display:flex}.fall-card__description{color:#fff6f1;margin:0;font-family:Cairo,sans-serif;font-size:clamp(17px,1.55vw,22px);font-weight:400;line-height:1.6}.fall-card__actions{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:clamp(8px,.9vw,14px);width:100%;display:flex}.btn{color:#fff6f1;white-space:nowrap;border-radius:5px;flex:0 auto;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-family:Cairo,sans-serif;font-size:clamp(13px,1.05vw,15px);font-weight:700;text-decoration:none;display:inline-flex}.btn--outline{background:0 0;border:1px solid #fff6f1}.btn--primary{background:linear-gradient(90deg,#01652f,#0e914a);border:1px solid #07813e}.btn__icon{flex-shrink:0;width:17px;height:17px}@media (width<=900px){.liquid-coffee__stage{height:92vh}.fall-card{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;overflow-y:auto}.fall-card__heading-slot,.fall-card__image-slot,.fall-card__body-slot{text-align:center;width:100%;position:relative;top:auto;left:auto;right:auto;transform:none!important}.fall-card__image-slot{order:-1;width:min(240px,60vw);margin:0 auto}.fall-card__body{align-items:center}.fall-card__actions{justify-content:center}}.coffee-story-wrapper{height:450vh;position:relative}.coffee-story{flex-direction:column;justify-content:center;align-items:center;gap:clamp(24px,4vh,48px);width:100%;height:100vh;padding:24px;display:flex;position:sticky;top:0;overflow:hidden}.coffee-story__intro{text-align:center;opacity:0;filter:blur(14px);will-change:opacity, filter, transform;transform:scale(1.08)translateY(16px)}.coffee-story__heading{color:#fff6f1;margin:0 0 clamp(14px,2vh,22px);font-family:Cairo,sans-serif;font-size:clamp(22px,3vw,36px);font-weight:700}.coffee-story__subheading{flex-direction:column;gap:6px;max-width:560px;margin:0 auto;display:flex}.coffee-story__subheading p{color:#fff6f1;margin:0;font-family:Cairo,sans-serif;font-size:clamp(14px,1.6vw,19px);font-weight:700;line-height:1.5}.film-roll__window{aspect-ratio:9/4;border-radius:4px;flex-shrink:0;max-width:94vw;height:min(680px,66vh);position:relative;overflow:hidden;box-shadow:0 40px 90px #000000a6}.film-roll__strip{will-change:transform;width:auto;max-width:none;height:100%;position:absolute;top:0;left:0}.film-roll__fade{pointer-events:none;z-index:1;width:6%;position:absolute;top:0;bottom:0}.film-roll__fade--left{background:linear-gradient(90deg,#16100080,#16100000);left:0}.film-roll__fade--right{background:linear-gradient(270deg,#16100080,#16100000);right:0}@media (width<=700px){.coffee-story__heading{font-size:22px}.film-roll__window{height:min(360px,46vh)}}.footer{background:0 0;width:100%;position:relative}.footer__skyline-crop{aspect-ratio:1512/230;width:100%;overflow:hidden}.footer__skyline{opacity:0;width:100%;height:auto;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(40px)}.footer.is-visible .footer__skyline{opacity:1;transform:translateY(0)}.footer__panel{background:#000;flex-direction:column;align-items:center;gap:clamp(20px,3.5vh,34px);padding:clamp(24px,4vh,44px) 24px clamp(36px,6vh,64px);display:flex}.footer__logo-wrap{aspect-ratio:236.832/162;opacity:0;width:clamp(130px,14vw,190px);transition:opacity .9s cubic-bezier(.16,1,.3,1) .15s,transform 1s cubic-bezier(.16,1,.3,1) .15s;position:relative;overflow:hidden;transform:translateY(28px)}.footer.is-visible .footer__logo-wrap{opacity:1;transform:translateY(0)}.footer__logo{width:130.9%;max-width:none;height:190%;position:absolute;top:-50.7%;left:-16.32%}.footer__social{opacity:0;align-items:center;gap:clamp(18px,2.5vw,28px);margin:0;padding:0;list-style:none;transition:opacity .9s cubic-bezier(.16,1,.3,1) .28s,transform 1s cubic-bezier(.16,1,.3,1) .28s;display:flex;transform:translateY(24px)}.footer.is-visible .footer__social{opacity:1;transform:translateY(0)}.footer__social-link{color:#fff6f1;opacity:.75;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:opacity .25s,transform .25s,background-color .25s;display:flex}.footer__social-link svg{width:22px;height:22px;display:block}.footer__social-link:hover,.footer__social-link:focus-visible{opacity:1;background-color:#fff6f114;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.footer__skyline,.footer__logo-wrap,.footer__social{transition:opacity .4s;transform:none}.footer.is-visible .footer__skyline,.footer.is-visible .footer__logo-wrap,.footer.is-visible .footer__social{transform:none}}.loader{z-index:100000;opacity:1;background:#000;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;inset:0}.loader.is-leaving{opacity:0;pointer-events:none}.loader__inner{flex-direction:column;align-items:center;gap:clamp(20px,4vh,40px);display:flex}.loader__logo-wrap{aspect-ratio:236.832/162;width:clamp(150px,17vw,230px);position:relative;overflow:hidden}.loader__logo{width:130.9%;max-width:none;height:190%;position:absolute;top:-50.7%;left:-16.32%}.loader__gif{width:clamp(90px,10vw,130px);height:auto;display:block}@media (prefers-reduced-motion:reduce){.loader{transition:opacity .2s}}.section-nav{z-index:10000;padding:20px 0;position:fixed;top:50%;left:clamp(16px,2.5vw,40px);transform:translateY(-50%)}.section-nav__list{z-index:1;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.section-nav__line{pointer-events:none;background:linear-gradient(#ce9d6e00 0%,#ce9d6ebf 22% 78%,#ce9d6e00 100%);width:1px;position:absolute;top:-2px;bottom:-2px;left:11px}.section-nav__item{opacity:0;height:0;transition:height .4s cubic-bezier(.16,1,.3,1),opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translate(-6px)}.section-nav__item.is-active,.section-nav.is-expanded .section-nav__item{opacity:1;height:34px;transform:translate(0)}.section-nav__button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;height:34px;padding:0;display:flex}.section-nav__bean-wrap{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.section-nav__bean{opacity:.45;width:100%;height:auto;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1),filter .3s;transform:scale(.72)}.section-nav__item.is-active .section-nav__bean{opacity:1;filter:drop-shadow(0 0 8px #ce9d6e8c);transform:scale(1)}.section-nav__button:hover .section-nav__bean,.section-nav__button:focus-visible .section-nav__bean{opacity:1;transform:scale(.95)}.section-nav__label{color:#fff6f1;white-space:nowrap;text-shadow:0 2px 8px #000000a6;opacity:.55;font-family:Cairo,sans-serif;font-size:13px;font-weight:600;line-height:1;transition:opacity .3s}.section-nav__item.is-active .section-nav__label,.section-nav__button:hover .section-nav__label,.section-nav__button:focus-visible .section-nav__label{opacity:1}@media (prefers-reduced-motion:reduce){.section-nav__item,.section-nav__bean,.section-nav__label{transition:none}}@media (width<=720px){.section-nav{left:10px}.section-nav__label{font-size:11px}}