/* وان — specialty coffee: espresso, crema and copper; Markazi Text for display, Vazirmatn for text */
@font-face{font-family:Vazirmatn;font-weight:400;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Vazirmatn;font-weight:400;font-display:swap;src:url(/a/fonts/vazirmatn-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:Vazirmatn;font-weight:600;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-600-normal.woff2) format('woff2')}
@font-face{font-family:Vazirmatn;font-weight:800;font-display:swap;src:url(/a/fonts/vazirmatn-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE80-FEFC}
@font-face{font-family:Vazirmatn;font-weight:800;font-display:swap;src:url(/a/fonts/vazirmatn-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF}
@font-face{font-family:Markazi;font-weight:600;font-display:swap;src:url(/a/fonts/markazi-text-arabic-600-normal.woff2) format('woff2')}
@font-face{font-family:Markazi;font-weight:700;font-display:swap;src:url(/a/fonts/markazi-text-arabic-700-normal.woff2) format('woff2')}

:root{--bg:#fbf6ef;--surface:#fffdf9;--ink:#24150e;--muted:#7a6656;--line:#eadfd1;--brand:#3a2217;--brand-ink:#f7ecdd;--accent:#c27a3c;
--crema:#e8c79a;--copper:#b8703a;--espresso:#1d100a;--radius:22px;--radius-sm:14px;--shadow:0 2px 4px rgb(58 34 23/.05),0 18px 40px rgb(58 34 23/.10);
--font-body:Vazirmatn,Tahoma,sans-serif;--font-display:Markazi,Vazirmatn,serif;--ft-bg:#1d100a;--ft-ink:#f2e4d2}
h1,h2,.sec__title{font-weight:700;letter-spacing:-.2px}
.brand__text b{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1}
.hd{background:color-mix(in srgb,#fbf6ef 88%,transparent)}
.hd__call{background:var(--espresso);color:var(--crema)}
.card{border-color:#efe5d8;border-radius:24px}
.card__img--art{background:#f3e7d8}
.card__price{color:var(--copper)}
.pd__price{background:linear-gradient(135deg,#fff7ec,#f6e8d6);border:1px solid #efdcc4}
.pd__price b{color:var(--brand)}
.pd__media--art img{background:#f3e7d8}
.btn--brand{background:var(--espresso);color:var(--crema)}
.btn--brand:hover{background:#3a2217}
.pl td:last-child,.card__price{color:var(--copper)}
.ft{background:radial-gradient(800px 300px at 90% 0%,rgb(194 122 60/.18),transparent 70%),var(--ft-bg)}

/* ---------- home ---------- */
.v-hero{position:relative;overflow:hidden;color:#f6eadb;background:radial-gradient(900px 500px at 85% 15%,rgb(194 122 60/.35),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgb(232 199 154/.10),transparent 60%),linear-gradient(160deg,#2a1810,#140a06)}
.v-hero::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E");pointer-events:none}
.v-hero__in{position:relative;z-index:1;display:grid;gap:32px;padding-block:clamp(40px,7vw,96px) clamp(48px,7vw,104px);align-items:center}
@media (min-width:920px){.v-hero__in{grid-template-columns:1.1fr .9fr}}
.v-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--crema);padding:6px 14px;border-radius:999px;border:1px solid rgb(232 199 154/.3);background:rgb(232 199 154/.08)}
.v-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgb(194 122 60/.25)}
.v-hero h1{font-size:clamp(38px,6.4vw,76px);line-height:1.12;margin:18px 0 14px;color:#fff7ec}
.v-hero h1 em{font-style:normal;color:var(--crema)}
.v-hero p{font-size:clamp(15px,1.8vw,18px);color:#e2cdb5;max-width:560px}
.v-hero .btn--brand{background:var(--crema);color:var(--espresso)}
.v-hero .btn--ghost{color:#f6eadb}
.v-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.v-stats{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px}
.v-stats b{display:block;font-family:var(--font-display);font-size:34px;color:#fff7ec;line-height:1}
.v-stats span{font-size:13px;color:#cbb399}
.v-art{position:relative;aspect-ratio:1/1;max-width:min(520px,82vw);width:100%;margin-inline:auto}
.v-art__ring{position:absolute;inset:6%;border-radius:50%;border:1px solid rgb(232 199 154/.25)}
.v-art__ring:nth-child(2){inset:18%;border-style:dashed;animation:spin 60s linear infinite}
.v-art__disc{position:absolute;inset:24%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2dcbd,#c98a4b 70%,#8a4f24);box-shadow:0 30px 80px rgb(0 0 0/.45),inset 0 -12px 30px rgb(0 0 0/.25);display:grid;place-items:center;color:#2a1810}
.v-art__disc svg{width:46%;height:46%}
.v-chip{position:absolute;display:grid;place-items:center;width:clamp(68px,10vw,92px);aspect-ratio:1/1;border-radius:26px;background:#fff7ec;color:#2a1810;box-shadow:0 18px 40px rgb(0 0 0/.35);animation:float 6s ease-in-out infinite}
.v-chip svg{width:56%;height:56%}
.v-chip--1{top:6%;right:10%}.v-chip--2{bottom:10%;right:2%;animation-delay:-2s}.v-chip--3{top:40%;left:0;animation-delay:-4s}
.v-steam{position:absolute;top:10%;left:44%;width:12%;height:22%}
.v-steam path{fill:none;stroke:rgb(255 247 236/.5);stroke-width:3;stroke-linecap:round;stroke-dasharray:110;animation:steam 3.2s ease-in-out infinite}
.v-steam path:nth-child(2){animation-delay:-1.1s}
@keyframes float{50%{transform:translateY(-12px) rotate(-3deg)}}
@keyframes steam{0%{stroke-dashoffset:110;opacity:0}40%{opacity:1}100%{stroke-dashoffset:-110;opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}

.v-marquee{background:var(--copper);color:#fff7ec;overflow:hidden;white-space:nowrap;font-family:var(--font-display);font-size:22px}
.v-marquee__track{display:inline-flex;gap:36px;padding:12px 0;animation:marq 40s linear infinite}
.v-marquee__track span::after{content:"✦";margin-inline-start:36px;opacity:.6;font-size:14px;vertical-align:middle}
@keyframes marq{to{transform:translateX(50%)}}

.v-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:760px){.v-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.v-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:150px;padding:18px;border-radius:26px;background:var(--surface);border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:transform .25s,box-shadow .25s}
.v-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.v-tile__ic{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#f4e6d4;color:var(--brand)}
.v-tile b{font-family:var(--font-display);font-size:22px;line-height:1.3}
.v-tile small{color:var(--muted)}
.v-tile--big{grid-column:span 2;grid-row:span 2;min-height:320px;background:linear-gradient(160deg,#3a2217,#1d100a);color:#f6eadb;border:0}
.v-tile--big .v-tile__ic{background:rgb(232 199 154/.14);color:var(--crema);width:72px;height:72px}
.v-tile--big b{font-size:34px;color:#fff7ec}.v-tile--big small{color:#cbb399}
.v-tile--big p{color:#d9c3aa;font-size:14.5px;max-width:360px}
.v-tile--big .v-tile__arrow{display:none}
.v-tile__arrow{position:absolute;bottom:16px;left:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;opacity:.5}

.v-rail{margin-top:8px}
.v-rail__hd{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
.v-rail__hd h2{font-size:clamp(22px,3vw,32px)}
.v-rail__hd a{color:var(--copper);font-weight:700;text-decoration:none;white-space:nowrap}
.v-rail__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
@media (min-width:1000px){.v-rail__row{grid-auto-columns:calc((100% - 42px)/4)}}
.v-rail__row .card{scroll-snap-align:start}

.v-band{display:grid;gap:24px;align-items:center;padding:clamp(24px,4vw,44px);border-radius:32px;background:linear-gradient(120deg,#f6e3cb,#f1d4b0);border:1px solid #e8c79a}
@media (min-width:860px){.v-band{grid-template-columns:1.3fr 1fr}}
.v-band h2{font-size:clamp(24px,3.4vw,38px)}
.v-band p{color:#6a4a32;margin-top:8px}
.v-band__cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.v-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.v-faq summary{cursor:pointer;font-weight:700;font-size:16.5px;min-height:44px;display:flex;align-items:center}
.v-faq p{color:var(--muted);margin-top:6px}

/* wordmark «one» (owner's choice 1405/08/18): Latin serif, lowercase, copper dot */
@font-face{font-family:DMSerif;font-weight:400;font-display:swap;src:url(/a/fonts/dm-serif-display-latin-400-normal.woff2) format('woff2')}
.brand__text b{font-family:DMSerif,serif;font-weight:400;font-size:30px;letter-spacing:.5px;direction:ltr;line-height:.9}
.brand__text b::after{content:".";color:var(--accent)}
.ft .brand__text b{color:#fff7ec}