*{box-sizing:border-box}:root{--bg-black:#000;--bg-base:#161000;--bg-warm:#251a10;--nav-gutter:calc(clamp(16px, 2.5vw, 40px) + 115px)}@media (width<=720px),(hover:none) and (width<=900px){:root{--nav-gutter:0px}}html,body{margin:0;padding:0}body{background-color:var(--bg-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Cairo,system-ui,sans-serif}#root{min-height:100vh}.app-ready #root{background-image:linear-gradient(180deg, var(--bg-black) 3.53%, var(--bg-base) 10.58%, var(--bg-black) 17.63%, var(--bg-warm) 21.18%, var(--bg-base) 23.15%, var(--bg-warm) 27.07%, var(--bg-base) 30.99%, var(--bg-warm) 34.92%, var(--bg-base) 38.84%, var(--bg-warm) 42.76%, var(--bg-base) 48.2%, var(--bg-warm) 57.76%, var(--bg-base) 69.83%, var(--bg-warm) 81.9%, var(--bg-base) 93.22%, var(--bg-warm) 99.26%);background-repeat:no-repeat;background-size:100% 100%}img{max-width:100%;display:block}.section-texture-bg{background:0 0}.hero-products{line-height:0;position:relative}.hero-products__back{z-index:0;width:82%;height:auto;transition:filter .32s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.hero-products__back:hover{filter:drop-shadow(0 0 5px #f0d2aaf2)drop-shadow(0 0 13px #ce9d6ee6)drop-shadow(0 0 28px #ba8550b8)drop-shadow(0 0 52px #a06c3873)}@media (prefers-reduced-motion:reduce){.hero-products__back{transition:none}}.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 var(--glow-core,#a0d2fff2)) drop-shadow(0 0 13px var(--glow-mid,#5aaaffe6)) drop-shadow(0 0 28px var(--glow-outer,#2882ffb8)) drop-shadow(0 0 52px var(--glow-far,#1469ff73));transition:opacity .28s;display:block;position:absolute;inset:0}.hero-products__glow img{width:100%;height:100%;display:block}.site-revealed .hero-products__glow{animation:hero-glow-sweep 1.15s ease-in-out var(--glow-delay,0s) 1}@keyframes hero-glow-sweep{0%,to{opacity:0}45%{opacity:1}}@media (prefers-reduced-motion:reduce){.site-revealed .hero-products__glow{animation:none}}.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{--art-w:max(100vw, 253.2vh);isolation:isolate;width:100%;height:100dvh;min-height:100dvh;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{--table-corner:max(0px, min(21vw, 50vw - 73.43vh));--pack-w:min(54vw, calc(var(--art-w) * .34));bottom:2%;left:calc(var(--table-corner) + var(--pack-w) / 2 + 10px);width:var(--pack-w);z-index:1;filter:drop-shadow(0 12px 20px #00000073);position:absolute;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__scroll-bean{filter:drop-shadow(0 4px 8px #00000073);width:22px;height:auto;animation:4.6s ease-in-out infinite main-header-bean-float;position:relative}@keyframes main-header-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}@keyframes main-header-bean-float{0%,to{transform:translate(0)rotate(-7deg)}50%{transform:translate(2px,-4px)rotate(9deg)}}@media (prefers-reduced-motion:reduce){.main-header__scroll-indicator,.main-header__scroll-bean{animation:none}}.main-header__content{z-index:2;flex-direction:column;align-items:center;width:min(24%,320px);display:flex;position:absolute;top:19%;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(12px,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%)}@media (width<=720px){.main-header__products{width:min(46%,260px)}.main-header__content{width:min(30%,170px)}}@media (aspect-ratio<=3/5){.main-header__products,.main-header__content{--art-h:max(100dvh, 245.91vw);--half-h:50dvh}.main-header__products{bottom:calc(var(--half-h) - var(--art-h) * .255);width:min(94%,372px);left:50%}.main-header__scroll-indicator{width:min(56px,7dvh);height:min(56px,7dvh);bottom:30px}.main-header__scroll-indicator:before{content:"";pointer-events:none;background:radial-gradient(circle,#ce9d6e80 0%,#ce9d6e33 42%,#ce9d6e00 70%);border-radius:50%;width:min(116px,13dvh);height:min(116px,13dvh);position:absolute}.main-header__scroll-bean{filter:drop-shadow(0 0 12px #ce9d6ecc)drop-shadow(0 4px 10px #0000008c);width:min(38px,4.8dvh)}.main-header__content{top:calc(var(--half-h) - var(--art-h) * .114);width:min(60%,300px);transform:translate(-50%,-50%)}}@media (aspect-ratio>=3/5) and (aspect-ratio<=11/10){.main-header__foreground{inset:20% 0}.main-header__products{left:34%}.main-header__window{box-shadow:0 0 0 100vmax #000}.main-header__products{width:min(76%,320px,27vh)}.main-header__content{width:min(44%,230px)}}.package-open-wrapper{height:300vh;position:relative}.package-open{isolation:isolate;will-change:opacity;width:100%;height:100dvh;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;text-align:center;color:#fff6f1;text-shadow:0 8px 30px #0000008c;opacity:0;pointer-events:none;will-change:transform, opacity;width:max-content;max-width:calc(100% - 48px);margin:0;font-family:Cairo,sans-serif;font-size:clamp(40px,7vw,100px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.package-open__line{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#301602 0%,#ce9d6e 50%,#301602 100%);-webkit-background-clip:text;background-clip:text}}@media (width<=720px){.package-open__line{max-width:84vw}.package-open__line--right{top:22%}.package-open__line--left{top:78%}}.damascus-coffee-wrapper{height:300vh;position:relative}.damascus-coffee{isolation:isolate;will-change:opacity;width:100%;height:100dvh;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:transform, opacity;width:max-content;max-width:calc(100% - 48px);margin:0;font-family:Cairo,sans-serif;font-size:clamp(40px,7vw,100px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.damascus-coffee__line{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#301602 0%,#ce9d6e 50%,#301602 100%);-webkit-background-clip:text;background-clip:text}}.video-modal{z-index:10001;--modal-pad-top:clamp(60px, 9vh, 104px);--modal-pad-bottom:clamp(24px, 4vh, 48px);padding:var(--modal-pad-top) clamp(16px, 4vw, 48px) var(--modal-pad-bottom);-webkit-backdrop-filter:blur(8px);background:#000000d1;justify-content:center;align-items:center;animation:.28s cubic-bezier(.22,1,.32,1) both video-modal-in;display:flex;position:fixed;inset:0}.video-modal__dialog{width:min(1100px, 100%, calc((100vh - var(--modal-pad-top) - var(--modal-pad-bottom)) * 16 / 9));width:min(1100px, 100%, calc((100dvh - var(--modal-pad-top) - var(--modal-pad-bottom)) * 16 / 9));position:relative}.video-modal__frame{aspect-ratio:16/9;background:#000;border:1px solid #fff6f129;border-radius:14px;width:100%;margin:0 auto;animation:.36s cubic-bezier(.22,1,.32,1) both video-modal-rise;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009}.video-modal__frame iframe{border:0;width:100%;height:100%;display:block}.video-modal__close{color:#fff6f1;cursor:pointer;background:#fff6f114;border:1px solid #fff6f138;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-family:Cairo,sans-serif;font-size:26px;line-height:1;transition:background-color .25s,transform .25s;display:flex;position:absolute;bottom:calc(100% + 12px);right:0}.video-modal__close:hover,.video-modal__close:focus-visible{background:#fff6f12e;transform:scale(1.06)}@keyframes video-modal-in{0%{opacity:0}}@keyframes video-modal-rise{0%{opacity:0;transform:translateY(18px)scale(.97)}}@media (prefers-reduced-motion:reduce){.video-modal,.video-modal__frame{animation:none}.video-modal__close{transition:none}}.products-showcase-wrapper{position:relative}.products-showcase{isolation:isolate;will-change:opacity;justify-content:center;align-items:center;width:100%;height:100dvh;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;flex-direction:row-reverse;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;z-index:1;flex-direction:column;flex:340px;align-items:flex-end;gap:clamp(12px,1.8vh,22px);max-width:440px;display:flex;position:relative}.product-card__title{color:#fff6f1;white-space:nowrap;margin:0;font-family:Cairo,sans-serif;font-size:clamp(52px,8.5vw,120px);font-weight:700;line-height:1.25}.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{-webkit-backdrop-filter:blur(14px)saturate(1.25);background:#fff6f112;border:1px solid #fff6f124;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:clamp(30px,4.5vw,64px);width:100%;padding:26px clamp(22px,3.5vw,40px);display:flex;box-shadow:0 8px 32px #00000047,inset 0 1px #ffffff17}.product-card__rotate-cue{z-index:4;filter:drop-shadow(0 4px 12px #00000080);pointer-events:none;width:clamp(38px,4.2vw,54px);height:auto;animation:3.4s ease-in-out infinite rotate-cue-float;position:absolute;bottom:3%;left:50%}@keyframes rotate-cue-float{0%,to{opacity:.74;transform:translate(calc(-50% - 10px))}50%{opacity:1;transform:translate(calc(10px - 50%))}}@media (prefers-reduced-motion:reduce){.product-card__rotate-cue{animation:none;transform:translate(-50%)}}.product-card__overlay{z-index:0;filter:brightness(2.4);width:119.7dvh;max-width:none;height:auto;opacity:calc(.5 * var(--overlay-fade,1));pointer-events:none;position:absolute;top:50%;right:calc(50% - 50vw);transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000073 26%,#000 58%);mask-image:linear-gradient(90deg,#0000 0%,#00000073 26%,#000 58%)}@media (width<=900px) and (orientation:portrait){.product-card__overlay{width:100vw;height:auto;inset:auto auto calc(50% - 50dvh) 50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 0%,#000 58%);mask-image:linear-gradient(#0000 0%,#000 58%)}}.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:.95s cubic-bezier(.22,1,.32,1) 80ms forwards reveal-up}.product-card.is-revealed .product-card__description{animation:.95s cubic-bezier(.22,1,.32,1) .3s forwards reveal-up}.product-card.is-revealed .product-card__features{animation:.95s cubic-bezier(.22,1,.32,1) .44s forwards reveal-up}.product-card.is-revealed .product-card__actions{animation:.95s cubic-bezier(.22,1,.32,1) .58s 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{object-fit:contain;width:36px;height:36px}.feature__label{color:#01652f;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-flow:row-reverse wrap;justify-content:space-between;gap:clamp(16px,2vw,42px);width:100%;display:flex}.btn{color:#fff6f1;white-space:nowrap;cursor:pointer;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__actions .btn--primary{border-radius:6px;gap:12px;padding:14px 28px;font-size:18px}.product-card__actions .btn--primary .btn__icon{width:22px;height:22px}.product-card__visual{z-index:1;flex:none;width:min(780px,56vw,98vh);margin-left:calc(50% - 50vw + 24px);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% 0 -10% -8%}.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) and (orientation:portrait){.products-showcase__stage{height:88vh}.product-card{flex-direction:column-reverse;justify-content:center;gap:20px;padding:clamp(48px,9vh,84px) 16px 24px}.product-card__details{text-align:center;align-items:center;gap:10px;max-width:100%}.product-card__features,.product-card__actions{justify-content:center}.product-card__actions .btn--primary{gap:8px;padding:8px 16px;font-size:15px}.product-card__actions .btn--primary .btn__icon{width:18px;height:18px}.product-card__visual{width:min(340px,100%,38vh);margin-left:0}.product-card__title{font-size:clamp(38px,11vw,48px)}.product-card__description{font-size:14px;line-height:1.4}.product-card__features{gap:16px;padding:12px}.feature{gap:8px}.feature__detail{gap:6px}.feature__icon{width:30px;height:30px}.feature__label,.feature__value{font-size:14px}}@media (orientation:landscape) and (height<=520px){.product-card__title{font-size:clamp(26px,9vh,44px)}.product-card__details{gap:8px}.product-card__features{gap:clamp(12px,2vw,22px);padding:10px clamp(10px,2vw,18px)}.feature{gap:8px}}@media (orientation:portrait) and (height<=700px){.product-card__title{font-size:clamp(28px,5vh,40px)}.product-card__details{gap:6px}.product-card__description{font-size:13px;line-height:1.4}.product-card__features{gap:12px;padding:8px 10px}.feature,.feature__detail{gap:5px}.feature__icon{width:24px;height:24px}.feature__label,.feature__value{font-size:13px}.btn{padding:7px 12px;font-size:14px}.product-card__actions .btn--primary{padding:8px 14px;font-size:14px}.product-card__actions .btn--primary .btn__icon{width:16px;height:16px}}.arabic-coffee-wrapper{height:300vh;position:relative}.arabic-coffee{isolation:isolate;will-change:opacity;width:100%;height:100dvh;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:max-content;max-width:calc(100% - 48px);margin:0;font-family:Cairo,sans-serif;font-size:clamp(40px,7vw,100px);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.arabic-coffee__line{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#301602 0%,#ce9d6e 50%,#301602 100%);-webkit-background-clip:text;background-clip:text}}.liquid-coffee-wrapper{position:relative}.liquid-coffee{isolation:isolate;width:100%;height:100dvh;padding-left:var(--nav-gutter);justify-content:center;align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.liquid-coffee__stage{perspective:1800px;width:min(1280px,92vw,100%);height:min(760px,84vh);position:relative}.fall-card{visibility:hidden;--body-col:min(330px, 26vw);--heading-col:min(290px, 22.5vw);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{width:var(--heading-col);text-align:right;right:0}.fall-card__image-slot{left:var(--body-col);right:calc(var(--heading-col) + 16px);z-index:1;justify-content:center;width:auto;display:flex;transform:translateY(-50%)}.fall-card__body-slot{width:fit-content;max-width:var(--body-col);text-align:right;left:0}.fall-card__overlay{object-fit:cover;z-index:0;-webkit-mask-composite:source-in;width:100vw;max-width:none;height:100dvh;opacity:calc(.42 * var(--overlay-fade,1));pointer-events:none;position:absolute;top:calc(50% - 50dvh);left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 17% 83%,#0000 100%),linear-gradient(#0000 0%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 17% 83%,#0000 100%),linear-gradient(#0000 0%,#000 15% 85%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@supports not (mask-composite:intersect){.fall-card__overlay{-webkit-mask-image:radial-gradient(100% 100%,#000 34%,#0000 100%);mask-image:radial-gradient(100% 100%,#000 34%,#0000 100%)}}.fall-card__heading{font-family:Cairo,sans-serif;font-weight:700;font-size:max(44px, min(84px, 6vw, calc(var(--heading-col) / 3.7)));color:#fff6f1;will-change:transform, opacity;margin:0;line-height:1.25}.fall-card__image{object-fit:contain;z-index:1;filter:drop-shadow(0 30px 40px #00000080);will-change:transform, opacity;width:auto;max-width:100%;height:min(760px,84vh);display:block;position:relative}.fall-card__fog{z-index:0;pointer-events:none;opacity:0;width:100vw;height:58%;position:absolute;top:50%;left:calc(50% - 50vw);transform:translateY(-50%)}.fall-card__fog-layer{object-fit:cover;-webkit-mask-composite:source-in;will-change:transform, opacity;width:58%;max-width:none;height:100%;position:absolute;top:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%),linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%),linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.fall-card__fog-layer--a{opacity:.3;animation:29s ease-in-out infinite fog-in-from-left;left:0}.fall-card__fog-layer--b{opacity:.22;animation:41s ease-in-out infinite fog-in-from-right;right:0;transform:scaleX(-1)}@keyframes fog-in-from-left{0%,to{opacity:.22;transform:translate(-14%,3%)scale(1.02)}50%{opacity:.36;transform:translate(12%,-3%)scale(1.12)}}@keyframes fog-in-from-right{0%,to{opacity:.3;transform:scaleX(-1)translate(-14%,-3%)scale(1.1)}50%{opacity:.18;transform:scaleX(-1)translate(12%,4%)scale(1)}}@media (prefers-reduced-motion:reduce){.fall-card__fog-layer{animation:none}}.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;width:0;min-width:100%;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) and (orientation:portrait){.liquid-coffee__stage{height:92vh}.fall-card{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:clamp(48px,9vh,84px) 16px 24px;display:flex}.fall-card__heading-slot,.fall-card__image-slot,.fall-card__body-slot{text-align:center;width:100%;max-width:none;position:relative;top:auto;left:auto;right:auto;transform:none!important}.fall-card__image-slot{order:-1;width:min(320px,100%,46vh);margin:0 auto}.fall-card__image{max-width:100%;height:min(380px,44vh)}.fall-card__body{align-items:center}.fall-card__actions{justify-content:center}}@media (orientation:landscape) and (width<=640px){.fall-card__heading{font-size:34px}}@media (orientation:portrait) and (height<=700px){.fall-card{gap:12px;padding:clamp(40px,7.5vh,60px) 16px 16px}.fall-card__image-slot{width:min(320px,100%,35vh)}}.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:100dvh;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;width:fit-content;max-width:100%;margin:0 auto clamp(14px,2vh,22px);font-family:Cairo,sans-serif;font-size:clamp(22px,3vw,36px);font-weight:700}@supports ((-webkit-background-clip:text) or (background-clip:text)){.coffee-story__heading{color:#0000;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#301602 0%,#ce9d6e 18% 50%,#ce9d6e 81%,#301602 100%);-webkit-background-clip:text;background-clip:text}}.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}@media (width>=900px){.coffee-story__subheading{max-width:none}.coffee-story__subheading p{white-space:nowrap;font-size:min(19px,1.7094vw - 1.36752px)}}.film-roll__window{aspect-ratio:9/4;-webkit-mask-composite:source-in;flex-shrink:0;max-width:94vw;height:min(680px,66vh);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%),linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%),linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@supports not (mask-composite:intersect){.film-roll__window{-webkit-mask-image:radial-gradient(100% 100%,#000 40%,#0000 100%);mask-image:radial-gradient(100% 100%,#000 40%,#0000 100%)}}.film-roll__strip{aspect-ratio:6426/1265;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:12%;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)}}@media (orientation:landscape) and (height<=520px){.coffee-story{gap:12px;padding:10px 24px}.film-roll__window{height:min(680px,48vh)}.coffee-story__heading{font-size:clamp(20px,5.5vh,30px)}}.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:44px;height:44px;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),(hover:none) and (width<=900px){.section-nav{width:max-content;min-width:116px;max-width:96vw;padding:0 20px;top:clamp(14px,2.5vh,28px);left:50%;transform:translate(-50%)}.section-nav__list{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:10px 0}.section-nav__button{flex-direction:column;gap:6px}.section-nav__item{width:0;height:auto;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .3s,transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(-6px)}.section-nav__item.is-active,.section-nav.is-expanded .section-nav__item{width:auto;height:auto;transform:translateY(0)}.section-nav.is-expanded .section-nav__item{margin:0 7px}.section-nav__line{background:linear-gradient(90deg,#ce9d6e00 0%,#ce9d6ebf 22% 78%,#ce9d6e00 100%);width:auto;height:1px;inset:11px -2px auto}.section-nav.is-expanded .section-nav__line{opacity:0}.section-nav__label{font-size:12px}}@media (hover:none){.section-nav__button,.section-nav__item.is-active,.section-nav.is-expanded .section-nav__item{height:44px}}