.editorial-home{background:#eee9e4;color:#173c35}.editorial-home header{background:#eee9e4ed;z-index:50}.dhifi-editorial{--paper:#eee9e4;--deep:#073e37;--green:#106864;--sand:#bda98c;overflow:clip}.editorial-kicker{font-size:10px;letter-spacing:2.5px;font-weight:500;line-height:1.5;margin:0 0 24px;direction:ltr}.editorial-link{display:inline-block;color:#106864;border-bottom:1px solid currentColor;padding:6px 0;min-height:40px;font-size:13px;font-weight:600;transition:opacity .2s,letter-spacing .3s}.editorial-link:hover{opacity:.65}.editorial-link.light{color:#eee9e4}.editorial-hero-scroll{height:170svh;background:#073e37;position:relative}.editorial-hero{position:sticky;top:112px;height:calc(100svh - 112px);min-height:550px;isolation:isolate;background:radial-gradient(ellipse at 25% 30%,#46847c66,transparent 55%),radial-gradient(ellipse at 70% 120%,#1b6458,#062f2a 80%);color:#eee9e4;padding:6vh 6% 50px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;overflow:hidden}.hero-grain{position:absolute;inset:0;opacity:.07;background-image:url('assets/banner-cups.png');background-size:cover;mix-blend-mode:luminosity;z-index:-1}.editorial-hero-copy{position:relative;z-index:2;transform:translateY(calc(var(--hero-p,0)*-40px));opacity:calc(1 - var(--hero-p,0)*.5)}.editorial-hero h1{font-size:clamp(64px,8.2vw,126px);font-weight:700;color:#eee9e4;line-height:1.17;letter-spacing:-3px;margin:0 0 25px}.editorial-hero h1 span{display:block}.editorial-hero-line{font-size:15px;line-height:1.9;color:#e5dfd2;max-width:285px;margin-bottom:24px}.hero-product-scene{position:relative;height:500px;perspective:1000px;min-width:0;direction:ltr;transform:translateY(calc(var(--hero-p,0)*35px))}.editorial-cup{position:absolute;left:50%;top:50%;width:345px;height:420px;overflow:hidden;transform:translate(-50%,-50%) rotate(-12deg);filter:drop-shadow(15px 24px 17px #001a1738);will-change:transform}.editorial-cup img{display:block;position:absolute;max-width:none;width:370px;height:auto;left:-13px;top:-132px}.hero-product-scene .editorial-cup{transform:translate(calc(-50% + var(--hero-p,0)*15px),calc(-50% + var(--hero-p,0)*20px)) rotate(calc(-13deg + var(--hero-p,0)*24deg)) scale(calc(1 - var(--hero-p,0)*.12));z-index:2}.coffee-receipt{position:absolute;width:250px;height:410px;top:6%;left:56%;background:#eee9e4;color:#143e34;padding:25px 23px;display:flex;flex-direction:column;gap:13px;box-shadow:10px 20px 30px #00161133;transform:rotate(calc(15deg - var(--hero-p,0)*18deg)) translateY(calc(var(--hero-p,0)*-35px));text-align:center;clip-path:polygon(0 0,100% 0,100% 96%,96% 97%,92% 96%,88% 97%,84% 96%,80% 97%,76% 96%,72% 97%,68% 96%,64% 97%,60% 96%,56% 97%,52% 96%,48% 97%,44% 96%,40% 97%,36% 96%,32% 97%,28% 96%,24% 97%,20% 96%,16% 97%,12% 96%,8% 97%,4% 96%,0 97%)}.coffee-receipt>p{font:700 38px Arial,sans-serif;margin:0;letter-spacing:-2px}.coffee-receipt small{font-size:8px;letter-spacing:1px;direction:ltr}.coffee-receipt>b{font-size:32px;line-height:1.5;margin:5px 0}.coffee-receipt>span{font-size:11px}.receipt-rule{width:100%;height:1px;background:#173c3550;margin:2px 0}.receipt-lines{height:32px;background:repeating-linear-gradient(90deg,#173c35 0 2px,transparent 2px 4px,#173c35 4px 5px,transparent 5px 8px);display:block;width:100%;margin-top:auto}.editorial-hero-foot{position:absolute;bottom:20px;inset-inline:6%;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#d8d4c8}.editorial-favorites{position:relative;background:#eee9e4;padding:85px 5% 80px}.editorial-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.editorial-section-heading h2{font-size:clamp(40px,5.3vw,76px);font-weight:700;line-height:1.3;letter-spacing:-1.5px;color:#173c35;margin:0;max-width:650px}.selection-caption{max-width:250px}.selection-caption p,.editorial-section-heading>p{font-size:13px;line-height:1.9;color:#826a59;max-width:265px;margin:0 0 17px}.editorial-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));direction:rtl}.editorial-product{border-inline-start:1px solid #826a5955;padding:12px 17px 16px;min-width:0;display:block;transition:background .3s}.editorial-product:last-child{border-inline-end:1px solid #826a5955}.product-topline{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#826a59;line-height:1.6}.product-studio{height:255px;padding:25px 10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-studio img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.editorial-product:hover .product-studio img{transform:translateY(-10px) rotate(-4deg) scale(1.04)}.editorial-product:hover{background:#e5ded54d}.product-bottomline{display:flex;align-items:end;justify-content:space-between;gap:10px;border-top:1px solid #826a592b;padding-top:12px}.product-bottomline h3{font-size:14px;font-weight:500;line-height:1.7;color:#173c35;margin:0}.editorial-price{display:flex;direction:rtl;align-items:center;gap:5px;white-space:nowrap}.editorial-price b{font-size:18px}.editorial-price .riyal{width:15px;height:18px}.editorial-time-scroll{height:160svh;position:relative;border-top:1px solid #826a5935;background:#eee9e4}.editorial-time{position:sticky;top:112px;height:calc(100svh - 112px);min-height:550px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:4%;padding:30px 7%;overflow:hidden}.time-copy{max-width:440px}.time-copy h2{font-size:clamp(45px,5.8vw,80px);font-weight:700;line-height:1.35;letter-spacing:-1.5px;margin:0 0 25px;color:#173c35}.time-copy>p:not(.editorial-kicker){font-size:14px;color:#826a59;line-height:2;margin-bottom:25px;max-width:340px}.coffee-clock{position:relative;width:min(40vw,520px);aspect-ratio:1;justify-self:center;direction:ltr}.clock-dial{position:absolute;inset:0;border:1px solid #826a5925;border-radius:50%}.clock-dial>i{position:absolute;width:1px;height:7px;background:#826a5977;top:50%;left:50%;transform:rotate(calc(var(--tick)*6deg)) translateY(calc(min(20vw,260px) - 12px));transform-origin:center 0}.clock-dial>i.major{height:14px;background:#173c3599}.clock-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(calc(var(--hour)*30deg)) translateY(calc(min(20vw,260px)*-.82));font:15px Georgia,serif;color:#173c35}.clock-number b{display:block;font-weight:400;transform:rotate(calc(var(--hour)*-30deg))}.clock-hand{position:absolute;left:calc(50% - 1px);bottom:50%;width:2px;height:43%;background:#826a59;transform:rotate(calc(-35deg + var(--time-p,0)*290deg));transform-origin:bottom;z-index:1}.coffee-clock>img{position:absolute;width:49%;height:65%;object-fit:contain;left:25.5%;top:19%;mix-blend-mode:multiply;z-index:2;transform:rotate(calc(-7deg + var(--time-p,0)*14deg)) translateY(calc(var(--time-p,0)*-8px));filter:drop-shadow(7px 15px 10px #826a5920)}.clock-caption{position:absolute;bottom:-35px;inset-inline:0;text-align:center;font-size:8px;letter-spacing:2px;color:#826a59}.editorial-pause-scroll{position:relative;height:170svh;background:#073e37}.editorial-pause{position:sticky;top:112px;height:calc(100svh - 112px);min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,#36746b80,transparent 55%),#073e37;padding:50px 7%;color:#eee9e4}.pause-copy{z-index:4;max-width:510px}.pause-copy h2{font-size:clamp(42px,5.8vw,85px);font-weight:700;line-height:1.35;color:#eee9e4;letter-spacing:-1.5px;margin:0 0 25px}.pause-copy>p:not(.editorial-kicker){font-size:14px;color:#c7d2c8;line-height:1.9;margin:0 0 25px}.pause-cup-scene{position:relative;min-height:500px;height:100%;perspective:1000px}.pause-cup-scene .editorial-cup{z-index:3;transform:translate(-50%,calc(-50% + (var(--pause-p,0) - .5)*100px)) rotate(calc(18deg - var(--pause-p,0)*32deg));width:345px;height:420px}.pause-word{position:absolute;top:27%;left:-15%;font:700 200px Arial,sans-serif;color:#eee9e40b;letter-spacing:-15px;transform:rotate(-15deg)}.floating-bean{position:absolute;width:32px;height:44px;overflow:hidden;border-radius:48%;left:calc(8% + var(--i)*12%);top:calc(10% + var(--i)*11%);z-index:2;transform:translateY(calc((var(--pause-p,0) - .5)*-140px)) rotate(calc(var(--i)*45deg + var(--pause-p,0)*65deg));mix-blend-mode:luminosity;opacity:.55}.floating-bean img{position:absolute;width:50px;max-width:none;height:50px;object-fit:cover;left:-9px;top:-3px}.pause-foot{position:absolute;bottom:20px;inset-inline:7%;font-size:8px;letter-spacing:3px;direction:ltr;color:#d1dac9}.editorial-moments{padding:85px 5%;background:#eee9e4}.editorial-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.editorial-photo-pair figure{margin:0}.editorial-photo-pair figure:nth-child(2){padding-top:100px}.editorial-photo-pair figure>div{overflow:hidden;aspect-ratio:4/4.5;background:#e3ded5}.editorial-photo-pair img{width:100%;height:115%;object-fit:cover;transform:translateY(calc(var(--photo-p,0)*-10%));transition:filter .3s}.editorial-photo-pair figcaption{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #826a593d}.editorial-photo-pair figcaption span{font-size:9px;color:#826a59}.editorial-photo-pair h3{font-size:22px;color:#173c35;font-weight:500;margin:0}.editorial-end{position:relative;min-height:680px;height:85svh;overflow:hidden;background:#073e37;display:flex;align-items:center;justify-content:center}.editorial-end>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:brightness(.64);transform:scale(1.03)}.end-receipt{position:relative;width:310px;padding:35px 28px;background:#eee9e4;transform:rotate(calc(-5deg + var(--end-p,0)*9deg));display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;box-shadow:20px 25px 50px #062f2a40}.end-receipt>p{font-size:8px;letter-spacing:2px;direction:ltr;margin:0}.end-receipt h2{font-size:37px;font-weight:700;line-height:1.4;color:#173c35;margin:0}.editorial-solid{background:#106864;color:#eee9e4;font-size:13px;font-weight:600;padding:14px 25px;display:block;width:100%}.end-receipt .receipt-lines{height:45px;margin-top:8px}.editorial-home footer{background:#073e37;color:#eee9e4;border:0;padding-top:55px}.editorial-home footer>img{filter:brightness(0) invert(.92)}.editorial-home footer p,.editorial-home footer small,.editorial-home footer a{color:#d9e0d5}.dhifi-editorial [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.dhifi-editorial [data-reveal].revealed{opacity:1;transform:none}html[lang=en] .editorial-hero h1{font-size:clamp(60px,7vw,112px);line-height:.98;letter-spacing:-4px}html[lang=en] .editorial-section-heading h2,html[lang=en] .time-copy h2,html[lang=en] .pause-copy h2{font-family:Arial,sans-serif;line-height:1;letter-spacing:-2px}html[lang=en] .editorial-products{direction:ltr}
@media(max-width:1000px){.editorial-hero h1{font-size:75px}.hero-product-scene{transform:scale(.85);transform-origin:center}.coffee-receipt{left:46%}.editorial-products{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.editorial-product:nth-child(2){border-inline-end:1px solid #826a5955}.editorial-pause{padding-inline:5%}.pause-cup-scene .editorial-cup{transform:translate(-50%,-50%) rotate(calc(18deg - var(--pause-p,0)*32deg)) scale(.85)}}
@media(max-width:700px){.editorial-home header{min-height:96px;height:96px}.editorial-home header .brand img{height:75px;width:84px}.editorial-hero-scroll{height:155svh}.editorial-hero{top:96px;height:calc(100svh - 96px);min-height:620px;padding:30px 6% 45px;display:flex;flex-direction:column;align-items:stretch}.editorial-kicker{font-size:8px;letter-spacing:2px;margin-bottom:13px}.editorial-hero-copy{max-width:100%;z-index:3}.editorial-hero h1{font-size:clamp(43px,12.5vw,68px);line-height:1.13;letter-spacing:-1.5px;margin-bottom:12px}.editorial-hero h1 span{display:inline}.editorial-hero h1 span+span:before{content:' '}.editorial-hero-line{font-size:12px;max-width:210px;line-height:1.8;margin:0 0 9px}.editorial-link{font-size:11px;min-height:34px;padding:5px 0}.hero-product-scene{position:absolute;bottom:15px;left:0;width:100%;height:390px;transform:scale(.76);transform-origin:50% 85%;z-index:1}.hero-product-scene .editorial-cup{left:44%;top:53%}.coffee-receipt{height:365px;width:220px;top:0;left:48%;padding:20px}.coffee-receipt>b{font-size:27px}.editorial-hero-foot{bottom:13px;inset-inline:6%;font-size:7px;letter-spacing:.3px}.editorial-hero-foot>span:first-child{display:none}.editorial-favorites,.editorial-moments{padding:48px 5%}.editorial-section-heading{display:block;margin-bottom:27px}.editorial-section-heading h2{font-size:37px;letter-spacing:-1px;line-height:1.35;margin-bottom:17px}.selection-caption{max-width:100%;display:flex;justify-content:space-between;gap:25px;align-items:start}.selection-caption p{font-size:11px;max-width:170px;line-height:1.8;margin:0}.selection-caption .editorial-link{white-space:nowrap}.editorial-products{gap:22px 0}.editorial-product{padding:9px 10px 12px}.product-topline{font-size:6px;gap:4px}.product-studio{height:180px;padding:18px 4px}.product-bottomline{align-items:start;gap:4px}.product-bottomline h3{font-size:11px;line-height:1.8}.editorial-price b{font-size:15px}.editorial-price .riyal{width:11px;height:15px}.editorial-price{gap:3px}.editorial-time-scroll{height:155svh}.editorial-time{top:96px;height:calc(100svh - 96px);min-height:620px;padding:32px 6% 45px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:12px}.time-copy{max-width:100%}.time-copy h2{font-size:38px;line-height:1.3;letter-spacing:-1px;margin:0 0 12px}.time-copy>p:not(.editorial-kicker){font-size:12px;line-height:1.9;max-width:285px;margin:0 0 10px}.coffee-clock{width:min(78vw,360px);align-self:center}.clock-dial>i{transform:rotate(calc(var(--tick)*6deg)) translateY(calc(min(39vw,180px) - 9px));height:5px}.clock-dial>i.major{height:10px}.clock-number{font-size:12px;transform:translate(-50%,-50%) rotate(calc(var(--hour)*30deg)) translateY(calc(min(39vw,180px)*-.81))}.clock-caption{bottom:-23px;font-size:7px;letter-spacing:1px}.editorial-pause-scroll{height:155svh}.editorial-pause{top:96px;height:calc(100svh - 96px);min-height:640px;display:flex;flex-direction:column;align-items:stretch;padding:35px 6% 25px}.pause-copy h2{font-size:39px;line-height:1.3;letter-spacing:-1px;margin-bottom:15px;max-width:320px}.pause-copy>p:not(.editorial-kicker){font-size:12px;max-width:260px;margin-bottom:12px}.pause-cup-scene{position:absolute;inset:260px 0 0;min-height:0}.pause-cup-scene .editorial-cup{transform:translate(-50%,calc(-50% + (var(--pause-p,0) - .5)*70px)) rotate(calc(18deg - var(--pause-p,0)*32deg)) scale(.68)}.pause-word{font-size:140px;top:15%;left:8%}.floating-bean{width:24px;height:32px}.floating-bean img{width:40px;height:40px;left:-8px}.pause-foot{font-size:7px;bottom:16px}.editorial-photo-pair{gap:15px}.editorial-photo-pair figure:nth-child(2){padding-top:45px}.editorial-photo-pair figcaption{gap:8px;align-items:start;padding-top:12px}.editorial-photo-pair figcaption span{font-size:7px;margin-top:5px}.editorial-photo-pair h3{font-size:14px;line-height:1.7}.editorial-section-heading>p{font-size:12px}.editorial-end{min-height:560px;height:75svh}.end-receipt{width:265px;padding:28px 22px;gap:17px}.end-receipt h2{font-size:32px}.editorial-home footer{padding-top:40px}html[lang=en] .editorial-hero h1{font-size:clamp(43px,12vw,68px);line-height:.98;letter-spacing:-2.5px}html[lang=en] .editorial-hero h1 span{display:block}html[lang=en] .editorial-hero h1 span+span:before{content:none}html[lang=en] .editorial-section-heading h2{font-size:36px}html[lang=en] .time-copy h2,html[lang=en] .pause-copy h2{font-size:39px}}
@media(max-width:360px){.editorial-hero h1{font-size:42px}.hero-product-scene{transform:scale(.65);bottom:18px}.editorial-hero-line{font-size:11px;max-width:190px}.editorial-hero{min-height:610px}.editorial-section-heading h2{font-size:31px}.selection-caption{gap:12px}.product-studio{height:150px}.editorial-time{min-height:580px}.time-copy h2{font-size:33px}.editorial-pause{min-height:610px}.pause-copy h2{font-size:34px}.editorial-photo-pair h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.editorial-hero-scroll,.editorial-time-scroll,.editorial-pause-scroll{height:auto}.editorial-hero,.editorial-time,.editorial-pause{position:relative;top:auto}.editorial-cup,.coffee-receipt,.clock-hand,.coffee-clock>img,.floating-bean,.editorial-photo-pair img,.end-receipt{will-change:auto;transition:none!important}.dhifi-editorial [data-reveal]{opacity:1;transform:none;transition:none}}
.editorial-hero h1,.editorial-hero h1 span{color:#eee9e4!important}.hero-grain{opacity:.035}.editorial-kicker{font-weight:500}.editorial-home .editorial-price{color:#106864}
/* Exact photographic cup: preserve the supplied pixels and proportions. */
.editorial-cup>img{width:450px;height:auto;left:-50px;top:-234px;max-width:none}.editorial-cup{overflow:hidden}.editorial-print-scroll{height:175svh;position:relative;background:#073e37;--print-p:0}.editorial-print-scroll .editorial-end{position:sticky;top:112px;height:calc(100svh - 112px);min-height:620px}.receipt-machine{position:relative;width:370px;height:535px;max-width:90vw;filter:drop-shadow(14px 25px 22px #06251e45);perspective:1100px}.receipt-window{position:absolute;bottom:69px;left:29px;right:29px;height:443px;overflow:hidden;perspective:1000px;z-index:2}.editorial-print-scroll .end-receipt{position:absolute;bottom:0;left:0;width:100%;min-height:420px;padding:30px 27px 25px;gap:20px;box-shadow:none;transform:translateY(calc((1 - var(--print-p))*100%));transform-origin:bottom center;will-change:transform;background:linear-gradient(180deg,#eee9e4 0%,#f3efe8 80%,#e9e1d5 100%);clip-path:polygon(0 0,100% 0,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0 100%)}.editorial-print-scroll .end-receipt h2{font-size:34px}.editorial-print-scroll .end-receipt>p{font-size:8px}.editorial-print-scroll .end-receipt .receipt-lines{height:44px}.printer-body{position:absolute;bottom:0;left:0;right:0;height:100px;border-radius:13px 13px 9px 9px;background:linear-gradient(150deg,#286759,#0c3d33 45%,#05291f);border:1px solid #b4c7b038;box-shadow:inset 0 1px #ffffff26,inset 0 -10px 15px #031a1455;z-index:3}.printer-slot{position:absolute;top:17px;left:22px;right:22px;height:13px;border-radius:6px;background:#011b13;box-shadow:0 2px 2px #82a28b44,inset 0 3px 6px #000}.printer-slot:after{content:'';position:absolute;top:8px;inset-inline:7px;height:3px;background:linear-gradient(90deg,#d6d6bd22,#d6d6bd66,#d6d6bd22);border-radius:2px}.printer-body>span{position:absolute;bottom:21px;left:25px;color:#eee9e4;font:700 15px Arial,sans-serif;letter-spacing:2px}.printer-led{position:absolute;width:5px;height:5px;border-radius:50%;bottom:29px;right:27px;background:#bfdfb2;box-shadow:0 0 7px #c6efac77}.receipt-window:after{content:'';position:absolute;bottom:0;left:0;right:0;height:21px;background:linear-gradient(transparent,#082c2355);pointer-events:none;z-index:4}@media(max-width:700px){.editorial-print-scroll{height:165svh}.editorial-print-scroll .editorial-end{top:96px;height:calc(100svh - 96px);min-height:590px}.receipt-machine{width:310px;height:490px}.receipt-window{left:23px;right:23px;bottom:65px;height:413px}.editorial-print-scroll .end-receipt{min-height:389px;padding:26px 22px 25px;gap:17px}.editorial-print-scroll .end-receipt h2{font-size:30px}.editorial-print-scroll .end-receipt>p{font-size:7px;letter-spacing:1px}.printer-body{height:94px}.printer-slot{left:17px;right:17px}.printer-body>span{font-size:13px;left:22px}.editorial-print-scroll .end-receipt .receipt-lines{height:40px}}@media(max-width:360px){.receipt-machine{width:282px;height:470px}.receipt-window{height:395px;left:21px;right:21px}.editorial-print-scroll .end-receipt{padding:24px 18px;gap:14px;min-height:370px}.editorial-print-scroll .end-receipt h2{font-size:27px}.editorial-print-scroll .editorial-end{min-height:550px}}@media(prefers-reduced-motion:reduce){.editorial-print-scroll{height:auto;--print-p:1!important}.editorial-print-scroll .editorial-end{position:relative;top:0}.editorial-print-scroll .end-receipt{transform:none;will-change:auto}}
/* A top-mounted thermal slot feeds the hanging paper downward, like the reference. */
.receipt-machine{height:500px;width:350px;filter:drop-shadow(9px 15px 17px #041d1955)}.receipt-window{top:22px;bottom:auto;left:19px;right:19px;height:449px;overflow:hidden}.editorial-print-scroll .end-receipt{top:0;bottom:auto;min-height:420px;transform:translateY(calc((var(--print-p) - 1)*100%));background:linear-gradient(180deg,#dfd8ce,#eee9e4 7%,#f4efe7 75%,#eee9e4);box-shadow:0 10px 20px #011b1633}.printer-body{top:0;bottom:auto;height:36px;border-radius:6px;background:linear-gradient(180deg,#5c7468,#b2beb0 12%,#405c50 35%,#173e32 72%,#0b2c23);border:1px solid #d2dac659;box-shadow:inset 0 1px #ffffff88,0 5px 12px #062f2a55}.printer-slot{top:18px;left:12px;right:12px;height:6px;border-radius:2px;background:#02150f;box-shadow:inset 0 2px 3px #000,0 1px 1px #e0e4d144}.printer-slot:after{inset-inline:3px;top:5px;height:3px;background:#0a241a;box-shadow:0 2px 4px #0005}.printer-body>span{display:none}.printer-led{width:3px;height:3px;bottom:auto;top:7px;right:12px;opacity:.65}.receipt-window:after{top:0;bottom:auto;height:23px;background:linear-gradient(#071d177d,#071d1700);pointer-events:none}.editorial-print-scroll .end-receipt{clip-path:polygon(0 0,100% 0,100% 98%,98% 100%,96% 98%,94% 100%,92% 98%,90% 100%,88% 98%,86% 100%,84% 98%,82% 100%,80% 98%,78% 100%,76% 98%,74% 100%,72% 98%,70% 100%,68% 98%,66% 100%,64% 98%,62% 100%,60% 98%,58% 100%,56% 98%,54% 100%,52% 98%,50% 100%,48% 98%,46% 100%,44% 98%,42% 100%,40% 98%,38% 100%,36% 98%,34% 100%,32% 98%,30% 100%,28% 98%,26% 100%,24% 98%,22% 100%,20% 98%,18% 100%,16% 98%,14% 100%,12% 98%,10% 100%,8% 98%,6% 100%,4% 98%,2% 100%,0 98%)}@media(max-width:700px){.receipt-machine{height:455px;width:300px}.receipt-window{top:22px;bottom:auto;left:16px;right:16px;height:417px}.editorial-print-scroll .end-receipt{min-height:389px}.printer-body{height:34px}.printer-slot{top:17px;left:10px;right:10px}.printer-led{top:7px;right:11px}}@media(max-width:360px){.receipt-machine{width:275px;height:438px}.receipt-window{left:14px;right:14px;height:398px}.editorial-print-scroll .end-receipt{min-height:370px}}@media(prefers-reduced-motion:reduce){.editorial-print-scroll .end-receipt{transform:none}}
/* A clearer clock section with three deliberate coffee choices. */
.editorial-time{grid-template-columns:1fr 1fr;gap:7%;padding-inline:8%;max-width:1500px;margin-inline:auto}.time-copy{max-width:455px;width:100%}.time-copy .editorial-kicker{font-size:11px;letter-spacing:1px;margin-bottom:16px;color:#826a59}.time-copy h2{font-size:clamp(40px,4.8vw,66px);line-height:1.4;margin-bottom:18px;letter-spacing:-1px}.time-copy>p.time-intro{font-size:15px;line-height:1.95;max-width:350px;margin:0 0 25px}.time-choices{border-top:1px solid #826a5933;margin-bottom:17px}.time-choices button{display:flex;align-items:center;gap:14px;width:100%;min-height:70px;padding:12px 2px;border:0;border-bottom:1px solid #826a5933;background:transparent;text-align:start;font:inherit;color:#826a59;cursor:pointer;transition:color .2s,background .2s,padding .2s}.time-choices button[aria-pressed=true]{color:#106864;background:#10686407;padding-inline:9px}.choice-indicator{height:8px;width:8px;border:1px solid #826a5966;border-radius:50%;flex-shrink:0}.time-choices button[aria-pressed=true] .choice-indicator{background:#106864;border-color:#106864;box-shadow:0 0 0 4px #1068640c}.time-choices b{display:block;font-size:16px;font-weight:600;line-height:1.7}.time-choices small{display:block;font-size:10px;line-height:1.8;opacity:.75}.choice-number{margin-inline-start:auto;font-size:9px;letter-spacing:1px}.time-choices button:focus-visible{outline:2px solid #106864;outline-offset:4px}.editorial-time .coffee-clock{width:min(36vw,470px)}.editorial-time .clock-dial>i{transform:rotate(calc(var(--tick)*6deg)) translateY(calc(min(18vw,235px) - 12px))}.editorial-time .clock-number{transform:translate(-50%,-50%) rotate(calc(var(--hour)*30deg)) translateY(calc(min(18vw,235px)*-.82))}.editorial-time .coffee-clock>img{width:66%;height:77%;left:17%;top:11%;}.editorial-time .clock-hand{background:#826a5966;height:39%;z-index:1}.editorial-time .clock-caption{bottom:-50px;display:flex;justify-content:center;align-items:center;gap:18px;font-size:12px;letter-spacing:0;color:#106864;line-height:1.6}.time-price{display:flex;align-items:center;direction:rtl;gap:5px;font-size:16px;font-weight:700;white-space:nowrap}.time-price .riyal{height:17px;width:14px}html[lang=en] .time-copy h2{font-size:clamp(38px,4.4vw,62px);line-height:1.04;letter-spacing:-1.5px}@media(max-width:700px){.editorial-time{padding:24px 6% 40px;gap:22px;min-height:760px;height:auto;grid-template-columns:1fr;grid-template-rows:auto auto}.editorial-time-scroll{height:180svh}.time-copy{max-width:100%}.time-copy .editorial-kicker{font-size:9px;margin-bottom:10px}.time-copy h2{font-size:36px;margin-bottom:10px}.time-copy>p.time-intro{font-size:12px;line-height:1.9;max-width:310px;margin-bottom:18px}.time-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:9px}.time-choices button{display:flex;flex-direction:column;align-items:flex-start;justify-content:start;gap:6px;padding:11px 7px;min-height:96px;border-inline-start:1px solid #826a5925;border-bottom:1px solid #826a5933}.time-choices button:first-child{border-inline-start:0}.time-choices button[aria-pressed=true]{padding-inline:7px}.time-choices b{font-size:11px;line-height:1.7}.time-choices small{font-size:8px;line-height:1.7}.choice-indicator{width:6px;height:6px}.choice-number{display:none}.editorial-time .coffee-clock{width:min(74vw,330px);margin:0 auto 25px}.editorial-time .clock-dial>i{transform:rotate(calc(var(--tick)*6deg)) translateY(calc(min(37vw,165px) - 9px))}.editorial-time .clock-number{transform:translate(-50%,-50%) rotate(calc(var(--hour)*30deg)) translateY(calc(min(37vw,165px)*-.81))}.editorial-time .clock-caption{bottom:-33px;font-size:10px;gap:12px}.time-price{font-size:13px}.time-price .riyal{width:11px;height:14px}html[lang=en] .time-copy h2{font-size:34px}.editorial-time .clock-hand{height:40%}}@media(max-width:360px){.time-copy h2{font-size:31px}.editorial-time{min-height:730px}.time-choices b{font-size:10px}.time-choices small{font-size:7px}html[lang=en] .time-copy h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.editorial-time-scroll{height:auto}}
.editorial-time .coffee-clock{--dial-size:min(36vw,470px);width:var(--dial-size)}.editorial-time .clock-dial>i{transform:rotate(calc(var(--tick)*6deg)) translateY(calc(var(--dial-size)*.5 - 12px))}.editorial-time .clock-number{transform:translate(-50%,-50%) rotate(calc(var(--hour)*30deg)) translateY(calc(var(--dial-size)*-.41))}@media(max-width:700px){.editorial-time{height:calc(100svh - 96px);min-height:0;grid-template-rows:auto minmax(0,1fr);gap:12px;padding-bottom:45px}.editorial-time .coffee-clock{--dial-size:min(70vw,310px,calc(100svh - 460px));width:var(--dial-size);margin:0 auto 12px}.editorial-time .clock-dial>i{transform:rotate(calc(var(--tick)*6deg)) translateY(calc(var(--dial-size)*.5 - 9px))}.editorial-time .clock-number{transform:translate(-50%,-50%) rotate(calc(var(--hour)*30deg)) translateY(calc(var(--dial-size)*-.405))}}@media(max-height:690px) and (max-width:700px){.editorial-time{height:auto;min-height:650px}.editorial-time .coffee-clock{--dial-size:210px}.time-copy>p.time-intro{margin-bottom:12px}}

.editorial-time .clock-hand{clip-path:inset(0 0 48% 0)}