:root{--paper:#f6f2e9;--ink:#25204f;--orange:#e98b17;--muted:#716c73;--line:#25204f25;--display:'Reem Kufi',serif;--body:'Almarai',Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{max-width:100%;height:auto;display:block}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600}em{font-style:normal}h2{font-size:clamp(40px,4.8vw,72px);line-height:1.55;font-weight:500}h2 span{color:var(--orange)}.wrap{padding:110px 8%}.eyebrow{font-size:12px;font-weight:700;display:block}.micro{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px}.header{height:102px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand img{width:58px;height:70px;object-fit:contain;mix-blend-mode:multiply}.header nav{display:flex;gap:42px;font-size:13px}.header nav a{position:relative}.header nav a:after{content:'';height:1px;width:0;background:var(--ink);position:absolute;bottom:0;right:0;transition:width .2s}.header nav a:hover:after{width:100%}.header-cta{border:1px solid var(--line);border-radius:50px;padding:8px 24px;font-size:13px;display:flex;gap:35px}.hero{position:relative;padding:38px 5% 0;overflow:hidden;isolation:isolate}.hero-top{text-align:center;position:relative;z-index:2}.hero h1{font-size:clamp(65px,8.4vw,125px);line-height:1.45;font-weight:600;letter-spacing:-3px}.hero h1 em{color:var(--orange)}.hero-top p{font-size:14px;color:var(--muted);margin-top:5px}.hero-stage{position:relative;height:min(43vw,590px);min-height:370px;margin-top:-5px}.hero-word{position:absolute;font:700 clamp(170px,29vw,430px)/1 Georgia,serif;letter-spacing:8px;color:#e6dfcf;left:50%;top:36%;transform:translate(-50%,-50%);z-index:-1}.product-pair{width:78%;height:100%;margin:auto;position:relative;mix-blend-mode:multiply}.hero-jar{position:absolute;width:56%;bottom:0;mix-blend-mode:multiply;will-change:transform}.hero-jar.sidr{right:2%;z-index:2;transform:rotate(7deg) translateY(var(--drift,0px))}.hero-jar.flowers{left:0;bottom:5%;width:51%;transform:rotate(-9deg) translateY(calc(var(--drift,0px) * -0.6))}.note{position:absolute;top:45%;display:flex;flex-direction:column;gap:3px;font-size:14px}.note b{font-family:var(--display);font-size:22px;font-weight:500}.note small{color:var(--muted);font-size:11px}.note-right{right:1%}.note-left{left:1%;text-align:left;align-items:flex-end}.dot{width:9px;height:9px;background:var(--orange);border-radius:50%;margin-bottom:8px}.dot.navy{background:var(--ink)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid var(--line);padding:20px 0 30px}.hero-bottom p{font-size:12px;text-align:center;line-height:1.8}.round-link{font-size:12px;display:flex;align-items:center;gap:15px}.circle{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .2s}.round-link:hover .circle{background:var(--orange)}.intro h2{margin-top:25px;max-width:950px}.intro h2 span{color:#96918b}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:35px;padding-right:33%}.intro p{max-width:470px;color:var(--muted);font-size:15px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;border-bottom:1px solid currentColor;background:transparent;padding:8px 0;font-size:13px;white-space:nowrap}.text-link span{font-size:21px}.collection{display:grid;grid-template-columns:1fr 1fr;direction:ltr;min-height:800px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.collection-art{direction:rtl;position:relative;display:flex;align-items:center;justify-content:center;background:#e9dec9;overflow:hidden;isolation:isolate;transition:background .6s}.collection-art.blue{background:#dce7ed}.collection-art img{width:86%;position:relative;mix-blend-mode:multiply;z-index:2;transition:opacity .2s,transform .6s;transform:rotate(-5deg)}.collection-art:hover img{transform:rotate(0) scale(1.025)}.art-orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid #25204f20;border-radius:50%;transform:scaleY(1.2)}.art-title{position:absolute;top:30px;right:40px;font-family:var(--display);font-size:130px;opacity:.07}.vertical-label{position:absolute;left:22px;top:45px;writing-mode:vertical-rl;font:9px Arial;letter-spacing:3px}.art-caption{position:absolute;bottom:30px;font-size:12px}.collection-copy{direction:rtl;padding:65px 12%;background:#faf8f2;display:flex;flex-direction:column;justify-content:center}.switch{display:flex;border-bottom:1px solid var(--line);margin:28px 0 35px;gap:25px}.switch button{border:0;border-bottom:2px solid transparent;background:transparent;padding:12px 0;flex:1;font-size:16px;text-align:right;color:#77717b}.switch button span{font:10px Arial;float:left;line-height:30px}.switch button.active{border-color:var(--ink);color:var(--ink)}.product-copy h2{font-size:clamp(40px,4vw,61px);margin:12px 0 20px;line-height:1.5}.product-copy p{font-size:14px;color:var(--muted);max-width:390px}.product-copy dl{font-size:12px;margin:26px 0}.product-copy dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.button{border:0;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 25px;font-size:13px;transition:background .2s,transform .2s}.button span{font-size:20px;line-height:1}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:#3d356e;transform:translateY(-2px)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px}.section-heading .eyebrow{grid-column:1/-1}.section-heading p{color:var(--muted);font-size:14px;padding-bottom:12px}.editorial{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;margin-top:65px;align-items:start}.scene{position:sticky;top:45px}.scene img{width:100%}.scene figcaption{display:flex;justify-content:space-between;font-size:11px;padding:15px 0;border-bottom:1px solid var(--line)}.use-list article{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0}.use-list article>span{font:11px Arial;margin-top:15px;color:var(--muted)}.use-list h3{font-size:27px;font-weight:500;margin-bottom:7px}.use-list p{font-size:13px;color:var(--muted)}.small-scene{width:70%;margin:30px auto 0 0}.small-scene figcaption{font-size:11px;margin-top:10px}.business{padding:60px 8% 35px;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.business-top{display:flex;justify-content:space-between;align-items:center}.business-main{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center;margin:50px 0}.business h2{font-size:clamp(46px,6vw,90px);line-height:1.5}.business h2 em{color:#f9a12e}.business-main p{font-size:15px;color:#d4d0df;max-width:390px;margin-bottom:35px}.light{background:var(--paper);color:var(--ink);max-width:360px}.light:hover{background:#f9a12e}.business-bottom{display:flex;gap:50px;border-top:1px solid #ffffff30;padding-top:25px;font-size:12px;color:#d4d0df}.inquiry{display:grid;grid-template-columns:1fr 1fr;gap:12%}.inquiry-heading h2{font-size:85px;margin:20px 0}.inquiry-heading p{color:var(--muted);margin:10px 0 25px;font-size:14px}form label{display:block;font-size:12px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #25204f45;background:transparent;color:var(--ink);border-radius:0;padding:12px 0;font-size:14px;outline-offset:2px;resize:vertical}select{cursor:pointer}textarea{line-height:1.8}.optional{color:var(--muted)}form .button{width:100%;margin-top:25px}.form-note{font-size:10px;color:var(--muted);margin-top:12px}#request-result{padding-top:20px}#copy-status{font-size:12px}footer{margin:0 5%;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}footer>div{display:flex;align-items:center;gap:25px}footer img{width:45px;mix-blend-mode:multiply}footer>span{font:10px Arial;letter-spacing:1px}footer>a:last-child{font-size:25px}.skip{position:fixed;top:-100px;z-index:100;background:var(--ink);color:#fff;padding:10px}.skip:focus{top:0}.reveal{transition:opacity .7s,transform .7s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-stage{height:600px}.product-pair{width:1050px}}
@media(max-width:900px){.header nav{gap:23px}.wrap{padding:80px 6%}.hero h1{font-size:85px}.hero-stage{min-height:330px}.note{display:none}.product-pair{width:95%}.intro-bottom{padding-right:15%}.collection{min-height:680px}.collection-copy{padding:45px 9%}.product-copy h2{font-size:42px}.collection-art img{width:95%}.editorial{gap:6%}.business{padding:50px 6% 30px}.business-main{gap:5%}.inquiry{gap:7%}.inquiry-heading h2{font-size:65px}}
@media(max-width:600px){html{scroll-padding-top:20px}.header{height:83px;margin:0 6%}.brand img{width:43px;height:57px}.header nav{gap:18px;font-size:11px}.header nav a:nth-child(2){display:none}.header-cta{font-size:11px;padding:7px 14px;gap:16px}.hero{padding:35px 5% 0}.eyebrow{font-size:10px}.hero h1{font-size:clamp(52px,13vw,78px);letter-spacing:-1.8px;line-height:1.65;white-space:nowrap}.hero-top p{font-size:12px}.hero-stage{height:340px;min-height:0;margin:15px -4% 0}.hero-word{font-size:43vw;top:37%;letter-spacing:0}.product-pair{width:100%}.hero-jar.sidr{width:66%;right:-1%;bottom:4%}.hero-jar.flowers{width:60%;left:-1%;bottom:17%}.hero-bottom{padding:5px 0 23px}.hero-bottom .micro{display:none}.hero-bottom p{font-size:10px}.round-link{font-size:11px}.circle{width:37px;height:37px}.wrap{padding:65px 7%}h2{font-size:38px;line-height:1.6}.intro h2{margin-top:20px}.intro-bottom{display:block;padding:0;margin-top:22px}.intro p{font-size:13px}.intro .text-link{margin-top:18px}.collection{display:flex;flex-direction:column;min-height:0}.collection-art{min-height:440px;order:1}.collection-art img{width:83%;max-width:390px}.art-title{font-size:100px;right:25px;top:0}.art-caption{bottom:20px;font-size:10px}.vertical-label{left:15px;top:28px}.collection-copy{order:0;padding:35px 7%}.switch{margin:15px 0 24px}.product-copy h2{font-size:42px}.product-copy h2 br{display:none}.product-copy h2 span{display:block;font-size:32px}.product-copy p{font-size:13px}.product-copy dl{margin:20px 0}.section-heading{display:block}.section-heading h2{margin:18px 0}.section-heading p{font-size:13px}.editorial{display:block;margin-top:30px}.scene{position:relative;top:auto}.scene img{max-height:580px;object-fit:cover}.use-list{margin-top:30px}.use-list article{padding:20px 0}.use-list h3{font-size:26px}.small-scene{width:78%;margin-top:20px}.business{padding:35px 7% 25px}.business-top .micro{font-size:7px;letter-spacing:1px}.business-main{display:block;margin:30px 0}.business h2{font-size:50px}.business-main p{font-size:13px;margin:25px 0}.business-bottom{gap:0;justify-content:space-between;font-size:10px}.inquiry{display:block}.inquiry-heading h2{font-size:60px;margin:10px 0}.inquiry-heading p{font-size:13px}.inquiry form{margin-top:40px}.form-row{gap:20px}footer{flex-wrap:wrap;gap:25px;padding:30px 0}footer>div{width:70%;gap:20px}footer>span{font-size:9px}footer>div p{font-size:12px}}
@media(max-width:380px){.hero-stage{height:290px}.hero h1{font-size:48px}.header nav{gap:12px}.collection-art{min-height:370px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-jar{will-change:auto}.js-motion .reveal:not(.visible){opacity:1;transform:none}}

/* Transparent product images replace the former CSS cutouts. */
.product-pair{mix-blend-mode:normal;filter:drop-shadow(0 20px 16px #59432614)}
.hero-jar,.collection-art img{mix-blend-mode:normal;clip-path:none}
.hero-stage{height:min(39vw,540px)}
.restaurant-photo{margin:15px 0 40px}.restaurant-photo img{width:100%;height:auto}
@media(max-width:600px){.hero-stage{height:340px}}
@media(max-width:380px){.hero-stage{height:290px}}

/* Full-screen photographic opening. */
.header{position:absolute;inset:0 0 auto;height:112px;border-bottom:1px solid #ffffff24;color:#fff8eb;margin:0 5%;z-index:10}.brand{background:#f6f2e9;padding:16px 23px 20px;border-radius:0 0 36px 36px;align-self:flex-start;box-shadow:0 10px 30px #0002}.brand img{width:62px;height:74px;mix-blend-mode:normal}.header nav a:after{background:#fff}.header-cta{border-color:#fff7}.header-cta:hover{background:#ffffff18}
.hero.cinema-hero{height:100svh;min-height:680px;max-height:1200px;padding:0;isolation:isolate;background:#272b25;position:relative;display:flex;align-items:center;overflow:hidden;color:#fff9ee}
.cinema-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3}.cinema-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(14,20,16,.5),transparent 60%),linear-gradient(0deg,rgba(12,16,12,.7),transparent 24%,transparent 80%,rgba(12,16,12,.25));z-index:-2}
.cinema-hero .hero-top{text-align:right;width:43%;margin-right:7%;padding-top:55px}.cinema-hero h1{font-size:clamp(72px,7.8vw,118px);line-height:1.28;letter-spacing:-2px;margin:20px 0 24px}.cinema-hero h1 em{color:#ffb347}.cinema-hero .hero-top p{color:#f4eddf;font-size:16px}.cinema-hero .eyebrow{color:#eee2c9;font-size:12px;letter-spacing:0}.cinema-hero .hero-bottom{position:absolute;bottom:0;right:5%;left:5%;padding:22px 0 26px;border-top:1px solid #ffffff35;border-bottom:0}.cinema-hero .hero-bottom p{color:#f0e8d6}.cinema-hero .circle{border-color:#ffffff70}.cinema-hero .round-link:hover .circle{background:#ffb347;color:#25204f}
@media(max-width:900px) and (min-width:601px){.hero.cinema-hero{min-height:650px}.cinema-hero h1{font-size:80px}.cinema-hero .hero-top{margin-right:5%;width:40%}.cinema-background{object-position:42% center}}
@media(max-width:600px){.header{height:85px;margin:0 6%}.brand{padding:12px 17px 15px;border-radius:0 0 24px 24px}.brand img{width:43px;height:54px}.header nav{gap:20px}.hero.cinema-hero{min-height:720px;max-height:1050px;align-items:flex-start}.cinema-background{object-position:50% center}.cinema-shade{background:linear-gradient(180deg,rgba(15,20,16,.6),rgba(15,20,16,.2) 35%,transparent 52%,rgba(15,20,16,.65) 100%)}.cinema-hero .hero-top{width:100%;margin:0;padding:145px 7% 0;text-align:center}.cinema-hero .eyebrow{font-size:10px}.cinema-hero h1{font-size:58px;line-height:1.35;margin:15px 0}.cinema-hero h1 br{display:none}.cinema-hero h1 em{margin-right:8px}.cinema-hero .hero-top p{font-size:13px}.cinema-hero .hero-bottom{right:7%;left:7%;padding:18px 0 22px}.cinema-hero .hero-bottom p{font-size:10px}}
@media(max-width:380px){.cinema-hero h1{font-size:49px}.hero.cinema-hero{min-height:680px}}
/* Safa — refined editorial journey */
.cinema-hero h1{font-size:clamp(70px,7vw,108px);white-space:nowrap;line-height:1.6}
.cinema-hero .hero-signature{font-family:var(--display);font-size:clamp(23px,2.4vw,36px);line-height:1.8;color:#fff4dc}
.hero-scroll-note{font-size:12px;color:#f0e8d6}
.detail-story{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;min-height:740px;overflow:hidden;background:#ede6d8}
.detail-copy h2{margin:28px 0 36px}.detail-copy h2 span{color:#a76316}
.detail-visual{position:relative;isolation:isolate;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:480px}
.detail-visual img{width:110%;max-width:none;transform:translateY(var(--detail-y,0px)) rotate(-3deg);filter:drop-shadow(0 24px 18px #523e2420)}
.detail-index{position:absolute;top:5%;font:600 clamp(100px,15vw,230px)/1.5 var(--display);color:#d8cbb5;z-index:-1}
.detail-visual figcaption{position:absolute;bottom:0;font-size:11px;border-top:1px solid var(--line);padding-top:14px;width:75%;text-align:center}
.collection-heading{font-size:clamp(36px,3.8vw,56px);line-height:1.55;margin-top:18px}.collection-heading span{color:#ae6918}
.product-copy h2{font-size:30px;line-height:1.5}.product-copy h2 span{font-size:25px}
.collection-art.blue{background:#d5e1ea}.collection-art{transition:background .65s}
.collection-art img.product-arrive{animation:product-arrive .6s ease both}.product-copy.copy-arrive{animation:copy-arrive .4s ease both}
@keyframes product-arrive{from{opacity:.15;transform:translateY(20px) rotate(-8deg)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}
@keyframes copy-arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes opening{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cinema-hero .hero-top{animation:opening .85s ease both}
.scene img{aspect-ratio:3/2;object-fit:cover}.editorial{grid-template-columns:1.3fr 1fr;gap:6%}.scene{top:70px}
.closing-products{display:flex;align-items:center;max-width:370px;margin:-10px -20px 5px}.closing-products img{width:58%;filter:drop-shadow(0 14px 10px #59432618)}.closing-products img:first-child{transform:rotate(5deg);z-index:1}.closing-products img:last-child{margin-right:-16%;transform:rotate(-6deg)}
@media(max-width:900px){.detail-story{gap:2%;min-height:620px}.detail-visual{min-height:400px}}
@media(max-width:600px){.cinema-hero h1{font-size:64px;margin:4px 0}.cinema-hero .hero-signature{font-size:25px}.cinema-hero .hero-top{padding-top:142px}.hero-scroll-note{font-size:10px}.detail-story{display:flex;flex-direction:column;gap:18px;min-height:0;padding-top:60px;padding-bottom:45px}.detail-copy{align-self:stretch}.detail-copy h2{font-size:44px;margin:20px 0}.detail-visual{min-height:370px;width:100%;align-self:center}.detail-visual img{width:100%;max-width:420px}.detail-index{font-size:150px;top:0}.detail-visual figcaption{bottom:-10px}.collection-heading{font-size:42px}.collection-heading br{display:none}.collection-heading span{display:block}.product-copy h2{font-size:28px}.product-copy h2 span{font-size:24px}.editorial{display:block}.scene img{max-height:none}.small-scene{width:85%}.closing-products{max-width:285px;margin-top:0}.inquiry form{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.detail-visual img{transform:rotate(-3deg)}.cinema-hero .hero-top{animation:none}.product-arrive,.copy-arrive{animation:none!important}}
.cinema-hero .hero-top .hero-signature{font-size:clamp(23px,2.4vw,36px);line-height:1.8}
@media(max-width:600px){.cinema-hero .hero-top .hero-signature{font-size:25px}}

/* Contact details and independently counted honey varieties. */
[hidden]{display:none!important}
footer .footer-connect{display:flex;flex-direction:column;gap:12px;width:auto}
.social-icons{display:flex;gap:10px;list-style:none;padding:0;margin:0}
.social-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink)}
.social-icon svg{width:19px;height:19px}
@media(max-width:600px){footer .footer-connect{width:100%;align-items:flex-start;gap:14px}.social-icons{gap:12px}.social-icon{width:44px;height:44px}}

/* Keep the new longer headlines balanced at every width. */
.inquiry-heading h2{font-size:clamp(40px,4.7vw,68px);line-height:1.55;text-wrap:balance}
.collection-heading span{font-size:.76em;text-wrap:balance}
@media(max-width:600px){.inquiry-heading h2{font-size:44px}.collection-heading{font-size:40px}}

.moments-scenes{display:grid;gap:48px;min-width:0}.moments-scenes .scene{position:relative;top:auto}.moments-scenes .scene img{width:100%;height:auto}.tea-scene{margin-top:8px}
@media(max-width:600px){.moments-scenes{gap:28px}.tea-scene{margin-top:0}}

/* Vector arrows render consistently, including iOS. */
.ui-arrow{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle;overflow:visible}.button>span,.text-link>span,.header-cta>span{display:inline-flex;align-items:center;justify-content:center}.header-cta .ui-arrow{width:18px;height:18px}.circle .ui-arrow{width:20px;height:20px}footer>a:last-child .ui-arrow{width:28px;height:28px}